@haiilo/catalyst-tokens 0.3.2 → 0.4.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 +3 -0
  2. package/dist/js/_variables.d.ts +3 -0
  3. package/dist/js/_variables.js +3 -0
  4. package/dist/scss/_variables.scss +9 -3
  5. package/package.json +2 -2
package/dist/css/_variables.css CHANGED
@@ -134,6 +134,7 @@
134
134
  --cat-color-ui-background-notification: 217, 52, 13;
135
135
  --cat-color-ui-background-skeleton: 235, 236, 240;
136
136
  --cat-color-ui-background-skeleton-highlight: 215, 219, 224;
137
+ --cat-color-ui-background-tooltip: 0, 0, 0;
137
138
  --cat-color-ui-border-default: 235, 236, 240;
138
139
  --cat-color-ui-border-dark: 215, 219, 224;
139
140
  --cat-color-ui-border-focus: 0, 113, 255;
@@ -143,6 +144,7 @@
143
144
  --cat-color-ui-font-muted: 105, 118, 135;
144
145
  --cat-color-ui-font-quote: 0, 0, 0;
145
146
  --cat-color-ui-font-quote-source: 105, 118, 135;
147
+ --cat-color-ui-font-tooltip: 255, 255, 255;
146
148
  --cat-font-family-head: DM Sans;
147
149
  --cat-font-family-body: Lato;
148
150
  --cat-font-family-mono: Azeret Mono;
@@ -150,6 +152,7 @@
150
152
  --cat-font-weight-body: 400;
151
153
  --cat-font-weight-mono: 400;
152
154
  --cat-opacity-disabled: 0.65;
155
+ --cat-opacity-tooltip: 0.7;
153
156
  --cat-size-base-xl: 3.5rem;
154
157
  --cat-size-base-l: 3rem;
155
158
  --cat-size-base-m: 2.5rem;
package/dist/js/_variables.d.ts CHANGED
@@ -133,6 +133,7 @@ export const ColorUiBackgroundInteraction : string;
133
133
  export const ColorUiBackgroundNotification : string;
134
134
  export const ColorUiBackgroundSkeleton : string;
135
135
  export const ColorUiBackgroundSkeletonHighlight : string;
136
+ export const ColorUiBackgroundTooltip : string;
136
137
  export const ColorUiBorderDefault : string;
137
138
  export const ColorUiBorderDark : string;
138
139
  export const ColorUiBorderFocus : string;
@@ -142,6 +143,7 @@ export const ColorUiFontMono : string;
142
143
  export const ColorUiFontMuted : string;
143
144
  export const ColorUiFontQuote : string;
144
145
  export const ColorUiFontQuoteSource : string;
146
+ export const ColorUiFontTooltip : string;
145
147
  export const FontFamilyHead : string;
146
148
  export const FontFamilyBody : string;
147
149
  export const FontFamilyMono : string;
@@ -149,6 +151,7 @@ export const FontWeightHead : number;
149
151
  export const FontWeightBody : number;
150
152
  export const FontWeightMono : number;
151
153
  export const OpacityDisabled : number;
154
+ export const OpacityTooltip : number;
152
155
  export const SizeBaseXl : string;
153
156
  export const SizeBaseL : string;
154
157
  export const SizeBaseM : string;
package/dist/js/_variables.js CHANGED
@@ -133,6 +133,7 @@ export const ColorUiBackgroundInteraction = "#207f8a";
133
133
  export const ColorUiBackgroundNotification = "#d9340d";
134
134
  export const ColorUiBackgroundSkeleton = "#ebecf0";
135
135
  export const ColorUiBackgroundSkeletonHighlight = "#d7dbe0";
136
+ export const ColorUiBackgroundTooltip = "#000000";
136
137
  export const ColorUiBorderDefault = "#ebecf0";
137
138
  export const ColorUiBorderDark = "#d7dbe0";
138
139
  export const ColorUiBorderFocus = "#0071ff";
@@ -142,6 +143,7 @@ export const ColorUiFontMono = "#000000";
142
143
  export const ColorUiFontMuted = "#697687";
143
144
  export const ColorUiFontQuote = "#000000";
144
145
  export const ColorUiFontQuoteSource = "#697687";
146
+ export const ColorUiFontTooltip = "#ffffff";
145
147
  export const FontFamilyHead = "DM Sans";
146
148
  export const FontFamilyBody = "Lato";
147
149
  export const FontFamilyMono = "Azeret Mono";
@@ -149,6 +151,7 @@ export const FontWeightHead = 500;
149
151
  export const FontWeightBody = 400;
