@haiilo/catalyst-tokens 0.1.3 → 0.1.4

package/dist/css/_variables.css

@@ -49,7 +49,6 @@
   --cat-asset-font-lato-woff2-thin-italic: "Lato-ThinItalic.woff2";
   --cat-asset-font-azeret-mono-name: "Azeret Mono";
   --cat-asset-font-azeret-mono-woff2-regular: "AzeretMono-Regular.woff2";
-  --cat-asset-font-azeret-mono-woff2-semi-bold: "AzeretMono-SemiBold.woff2";
   --cat-color-base-neutral-0: 255, 255, 255;
   --cat-color-base-neutral-100: 248, 248, 251;
   --cat-color-base-neutral-200: 235, 236, 240;
@@ -133,6 +132,8 @@
   --cat-color-ui-background-body: 255, 255, 255;
   --cat-color-ui-background-interaction: 32, 127, 138;
   --cat-color-ui-background-notification: 217, 52, 13;
+  --cat-color-ui-background-skeleton: 235, 236, 240;
+  --cat-color-ui-background-skeleton-highlight: 215, 219, 224;
   --cat-color-ui-border-default: 235, 236, 240;
   --cat-color-ui-border-dark: 215, 219, 224;
   --cat-color-ui-border-focus: 0, 113, 255;

package/dist/js/_variables.d.ts

@@ -48,7 +48,6 @@ export const AssetFontLatoWoffThinItalic : string;
 export const AssetFontLatoWoff2ThinItalic : string;
 export const AssetFontAzeretMonoName : string;
 export const AssetFontAzeretMonoWoff2Regular : string;
-export const AssetFontAzeretMonoWoff2SemiBold : string;
 export const ColorBaseNeutral0 : string;
 export const ColorBaseNeutral100 : string;
 export const ColorBaseNeutral200 : string;
@@ -132,6 +131,8 @@ export const ColorUiBackgroundCanvas : string;
 export const ColorUiBackgroundBody : string;
 export const ColorUiBackgroundInteraction : string;
 export const ColorUiBackgroundNotification : string;
+export const ColorUiBackgroundSkeleton : string;
+export const ColorUiBackgroundSkeletonHighlight : string;
 export const ColorUiBorderDefault : string;
 export const ColorUiBorderDark : string;
 export const ColorUiBorderFocus : string;

package/dist/js/_variables.js

@@ -48,7 +48,6 @@ export const AssetFontLatoWoffThinItalic = "Lato-ThinItalic.woff";
 export const AssetFontLatoWoff2ThinItalic = "Lato-ThinItalic.woff2";
 export const AssetFontAzeretMonoName = "Azeret Mono";
 export const AssetFontAzeretMonoWoff2Regular = "AzeretMono-Regular.woff2";
-export const AssetFontAzeretMonoWoff2SemiBold = "AzeretMono-SemiBold.woff2";
 export const ColorBaseNeutral0 = "#ffffff";
 export const ColorBaseNeutral100 = "#f8f8fb";
 export const ColorBaseNeutral200 = "#ebecf0";
@@ -132,6 +131,8 @@ export const ColorUiBackgroundCanvas = "#f8f8fb";
 export const ColorUiBackgroundBody = "#ffffff";
 export const ColorUiBackgroundInteraction = "#207f8a";
 export const ColorUiBackgroundNotification = "#d9340d";
+export const ColorUiBackgroundSkeleton = "#ebecf0";
+export const ColorUiBackgroundSkeletonHighlight = "#d7dbe0";
 export const ColorUiBorderDefault = "#ebecf0";
 export const ColorUiBorderDark = "#d7dbe0";
 export const ColorUiBorderFocus = "#0071ff";

package/dist/scss/_variables.scss

@@ -92,7 +92,6 @@ $cat-color-base-neutral-300: 215, 219, 224 !default;
 $cat-color-base-neutral-200: 235, 236, 240 !default;
 $cat-color-base-neutral-100: 248, 248, 251 !default;
 $cat-color-base-neutral-0: 255, 255, 255 !default;
-$cat-asset-font-azeret-mono-woff2-semi-bold: "AzeretMono-SemiBold.woff2" !default;
 $cat-asset-font-azeret-mono-woff2-regular: "AzeretMono-Regular.woff2" !default;
 $cat-asset-font-azeret-mono-name: "Azeret Mono" !default;
 $cat-asset-font-lato-woff2-thin-italic: "Lato-ThinItalic.woff2" !default;
@@ -158,6 +157,8 @@ $cat-color-ui-font-body: var(--cat-font-color-body, $cat-color-base-neutral-900)
 $cat-color-ui-font-head: var(--cat-font-color-head, $cat-color-base-neutral-900) !default;
 $cat-color-ui-border-dark: $cat-color-base-neutral-300 !default;
 $cat-color-ui-border-default: $cat-color-base-neutral-200 !default;
+$cat-color-ui-background-skeleton-highlight: $cat-color-base-neutral-300 !default;
+$cat-color-ui-background-skeleton: $cat-color-base-neutral-200 !default;
 $cat-color-ui-background-notification: $cat-color-base-red-400 !default;
 $cat-color-ui-background-interaction: $cat-color-base-brand-400 !default;
 $cat-color-ui-background-body: $cat-color-base-neutral-0 !default;
@@ -263,8 +264,7 @@ $tokens: (
       ),
       'azeretMono': (
         'name': $cat-asset-font-azeret-mono-name,
-        'woff2Regular': $cat-asset-font-azeret-mono-woff2-regular,
-        'woff2SemiBold': $cat-asset-font-azeret-mono-woff2-semi-bold
+        'woff2Regular': $cat-asset-font-azeret-mono-woff2-regular
       )
     )
   ),
@@ -377,7 +377,9 @@ $tokens: (
         'canvas': $cat-color-ui-background-canvas,
         'body': $cat-color-ui-background-body,
         'interaction': $cat-color-ui-background-interaction,
-        'notification': $cat-color-ui-background-notification
+        'notification': $cat-color-ui-background-notification,
+        'skeleton': $cat-color-ui-background-skeleton,
+        'skeletonHighlight': $cat-color-ui-background-skeleton-highlight
       ),
       'border': (
         'default': $cat-color-ui-border-default,

package/package.json

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