polaris_tokens 2.4.0 → 2.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d40592abd24add1359b9fc96465d38e6412204bb40376afdffe76a8d58426813
-  data.tar.gz: ddd725c496fb4ea3f2b1f3122879cb84dfce2bd1d675f40a0a3b5c02fe97f53c
+  metadata.gz: 937cabaf19f0f3d19205c5a75f52e9c9557358401843f25baddbbeea783a52cd
+  data.tar.gz: 476a9fa82bf637f27cc05682ed140e3d6da0582e6d632ca37e6cc8d63b21942f
 SHA512:
-  metadata.gz: b2f97993688f9aa485715eed6ece474c5ed2edba322f660450910b8aa8436039b849c0753a5775769731c8cf120a6dd853a7da03858a76f7d8849127964c5b06
-  data.tar.gz: 4aad5314caaafc605119a4394b30ad86e354bb1594293fe41c3c77aa66925eaf21565d1282f9b8d67d391130e7d6e88a7b59c8be92d6897400fcb9291c0a0a9c
+  metadata.gz: 9f06999197c7e4a2af826c1638fc828a0bab73e0c698fad9f90dc3d8865f5cc1557664cd1ed80ce97a4c89734caa7b2cb56c2aff4ad7b53e1388f3d72086f8fd
+  data.tar.gz: d644981d826696dedb395d0f8b98c5f444a222e9af63f059c25d1bc796344e485e2c48784ac343689709ee5364930915b16c38d1159a77c44ea9361bc7822096

data/README.md

@@ -2,7 +2,7 @@
 
 <img src="https://user-images.githubusercontent.com/85783/39013335-ebf76f5e-43cb-11e8-81f2-706259125897.png" alt="" align="center" />
 
-<h3 align="center">Colors, spacing, typography for all platforms</h3>
+<h3 align="center">Colors, spacing, animation, and typography for all platforms</h3>
 
 <p align="center"><em>JavaScript · JSON · CSS · SCSS · Android · Sketch · macOS · Adobe Swatch</em></p>
 

data/dist/duration.common.js

@@ -0,0 +1,8 @@
+module.exports = {
+  durationNone: 0,
+  durationFast: 100,
+  durationBase: 200,
+  durationSlow: 300,
+  durationSlower: 400,
+  durationSlowest: 500,
+};

data/dist/duration.custom-properties.css

@@ -0,0 +1,8 @@
+:root {
+  --duration-none: 0;
+  --duration-fast: 100ms;
+  --duration-base: 200ms;
+  --duration-slow: 300ms;
+  --duration-slower: 400ms;
+  --duration-slowest: 500ms;
+}

data/dist/duration.json

@@ -0,0 +1,8 @@
+{
+  "duration-none": 0,
+  "duration-fast": 100,
+  "duration-base": 200,
+  "duration-slow": 300,
+  "duration-slower": 400,
+  "duration-slowest": 500
+}

data/dist/duration.map.scss

@@ -0,0 +1,20 @@
+$polaris-duration-map: (
+  'duration-none': (
+    0,
+  ),
+  'duration-fast': (
+    100ms,
+  ),
+  'duration-base': (
+    200ms,
+  ),
+  'duration-slow': (
+    300ms,
+  ),
+  'duration-slower': (
+    400ms,
+  ),
+  'duration-slowest': (
+    500ms,
+  ),
+);

data/dist/duration.raw.json

@@ -0,0 +1,47 @@
+{
+  "aliases": {},
+  "props": {
+    "duration-none": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-none",
+      "value": 0,
+      "originalValue": 0
+    },
+    "duration-fast": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-fast",
+      "value": "100ms",
+      "originalValue": "100ms"
+    },
+    "duration-base": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-base",
+      "value": "200ms",
+      "originalValue": "200ms"
+    },
+    "duration-slow": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-slow",
+      "value": "300ms",
+      "originalValue": "300ms"
+    },
+    "duration-slower": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-slower",
+      "value": "400ms",
+      "originalValue": "400ms"
+    },
+    "duration-slowest": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-slowest",
+      "value": "500ms",
+      "originalValue": "500ms"
+    }
+  }
+}

data/dist/duration.scss

@@ -0,0 +1,6 @@
+$duration-none: 0;
+$duration-fast: 100ms;
+$duration-base: 200ms;
+$duration-slow: 300ms;
+$duration-slower: 400ms;
+$duration-slowest: 500ms;

data/dist/index.common.js

@@ -57,6 +57,12 @@ module.exports = {
   colorSkyLighter: 'rgb(249, 250, 251)',
   colorBlack: 'rgb(0, 0, 0)',
   colorWhite: 'rgb(255, 255, 255)',
+  durationNone: 0,
+  durationFast: 100,
+  durationBase: 200,
+  durationSlow: 300,
+  durationSlower: 400,
+  durationSlowest: 500,
   spacingNone: 0,
   spacingExtraTight: '4px',
   spacingTight: '8px',

data/dist/index.custom-properties.css

@@ -57,6 +57,12 @@
   --color-sky-lighter: rgb(249, 250, 251);
   --color-black: rgb(0, 0, 0);
   --color-white: rgb(255, 255, 255);
+  --duration-none: 0;
+  --duration-fast: 100ms;
+  --duration-base: 200ms;
+  --duration-slow: 300ms;
+  --duration-slower: 400ms;
+  --duration-slowest: 500ms;
   --spacing-none: 0;
   --spacing-extra-tight: 4px;
   --spacing-tight: 8px;

data/dist/index.d.ts

@@ -57,6 +57,12 @@ declare interface Tokens {
   colorYellowLight: "rgb(255, 234, 138)";
   colorYellowLighter: "rgb(252, 241, 205)";
   colorYellowText: "rgb(89, 81, 48)";
+  durationBase: 200;
+  durationFast: 100;
+  durationNone: 0;
+  durationSlow: 300;
+  durationSlower: 400;
+  durationSlowest: 500;
   fontStackBase: "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif";
   fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace";
   spacingBase: "16px";

data/dist/index.json

@@ -57,6 +57,12 @@
   "color-sky-lighter": "rgb(249, 250, 251)",
   "color-black": "rgb(0, 0, 0)",
   "color-white": "rgb(255, 255, 255)",
+  "duration-none": 0,
+  "duration-fast": 100,
+  "duration-base": 200,
+  "duration-slow": 300,
+  "duration-slower": 400,
+  "duration-slowest": 500,
   "spacing-none": 0,
   "spacing-extra-tight": "4px",
   "spacing-tight": "8px",

data/dist/index.map.scss

@@ -173,6 +173,24 @@ $polaris-index-map: (
   'color-white': (
     rgb(255, 255, 255),
   ),
+  'duration-none': (
+    0,
+  ),
+  'duration-fast': (
+    100ms,
+  ),
+  'duration-base': (
+    200ms,
+  ),
+  'duration-slow': (
+    300ms,
+  ),
+  'duration-slower': (
+    400ms,
+  ),
+  'duration-slowest': (
+    500ms,
+  ),
   'spacing-none': (
     0,
   ),

data/dist/index.raw.json

@@ -582,6 +582,48 @@
       "value": "rgb(255, 255, 255)",
       "originalValue": "{!color-white}"
     },
+    "duration-none": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-none",
+      "value": 0,
+      "originalValue": 0
+    },
+    "duration-fast": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-fast",
+      "value": "100ms",
+      "originalValue": "100ms"
+    },
+    "duration-base": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-base",
+      "value": "200ms",
+      "originalValue": "200ms"
+    },
+    "duration-slow": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-slow",
+      "value": "300ms",
+      "originalValue": "300ms"
+    },
+    "duration-slower": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-slower",
+      "value": "400ms",
+      "originalValue": "400ms"
+    },
+    "duration-slowest": {
+      "type": "time",
+      "category": "time",
+      "name": "duration-slowest",
+      "value": "500ms",
+      "originalValue": "500ms"
+    },
     "spacing-none": {
       "type": "number",
       "category": "spacing",

data/dist/index.scss

@@ -56,6 +56,12 @@ $color-sky-light: rgb(244, 246, 248);
 $color-sky-lighter: rgb(249, 250, 251);
 $color-black: rgb(0, 0, 0);
 $color-white: rgb(255, 255, 255);
+$duration-none: 0;
+$duration-fast: 100ms;
+$duration-base: 200ms;
+$duration-slow: 300ms;
+$duration-slower: 400ms;
+$duration-slowest: 500ms;
 $spacing-none: 0;
 $spacing-extra-tight: 4px;
 $spacing-tight: 8px;

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/polaris-tokens",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "Design Tokens for the Polaris Design System",
   "main": "index.js",
   "types": "dist/index.d.ts",
@@ -73,6 +73,7 @@
     "immutable": "^3.8.2",
     "js-yaml": "^3.12.1",
     "lodash": "^4.17.11",
+    "ms": "^2.1.1",
     "node-fetch": "^2.3.0",
     "nodemon": "^1.18.9",
     "npm-run-all": "^4.1.5",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: polaris_tokens
 version: !ruby/object:Gem::Version
-  version: 2.4.0
+  version: 2.5.0
 platform: ruby
 authors:
 - Shopify
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-04-05 00:00:00.000000000 Z
+date: 2019-04-11 00:00:00.000000000 Z
 dependencies: []
 description: Design Tokens for the Polaris Design System
 email:
@@ -38,6 +38,12 @@ files:
 - dist/colors.map.scss
 - dist/colors.raw.json
 - dist/colors.scss
+- dist/duration.common.js
+- dist/duration.custom-properties.css
+- dist/duration.json
+- dist/duration.map.scss
+- dist/duration.raw.json
+- dist/duration.scss
 - dist/index.common.js
 - dist/index.custom-properties.css
 - dist/index.d.ts