@haiilo/catalyst-tokens 0.5.13 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/css/_variables.css +5 -1
  2. package/dist/js/_variables.d.ts +4 -0
  3. package/dist/js/_variables.js +5 -1
  4. package/dist/scss/_variables.scss +12 -4
  5. package/package.json +1 -1
package/dist/css/_variables.css CHANGED
@@ -136,18 +136,22 @@
136
136
  --cat-color-ui-background-skeleton: 235, 236, 240;
137
137
  --cat-color-ui-background-skeleton-highlight: 215, 219, 224;
138
138
  --cat-color-ui-background-tooltip: 255, 255, 255;
139
+ --cat-color-ui-background-avatar: 105, 118, 135;
139
140
  --cat-color-ui-border-light: 248, 248, 251;
140
141
  --cat-color-ui-border-default: 235, 236, 240;
141
142
  --cat-color-ui-border-dark: 215, 219, 224;
142
143
  --cat-color-ui-border-focus: 0, 113, 255;
143
144
  --cat-color-ui-border-input: 215, 219, 224;
145
+ --cat-color-ui-border-tabs: 215, 219, 224;
146
+ --cat-color-ui-border-active-tab: 32, 127, 138;
144
147
  --cat-color-ui-font-head: 0, 0, 0;
145
148
  --cat-color-ui-font-body: 0, 0, 0;
146
149
  --cat-color-ui-font-mono: 0, 0, 0;
147
150
  --cat-color-ui-font-muted: 105, 118, 135;
148
151
  --cat-color-ui-font-quote: 0, 0, 0;
149
152
  --cat-color-ui-font-tooltip: 0, 0, 0;
150
- --cat-font-family-head: DM Sans;
153
+ --cat-color-ui-font-avatar: 255, 255, 255;
154
+ --cat-font-family-head: Lato;
151
155
  --cat-font-family-body: Lato;
152
156
  --cat-font-family-mono: Azeret Mono;
153
157
  --cat-font-weight-head: 500;
package/dist/js/_variables.d.ts CHANGED
@@ -135,17 +135,21 @@ export const ColorUiBackgroundInputDisabled : string;
135
135
  export const ColorUiBackgroundSkeleton : string;
136
136
  export const ColorUiBackgroundSkeletonHighlight : string;
137
137
  export const ColorUiBackgroundTooltip : string;
138
+ export const ColorUiBackgroundAvatar : string;
138
139
  export const ColorUiBorderLight : string;
139
140
  export const ColorUiBorderDefault : string;
140
141
  export const ColorUiBorderDark : string;
141
142
  export const ColorUiBorderFocus : string;
142
143
  export const ColorUiBorderInput : string;
144
+ export const ColorUiBorderTabs : string;
145
+ export const ColorUiBorderActiveTab : string;
143
146
  export const ColorUiFontHead : string;
144
147
  export const ColorUiFontBody : string;
145
148
  export const ColorUiFontMono : string;
146
149
  export const ColorUiFontMuted : string;
147
150
  export const ColorUiFontQuote : string;
148
151
  export const ColorUiFontTooltip : string;
152
+ export const ColorUiFontAvatar : string;
149
153
  export const FontFamilyHead : string;
150
154
  export const FontFamilyBody : string;
151
155
  export const FontFamilyMono : string;
package/dist/js/_variables.js CHANGED
@@ -135,18 +135,22 @@ export const ColorUiBackgroundInputDisabled = "#f8f8fb";
135
135
  export const ColorUiBackgroundSkeleton = "#ebecf0";
136
136
  export const ColorUiBackgroundSkeletonHighlight = "#d7dbe0";
137
137
  export const ColorUiBackgroundTooltip = "#ffffff";
138
+ export const ColorUiBackgroundAvatar = "#697687";
138
139
  export const ColorUiBorderLight = "#f8f8fb";
139
140
  export const ColorUiBorderDefault = "#ebecf0";
140
141
  export const ColorUiBorderDark = "#d7dbe0";
141
142
  export const ColorUiBorderFocus = "#0071ff";
142
143
  export const ColorUiBorderInput = "#d7dbe0";
144
+ export const ColorUiBorderTabs = "#d7dbe0";
145
+ export const ColorUiBorderActiveTab = "#207f8a";
143
146
  export const ColorUiFontHead = "#000000";
144
147
  export const ColorUiFontBody = "#000000";
145
148
  export const ColorUiFontMono = "#000000";
146
149
  export const ColorUiFontMuted = "#697687";
