@haiilo/catalyst-tokens 6.5.0 → 7.0.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 (9) hide show
  1. package/dist/css/variables.css +2 -6
  2. package/dist/export/figma.json +2 -18
  3. package/dist/export/theme.json +1 -9
  4. package/dist/export/zeroheight.json +2 -18
  5. package/dist/js/variables.d.ts +2 -6
  6. package/dist/js/variables.js +2 -6
  7. package/dist/json/variables.json +2 -6
  8. package/dist/scss/_variables.scss +4 -12
  9. package/package.json +1 -1
package/dist/css/variables.css CHANGED
@@ -164,12 +164,8 @@
164
164
  --cat-color-ui-border-dark: 215, 219, 224;
165
165
  --cat-color-ui-border-focus: 0, 113, 255;
166
166
  --cat-color-ui-border-quote: 105, 118, 135;
167
- --cat-color-ui-font-head: 0, 0, 0;
168
- --cat-color-ui-font-head-inverted: 255, 255, 255;
169
- --cat-color-ui-font-body: 0, 0, 0;
170
- --cat-color-ui-font-body-inverted: 255, 255, 255;
171
- --cat-color-ui-font-mono: 0, 0, 0;
172
- --cat-color-ui-font-mono-inverted: 255, 255, 255;
167
+ --cat-color-ui-font-base: 0, 0, 0;
168
+ --cat-color-ui-font-base-inverted: 255, 255, 255;
173
169
  --cat-color-ui-font-muted: 81, 92, 108;
174
170
  --cat-color-ui-font-quote: 81, 92, 108;
175
171
  --cat-color-ui-font-tooltip: 255, 255, 255;
package/dist/export/figma.json CHANGED
@@ -514,27 +514,11 @@
514
514
  }
515
515
  },
