@wistia/vhs-design-tokens 1.4.2-beta.ff8c9b4a.585a97d → 1.4.3-beta.cd311f72.657aac8

package/dist/css/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 16:45:08 GMT
+ * Generated on Thu, 25 Jan 2024 21:23:02 GMT
  */
 
 :root {

package/dist/js/colorMetadata.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 16:45:08 GMT
+ * Generated on Thu, 25 Jan 2024 21:23:02 GMT
  */
 
 module.exports = {

package/dist/js/designTokens.js

@@ -1,6 +1,147 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 16:45:08 GMT
+ * Generated on Thu, 25 Jan 2024 21:23:02 GMT
  */
 
-[object Promise]
+module.exports = {
+  breakpoint: {
+    xs: '0em',
+    sm: '37.5em',
+    md: '56.5625em',
+    lg: '77.5em',
+    xl: '90em',
+  },
+  color: {
+    brandBlue100: '#f7f8ff',
+    brandBlue200: '#ccd5ff',
+    brandBlue300: '#99abff',
+    brandBlue400: '#6b84ff',
+    brandBlue500: '#2949e5',
+    brandBlue600: '#1f3399',
+    brandBlue700: '#222d66',
+    brandBlue800: '#000934',
+    purple100: '#fdf7ff',
+    purple200: '#f9e5ff',
+    purple300: '#f2caff',
+    purple400: '#e093fa',
+    purple500: '#d65cff',
+    purple600: '#ac12e0',
+    purple700: '#752e8c',
+    purple800: '#39004d',
+    green100: '#f4fff2',
+    green200: '#dfffd9',
+    green300: '#b0e5a5',
+    green400: '#76d962',
+    green500: '#44b62d',
+    green600: '#268713',
+    green700: '#38662e',
+    green800: '#093300',
+    blue100: '#e9f5ff',
+    blue200: '#c7e7ff',
+    blue300: '#91ceff',
+    blue400: '#58b7fe',
+    blue500: '#229fff',
+    blue600: '#1b7fde',
+    blue700: '#165fac',
+    blue800: '#0d407a',
+    pink100: '#fff8fc',
+    pink200: '#ffe5f4',
+    pink300: '#ffc7e8',
+    pink400: '#ff8cd0',
+    pink500: '#ff40b3',
+    pink600: '#e0128e',
+    pink700: '#661f4a',
+    pink800: '#4d002e',
+    red100: '#fff7f9',
+    red200: '#ffccd5',
+    red300: '#ff99ab',
+    red400: '#ff6682',
+    red500: '#ff2b51',
+    red600: '#d60027',
+    red700: '#99001c',
+    red800: '#660013',
+    yellow100: '#fffff0',
+    yellow200: '#eff18d',
+    yellow300: '#e8ec1e',
+    yellow400: '#d9dc25',
+    yellow500: '#bcbf19',
+    yellow600: '#9ea00f',
+    yellow700: '#7c7e07',
+    yellow800: '#4a4d00',
+    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 Wed, 22 Nov 2023 16:45:08 GMT
+// Generated on Thu, 25 Jan 2024 21:23:02 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.ff8c9b4a.585a97d",
+  "version": "1.4.3-beta.cd311f72.657aac8",
   "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",