@workday/canvas-tokens-web 1.2.0 → 1.3.1

package/dist/es6/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
  */
 
 import * as base from "./base";

package/dist/es6/system/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
  */
 
 export declare const color = {
@@ -13,7 +13,7 @@ export declare const color = {
      */
     "default": "--cnvs-sys-color-bg-default",
     /**
-     * rgba(#ffffff, 0)
+     * rgba(#ffffff,0)
      * 
      * Transparent background
      */
@@ -25,7 +25,7 @@ export declare const color = {
      */
     "overlay": "--cnvs-sys-color-bg-overlay",
     /**
-     * rgba(#000000 ,0.84)
+     * rgba(#000000,0.84)
      * 
      * Tooltip, Status Indicator
      */
@@ -43,6 +43,12 @@ export declare const color = {
        * Page background
        */
       "soft": "--cnvs-sys-color-bg-alt-soft",
+      /**
+       * #f6f7f8
+       * 
+       * Disabled inputs and column headers
+       */
+      "softer": "--cnvs-sys-color-bg-alt-softer",
       /**
        * #DFE2E6
        * 
@@ -57,10 +63,12 @@ export declare const color = {
       "stronger": "--cnvs-sys-color-bg-alt-stronger",
     },
     "muted": {
-      /** #5E6A75 */
-      "default": "--cnvs-sys-color-bg-muted-default",
       /** #A1AAB3 */
+      "softer": "--cnvs-sys-color-bg-muted-softer",
+      /** #7b858f */
       "soft": "--cnvs-sys-color-bg-muted-soft",
+      /** #5E6A75 */
+      "default": "--cnvs-sys-color-bg-muted-default",
       /** #333d47 */
       "strong": "--cnvs-sys-color-bg-muted-strong",
     },
@@ -241,6 +249,12 @@ export declare const color = {
        * Branded hover text
        */
       "strong": "--cnvs-sys-color-text-primary-strong",
+      /**
+       * #004387
+       * 
+       * Active links
+       */
+      "stronger": "--cnvs-sys-color-text-primary-stronger",
     },
     "caution": {
       /**
@@ -367,6 +381,12 @@ export declare const color = {
       "default": "--cnvs-sys-color-fg-critical-default",
     },
     "muted": {
+      /**
+       * #7b858f
+       * 
+       * Tab item text
+       */
+      "soft": "--cnvs-sys-color-fg-muted-soft",
       /**
        * #5E6A75
        * 
@@ -441,6 +461,12 @@ export declare const color = {
        * Input hover
        */
       "strong": "--cnvs-sys-color-border-input-strong",
+      /**
+       * #e8ebed
+       * 
+       * Borders on checkboxes and radios
+       */
+      "inverse": "--cnvs-sys-color-border-input-inverse",
     },
     "contrast": {
       /**
@@ -487,7 +513,7 @@ export declare const color = {
       "strong": "--cnvs-sys-color-border-caution-strong",
     },
     /**
-     * rgba(#ffffff, 0%)
+     * rgba(#ffffff,0%)
      * 
      * Transparent
      */
@@ -513,13 +539,13 @@ export declare const color = {
   },
   "shadow": {
     /**
-     * #1f262e
+     * rgba(#1f262e,0.12)
      * 
      * First shadow color
      */
     "1": "--cnvs-sys-color-shadow-1",
     /**
-     * #1f262e
+     * rgba(#1f262e,0.08)
      * 
      * Second shadow color
      */
@@ -552,6 +578,14 @@ export declare const color = {
        */
       "strong": "--cnvs-sys-color-static-blue-strong",
     },
+    "gold": {
+      /**
+       * #8C6000
+       * 
+       * Foregrounds in low emphasis status indicators
+       */
+      "stronger": "--cnvs-sys-color-static-gold-stronger",
+    },
     "green": {
       /**
        * #43c463
@@ -594,7 +628,7 @@ export declare const color = {
     },
     "orange": {
       /**
-       * #f38b00
+       * #ffa126
        * 
        * Orange
        */
@@ -925,47 +959,47 @@ export declare const fontSize = {
 
 export declare const lineHeight = {
   "subtext": {
-    /** 1rem (16px) */
+    /** 16 */
     "small": "--cnvs-sys-line-height-subtext-small",
-    /** 1rem (16px) */
+    /** 16 */
     "medium": "--cnvs-sys-line-height-subtext-medium",
-    /** 1.25rem (20px) */
+    /** 20 */
     "large": "--cnvs-sys-line-height-subtext-large",
   },
   "body": {
-    /** 1.5rem (24px) */
+    /** 24 */
     "small": "--cnvs-sys-line-height-body-small",
-    /** 1.75rem (28px) */
+    /** 28 */
     "medium": "--cnvs-sys-line-height-body-medium",
-    /** 1.75rem (28px) */
+    /** 28 */
     "large": "--cnvs-sys-line-height-body-large",
   },
   "heading": {
-    /** 2rem (32px) */
+    /** 32 */
     "small": "--cnvs-sys-line-height-heading-small",
-    /** 2.25rem (36px) */
+    /** 36 */
     "medium": "--cnvs-sys-line-height-heading-medium",
-    /** 2.5rem (40px) */
+    /** 40 */
     "large": "--cnvs-sys-line-height-heading-large",
   },
   "title": {
-    /** 3rem (48px) */
+    /** 48 */
     "small": "--cnvs-sys-line-height-title-small",
-    /** 3.5rem (56px) */
+    /** 56 */
     "medium": "--cnvs-sys-line-height-title-medium",
-    /** 4rem (64px) */
+    /** 64 */
     "large": "--cnvs-sys-line-height-title-large",
   },
 } as const;
 
 export declare const fontWeight = {
-  /** 300 */
+  /** Light */
   "light": "--cnvs-sys-font-weight-light",
-  /** 400 */
+  /** Regular */
   "normal": "--cnvs-sys-font-weight-normal",
-  /** 500 */
+  /** Medium */
   "medium": "--cnvs-sys-font-weight-medium",
-  /** 700 */
+  /** Bold */
   "bold": "--cnvs-sys-font-weight-bold",
 } as const;
 
@@ -974,9 +1008,9 @@ export declare const type = {
     "small": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 400 */
+      /** Regular */
       "fontWeight": "--cnvs-base-font-weight-400",
-      /** 1rem (16px) */
+      /** 16 */
       "lineHeight": "--cnvs-base-line-height-50",
       /** 0.625rem (10px) */
       "fontSize": "--cnvs-base-font-size-25",
@@ -986,9 +1020,9 @@ export declare const type = {
     "medium": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 400 */
+      /** Regular */
       "fontWeight": "--cnvs-base-font-weight-400",
-      /** 1rem (16px) */
+      /** 16 */
       "lineHeight": "--cnvs-base-line-height-50",
       /** 0.75rem (12px) */
       "fontSize": "--cnvs-base-font-size-50",
@@ -998,9 +1032,9 @@ export declare const type = {
     "large": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 400 */
+      /** Regular */
       "fontWeight": "--cnvs-base-font-weight-400",
-      /** 1.25rem (20px) */
+      /** 20 */
       "lineHeight": "--cnvs-base-line-height-100",
       /** 0.875rem (14px) */
       "fontSize": "--cnvs-base-font-size-75",
@@ -1012,9 +1046,9 @@ export declare const type = {
     "small": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 400 */
+      /** Regular */
       "fontWeight": "--cnvs-base-font-weight-400",
-      /** 1.5rem (24px) */
+      /** 24 */
       "lineHeight": "--cnvs-base-line-height-150",
       /** 1rem (16px) */
       "fontSize": "--cnvs-base-font-size-100",
@@ -1024,9 +1058,9 @@ export declare const type = {
     "medium": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 400 */
+      /** Regular */
       "fontWeight": "--cnvs-base-font-weight-400",
-      /** 1.75rem (28px) */
+      /** 28 */
       "lineHeight": "--cnvs-base-line-height-200",
       /** 1.125rem (18px) */
       "fontSize": "--cnvs-base-font-size-125",
@@ -1034,9 +1068,9 @@ export declare const type = {
     "large": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 400 */
+      /** Regular */
       "fontWeight": "--cnvs-base-font-weight-400",
-      /** 1.75rem (28px) */
+      /** 28 */
       "lineHeight": "--cnvs-base-line-height-200",
       /** 1.25rem (20px) */
       "fontSize": "--cnvs-base-font-size-150",
@@ -1046,9 +1080,9 @@ export declare const type = {
     "small": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 700 */
+      /** Bold */
       "fontWeight": "--cnvs-base-font-weight-700",
-      /** 2rem (32px) */
+      /** 32 */
       "lineHeight": "--cnvs-base-line-height-250",
       /** 1.5rem (24px) */
       "fontSize": "--cnvs-base-font-size-200",
@@ -1056,9 +1090,9 @@ export declare const type = {
     "medium": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 700 */
+      /** Bold */
       "fontWeight": "--cnvs-base-font-weight-700",
-      /** 2.25rem (36px) */
+      /** 36 */
       "lineHeight": "--cnvs-base-line-height-300",
       /** 1.75rem (28px) */
       "fontSize": "--cnvs-base-font-size-250",
@@ -1066,9 +1100,9 @@ export declare const type = {
     "large": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 700 */
+      /** Bold */
       "fontWeight": "--cnvs-base-font-weight-700",
-      /** 2.5rem (40px) */
+      /** 40 */
       "lineHeight": "--cnvs-base-line-height-350",
       /** 2rem (32px) */
       "fontSize": "--cnvs-base-font-size-300",
@@ -1078,9 +1112,9 @@ export declare const type = {
     "small": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 700 */
+      /** Bold */
       "fontWeight": "--cnvs-base-font-weight-700",
-      /** 3rem (48px) */
+      /** 48 */
       "lineHeight": "--cnvs-base-line-height-400",
       /** 2.5rem (40px) */
       "fontSize": "--cnvs-base-font-size-400",
@@ -1088,9 +1122,9 @@ export declare const type = {
     "medium": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 700 */
+      /** Bold */
       "fontWeight": "--cnvs-base-font-weight-700",
-      /** 3.5rem (56px) */
+      /** 56 */
       "lineHeight": "--cnvs-base-line-height-500",
       /** 3rem (48px) */
       "fontSize": "--cnvs-base-font-size-500",
@@ -1098,9 +1132,9 @@ export declare const type = {
     "large": {
       /** Roboto */
       "fontFamily": "--cnvs-base-font-family-50",
-      /** 700 */
+      /** Bold */
       "fontWeight": "--cnvs-base-font-weight-700",
-      /** 4rem (64px) */
+      /** 64 */
       "lineHeight": "--cnvs-base-line-height-600",
       /** 3.5rem (56px) */
       "fontSize": "--cnvs-base-font-size-600",

package/dist/es6/system/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
  */
 
 export const color = {
@@ -12,12 +12,14 @@ export const color = {
     "alt": {
       "default": "--cnvs-sys-color-bg-alt-default",
       "soft": "--cnvs-sys-color-bg-alt-soft",
+      "softer": "--cnvs-sys-color-bg-alt-softer",
       "strong": "--cnvs-sys-color-bg-alt-strong",
       "stronger": "--cnvs-sys-color-bg-alt-stronger"
     },
     "muted": {
-      "default": "--cnvs-sys-color-bg-muted-default",
+      "softer": "--cnvs-sys-color-bg-muted-softer",
       "soft": "--cnvs-sys-color-bg-muted-soft",
+      "default": "--cnvs-sys-color-bg-muted-default",
       "strong": "--cnvs-sys-color-bg-muted-strong"
     },
     "contrast": {
@@ -61,7 +63,8 @@ export const color = {
     },
     "primary": {
       "default": "--cnvs-sys-color-text-primary-default",
-      "strong": "--cnvs-sys-color-text-primary-strong"
+      "strong": "--cnvs-sys-color-text-primary-strong",
+      "stronger": "--cnvs-sys-color-text-primary-stronger"
     },
     "caution": {
       "default": "--cnvs-sys-color-text-caution-default",
@@ -98,6 +101,7 @@ export const color = {
       "default": "--cnvs-sys-color-fg-critical-default"
     },
     "muted": {
+      "soft": "--cnvs-sys-color-fg-muted-soft",
       "default": "--cnvs-sys-color-fg-muted-default",
       "strong": "--cnvs-sys-color-fg-muted-strong",
       "stronger": "--cnvs-sys-color-fg-muted-stronger"
@@ -119,7 +123,8 @@ export const color = {
     "input": {
       "disabled": "--cnvs-sys-color-border-input-disabled",
       "default": "--cnvs-sys-color-border-input-default",
-      "strong": "--cnvs-sys-color-border-input-strong"
+      "strong": "--cnvs-sys-color-border-input-strong",
+      "inverse": "--cnvs-sys-color-border-input-inverse"
     },
     "contrast": {
       "default": "--cnvs-sys-color-border-contrast-default",
@@ -151,6 +156,9 @@ export const color = {
       "soft": "--cnvs-sys-color-static-blue-soft",
       "strong": "--cnvs-sys-color-static-blue-strong"
     },
+    "gold": {
+      "stronger": "--cnvs-sys-color-static-gold-stronger"
+    },
     "green": {
       "default": "--cnvs-sys-color-static-green-default",
       "soft": "--cnvs-sys-color-static-green-soft",

package/less/base/_variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 21 Mar 2024 03:34:06 GMT
+// Generated on Thu, 18 Apr 2024 22:39:08 GMT
 
 @cnvs-base-palette-cinnamon-100: rgba(255,239,238,1);
 @cnvs-base-palette-cinnamon-200: rgba(252,201,197,1);
@@ -194,9 +194,9 @@
 @cnvs-base-line-height-400: 3rem;
 @cnvs-base-line-height-500: 3.5rem;
 @cnvs-base-line-height-600: 4rem;
-@cnvs-base-line-height-750: 5rem;
-@cnvs-base-line-height-900: 6rem;
-@cnvs-base-line-height-1050: 7rem;
+@cnvs-base-line-height-750: 4.5rem;
+@cnvs-base-line-height-900: 5.5rem;
+@cnvs-base-line-height-1050: 6.5rem;
 @cnvs-base-typescale-size-default: 0.125rem;
 @cnvs-base-typescale-size-heading: 0.25rem;
 @cnvs-base-typescale-size-title: 0.5rem;

package/less/brand/_variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 21 Mar 2024 03:34:06 GMT
+// Generated on Thu, 18 Apr 2024 22:39:08 GMT
 
 @cnvs-brand-error-darkest: rgba(128,22,14,1);
 @cnvs-brand-common-alert-inner: @cnvs-base-palette-cantaloupe-400;

package/less/system/_variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 21 Mar 2024 03:34:06 GMT
+// Generated on Thu, 18 Apr 2024 22:39:08 GMT
 
 @cnvs-sys-space-zero: 0; // Stacks, rows in tables
 @cnvs-sys-shape-zero: 0rem; // This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels.
@@ -12,6 +12,16 @@
 @cnvs-sys-font-weight-medium: @cnvs-base-font-weight-500;
 @cnvs-sys-font-weight-normal: @cnvs-base-font-weight-400;
 @cnvs-sys-font-weight-light: @cnvs-base-font-weight-300;
+@cnvs-sys-line-height-title-large: @cnvs-base-line-height-600;
+@cnvs-sys-line-height-title-medium: @cnvs-base-line-height-500;
+@cnvs-sys-line-height-title-small: @cnvs-base-line-height-400;
+@cnvs-sys-line-height-heading-large: @cnvs-base-line-height-350;
+@cnvs-sys-line-height-heading-medium: @cnvs-base-line-height-300;
+@cnvs-sys-line-height-heading-small: @cnvs-base-line-height-250;
+@cnvs-sys-line-height-body-large: @cnvs-base-line-height-200;
+@cnvs-sys-line-height-body-medium: @cnvs-base-line-height-200;
+@cnvs-sys-line-height-body-small: @cnvs-base-line-height-150;
+@cnvs-sys-line-height-subtext-large: @cnvs-base-line-height-100;
 @cnvs-sys-line-height-subtext-medium: @cnvs-base-line-height-50;
 @cnvs-sys-line-height-subtext-small: @cnvs-base-line-height-50;
 @cnvs-sys-font-size-subtext-small: @cnvs-base-font-size-25;
@@ -48,18 +58,19 @@
 @cnvs-sys-color-static-gray-default: @cnvs-base-palette-licorice-300; // Gray
 @cnvs-sys-color-static-orange-strong: @cnvs-base-palette-cantaloupe-600; // Stronger orange
 @cnvs-sys-color-static-orange-soft: @cnvs-base-palette-cantaloupe-100; // Soft orange
-@cnvs-sys-color-static-orange-default: @cnvs-base-palette-cantaloupe-500; // Orange
+@cnvs-sys-color-static-orange-default: @cnvs-base-palette-cantaloupe-400; // Orange
 @cnvs-sys-color-static-red-strong: @cnvs-base-palette-cinnamon-600; // Strong red
 @cnvs-sys-color-static-red-soft: @cnvs-base-palette-cinnamon-100; // Light red
 @cnvs-sys-color-static-red-default: @cnvs-base-palette-cinnamon-500; // Red
 @cnvs-sys-color-static-green-strong: @cnvs-base-palette-green-apple-600; // Stronger green
 @cnvs-sys-color-static-green-soft: @cnvs-base-palette-green-apple-100; // Light green
 @cnvs-sys-color-static-green-default: @cnvs-base-palette-green-apple-400; // Default green
+@cnvs-sys-color-static-gold-stronger: @cnvs-base-palette-toasted-marshmallow-600; // Foregrounds in low emphasis status indicators
 @cnvs-sys-color-static-blue-strong: @cnvs-base-palette-blueberry-500; // Stronger blue
 @cnvs-sys-color-static-blue-soft: @cnvs-base-palette-blueberry-100; // Light blue
 @cnvs-sys-color-static-blue-default: @cnvs-base-palette-blueberry-400; // Blue
 @cnvs-sys-color-shadow-default: @cnvs-base-palette-licorice-600; // Main shadow color
-@cnvs-sys-color-shadow-2: @cnvs-base-palette-licorice-600; // Second shadow color
+@cnvs-sys-color-shadow-2: rgba(31,38,46,@cnvs-base-opacity-100); // Second shadow color
 @cnvs-sys-color-border-container: @cnvs-base-palette-soap-500; // Cards, Toasts
 @cnvs-sys-color-border-divider: @cnvs-base-palette-soap-400; // Dividers
 @cnvs-sys-color-border-inverse: @cnvs-base-palette-french-vanilla-100; // Inverse
@@ -69,6 +80,7 @@
 @cnvs-sys-color-border-primary-default: @cnvs-base-palette-blueberry-400; // Brand, Focus
 @cnvs-sys-color-border-contrast-strong: @cnvs-base-palette-black-pepper-500; // Secondary Button Hover
 @cnvs-sys-color-border-contrast-default: @cnvs-base-palette-black-pepper-400; // Secondary Button
+@cnvs-sys-color-border-input-inverse: @cnvs-base-palette-soap-300; // Borders on checkboxes and radios
 @cnvs-sys-color-border-input-strong: @cnvs-base-palette-licorice-500; // Input hover
 @cnvs-sys-color-border-input-default: @cnvs-base-palette-licorice-200; // Inputs
 @cnvs-sys-color-border-input-disabled: @cnvs-base-palette-licorice-100; // Disabled inputs
@@ -81,6 +93,7 @@
 @cnvs-sys-color-fg-muted-stronger: @cnvs-base-palette-licorice-500;
 @cnvs-sys-color-fg-muted-strong: @cnvs-base-palette-licorice-400;
 @cnvs-sys-color-fg-muted-default: @cnvs-base-palette-licorice-300; // Hint text
+@cnvs-sys-color-fg-muted-soft: @cnvs-base-palette-licorice-200; // Tab item text
 @cnvs-sys-color-fg-critical-default: @cnvs-base-palette-cinnamon-500; // Error
 @cnvs-sys-color-fg-inverse: @cnvs-base-palette-french-vanilla-100; // Inverse
 @cnvs-sys-color-fg-disabled: @cnvs-base-palette-licorice-100; // Disabled
@@ -97,6 +110,7 @@
 @cnvs-sys-color-icon-strong: @cnvs-base-palette-licorice-500; // Hover icon color
 @cnvs-sys-color-icon-soft: @cnvs-base-palette-licorice-100; // Disabled icon color
 @cnvs-sys-color-icon-default: @cnvs-base-palette-licorice-200; // Default icon color
+@cnvs-sys-color-text-primary-stronger: @cnvs-base-palette-blueberry-600; // Active links
 @cnvs-sys-color-text-primary-strong: @cnvs-base-palette-blueberry-500; // Branded hover text
 @cnvs-sys-color-text-primary-default: @cnvs-base-palette-blueberry-400; // Branded text
 @cnvs-sys-color-text-critical-default: @cnvs-base-palette-cinnamon-500; // Error text
@@ -124,16 +138,17 @@
 @cnvs-sys-color-bg-contrast-strong: @cnvs-base-palette-black-pepper-500; // Contrast backgrounds, like Secondary Buttons
 @cnvs-sys-color-bg-contrast-default: @cnvs-base-palette-black-pepper-400; // Contrast backgrounds, like Secondary Buttons
 @cnvs-sys-color-bg-muted-strong: @cnvs-base-palette-licorice-500;
-@cnvs-sys-color-bg-muted-soft: @cnvs-base-palette-licorice-100;
 @cnvs-sys-color-bg-muted-default: @cnvs-base-palette-licorice-300;
+@cnvs-sys-color-bg-muted-soft: @cnvs-base-palette-licorice-200;
+@cnvs-sys-color-bg-muted-softer: @cnvs-base-palette-licorice-100;
 @cnvs-sys-color-bg-alt-stronger: @cnvs-base-palette-soap-500; // Active states
 @cnvs-sys-color-bg-alt-strong: @cnvs-base-palette-soap-400; // Active states
+@cnvs-sys-color-bg-alt-softer: @cnvs-base-palette-soap-100; // Disabled inputs and column headers
 @cnvs-sys-color-bg-alt-soft: @cnvs-base-palette-soap-200; // Page background
 @cnvs-sys-color-bg-alt-default: @cnvs-base-palette-soap-300; // Hover states
-@cnvs-sys-color-bg-translucent: rgba(@cnvs-base-palette-black-pepper-600 ,@cnvs-base-opacity-500); // Tooltip, Status Indicator
-@cnvs-sys-color-bg-transparent: rgba(@cnvs-base-palette-french-vanilla-100, 0); // Transparent background
+@cnvs-sys-color-bg-translucent: rgba(0,0,0,@cnvs-base-opacity-500); // Tooltip, Status Indicator
+@cnvs-sys-color-bg-transparent: transparent; // Transparent background
 @cnvs-sys-color-bg-default: @cnvs-base-palette-french-vanilla-100; // Main background color; 
-@cnvs-sys-line-height-subtext-large: @cnvs-base-line-height-100;
 @cnvs-sys-font-size-subtext-medium: @cnvs-base-font-size-50;
 @cnvs-sys-depth-6: @cnvs-base-shadow-600; // Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied)
 @cnvs-sys-depth-5: @cnvs-base-shadow-500; // Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied)
@@ -141,27 +156,18 @@
 @cnvs-sys-depth-3: @cnvs-base-shadow-300; // Floating Action Buttons (FAB), Menus
 @cnvs-sys-depth-2: @cnvs-base-shadow-200; // Top navigation, Bottom Navigation
 @cnvs-sys-depth-1: @cnvs-base-shadow-100; // Standard card depth
-@cnvs-sys-color-shadow-1: @cnvs-sys-color-shadow-default; // First shadow color
-@cnvs-sys-color-border-transparent: rgba(@cnvs-sys-color-static-white, 0%); // Transparent
+@cnvs-sys-color-shadow-1: rgba(31,38,46,@cnvs-base-opacity-200); // First shadow color
+@cnvs-sys-color-border-transparent: transparent; // Transparent
 @cnvs-sys-color-text-caution-strong: @cnvs-sys-color-text-stronger; // Strong warning text
 @cnvs-sys-color-text-caution-default: @cnvs-sys-color-text-strong; // Warning text
 @cnvs-sys-color-bg-overlay: rgba(0,0,0,@cnvs-base-opacity-400); // Overlay background
-@cnvs-sys-line-height-body-small: @cnvs-base-line-height-150;
 @cnvs-sys-font-size-subtext-large: @cnvs-base-font-size-75;
-@cnvs-sys-line-height-body-large: @cnvs-base-line-height-200;
-@cnvs-sys-line-height-body-medium: @cnvs-base-line-height-200;
 @cnvs-sys-font-size-body-small: @cnvs-base-font-size-100;
-@cnvs-sys-line-height-heading-small: @cnvs-base-line-height-250;
 @cnvs-sys-font-size-body-medium: @cnvs-base-font-size-125;
-@cnvs-sys-line-height-heading-medium: @cnvs-base-line-height-300;
 @cnvs-sys-font-size-body-large: @cnvs-base-font-size-150;
-@cnvs-sys-line-height-heading-large: @cnvs-base-line-height-350;
 @cnvs-sys-font-size-heading-small: @cnvs-base-font-size-200;
-@cnvs-sys-line-height-title-small: @cnvs-base-line-height-400;
 @cnvs-sys-font-size-heading-medium: @cnvs-base-font-size-250;
-@cnvs-sys-line-height-title-medium: @cnvs-base-line-height-500;
 @cnvs-sys-font-size-heading-large: @cnvs-base-font-size-300;
-@cnvs-sys-line-height-title-large: @cnvs-base-line-height-600;
 @cnvs-sys-font-size-title-small: @cnvs-base-font-size-400;
 @cnvs-sys-font-size-title-medium: @cnvs-base-font-size-500;
 @cnvs-sys-font-size-title-large: @cnvs-base-font-size-600;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-tokens-web",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Canvas design tokens for web",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "CC-BY-ND-4.0",

package/scss/base/_variables.sass

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 21 Mar 2024 03:34:06 GMT
+// Generated on Thu, 18 Apr 2024 22:39:08 GMT
 
 $cnvs-base-palette-cinnamon-100: rgba(255,239,238,1);
 $cnvs-base-palette-cinnamon-200: rgba(252,201,197,1);
@@ -194,9 +194,9 @@ $cnvs-base-line-height-350: 2.5rem;
 $cnvs-base-line-height-400: 3rem;
 $cnvs-base-line-height-500: 3.5rem;
 $cnvs-base-line-height-600: 4rem;
-$cnvs-base-line-height-750: 5rem;
-$cnvs-base-line-height-900: 6rem;
-$cnvs-base-line-height-1050: 7rem;
+$cnvs-base-line-height-750: 4.5rem;
+$cnvs-base-line-height-900: 5.5rem;
+$cnvs-base-line-height-1050: 6.5rem;
 $cnvs-base-typescale-size-default: 0.125rem;
 $cnvs-base-typescale-size-heading: 0.25rem;
 $cnvs-base-typescale-size-title: 0.5rem;

package/scss/base/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 21 Mar 2024 03:34:06 GMT
+// Generated on Thu, 18 Apr 2024 22:39:08 GMT
 
 $cnvs-base-palette-cinnamon-100: rgba(255,239,238,1);
 $cnvs-base-palette-cinnamon-200: rgba(252,201,197,1);
@@ -194,9 +194,9 @@ $cnvs-base-line-height-350: 2.5rem;
 $cnvs-base-line-height-400: 3rem;
 $cnvs-base-line-height-500: 3.5rem;
 $cnvs-base-line-height-600: 4rem;
-$cnvs-base-line-height-750: 5rem;
-$cnvs-base-line-height-900: 6rem;
-$cnvs-base-line-height-1050: 7rem;
+$cnvs-base-line-height-750: 4.5rem;
+$cnvs-base-line-height-900: 5.5rem;
+$cnvs-base-line-height-1050: 6.5rem;
 $cnvs-base-typescale-size-default: 0.125rem;
 $cnvs-base-typescale-size-heading: 0.25rem;
 $cnvs-base-typescale-size-title: 0.5rem;

package/scss/brand/_variables.sass

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 21 Mar 2024 03:34:06 GMT
+// Generated on Thu, 18 Apr 2024 22:39:08 GMT
 
 $cnvs-brand-error-darkest: rgba(128,22,14,1);
 $cnvs-brand-common-alert-inner: $cnvs-base-palette-cantaloupe-400;

package/scss/brand/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 21 Mar 2024 03:34:06 GMT
+// Generated on Thu, 18 Apr 2024 22:39:08 GMT
 
 $cnvs-brand-error-darkest: rgba(128,22,14,1);
 $cnvs-brand-common-alert-inner: $cnvs-base-palette-cantaloupe-400;