polaris_tokens 2.13.0 → 2.17.0

data/dist-modern/palette/base.light.json

@@ -5,6 +5,9 @@
   "backgroundSelected": "rgb(237, 238, 239)",
   "surface": "rgb(255, 255, 255)",
   "surfaceNeutral": "rgb(228, 229, 231)",
+  "surfaceNeutralHovered": "rgb(219, 221, 223)",
+  "surfaceNeutralPressed": "rgb(201, 204, 208)",
+  "surfaceNeutralDisabled": "rgb(241, 242, 243)",
   "surfaceNeutralSubdued": "rgb(246, 246, 247)",
   "surfaceSubdued": "rgb(250, 251, 251)",
   "surfaceDisabled": "rgb(250, 251, 251)",
@@ -24,8 +27,8 @@
   "borderDisabled": "rgb(210, 213, 216)",
   "borderSubdued": "rgb(201, 204, 207)",
   "borderDepressed": "rgb(87, 89, 89)",
-  "borderShadow": "rgb(141, 145, 150)",
-  "borderShadowSubdued": "rgb(187, 191, 195)",
+  "borderShadow": "rgb(174, 180, 185)",
+  "borderShadowSubdued": "rgb(186, 191, 196)",
   "divider": "rgb(225, 227, 229)",
   "icon": "rgb(92, 95, 98)",
   "iconHovered": "rgb(26, 28, 29)",
@@ -57,6 +60,9 @@
   "actionPrimaryDepressed": "rgb(0, 61, 44)",
   "iconOnPrimary": "rgb(255, 255, 255)",
   "textOnPrimary": "rgb(255, 255, 255)",
+  "textPrimary": "rgb(0, 123, 92)",
+  "textPrimaryHovered": "rgb(0, 108, 80)",
+  "textPrimaryPressed": "rgb(0, 92, 68)",
   "surfacePrimarySelected": "rgb(241, 248, 245)",
   "surfacePrimarySelectedHovered": "rgb(179, 208, 195)",
   "surfacePrimarySelectedPressed": "rgb(162, 188, 176)",
@@ -99,11 +105,11 @@
   "textHighlight": "rgb(52, 124, 132)",
   "borderSuccess": "rgb(0, 164, 124)",
   "borderSuccessSubdued": "rgb(149, 201, 180)",
-  "borderSuccessSubduedHovered": "rgb(147, 198, 177)",
-  "borderSuccessSubduedPressed": "rgb(143, 192, 172)",
   "iconSuccess": "rgb(0, 127, 95)",
   "surfaceSuccess": "rgb(174, 233, 209)",
   "surfaceSuccessSubdued": "rgb(241, 248, 245)",
+  "surfaceSuccessSubduedHovered": "rgb(236, 246, 241)",
+  "surfaceSuccessSubduedPressed": "rgb(226, 241, 234)",
   "textSuccess": "rgb(0, 128, 96)",
   "decorativeOneIcon": "rgb(126, 87, 0)",
   "decorativeOneSurface": "rgb(255, 201, 107)",
@@ -120,4 +126,4 @@
   "decorativeFiveIcon": "rgb(174, 43, 76)",
   "decorativeFiveSurface": "rgb(253, 201, 208)",
   "decorativeFiveText": "rgb(79, 14, 31)"
-}
+}

data/dist-modern/theme/base.json

@@ -9,4 +9,4 @@
   "highlight": "#5bcdda",
   "success": "#008060",
   "decorative": "#ffc96b"
-}
+}

data/dist/color-filters.color-map.scss

@@ -137,12 +137,4 @@ $polaris-color-filters: (
   'white': (
     'base': brightness(0) saturate(100%) invert(100%),
   ),
-  'icon': (
-    'base': brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%)
-      hue-rotate(169deg) brightness(95%) contrast(87%),
-  ),
-  'action': (
-    'base': brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%)
-      hue-rotate(162deg) brightness(95%) contrast(101%),
-  ),
 );

data/dist/color-filters.map.scss

@@ -229,4 +229,12 @@ $polaris-color-filters-map: (
   'color-white': (
     brightness(0) saturate(100%) invert(100%),
   ),
+  'icon': (
+    'base': brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%)
+      hue-rotate(169deg) brightness(95%) contrast(87%),
+  ),
+  'action': (
+    'base': brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%)
+      hue-rotate(162deg) brightness(95%) contrast(101%),
+  ),
 );

data/dist/index.common.js

@@ -71,6 +71,6 @@ module.exports = {
   spacingLoose: '20px',
   spacingExtraLoose: '32px',
   fontStackBase:
-    "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
+    "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
   fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
 };

