@haiilo/catalyst-tokens 0.1.2 → 0.1.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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;
@@ -93,12 +92,12 @@
   --cat-color-theme-primary-text: 32, 127, 138;
   --cat-color-theme-primary-text-hover: 28, 112, 122;
   --cat-color-theme-primary-text-active: 25, 101, 110;
-  --cat-color-theme-secondary-bg: 248, 248, 251;
-  --cat-color-theme-secondary-bg-hover: 235, 236, 240;
-  --cat-color-theme-secondary-bg-active: 235, 236, 240;
-  --cat-color-theme-secondary-fill: 0, 0, 0;
-  --cat-color-theme-secondary-fill-hover: 0, 0, 0;
-  --cat-color-theme-secondary-fill-active: 0, 0, 0;
+  --cat-color-theme-secondary-bg: 105, 118, 135;
+  --cat-color-theme-secondary-bg-hover: 105, 118, 135;
+  --cat-color-theme-secondary-bg-active: 105, 118, 135;
+  --cat-color-theme-secondary-fill: 255, 255, 255;
+  --cat-color-theme-secondary-fill-hover: 255, 255, 255;
+  --cat-color-theme-secondary-fill-active: 255, 255, 255;
   --cat-color-theme-secondary-text: 0, 0, 0;
   --cat-color-theme-secondary-text-hover: 0, 0, 0;
   --cat-color-theme-secondary-text-active: 0, 0, 0;
@@ -132,7 +131,11 @@
   --cat-color-ui-background-canvas: 248, 248, 251;
   --cat-color-ui-background-body: 255, 255, 255;
   --cat-color-ui-background-interaction: 32, 127, 138;
+  --cat-color-ui-background-input: 255, 255, 255;
+  --cat-color-ui-background-input-prefix: 235, 236, 240;
   --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;
@@ -131,7 +130,11 @@ export const ColorThemeDangerTextActive : string;
 export const ColorUiBackgroundCanvas : string;
 export const ColorUiBackgroundBody : string;
 export const ColorUiBackgroundInteraction : string;
+export const ColorUiBackgroundInput : string;
+export const ColorUiBackgroundInputPrefix : 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";
@@ -92,12 +91,12 @@ export const ColorThemePrimaryFillActive = "#ffffff";
 export const ColorThemePrimaryText = "#207f8a";
 export const ColorThemePrimaryTextHover = "#1c707a";
 export const ColorThemePrimaryTextActive = "#19656e";
-export const ColorThemeSecondaryBg = "#f8f8fb";
-export const ColorThemeSecondaryBgHover = "#ebecf0";
-export const ColorThemeSecondaryBgActive = "#ebecf0";
-export const ColorThemeSecondaryFill = "#000000";
-export const ColorThemeSecondaryFillHover = "#000000";
-export const ColorThemeSecondaryFillActive = "#000000";
+export const ColorThemeSecondaryBg = "#697687";
+export const ColorThemeSecondaryBgHover = "#697687";
+export const ColorThemeSecondaryBgActive = "#697687";
+export const ColorThemeSecondaryFill = "#ffffff";
+export const ColorThemeSecondaryFillHover = "#ffffff";
+export const ColorThemeSecondaryFillActive = "#ffffff";
 export const ColorThemeSecondaryText = "#000000";
 export const ColorThemeSecondaryTextHover = "#000000";
 export const ColorThemeSecondaryTextActive = "#000000";
@@ -131,7 +130,11 @@ export const ColorThemeDangerTextActive = "#ae2a0a";
 export const ColorUiBackgroundCanvas = "#f8f8fb";
 export const ColorUiBackgroundBody = "#ffffff";
 export const ColorUiBackgroundInteraction = "#207f8a";
+export const ColorUiBackgroundInput = "#ffffff";
+export const ColorUiBackgroundInputPrefix = "#ebecf0";
 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,7 +157,11 @@ $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-input-prefix: $cat-color-base-neutral-200 !default;
+$cat-color-ui-background-input: $cat-color-base-neutral-0 !default;
 $cat-color-ui-background-interaction: $cat-color-base-brand-400 !default;
 $cat-color-ui-background-body: $cat-color-base-neutral-0 !default;
 $cat-color-ui-background-canvas: var(--cat-bg, $cat-color-base-neutral-100) !default;
@@ -192,12 +195,12 @@ $cat-color-theme-success-bg: $cat-color-base-green-400 !default;
 $cat-color-theme-secondary-text-active: $cat-color-base-neutral-900 !default;
 $cat-color-theme-secondary-text-hover: $cat-color-base-neutral-900 !default;
 $cat-color-theme-secondary-text: $cat-color-base-neutral-900 !default;
-$cat-color-theme-secondary-fill-active: $cat-color-base-neutral-900 !default;
-$cat-color-theme-secondary-fill-hover: $cat-color-base-neutral-900 !default;
-$cat-color-theme-secondary-fill: $cat-color-base-neutral-900 !default;
-$cat-color-theme-secondary-bg-active: $cat-color-base-neutral-200 !default;
-$cat-color-theme-secondary-bg-hover: $cat-color-base-neutral-200 !default;
-$cat-color-theme-secondary-bg: $cat-color-base-neutral-100 !default;
+$cat-color-theme-secondary-fill-active: $cat-color-base-neutral-0 !default;
+$cat-color-theme-secondary-fill-hover: $cat-color-base-neutral-0 !default;
+$cat-color-theme-secondary-fill: $cat-color-base-neutral-0 !default;
+$cat-color-theme-secondary-bg-active: $cat-color-base-neutral-400 !default;
+$cat-color-theme-secondary-bg-hover: $cat-color-base-neutral-400 !default;
+$cat-color-theme-secondary-bg: $cat-color-base-neutral-400 !default;
 $cat-color-theme-primary-text-active: var(--cat-primary-text-active, $cat-color-base-brand-600) !default;
 $cat-color-theme-primary-text-hover: var(--cat-primary-text-hover, $cat-color-base-brand-500) !default;
 $cat-color-theme-primary-text: var(--cat-primary-text, $cat-color-base-brand-400) !default;
@@ -263,8 +266,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 +379,11 @@ $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
+        'input': $cat-color-ui-background-input,
+        'inputPrefix': $cat-color-ui-background-input-prefix,
+        '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.2",
+  "version": "0.1.5",
   "description": "Design tokens for Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -28,5 +28,6 @@
     "standard-version": "^9.3.2",
     "style-dictionary": "^3.1.1",
     "tinycolor2": "^1.4.2"
-  }
+  },
+  "gitHead": "3bd083786a1df0a2de5b5d4a5eb557b44fb97800"
 }