@haiilo/catalyst-tokens 0.1.1 → 0.1.2
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 +5 -6
- package/dist/js/_variables.d.ts +4 -5
- package/dist/js/_variables.js +5 -6
- package/dist/scss/_variables.scss +12 -14
- package/package.json +1 -1
package/dist/css/_variables.css
CHANGED
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
--cat-color-theme-secondary-fill: 0, 0, 0;
|
|
100
100
|
--cat-color-theme-secondary-fill-hover: 0, 0, 0;
|
|
101
101
|
--cat-color-theme-secondary-fill-active: 0, 0, 0;
|
|
102
|
-
--cat-color-theme-secondary-text:
|
|
102
|
+
--cat-color-theme-secondary-text: 0, 0, 0;
|
|
103
103
|
--cat-color-theme-secondary-text-hover: 0, 0, 0;
|
|
104
104
|
--cat-color-theme-secondary-text-active: 0, 0, 0;
|
|
105
105
|
--cat-color-theme-success-bg: 0, 132, 88;
|
|
@@ -136,11 +136,10 @@
|
|
|
136
136
|
--cat-color-ui-border-default: 235, 236, 240;
|
|
137
137
|
--cat-color-ui-border-dark: 215, 219, 224;
|
|
138
138
|
--cat-color-ui-border-focus: 0, 113, 255;
|
|
139
|
-
--cat-color-ui-font-
|
|
140
|
-
--cat-color-ui-font-
|
|
141
|
-
--cat-color-ui-font-
|
|
142
|
-
--cat-color-ui-font-
|
|
143
|
-
--cat-color-ui-font-danger: 217, 52, 13;
|
|
139
|
+
--cat-color-ui-font-head: 0, 0, 0;
|
|
140
|
+
--cat-color-ui-font-body: 0, 0, 0;
|
|
141
|
+
--cat-color-ui-font-mono: 0, 0, 0;
|
|
142
|
+
--cat-color-ui-font-muted: 105, 118, 135;
|
|
144
143
|
--cat-color-ui-font-quote: 0, 0, 0;
|
|
145
144
|
--cat-color-ui-font-quote-source: 105, 118, 135;
|
|
146
145
|
--cat-font-family-head: DM Sans;
|
package/dist/js/_variables.d.ts
CHANGED
|
@@ -135,11 +135,10 @@ export const ColorUiBackgroundNotification : string;
|
|
|
135
135
|
export const ColorUiBorderDefault : string;
|
|
136
136
|
export const ColorUiBorderDark : string;
|
|
137
137
|
export const ColorUiBorderFocus : string;
|
|
138
|
-
export const
|
|
139
|
-
export const
|
|
140
|
-
export const
|
|
141
|
-
export const
|
|
142
|
-
export const ColorUiFontDanger : string;
|
|
138
|
+
export const ColorUiFontHead : string;
|
|
139
|
+
export const ColorUiFontBody : string;
|
|
140
|
+
export const ColorUiFontMono : string;
|
|
141
|
+
export const ColorUiFontMuted : string;
|
|
143
142
|
export const ColorUiFontQuote : string;
|
|
144
143
|
export const ColorUiFontQuoteSource : string;
|
|
145
144
|
export const FontFamilyHead : string;
|
package/dist/js/_variables.js
CHANGED
|
@@ -98,7 +98,7 @@ export const ColorThemeSecondaryBgActive = "#ebecf0";
|
|
|
98
98
|
export const ColorThemeSecondaryFill = "#000000";
|
|
99
99
|
export const ColorThemeSecondaryFillHover = "#000000";
|
|
100
100
|
export const ColorThemeSecondaryFillActive = "#000000";
|
|
101
|
-
export const ColorThemeSecondaryText = "#
|
|
101
|
+
export const ColorThemeSecondaryText = "#000000";
|
|
102
102
|
export const ColorThemeSecondaryTextHover = "#000000";
|
|
103
103
|
export const ColorThemeSecondaryTextActive = "#000000";
|
|
104
104
|
export const ColorThemeSuccessBg = "#008458";
|
|
@@ -135,11 +135,10 @@ export const ColorUiBackgroundNotification = "#d9340d";
|
|
|
135
135
|
export const ColorUiBorderDefault = "#ebecf0";
|
|
136
136
|
export const ColorUiBorderDark = "#d7dbe0";
|
|
137
137
|
export const ColorUiBorderFocus = "#0071ff";
|
|
138
|
-
export const
|
|
139
|
-
export const
|
|
140
|
-
export const
|
|
141
|
-
export const
|
|
142
|
-
export const ColorUiFontDanger = "#d9340d";
|
|
138
|
+
export const ColorUiFontHead = "#000000";
|
|
139
|
+
export const ColorUiFontBody = "#000000";
|
|
140
|
+
export const ColorUiFontMono = "#000000";
|
|
141
|
+
export const ColorUiFontMuted = "#697687";
|
|
143
142
|
export const ColorUiFontQuote = "#000000";
|
|
144
143
|
export const ColorUiFontQuoteSource = "#697687";
|
|
145
144
|
export const FontFamilyHead = "DM Sans";
|
|
@@ -152,14 +152,16 @@ $cat-size-font-mono-xl: $cat-size-font-body-xl !default;
|
|
|
152
152
|
$cat-font-family-mono: var(--cat-font-family-mono, $cat-asset-font-azeret-mono-name) !default;
|
|
153
153
|
$cat-font-family-body: var(--cat-font-family-body, $cat-asset-font-lato-name) !default;
|
|
154
154
|
$cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-dm-sans-name) !default;
|
|
155
|
-
$cat-color-ui-font-
|
|
156
|
-
$cat-color-ui-font-
|
|
155
|
+
$cat-color-ui-font-muted: var(--cat-font-color-muted, $cat-color-base-neutral-400) !default;
|
|
156
|
+
$cat-color-ui-font-mono: var(--cat-font-color-mono, $cat-color-base-neutral-900) !default;
|
|
157
|
+
$cat-color-ui-font-body: var(--cat-font-color-body, $cat-color-base-neutral-900) !default;
|
|
158
|
+
$cat-color-ui-font-head: var(--cat-font-color-head, $cat-color-base-neutral-900) !default;
|
|
157
159
|
$cat-color-ui-border-dark: $cat-color-base-neutral-300 !default;
|
|
158
160
|
$cat-color-ui-border-default: $cat-color-base-neutral-200 !default;
|
|
159
161
|
$cat-color-ui-background-notification: $cat-color-base-red-400 !default;
|
|
160
162
|
$cat-color-ui-background-interaction: $cat-color-base-brand-400 !default;
|
|
161
163
|
$cat-color-ui-background-body: $cat-color-base-neutral-0 !default;
|
|
162
|
-
$cat-color-ui-background-canvas: $cat-color-base-neutral-100 !default;
|
|
164
|
+
$cat-color-ui-background-canvas: var(--cat-bg, $cat-color-base-neutral-100) !default;
|
|
163
165
|
$cat-color-theme-danger-text-active: $cat-color-base-red-600 !default;
|
|
164
166
|
$cat-color-theme-danger-text-hover: $cat-color-base-red-500 !default;
|
|
165
167
|
$cat-color-theme-danger-text: $cat-color-base-red-400 !default;
|
|
@@ -189,7 +191,7 @@ $cat-color-theme-success-bg-hover: $cat-color-base-green-500 !default;
|
|
|
189
191
|
$cat-color-theme-success-bg: $cat-color-base-green-400 !default;
|
|
190
192
|
$cat-color-theme-secondary-text-active: $cat-color-base-neutral-900 !default;
|
|
191
193
|
$cat-color-theme-secondary-text-hover: $cat-color-base-neutral-900 !default;
|
|
192
|
-
$cat-color-theme-secondary-text: $cat-color-base-neutral-
|
|
194
|
+
$cat-color-theme-secondary-text: $cat-color-base-neutral-900 !default;
|
|
193
195
|
$cat-color-theme-secondary-fill-active: $cat-color-base-neutral-900 !default;
|
|
194
196
|
$cat-color-theme-secondary-fill-hover: $cat-color-base-neutral-900 !default;
|
|
195
197
|
$cat-color-theme-secondary-fill: $cat-color-base-neutral-900 !default;
|
|
@@ -205,11 +207,8 @@ $cat-color-theme-primary-fill: var(--cat-primary-fill, $cat-color-base-neutral-0
|
|
|
205
207
|
$cat-color-theme-primary-bg-active: var(--cat-primary-bg-active, $cat-color-base-brand-600) !default;
|
|
206
208
|
$cat-color-theme-primary-bg-hover: var(--cat-primary-bg-hover, $cat-color-base-brand-500) !default;
|
|
207
209
|
$cat-color-theme-primary-bg: var(--cat-primary-bg, $cat-color-base-brand-400) !default;
|
|
208
|
-
$cat-color-ui-font-quote-source: $cat-color-ui-font-
|
|
209
|
-
$cat-color-ui-font-quote: $cat-color-ui-font-
|
|
210
|
-
$cat-color-ui-font-danger: $cat-color-theme-danger-text !default;
|
|
211
|
-
$cat-color-ui-font-warning: $cat-color-theme-warning-text !default;
|
|
212
|
-
$cat-color-ui-font-success: $cat-color-theme-success-text !default;
|
|
210
|
+
$cat-color-ui-font-quote-source: $cat-color-ui-font-muted !default;
|
|
211
|
+
$cat-color-ui-font-quote: $cat-color-ui-font-body !default;
|
|
213
212
|
|
|
214
213
|
$tokens: (
|
|
215
214
|
'asset': (
|
|
@@ -386,11 +385,10 @@ $tokens: (
|
|
|
386
385
|
'focus': $cat-color-ui-border-focus
|
|
387
386
|
),
|
|
388
387
|
'font': (
|
|
389
|
-
'
|
|
390
|
-
'
|
|
391
|
-
'
|
|
392
|
-
'
|
|
393
|
-
'danger': $cat-color-ui-font-danger,
|
|
388
|
+
'head': $cat-color-ui-font-head,
|
|
389
|
+
'body': $cat-color-ui-font-body,
|
|
390
|
+
'mono': $cat-color-ui-font-mono,
|
|
391
|
+
'muted': $cat-color-ui-font-muted,
|
|
394
392
|
'quote': $cat-color-ui-font-quote,
|
|
395
393
|
'quoteSource': $cat-color-ui-font-quote-source
|
|
396
394
|
)
|