@haiilo/catalyst-tokens 0.11.0 → 0.14.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.
- package/dist/css/_variables.css +7 -7
- package/dist/js/_variables.d.ts +5 -5
- package/dist/js/_variables.js +7 -7
- package/dist/scss/_variables.scss +15 -15
- package/package.json +1 -1
package/dist/css/_variables.css
CHANGED
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
--cat-color-ui-background-input-disabled: 248, 248, 251;
|
|
136
136
|
--cat-color-ui-background-skeleton: 235, 236, 240;
|
|
137
137
|
--cat-color-ui-background-skeleton-highlight: 215, 219, 224;
|
|
138
|
-
--cat-color-ui-background-tooltip:
|
|
138
|
+
--cat-color-ui-background-tooltip: 0, 0, 0;
|
|
139
139
|
--cat-color-ui-background-avatar: 105, 118, 135;
|
|
140
140
|
--cat-color-ui-background-modal-body: 255, 255, 255;
|
|
141
141
|
--cat-color-ui-background-modal-wrapper: 0, 0, 0;
|
|
@@ -151,8 +151,13 @@
|
|
|
151
151
|
--cat-color-ui-font-mono: 0, 0, 0;
|
|
152
152
|
--cat-color-ui-font-muted: 105, 118, 135;
|
|
153
153
|
--cat-color-ui-font-quote: 0, 0, 0;
|
|
154
|
-
--cat-color-ui-font-tooltip:
|
|
154
|
+
--cat-color-ui-font-tooltip: 255, 255, 255;
|
|
155
155
|
--cat-color-ui-font-avatar: 255, 255, 255;
|
|
156
|
+
--cat-color-ui-font-alert-primary: 32, 127, 138;
|
|
157
|
+
--cat-color-ui-font-alert-secondary: 105, 118, 135;
|
|
158
|
+
--cat-color-ui-font-alert-success: 0, 132, 88;
|
|
159
|
+
--cat-color-ui-font-alert-warning: 235, 182, 99;
|
|
160
|
+
--cat-color-ui-font-alert-danger: 217, 52, 13;
|
|
156
161
|
--cat-font-family-head: Lato;
|
|
157
162
|
--cat-font-family-body: Lato;
|
|
158
163
|
--cat-font-family-mono: Azeret Mono;
|
|
@@ -175,11 +180,6 @@
|
|
|
175
180
|
--cat-size-badge-font-m: 13px;
|
|
176
181
|
--cat-size-badge-font-s: 12px;
|
|
177
182
|
--cat-size-badge-font-xs: 12px;
|
|
178
|
-
--cat-size-base-xl: 3.5rem;
|
|
179
|
-
--cat-size-base-l: 3rem;
|
|
180
|
-
--cat-size-base-m: 2.5rem;
|
|
181
|
-
--cat-size-base-s: 2rem;
|
|
182
|
-
--cat-size-base-xs: 1.5rem;
|
|
183
183
|
--cat-size-border-radius-l: 0.5rem;
|
|
184
184
|
--cat-size-border-radius-m: 0.25rem;
|
|
185
185
|
--cat-size-border-radius-s: 0.125rem;
|
package/dist/js/_variables.d.ts
CHANGED
|
@@ -152,6 +152,11 @@ export const ColorUiFontMuted : string;
|
|
|
152
152
|
export const ColorUiFontQuote : string;
|
|
153
153
|
export const ColorUiFontTooltip : string;
|
|
154
154
|
export const ColorUiFontAvatar : string;
|
|
155
|
+
export const ColorUiFontAlertPrimary : string;
|
|
156
|
+
export const ColorUiFontAlertSecondary : string;
|
|
157
|
+
export const ColorUiFontAlertSuccess : string;
|
|
158
|
+
export const ColorUiFontAlertWarning : string;
|
|
159
|
+
export const ColorUiFontAlertDanger : string;
|
|
155
160
|
export const FontFamilyHead : string;
|
|
156
161
|
export const FontFamilyBody : string;
|
|
157
162
|
export const FontFamilyMono : string;
|
|
@@ -174,11 +179,6 @@ export const SizeBadgeFontL : string;
|
|
|
174
179
|
export const SizeBadgeFontM : string;
|
|
175
180
|
export const SizeBadgeFontS : string;
|
|
176
181
|
export const SizeBadgeFontXs : string;
|
|
177
|
-
export const SizeBaseXl : string;
|
|
178
|
-
export const SizeBaseL : string;
|
|
179
|
-
export const SizeBaseM : string;
|
|
180
|
-
export const SizeBaseS : string;
|
|
181
|
-
export const SizeBaseXs : string;
|
|
182
182
|
export const SizeBorderRadiusL : string;
|
|
183
183
|
export const SizeBorderRadiusM : string;
|
|
184
184
|
export const SizeBorderRadiusS : string;
|
package/dist/js/_variables.js
CHANGED
|
@@ -134,7 +134,7 @@ export const ColorUiBackgroundInput = "#ffffff";
|
|
|
134
134
|
export const ColorUiBackgroundInputDisabled = "#f8f8fb";
|
|
135
135
|
export const ColorUiBackgroundSkeleton = "#ebecf0";
|
|
136
136
|
export const ColorUiBackgroundSkeletonHighlight = "#d7dbe0";
|
|
137
|
-
export const ColorUiBackgroundTooltip = "#
|
|
137
|
+
export const ColorUiBackgroundTooltip = "#000000";
|
|
138
138
|
export const ColorUiBackgroundAvatar = "#697687";
|
|
139
139
|
export const ColorUiBackgroundModalBody = "#ffffff";
|
|
140
140
|
export const ColorUiBackgroundModalWrapper = "#000000";
|
|
@@ -150,8 +150,13 @@ export const ColorUiFontBody = "#000000";
|
|
|
150
150
|
export const ColorUiFontMono = "#000000";
|
|
151
151
|
export const ColorUiFontMuted = "#697687";
|
|
152
152
|
export const ColorUiFontQuote = "#000000";
|
|
153
|
-
export const ColorUiFontTooltip = "#
|
|
153
|
+
export const ColorUiFontTooltip = "#ffffff";
|
|
154
154
|
export const ColorUiFontAvatar = "#ffffff";
|
|
155
|
+
export const ColorUiFontAlertPrimary = "#207f8a";
|
|
156
|
+
export const ColorUiFontAlertSecondary = "#697687";
|
|
157
|
+
export const ColorUiFontAlertSuccess = "#008458";
|
|
158
|
+
export const ColorUiFontAlertWarning = "#ebb663";
|
|
159
|
+
export const ColorUiFontAlertDanger = "#d9340d";
|
|
155
160
|
export const FontFamilyHead = "Lato";
|
|
156
161
|
export const FontFamilyBody = "Lato";
|
|
157
162
|
export const FontFamilyMono = "Azeret Mono";
|
|
@@ -174,11 +179,6 @@ export const SizeBadgeFontL = "15rem";
|
|
|
174
179
|
export const SizeBadgeFontM = "13rem";
|
|
175
180
|
export const SizeBadgeFontS = "12rem";
|
|
176
181
|
export const SizeBadgeFontXs = "12rem";
|
|
177
|
-
export const SizeBaseXl = "3.5rem";
|
|
178
|
-
export const SizeBaseL = "3rem";
|
|
179
|
-
export const SizeBaseM = "2.5rem";
|
|
180
|
-
export const SizeBaseS = "2rem";
|
|
181
|
-
export const SizeBaseXs = "1.5rem";
|
|
182
182
|
export const SizeBorderRadiusL = "0.5rem";
|
|
183
183
|
export const SizeBorderRadiusM = "0.25rem";
|
|
184
184
|
export const SizeBorderRadiusS = "0.125rem";
|
|
@@ -60,11 +60,6 @@ $cat-size-font-head-1: 1.75rem !default;
|
|
|
60
60
|
$cat-size-border-radius-s: 0.125rem !default;
|
|
61
61
|
$cat-size-border-radius-m: 0.25rem !default;
|
|
62
62
|
$cat-size-border-radius-l: 0.5rem !default;
|
|
63
|
-
$cat-size-base-xs: 1.5rem !default;
|
|
64
|
-
$cat-size-base-s: 2rem !default;
|
|
65
|
-
$cat-size-base-m: 2.5rem !default;
|
|
66
|
-
$cat-size-base-l: 3rem !default;
|
|
67
|
-
$cat-size-base-xl: 3.5rem !default;
|
|
68
63
|
$cat-size-badge-font-xs: 12px !default;
|
|
69
64
|
$cat-size-badge-font-s: 12px !default;
|
|
70
65
|
$cat-size-badge-font-m: 13px !default;
|
|
@@ -168,8 +163,13 @@ $cat-asset-font-dm-sans-name: "DM Sans" !default;
|
|
|
168
163
|
$cat-font-family-mono: var(--cat-font-family-mono, $cat-asset-font-azeret-mono-name) !default;
|
|
169
164
|
$cat-font-family-body: var(--cat-font-family-body, $cat-asset-font-lato-name) !default;
|
|
170
165
|
$cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-lato-name) !default;
|
|
166
|
+
$cat-color-ui-font-alert-danger: $cat-color-base-red-400 !default;
|
|
167
|
+
$cat-color-ui-font-alert-warning: $cat-color-base-orange-400 !default;
|
|
168
|
+
$cat-color-ui-font-alert-success: $cat-color-base-green-400 !default;
|
|
169
|
+
$cat-color-ui-font-alert-secondary: $cat-color-base-neutral-400 !default;
|
|
170
|
+
$cat-color-ui-font-alert-primary: $cat-color-base-brand-400 !default;
|
|
171
171
|
$cat-color-ui-font-avatar: $cat-color-base-neutral-0 !default;
|
|
172
|
-
$cat-color-ui-font-tooltip: $cat-color-base-neutral-
|
|
172
|
+
$cat-color-ui-font-tooltip: $cat-color-base-neutral-0 !default;
|
|
173
173
|
$cat-color-ui-font-muted: var(--cat-font-color-muted, $cat-color-base-neutral-400) !default;
|
|
174
174
|
$cat-color-ui-font-mono: var(--cat-font-color-mono, $cat-color-base-neutral-900) !default;
|
|
175
175
|
$cat-color-ui-font-body: var(--cat-font-color-body, $cat-color-base-neutral-900) !default;
|
|
@@ -183,7 +183,7 @@ $cat-color-ui-border-light: $cat-color-base-neutral-100 !default;
|
|
|
183
183
|
$cat-color-ui-background-modal-wrapper: $cat-color-base-neutral-900 !default;
|
|
184
184
|
$cat-color-ui-background-modal-body: $cat-color-base-neutral-0 !default;
|
|
185
185
|
$cat-color-ui-background-avatar: $cat-color-base-neutral-400 !default;
|
|
186
|
-
$cat-color-ui-background-tooltip: $cat-color-base-neutral-
|
|
186
|
+
$cat-color-ui-background-tooltip: $cat-color-base-neutral-900 !default;
|
|
187
187
|
$cat-color-ui-background-skeleton-highlight: $cat-color-base-neutral-300 !default;
|
|
188
188
|
$cat-color-ui-background-skeleton: $cat-color-base-neutral-200 !default;
|
|
189
189
|
$cat-color-ui-background-input-disabled: $cat-color-base-neutral-100 !default;
|
|
@@ -431,7 +431,14 @@ $tokens: (
|
|
|
431
431
|
'muted': $cat-color-ui-font-muted,
|
|
432
432
|
'quote': $cat-color-ui-font-quote,
|
|
433
433
|
'tooltip': $cat-color-ui-font-tooltip,
|
|
434
|
-
'avatar': $cat-color-ui-font-avatar
|
|
434
|
+
'avatar': $cat-color-ui-font-avatar,
|
|
435
|
+
'alert': (
|
|
436
|
+
'primary': $cat-color-ui-font-alert-primary,
|
|
437
|
+
'secondary': $cat-color-ui-font-alert-secondary,
|
|
438
|
+
'success': $cat-color-ui-font-alert-success,
|
|
439
|
+
'warning': $cat-color-ui-font-alert-warning,
|
|
440
|
+
'danger': $cat-color-ui-font-alert-danger
|
|
441
|
+
)
|
|
435
442
|
)
|
|
436
443
|
)
|
|
437
444
|
),
|
|
@@ -476,13 +483,6 @@ $tokens: (
|
|
|
476
483
|
'xs': $cat-size-badge-font-xs
|
|
477
484
|
)
|
|
478
485
|
),
|
|
479
|
-
'base': (
|
|
480
|
-
'xl': $cat-size-base-xl,
|
|
481
|
-
'l': $cat-size-base-l,
|
|
482
|
-
'm': $cat-size-base-m,
|
|
483
|
-
's': $cat-size-base-s,
|
|
484
|
-
'xs': $cat-size-base-xs
|
|
485
|
-
),
|
|
486
486
|
'border': (
|
|
487
487
|
'radius': (
|
|
488
488
|
'l': $cat-size-border-radius-l,
|