@haiilo/catalyst-tokens 0.1.5 → 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 -2
  2. package/dist/js/_variables.d.ts +3 -2
  3. package/dist/js/_variables.js +3 -2
  4. package/dist/scss/_variables.scss +9 -7
  5. package/package.json +2 -7
package/dist/css/_variables.css CHANGED
@@ -131,11 +131,10 @@
131
131
  --cat-color-ui-background-canvas: 248, 248, 251;
132
132
  --cat-color-ui-background-body: 255, 255, 255;
133
133
  --cat-color-ui-background-interaction: 32, 127, 138;
134
- --cat-color-ui-background-input: 255, 255, 255;
135
- --cat-color-ui-background-input-prefix: 235, 236, 240;
136
134
  --cat-color-ui-background-notification: 217, 52, 13;
137
135
  --cat-color-ui-background-skeleton: 235, 236, 240;
138
136
  --cat-color-ui-background-skeleton-highlight: 215, 219, 224;
137
+ --cat-color-ui-background-tooltip: 0, 0, 0;
139
138
  --cat-color-ui-border-default: 235, 236, 240;
140
139
  --cat-color-ui-border-dark: 215, 219, 224;
141
140
  --cat-color-ui-border-focus: 0, 113, 255;
@@ -145,6 +144,7 @@
145
144
  --cat-color-ui-font-muted: 105, 118, 135;
146
145
  --cat-color-ui-font-quote: 0, 0, 0;
147
146
  --cat-color-ui-font-quote-source: 105, 118, 135;
147
+ --cat-color-ui-font-tooltip: 255, 255, 255;
148
148
  --cat-font-family-head: DM Sans;
149
149
  --cat-font-family-body: Lato;
150
150
  --cat-font-family-mono: Azeret Mono;
@@ -152,6 +152,7 @@
152
152
  --cat-font-weight-body: 400;
153
153
  --cat-font-weight-mono: 400;
154
154
  --cat-opacity-disabled: 0.65;
155
+ --cat-opacity-tooltip: 0.7;
155
156
  --cat-size-base-xl: 3.5rem;
156
157
  --cat-size-base-l: 3rem;
157
158
  --cat-size-base-m: 2.5rem;
package/dist/js/_variables.d.ts CHANGED
@@ -130,11 +130,10 @@ export const ColorThemeDangerTextActive : string;
130
130
  export const ColorUiBackgroundCanvas : string;
131
131
  export const ColorUiBackgroundBody : string;
132
132
  export const ColorUiBackgroundInteraction : string;
133
- export const ColorUiBackgroundInput : string;
134
- export const ColorUiBackgroundInputPrefix : string;
135
133
  export const ColorUiBackgroundNotification : string;
136
134
  export const ColorUiBackgroundSkeleton : string;
137
135
  export const ColorUiBackgroundSkeletonHighlight : string;
136
+ export const ColorUiBackgroundTooltip : string;
138
137
  export const ColorUiBorderDefault : string;
139
138
  export const ColorUiBorderDark : string;
140
139
  export const ColorUiBorderFocus : string;
@@ -144,6 +143,7 @@ export const ColorUiFontMono : string;
144
143
  export const ColorUiFontMuted : string;
145
144
  export const ColorUiFontQuote : string;
146
145
  export const ColorUiFontQuoteSource : string;
146
+ export const ColorUiFontTooltip : string;
147
147
  export const FontFamilyHead : string;
148
148
  export const FontFamilyBody : string;
149
149
  export const FontFamilyMono : string;
@@ -151,6 +151,7 @@ export const FontWeightHead : number;
151
151
  export const FontWeightBody : number;
152
152
  export const FontWeightMono : number;
153
153
  export const OpacityDisabled : number;
154
+ export const OpacityTooltip : number;
154
155
  export const SizeBaseXl : string;
155
156
  export const SizeBaseL : string;
156
157
  export const SizeBaseM : string;
package/dist/js/_variables.js CHANGED
@@ -130,11 +130,10 @@ export const ColorThemeDangerTextActive = "#ae2a0a";
130
130
  export const ColorUiBackgroundCanvas = "#f8f8fb";
131
131
  export const ColorUiBackgroundBody = "#ffffff";
132
132
  export const ColorUiBackgroundInteraction = "#207f8a";
133
- export const ColorUiBackgroundInput = "#ffffff";
134
- export const ColorUiBackgroundInputPrefix = "#ebecf0";
135
133
  export const ColorUiBackgroundNotification = "#d9340d";
136
134
  export const ColorUiBackgroundSkeleton = "#ebecf0";
137
135
  export const ColorUiBackgroundSkeletonHighlight = "#d7dbe0";