150
152
  export const FontWeightMono = 400;
151
153
  export const OpacityDisabled = 0.65;
154
+ export const OpacityTooltip = 0.7;
152
155
  export const SizeBaseXl = "3.5rem";
153
156
  export const SizeBaseL = "3rem";
154
157
  export const SizeBaseM = "2.5rem";
package/dist/scss/_variables.scss CHANGED
@@ -53,6 +53,7 @@ $cat-size-base-s: 2rem !default;
53
53
  $cat-size-base-m: 2.5rem !default;
54
54
  $cat-size-base-l: 3rem !default;
55
55
  $cat-size-base-xl: 3.5rem !default;
56
+ $cat-opacity-tooltip: 0.7 !default;
56
57
  $cat-opacity-disabled: 0.65 !default;
57
58
  $cat-font-weight-mono: var(--cat-font-weight-mono, 400) !default;
58
59
  $cat-font-weight-body: var(--cat-font-weight-body, 400) !default;
@@ -151,12 +152,14 @@ $cat-size-font-mono-xl: $cat-size-font-body-xl !default;
151
152
  $cat-font-family-mono: var(--cat-font-family-mono, $cat-asset-font-azeret-mono-name) !default;
152
153
  $cat-font-family-body: var(--cat-font-family-body, $cat-asset-font-lato-name) !default;
153
154
  $cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-dm-sans-name) !default;
155
+ $cat-color-ui-font-tooltip: $cat-color-base-neutral-0 !default;
154
156
  $cat-color-ui-font-muted: var(--cat-font-color-muted, $cat-color-base-neutral-400) !default;
155
157
  $cat-color-ui-font-mono: var(--cat-font-color-mono, $cat-color-base-neutral-900) !default;
156
158
  $cat-color-ui-font-body: var(--cat-font-color-body, $cat-color-base-neutral-900) !default;
157
159
  $cat-color-ui-font-head: var(--cat-font-color-head, $cat-color-base-neutral-900) !default;
158
160
  $cat-color-ui-border-dark: $cat-color-base-neutral-300 !default;
159
161
  $cat-color-ui-border-default: $cat-color-base-neutral-200 !default;
162
+ $cat-color-ui-background-tooltip: $cat-color-base-neutral-900 !default;
160
163
  $cat-color-ui-background-skeleton-highlight: $cat-color-base-neutral-300 !default;
161
164
  $cat-color-ui-background-skeleton: $cat-color-base-neutral-200 !default;
162
165
  $cat-color-ui-background-notification: $cat-color-base-red-400 !default;
@@ -379,7 +382,8 @@ $tokens: (
379
382
  'interaction': $cat-color-ui-background-interaction,
380
383
  'notification': $cat-color-ui-background-notification,
381
384
  'skeleton': $cat-color-ui-background-skeleton,
382
- 'skeletonHighlight': $cat-color-ui-background-skeleton-highlight
385
+ 'skeletonHighlight': $cat-color-ui-background-skeleton-highlight,
386
+ 'tooltip': $cat-color-ui-background-tooltip
383
387
  ),
384
388
  'border': (
385
389
  'default': $cat-color-ui-border-default,
@@ -392,7 +396,8 @@ $tokens: (
392
396
  'mono': $cat-color-ui-font-mono,
393
397
  'muted': $cat-color-ui-font-muted,
394
398
  'quote': $cat-color-ui-font-quote,
395
- 'quoteSource': $cat-color-ui-font-quote-source
399
+ 'quoteSource': $cat-color-ui-font-quote-source,
400
+ 'tooltip': $cat-color-ui-font-tooltip
396
401
  )
397
402
  )
398
403
  ),
@@ -409,7 +414,8 @@ $tokens: (
409
414
  )
410
415
  ),
411
416
  'opacity': (
412
- 'disabled': $cat-opacity-disabled
417
+ 'disabled': $cat-opacity-disabled,
418
+ 'tooltip': $cat-opacity-tooltip
413
419
  ),
414
420
  'size': (
415
421
  'base': (
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haiilo/catalyst-tokens",
3
- "version": "0.3.2",
3
+ "version": "0.4.0",
4
4
  "description": "Design tokens for Catalyst Design System",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -24,5 +24,5 @@
24
24
  "style-dictionary": "^3.1.1",
25
25
  "tinycolor2": "^1.4.2"
26
26
  },
27
- "gitHead": "d92c9c04b6f78b1a0072b9e5c7334b39ca92de8d"
27
+ "gitHead": "281ac5d06460e618cd9af149b480667d3cbc917d"
28
28
  }