@bi-digital/tokens 0.2.8 → 0.2.10

package/dist/tokens.css

@@ -36,11 +36,20 @@
   --bi-primary-95: #042f5b;
   --bi-primary-100: #002341;
   --bi-secondary-5: #fcf6df;
-  --bi-secondary-10: #f9edbf;
-  --bi-secondary-20: #f5e49f;
-  --bi-secondary-30: #f2dc7e;
-  --bi-secondary-40: #efd35f;
-  --bi-secondary-50: #ecca3f;
+  --bi-secondary-10: #fff2bf;
+  --bi-secondary-15: #ffea95;
+  --bi-secondary-20: #ffe680;
+  --bi-secondary-25: #ffe26a;
+  --bi-secondary-30: #ffde55;
+  --bi-secondary-40: #ffd52b;
+  --bi-secondary-50: #ffcd00;
+  --bi-secondary-60: #deb300;
+  --bi-secondary-70: #bd9800;
+  --bi-secondary-80: #9d7e00;
+  --bi-secondary-85: #7c6400;
+  --bi-secondary-90: #5b4900;
+  --bi-secondary-95: #4a3c01;
+  --bi-secondary-100: #3a2f00;
   --bi-info-5: #e6d5ff;
   --bi-info-10: #d9bfff;
   --bi-info-15: #cdaaff;
@@ -153,14 +162,14 @@
   --bi-radius-xl: var(--bi-scale-3x);
   --bi-radius-brand: var(--bi-scale-12x);
   --bi-radius-full: var(--bi-scale-max);
-  --bi-icon-xs: var(--bi-scale-5x);
-  --bi-icon-small: var(--bi-scale-6x);
-  --bi-icon-medium: var(--bi-scale-8x);
-  --bi-icon-large: var(--bi-scale-10x);
-  --bi-icon-2xl: var(--bi-scale-12x);
+  --bi-icon-small: var(--bi-scale-5x);
+  --bi-icon-medium: var(--bi-scale-6x);
+  --bi-icon-large: var(--bi-scale-8x);
+  --bi-icon-xl: var(--bi-scale-10x);
+  --bi-icon-2xl: var(--bi-scale-11x);
   --bi-icon-primary: var(--bi-neutral-95);
   --bi-icon-secondary: var(--bi-neutral-50);
   --bi-icon-disabled: var(--bi-neutral-50);
   --bi-icon-link: var(--bi-primary-50);
-  --bi-navbar-height: var(--bi-scale-16x);
+  --bi-layout-navbar-height: var(--bi-scale-16x);
 }

package/dist/tokens.d.ts

