@haiilo/catalyst-tokens 14.5.3 → 14.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.
Files changed (10) hide show
  1. package/dist/css/variables-hex.css +48 -42
  2. package/dist/css/variables.css +48 -42
  3. package/dist/export/figma.json +72 -48
  4. package/dist/export/theme.json +24 -0
  5. package/dist/export/zeroheight.json +24 -0
  6. package/dist/js/variables.d.ts +262 -256
  7. package/dist/js/variables.js +6 -0
  8. package/dist/json/variables.json +6 -0
  9. package/dist/scss/_variables.scss +266 -254
  10. package/package.json +6 -5
package/dist/json/variables.json CHANGED
@@ -123,6 +123,7 @@
123
123
  "bg": "#008194",
124
124
  "bgHover": "#017384",
125
125
  "bgActive": "#026371",
126
+ "bgOutlined": "#ffffff",
126
127
  "fill": "#ffffff",
127
128
  "fillHover": "#ffffff",
128
129
  "fillActive": "#ffffff",
@@ -145,6 +146,7 @@
145
146
  "bg": "#697687",
146
147
  "bgHover": "#697687",
147
148
  "bgActive": "#697687",
149
+ "bgOutlined": "#ffffff",
148
150
  "fill": "#ffffff",
149
151
  "fillHover": "#ffffff",
150
152
  "fillActive": "#ffffff",
@@ -167,6 +169,7 @@
167
169
  "bg": "#0073e6",
168
170
  "bgHover": "#006be3",
169
171
  "bgActive": "#0060df",
172
+ "bgOutlined": "#ffffff",
170
173
  "fill": "#ffffff",
171
174
  "fillHover": "#ffffff",
172
175
  "fillActive": "#ffffff",
@@ -178,6 +181,7 @@
178
181
  "bg": "#008458",
179
182
  "bgHover": "#00754e",
180
183
  "bgActive": "#006946",
184
+ "bgOutlined": "#ffffff",
181
185
  "fill": "#ffffff",
182
186
  "fillHover": "#ffffff",
183
187
  "fillActive": "#ffffff",
@@ -189,6 +193,7 @@
189
193
  "bg": "#ffce80",
190
194
  "bgHover": "#ffd694",
191
195
  "bgActive": "#ffdea8",
196
+ "bgOutlined": "#ffffff",
192
197
  "fill": "#000000",
193
198
  "fillHover": "#000000",
194
199
  "fillActive": "#000000",
@@ -200,6 +205,7 @@
200
205
  "bg": "#d9340d",
201
206
  "bgHover": "#c22e0b",
202
207
  "bgActive": "#ae2a0a",
208
+ "bgOutlined": "#ffffff",
203
209
  "fill": "#ffffff",
204
210
  "fillHover": "#ffffff",
205
211
  "fillActive": "#ffffff",
package/dist/scss/_variables.scss CHANGED
@@ -3,262 +3,268 @@
3
3
  * Auto-generated file. Do not edit directly.
4
4
  */
5
5
 