data/dist/index.custom-properties.css

@@ -70,7 +70,7 @@
   --spacing-base: 16px;
   --spacing-loose: 20px;
   --spacing-extra-loose: 32px;
-  --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
-    'Segoe UI', 'Helvetica Neue', sans-serif;
+  --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco',
+    'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
   --font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
 }

data/dist/index.d.ts

@@ -63,7 +63,7 @@ declare interface Tokens {
   durationSlow: 300;
   durationSlower: 400;
   durationSlowest: 500;
-  fontStackBase: "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif";
+  fontStackBase: "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
   fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace";
   spacingBase: "16px";
   spacingBaseTight: "12px";

data/dist/index.json

@@ -70,6 +70,6 @@
   "spacing-base": "16px",
   "spacing-loose": "20px",
   "spacing-extra-loose": "32px",
-  "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
+  "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
   "font-stack-monospace": "Monaco, Consolas, 'Lucida Console', monospace"
 }

data/dist/index.map.scss

@@ -216,8 +216,8 @@ $polaris-index-map: (
     -apple-system,
     BlinkMacSystemFont,
     'San Francisco',
-    Roboto,
     'Segoe UI',
+    Roboto,
     'Helvetica Neue',
     sans-serif,
   ),

data/dist/index.raw.json

@@ -677,8 +677,8 @@
       "type": "font-family",
       "category": "font-family",
       "name": "font-stack-base",
