@haiilo/catalyst-tokens 1.0.2 → 1.1.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
|
@@ -137,6 +137,7 @@
|
|
|
137
137
|
--cat-color-ui-background-skeleton-highlight: 215, 219, 224;
|
|
138
138
|
--cat-color-ui-background-tooltip: 0, 0, 0;
|
|
139
139
|
--cat-color-ui-background-backdrop: 0, 0, 0;
|
|
140
|
+
--cat-color-ui-background-select-pill: 242, 244, 247;
|
|
140
141
|
--cat-color-ui-border-light: 248, 248, 251;
|
|
141
142
|
--cat-color-ui-border-default: 235, 236, 240;
|
|
142
143
|
--cat-color-ui-border-dark: 215, 219, 224;
|
package/dist/js/_variables.d.ts
CHANGED
|
@@ -136,6 +136,7 @@ export const ColorUiBackgroundSkeleton : string;
|
|
|
136
136
|
export const ColorUiBackgroundSkeletonHighlight : string;
|
|
137
137
|
export const ColorUiBackgroundTooltip : string;
|
|
138
138
|
export const ColorUiBackgroundBackdrop : string;
|
|
139
|
+
export const ColorUiBackgroundSelectPill : string;
|
|
139
140
|
export const ColorUiBorderLight : string;
|
|
140
141
|
export const ColorUiBorderDefault : string;
|
|
141
142
|
export const ColorUiBorderDark : string;
|
package/dist/js/_variables.js
CHANGED
|
@@ -136,6 +136,7 @@ export const ColorUiBackgroundSkeleton = "#ebecf0";
|
|
|
136
136
|
export const ColorUiBackgroundSkeletonHighlight = "#d7dbe0";
|
|
137
137
|
export const ColorUiBackgroundTooltip = "#000000";
|
|
138
138
|
export const ColorUiBackgroundBackdrop = "#000000";
|
|
139
|
+
export const ColorUiBackgroundSelectPill = "#f2f4f7";
|
|
139
140
|
export const ColorUiBorderLight = "#f8f8fb";
|
|
140
141
|
export const ColorUiBorderDefault = "#ebecf0";
|
|
141
142
|
export const ColorUiBorderDark = "#d7dbe0";
|
|
@@ -66,6 +66,7 @@ $cat-font-weight-mono: var(--cat-font-weight-mono, 400) !default;
|
|
|
66
66
|
$cat-font-weight-body: var(--cat-font-weight-body, 400) !default;
|
|
67
67
|
$cat-font-weight-head: var(--cat-font-weight-head, 500) !default;
|
|
68
68
|
$cat-color-ui-border-focus: var(--cat-border-color-focus, 0, 113, 255) !default;
|
|
69
|
+
$cat-color-ui-background-select-pill: 242, 244, 247 !default;
|
|
69
70
|
$cat-color-base-red-700: 158, 38, 9 !default;
|
|
70
71
|
$cat-color-base-red-600: 174, 42, 10 !default;
|
|
71
72
|
$cat-color-base-red-500: 194, 46, 11 !default;
|
|
@@ -384,7 +385,10 @@ $tokens: (
|
|
|
384
385
|
'skeleton': $cat-color-ui-background-skeleton,
|
|
385
386
|
'skeletonHighlight': $cat-color-ui-background-skeleton-highlight,
|
|
386
387
|
'tooltip': $cat-color-ui-background-tooltip,
|
|
387
|
-
'backdrop': $cat-color-ui-background-backdrop
|
|
388
|
+
'backdrop': $cat-color-ui-background-backdrop,
|
|
389
|
+
'select': (
|
|
390
|
+
'pill': $cat-color-ui-background-select-pill
|
|
391
|
+
)
|
|
388
392
|
),
|
|
389
393
|
'border': (
|
|
390
394
|
'light': $cat-color-ui-border-light,
|