Add token for new design language searchBar color (#146)

* Added token for NDL searchbar background * Added changes to the Changelog * Changelog and description changes * Lint changes * Content changes
Shopify · Sep 9, 2020 · 0f351a6 · 0f351a6
1 parent 1d07ac2
commit 0f351a6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+- Added background under onSurface ([#146](https://github.com/Shopify/polaris-tokens/pull/146))
+
 ## [2.12.5] - 2020-09-08
 
 - Updated borderSubdued and added borderShadow, borderShadowSubdued, and divider colors ([#145](https://github.com/Shopify/polaris-tokens/pull/145))

diff --git a/src/configs/base.ts b/src/configs/base.ts
@@ -208,6 +208,16 @@ export const config: Config = {
     },
   ],
   onSurface: [
+    {
+      name: 'background',
+      description:
+        'For use as a background color, in components on surface elements such as SearchField',
+      light: {lightness: 95.5},
+      dark: {lightness: 20},
+      meta: {
+        figmaName: 'Background/Default',
+      },
+    },
     {
       name: 'border',
       description: 'For use as the default border on elements.',