147
150
  export const ColorUiFontQuote = "#000000";
148
151
  export const ColorUiFontTooltip = "#000000";
149
- export const FontFamilyHead = "DM Sans";
152
+ export const ColorUiFontAvatar = "#ffffff";
153
+ export const FontFamilyHead = "Lato";
150
154
  export const FontFamilyBody = "Lato";
151
155
  export const FontFamilyMono = "Azeret Mono";
152
156
  export const FontWeightHead = 500;
package/dist/scss/_variables.scss CHANGED
@@ -149,16 +149,20 @@ $cat-asset-font-dm-sans-woff2-bold: "DMSans-Bold.woff2" !default;
149
149
  $cat-asset-font-dm-sans-name: "DM Sans" !default;
150
150
  $cat-font-family-mono: var(--cat-font-family-mono, $cat-asset-font-azeret-mono-name) !default;
151
151
  $cat-font-family-body: var(--cat-font-family-body, $cat-asset-font-lato-name) !default;
152
- $cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-dm-sans-name) !default;
152
+ $cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-lato-name) !default;
153
+ $cat-color-ui-font-avatar: $cat-color-base-neutral-0 !default;
153
154
  $cat-color-ui-font-tooltip: $cat-color-base-neutral-900 !default;
154
155
  $cat-color-ui-font-muted: var(--cat-font-color-muted, $cat-color-base-neutral-400) !default;
155
156
  $cat-color-ui-font-mono: var(--cat-font-color-mono, $cat-color-base-neutral-900) !default;
156
157
  $cat-color-ui-font-body: var(--cat-font-color-body, $cat-color-base-neutral-900) !default;
157
158
  $cat-color-ui-font-head: var(--cat-font-color-head, $cat-color-base-neutral-900) !default;
159
+ $cat-color-ui-border-active-tab: $cat-color-base-brand-400 !default;
160
+ $cat-color-ui-border-tabs: $cat-color-base-neutral-300 !default;
158
161
  $cat-color-ui-border-input: $cat-color-base-neutral-300 !default;
159
162
  $cat-color-ui-border-dark: $cat-color-base-neutral-300 !default;
160
163
  $cat-color-ui-border-default: $cat-color-base-neutral-200 !default;
161
164
  $cat-color-ui-border-light: $cat-color-base-neutral-100 !default;
165
+ $cat-color-ui-background-avatar: $cat-color-base-neutral-400 !default;
162
166
  $cat-color-ui-background-tooltip: $cat-color-base-neutral-0 !default;
163
167
  $cat-color-ui-background-skeleton-highlight: $cat-color-base-neutral-300 !default;
164
168
  $cat-color-ui-background-skeleton: $cat-color-base-neutral-200 !default;
@@ -384,14 +388,17 @@ $tokens: (
384
388
  'inputDisabled': $cat-color-ui-background-input-disabled,
385
389
  'skeleton': $cat-color-ui-background-skeleton,
386
390
  'skeletonHighlight': $cat-color-ui-background-skeleton-highlight,
387
- 'tooltip': $cat-color-ui-background-tooltip
391
+ 'tooltip': $cat-color-ui-background-tooltip,
392
+ 'avatar': $cat-color-ui-background-avatar
388
393
  ),
389
394
  'border': (
390
395
  'light': $cat-color-ui-border-light,
391
396
  'default': $cat-color-ui-border-default,
392
397
  'dark': $cat-color-ui-border-dark,
393
398
  'focus': $cat-color-ui-border-focus,
394
- 'input': $cat-color-ui-border-input
399
+ 'input': $cat-color-ui-border-input,
400
+ 'tabs': $cat-color-ui-border-tabs,
401
+ 'activeTab': $cat-color-ui-border-active-tab
395
402
  ),
396
403
  'font': (
397
404
  'head': $cat-color-ui-font-head,
@@ -399,7 +406,8 @@ $tokens: (
399
406
  'mono': $cat-color-ui-font-mono,
400
407
  'muted': $cat-color-ui-font-muted,
401
408
  'quote': $cat-color-ui-font-quote,
402
- 'tooltip': $cat-color-ui-font-tooltip
409
+ 'tooltip': $cat-color-ui-font-tooltip,
410
+ 'avatar': $cat-color-ui-font-avatar
403
411
  )
404
412
  )
405
413
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haiilo/catalyst-tokens",
3
- "version": "0.5.13",
3
+ "version": "0.7.0",
4
4
  "description": "Design tokens for Catalyst Design System",
5
5
  "license": "MIT",
6
6
  "repository": {