-      "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
-      "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif"
+      "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
+      "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"
     },
     "font-stack-monospace": {
       "type": "font-family",

data/dist/index.scss

@@ -69,6 +69,6 @@ $spacing-base-tight: 12px;
 $spacing-base: 16px;
 $spacing-loose: 20px;
 $spacing-extra-loose: 32px;
-$font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
-  'Segoe UI', 'Helvetica Neue', sans-serif;
+$font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI',
+  Roboto, 'Helvetica Neue', sans-serif;
 $font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;

data/dist/typography.common.js

@@ -1,5 +1,5 @@
 module.exports = {
   fontStackBase:
-    "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
+    "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
   fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
 };

data/dist/typography.custom-properties.css

@@ -1,5 +1,5 @@
 :root {
-  --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
-    'Segoe UI', 'Helvetica Neue', sans-serif;
+  --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco',
+    'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
   --font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
 }

data/dist/typography.json

@@ -1,4 +1,4 @@
 {
-  "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
+  "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
   "font-stack-monospace": "Monaco, Consolas, 'Lucida Console', monospace"
 }

data/dist/typography.map.scss

@@ -3,8 +3,8 @@ $polaris-typography-map: (
     -apple-system,
     BlinkMacSystemFont,
     'San Francisco',
-    Roboto,
     'Segoe UI',
+    Roboto,
     'Helvetica Neue',
     sans-serif,
   ),

data/dist/typography.raw.json

@@ -5,8 +5,8 @@
       "type": "font-family",
       "category": "font-family",
       "name": "font-stack-base",
-      "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
-      "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif"
+      "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
+      "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"
     },
     "font-stack-monospace": {
       "type": "font-family",

data/dist/typography.scss

@@ -1,3 +1,3 @@
-$font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
-  'Segoe UI', 'Helvetica Neue', sans-serif;
+$font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI',
+  Roboto, 'Helvetica Neue', sans-serif;
 $font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;

data/lib/polaris_tokens/rails/engine.rb

@@ -3,6 +3,7 @@ module PolarisTokens
     class Engine < ::Rails::Engine
       initializer 'polaris.tokens' do |app|
         config.assets.paths << PolarisTokens.root.join('dist')
+        config.assets.paths << PolarisTokens.root.join('dist-modern')
       end
     end
   end

data/package.json

@@ -1,32 +1,20 @@
 {
   "name": "@shopify/polaris-tokens",
-  "version": "2.13.0",
+  "version": "2.17.0",
   "description": "Design Tokens for the Polaris Design System",
   "main": "index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "test": "sewing-kit test",
-    "test-watch": "nodemon --exec 'yarn run build && yarn run test --no-watch' --watch ./tokens --watch ./formats --watch ./gulpfile.js --watch ./scripts --ext js,ts,json,yml",
-    "clean": "rimraf ./dist-modern ./dist",
+    "clean": "rimraf ./dist-modern",
     "prebuild": "yarn run clean",
-    "build": "npm-run-all build-modern build-legacy build-docs",
-    "build-ci": "npm-run-all build-modern build-legacy-ci build-docs",
-    "build-legacy": "npm-run-all build-legacy:**",
-    "build-legacy-ci": "npm-run-all build-legacy:* build-legacy:*:*",
-    "build-legacy:gulp": "gulp build-legacy",
-    "build-legacy:format": "prettier ./dist/*.{js,json,css,scss,sketchpalette} --write",
-    "build-legacy:colors:ase": "node ./scripts/ase-encode.js",
-    "build-legacy:colors:clr:exclude-from-ci": "ase2clr ./dist/colors.ase ./dist/colors.clr",
-    "build-legacy:colors:rename-palettes:exclude-from-ci": "renamer --find colors --replace Polaris ./dist/colors.{ase,clr,sketchpalette}",
-    "build-modern": "npm-run-all build-modern:ts build-modern:gulp",
-    "build-modern:ts": "tsc -p tsconfig.build.json",
-    "build-modern:gulp": "gulp build-modern",
-    "build-docs": "gulp docs",
+    "build": "npm-run-all build:ts build:gulp",
+    "build:ts": "tsc -p tsconfig.build.json",
+    "build:gulp": "gulp",
+    "postbuild": "yarn run format",
+    "format": "prettier './dist-modern/**/*.{js,json}' --write && prettier './dist-modern/**/*.ts' --write --parser typescript",
     "type-check": "sewing-kit type-check",
-    "lint": "sewing-kit lint",
-    "watch": "gulp watch",
-    "heroku-postbuild": "yarn run build-ci",
-    "start": "http-server docs"
+    "lint": "sewing-kit lint"
   },
   "repository": {
     "type": "git",
@@ -47,48 +35,39 @@
   },
   "eslintConfig": {
     "extends": [
-      "plugin:shopify/typescript",
-      "plugin:shopify/node",
-      "plugin:shopify/jest",
-      "plugin:shopify/prettier"
+      "plugin:@shopify/typescript",
+      "plugin:@shopify/node",
+      "plugin:@shopify/jest",
+      "plugin:@shopify/prettier"
     ]
   },
   "stylelint": {
     "extends": [
-      "stylelint-config-shopify/prettier"
+      "@shopify/stylelint-plugin"
     ]
   },
   "homepage": "https://github.com/Shopify/polaris-tokens#readme",
   "devDependencies": {
-    "@shopify/sewing-kit": "^0.120.0",
-    "@types/lodash": "^4.14.149",
+    "@shopify/sewing-kit": "^0.143.0",
+    "@types/lodash": "^4.14.165",
     "@types/theo": "^8.1.3",
-    "ase-util": "^1.0.3",
-    "ase-utils": "^0.1.1",
-    "browser-sync": "^2.26.7",
     "gulp": "^4.0.2",
-    "gulp-load-plugins": "^2.0.2",
-    "gulp-plumber": "^1.2.1",
+    "gulp-load-plugins": "^2.0.6",
     "gulp-rename": "^2.0.0",
-    "gulp-restart": "^0.1.1",
-    "gulp-sass": "^4.0.2",
-    "gulp-sourcemaps": "^2.6.5",
-    "gulp-theo": "^2.0.0",
-    "http-server": "^0.12.1",
-    "immutable": "^3.8.2",
-    "lodash": "^4.17.15",
-    "ms": "^2.1.2",
-    "nodemon": "^2.0.2",
+    "gulp-sass": "^4.1.0",
+    "gulp-theo": "^2.0.1",
+    "lodash": "^4.17.20",
+    "ms": "^2.1.3",
+    "nodemon": "^2.0.6",
     "npm-run-all": "^4.1.5",
-    "renamer": "^1.1.4",
-    "rimraf": "^3.0.0",
-    "theo": "8.1.4",
-    "tinycolor2": "^1.4.1",
-    "typescript": "^3.7.5",
+    "rimraf": "^3.0.2",
+    "theo": "8.1.5",
+    "tinycolor2": "^1.4.2",
+    "typescript": "^4.1.3",
     "xml": "^1.0.1"
   },
   "dependencies": {
     "hsluv": "^0.1.0",
-    "tslib": "^1.10.0"
+    "tslib": "^1.14.1"
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: polaris_tokens
 version: !ruby/object:Gem::Version
-  version: 2.13.0
+  version: 2.17.0
 platform: ruby
 authors:
 - Shopify
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-01 00:00:00.000000000 Z
+date: 2021-01-14 00:00:00.000000000 Z
 dependencies: []
 description: Design Tokens for the Polaris Design System
 email: