@wistia/vhs-design-tokens 1.4.2-beta.c5caa87d.00ab383 → 1.4.2-beta.e1980659.989690a

package/dist/css/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 20 Nov 2023 12:58:57 GMT
+ * Generated on Fri, 15 Dec 2023 22:21:20 GMT
  */
 
 :root {

package/dist/js/colorMetadata.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 20 Nov 2023 12:58:57 GMT
+ * Generated on Fri, 15 Dec 2023 22:21:20 GMT
  */
 
 module.exports = {

package/dist/js/designTokens.js

@@ -1,6 +1,147 @@
 /**
  * Do not edit directly
- * Generated on Mon, 20 Nov 2023 12:58:57 GMT
+ * Generated on Fri, 15 Dec 2023 22:21:20 GMT
  */
 
-[object Promise]
+module.exports = {
+  breakpoint: {
+    xs: '0em',
+    sm: '37.5em',
+    md: '56.5625em',
+    lg: '77.5em',
+    xl: '90em',
+  },
+  color: {
+    brandBlue100: '#e2effd',
+    brandBlue200: '#bed8fb',
+    brandBlue300: '#87abff',
+    brandBlue400: '#5387fa',
+    brandBlue500: '#1e64f0',
+    brandBlue600: '#174bd2',
+    brandBlue700: '#0f33a6',
+    brandBlue800: '#09217d',
+    purple100: '#f5f3ff',
+    purple200: '#e6dffe',
+    purple300: '#cfbfff',
+    purple400: '#b89fff',
+    purple500: '#a07eff',
+    purple600: '#815fe0',
+    purple700: '#6446af',
+    purple800: '#462d8c',
+    green100: '#e6f9f3',
+    green200: '#bfefe0',
+    green300: '#81e0c1',
+    green400: '#41d0a3',
+    green500: '#00c185',
+    green600: '#00966e',
+    green700: '#047063',
+    green800: '#025050',
+    blue100: '#e9f5ff',
+    blue200: '#c7e7ff',
+    blue300: '#91ceff',
+    blue400: '#58b7fe',
+    blue500: '#229fff',
+    blue600: '#1b7fde',
+    blue700: '#165fac',
+    blue800: '#0d407a',
+    pink100: '#ffedf5',
+    pink200: '#ffd2e6',
+    pink300: '#ffa2cb',
+    pink400: '#ff74b4',
+    pink500: '#fa50a0',
+    pink600: '#d63180',
+    pink700: '#aa1460',
+    pink800: '#7d084d',
+    red100: '#ffecec',
+    red200: '#ffcaca',
+    red300: '#ff9a9a',
+    red400: '#ff6962',
+    red500: '#fa4040',
+    red600: '#d63727',
+    red700: '#aa0d15',
+    red800: '#860011',
+    yellow100: '#fff8e6',
+    yellow200: '#ffefc8',
+    yellow300: '#ffdf96',
+    yellow400: '#ffce5a',
+    yellow500: '#fabe1f',
+    yellow600: '#dc9601',
+    yellow700: '#be7200',
+    yellow800: '#b45101',
+    grey100: '#f8f8f9',
+    grey200: '#ebebed',
+    grey300: '#dedee1',
+    grey400: '#c4c4c8',
+    grey500: '#a3a3aa',
+    grey600: '#7b7b87',
+    grey700: '#62626c',
+    grey800: '#4a4a51',
+    grey900: '#37373c',
+    grey1000: '#1f1f22',
+    grey1100: '#0b0d0e',
+  },
+  duration: {
+    productive: {
+      fast: '70ms',
+      moderate: '110ms',
+      slow: '150ms',
+    },
+    expressive: {
+      fast: '240ms',
+      moderate: '400ms',
+      slow: '700ms',
+    },
+  },
+  easing: {
+    standard: {
+      productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
+      expressive: 'cubic-bezier(0.4, 0.14, 0.3, 1)',
+    },
+    entrance: {
+      productive: 'cubic-bezier(0, 0, 0.38, 0.9)',
+      expressive: 'cubic-bezier(0, 0, 0.3, 1)',
+    },
+    exit: {
+      productive: 'cubic-bezier(0.2, 0, 1, 0.9)',
+      expressive: 'cubic-bezier(0.4, 0.14, 1, 1)',
+    },
+  },
+  font: {
+    family: {
+      default: 'Inter, Helvetica, Arial, sans-serif',
+      monospace: '"IBM Plex Mono", Consolas, Monaco, monospace',
+    },
+    weight: {
+      thin: 100,
+      extraLight: 200,
+      light: 300,
+      regular: 400,
+      medium: 500,
+      semiBold: 600,
+      bold: 700,
+      extraBold: 800,
+    },
+    size: {
+      default: '16px',
+      small: '14px',
+    },
+  },
+  shadow: {
+    elevation0: 'none',
+    elevation1: '0 2px 4px rgba(0, 0, 0, 0.1)',
+    elevation2: '0 0 64px 0 rgba(0, 0, 0, 0.08)',
+  },
+  spacing: {
+    space01: '4px',
+    space02: '8px',
+    space03: '12px',
+    space04: '16px',
+    space05: '24px',
+    space06: '32px',
+    space07: '48px',
+    space08: '64px',
+    space09: '80px',
+    space10: '96px',
+    space11: '120px',
+  },
+};

package/dist/scss/_design-tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 20 Nov 2023 12:58:57 GMT
+// Generated on Fri, 15 Dec 2023 22:21:20 GMT
 
 $breakpoint-xs: 0em;
 $breakpoint-sm: 37.5em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wistia/vhs-design-tokens",
-  "version": "1.4.2-beta.c5caa87d.00ab383",
+  "version": "1.4.2-beta.e1980659.989690a",
   "description": "VHS design tokens",
   "main": "index.js",
   "exports": {
@@ -15,9 +15,9 @@
     "dist/"
   ],
   "scripts": {
-    "build": "style-dictionary build",
+    "build": "style-dictionary build --config ./config.cjs",
     "build:watch": "onchange \"./tokens/**/*.yaml\" -i -- yarn run build",
-    "clean": "style-dictionary clean",
+    "clean": "style-dictionary clean --config ./config.cjs",
     "lint": "eslint --fix --report-unused-disable-directives --cache --ext js,mjs,cjs .",
     "outdated": "yarn upgrade-interactive",
     "prepare": "husky install && yarn run clean && yarn run build"
@@ -26,13 +26,14 @@
     "@karibash/pixel-units": "^2.3.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.8.0",
-    "@commitlint/config-conventional": "^17.8.0",
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-conventional": "^18.4.3",
     "@wistia/eslint-config": "^0.23.2",
     "eslint": "^8.51.0",
     "husky": "^8.0.3",
     "js-yaml": "^4.1.0",
     "onchange": "^7.1.0",
+    "prettier": "^2.8.8",
     "style-dictionary": "^3.8.0"
   },
   "author": "Wistia Engineering",

package/index.js

@@ -1,4 +0,0 @@
-// using CJS modules allows us to skip transpilation
-const designTokens = require('./dist/js/designTokens');
-
-module.exports = { designTokens };