6
- $cat-z-index-tooltip: 200 !default;
7
- $cat-z-index-dropdown: 100 !default;
8
- $cat-z-index-base: var(--cat-z-index, 1000) !default;
9
- $cat-time-duration-s: 250ms !default;
10
- $cat-time-duration-m: 500ms !default;
11
- $cat-time-duration-l: 1000ms !default;
12
- $cat-time-delay-s: 125ms !default;
13
- $cat-time-delay-m: 250ms !default;
14
- $cat-time-delay-l: 500ms !default;
15
- $cat-time-transition-s: 125ms !default;
16
- $cat-time-transition-m: 250ms !default;
17
- $cat-time-transition-l: 500ms !default;
18
- $cat-size-spacing-xs: 0.25rem !default;
19
- $cat-size-spacing-s: 0.5rem !default;
20
- $cat-size-spacing-m: 1rem !default;
21
- $cat-size-spacing-l: 1.5rem !default;
22
- $cat-size-spacing-xl: 2rem !default;
23
- $cat-size-screen-xl: 1400px !default;
24
- $cat-size-screen-l: 1200px !default;
25
- $cat-size-screen-m: 992px !default;
26
- $cat-size-screen-s: 768px !default;
27
- $cat-size-screen-xs: 540px !default;
28
- $cat-size-modal-l: 800px !default;
29
- $cat-size-modal-m: 600px !default;
30
- $cat-size-modal-s: 400px !default;
31
- $cat-size-line-mono-xs: 0.875rem !default;
32
- $cat-size-line-mono-s: 1rem !default;
33
- $cat-size-line-mono-m: 1.125rem !default;
34
- $cat-size-line-mono-l: 1.25rem !default;
35
- $cat-size-line-mono-xl: 1.5rem !default;
36
- $cat-size-line-body-xs: 1rem !default;
37
- $cat-size-line-body-s: 1.125rem !default;
38
- $cat-size-line-body-m: 1.25rem !default;
39
- $cat-size-line-body-l: 1.5rem !default;
40
- $cat-size-line-body-xl: 1.5rem !default;
41
- $cat-size-line-head-6: 1rem !default;
42
- $cat-size-line-head-5: 1.25rem !default;
43
- $cat-size-line-head-4: 1.5rem !default;
44
- $cat-size-line-head-3: 1.5rem !default;
45
- $cat-size-line-head-2: 1.75rem !default;
46
- $cat-size-line-head-1: 2rem !default;
47
- $cat-size-font-mono-xs: 0.625rem !default;
48
- $cat-size-font-mono-s: 0.75rem !default;
49
- $cat-size-font-mono-m: 0.875rem !default;
50
- $cat-size-font-mono-l: 0.9375rem !default;
51
- $cat-size-font-mono-xl: 1.125rem !default;
52
- $cat-size-font-body-xs: 0.75rem !default;
53
- $cat-size-font-body-s: 0.875rem !default;
54
- $cat-size-font-body-m: 0.9375rem !default;
55
- $cat-size-font-body-l: 1.125rem !default;
56
- $cat-size-font-body-xl: 1.25rem !default;
57
- $cat-size-font-head-6: 0.875rem !default;
58
- $cat-size-font-head-5: 0.9375rem !default;
59
- $cat-size-font-head-4: 1.125rem !default;
60
- $cat-size-font-head-3: 1.25rem !default;
61
- $cat-size-font-head-2: 1.5rem !default;
62
- $cat-size-font-head-1: 1.75rem !default;
63
- $cat-size-border-radius-s: var(--cat-border-radius-s, 0.125rem) !default;
64
- $cat-size-border-radius-m: var(--cat-border-radius-m, 0.25rem) !default;
65
- $cat-size-border-radius-l: var(--cat-border-radius-l, 0.5rem) !default;
66
- $cat-opacity-tooltip: var(--cat-opacity-tooltip, 1) !default;
67
- $cat-opacity-backdrop: var(--cat-opacity-backdrop, 0.4) !default;
68
- $cat-opacity-disabled: var(--cat-opacity-disabled, 0.65) !default;
69
- $cat-font-decoration-link-button-hover: var(--cat-link-button-decoration-hover, underline) !default;
70
- $cat-font-decoration-link-button: var(--cat-link-button-decoration, none) !default;
71
- $cat-font-decoration-link-hover: var(--cat-link-decoration-hover, underline) !default;
72
- $cat-font-decoration-link: var(--cat-link-decoration, none) !default;
73
- $cat-font-weight-mono: var(--cat-font-weight-mono, 400) !default;
74
- $cat-font-weight-body: var(--cat-font-weight-body, 400) !default;
75
- $cat-font-weight-head: var(--cat-font-weight-head, 600) !default;
76
- $cat-font-family-emoji: var(--cat-font-family-emoji, '') !default;
77
- $cat-font-family-mono: var(--cat-font-family-mono, '') !default;
78
- $cat-color-ui-border-card: var(--cat-border-color-card, 0, 0, 0, 0) !default;
79
- $cat-color-ui-border-focus: var(--cat-border-color-focus, 0, 113, 255) !default;
80
- $cat-color-ui-background-input-autofill: 232, 240, 254 !default;
81
- $cat-color-base-red-700: 158, 38, 9 !default;
82
- $cat-color-base-red-600: 174, 42, 10 !default;
83
- $cat-color-base-red-500: 194, 46, 11 !default;
84
- $cat-color-base-red-400: 217, 52, 13 !default;
85
- $cat-color-base-red-300: 244, 106, 73 !default;
86
- $cat-color-base-red-200: 246, 131, 104 !default;
87
- $cat-color-base-red-100: 251, 199, 187 !default;
88
- $cat-color-base-orange-700: 159, 97, 0 !default;
89
- $cat-color-base-orange-600: 176, 133, 62 !default;
90
- $cat-color-base-orange-500: 214, 167, 90 !default;
91
- $cat-color-base-orange-400: 235, 182, 99 !default;
92
- $cat-color-base-orange-300: 255, 206, 128 !default;
93
- $cat-color-base-orange-200: 255, 214, 148 !default;
94
- $cat-color-base-orange-100: 255, 222, 168 !default;
95
- $cat-color-base-green-700: 0, 95, 64 !default;
96
- $cat-color-base-green-600: 0, 105, 70 !default;
97
- $cat-color-base-green-500: 0, 117, 78 !default;
98
- $cat-color-base-green-400: 0, 132, 88 !default;
99
- $cat-color-base-green-300: 0, 170, 113 !default;
100
- $cat-color-base-green-200: 0, 187, 125 !default;
101
- $cat-color-base-green-100: 212, 237, 228 !default;
102
- $cat-color-base-blue-700: 0, 67, 213 !default;
103
- $cat-color-base-blue-600: 0, 96, 223 !default;
104
- $cat-color-base-blue-500: 0, 107, 227 !default;
105
- $cat-color-base-blue-400: 0, 115, 230 !default;
106
- $cat-color-base-blue-300: 38, 136, 234 !default;
107
- $cat-color-base-blue-200: 128, 185, 243 !default;
108
- $cat-color-base-blue-100: 179, 213, 248 !default;
109
- $cat-color-base-brand-inverted-600: 147, 180, 242 !default;
110
- $cat-color-base-brand-inverted-500: 147, 180, 242 !default;
111
- $cat-color-base-brand-inverted-400: 147, 180, 242 !default;
112
- $cat-color-base-brand-700: 23, 91, 99 !default;
113
- $cat-color-base-brand-600: 2, 99, 113 !default;
114
- $cat-color-base-brand-500: 1, 115, 132 !default;
115
- $cat-color-base-brand-400: 0, 129, 148 !default;
116
- $cat-color-base-brand-300: 41, 163, 177 !default;
117
- $cat-color-base-brand-200: 45, 179, 195 !default;
118
- $cat-color-base-brand-100: 201, 229, 232 !default;
119
- $cat-color-base-neutral-inverted-400: 105, 118, 135 !default;
120
- $cat-color-base-neutral-700: 27, 31, 38 !default;
121
- $cat-color-base-neutral-600: 57, 66, 81 !default;
122
- $cat-color-base-neutral-500: 81, 92, 108 !default;
123
- $cat-color-base-neutral-400: 105, 118, 135 !default;
124
- $cat-color-base-neutral-300: 215, 219, 224 !default;
125
- $cat-color-base-neutral-200: 235, 236, 240 !default;
126
- $cat-color-base-neutral-100: 242, 244, 247 !default;
127
- $cat-color-base-black: 0, 0, 0 !default;
128
- $cat-color-base-white: 255, 255, 255 !default;
129
- $cat-asset-font-ss3v-woff2: "SourceSans3VF-Upright.ttf.woff2" !default;
130
- $cat-asset-font-ss3v-woff: "SourceSans3VF-Upright.ttf.woff" !default;
131
- $cat-asset-font-ss3v-name: "Source Sans 3" !default;
132
- $cat-asset-font-azeret-mono-woff2-regular: "AzeretMono-Regular.woff2" !default;
133
- $cat-asset-font-azeret-mono-name: "Azeret Mono" !default;
134
- $cat-asset-font-lato-woff2-thin-italic: "Lato-ThinItalic.woff2" !default;
135
- $cat-asset-font-lato-woff-thin-italic: "Lato-ThinItalic.woff" !default;
136
- $cat-asset-font-lato-woff2-thin: "Lato-Thin.woff2" !default;
137
- $cat-asset-font-lato-woff-thin: "Lato-Thin.woff" !default;
138
- $cat-asset-font-lato-woff2-semibold-italic: "Lato-SemiboldItalic.woff2" !default;
139
- $cat-asset-font-lato-woff-semibold-italic: "Lato-SemiboldItalic.woff" !default;
140
- $cat-asset-font-lato-woff2-semibold: "Lato-Semibold.woff2" !default;
141
- $cat-asset-font-lato-woff-semibold: "Lato-Semibold.woff" !default;
142
- $cat-asset-font-lato-woff2-regular: "Lato-Regular.woff2" !default;
143
- $cat-asset-font-lato-woff-regular: "Lato-Regular.woff" !default;
144
- $cat-asset-font-lato-woff2-medium-italic: "Lato-MediumItalic.woff2" !default;
145
- $cat-asset-font-lato-woff-medium-italic: "Lato-MediumItalic.woff" !default;
146
- $cat-asset-font-lato-woff2-medium: "Lato-Medium.woff2" !default;
147
- $cat-asset-font-lato-woff-medium: "Lato-Medium.woff" !default;
148
- $cat-asset-font-lato-woff2-light-italic: "Lato-LightItalic.woff2" !default;
149
- $cat-asset-font-lato-woff-light-italic: "Lato-LightItalic.woff" !default;
150
- $cat-asset-font-lato-woff2-light: "Lato-Light.woff2" !default;
151
- $cat-asset-font-lato-woff-light: "Lato-Light.woff" !default;
152
- $cat-asset-font-lato-woff2-italic: "Lato-Italic.woff2" !default;
153
- $cat-asset-font-lato-woff-italic: "Lato-Italic.woff" !default;
154
- $cat-asset-font-lato-woff2-heavy-italic: "Lato-HeavyItalic.woff2" !default;
155
- $cat-asset-font-lato-woff-heavy-italic: "Lato-HeavyItalic.woff" !default;
156
- $cat-asset-font-lato-woff2-heavy: "Lato-Heavy.woff2" !default;
157
- $cat-asset-font-lato-woff-heavy: "Lato-Heavy.woff" !default;
158
- $cat-asset-font-lato-woff2-hairline-italic: "Lato-HairlineItalic.woff2" !default;
159
- $cat-asset-font-lato-woff-hairline-italic: "Lato-HairlineItalic.woff" !default;
160
- $cat-asset-font-lato-woff2-hairline: "Lato-Hairline.woff2" !default;
161
- $cat-asset-font-lato-woff-hairline: "Lato-Hairline.woff" !default;
162
- $cat-asset-font-lato-woff2-bold-italic: "Lato-BoldItalic.woff2" !default;
163
- $cat-asset-font-lato-woff-bold-italic: "Lato-BoldItalic.woff" !default;
164
- $cat-asset-font-lato-woff2-bold: "Lato-Bold.woff2" !default;
165
- $cat-asset-font-lato-woff-bold: "Lato-Bold.woff" !default;
166
- $cat-asset-font-lato-woff2-black-italic: "Lato-BlackItalic.woff2" !default;
167
- $cat-asset-font-lato-woff-black-italic: "Lato-BlackItalic.woff" !default;
168
- $cat-asset-font-lato-woff2-black: "Lato-Black.woff2" !default;
169
- $cat-asset-font-lato-woff-black: "Lato-Black.woff" !default;
170
6
  $cat-asset-font-lato-name: "Lato" !default;