516
516
  "font": {
517
- "head": {
517
+ "base": {
518
518
  "$type": "color",
519
519
  "$value": "#000000"
520
520
  },
521
- "headInverted": {
522
- "$type": "color",
523
- "$value": "#ffffff"
524
- },
525
- "body": {
526
- "$type": "color",
527
- "$value": "#000000"
528
- },
529
- "bodyInverted": {
530
- "$type": "color",
531
- "$value": "#ffffff"
532
- },
533
- "mono": {
534
- "$type": "color",
535
- "$value": "#000000"
536
- },
537
- "monoInverted": {
521
+ "baseInverted": {
538
522
  "$type": "color",
539
523
  "$value": "#ffffff"
540
524
  },
package/dist/export/theme.json CHANGED
@@ -207,15 +207,7 @@
207
207
  "$type": "color",
208
208
  "$value": "#0071ff"
209
209
  },
210
- "font-color-head": {
211
- "$type": "color",
212
- "$value": "#000000"
213
- },
214
- "font-color-body": {
215
- "$type": "color",
216
- "$value": "#000000"
217
- },
218
- "font-color-mono": {
210
+ "font-color-base": {
219
211
  "$type": "color",
220
212
  "$value": "#000000"
221
213
  },
package/dist/export/zeroheight.json CHANGED
@@ -692,27 +692,11 @@
692
692
  }
693
693
  },
694
694
  "font": {
695
- "head": {
695
+ "base": {
696
696
  "$type": "color",
697
697
  "$value": "#000000"
698
698
  },
699
- "headInverted": {
700
- "$type": "color",
701
- "$value": "#ffffff"
702
- },
703
- "body": {
704
- "$type": "color",
705
- "$value": "#000000"
706
- },
707
- "bodyInverted": {
708
- "$type": "color",
709
- "$value": "#ffffff"
710
- },
711
- "mono": {
712
- "$type": "color",
713
- "$value": "#000000"
714
- },
715
- "monoInverted": {
699
+ "baseInverted": {
716
700
  "$type": "color",
717
701
  "$value": "#ffffff"
718
702
  },
package/dist/js/variables.d.ts CHANGED
@@ -163,12 +163,8 @@ export const colorUiBorderDefault : string;
163
163
  export const colorUiBorderDark : string;
164
164
  export const colorUiBorderFocus : string;
165
165
  export const colorUiBorderQuote : string;
166
- export const colorUiFontHead : string;
167
- export const colorUiFontHeadInverted : string;
168
- export const colorUiFontBody : string;
169
- export const colorUiFontBodyInverted : string;
170
- export const colorUiFontMono : string;
171
- export const colorUiFontMonoInverted : string;
166
+ export const colorUiFontBase : string;
167
+ export const colorUiFontBaseInverted : string;
172
168
  export const colorUiFontMuted : string;
173
169
  export const colorUiFontQuote : string;
174
170
  export const colorUiFontTooltip : string;
package/dist/js/variables.js CHANGED
@@ -163,12 +163,8 @@ export const colorUiBorderDefault = "#ebecf0";
163
163
  export const colorUiBorderDark = "#d7dbe0";
164
164
  export const colorUiBorderFocus = "#0071ff";
165
165
  export const colorUiBorderQuote = "#697687";
166
- export const colorUiFontHead = "#000000";
167
- export const colorUiFontHeadInverted = "#ffffff";
168
- export const colorUiFontBody = "#000000";
169
- export const colorUiFontBodyInverted = "#ffffff";
170
- export const colorUiFontMono = "#000000";
171
- export const colorUiFontMonoInverted = "#ffffff";
166
+ export const colorUiFontBase = "#000000";
167
+ export const colorUiFontBaseInverted = "#ffffff";
172
168
  export const colorUiFontMuted = "#515c6c";
173
169
  export const colorUiFontQuote = "#515c6c";
174
170
  export const colorUiFontTooltip = "#ffffff";
package/dist/json/variables.json CHANGED
@@ -209,12 +209,8 @@
209
209
  "quote": "#697687"
210
210
  },
211
211
  "font": {
212
- "head": "#000000",
213
- "headInverted": "#ffffff",
214
- "body": "#000000",
215
- "bodyInverted": "#ffffff",
216
- "mono": "#000000",
217
- "monoInverted": "#ffffff",
212
+ "base": "#000000",
213
+ "baseInverted": "#ffffff",
218
214
  "muted": "#515c6c",
219
215
  "quote": "#515c6c",
220
216
  "tooltip": "#ffffff"
package/dist/scss/_variables.scss CHANGED
@@ -165,12 +165,8 @@ $cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-lato-name) !d
165
165
  $cat-color-ui-font-tooltip: var(--cat-font-color-tooltip, $cat-color-base-white) !default;
166
166
  $cat-color-ui-font-quote: var(--cat-font-color-quote, $cat-color-base-neutral-500) !default;
167
167
  $cat-color-ui-font-muted: var(--cat-font-color-muted, $cat-color-base-neutral-500) !default;
168
- $cat-color-ui-font-mono-inverted: $cat-color-base-white !default;
169
- $cat-color-ui-font-mono: var(--cat-font-color-mono, $cat-color-base-black) !default;
170
- $cat-color-ui-font-body-inverted: $cat-color-base-white !default;
171
- $cat-color-ui-font-body: var(--cat-font-color-body, $cat-color-base-black) !default;
172
- $cat-color-ui-font-head-inverted: $cat-color-base-white !default;
173
- $cat-color-ui-font-head: var(--cat-font-color-head, $cat-color-base-black) !default;
168
+ $cat-color-ui-font-base-inverted: $cat-color-base-white !default;
169
+ $cat-color-ui-font-base: var(--cat-font-color-base, $cat-color-base-black) !default;
174
170
  $cat-color-ui-border-quote: $cat-color-base-neutral-400 !default;
175
171
  $cat-color-ui-border-dark: var(--cat-border-color-dark, $cat-color-base-neutral-300) !default;
176
172
  $cat-color-ui-border-default: var(--cat-border-color, $cat-color-base-neutral-200) !default;
@@ -459,12 +455,8 @@ $tokens: (
459
455
  'quote': $cat-color-ui-border-quote
460
456
  ),
461
457
  'font': (
462
- 'head': $cat-color-ui-font-head,
463
- 'headInverted': $cat-color-ui-font-head-inverted,
464
- 'body': $cat-color-ui-font-body,
465
- 'bodyInverted': $cat-color-ui-font-body-inverted,
466
- 'mono': $cat-color-ui-font-mono,
467
- 'monoInverted': $cat-color-ui-font-mono-inverted,
458
+ 'base': $cat-color-ui-font-base,
459
+ 'baseInverted': $cat-color-ui-font-base-inverted,
468
460
  'muted': $cat-color-ui-font-muted,
469
461
  'quote': $cat-color-ui-font-quote,
470
462
  'tooltip': $cat-color-ui-font-tooltip
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haiilo/catalyst-tokens",
3
- "version": "6.5.0",
3
+ "version": "7.0.0",
4
4
  "description": "Design tokens for Catalyst Design System",
5
5
  "license": "MIT",
6
6
  "repository": {