@@ -56,10 +56,19 @@ declare const tokens: {
   secondary: {
     "5": DesignToken;
     "10": DesignToken;
+    "15": DesignToken;
     "20": DesignToken;
+    "25": DesignToken;
     "30": DesignToken;
     "40": DesignToken;
     "50": DesignToken;
+    "60": DesignToken;
+    "70": DesignToken;
+    "80": DesignToken;
+    "85": DesignToken;
+    "90": DesignToken;
+    "95": DesignToken;
+    "100": DesignToken;
   };
   info: {
     "5": DesignToken;
@@ -185,10 +194,10 @@ declare const tokens: {
     full: DesignToken;
   };
   icon: {
-    xs: DesignToken;
     small: DesignToken;
     medium: DesignToken;
     large: DesignToken;
+    xl: DesignToken;
     "2xl": DesignToken;
     Primary: DesignToken;
     Secondary: DesignToken;
@@ -204,7 +213,7 @@ declare const tokens: {
     "press-dark": DesignToken;
     "press-light": DesignToken;
   };
-  navbar: {
-    height: DesignToken;
+  layout: {
+    "navbar-height": DesignToken;
   };
 };

package/dist/tokens.js

@@ -540,12 +540,12 @@ export default {
     },
     10: {
       $type: "color",
-      $value: "#f9edbf",
+      $value: "#fff2bf",
       filePath: "tokens/Reference.Mode 1.tokens.json",
       isSource: true,
       original: {
         $type: "color",
-        $value: "#f9edbf",
+        $value: "#fff2bf",
       },
       name: "bi-secondary-10",
       attributes: {
@@ -554,14 +554,30 @@ export default {
       },
       path: ["secondary", "10"],
     },
+    15: {
+      $type: "color",
+      $value: "#ffea95",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#ffea95",
+      },
+      name: "bi-secondary-15",
+      attributes: {
+        category: "secondary",
+        type: "15",
+      },
+      path: ["secondary", "15"],
+    },
     20: {
       $type: "color",
-      $value: "#f5e49f",
+      $value: "#ffe680",
       filePath: "tokens/Reference.Mode 1.tokens.json",
       isSource: true,
       original: {
         $type: "color",
-        $value: "#f5e49f",
+        $value: "#ffe680",
       },
       name: "bi-secondary-20",
       attributes: {
@@ -570,14 +586,30 @@ export default {
       },
       path: ["secondary", "20"],
     },
+    25: {
+      $type: "color",
+      $value: "#ffe26a",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#ffe26a",
+      },
+      name: "bi-secondary-25",
+      attributes: {
+        category: "secondary",
+        type: "25",
+      },
+      path: ["secondary", "25"],
+    },
     30: {
       $type: "color",
-      $value: "#f2dc7e",
+      $value: "#ffde55",
       filePath: "tokens/Reference.Mode 1.tokens.json",
       isSource: true,
       original: {
         $type: "color",
-        $value: "#f2dc7e",
+        $value: "#ffde55",
       },
       name: "bi-secondary-30",
       attributes: {
@@ -588,12 +620,12 @@ export default {
     },
     40: {
       $type: "color",
-      $value: "#efd35f",
+      $value: "#ffd52b",
       filePath: "tokens/Reference.Mode 1.tokens.json",
       isSource: true,
       original: {
         $type: "color",
-        $value: "#efd35f",
+        $value: "#ffd52b",
       },
       name: "bi-secondary-40",
       attributes: {
@@ -604,12 +636,12 @@ export default {
     },
     50: {
       $type: "color",
-      $value: "#ecca3f",
+      $value: "#ffcd00",
       filePath: "tokens/Reference.Mode 1.tokens.json",
       isSource: true,
       original: {
         $type: "color",
-        $value: "#ecca3f",
+        $value: "#ffcd00",
       },
       name: "bi-secondary-50",
       attributes: {
@@ -618,6 +650,118 @@ export default {
       },
       path: ["secondary", "50"],
     },
+    60: {
+      $type: "color",
+      $value: "#deb300",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#deb300",
+      },
+      name: "bi-secondary-60",
+      attributes: {
+        category: "secondary",
+        type: "60",
+      },
+      path: ["secondary", "60"],
+    },
+    70: {
+      $type: "color",
+      $value: "#bd9800",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#bd9800",
+      },
+      name: "bi-secondary-70",
+      attributes: {
+        category: "secondary",
+        type: "70",
+      },
+      path: ["secondary", "70"],
+    },
+    80: {
+      $type: "color",
+      $value: "#9d7e00",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#9d7e00",
+      },
+      name: "bi-secondary-80",
+      attributes: {
+        category: "secondary",
+        type: "80",
+      },
+      path: ["secondary", "80"],
+    },
+    85: {
+      $type: "color",
+      $value: "#7c6400",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#7c6400",
+      },
+      name: "bi-secondary-85",
+      attributes: {
+        category: "secondary",
+        type: "85",
+      },
+      path: ["secondary", "85"],
+    },
+    90: {
+      $type: "color",
+      $value: "#5b4900",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#5b4900",
+      },
+      name: "bi-secondary-90",
+      attributes: {
+        category: "secondary",
+        type: "90",
+      },
+      path: ["secondary", "90"],
+    },
+    95: {
+      $type: "color",
+      $value: "#4a3c01",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#4a3c01",
+      },
+      name: "bi-secondary-95",
+      attributes: {
+        category: "secondary",
+        type: "95",
+      },
+      path: ["secondary", "95"],
+    },
+    100: {
+      $type: "color",
+      $value: "#3a2f00",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#3a2f00",
+      },
+      name: "bi-secondary-100",
+      attributes: {
+        category: "secondary",
+        type: "100",
+      },
+      path: ["secondary", "100"],
+    },
   },
   info: {
     5: {
@@ -2348,7 +2492,7 @@ export default {
     },
   },
   icon: {
-    xs: {
+    small: {
       $type: "dimension",
       $value: "1.25rem",
       filePath: "tokens/System.Mode 1.tokens.json",
@@ -2357,14 +2501,14 @@ export default {
         $type: "dimension",
         $value: "{scale.5x}",
       },
-      name: "bi-icon-xs",
+      name: "bi-icon-small",
       attributes: {
         category: "icon",
-        type: "xs",
+        type: "small",
       },
-      path: ["icon", "xs"],
+      path: ["icon", "small"],
     },
-    small: {
+    medium: {
       $type: "dimension",
       $value: "1.5rem",
       filePath: "tokens/System.Mode 1.tokens.json",
@@ -2373,14 +2517,14 @@ export default {
         $type: "dimension",
         $value: "{scale.6x}",
       },
-      name: "bi-icon-small",
+      name: "bi-icon-medium",
       attributes: {
         category: "icon",
-        type: "small",
+        type: "medium",
       },
-      path: ["icon", "small"],
+      path: ["icon", "medium"],
     },
-    medium: {
+    large: {
       $type: "dimension",
       $value: "2rem",
       filePath: "tokens/System.Mode 1.tokens.json",
@@ -2389,14 +2533,14 @@ export default {
         $type: "dimension",
         $value: "{scale.8x}",
       },
-      name: "bi-icon-medium",
+      name: "bi-icon-large",
       attributes: {
         category: "icon",
-        type: "medium",
+        type: "large",
       },
-      path: ["icon", "medium"],
+      path: ["icon", "large"],
     },
-    large: {
+    xl: {
       $type: "dimension",
       $value: "2.5rem",
       filePath: "tokens/System.Mode 1.tokens.json",
@@ -2405,21 +2549,21 @@ export default {
         $type: "dimension",
         $value: "{scale.10x}",
       },
-      name: "bi-icon-large",
+      name: "bi-icon-xl",
       attributes: {
         category: "icon",
-        type: "large",
+        type: "xl",
       },
-      path: ["icon", "large"],
+      path: ["icon", "xl"],
     },
     "2xl": {
       $type: "dimension",
-      $value: "3rem",
+      $value: "2.75rem",
       filePath: "tokens/System.Mode 1.tokens.json",
       isSource: true,
       original: {
         $type: "dimension",
-        $value: "{scale.12x}",
+        $value: "{scale.11x}",
       },
       name: "bi-icon-2xl",
       attributes: {
@@ -2577,22 +2721,22 @@ export default {
       path: ["states", "press-light"],
     },
   },
-  navbar: {
-    height: {
+  layout: {
+    "navbar-height": {
       $type: "dimension",
       $value: "4rem",
-      filePath: "tokens/custom.tokens.json",
+      filePath: "tokens/System.Mode 1.tokens.json",
       isSource: true,
       original: {
         $type: "dimension",
         $value: "{scale.16x}",
       },
-      name: "bi-navbar-height",
+      name: "bi-layout-navbar-height",
       attributes: {
-        category: "navbar",
-        type: "height",
+        category: "layout",
+        type: "navbar-height",
       },
-      path: ["navbar", "height"],
+      path: ["layout", "navbar-height"],
     },
   },
 };

package/dist/tokens.scss

@@ -34,11 +34,20 @@ $bi-primary-90: #083a76;
 $bi-primary-95: #042f5b;
 $bi-primary-100: #002341;
 $bi-secondary-5: #fcf6df;
-$bi-secondary-10: #f9edbf;
-$bi-secondary-20: #f5e49f;
-$bi-secondary-30: #f2dc7e;
-$bi-secondary-40: #efd35f;
-$bi-secondary-50: #ecca3f;
+$bi-secondary-10: #fff2bf;
+$bi-secondary-15: #ffea95;
+$bi-secondary-20: #ffe680;
+$bi-secondary-25: #ffe26a;
+$bi-secondary-30: #ffde55;
+$bi-secondary-40: #ffd52b;
+$bi-secondary-50: #ffcd00;
+$bi-secondary-60: #deb300;
+$bi-secondary-70: #bd9800;
+$bi-secondary-80: #9d7e00;
+$bi-secondary-85: #7c6400;
+$bi-secondary-90: #5b4900;
+$bi-secondary-95: #4a3c01;
+$bi-secondary-100: #3a2f00;
 $bi-info-5: #e6d5ff;
 $bi-info-10: #d9bfff;
 $bi-info-15: #cdaaff;
@@ -146,11 +155,11 @@ $bi-radius-large: 0.5rem;
 $bi-radius-xl: 0.75rem;
 $bi-radius-brand: 3rem;
 $bi-radius-full: 624.9375rem;
-$bi-icon-xs: 1.25rem;
-$bi-icon-small: 1.5rem;
-$bi-icon-medium: 2rem;
-$bi-icon-large: 2.5rem;
-$bi-icon-2xl: 3rem;
+$bi-icon-small: 1.25rem;
+$bi-icon-medium: 1.5rem;
+$bi-icon-large: 2rem;
+$bi-icon-xl: 2.5rem;
+$bi-icon-2xl: 2.75rem;
 $bi-icon-primary: #26333f;
 $bi-icon-secondary: #597694;
 $bi-icon-disabled: #597694;
@@ -160,4 +169,4 @@ $bi-states-hover-dark: rgba(38, 51, 63, 0.1);
 $bi-states-hover-light: rgba(255, 255, 255, 0.1);
 $bi-states-press-dark: rgba(38, 51, 63, 0.15);
 $bi-states-press-light: rgba(255, 255, 255, 0.15);
-$bi-navbar-height: 4rem;
+$bi-layout-navbar-height: 4rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bi-digital/tokens",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "CSS and SASS variables for the BI Design System",
   "author": "BI Digital",
   "license": "ISC",