@haiilo/catalyst-tokens 0.12.0 → 0.14.1

package/dist/css/_variables.css

@@ -153,6 +153,11 @@
   --cat-color-ui-font-quote: 0, 0, 0;
   --cat-color-ui-font-tooltip: 255, 255, 255;
   --cat-color-ui-font-avatar: 255, 255, 255;
+  --cat-color-ui-font-alert-primary: 32, 127, 138;
+  --cat-color-ui-font-alert-secondary: 105, 118, 135;
+  --cat-color-ui-font-alert-success: 0, 132, 88;
+  --cat-color-ui-font-alert-warning: 235, 182, 99;
+  --cat-color-ui-font-alert-danger: 217, 52, 13;
   --cat-font-family-head: Lato;
   --cat-font-family-body: Lato;
   --cat-font-family-mono: Azeret Mono;
@@ -175,11 +180,6 @@
   --cat-size-badge-font-m: 13px;
   --cat-size-badge-font-s: 12px;
   --cat-size-badge-font-xs: 12px;
-  --cat-size-base-xl: 3.5rem;
-  --cat-size-base-l: 3rem;
-  --cat-size-base-m: 2.5rem;
-  --cat-size-base-s: 2rem;
-  --cat-size-base-xs: 1.5rem;
   --cat-size-border-radius-l: 0.5rem;
   --cat-size-border-radius-m: 0.25rem;
   --cat-size-border-radius-s: 0.125rem;

package/dist/js/_variables.d.ts

@@ -152,6 +152,11 @@ export const ColorUiFontMuted : string;
 export const ColorUiFontQuote : string;
 export const ColorUiFontTooltip : string;
 export const ColorUiFontAvatar : string;
+export const ColorUiFontAlertPrimary : string;
+export const ColorUiFontAlertSecondary : string;
+export const ColorUiFontAlertSuccess : string;
+export const ColorUiFontAlertWarning : string;
+export const ColorUiFontAlertDanger : string;
 export const FontFamilyHead : string;
 export const FontFamilyBody : string;
 export const FontFamilyMono : string;
@@ -174,11 +179,6 @@ export const SizeBadgeFontL : string;
 export const SizeBadgeFontM : string;
 export const SizeBadgeFontS : string;
 export const SizeBadgeFontXs : string;
-export const SizeBaseXl : string;
-export const SizeBaseL : string;
-export const SizeBaseM : string;
-export const SizeBaseS : string;
-export const SizeBaseXs : string;
 export const SizeBorderRadiusL : string;
 export const SizeBorderRadiusM : string;
 export const SizeBorderRadiusS : string;

package/dist/js/_variables.js

@@ -152,6 +152,11 @@ export const ColorUiFontMuted = "#697687";
 export const ColorUiFontQuote = "#000000";
 export const ColorUiFontTooltip = "#ffffff";
 export const ColorUiFontAvatar = "#ffffff";
+export const ColorUiFontAlertPrimary = "#207f8a";
+export const ColorUiFontAlertSecondary = "#697687";
+export const ColorUiFontAlertSuccess = "#008458";
+export const ColorUiFontAlertWarning = "#ebb663";
+export const ColorUiFontAlertDanger = "#d9340d";
 export const FontFamilyHead = "Lato";
 export const FontFamilyBody = "Lato";
 export const FontFamilyMono = "Azeret Mono";
@@ -174,11 +179,6 @@ export const SizeBadgeFontL = "15rem";
 export const SizeBadgeFontM = "13rem";
 export const SizeBadgeFontS = "12rem";
 export const SizeBadgeFontXs = "12rem";
-export const SizeBaseXl = "3.5rem";
-export const SizeBaseL = "3rem";
-export const SizeBaseM = "2.5rem";
-export const SizeBaseS = "2rem";
-export const SizeBaseXs = "1.5rem";
 export const SizeBorderRadiusL = "0.5rem";
 export const SizeBorderRadiusM = "0.25rem";
 export const SizeBorderRadiusS = "0.125rem";

package/dist/scss/_variables.scss

@@ -60,11 +60,6 @@ $cat-size-font-head-1: 1.75rem !default;
 $cat-size-border-radius-s: 0.125rem !default;
 $cat-size-border-radius-m: 0.25rem !default;
 $cat-size-border-radius-l: 0.5rem !default;
-$cat-size-base-xs: 1.5rem !default;
-$cat-size-base-s: 2rem !default;
-$cat-size-base-m: 2.5rem !default;
-$cat-size-base-l: 3rem !default;
-$cat-size-base-xl: 3.5rem !default;
 $cat-size-badge-font-xs: 12px !default;
 $cat-size-badge-font-s: 12px !default;
 $cat-size-badge-font-m: 13px !default;
@@ -168,6 +163,11 @@ $cat-asset-font-dm-sans-name: "DM Sans" !default;
 $cat-font-family-mono: var(--cat-font-family-mono, $cat-asset-font-azeret-mono-name) !default;
 $cat-font-family-body: var(--cat-font-family-body, $cat-asset-font-lato-name) !default;
 $cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-lato-name) !default;
+$cat-color-ui-font-alert-danger: $cat-color-base-red-400 !default;
+$cat-color-ui-font-alert-warning: $cat-color-base-orange-400 !default;
+$cat-color-ui-font-alert-success: $cat-color-base-green-400 !default;
+$cat-color-ui-font-alert-secondary: $cat-color-base-neutral-400 !default;
+$cat-color-ui-font-alert-primary: $cat-color-base-brand-400 !default;
 $cat-color-ui-font-avatar: $cat-color-base-neutral-0 !default;
 $cat-color-ui-font-tooltip: $cat-color-base-neutral-0 !default;
 $cat-color-ui-font-muted: var(--cat-font-color-muted, $cat-color-base-neutral-400) !default;
@@ -431,7 +431,14 @@ $tokens: (
         'muted': $cat-color-ui-font-muted,
         'quote': $cat-color-ui-font-quote,
         'tooltip': $cat-color-ui-font-tooltip,
-        'avatar': $cat-color-ui-font-avatar
+        'avatar': $cat-color-ui-font-avatar,
+        'alert': (
+          'primary': $cat-color-ui-font-alert-primary,
+          'secondary': $cat-color-ui-font-alert-secondary,
+          'success': $cat-color-ui-font-alert-success,
+          'warning': $cat-color-ui-font-alert-warning,
+          'danger': $cat-color-ui-font-alert-danger
+        )
       )
     )
   ),
@@ -476,13 +483,6 @@ $tokens: (
         'xs': $cat-size-badge-font-xs
       )
     ),
-    'base': (
-      'xl': $cat-size-base-xl,
-      'l': $cat-size-base-l,
-      'm': $cat-size-base-m,
-      's': $cat-size-base-s,
-      'xs': $cat-size-base-xs
-    ),
     'border': (
       'radius': (
         'l': $cat-size-border-radius-l,

package/package.json

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