171
- $cat-font-family-base: var(--cat-font-family-base, $cat-asset-font-lato-name) !default;
172
- $cat-color-ui-font-tooltip: var(--cat-font-color-tooltip, $cat-color-base-white) !default;
173
- $cat-color-ui-font-quote: var(--cat-font-color-quote, $cat-color-base-neutral-500) !default;
174
- $cat-color-ui-font-muted: var(--cat-font-color-muted, $cat-color-base-neutral-500) !default;
175
- $cat-color-ui-font-base-inverted: $cat-color-base-white !default;
176
- $cat-color-ui-font-base: var(--cat-font-color-base, $cat-color-base-black) !default;
177
- $cat-color-ui-border-quote: $cat-color-base-neutral-400 !default;
178
- $cat-color-ui-border-dark: var(--cat-border-color-dark, $cat-color-base-neutral-300) !default;
179
- $cat-color-ui-border-default: var(--cat-border-color, $cat-color-base-neutral-200) !default;
180
- $cat-color-ui-border-light: var(--cat-border-color-light, $cat-color-base-neutral-100) !default;
181
- $cat-color-ui-background-backdrop: var(--cat-bg-backdrop, $cat-color-base-neutral-700) !default;
182
- $cat-color-ui-background-tooltip: var(--cat-bg-tooltip, $cat-color-base-black) !default;
183
- $cat-color-ui-background-skeleton-highlight: $cat-color-base-neutral-300 !default;
184
- $cat-color-ui-background-skeleton: $cat-color-base-neutral-200 !default;
185
- $cat-color-ui-background-input: $cat-color-base-white !default;
186
- $cat-color-ui-background-muted: $cat-color-base-neutral-100 !default;
187
- $cat-color-ui-background-surface-inverted: $cat-color-base-neutral-700 !default;
188
- $cat-color-ui-background-surface: $cat-color-base-white !default;
189
- $cat-color-ui-background-canvas: var(--cat-bg, $cat-color-base-neutral-100) !default;
190
- $cat-color-theme-danger-text-active: var(--cat-danger-text-active, $cat-color-base-red-600) !default;
191
- $cat-color-theme-danger-text-hover: var(--cat-danger-text-hover, $cat-color-base-red-500) !default;
192
- $cat-color-theme-danger-text: var(--cat-danger-text, $cat-color-base-red-400) !default;
193
- $cat-color-theme-danger-fill-active: var(--cat-danger-fill-active, $cat-color-base-white) !default;
194
- $cat-color-theme-danger-fill-hover: var(--cat-danger-fill-hover, $cat-color-base-white) !default;
195
- $cat-color-theme-danger-fill: var(--cat-danger-fill, $cat-color-base-white) !default;
196
- $cat-color-theme-danger-bg-active: var(--cat-danger-bg-active, $cat-color-base-red-600) !default;
197
- $cat-color-theme-danger-bg-hover: var(--cat-danger-bg-hover, $cat-color-base-red-500) !default;
198
- $cat-color-theme-danger-bg: var(--cat-danger-bg, $cat-color-base-red-400) !default;
199
- $cat-color-theme-warning-text-active: var(--cat-warning-text-active, $cat-color-base-orange-700) !default;
200
- $cat-color-theme-warning-text-hover: var(--cat-warning-text-hover, $cat-color-base-orange-700) !default;
201
- $cat-color-theme-warning-text: var(--cat-warning-text, $cat-color-base-orange-700) !default;
202
- $cat-color-theme-warning-fill-active: var(--cat-warning-fill-active, $cat-color-base-black) !default;
203
- $cat-color-theme-warning-fill-hover: var(--cat-warning-fill-hover, $cat-color-base-black) !default;
204
- $cat-color-theme-warning-fill: var(--cat-warning-fill, $cat-color-base-black) !default;
205
- $cat-color-theme-warning-bg-active: var(--cat-warning-bg-active, $cat-color-base-orange-100) !default;
206
- $cat-color-theme-warning-bg-hover: var(--cat-warning-bg-hover, $cat-color-base-orange-200) !default;
207
- $cat-color-theme-warning-bg: var(--cat-warning-bg, $cat-color-base-orange-300) !default;
208
- $cat-color-theme-success-text-active: var(--cat-success-text-active, $cat-color-base-green-600) !default;
209
- $cat-color-theme-success-text-hover: var(--cat-success-text-hover, $cat-color-base-green-500) !default;
210
- $cat-color-theme-success-text: var(--cat-success-text, $cat-color-base-green-400) !default;
211
- $cat-color-theme-success-fill-active: var(--cat-success-fill-active, $cat-color-base-white) !default;
212
- $cat-color-theme-success-fill-hover: var(--cat-success-fill-hover, $cat-color-base-white) !default;
213
- $cat-color-theme-success-fill: var(--cat-success-fill, $cat-color-base-white) !default;
214
- $cat-color-theme-success-bg-active: var(--cat-success-bg-active, $cat-color-base-green-600) !default;
215
- $cat-color-theme-success-bg-hover: var(--cat-success-bg-hover, $cat-color-base-green-500) !default;
216
- $cat-color-theme-success-bg: var(--cat-success-bg, $cat-color-base-green-400) !default;
217
- $cat-color-theme-info-text-active: var(--cat-info-text-active, $cat-color-base-blue-600) !default;
218
- $cat-color-theme-info-text-hover: var(--cat-info-text-hover, $cat-color-base-blue-500) !default;
219
- $cat-color-theme-info-text: var(--cat-info-text, $cat-color-base-blue-400) !default;
220
- $cat-color-theme-info-fill-active: var(--cat-info-fill-active, $cat-color-base-white) !default;
221
- $cat-color-theme-info-fill-hover: var(--cat-info-fill-hover, $cat-color-base-white) !default;
222
- $cat-color-theme-info-fill: var(--cat-info-fill, $cat-color-base-white) !default;
223
- $cat-color-theme-info-bg-active: var(--cat-info-bg-active, $cat-color-base-blue-600) !default;
224
- $cat-color-theme-info-bg-hover: var(--cat-info-bg-hover, $cat-color-base-blue-500) !default;
225
- $cat-color-theme-info-bg: var(--cat-info-bg, $cat-color-base-blue-400) !default;
226
- $cat-color-theme-secondary-inverted-text-active: $cat-color-base-white !default;
227
- $cat-color-theme-secondary-inverted-text-hover: $cat-color-base-white !default;
228
- $cat-color-theme-secondary-inverted-text: $cat-color-base-white !default;
229
- $cat-color-theme-secondary-inverted-fill-active: $cat-color-base-black !default;
230
- $cat-color-theme-secondary-inverted-fill-hover: $cat-color-base-black !default;
231
- $cat-color-theme-secondary-inverted-fill: $cat-color-base-black !default;
232
- $cat-color-theme-secondary-inverted-bg-active: $cat-color-base-neutral-inverted-400 !default;
233
- $cat-color-theme-secondary-inverted-bg-hover: $cat-color-base-neutral-inverted-400 !default;
234
- $cat-color-theme-secondary-inverted-bg: $cat-color-base-neutral-inverted-400 !default;
235
- $cat-color-theme-secondary-text-active: var(--cat-secondary-text-active, $cat-color-base-black) !default;
236
- $cat-color-theme-secondary-text-hover: var(--cat-secondary-text-hover, $cat-color-base-black) !default;
237
- $cat-color-theme-secondary-text: var(--cat-secondary-text, $cat-color-base-black) !default;
238
- $cat-color-theme-secondary-fill-active: var(--cat-secondary-fill-active, $cat-color-base-white) !default;
239
- $cat-color-theme-secondary-fill-hover: var(--cat-secondary-fill-hover, $cat-color-base-white) !default;
240
- $cat-color-theme-secondary-fill: var(--cat-secondary-fill, $cat-color-base-white) !default;
241
- $cat-color-theme-secondary-bg-active: var(--cat-secondary-bg-active, $cat-color-base-neutral-400) !default;
242
- $cat-color-theme-secondary-bg-hover: var(--cat-secondary-bg-hover, $cat-color-base-neutral-400) !default;
243
- $cat-color-theme-secondary-bg: var(--cat-secondary-bg, $cat-color-base-neutral-400) !default;
244
- $cat-color-theme-primary-inverted-text-active: $cat-color-base-brand-inverted-600 !default;
245
- $cat-color-theme-primary-inverted-text-hover: $cat-color-base-brand-inverted-500 !default;
246
- $cat-color-theme-primary-inverted-text: $cat-color-base-brand-inverted-400 !default;
247
- $cat-color-theme-primary-inverted-fill-active: $cat-color-base-black !default;
248
- $cat-color-theme-primary-inverted-fill-hover: $cat-color-base-black !default;
249
- $cat-color-theme-primary-inverted-fill: $cat-color-base-black !default;
250
- $cat-color-theme-primary-inverted-bg-active: $cat-color-base-brand-inverted-600 !default;
251
- $cat-color-theme-primary-inverted-bg-hover: $cat-color-base-brand-inverted-500 !default;
252
- $cat-color-theme-primary-inverted-bg: $cat-color-base-brand-inverted-400 !default;
253
- $cat-color-theme-primary-text-active: var(--cat-primary-text-active, $cat-color-base-brand-600) !default;
254
- $cat-color-theme-primary-text-hover: var(--cat-primary-text-hover, $cat-color-base-brand-500) !default;
255
- $cat-color-theme-primary-text: var(--cat-primary-text, $cat-color-base-brand-400) !default;
256
- $cat-color-theme-primary-fill-active: var(--cat-primary-fill-active, $cat-color-base-white) !default;
257
- $cat-color-theme-primary-fill-hover: var(--cat-primary-fill-hover, $cat-color-base-white) !default;
258
- $cat-color-theme-primary-fill: var(--cat-primary-fill, $cat-color-base-white) !default;
259
- $cat-color-theme-primary-bg-active: var(--cat-primary-bg-active, $cat-color-base-brand-600) !default;
260
- $cat-color-theme-primary-bg-hover: var(--cat-primary-bg-hover, $cat-color-base-brand-500) !default;
7
+ $cat-asset-font-lato-woff-black: "Lato-Black.woff" !default;
8
+ $cat-asset-font-lato-woff2-black: "Lato-Black.woff2" !default;
9
+ $cat-asset-font-lato-woff-black-italic: "Lato-BlackItalic.woff" !default;
10
+ $cat-asset-font-lato-woff2-black-italic: "Lato-BlackItalic.woff2" !default;
11
+ $cat-asset-font-lato-woff-bold: "Lato-Bold.woff" !default;
12
+ $cat-asset-font-lato-woff2-bold: "Lato-Bold.woff2" !default;
13
+ $cat-asset-font-lato-woff-bold-italic: "Lato-BoldItalic.woff" !default;
14
+ $cat-asset-font-lato-woff2-bold-italic: "Lato-BoldItalic.woff2" !default;
15
+ $cat-asset-font-lato-woff-hairline: "Lato-Hairline.woff" !default;
16
+ $cat-asset-font-lato-woff2-hairline: "Lato-Hairline.woff2" !default;
17
+ $cat-asset-font-lato-woff-hairline-italic: "Lato-HairlineItalic.woff" !default;
18
+ $cat-asset-font-lato-woff2-hairline-italic: "Lato-HairlineItalic.woff2" !default;
19
+ $cat-asset-font-lato-woff-heavy: "Lato-Heavy.woff" !default;
20
+ $cat-asset-font-lato-woff2-heavy: "Lato-Heavy.woff2" !default;
21
+ $cat-asset-font-lato-woff-heavy-italic: "Lato-HeavyItalic.woff" !default;
22
+ $cat-asset-font-lato-woff2-heavy-italic: "Lato-HeavyItalic.woff2" !default;
23
+ $cat-asset-font-lato-woff-italic: "Lato-Italic.woff" !default;
24
+ $cat-asset-font-lato-woff2-italic: "Lato-Italic.woff2" !default;
25
+ $cat-asset-font-lato-woff-light: "Lato-Light.woff" !default;
26
+ $cat-asset-font-lato-woff2-light: "Lato-Light.woff2" !default;
27
+ $cat-asset-font-lato-woff-light-italic: "Lato-LightItalic.woff" !default;
28
+ $cat-asset-font-lato-woff2-light-italic: "Lato-LightItalic.woff2" !default;
29
+ $cat-asset-font-lato-woff-medium: "Lato-Medium.woff" !default;
30
+ $cat-asset-font-lato-woff2-medium: "Lato-Medium.woff2" !default;
31
+ $cat-asset-font-lato-woff-medium-italic: "Lato-MediumItalic.woff" !default;
32
+ $cat-asset-font-lato-woff2-medium-italic: "Lato-MediumItalic.woff2" !default;
33
+ $cat-asset-font-lato-woff-regular: "Lato-Regular.woff" !default;
34
+ $cat-asset-font-lato-woff2-regular: "Lato-Regular.woff2" !default;
35
+ $cat-asset-font-lato-woff-semibold: "Lato-Semibold.woff" !default;
36
+ $cat-asset-font-lato-woff2-semibold: "Lato-Semibold.woff2" !default;
37
+ $cat-asset-font-lato-woff-semibold-italic: "Lato-SemiboldItalic.woff" !default;
38
+ $cat-asset-font-lato-woff2-semibold-italic: "Lato-SemiboldItalic.woff2" !default;
39
+ $cat-asset-font-lato-woff-thin: "Lato-Thin.woff" !default;
40
+ $cat-asset-font-lato-woff2-thin: "Lato-Thin.woff2" !default;
41
+ $cat-asset-font-lato-woff-thin-italic: "Lato-ThinItalic.woff" !default;
42
+ $cat-asset-font-lato-woff2-thin-italic: "Lato-ThinItalic.woff2" !default;
43
+ $cat-asset-font-azeret-mono-name: "Azeret Mono" !default;
44
+ $cat-asset-font-azeret-mono-woff2-regular: "AzeretMono-Regular.woff2" !default;
45
+ $cat-asset-font-ss3v-name: "Source Sans 3" !default;
46
+ $cat-asset-font-ss3v-woff: "SourceSans3VF-Upright.ttf.woff" !default;
47
+ $cat-asset-font-ss3v-woff2: "SourceSans3VF-Upright.ttf.woff2" !default;
48
+ $cat-color-base-white: 255, 255, 255 !default;
49
+ $cat-color-base-black: 0, 0, 0 !default;
50
+ $cat-color-base-neutral-100: 242, 244, 247 !default;
51
+ $cat-color-base-neutral-200: 235, 236, 240 !default;
52
+ $cat-color-base-neutral-300: 215, 219, 224 !default;
53
+ $cat-color-base-neutral-400: 105, 118, 135 !default;
54
+ $cat-color-base-neutral-500: 81, 92, 108 !default;
55
+ $cat-color-base-neutral-600: 57, 66, 81 !default;
56
+ $cat-color-base-neutral-700: 27, 31, 38 !default;
57
+ $cat-color-base-neutral-inverted-400: 105, 118, 135 !default;
58
+ $cat-color-base-brand-100: 201, 229, 232 !default;
59
+ $cat-color-base-brand-200: 45, 179, 195 !default;
60
+ $cat-color-base-brand-300: 41, 163, 177 !default;
61
+ $cat-color-base-brand-400: 0, 129, 148 !default;
62
+ $cat-color-base-brand-500: 1, 115, 132 !default;
63
+ $cat-color-base-brand-600: 2, 99, 113 !default;
64
+ $cat-color-base-brand-700: 23, 91, 99 !default;
65
+ $cat-color-base-brand-inverted-400: 147, 180, 242 !default;
66
+ $cat-color-base-brand-inverted-500: 147, 180, 242 !default;
67
+ $cat-color-base-brand-inverted-600: 147, 180, 242 !default;
68
+ $cat-color-base-blue-100: 179, 213, 248 !default;
69
+ $cat-color-base-blue-200: 128, 185, 243 !default;
70
+ $cat-color-base-blue-300: 38, 136, 234 !default;
71
+ $cat-color-base-blue-400: 0, 115, 230 !default;
72
+ $cat-color-base-blue-500: 0, 107, 227 !default;
73
+ $cat-color-base-blue-600: 0, 96, 223 !default;
74
+ $cat-color-base-blue-700: 0, 67, 213 !default;
75
+ $cat-color-base-green-100: 212, 237, 228 !default;
76
+ $cat-color-base-green-200: 0, 187, 125 !default;
77
+ $cat-color-base-green-300: 0, 170, 113 !default;
78
+ $cat-color-base-green-400: 0, 132, 88 !default;
79
+ $cat-color-base-green-500: 0, 117, 78 !default;
80
+ $cat-color-base-green-600: 0, 105, 70 !default;
81
+ $cat-color-base-green-700: 0, 95, 64 !default;
82
+ $cat-color-base-orange-100: 255, 222, 168 !default;
83
+ $cat-color-base-orange-200: 255, 214, 148 !default;
84
+ $cat-color-base-orange-300: 255, 206, 128 !default;
85
+ $cat-color-base-orange-400: 235, 182, 99 !default;
86
+ $cat-color-base-orange-500: 214, 167, 90 !default;
87
+ $cat-color-base-orange-600: 176, 133, 62 !default;
88
+ $cat-color-base-orange-700: 159, 97, 0 !default;
89
+ $cat-color-base-red-100: 251, 199, 187 !default;
90
+ $cat-color-base-red-200: 246, 131, 104 !default;
91
+ $cat-color-base-red-300: 244, 106, 73 !default;
92
+ $cat-color-base-red-400: 217, 52, 13 !default;
93
+ $cat-color-base-red-500: 194, 46, 11 !default;
94
+ $cat-color-base-red-600: 174, 42, 10 !default;
95
+ $cat-color-base-red-700: 158, 38, 9 !default;
96
+ $cat-color-ui-background-input-autofill: 232, 240, 254 !default;
97
+ $cat-color-ui-border-focus: var(--cat-border-color-focus, 0, 113, 255) !default;
98
+ $cat-color-ui-border-card: var(--cat-border-color-card, 0, 0, 0, 0) !default;
99
+ $cat-font-family-mono: var(--cat-font-family-mono, '') !default;
100
+ $cat-font-family-emoji: var(--cat-font-family-emoji, '') !default;
101
+ $cat-font-weight-head: var(--cat-font-weight-head, 600) !default;
102
+ $cat-font-weight-body: var(--cat-font-weight-body, 400) !default;
103
+ $cat-font-weight-mono: var(--cat-font-weight-mono, 400) !default;
104
+ $cat-font-decoration-link: var(--cat-link-decoration, none) !default;
105
+ $cat-font-decoration-link-hover: var(--cat-link-decoration-hover, underline) !default;
106
+ $cat-font-decoration-link-button: var(--cat-link-button-decoration, none) !default;
107
+ $cat-font-decoration-link-button-hover: var(--cat-link-button-decoration-hover, underline) !default;
108
+ $cat-opacity-disabled: var(--cat-opacity-disabled, 0.65) !default;
109
+ $cat-opacity-backdrop: var(--cat-opacity-backdrop, 0.4) !default;
110
+ $cat-opacity-tooltip: var(--cat-opacity-tooltip, 1) !default;
111
+ $cat-size-border-radius-l: var(--cat-border-radius-l, 0.5rem) !default;
112
+ $cat-size-border-radius-m: var(--cat-border-radius-m, 0.25rem) !default;
113
+ $cat-size-border-radius-s: var(--cat-border-radius-s, 0.125rem) !default;
114
+ $cat-size-font-head-1: 1.75rem !default;
115
+ $cat-size-font-head-2: 1.5rem !default;
116
+ $cat-size-font-head-3: 1.25rem !default;
117
+ $cat-size-font-head-4: 1.125rem !default;
118
+ $cat-size-font-head-5: 0.9375rem !default;
119
+ $cat-size-font-head-6: 0.875rem !default;
120
+ $cat-size-font-body-xl: 1.25rem !default;
121
+ $cat-size-font-body-l: 1.125rem !default;
122
+ $cat-size-font-body-m: 0.9375rem !default;
123
+ $cat-size-font-body-s: 0.875rem !default;
124
+ $cat-size-font-body-xs: 0.75rem !default;
125
+ $cat-size-font-mono-xl: 1.125rem !default;
126
+ $cat-size-font-mono-l: 0.9375rem !default;
127
+ $cat-size-font-mono-m: 0.875rem !default;
128
+ $cat-size-font-mono-s: 0.75rem !default;
129
+ $cat-size-font-mono-xs: 0.625rem !default;
130
+ $cat-size-line-head-1: 2rem !default;
131
+ $cat-size-line-head-2: 1.75rem !default;
132
+ $cat-size-line-head-3: 1.5rem !default;
133
+ $cat-size-line-head-4: 1.5rem !default;
134
+ $cat-size-line-head-5: 1.25rem !default;
135
+ $cat-size-line-head-6: 1rem !default;
136
+ $cat-size-line-body-xl: 1.5rem !default;
137
+ $cat-size-line-body-l: 1.5rem !default;
138
+ $cat-size-line-body-m: 1.25rem !default;
139
+ $cat-size-line-body-s: 1.125rem !default;
140
+ $cat-size-line-body-xs: 1rem !default;
141
+ $cat-size-line-mono-xl: 1.5rem !default;
142
+ $cat-size-line-mono-l: 1.25rem !default;
143
+ $cat-size-line-mono-m: 1.125rem !default;
144
+ $cat-size-line-mono-s: 1rem !default;
145
+ $cat-size-line-mono-xs: 0.875rem !default;
146
+ $cat-size-modal-s: 400px !default;
147
+ $cat-size-modal-m: 600px !default;
148
+ $cat-size-modal-l: 800px !default;
149
+ $cat-size-screen-xs: 540px !default;
150
+ $cat-size-screen-s: 768px !default;
151
+ $cat-size-screen-m: 992px !default;
152
+ $cat-size-screen-l: 1200px !default;
153
+ $cat-size-screen-xl: 1400px !default;
154
+ $cat-size-spacing-xl: 2rem !default;
155
+ $cat-size-spacing-l: 1.5rem !default;
156
+ $cat-size-spacing-m: 1rem !default;
157
+ $cat-size-spacing-s: 0.5rem !default;
158
+ $cat-size-spacing-xs: 0.25rem !default;
159
+ $cat-time-transition-l: 500ms !default;
160
+ $cat-time-transition-m: 250ms !default;
161
+ $cat-time-transition-s: 125ms !default;
162
+ $cat-time-delay-l: 500ms !default;
163
+ $cat-time-delay-m: 250ms !default;
164
+ $cat-time-delay-s: 125ms !default;
165
+ $cat-time-duration-l: 1000ms !default;
166
+ $cat-time-duration-m: 500ms !default;
167
+ $cat-time-duration-s: 250ms !default;
168
+ $cat-z-index-base: var(--cat-z-index, 1000) !default;
169
+ $cat-z-index-dropdown: 100 !default;
170
+ $cat-z-index-tooltip: 200 !default;
261
171
  $cat-color-theme-primary-bg: var(--cat-primary-bg, $cat-color-base-brand-400) !default;