136
+ export const ColorUiBackgroundTooltip = "#000000";
138
137
  export const ColorUiBorderDefault = "#ebecf0";
139
138
  export const ColorUiBorderDark = "#d7dbe0";
140
139
  export const ColorUiBorderFocus = "#0071ff";
@@ -144,6 +143,7 @@ export const ColorUiFontMono = "#000000";
144
143
  export const ColorUiFontMuted = "#697687";
145
144
  export const ColorUiFontQuote = "#000000";
146
145
  export const ColorUiFontQuoteSource = "#697687";
146
+ export const ColorUiFontTooltip = "#ffffff";
147
147
  export const FontFamilyHead = "DM Sans";
148
148
  export const FontFamilyBody = "Lato";
149
149
  export const FontFamilyMono = "Azeret Mono";
@@ -151,6 +151,7 @@ export const FontWeightHead = 500;
151
151
  export const FontWeightBody = 400;
152
152
  export const FontWeightMono = 400;
153
153
  export const OpacityDisabled = 0.65;
154
+ export const OpacityTooltip = 0.7;
154
155
  export const SizeBaseXl = "3.5rem";
155
156
  export const SizeBaseL = "3rem";
156
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,17 +152,17 @@ $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;
163
- $cat-color-ui-background-input-prefix: $cat-color-base-neutral-200 !default;
164
- $cat-color-ui-background-input: $cat-color-base-neutral-0 !default;
165
166
  $cat-color-ui-background-interaction: $cat-color-base-brand-400 !default;
166
167
  $cat-color-ui-background-body: $cat-color-base-neutral-0 !default;
167
168
  $cat-color-ui-background-canvas: var(--cat-bg, $cat-color-base-neutral-100) !default;
@@ -379,11 +380,10 @@ $tokens: (
379
380
  'canvas': $cat-color-ui-background-canvas,
380
381
  'body': $cat-color-ui-background-body,
381
382
  'interaction': $cat-color-ui-background-interaction,
382
- 'input': $cat-color-ui-background-input,
383
- 'inputPrefix': $cat-color-ui-background-input-prefix,
384
383
  'notification': $cat-color-ui-background-notification,
385
384
  'skeleton': $cat-color-ui-background-skeleton,
386
- 'skeletonHighlight': $cat-color-ui-background-skeleton-highlight
385
+ 'skeletonHighlight': $cat-color-ui-background-skeleton-highlight,
386
+ 'tooltip': $cat-color-ui-background-tooltip
387
387
  ),
388
388
  'border': (
389
389
  'default': $cat-color-ui-border-default,
@@ -396,7 +396,8 @@ $tokens: (
396
396
  'mono': $cat-color-ui-font-mono,
397
397
  'muted': $cat-color-ui-font-muted,
398
398
  'quote': $cat-color-ui-font-quote,
399
- 'quoteSource': $cat-color-ui-font-quote-source
399
+ 'quoteSource': $cat-color-ui-font-quote-source,
400
+ 'tooltip': $cat-color-ui-font-tooltip
400
401
  )
401
402
  )
402
403
  ),
@@ -413,7 +414,8 @@ $tokens: (
413
414
  )
414
415
  ),
415
416
  'opacity': (
416
- 'disabled': $cat-opacity-disabled
417
+ 'disabled': $cat-opacity-disabled,
418
+ 'tooltip': $cat-opacity-tooltip
417
419
  ),
418
420
  'size': (
419
421
  'base': (
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haiilo/catalyst-tokens",
3
- "version": "0.1.5",
3
+ "version": "0.4.0",
4
4
  "description": "Design tokens for Catalyst Design System",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -17,17 +17,12 @@
17
17
  "scripts": {
18
18
  "prebuild": "npm run clean",
19
19
  "build": "style-dictionary build --config config.js",
20
- "release": "standard-version",
21
- "release:patch": "standard-version -t @haiilo/catalyst-tokens/v --release-as patch",
22
- "release:minor": "standard-version -t @haiilo/catalyst-tokens/v --release-as minor",
23
- "release:major": "standard-version -t @haiilo/catalyst-tokens/v --release-as major",
24
20
  "clean": "rm -rf ./dist",
25
21
  "reset": "rm -rf ./dist ./node_modules"
26
22
  },
27
23
  "devDependencies": {
28
- "standard-version": "^9.3.2",
29
24
  "style-dictionary": "^3.1.1",
30
25
  "tinycolor2": "^1.4.2"
31
26
  },
32
- "gitHead": "3bd083786a1df0a2de5b5d4a5eb557b44fb97800"
27
+ "gitHead": "281ac5d06460e618cd9af149b480667d3cbc917d"
33
28
  }