@haiilo/catalyst-tokens 2.1.3 → 2.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.
package/dist/css/variables.css
CHANGED
|
@@ -168,6 +168,7 @@
|
|
|
168
168
|
--cat-color-ui-border-default: 235, 236, 240;
|
|
169
169
|
--cat-color-ui-border-dark: 215, 219, 224;
|
|
170
170
|
--cat-color-ui-border-focus: 0, 113, 255;
|
|
171
|
+
--cat-color-ui-border-quote: 105, 118, 135;
|
|
171
172
|
--cat-color-ui-font-head: 0, 0, 0;
|
|
172
173
|
--cat-color-ui-font-head-dark: 255, 255, 255;
|
|
173
174
|
--cat-color-ui-font-body: 0, 0, 0;
|
package/dist/js/variables.d.ts
CHANGED
|
@@ -167,6 +167,7 @@ export const colorUiBorderLight : string;
|
|
|
167
167
|
export const colorUiBorderDefault : string;
|
|
168
168
|
export const colorUiBorderDark : string;
|
|
169
169
|
export const colorUiBorderFocus : string;
|
|
170
|
+
export const colorUiBorderQuote : string;
|
|
170
171
|
export const colorUiFontHead : string;
|
|
171
172
|
export const colorUiFontHeadDark : string;
|
|
172
173
|
export const colorUiFontBody : string;
|
package/dist/js/variables.js
CHANGED
|
@@ -167,6 +167,7 @@ export const colorUiBorderLight = "#f2f4f7";
|
|
|
167
167
|
export const colorUiBorderDefault = "#ebecf0";
|
|
168
168
|
export const colorUiBorderDark = "#d7dbe0";
|
|
169
169
|
export const colorUiBorderFocus = "#0071ff";
|
|
170
|
+
export const colorUiBorderQuote = "#697687";
|
|
170
171
|
export const colorUiFontHead = "#000000";
|
|
171
172
|
export const colorUiFontHeadDark = "#ffffff";
|
|
172
173
|
export const colorUiFontBody = "#000000";
|
|
@@ -72,7 +72,6 @@ $cat-font-weight-body: var(--cat-font-weight-body, 400) !default;
|
|
|
72
72
|
$cat-font-weight-head: var(--cat-font-weight-head, 500) !default;
|
|
73
73
|
$cat-font-family-emoji: var(--cat-font-family-emoji, '') !default;
|
|
74
74
|
$cat-color-ui-border-focus: var(--cat-border-color-focus, 0, 113, 255) !default;
|
|
75
|
-
$cat-color-ui-background-select-pill: 242, 244, 247 !default;
|
|
76
75
|
$cat-color-base-red-700: 158, 38, 9 !default;
|
|
77
76
|
$cat-color-base-red-600: 174, 42, 10 !default;
|
|
78
77
|
$cat-color-base-red-500: 194, 46, 11 !default;
|
|
@@ -172,9 +171,11 @@ $cat-color-ui-font-body-dark: $cat-color-base-white !default;
|
|
|
172
171
|
$cat-color-ui-font-body: var(--cat-font-color-body, $cat-color-base-black) !default;
|
|
173
172
|
$cat-color-ui-font-head-dark: $cat-color-base-white !default;
|
|
174
173
|
$cat-color-ui-font-head: var(--cat-font-color-head, $cat-color-base-black) !default;
|
|
174
|
+
$cat-color-ui-border-quote: $cat-color-base-neutral-400 !default;
|
|
175
175
|
$cat-color-ui-border-dark: var(--cat-border-color-dark, $cat-color-base-neutral-300) !default;
|
|
176
176
|
$cat-color-ui-border-default: var(--cat-border-color, $cat-color-base-neutral-200) !default;
|
|
177
177
|
$cat-color-ui-border-light: var(--cat-border-color-light, $cat-color-base-neutral-100) !default;
|
|
178
|
+
$cat-color-ui-background-select-pill: $cat-color-base-neutral-100 !default;
|
|
178
179
|
$cat-color-ui-background-backdrop: var(--cat-bg-backdrop, $cat-color-base-black) !default;
|
|
179
180
|
$cat-color-ui-background-tooltip: var(--cat-bg-tooltip, $cat-color-base-black) !default;
|
|
180
181
|
$cat-color-ui-background-skeleton-highlight: $cat-color-base-neutral-300 !default;
|
|
@@ -463,7 +464,8 @@ $tokens: (
|
|
|
463
464
|
'light': $cat-color-ui-border-light,
|
|
464
465
|
'default': $cat-color-ui-border-default,
|
|
465
466
|
'dark': $cat-color-ui-border-dark,
|
|
466
|
-
'focus': $cat-color-ui-border-focus
|
|
467
|
+
'focus': $cat-color-ui-border-focus,
|
|
468
|
+
'quote': $cat-color-ui-border-quote
|
|
467
469
|
),
|
|
468
470
|
'font': (
|
|
469
471
|
'head': $cat-color-ui-font-head,
|