172
+ $cat-color-theme-primary-bg-hover: var(--cat-primary-bg-hover, $cat-color-base-brand-500) !default;
173
+ $cat-color-theme-primary-bg-active: var(--cat-primary-bg-active, $cat-color-base-brand-600) !default;
174
+ $cat-color-theme-primary-bg-outlined: var(--cat-primary-bg-outlined, $cat-color-base-white) !default;
175
+ $cat-color-theme-primary-fill: var(--cat-primary-fill, $cat-color-base-white) !default;
176
+ $cat-color-theme-primary-fill-hover: var(--cat-primary-fill-hover, $cat-color-base-white) !default;
177
+ $cat-color-theme-primary-fill-active: var(--cat-primary-fill-active, $cat-color-base-white) !default;
178
+ $cat-color-theme-primary-text: var(--cat-primary-text, $cat-color-base-brand-400) !default;
179
+ $cat-color-theme-primary-text-hover: var(--cat-primary-text-hover, $cat-color-base-brand-500) !default;
180
+ $cat-color-theme-primary-text-active: var(--cat-primary-text-active, $cat-color-base-brand-600) !default;
181
+ $cat-color-theme-primary-inverted-bg: $cat-color-base-brand-inverted-400 !default;
182
+ $cat-color-theme-primary-inverted-bg-hover: $cat-color-base-brand-inverted-500 !default;
183
+ $cat-color-theme-primary-inverted-bg-active: $cat-color-base-brand-inverted-600 !default;
184
+ $cat-color-theme-primary-inverted-fill: $cat-color-base-black !default;
185
+ $cat-color-theme-primary-inverted-fill-hover: $cat-color-base-black !default;
186
+ $cat-color-theme-primary-inverted-fill-active: $cat-color-base-black !default;
187
+ $cat-color-theme-primary-inverted-text: $cat-color-base-brand-inverted-400 !default;
188
+ $cat-color-theme-primary-inverted-text-hover: $cat-color-base-brand-inverted-500 !default;
189
+ $cat-color-theme-primary-inverted-text-active: $cat-color-base-brand-inverted-600 !default;
190
+ $cat-color-theme-secondary-bg: var(--cat-secondary-bg, $cat-color-base-neutral-400) !default;
191
+ $cat-color-theme-secondary-bg-hover: var(--cat-secondary-bg-hover, $cat-color-base-neutral-400) !default;
192
+ $cat-color-theme-secondary-bg-active: var(--cat-secondary-bg-active, $cat-color-base-neutral-400) !default;
193
+ $cat-color-theme-secondary-bg-outlined: var(--cat-secondary-bg-outlined, $cat-color-base-white) !default;
194
+ $cat-color-theme-secondary-fill: var(--cat-secondary-fill, $cat-color-base-white) !default;
195
+ $cat-color-theme-secondary-fill-hover: var(--cat-secondary-fill-hover, $cat-color-base-white) !default;
196
+ $cat-color-theme-secondary-fill-active: var(--cat-secondary-fill-active, $cat-color-base-white) !default;
197
+ $cat-color-theme-secondary-text: var(--cat-secondary-text, $cat-color-base-black) !default;
198
+ $cat-color-theme-secondary-text-hover: var(--cat-secondary-text-hover, $cat-color-base-black) !default;
199
+ $cat-color-theme-secondary-text-active: var(--cat-secondary-text-active, $cat-color-base-black) !default;
200
+ $cat-color-theme-secondary-inverted-bg: $cat-color-base-neutral-inverted-400 !default;
201
+ $cat-color-theme-secondary-inverted-bg-hover: $cat-color-base-neutral-inverted-400 !default;
202
+ $cat-color-theme-secondary-inverted-bg-active: $cat-color-base-neutral-inverted-400 !default;
203
+ $cat-color-theme-secondary-inverted-fill: $cat-color-base-black !default;
204
+ $cat-color-theme-secondary-inverted-fill-hover: $cat-color-base-black !default;
205
+ $cat-color-theme-secondary-inverted-fill-active: $cat-color-base-black !default;
206
+ $cat-color-theme-secondary-inverted-text: $cat-color-base-white !default;
207
+ $cat-color-theme-secondary-inverted-text-hover: $cat-color-base-white !default;
208
+ $cat-color-theme-secondary-inverted-text-active: $cat-color-base-white !default;
209
+ $cat-color-theme-info-bg: var(--cat-info-bg, $cat-color-base-blue-400) !default;
210
+ $cat-color-theme-info-bg-hover: var(--cat-info-bg-hover, $cat-color-base-blue-500) !default;
211
+ $cat-color-theme-info-bg-active: var(--cat-info-bg-active, $cat-color-base-blue-600) !default;
212
+ $cat-color-theme-info-bg-outlined: var(--cat-info-bg-outlined, $cat-color-base-white) !default;
213
+ $cat-color-theme-info-fill: var(--cat-info-fill, $cat-color-base-white) !default;
214
+ $cat-color-theme-info-fill-hover: var(--cat-info-fill-hover, $cat-color-base-white) !default;
215
+ $cat-color-theme-info-fill-active: var(--cat-info-fill-active, $cat-color-base-white) !default;
216
+ $cat-color-theme-info-text: var(--cat-info-text, $cat-color-base-blue-400) !default;
217
+ $cat-color-theme-info-text-hover: var(--cat-info-text-hover, $cat-color-base-blue-500) !default;
218
+ $cat-color-theme-info-text-active: var(--cat-info-text-active, $cat-color-base-blue-600) !default;
219
+ $cat-color-theme-success-bg: var(--cat-success-bg, $cat-color-base-green-400) !default;
220
+ $cat-color-theme-success-bg-hover: var(--cat-success-bg-hover, $cat-color-base-green-500) !default;
221
+ $cat-color-theme-success-bg-active: var(--cat-success-bg-active, $cat-color-base-green-600) !default;
222
+ $cat-color-theme-success-bg-outlined: var(--cat-success-bg-outlined, $cat-color-base-white) !default;
223
+ $cat-color-theme-success-fill: var(--cat-success-fill, $cat-color-base-white) !default;
224
+ $cat-color-theme-success-fill-hover: var(--cat-success-fill-hover, $cat-color-base-white) !default;
225
+ $cat-color-theme-success-fill-active: var(--cat-success-fill-active, $cat-color-base-white) !default;
226
+ $cat-color-theme-success-text: var(--cat-success-text, $cat-color-base-green-400) !default;
227
+ $cat-color-theme-success-text-hover: var(--cat-success-text-hover, $cat-color-base-green-500) !default;
228
+ $cat-color-theme-success-text-active: var(--cat-success-text-active, $cat-color-base-green-600) !default;
229
+ $cat-color-theme-warning-bg: var(--cat-warning-bg, $cat-color-base-orange-300) !default;
230
+ $cat-color-theme-warning-bg-hover: var(--cat-warning-bg-hover, $cat-color-base-orange-200) !default;
231
+ $cat-color-theme-warning-bg-active: var(--cat-warning-bg-active, $cat-color-base-orange-100) !default;
232
+ $cat-color-theme-warning-bg-outlined: var(--cat-warning-bg-outlined, $cat-color-base-white) !default;
233
+ $cat-color-theme-warning-fill: var(--cat-warning-fill, $cat-color-base-black) !default;
234
+ $cat-color-theme-warning-fill-hover: var(--cat-warning-fill-hover, $cat-color-base-black) !default;
235
+ $cat-color-theme-warning-fill-active: var(--cat-warning-fill-active, $cat-color-base-black) !default;
236
+ $cat-color-theme-warning-text: var(--cat-warning-text, $cat-color-base-orange-700) !default;
237
+ $cat-color-theme-warning-text-hover: var(--cat-warning-text-hover, $cat-color-base-orange-700) !default;
238
+ $cat-color-theme-warning-text-active: var(--cat-warning-text-active, $cat-color-base-orange-700) !default;
239
+ $cat-color-theme-danger-bg: var(--cat-danger-bg, $cat-color-base-red-400) !default;
240
+ $cat-color-theme-danger-bg-hover: var(--cat-danger-bg-hover, $cat-color-base-red-500) !default;
241
+ $cat-color-theme-danger-bg-active: var(--cat-danger-bg-active, $cat-color-base-red-600) !default;
242
+ $cat-color-theme-danger-bg-outlined: var(--cat-danger-bg-outlined, $cat-color-base-white) !default;
243
+ $cat-color-theme-danger-fill: var(--cat-danger-fill, $cat-color-base-white) !default;
244
+ $cat-color-theme-danger-fill-hover: var(--cat-danger-fill-hover, $cat-color-base-white) !default;
245
+ $cat-color-theme-danger-fill-active: var(--cat-danger-fill-active, $cat-color-base-white) !default;
246
+ $cat-color-theme-danger-text: var(--cat-danger-text, $cat-color-base-red-400) !default;
247
+ $cat-color-theme-danger-text-hover: var(--cat-danger-text-hover, $cat-color-base-red-500) !default;
248
+ $cat-color-theme-danger-text-active: var(--cat-danger-text-active, $cat-color-base-red-600) !default;
249
+ $cat-color-ui-background-canvas: var(--cat-bg, $cat-color-base-neutral-100) !default;
250
+ $cat-color-ui-background-surface: $cat-color-base-white !default;
251
+ $cat-color-ui-background-surface-inverted: $cat-color-base-neutral-700 !default;
252
+ $cat-color-ui-background-muted: $cat-color-base-neutral-100 !default;
253
+ $cat-color-ui-background-input: $cat-color-base-white !default;
254
+ $cat-color-ui-background-skeleton: $cat-color-base-neutral-200 !default;
255
+ $cat-color-ui-background-skeleton-highlight: $cat-color-base-neutral-300 !default;
256
+ $cat-color-ui-background-tooltip: var(--cat-bg-tooltip, $cat-color-base-black) !default;
257
+ $cat-color-ui-background-backdrop: var(--cat-bg-backdrop, $cat-color-base-neutral-700) !default;
258
+ $cat-color-ui-border-light: var(--cat-border-color-light, $cat-color-base-neutral-100) !default;
259
+ $cat-color-ui-border-default: var(--cat-border-color, $cat-color-base-neutral-200) !default;
260
+ $cat-color-ui-border-dark: var(--cat-border-color-dark, $cat-color-base-neutral-300) !default;
261
+ $cat-color-ui-border-quote: $cat-color-base-neutral-400 !default;
262
+ $cat-color-ui-font-base: var(--cat-font-color-base, $cat-color-base-black) !default;
263
+ $cat-color-ui-font-base-inverted: $cat-color-base-white !default;
264
+ $cat-color-ui-font-muted: var(--cat-font-color-muted, $cat-color-base-neutral-500) !default;
265
+ $cat-color-ui-font-quote: var(--cat-font-color-quote, $cat-color-base-neutral-500) !default;
266
+ $cat-color-ui-font-tooltip: var(--cat-font-color-tooltip, $cat-color-base-white) !default;
267
+ $cat-font-family-base: var(--cat-font-family-base, $cat-asset-font-lato-name) !default;
262
268
 
