@haiilo/catalyst-tokens 10.31.1 → 10.32.1

package/dist/css/variables-hex.css

@@ -180,6 +180,7 @@
   --cat-color-ui-border-dark: #d7dbe0;
   --cat-color-ui-border-focus: #0071ff;
   --cat-color-ui-border-quote: #697687;
+  --cat-color-ui-border-card: rgba(0, 0, 0, 0);
   --cat-color-ui-font-base: #000000;
   --cat-color-ui-font-base-inverted: #ffffff;
   --cat-color-ui-font-muted: #515c6c;

package/dist/css/variables.css

@@ -180,6 +180,7 @@
   --cat-color-ui-border-dark: 215, 219, 224;
   --cat-color-ui-border-focus: 0, 113, 255;
   --cat-color-ui-border-quote: 105, 118, 135;
+  --cat-color-ui-border-card: 0, 0, 0, 0;
   --cat-color-ui-font-base: 0, 0, 0;
   --cat-color-ui-font-base-inverted: 255, 255, 255;
   --cat-color-ui-font-muted: 81, 92, 108;

package/dist/export/figma.json

@@ -579,6 +579,10 @@
         "quote": {
           "$type": "color",
           "$value": "#697687"
+        },
+        "card": {
+          "$type": "color",
+          "$value": "#00000000"
         }
       },
       "font": {

package/dist/export/theme.json

@@ -243,6 +243,10 @@
     "$type": "color",
     "$value": "#0071ff"
   },
+  "border-color-card": {
+    "$type": "color",
+    "$value": "#00000000"
+  },
   "font-color-base": {
     "$type": "color",
     "$value": "#000000"

package/dist/export/zeroheight.json

@@ -757,6 +757,10 @@
         "quote": {
           "$type": "color",
           "$value": "#697687"
+        },
+        "card": {
+          "$type": "color",
+          "$value": "#00000000"
         }
       },
       "font": {

package/dist/js/variables.d.ts

@@ -179,6 +179,7 @@ export const colorUiBorderDefault : string;
 export const colorUiBorderDark : string;
 export const colorUiBorderFocus : string;
 export const colorUiBorderQuote : string;
+export const colorUiBorderCard : string;
 export const colorUiFontBase : string;
 export const colorUiFontBaseInverted : string;
 export const colorUiFontMuted : string;

package/dist/js/variables.js

@@ -179,6 +179,7 @@ export const colorUiBorderDefault = "#ebecf0";
 export const colorUiBorderDark = "#d7dbe0";
 export const colorUiBorderFocus = "#0071ff";
 export const colorUiBorderQuote = "#697687";
+export const colorUiBorderCard = "#00000000";
 export const colorUiFontBase = "#000000";
 export const colorUiFontBaseInverted = "#ffffff";
 export const colorUiFontMuted = "#515c6c";

package/dist/json/variables.json

@@ -226,7 +226,8 @@
         "default": "#ebecf0",
         "dark": "#d7dbe0",
         "focus": "#0071ff",
-        "quote": "#697687"
+        "quote": "#697687",
+        "card": "#00000000"
       },
       "font": {
         "base": "#000000",

package/dist/scss/_variables.scss

@@ -75,6 +75,7 @@ $cat-font-weight-body: var(--cat-font-weight-body, 400) !default;
 $cat-font-weight-head: var(--cat-font-weight-head, 600) !default;
 $cat-font-family-emoji: var(--cat-font-family-emoji, '') !default;
 $cat-font-family-mono: var(--cat-font-family-mono, '') !default;
+$cat-color-ui-border-card: var(--cat-border-color-card, 0, 0, 0, 0) !default;
 $cat-color-ui-border-focus: var(--cat-border-color-focus, 0, 113, 255) !default;
 $cat-color-ui-background-input-autofill: 232, 240, 254 !default;
 $cat-color-base-red-700: 158, 38, 9 !default;
@@ -487,7 +488,8 @@ $tokens: (
         'default': $cat-color-ui-border-default,
         'dark': $cat-color-ui-border-dark,
         'focus': $cat-color-ui-border-focus,
-        'quote': $cat-color-ui-border-quote
+        'quote': $cat-color-ui-border-quote,
+        'card': $cat-color-ui-border-card
       ),
       'font': (
         'base': $cat-color-ui-font-base,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst-tokens",
-  "version": "10.31.1",
+  "version": "10.32.1",
   "description": "Design tokens for Catalyst Design System",
   "license": "MIT",
   "repository": {