@haiilo/catalyst-tokens 0.5.12 → 0.6.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
CHANGED
|
@@ -136,6 +136,7 @@
|
|
|
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;
|
|
@@ -147,7 +148,8 @@
|
|
|
147
148
|
--cat-color-ui-font-muted: 105, 118, 135;
|
|
148
149
|
--cat-color-ui-font-quote: 0, 0, 0;
|
|
149
150
|
--cat-color-ui-font-tooltip: 0, 0, 0;
|
|
150
|
-
--cat-font-
|
|
151
|
+
--cat-color-ui-font-avatar: 255, 255, 255;
|
|
152
|
+
--cat-font-family-head: Lato;
|
|
151
153
|
--cat-font-family-body: Lato;
|
|
152
154
|
--cat-font-family-mono: Azeret Mono;
|
|
153
155
|
--cat-font-weight-head: 500;
|
package/dist/js/_variables.d.ts
CHANGED
|
@@ -135,6 +135,7 @@ 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;
|
|
@@ -146,6 +147,7 @@ export const ColorUiFontMono : string;
|
|
|
146
147
|
export const ColorUiFontMuted : string;
|
|
147
148
|
export const ColorUiFontQuote : string;
|
|
148
149
|
export const ColorUiFontTooltip : string;
|
|
150
|
+
export const ColorUiFontAvatar : string;
|
|
149
151
|
export const FontFamilyHead : string;
|
|
150
152
|
export const FontFamilyBody : string;
|
|
151
153
|
export const FontFamilyMono : string;
|
package/dist/js/_variables.js
CHANGED
|
@@ -135,6 +135,7 @@ 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";
|
|
@@ -146,7 +147,8 @@ export const ColorUiFontMono = "#000000";
|
|
|
146
147
|
export const ColorUiFontMuted = "#697687";
|
|
147
148
|
export const ColorUiFontQuote = "#000000";
|
|
148
149
|
export const ColorUiFontTooltip = "#000000";
|
|
149
|
-
export const
|
|
150
|
+
export const ColorUiFontAvatar = "#ffffff";
|
|
151
|
+
export const FontFamilyHead = "Lato";
|
|
150
152
|
export const FontFamilyBody = "Lato";
|
|
151
153
|
export const FontFamilyMono = "Azeret Mono";
|
|
152
154
|
export const FontWeightHead = 500;
|
|
@@ -149,7 +149,8 @@ $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-
|
|
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;
|
|
@@ -159,6 +160,7 @@ $cat-color-ui-border-input: $cat-color-base-neutral-300 !default;
|
|
|
159
160
|
$cat-color-ui-border-dark: $cat-color-base-neutral-300 !default;
|
|
160
161
|
$cat-color-ui-border-default: $cat-color-base-neutral-200 !default;
|
|
161
162
|
$cat-color-ui-border-light: $cat-color-base-neutral-100 !default;
|
|
163
|
+
$cat-color-ui-background-avatar: $cat-color-base-neutral-400 !default;
|
|
162
164
|
$cat-color-ui-background-tooltip: $cat-color-base-neutral-0 !default;
|
|
163
165
|
$cat-color-ui-background-skeleton-highlight: $cat-color-base-neutral-300 !default;
|
|
164
166
|
$cat-color-ui-background-skeleton: $cat-color-base-neutral-200 !default;
|
|
@@ -384,7 +386,8 @@ $tokens: (
|
|
|
384
386
|
'inputDisabled': $cat-color-ui-background-input-disabled,
|
|
385
387
|
'skeleton': $cat-color-ui-background-skeleton,
|
|
386
388
|
'skeletonHighlight': $cat-color-ui-background-skeleton-highlight,
|
|
387
|
-
'tooltip': $cat-color-ui-background-tooltip
|
|
389
|
+
'tooltip': $cat-color-ui-background-tooltip,
|
|
390
|
+
'avatar': $cat-color-ui-background-avatar
|
|
388
391
|
),
|
|
389
392
|
'border': (
|
|
390
393
|
'light': $cat-color-ui-border-light,
|
|
@@ -399,7 +402,8 @@ $tokens: (
|
|
|
399
402
|
'mono': $cat-color-ui-font-mono,
|
|
400
403
|
'muted': $cat-color-ui-font-muted,
|
|
401
404
|
'quote': $cat-color-ui-font-quote,
|
|
402
|
-
'tooltip': $cat-color-ui-font-tooltip
|
|
405
|
+
'tooltip': $cat-color-ui-font-tooltip,
|
|
406
|
+
'avatar': $cat-color-ui-font-avatar
|
|
403
407
|
)
|
|
404
408
|
)
|
|
405
409
|
),
|