263
269
  $tokens: (
264
270
  'asset': (
@@ -385,6 +391,7 @@ $tokens: (
385
391
  'bg': $cat-color-theme-primary-bg,
386
392
  'bgHover': $cat-color-theme-primary-bg-hover,
387
393
  'bgActive': $cat-color-theme-primary-bg-active,
394
+ 'bgOutlined': $cat-color-theme-primary-bg-outlined,
388
395
  'fill': $cat-color-theme-primary-fill,
389
396
  'fillHover': $cat-color-theme-primary-fill-hover,
390
397
  'fillActive': $cat-color-theme-primary-fill-active,
@@ -407,6 +414,7 @@ $tokens: (
407
414
  'bg': $cat-color-theme-secondary-bg,
408
415
  'bgHover': $cat-color-theme-secondary-bg-hover,
409
416
  'bgActive': $cat-color-theme-secondary-bg-active,
417
+ 'bgOutlined': $cat-color-theme-secondary-bg-outlined,
410
418
  'fill': $cat-color-theme-secondary-fill,
411
419
  'fillHover': $cat-color-theme-secondary-fill-hover,
412
420
  'fillActive': $cat-color-theme-secondary-fill-active,
@@ -429,6 +437,7 @@ $tokens: (
429
437
  'bg': $cat-color-theme-info-bg,
430
438
  'bgHover': $cat-color-theme-info-bg-hover,
431
439
  'bgActive': $cat-color-theme-info-bg-active,
440
+ 'bgOutlined': $cat-color-theme-info-bg-outlined,
432
441
  'fill': $cat-color-theme-info-fill,
433
442
  'fillHover': $cat-color-theme-info-fill-hover,
434
443
  'fillActive': $cat-color-theme-info-fill-active,
@@ -440,6 +449,7 @@ $tokens: (
440
449
  'bg': $cat-color-theme-success-bg,
441
450
  'bgHover': $cat-color-theme-success-bg-hover,
442
451
  'bgActive': $cat-color-theme-success-bg-active,
452
+ 'bgOutlined': $cat-color-theme-success-bg-outlined,
443
453
  'fill': $cat-color-theme-success-fill,
444
454
  'fillHover': $cat-color-theme-success-fill-hover,
445
455
  'fillActive': $cat-color-theme-success-fill-active,
@@ -451,6 +461,7 @@ $tokens: (
451
461
  'bg': $cat-color-theme-warning-bg,
452
462
  'bgHover': $cat-color-theme-warning-bg-hover,
453
463
  'bgActive': $cat-color-theme-warning-bg-active,
464
+ 'bgOutlined': $cat-color-theme-warning-bg-outlined,
454
465
  'fill': $cat-color-theme-warning-fill,
455
466
  'fillHover': $cat-color-theme-warning-fill-hover,
456
467
  'fillActive': $cat-color-theme-warning-fill-active,
@@ -462,6 +473,7 @@ $tokens: (
462
473
  'bg': $cat-color-theme-danger-bg,
463
474
  'bgHover': $cat-color-theme-danger-bg-hover,
464
475
  'bgActive': $cat-color-theme-danger-bg-active,
476
+ 'bgOutlined': $cat-color-theme-danger-bg-outlined,
465
477
  'fill': $cat-color-theme-danger-fill,
466
478
  'fillHover': $cat-color-theme-danger-fill-hover,
467
479
  'fillActive': $cat-color-theme-danger-fill-active,