@geneui/components 3.0.0-next-8abb102-14012025 → 3.0.0-next-b9961e0-15012025
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/Checkbox.js +2 -1
- package/GeneUIProvider.js +29 -165
- package/HelperText.js +2 -41
- package/ProgressBar.js +1 -0
- package/Tag.js +81 -0
- package/Tooltip.js +1 -1
- package/WarningFill-fb50593e.js +44 -0
- package/components/molecules/Tag/Tag.d.ts +41 -0
- package/components/molecules/Tag/index.d.ts +1 -0
- package/index.d.ts +1 -0
- package/index.js +2 -0
- package/package.json +2 -2
- package/tokens-db749a5c.js +6 -0
- package/tokens-0abb4e1b.js +0 -6
package/Checkbox.js
CHANGED
|
@@ -10,6 +10,7 @@ import './GeneUIProvider.js';
|
|
|
10
10
|
import './useEllipsisDetection-e545ae62.js';
|
|
11
11
|
import './useDebounceCallback-999deae7.js';
|
|
12
12
|
import './Info.js';
|
|
13
|
+
import './WarningFill-fb50593e.js';
|
|
13
14
|
|
|
14
15
|
var _excluded$1 = ["size", "color"];
|
|
15
16
|
var SvgCheckMark = function SvgCheckMark(_ref) {
|
|
@@ -49,7 +50,7 @@ var SvgMinusOutline = function SvgMinusOutline(_ref) {
|
|
|
49
50
|
}));
|
|
50
51
|
};
|
|
51
52
|
|
|
52
|
-
var css_248z = ".checkbox{display:inline-flex;flex-direction:column;max-width:100%;min-width:0}.checkbox__input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--guit-ref-radius-4xsmall);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.checkbox__input:checked+.checkbox__imitation,.checkbox__input:indeterminate+.checkbox__imitation{background-color:var(--guit-sem-color-background-selected-2);border-color:var(--guit-sem-color-background-selected-2)}.checkbox__input:checked+.checkbox__imitation:hover,.checkbox__input:indeterminate+.checkbox__imitation:hover{background-color:var(--guit-sem-color-background-selected-2-hover);border-color:var(--guit-sem-color-background-selected-2-hover)}.checkbox__input:checked+.checkbox__imitation:active,.checkbox__input:indeterminate+.checkbox__imitation:active{background-color:var(--guit-sem-color-background-selected-2-pressed);border-color:var(--guit-sem-color-background-selected-2-pressed)}.checkbox__input:checked+.checkbox__imitation .checkbox__icon,.checkbox__input:indeterminate+.checkbox__imitation .checkbox__icon{opacity:1}.checkbox__label{display:flex}.checkbox__imitationHolder{align-items:center;display:flex;flex:0 0 auto;height:var(--guit-sem-dimension-height-small);justify-content:center;width:var(--guit-sem-dimension-width-small)}.checkbox__imitationHolder .checkbox__input:not(:checked,:indeterminate)+.checkbox__imitation:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}.checkbox__imitationHolder .checkbox__input:not(:checked,:indeterminate)+.checkbox__imitation:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.checkbox__imitationHolderInner{align-items:center;display:flex;flex:0 0 auto;height:var(--guit-sem-dimension-height-xsmall);justify-content:center;position:relative;width:var(--guit-sem-dimension-width-xsmall)}.checkbox__imitation{border:var(--guit-ref-border-width-thin) solid var(--guit-sem-color-border-neutral-3);border-radius:var(--guit-ref-radius-4xsmall);height:100%;width:100%}.checkbox__icon{color:var(--guit-sem-color-foreground-inverse);
|
|
53
|
+
var css_248z = ".checkbox{display:inline-flex;flex-direction:column;max-width:100%;min-width:0}.checkbox__input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--guit-ref-radius-4xsmall);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.checkbox__input:checked+.checkbox__imitation,.checkbox__input:indeterminate+.checkbox__imitation{background-color:var(--guit-sem-color-background-selected-2);border-color:var(--guit-sem-color-background-selected-2)}.checkbox__input:checked+.checkbox__imitation:hover,.checkbox__input:indeterminate+.checkbox__imitation:hover{background-color:var(--guit-sem-color-background-selected-2-hover);border-color:var(--guit-sem-color-background-selected-2-hover)}.checkbox__input:checked+.checkbox__imitation:active,.checkbox__input:indeterminate+.checkbox__imitation:active{background-color:var(--guit-sem-color-background-selected-2-pressed);border-color:var(--guit-sem-color-background-selected-2-pressed)}.checkbox__input:checked+.checkbox__imitation .checkbox__icon,.checkbox__input:indeterminate+.checkbox__imitation .checkbox__icon{opacity:1}.checkbox__label{display:flex}.checkbox__imitationHolder{align-items:center;display:flex;flex:0 0 auto;height:var(--guit-sem-dimension-height-small);justify-content:center;width:var(--guit-sem-dimension-width-small)}.checkbox__imitationHolder .checkbox__input:not(:checked,:indeterminate)+.checkbox__imitation:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}.checkbox__imitationHolder .checkbox__input:not(:checked,:indeterminate)+.checkbox__imitation:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.checkbox__imitationHolderInner{align-items:center;display:flex;flex:0 0 auto;height:var(--guit-sem-dimension-height-xsmall);justify-content:center;position:relative;width:var(--guit-sem-dimension-width-xsmall)}.checkbox__imitation{border:var(--guit-ref-border-width-thin) solid var(--guit-sem-color-border-neutral-3);border-radius:var(--guit-ref-radius-4xsmall);height:100%;width:100%}.checkbox__icon{color:var(--guit-sem-color-foreground-inverse);left:0;opacity:0;position:absolute;top:0}.checkbox__infoContainer{display:flex}.checkbox:not(.checkbox_labelTop){gap:var(--guit-ref-spacing-4xsmall)}.checkbox:not(.checkbox_labelTop) .checkbox__infoContainer{-webkit-padding-start:var(--guit-ref-spacing-4xlarge);padding-inline-start:var(--guit-ref-spacing-4xlarge)}.checkbox:not(.checkbox_labelTop) .checkbox__label{gap:var(--guit-ref-spacing-xsmall)}.checkbox_labelTop{gap:var(--guit-ref-spacing-3xsmall)}.checkbox_labelTop .checkbox__label{align-items:normal;flex-direction:column-reverse;gap:var(--guit-ref-spacing-3xsmall)}.checkbox_error .checkbox__imitationHolder .checkbox__imitationHolderInner .checkbox__imitation{border-color:var(--guit-sem-color-border-error)}.checkbox_disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.checkbox_disabled .checkbox__imitationHolder .checkbox__imitationHolderInner .checkbox__imitation{background-color:var(--guit-sem-color-background-disabled);border-color:var(--guit-sem-color-border-disabled-1)}.checkbox_disabled .checkbox__imitationHolder .checkbox__imitationHolderInner .checkbox__imitation .checkbox__icon{color:var(--guit-sem-color-foreground-disabled)}.checkbox_disabled .checkbox__input:not(:checked,:indeterminate)+.checkbox__imitation{background-color:var(--guit-sem-color-background-transparent-1)}.checkbox_readOnly{pointer-events:none}.checkbox_readOnly .checkbox__imitationHolder .checkbox__imitationHolderInner .checkbox__imitation{background-color:var(--guit-sem-color-background-neutral-3);border-color:#0000}.checkbox_readOnly .checkbox__imitationHolder .checkbox__imitationHolderInner .checkbox__imitation .checkbox__icon{color:var(--guit-sem-color-foreground-neutral-1)}.checkbox_readOnly .checkbox__input:not(:checked,:indeterminate)+.checkbox__imitation{border-color:var(--guit-sem-color-border-neutral-2)}";
|
|
53
54
|
styleInject(css_248z);
|
|
54
55
|
|
|
55
56
|
/**
|
package/GeneUIProvider.js
CHANGED
|
@@ -3,7 +3,7 @@ import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Tue, 19 Nov 2024 07:59:43 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
const GuitRefColorNeutral800base = "#141414";
|
|
@@ -110,7 +110,6 @@ const GuitRefFontSize50 = "1rem";
|
|
|
110
110
|
const GuitRefFontWeightRegular = "400";
|
|
111
111
|
const GuitRefFontWeightMedium = "500";
|
|
112
112
|
const GuitRefFontWeightSemibold = "600";
|
|
113
|
-
const GuitRefFontWeightBold = "700";
|
|
114
113
|
const GuitRefFontLetterSpacingNone = "0";
|
|
115
114
|
const GuitRefFontLetterSpacing03 = "0.03rem";
|
|
116
115
|
const GuitRefFontLineHeight320 = "6.4rem";
|
|
@@ -123,15 +122,12 @@ const GuitRefFontLineHeight100 = "2rem";
|
|
|
123
122
|
const GuitRefFontLineHeight90 = "1.8rem";
|
|
124
123
|
const GuitRefFontLineHeight80 = "1.6rem";
|
|
125
124
|
const GuitRefFontLineHeight70 = "1.4rem";
|
|
126
|
-
const GuitRefFontLineHeight60 = "1.2rem";
|
|
127
125
|
const GuitRefFontTextCaseUppercase = "Uppercase";
|
|
128
126
|
const GuitRefFontTextDecorationStrike = "Strike Line";
|
|
129
127
|
const GuitRefFontTextDecorationUnderline = "Underline";
|
|
130
|
-
const GuitRefFontTextDecorationItalic = "Italic";
|
|
131
128
|
const GuitRefFontTextAlignLeft = "Left";
|
|
132
129
|
const GuitRefFontTextAlignRight = "Right";
|
|
133
130
|
const GuitRefFontTextAlignCenter = "Center";
|
|
134
|
-
const GuitRefFontTextAlignJustify = "Justify";
|
|
135
131
|
const GuitRefSpacingNone = "0rem";
|
|
136
132
|
const GuitRefSpacing4xsmall = "0.2rem";
|
|
137
133
|
const GuitRefSpacing3xsmall = "0.4rem";
|
|
@@ -176,11 +172,6 @@ const GuitRefRadius2xsmall = "0.6rem";
|
|
|
176
172
|
const GuitRefRadiusXsmall = "0.8rem";
|
|
177
173
|
const GuitRefRadiusSmall = "1rem";
|
|
178
174
|
const GuitRefRadiusMedium = "1.2rem";
|
|
179
|
-
const GuitRefRadiusLarge = "1.6rem";
|
|
180
|
-
const GuitRefRadiusXlarge = "2rem";
|
|
181
|
-
const GuitRefRadius2xlarge = "2.4rem";
|
|
182
|
-
const GuitRefRadius3xlarge = "2.8rem";
|
|
183
|
-
const GuitRefRadius4xlarge = "3.2rem";
|
|
184
175
|
const GuitRefRadiusFull = "50%";
|
|
185
176
|
const GuitRefBorderWidthNone = "0rem";
|
|
186
177
|
const GuitRefBorderWidthThin = "0.1rem";
|
|
@@ -242,20 +233,10 @@ const GuitSemFontLabelLargeDefaultSemiboldFontFamily = "'Open Sans', -apple-syst
|
|
|
242
233
|
const GuitSemFontLabelLargeDefaultSemiboldFontSize = "1.6rem";
|
|
243
234
|
const GuitSemFontLabelLargeDefaultSemiboldFontWeight = "600";
|
|
244
235
|
const GuitSemFontLabelLargeDefaultSemiboldLineHeight = "2.4rem";
|
|
245
|
-
const GuitSemFontLabelLargeUnderlineSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
246
|
-
const GuitSemFontLabelLargeUnderlineSemiboldFontSize = "1.6rem";
|
|
247
|
-
const GuitSemFontLabelLargeUnderlineSemiboldFontWeight = "600";
|
|
248
|
-
const GuitSemFontLabelLargeUnderlineSemiboldLineHeight = "2.4rem";
|
|
249
|
-
const GuitSemFontLabelLargeUnderlineSemiboldTextDecoration = "Underline";
|
|
250
236
|
const GuitSemFontLabelMediumDefaultSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
251
237
|
const GuitSemFontLabelMediumDefaultSemiboldFontSize = "1.4rem";
|
|
252
238
|
const GuitSemFontLabelMediumDefaultSemiboldFontWeight = "600";
|
|
253
239
|
const GuitSemFontLabelMediumDefaultSemiboldLineHeight = "2rem";
|
|
254
|
-
const GuitSemFontLabelMediumUnderlineSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
255
|
-
const GuitSemFontLabelMediumUnderlineSemiboldFontSize = "1.4rem";
|
|
256
|
-
const GuitSemFontLabelMediumUnderlineSemiboldFontWeight = "600";
|
|
257
|
-
const GuitSemFontLabelMediumUnderlineSemiboldLineHeight = "2rem";
|
|
258
|
-
const GuitSemFontLabelMediumUnderlineSemiboldTextDecoration = "Underline";
|
|
259
240
|
const GuitSemFontBodyLargeDefaultSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
260
241
|
const GuitSemFontBodyLargeDefaultSemiboldFontSize = "1.6rem";
|
|
261
242
|
const GuitSemFontBodyLargeDefaultSemiboldFontWeight = "600";
|
|
@@ -271,24 +252,6 @@ const GuitSemFontBodyLargeDefaultRegularFontSize = "1.6rem";
|
|
|
271
252
|
const GuitSemFontBodyLargeDefaultRegularFontWeight = "400";
|
|
272
253
|
const GuitSemFontBodyLargeDefaultRegularLineHeight = "2.4rem";
|
|
273
254
|
const GuitSemFontBodyLargeDefaultRegularParagraphSpacing = "2.4rem";
|
|
274
|
-
const GuitSemFontBodyLargeUnderlineSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
275
|
-
const GuitSemFontBodyLargeUnderlineSemiboldFontSize = "1.6rem";
|
|
276
|
-
const GuitSemFontBodyLargeUnderlineSemiboldFontWeight = "600";
|
|
277
|
-
const GuitSemFontBodyLargeUnderlineSemiboldLineHeight = "2.4rem";
|
|
278
|
-
const GuitSemFontBodyLargeUnderlineSemiboldParagraphSpacing = "2.4rem";
|
|
279
|
-
const GuitSemFontBodyLargeUnderlineSemiboldTextDecoration = "Underline";
|
|
280
|
-
const GuitSemFontBodyLargeUnderlineMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
281
|
-
const GuitSemFontBodyLargeUnderlineMediumFontSize = "1.6rem";
|
|
282
|
-
const GuitSemFontBodyLargeUnderlineMediumFontWeight = "500";
|
|
283
|
-
const GuitSemFontBodyLargeUnderlineMediumLineHeight = "2.4rem";
|
|
284
|
-
const GuitSemFontBodyLargeUnderlineMediumParagraphSpacing = "2.4rem";
|
|
285
|
-
const GuitSemFontBodyLargeUnderlineMediumTextDecoration = "Underline";
|
|
286
|
-
const GuitSemFontBodyLargeUnderlineRegularFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
287
|
-
const GuitSemFontBodyLargeUnderlineRegularFontSize = "1.6rem";
|
|
288
|
-
const GuitSemFontBodyLargeUnderlineRegularFontWeight = "400";
|
|
289
|
-
const GuitSemFontBodyLargeUnderlineRegularLineHeight = "2.4rem";
|
|
290
|
-
const GuitSemFontBodyLargeUnderlineRegularParagraphSpacing = "2.4rem";
|
|
291
|
-
const GuitSemFontBodyLargeUnderlineRegularTextDecoration = "Underline";
|
|
292
255
|
const GuitSemFontBodyMediumDefaultSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
293
256
|
const GuitSemFontBodyMediumDefaultMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
294
257
|
const GuitSemFontBodyMediumDefaultMediumFontSize = "1.4rem";
|
|
@@ -304,34 +267,16 @@ const GuitSemFontBodyMediumDefaultRegularFontSize = "1.4rem";
|
|
|
304
267
|
const GuitSemFontBodyMediumDefaultRegularFontWeight = "400";
|
|
305
268
|
const GuitSemFontBodyMediumDefaultRegularLineHeight = "2rem";
|
|
306
269
|
const GuitSemFontBodyMediumDefaultRegularParagraphSpacing = "2rem";
|
|
307
|
-
const GuitSemFontBodyMediumUnderlineSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
308
|
-
const GuitSemFontBodyMediumUnderlineSemiboldFontSize = "1.4rem";
|
|
309
|
-
const GuitSemFontBodyMediumUnderlineSemiboldFontWeight = "600";
|
|
310
|
-
const GuitSemFontBodyMediumUnderlineSemiboldLineHeight = "2rem";
|
|
311
|
-
const GuitSemFontBodyMediumUnderlineSemiboldParagraphSpacing = "2rem";
|
|
312
|
-
const GuitSemFontBodyMediumUnderlineSemiboldTextDecoration = "Underline";
|
|
313
|
-
const GuitSemFontBodyMediumUnderlineMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
314
|
-
const GuitSemFontBodyMediumUnderlineMediumFontSize = "1.4rem";
|
|
315
|
-
const GuitSemFontBodyMediumUnderlineMediumFontWeight = "500";
|
|
316
|
-
const GuitSemFontBodyMediumUnderlineMediumLineHeight = "2rem";
|
|
317
|
-
const GuitSemFontBodyMediumUnderlineMediumParagraphSpacing = "2rem";
|
|
318
|
-
const GuitSemFontBodyMediumUnderlineMediumTextDecoration = "Underline";
|
|
319
|
-
const GuitSemFontBodyMediumUnderlineRegularFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
320
|
-
const GuitSemFontBodyMediumUnderlineRegularFontSize = "1.4rem";
|
|
321
|
-
const GuitSemFontBodyMediumUnderlineRegularFontWeight = "400";
|
|
322
|
-
const GuitSemFontBodyMediumUnderlineRegularLineHeight = "2rem";
|
|
323
|
-
const GuitSemFontBodyMediumUnderlineRegularParagraphSpacing = "2rem";
|
|
324
|
-
const GuitSemFontBodyMediumUnderlineRegularTextDecoration = "Underline";
|
|
325
270
|
const GuitSemFontCaptionLargeSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
326
271
|
const GuitSemFontCaptionLargeSemiboldFontSize = "1.2rem";
|
|
327
272
|
const GuitSemFontCaptionLargeSemiboldFontWeight = "600";
|
|
328
|
-
const
|
|
273
|
+
const GuitSemFontCaptionLargeSemiboldLineHeight = "1.6rem";
|
|
329
274
|
const GuitSemFontCaptionLargeSemiboldLetterSpacing = "0.03rem";
|
|
330
275
|
const GuitSemFontCaptionLargeSemiboldParagraphSpacing = "1.6rem";
|
|
331
276
|
const GuitSemFontCaptionLargeMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
332
277
|
const GuitSemFontCaptionLargeMediumFontSize = "1.2rem";
|
|
333
278
|
const GuitSemFontCaptionLargeMediumFontWeight = "500";
|
|
334
|
-
const
|
|
279
|
+
const GuitSemFontCaptionLargeMediumLineHeight = "1.6rem";
|
|
335
280
|
const GuitSemFontCaptionLargeMediumLetterSpacing = "0.03rem";
|
|
336
281
|
const GuitSemFontCaptionLargeMediumParagraphSpacing = "1.6rem";
|
|
337
282
|
const GuitSemFontCaptionLargeRegularFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
@@ -340,6 +285,12 @@ const GuitSemFontCaptionLargeRegularFontWeight = "400";
|
|
|
340
285
|
const GuitSemFontCaptionLargeRegularLineHeight = "1.6rem";
|
|
341
286
|
const GuitSemFontCaptionLargeRegularLetterSpacing = "0.03rem";
|
|
342
287
|
const GuitSemFontCaptionLargeRegularParagraphSpacing = "1.6rem";
|
|
288
|
+
const GuitSemFontCaptionMediumSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
289
|
+
const GuitSemFontCaptionMediumSemiboldFontSize = "1rem";
|
|
290
|
+
const GuitSemFontCaptionMediumSemiboldFontWeight = "600";
|
|
291
|
+
const GuitSemFontCaptionMediumSemiboldLineHeight = "1.4rem";
|
|
292
|
+
const GuitSemFontCaptionMediumSemiboldLetterSpacing = "0.03rem";
|
|
293
|
+
const GuitSemFontCaptionMediumSemiboldParagraphSpacing = "1.6rem";
|
|
343
294
|
const GuitSemFontCaptionMediumMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
344
295
|
const GuitSemFontCaptionMediumRegularFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
345
296
|
const GuitSemFontCaptionMediumRegularFontSize = "1rem";
|
|
@@ -360,38 +311,18 @@ const GuitSemFontLabelLargeDefaultMediumFontFamily = "'Open Sans', -apple-system
|
|
|
360
311
|
const GuitSemFontLabelLargeDefaultMediumFontSize = "1.6rem";
|
|
361
312
|
const GuitSemFontLabelLargeDefaultMediumFontWeight = "500";
|
|
362
313
|
const GuitSemFontLabelLargeDefaultMediumLineHeight = "2.4rem";
|
|
363
|
-
const GuitSemFontLabelLargeUnderlineMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
364
|
-
const GuitSemFontLabelLargeUnderlineMediumFontSize = "1.6rem";
|
|
365
|
-
const GuitSemFontLabelLargeUnderlineMediumFontWeight = "500";
|
|
366
|
-
const GuitSemFontLabelLargeUnderlineMediumLineHeight = "2.4rem";
|
|
367
|
-
const GuitSemFontLabelLargeUnderlineMediumTextDecoration = "Underline";
|
|
368
314
|
const GuitSemFontLabelMediumDefaultMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
369
315
|
const GuitSemFontLabelMediumDefaultMediumFontSize = "1.4rem";
|
|
370
316
|
const GuitSemFontLabelMediumDefaultMediumFontWeight = "500";
|
|
371
317
|
const GuitSemFontLabelMediumDefaultMediumLineHeight = "2rem";
|
|
372
|
-
const GuitSemFontLabelMediumUnderlineMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
373
|
-
const GuitSemFontLabelMediumUnderlineMediumFontSize = "1.4rem";
|
|
374
|
-
const GuitSemFontLabelMediumUnderlineMediumFontWeight = "500";
|
|
375
|
-
const GuitSemFontLabelMediumUnderlineMediumLineHeight = "2rem";
|
|
376
|
-
const GuitSemFontLabelMediumUnderlineMediumTextDecoration = "Underline";
|
|
377
318
|
const GuitSemFontLabelSmallDefaultSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
378
319
|
const GuitSemFontLabelSmallDefaultSemiboldFontSize = "1.2rem";
|
|
379
320
|
const GuitSemFontLabelSmallDefaultSemiboldFontWeight = "600";
|
|
380
321
|
const GuitSemFontLabelSmallDefaultSemiboldLineHeight = "1.6rem";
|
|
381
|
-
const GuitSemFontLabelSmallUnderlineSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
382
|
-
const GuitSemFontLabelSmallUnderlineSemiboldFontSize = "1.2rem";
|
|
383
|
-
const GuitSemFontLabelSmallUnderlineSemiboldFontWeight = "600";
|
|
384
|
-
const GuitSemFontLabelSmallUnderlineSemiboldLineHeight = "1.6rem";
|
|
385
|
-
const GuitSemFontLabelSmallUnderlineSemiboldTextDecoration = "Underline";
|
|
386
322
|
const GuitSemFontLabelSmallDefaultMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
387
323
|
const GuitSemFontLabelSmallDefaultMediumFontSize = "1.2rem";
|
|
388
324
|
const GuitSemFontLabelSmallDefaultMediumFontWeight = "500";
|
|
389
325
|
const GuitSemFontLabelSmallDefaultMediumLineHeight = "1.6rem";
|
|
390
|
-
const GuitSemFontLabelSmallUnderlineMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
391
|
-
const GuitSemFontLabelSmallUnderlineMediumFontSize = "1.2rem";
|
|
392
|
-
const GuitSemFontLabelSmallUnderlineMediumFontWeight = "500";
|
|
393
|
-
const GuitSemFontLabelSmallUnderlineMediumLineHeight = "1.6rem";
|
|
394
|
-
const GuitSemFontLabelSmallUnderlineMediumTextDecoration = "Underline";
|
|
395
326
|
const GuitSemDimensionWidthNone = "0rem";
|
|
396
327
|
const GuitSemDimensionWidth4xsmall = "0.4rem";
|
|
397
328
|
const GuitSemDimensionWidth3xsmall = "0.8rem";
|
|
@@ -467,7 +398,7 @@ const GuitSemShadowRaisedBottomPositionY = "0.2rem";
|
|
|
467
398
|
const GuitSemShadowRaisedBottomBlur = "0.6rem";
|
|
468
399
|
const GuitSemShadowRaisedBottomSpread = "0.2rem";
|
|
469
400
|
const GuitSemColorForegroundNeutral2Notheme = "#262627";
|
|
470
|
-
const
|
|
401
|
+
const GuitSemColorBackgroundNeutral5 = "#262627";
|
|
471
402
|
const GuitSemColorForegroundInverseNotheme = "#FFFFFF";
|
|
472
403
|
const GuitSemColorBackgroundSuccess2Pressed = "#1E8A5C";
|
|
473
404
|
const GuitSemColorSurfaceNeutral1 = "light-dark(#FFFFFF, #1c1c1c)";
|
|
@@ -491,17 +422,18 @@ const GuitSemColorBackgroundNeutral1NudgePressed = "light-dark(#E8E8E8, #1c1c1c)
|
|
|
491
422
|
const GuitSemColorForegroundBrand = "light-dark(#1473E6, #95C0F4)";
|
|
492
423
|
const GuitSemColorForegroundBrandHover = "light-dark(#105EBC, #C3DBF9)";
|
|
493
424
|
const GuitSemColorForegroundBrandPressed = "light-dark(#0A3B75, #E8F1FD)";
|
|
494
|
-
const GuitSemColorBackgroundNeutral2 = "light-dark(#
|
|
425
|
+
const GuitSemColorBackgroundNeutral2 = "light-dark(#FAFAFA, #141414)";
|
|
426
|
+
const GuitSemColorBackgroundNeutral3 = "light-dark(#F5F5F5, #262627)";
|
|
495
427
|
const GuitSemColorForegroundError = "light-dark(#98332F, #F8CBC9)";
|
|
496
|
-
const
|
|
428
|
+
const GuitSemColorBackgroundNeutral3Hover = "light-dark(#E8E8E8, #323234)";
|
|
429
|
+
const GuitSemColorBackgroundNeutral3Pressed = "light-dark(#D3D3D4, #1c1c1c)";
|
|
497
430
|
const GuitSemColorForegroundSuccess = "light-dark(#18714C, #B6ECD5)";
|
|
498
|
-
const
|
|
499
|
-
const GuitSemColorBackgroundNeutral3 = "light-dark(#E8E8E8, #323234)";
|
|
431
|
+
const GuitSemColorBackgroundNeutral4 = "light-dark(#E8E8E8, #323234)";
|
|
500
432
|
const GuitSemColorForegroundWarning = "light-dark(#7E6030, #F0D09D)";
|
|
501
433
|
const GuitSemColorForegroundRecommendation = "light-dark(#553EB7, #D7CFF7)";
|
|
502
434
|
const GuitSemColorForegroundInformative = "light-dark(#105EBC, #C3DBF9)";
|
|
503
|
-
const GuitSemColorForegroundSelected = "light-dark(#1473E6, #95C0F4)";
|
|
504
435
|
const GuitSemColorBackgroundBrand1 = "light-dark(#E8F1FD, #105EBC)";
|
|
436
|
+
const GuitSemColorForegroundSelected = "light-dark(#1473E6, #95C0F4)";
|
|
505
437
|
const GuitSemColorForegroundSelectedHover = "light-dark(#105EBC, #C3DBF9)";
|
|
506
438
|
const GuitSemColorBackgroundBrand1Hover = "light-dark(#C3DBF9, #1473E6)";
|
|
507
439
|
const GuitSemColorForegroundSelectedPressed = "light-dark(#0A3B75, #E8F1FD)";
|
|
@@ -721,7 +653,6 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
721
653
|
GuitRefFontLineHeight200: GuitRefFontLineHeight200,
|
|
722
654
|
GuitRefFontLineHeight240: GuitRefFontLineHeight240,
|
|
723
655
|
GuitRefFontLineHeight320: GuitRefFontLineHeight320,
|
|
724
|
-
GuitRefFontLineHeight60: GuitRefFontLineHeight60,
|
|
725
656
|
GuitRefFontLineHeight70: GuitRefFontLineHeight70,
|
|
726
657
|
GuitRefFontLineHeight80: GuitRefFontLineHeight80,
|
|
727
658
|
GuitRefFontLineHeight90: GuitRefFontLineHeight90,
|
|
@@ -737,14 +668,11 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
737
668
|
GuitRefFontSize80: GuitRefFontSize80,
|
|
738
669
|
GuitRefFontSize90: GuitRefFontSize90,
|
|
739
670
|
GuitRefFontTextAlignCenter: GuitRefFontTextAlignCenter,
|
|
740
|
-
GuitRefFontTextAlignJustify: GuitRefFontTextAlignJustify,
|
|
741
671
|
GuitRefFontTextAlignLeft: GuitRefFontTextAlignLeft,
|
|
742
672
|
GuitRefFontTextAlignRight: GuitRefFontTextAlignRight,
|
|
743
673
|
GuitRefFontTextCaseUppercase: GuitRefFontTextCaseUppercase,
|
|
744
|
-
GuitRefFontTextDecorationItalic: GuitRefFontTextDecorationItalic,
|
|
745
674
|
GuitRefFontTextDecorationStrike: GuitRefFontTextDecorationStrike,
|
|
746
675
|
GuitRefFontTextDecorationUnderline: GuitRefFontTextDecorationUnderline,
|
|
747
|
-
GuitRefFontWeightBold: GuitRefFontWeightBold,
|
|
748
676
|
GuitRefFontWeightMedium: GuitRefFontWeightMedium,
|
|
749
677
|
GuitRefFontWeightRegular: GuitRefFontWeightRegular,
|
|
750
678
|
GuitRefFontWeightSemibold: GuitRefFontWeightSemibold,
|
|
@@ -757,18 +685,13 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
757
685
|
GuitRefMotionEasingInputAndOutput: GuitRefMotionEasingInputAndOutput,
|
|
758
686
|
GuitRefMotionEasingOutput: GuitRefMotionEasingOutput,
|
|
759
687
|
GuitRefMotionEasingStandard: GuitRefMotionEasingStandard,
|
|
760
|
-
GuitRefRadius2xlarge: GuitRefRadius2xlarge,
|
|
761
688
|
GuitRefRadius2xsmall: GuitRefRadius2xsmall,
|
|
762
|
-
GuitRefRadius3xlarge: GuitRefRadius3xlarge,
|
|
763
689
|
GuitRefRadius3xsmall: GuitRefRadius3xsmall,
|
|
764
|
-
GuitRefRadius4xlarge: GuitRefRadius4xlarge,
|
|
765
690
|
GuitRefRadius4xsmall: GuitRefRadius4xsmall,
|
|
766
691
|
GuitRefRadiusFull: GuitRefRadiusFull,
|
|
767
|
-
GuitRefRadiusLarge: GuitRefRadiusLarge,
|
|
768
692
|
GuitRefRadiusMedium: GuitRefRadiusMedium,
|
|
769
693
|
GuitRefRadiusNone: GuitRefRadiusNone,
|
|
770
694
|
GuitRefRadiusSmall: GuitRefRadiusSmall,
|
|
771
|
-
GuitRefRadiusXlarge: GuitRefRadiusXlarge,
|
|
772
695
|
GuitRefRadiusXsmall: GuitRefRadiusXsmall,
|
|
773
696
|
GuitRefShadowBlur2xsmall: GuitRefShadowBlur2xsmall,
|
|
774
697
|
GuitRefShadowBlurMedium: GuitRefShadowBlurMedium,
|
|
@@ -867,10 +790,11 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
867
790
|
GuitSemColorBackgroundNeutral1NudgePressed: GuitSemColorBackgroundNeutral1NudgePressed,
|
|
868
791
|
GuitSemColorBackgroundNeutral1Pressed: GuitSemColorBackgroundNeutral1Pressed,
|
|
869
792
|
GuitSemColorBackgroundNeutral2: GuitSemColorBackgroundNeutral2,
|
|
870
|
-
GuitSemColorBackgroundNeutral2Hover: GuitSemColorBackgroundNeutral2Hover,
|
|
871
|
-
GuitSemColorBackgroundNeutral2Pressed: GuitSemColorBackgroundNeutral2Pressed,
|
|
872
793
|
GuitSemColorBackgroundNeutral3: GuitSemColorBackgroundNeutral3,
|
|
794
|
+
GuitSemColorBackgroundNeutral3Hover: GuitSemColorBackgroundNeutral3Hover,
|
|
795
|
+
GuitSemColorBackgroundNeutral3Pressed: GuitSemColorBackgroundNeutral3Pressed,
|
|
873
796
|
GuitSemColorBackgroundNeutral4: GuitSemColorBackgroundNeutral4,
|
|
797
|
+
GuitSemColorBackgroundNeutral5: GuitSemColorBackgroundNeutral5,
|
|
874
798
|
GuitSemColorBackgroundRecommendation1: GuitSemColorBackgroundRecommendation1,
|
|
875
799
|
GuitSemColorBackgroundRecommendation2: GuitSemColorBackgroundRecommendation2,
|
|
876
800
|
GuitSemColorBackgroundSelected1: GuitSemColorBackgroundSelected1,
|
|
@@ -1022,24 +946,6 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
1022
946
|
GuitSemFontBodyLargeDefaultSemiboldFontWeight: GuitSemFontBodyLargeDefaultSemiboldFontWeight,
|
|
1023
947
|
GuitSemFontBodyLargeDefaultSemiboldLineHeight: GuitSemFontBodyLargeDefaultSemiboldLineHeight,
|
|
1024
948
|
GuitSemFontBodyLargeDefaultSemiboldParagraphSpacing: GuitSemFontBodyLargeDefaultSemiboldParagraphSpacing,
|
|
1025
|
-
GuitSemFontBodyLargeUnderlineMediumFontFamily: GuitSemFontBodyLargeUnderlineMediumFontFamily,
|
|
1026
|
-
GuitSemFontBodyLargeUnderlineMediumFontSize: GuitSemFontBodyLargeUnderlineMediumFontSize,
|
|
1027
|
-
GuitSemFontBodyLargeUnderlineMediumFontWeight: GuitSemFontBodyLargeUnderlineMediumFontWeight,
|
|
1028
|
-
GuitSemFontBodyLargeUnderlineMediumLineHeight: GuitSemFontBodyLargeUnderlineMediumLineHeight,
|
|
1029
|
-
GuitSemFontBodyLargeUnderlineMediumParagraphSpacing: GuitSemFontBodyLargeUnderlineMediumParagraphSpacing,
|
|
1030
|
-
GuitSemFontBodyLargeUnderlineMediumTextDecoration: GuitSemFontBodyLargeUnderlineMediumTextDecoration,
|
|
1031
|
-
GuitSemFontBodyLargeUnderlineRegularFontFamily: GuitSemFontBodyLargeUnderlineRegularFontFamily,
|
|
1032
|
-
GuitSemFontBodyLargeUnderlineRegularFontSize: GuitSemFontBodyLargeUnderlineRegularFontSize,
|
|
1033
|
-
GuitSemFontBodyLargeUnderlineRegularFontWeight: GuitSemFontBodyLargeUnderlineRegularFontWeight,
|
|
1034
|
-
GuitSemFontBodyLargeUnderlineRegularLineHeight: GuitSemFontBodyLargeUnderlineRegularLineHeight,
|
|
1035
|
-
GuitSemFontBodyLargeUnderlineRegularParagraphSpacing: GuitSemFontBodyLargeUnderlineRegularParagraphSpacing,
|
|
1036
|
-
GuitSemFontBodyLargeUnderlineRegularTextDecoration: GuitSemFontBodyLargeUnderlineRegularTextDecoration,
|
|
1037
|
-
GuitSemFontBodyLargeUnderlineSemiboldFontFamily: GuitSemFontBodyLargeUnderlineSemiboldFontFamily,
|
|
1038
|
-
GuitSemFontBodyLargeUnderlineSemiboldFontSize: GuitSemFontBodyLargeUnderlineSemiboldFontSize,
|
|
1039
|
-
GuitSemFontBodyLargeUnderlineSemiboldFontWeight: GuitSemFontBodyLargeUnderlineSemiboldFontWeight,
|
|
1040
|
-
GuitSemFontBodyLargeUnderlineSemiboldLineHeight: GuitSemFontBodyLargeUnderlineSemiboldLineHeight,
|
|
1041
|
-
GuitSemFontBodyLargeUnderlineSemiboldParagraphSpacing: GuitSemFontBodyLargeUnderlineSemiboldParagraphSpacing,
|
|
1042
|
-
GuitSemFontBodyLargeUnderlineSemiboldTextDecoration: GuitSemFontBodyLargeUnderlineSemiboldTextDecoration,
|
|
1043
949
|
GuitSemFontBodyMediumDefaultMediumFontFamily: GuitSemFontBodyMediumDefaultMediumFontFamily,
|
|
1044
950
|
GuitSemFontBodyMediumDefaultMediumFontSize: GuitSemFontBodyMediumDefaultMediumFontSize,
|
|
1045
951
|
GuitSemFontBodyMediumDefaultMediumFontWeight: GuitSemFontBodyMediumDefaultMediumFontWeight,
|
|
@@ -1055,29 +961,11 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
1055
961
|
GuitSemFontBodyMediumDefaultSemiboldFontWeight: GuitSemFontBodyMediumDefaultSemiboldFontWeight,
|
|
1056
962
|
GuitSemFontBodyMediumDefaultSemiboldLineHeight: GuitSemFontBodyMediumDefaultSemiboldLineHeight,
|
|
1057
963
|
GuitSemFontBodyMediumDefaultSemiboldParagraphSpacing: GuitSemFontBodyMediumDefaultSemiboldParagraphSpacing,
|
|
1058
|
-
GuitSemFontBodyMediumUnderlineMediumFontFamily: GuitSemFontBodyMediumUnderlineMediumFontFamily,
|
|
1059
|
-
GuitSemFontBodyMediumUnderlineMediumFontSize: GuitSemFontBodyMediumUnderlineMediumFontSize,
|
|
1060
|
-
GuitSemFontBodyMediumUnderlineMediumFontWeight: GuitSemFontBodyMediumUnderlineMediumFontWeight,
|
|
1061
|
-
GuitSemFontBodyMediumUnderlineMediumLineHeight: GuitSemFontBodyMediumUnderlineMediumLineHeight,
|
|
1062
|
-
GuitSemFontBodyMediumUnderlineMediumParagraphSpacing: GuitSemFontBodyMediumUnderlineMediumParagraphSpacing,
|
|
1063
|
-
GuitSemFontBodyMediumUnderlineMediumTextDecoration: GuitSemFontBodyMediumUnderlineMediumTextDecoration,
|
|
1064
|
-
GuitSemFontBodyMediumUnderlineRegularFontFamily: GuitSemFontBodyMediumUnderlineRegularFontFamily,
|
|
1065
|
-
GuitSemFontBodyMediumUnderlineRegularFontSize: GuitSemFontBodyMediumUnderlineRegularFontSize,
|
|
1066
|
-
GuitSemFontBodyMediumUnderlineRegularFontWeight: GuitSemFontBodyMediumUnderlineRegularFontWeight,
|
|
1067
|
-
GuitSemFontBodyMediumUnderlineRegularLineHeight: GuitSemFontBodyMediumUnderlineRegularLineHeight,
|
|
1068
|
-
GuitSemFontBodyMediumUnderlineRegularParagraphSpacing: GuitSemFontBodyMediumUnderlineRegularParagraphSpacing,
|
|
1069
|
-
GuitSemFontBodyMediumUnderlineRegularTextDecoration: GuitSemFontBodyMediumUnderlineRegularTextDecoration,
|
|
1070
|
-
GuitSemFontBodyMediumUnderlineSemiboldFontFamily: GuitSemFontBodyMediumUnderlineSemiboldFontFamily,
|
|
1071
|
-
GuitSemFontBodyMediumUnderlineSemiboldFontSize: GuitSemFontBodyMediumUnderlineSemiboldFontSize,
|
|
1072
|
-
GuitSemFontBodyMediumUnderlineSemiboldFontWeight: GuitSemFontBodyMediumUnderlineSemiboldFontWeight,
|
|
1073
|
-
GuitSemFontBodyMediumUnderlineSemiboldLineHeight: GuitSemFontBodyMediumUnderlineSemiboldLineHeight,
|
|
1074
|
-
GuitSemFontBodyMediumUnderlineSemiboldParagraphSpacing: GuitSemFontBodyMediumUnderlineSemiboldParagraphSpacing,
|
|
1075
|
-
GuitSemFontBodyMediumUnderlineSemiboldTextDecoration: GuitSemFontBodyMediumUnderlineSemiboldTextDecoration,
|
|
1076
964
|
GuitSemFontCaptionLargeMediumFontFamily: GuitSemFontCaptionLargeMediumFontFamily,
|
|
1077
965
|
GuitSemFontCaptionLargeMediumFontSize: GuitSemFontCaptionLargeMediumFontSize,
|
|
1078
966
|
GuitSemFontCaptionLargeMediumFontWeight: GuitSemFontCaptionLargeMediumFontWeight,
|
|
1079
967
|
GuitSemFontCaptionLargeMediumLetterSpacing: GuitSemFontCaptionLargeMediumLetterSpacing,
|
|
1080
|
-
|
|
968
|
+
GuitSemFontCaptionLargeMediumLineHeight: GuitSemFontCaptionLargeMediumLineHeight,
|
|
1081
969
|
GuitSemFontCaptionLargeMediumParagraphSpacing: GuitSemFontCaptionLargeMediumParagraphSpacing,
|
|
1082
970
|
GuitSemFontCaptionLargeRegularFontFamily: GuitSemFontCaptionLargeRegularFontFamily,
|
|
1083
971
|
GuitSemFontCaptionLargeRegularFontSize: GuitSemFontCaptionLargeRegularFontSize,
|
|
@@ -1089,7 +977,7 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
1089
977
|
GuitSemFontCaptionLargeSemiboldFontSize: GuitSemFontCaptionLargeSemiboldFontSize,
|
|
1090
978
|
GuitSemFontCaptionLargeSemiboldFontWeight: GuitSemFontCaptionLargeSemiboldFontWeight,
|
|
1091
979
|
GuitSemFontCaptionLargeSemiboldLetterSpacing: GuitSemFontCaptionLargeSemiboldLetterSpacing,
|
|
1092
|
-
|
|
980
|
+
GuitSemFontCaptionLargeSemiboldLineHeight: GuitSemFontCaptionLargeSemiboldLineHeight,
|
|
1093
981
|
GuitSemFontCaptionLargeSemiboldParagraphSpacing: GuitSemFontCaptionLargeSemiboldParagraphSpacing,
|
|
1094
982
|
GuitSemFontCaptionMediumMediumFontFamily: GuitSemFontCaptionMediumMediumFontFamily,
|
|
1095
983
|
GuitSemFontCaptionMediumMediumFontSize: GuitSemFontCaptionMediumMediumFontSize,
|
|
@@ -1103,6 +991,12 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
1103
991
|
GuitSemFontCaptionMediumRegularLetterSpacing: GuitSemFontCaptionMediumRegularLetterSpacing,
|
|
1104
992
|
GuitSemFontCaptionMediumRegularLineHeight: GuitSemFontCaptionMediumRegularLineHeight,
|
|
1105
993
|
GuitSemFontCaptionMediumRegularParagraphSpacing: GuitSemFontCaptionMediumRegularParagraphSpacing,
|
|
994
|
+
GuitSemFontCaptionMediumSemiboldFontFamily: GuitSemFontCaptionMediumSemiboldFontFamily,
|
|
995
|
+
GuitSemFontCaptionMediumSemiboldFontSize: GuitSemFontCaptionMediumSemiboldFontSize,
|
|
996
|
+
GuitSemFontCaptionMediumSemiboldFontWeight: GuitSemFontCaptionMediumSemiboldFontWeight,
|
|
997
|
+
GuitSemFontCaptionMediumSemiboldLetterSpacing: GuitSemFontCaptionMediumSemiboldLetterSpacing,
|
|
998
|
+
GuitSemFontCaptionMediumSemiboldLineHeight: GuitSemFontCaptionMediumSemiboldLineHeight,
|
|
999
|
+
GuitSemFontCaptionMediumSemiboldParagraphSpacing: GuitSemFontCaptionMediumSemiboldParagraphSpacing,
|
|
1106
1000
|
GuitSemFontHeadingLargeSemiboldFontFamily: GuitSemFontHeadingLargeSemiboldFontFamily,
|
|
1107
1001
|
GuitSemFontHeadingLargeSemiboldFontSize: GuitSemFontHeadingLargeSemiboldFontSize,
|
|
1108
1002
|
GuitSemFontHeadingLargeSemiboldFontWeight: GuitSemFontHeadingLargeSemiboldFontWeight,
|
|
@@ -1131,16 +1025,6 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
1131
1025
|
GuitSemFontLabelLargeDefaultSemiboldFontSize: GuitSemFontLabelLargeDefaultSemiboldFontSize,
|
|
1132
1026
|
GuitSemFontLabelLargeDefaultSemiboldFontWeight: GuitSemFontLabelLargeDefaultSemiboldFontWeight,
|
|
1133
1027
|
GuitSemFontLabelLargeDefaultSemiboldLineHeight: GuitSemFontLabelLargeDefaultSemiboldLineHeight,
|
|
1134
|
-
GuitSemFontLabelLargeUnderlineMediumFontFamily: GuitSemFontLabelLargeUnderlineMediumFontFamily,
|
|
1135
|
-
GuitSemFontLabelLargeUnderlineMediumFontSize: GuitSemFontLabelLargeUnderlineMediumFontSize,
|
|
1136
|
-
GuitSemFontLabelLargeUnderlineMediumFontWeight: GuitSemFontLabelLargeUnderlineMediumFontWeight,
|
|
1137
|
-
GuitSemFontLabelLargeUnderlineMediumLineHeight: GuitSemFontLabelLargeUnderlineMediumLineHeight,
|
|
1138
|
-
GuitSemFontLabelLargeUnderlineMediumTextDecoration: GuitSemFontLabelLargeUnderlineMediumTextDecoration,
|
|
1139
|
-
GuitSemFontLabelLargeUnderlineSemiboldFontFamily: GuitSemFontLabelLargeUnderlineSemiboldFontFamily,
|
|
1140
|
-
GuitSemFontLabelLargeUnderlineSemiboldFontSize: GuitSemFontLabelLargeUnderlineSemiboldFontSize,
|
|
1141
|
-
GuitSemFontLabelLargeUnderlineSemiboldFontWeight: GuitSemFontLabelLargeUnderlineSemiboldFontWeight,
|
|
1142
|
-
GuitSemFontLabelLargeUnderlineSemiboldLineHeight: GuitSemFontLabelLargeUnderlineSemiboldLineHeight,
|
|
1143
|
-
GuitSemFontLabelLargeUnderlineSemiboldTextDecoration: GuitSemFontLabelLargeUnderlineSemiboldTextDecoration,
|
|
1144
1028
|
GuitSemFontLabelMediumDefaultMediumFontFamily: GuitSemFontLabelMediumDefaultMediumFontFamily,
|
|
1145
1029
|
GuitSemFontLabelMediumDefaultMediumFontSize: GuitSemFontLabelMediumDefaultMediumFontSize,
|
|
1146
1030
|
GuitSemFontLabelMediumDefaultMediumFontWeight: GuitSemFontLabelMediumDefaultMediumFontWeight,
|
|
@@ -1149,16 +1033,6 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
1149
1033
|
GuitSemFontLabelMediumDefaultSemiboldFontSize: GuitSemFontLabelMediumDefaultSemiboldFontSize,
|
|
1150
1034
|
GuitSemFontLabelMediumDefaultSemiboldFontWeight: GuitSemFontLabelMediumDefaultSemiboldFontWeight,
|
|
1151
1035
|
GuitSemFontLabelMediumDefaultSemiboldLineHeight: GuitSemFontLabelMediumDefaultSemiboldLineHeight,
|
|
1152
|
-
GuitSemFontLabelMediumUnderlineMediumFontFamily: GuitSemFontLabelMediumUnderlineMediumFontFamily,
|
|
1153
|
-
GuitSemFontLabelMediumUnderlineMediumFontSize: GuitSemFontLabelMediumUnderlineMediumFontSize,
|
|
1154
|
-
GuitSemFontLabelMediumUnderlineMediumFontWeight: GuitSemFontLabelMediumUnderlineMediumFontWeight,
|
|
1155
|
-
GuitSemFontLabelMediumUnderlineMediumLineHeight: GuitSemFontLabelMediumUnderlineMediumLineHeight,
|
|
1156
|
-
GuitSemFontLabelMediumUnderlineMediumTextDecoration: GuitSemFontLabelMediumUnderlineMediumTextDecoration,
|
|
1157
|
-
GuitSemFontLabelMediumUnderlineSemiboldFontFamily: GuitSemFontLabelMediumUnderlineSemiboldFontFamily,
|
|
1158
|
-
GuitSemFontLabelMediumUnderlineSemiboldFontSize: GuitSemFontLabelMediumUnderlineSemiboldFontSize,
|
|
1159
|
-
GuitSemFontLabelMediumUnderlineSemiboldFontWeight: GuitSemFontLabelMediumUnderlineSemiboldFontWeight,
|
|
1160
|
-
GuitSemFontLabelMediumUnderlineSemiboldLineHeight: GuitSemFontLabelMediumUnderlineSemiboldLineHeight,
|
|
1161
|
-
GuitSemFontLabelMediumUnderlineSemiboldTextDecoration: GuitSemFontLabelMediumUnderlineSemiboldTextDecoration,
|
|
1162
1036
|
GuitSemFontLabelSmallDefaultMediumFontFamily: GuitSemFontLabelSmallDefaultMediumFontFamily,
|
|
1163
1037
|
GuitSemFontLabelSmallDefaultMediumFontSize: GuitSemFontLabelSmallDefaultMediumFontSize,
|
|
1164
1038
|
GuitSemFontLabelSmallDefaultMediumFontWeight: GuitSemFontLabelSmallDefaultMediumFontWeight,
|
|
@@ -1167,16 +1041,6 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
1167
1041
|
GuitSemFontLabelSmallDefaultSemiboldFontSize: GuitSemFontLabelSmallDefaultSemiboldFontSize,
|
|
1168
1042
|
GuitSemFontLabelSmallDefaultSemiboldFontWeight: GuitSemFontLabelSmallDefaultSemiboldFontWeight,
|
|
1169
1043
|
GuitSemFontLabelSmallDefaultSemiboldLineHeight: GuitSemFontLabelSmallDefaultSemiboldLineHeight,
|
|
1170
|
-
GuitSemFontLabelSmallUnderlineMediumFontFamily: GuitSemFontLabelSmallUnderlineMediumFontFamily,
|
|
1171
|
-
GuitSemFontLabelSmallUnderlineMediumFontSize: GuitSemFontLabelSmallUnderlineMediumFontSize,
|
|
1172
|
-
GuitSemFontLabelSmallUnderlineMediumFontWeight: GuitSemFontLabelSmallUnderlineMediumFontWeight,
|
|
1173
|
-
GuitSemFontLabelSmallUnderlineMediumLineHeight: GuitSemFontLabelSmallUnderlineMediumLineHeight,
|
|
1174
|
-
GuitSemFontLabelSmallUnderlineMediumTextDecoration: GuitSemFontLabelSmallUnderlineMediumTextDecoration,
|
|
1175
|
-
GuitSemFontLabelSmallUnderlineSemiboldFontFamily: GuitSemFontLabelSmallUnderlineSemiboldFontFamily,
|
|
1176
|
-
GuitSemFontLabelSmallUnderlineSemiboldFontSize: GuitSemFontLabelSmallUnderlineSemiboldFontSize,
|
|
1177
|
-
GuitSemFontLabelSmallUnderlineSemiboldFontWeight: GuitSemFontLabelSmallUnderlineSemiboldFontWeight,
|
|
1178
|
-
GuitSemFontLabelSmallUnderlineSemiboldLineHeight: GuitSemFontLabelSmallUnderlineSemiboldLineHeight,
|
|
1179
|
-
GuitSemFontLabelSmallUnderlineSemiboldTextDecoration: GuitSemFontLabelSmallUnderlineSemiboldTextDecoration,
|
|
1180
1044
|
GuitSemFontSubheadingLargeSemiboldFontFamily: GuitSemFontSubheadingLargeSemiboldFontFamily,
|
|
1181
1045
|
GuitSemFontSubheadingLargeSemiboldFontSize: GuitSemFontSubheadingLargeSemiboldFontSize,
|
|
1182
1046
|
GuitSemFontSubheadingLargeSemiboldFontWeight: GuitSemFontSubheadingLargeSemiboldFontWeight,
|
|
@@ -1220,7 +1084,7 @@ var jsTokens = /*#__PURE__*/Object.freeze({
|
|
|
1220
1084
|
});
|
|
1221
1085
|
|
|
1222
1086
|
const bootstrap = () => {
|
|
1223
|
-
import('./tokens-
|
|
1087
|
+
import('./tokens-db749a5c.js');
|
|
1224
1088
|
return jsTokens;
|
|
1225
1089
|
};
|
|
1226
1090
|
|
|
@@ -1391,7 +1255,7 @@ var dependencies = {
|
|
|
1391
1255
|
"@floating-ui/react-dom": "^2.1.2",
|
|
1392
1256
|
"@floating-ui/utils": "^0.2.8",
|
|
1393
1257
|
"@geneui/icons": "^1.0.4",
|
|
1394
|
-
"@geneui/tokens": "^1.
|
|
1258
|
+
"@geneui/tokens": "^1.0.0",
|
|
1395
1259
|
classnames: "^2.3.2",
|
|
1396
1260
|
"react-is": "^17.0.2",
|
|
1397
1261
|
"react-scrollbars-custom": "^4.1.1"
|
package/HelperText.js
CHANGED
|
@@ -1,47 +1,8 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { S as SvgErrorAlertFill, a as SvgWarningFill } from './WarningFill-fb50593e.js';
|
|
3
3
|
import { c as classNames } from './index-ce02421b.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
5
|
-
|
|
6
|
-
var _excluded$1 = ["size", "color"];
|
|
7
|
-
var SvgErrorAlertFill = function SvgErrorAlertFill(_ref) {
|
|
8
|
-
var _ref$size = _ref.size,
|
|
9
|
-
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
10
|
-
_ref$color = _ref.color,
|
|
11
|
-
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
12
|
-
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
13
|
-
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
14
|
-
width: size,
|
|
15
|
-
height: size,
|
|
16
|
-
viewBox: "0 0 24 24",
|
|
17
|
-
fill: color,
|
|
18
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
19
|
-
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
20
|
-
d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-.75 5.758a.75.75 0 1 1 1.5 0v5.243a.75.75 0 1 1-1.5 0v-5.243Zm.75 9.235a.915.915 0 1 1 0-1.83.915.915 0 0 1 0 1.83Z",
|
|
21
|
-
fill: color
|
|
22
|
-
}));
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
var _excluded = ["size", "color"];
|
|
26
|
-
var SvgWarningFill = function SvgWarningFill(_ref) {
|
|
27
|
-
var _ref$size = _ref.size,
|
|
28
|
-
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
29
|
-
_ref$color = _ref.color,
|
|
30
|
-
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
31
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
32
|
-
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
33
|
-
width: size,
|
|
34
|
-
height: size,
|
|
35
|
-
viewBox: "0 0 24 24",
|
|
36
|
-
fill: color,
|
|
37
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
38
|
-
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
39
|
-
fillRule: "evenodd",
|
|
40
|
-
clipRule: "evenodd",
|
|
41
|
-
d: "m2.13 19.503 9.075-15.997a1 1 0 0 1 1.375-.368 1 1 0 0 1 .365.375l8.928 15.996a1.004 1.004 0 0 1-.375 1.358.997.997 0 0 1-.497.133h-18.002a.997.997 0 0 1-.999-.997c0-.175.044-.348.13-.5Zm9.33-5.035a.748.748 0 0 0 1.278-.531v-5.254a.753.753 0 0 0-.749-.751.748.748 0 0 0-.749.751v5.254c0 .199.08.39.22.531Zm1.442 2.552a.915.915 0 0 1-.913.917.915.915 0 0 1-.914-.917.915.915 0 1 1 1.827 0Z",
|
|
42
|
-
fill: color
|
|
43
|
-
}));
|
|
44
|
-
};
|
|
5
|
+
import './ArrowLeft-b88e2ba8.js';
|
|
45
6
|
|
|
46
7
|
var css_248z = ".helperText{display:inline-flex;gap:var(--guit-ref-spacing-3xsmall);max-width:100%}.helperText_size_medium .helperText__text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.helperText_size_small .helperText__text{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}.helperText_type_rest{color:var(--guit-sem-color-foreground-neutral-2)}.helperText_type_error{color:var(--guit-sem-color-foreground-error)}.helperText_type_warning{color:var(--guit-sem-color-foreground-neutral-2)}.helperText_type_warning .helperText__icon{color:var(--guit-sem-color-foreground-warning)}.helperText_disabled,.helperText_disabled .helperText__icon{color:var(--guit-sem-color-foreground-disabled)}.helperText__icon{flex:0 0 auto}";
|
|
47
8
|
styleInject(css_248z);
|
package/ProgressBar.js
CHANGED
|
@@ -3,6 +3,7 @@ import { c as classNames } from './index-ce02421b.js';
|
|
|
3
3
|
import HelperText from './HelperText.js';
|
|
4
4
|
import Label from './Label.js';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
6
|
+
import './WarningFill-fb50593e.js';
|
|
6
7
|
import './ArrowLeft-b88e2ba8.js';
|
|
7
8
|
import './Tooltip.js';
|
|
8
9
|
import 'react-dom';
|
package/Tag.js
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import React__default, { useRef } from 'react';
|
|
2
|
+
import { c as classNames } from './index-ce02421b.js';
|
|
3
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
|
|
4
|
+
import { a as SvgWarningFill, S as SvgErrorAlertFill } from './WarningFill-fb50593e.js';
|
|
5
|
+
import Button from './Button.js';
|
|
6
|
+
import Tooltip from './Tooltip.js';
|
|
7
|
+
import { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
|
|
8
|
+
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
9
|
+
import './Loader.js';
|
|
10
|
+
import 'react-dom';
|
|
11
|
+
import './GeneUIProvider.js';
|
|
12
|
+
import './useDebounceCallback-999deae7.js';
|
|
13
|
+
|
|
14
|
+
var _excluded$1 = ["size", "color"];
|
|
15
|
+
var SvgClose = function SvgClose(_ref) {
|
|
16
|
+
var _ref$size = _ref.size,
|
|
17
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
18
|
+
_ref$color = _ref.color,
|
|
19
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
20
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
21
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
22
|
+
width: size,
|
|
23
|
+
height: size,
|
|
24
|
+
viewBox: "0 0 24 24",
|
|
25
|
+
fill: color,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
27
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
28
|
+
d: "m13.051 12 6.731-6.731a.743.743 0 1 0-1.052-1.051l-6.73 6.73-6.73-6.73a.743.743 0 1 0-1.052 1.05l6.73 6.732-6.73 6.73a.743.743 0 1 0 1.051 1.051l6.73-6.73 6.731 6.731a.743.743 0 1 0 1.052-1.05l-6.73-6.732Z",
|
|
29
|
+
fill: color
|
|
30
|
+
}));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
var _excluded = ["size", "color"];
|
|
34
|
+
var SvgTagOutline = function SvgTagOutline(_ref) {
|
|
35
|
+
var _ref$size = _ref.size,
|
|
36
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
37
|
+
_ref$color = _ref.color,
|
|
38
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
39
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
40
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
41
|
+
width: size,
|
|
42
|
+
height: size,
|
|
43
|
+
viewBox: "0 0 24 24",
|
|
44
|
+
fill: color,
|
|
45
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
46
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
47
|
+
d: "M14.92 7.039a1.414 1.414 0 1 0 2 2 1.414 1.414 0 0 0-2-2Z",
|
|
48
|
+
fill: color
|
|
49
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
50
|
+
d: "M20.993 5.42a2.42 2.42 0 0 0-2.411-2.413l-5.63-.007a2.401 2.401 0 0 0-1.708.706l-7.538 7.537a2.417 2.417 0 0 0 0 3.415l5.635 5.634a2.414 2.414 0 0 0 3.416 0l7.536-7.535a2.427 2.427 0 0 0 .707-1.71l-.007-5.627Zm-1.767 6.27-7.535 7.536a.91.91 0 0 1-1.284 0l-5.634-5.634a.906.906 0 0 1 0-1.283l7.535-7.535a.911.911 0 0 1 .643-.266l5.628.007a.908.908 0 0 1 .906.907l.007 5.627a.906.906 0 0 1-.266.642Z",
|
|
51
|
+
fill: color
|
|
52
|
+
}));
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
var css_248z = ".tag{align-items:center;display:inline-flex;max-width:28rem}.tag_size_medium,.tag_size_small{-webkit-padding-start:var(--guit-ref-spacing-medium);border-radius:var(--guit-ref-radius-3xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.tag_size_medium.tag_withIcon,.tag_size_small.tag_withIcon{-webkit-padding-start:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.tag_size_medium .tag__text,.tag_size_small .tag__text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.tag_size_medium{gap:var(--guit-ref-spacing-xsmall)}.tag_size_small{gap:var(--guit-ref-spacing-2xsmall)}.tag_state_rest{background-color:var(--guit-sem-color-background-neutral-4)}.tag_state_rest .tag__icon,.tag_state_rest .tag__text{color:var(--guit-sem-color-foreground-neutral-2)}.tag_state_error{background-color:var(--guit-sem-color-background-error-1)}.tag_state_error .tag__icon,.tag_state_error .tag__text{color:var(--guit-sem-color-foreground-error)}.tag_state_warning{background-color:var(--guit-sem-color-background-warning-1)}.tag_state_warning .tag__icon,.tag_state_warning .tag__text{color:var(--guit-sem-color-foreground-warning)}.tag_state_disabled{background-color:var(--guit-sem-color-background-disabled);pointer-events:none;-webkit-user-select:none;user-select:none}.tag_state_disabled .tag__icon,.tag_state_disabled .tag__text{color:var(--guit-sem-color-foreground-disabled)}.tag__button,.tag__icon{flex:0 0 auto}.tag__text{flex:1;min-width:0}";
|
|
56
|
+
styleInject(css_248z);
|
|
57
|
+
|
|
58
|
+
const icons = {
|
|
59
|
+
rest: SvgTagOutline,
|
|
60
|
+
warning: SvgWarningFill,
|
|
61
|
+
error: SvgErrorAlertFill
|
|
62
|
+
};
|
|
63
|
+
/**
|
|
64
|
+
* Tag is used to label, categorize, and organize content within an interface. It can be used to highlight keywords, topics, or attributes related to an item. Tags enhance user navigation and search functionality by providing a quick way to filter and identify relevant information.
|
|
65
|
+
*/
|
|
66
|
+
const Tag = ({ className, text, type = "rest", disabled, size = "medium", withIcon = true, onClose }) => {
|
|
67
|
+
const textRef = useRef(null);
|
|
68
|
+
const isTruncated = useEllipsisDetection(textRef, [text]);
|
|
69
|
+
const Icon = icons[type];
|
|
70
|
+
return (React__default.createElement("div", { className: classNames("tag", `tag_size_${size}`, className, {
|
|
71
|
+
[`tag_state_${type}`]: !disabled,
|
|
72
|
+
tag_state_disabled: disabled,
|
|
73
|
+
tag_withIcon: withIcon
|
|
74
|
+
}) },
|
|
75
|
+
withIcon && React__default.createElement(Icon, { className: "tag__icon", size: 20 }),
|
|
76
|
+
React__default.createElement(Tooltip, { text: text, isVisible: isTruncated },
|
|
77
|
+
React__default.createElement("span", { ref: textRef, className: "tag__text ellipsis-text" }, text)),
|
|
78
|
+
React__default.createElement(Button, { className: "tag__button", appearance: "secondary", displayType: "text", Icon: SvgClose, size: size, onClick: onClose, disabled: disabled })));
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
export { Tag as default };
|
package/Tooltip.js
CHANGED
|
@@ -3590,7 +3590,7 @@ function requireReactIs_development () {
|
|
|
3590
3590
|
}
|
|
3591
3591
|
} (reactIs));
|
|
3592
3592
|
|
|
3593
|
-
var css_248z = ".tooltip{align-items:flex-start;border-radius:var(--guit-ref-radius-3xsmall);box-shadow:var(--guit-sem-shadow-floating-2-position-x-1) var(--guit-sem-shadow-floating-2-position-y-1) var(--guit-sem-shadow-floating-2-blur-1) var(--guit-sem-shadow-floating-2-spread-1) var(--guit-sem-color-floating-2-rgba-1),var(--guit-sem-shadow-floating-2-position-x-2) var(--guit-sem-shadow-floating-2-position-y-2) var(--guit-sem-shadow-floating-2-blur-2) var(--guit-sem-shadow-floating-2-spread-2) var(--guit-sem-color-floating-2-rgba-2);display:flex;gap:var(--guit-ref-spacing-3xsmall);justify-content:space-between;max-width:24rem;min-width:var(--guit-sem-dimension-width-3xlarge);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium)}.tooltip_position_top .tooltip__arrow{transform:rotate(0deg)}.tooltip_position_bottom .tooltip__arrow{transform:rotate(180deg)}.tooltip_position_left .tooltip__arrow{transform:rotate(-90deg)}.tooltip_position_right .tooltip__arrow{transform:rotate(90deg)}.tooltip_color_default{background-color:var(--guit-sem-color-background-neutral-
|
|
3593
|
+
var css_248z = ".tooltip{align-items:flex-start;border-radius:var(--guit-ref-radius-3xsmall);box-shadow:var(--guit-sem-shadow-floating-2-position-x-1) var(--guit-sem-shadow-floating-2-position-y-1) var(--guit-sem-shadow-floating-2-blur-1) var(--guit-sem-shadow-floating-2-spread-1) var(--guit-sem-color-floating-2-rgba-1),var(--guit-sem-shadow-floating-2-position-x-2) var(--guit-sem-shadow-floating-2-position-y-2) var(--guit-sem-shadow-floating-2-blur-2) var(--guit-sem-shadow-floating-2-spread-2) var(--guit-sem-color-floating-2-rgba-2);display:flex;gap:var(--guit-ref-spacing-3xsmall);justify-content:space-between;max-width:24rem;min-width:var(--guit-sem-dimension-width-3xlarge);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium)}.tooltip_position_top .tooltip__arrow{transform:rotate(0deg)}.tooltip_position_bottom .tooltip__arrow{transform:rotate(180deg)}.tooltip_position_left .tooltip__arrow{transform:rotate(-90deg)}.tooltip_position_right .tooltip__arrow{transform:rotate(90deg)}.tooltip_color_default{background-color:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__icon,.tooltip_color_default .tooltip__text{color:var(--guit-sem-color-foreground-inverse-notheme)}.tooltip_color_inverse{background-color:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__icon,.tooltip_color_inverse .tooltip__text{color:var(--guit-sem-color-foreground-neutral-2)}.tooltip__arrow{position:absolute}.tooltip__textWrapper{display:flex;flex-direction:column;gap:var(--guit-sem-font-caption-large-medium-paragraph-spacing)}.tooltip__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--guit-sem-font-caption-large-medium-font-family);font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-llne-height);overflow:hidden;word-break:break-word}.tooltip__icon{flex:0 0 auto}";
|
|
3594
3594
|
styleInject(css_248z);
|
|
3595
3595
|
|
|
3596
3596
|
const positions = [
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded$1 = ["size", "color"];
|
|
5
|
+
var SvgErrorAlertFill = function SvgErrorAlertFill(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
11
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
18
|
+
d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-.75 5.758a.75.75 0 1 1 1.5 0v5.243a.75.75 0 1 1-1.5 0v-5.243Zm.75 9.235a.915.915 0 1 1 0-1.83.915.915 0 0 1 0 1.83Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
var _excluded = ["size", "color"];
|
|
24
|
+
var SvgWarningFill = function SvgWarningFill(_ref) {
|
|
25
|
+
var _ref$size = _ref.size,
|
|
26
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
27
|
+
_ref$color = _ref.color,
|
|
28
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
29
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
30
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
31
|
+
width: size,
|
|
32
|
+
height: size,
|
|
33
|
+
viewBox: "0 0 24 24",
|
|
34
|
+
fill: color,
|
|
35
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
36
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
37
|
+
fillRule: "evenodd",
|
|
38
|
+
clipRule: "evenodd",
|
|
39
|
+
d: "m2.13 19.503 9.075-15.997a1 1 0 0 1 1.375-.368 1 1 0 0 1 .365.375l8.928 15.996a1.004 1.004 0 0 1-.375 1.358.997.997 0 0 1-.497.133h-18.002a.997.997 0 0 1-.999-.997c0-.175.044-.348.13-.5Zm9.33-5.035a.748.748 0 0 0 1.278-.531v-5.254a.753.753 0 0 0-.749-.751.748.748 0 0 0-.749.751v5.254c0 .199.08.39.22.531Zm1.442 2.552a.915.915 0 0 1-.913.917.915.915 0 0 1-.914-.917.915.915 0 1 1 1.827 0Z",
|
|
40
|
+
fill: color
|
|
41
|
+
}));
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
export { SvgErrorAlertFill as S, SvgWarningFill as a };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import "./Tag.scss";
|
|
3
|
+
type TagTypes = "rest" | "error" | "warning";
|
|
4
|
+
interface ITagProps {
|
|
5
|
+
/**
|
|
6
|
+
* Tag content text
|
|
7
|
+
*/
|
|
8
|
+
text: string;
|
|
9
|
+
/**
|
|
10
|
+
* Tag type <br/>
|
|
11
|
+
* Possible values: `rest | error | warning`
|
|
12
|
+
*/
|
|
13
|
+
type?: TagTypes;
|
|
14
|
+
/**
|
|
15
|
+
* Disables tag
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Tag size <br/>
|
|
20
|
+
* Possible values: `medium | small`
|
|
21
|
+
*/
|
|
22
|
+
size?: "medium" | "small";
|
|
23
|
+
/**
|
|
24
|
+
* Hides or shows left icon
|
|
25
|
+
*/
|
|
26
|
+
withIcon?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Callback function that calls when close button is pressed
|
|
29
|
+
*/
|
|
30
|
+
onClose: () => void;
|
|
31
|
+
/**
|
|
32
|
+
* Additional class for the parent element.
|
|
33
|
+
* This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
|
|
34
|
+
*/
|
|
35
|
+
className?: string;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Tag is used to label, categorize, and organize content within an interface. It can be used to highlight keywords, topics, or attributes related to an item. Tags enhance user navigation and search functionality by providing a quick way to filter and identify relevant information.
|
|
39
|
+
*/
|
|
40
|
+
declare const Tag: FC<ITagProps>;
|
|
41
|
+
export { ITagProps, Tag as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ITagProps, default } from "./Tag";
|
package/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export { default as Button, IButtonProps } from "./components/atoms/Button";
|
|
|
9
9
|
export { default as Scrollbar } from "./components/atoms/Scrollbar";
|
|
10
10
|
export { default as Tooltip } from "./components/molecules/Tooltip";
|
|
11
11
|
export { default as ProgressBar } from "./components/molecules/ProgressBar";
|
|
12
|
+
export { default as Tag } from "./components/molecules/Tag";
|
|
12
13
|
export { default as GeneUIProvider, GeneUIDesignSystemContext, IGeneUIDesignSystemContext, IGeneUIProviderProps } from "./components/providers/GeneUIProvider";
|
|
13
14
|
export { default as useDebounce } from "./hooks/useDebounceCallback";
|
|
14
15
|
export { default as useEllipsisDetection } from "./hooks/useEllipsisDetection";
|
package/index.js
CHANGED
|
@@ -9,6 +9,7 @@ export { default as Button } from './Button.js';
|
|
|
9
9
|
export { default as Scrollbar } from './Scrollbar.js';
|
|
10
10
|
export { default as Tooltip } from './Tooltip.js';
|
|
11
11
|
export { default as ProgressBar } from './ProgressBar.js';
|
|
12
|
+
export { default as Tag } from './Tag.js';
|
|
12
13
|
export { GeneUIDesignSystemContext, default as GeneUIProvider } from './GeneUIProvider.js';
|
|
13
14
|
export { u as useDebounce } from './useDebounceCallback-999deae7.js';
|
|
14
15
|
export { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
|
|
@@ -16,5 +17,6 @@ import 'react';
|
|
|
16
17
|
import './index-ce02421b.js';
|
|
17
18
|
import './ArrowLeft-b88e2ba8.js';
|
|
18
19
|
import './style-inject.es-746bb8ed.js';
|
|
20
|
+
import './WarningFill-fb50593e.js';
|
|
19
21
|
import 'prop-types';
|
|
20
22
|
import 'react-dom';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@geneui/components",
|
|
3
3
|
"description": "The Gene UI components library designed for BI tools",
|
|
4
|
-
"version": "3.0.0-next-
|
|
4
|
+
"version": "3.0.0-next-b9961e0-15012025",
|
|
5
5
|
"author": "SoftConstruct",
|
|
6
6
|
"homepage": "https://github.com/softconstruct/gene-ui-components#readme",
|
|
7
7
|
"repository": {
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
"@floating-ui/react-dom": "^2.1.2",
|
|
167
167
|
"@floating-ui/utils": "^0.2.8",
|
|
168
168
|
"@geneui/icons": "^1.0.4",
|
|
169
|
-
"@geneui/tokens": "^1.
|
|
169
|
+
"@geneui/tokens": "^1.0.0",
|
|
170
170
|
"classnames": "^2.3.2",
|
|
171
171
|
"react-is": "^17.0.2",
|
|
172
172
|
"react-scrollbars-custom": "^4.1.1"
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ":root{--guit-ref-breakpoint-desktop:≥1200px;--guit-ref-breakpoint-tablet:768px-1199px;--guit-ref-breakpoint-mobile:0px-767px;--guit-ref-motion-duration-slow-macro:1200ms;--guit-ref-motion-duration-slow:400ms;--guit-ref-motion-duration-moderate-macro:240ms;--guit-ref-motion-duration-moderate:120ms;--guit-ref-motion-duration-micro:80ms;--guit-ref-motion-easing-input-and-output:cubic-bezier(0.1,0,0.58,1);--guit-ref-motion-easing-output:cubic-bezier(0.4,0.12,1,1);--guit-ref-motion-easing-input:cubic-bezier(0.4,0.12,0.2,1);--guit-ref-motion-easing-standard:cubic-bezier(0.4,0.12,0.2,1);--guit-ref-shadow-positioning-small:0.6rem;--guit-ref-shadow-positioning-xsmall:0.4rem;--guit-ref-shadow-positioning-2xsmall:0.2rem;--guit-ref-shadow-positioning-none:0rem;--guit-ref-shadow-positioning-negative-2xsmall:-0.2rem;--guit-ref-shadow-spread-xsmall:0.4rem;--guit-ref-shadow-spread-2xsmall:0.2rem;--guit-ref-shadow-spread-none:0rem;--guit-ref-shadow-spread-negative-xsmall:-0.4rem;--guit-ref-shadow-blur-medium:0.8rem;--guit-ref-shadow-blur-small:0.6rem;--guit-ref-shadow-blur-xsmall:0.4rem;--guit-ref-shadow-blur-2xsmall:0.2rem;--guit-ref-shadow-blur-none:0rem;--guit-ref-border-style-dashed:dashed;--guit-ref-border-style-solid:solid;--guit-ref-border-width-thicker:0.4rem;--guit-ref-border-width-thick:0.2rem;--guit-ref-border-width-thin:0.1rem;--guit-ref-border-width-none:0rem;--guit-ref-radius-full:50%;--guit-ref-radius-medium:1.2rem;--guit-ref-radius-small:1rem;--guit-ref-radius-xsmall:0.8rem;--guit-ref-radius-2xsmall:0.6rem;--guit-ref-radius-3xsmall:0.4rem;--guit-ref-radius-4xsmall:0.2rem;--guit-ref-radius-none:0rem;--guit-ref-sizing-7xl:16rem;--guit-ref-sizing-6xlarge:12rem;--guit-ref-sizing-5xlarge:9.6rem;--guit-ref-sizing-4xlarge:8rem;--guit-ref-sizing-3xlarge:6.4rem;--guit-ref-sizing-2xlarge:5.6rem;--guit-ref-sizing-xlarge:4.8rem;--guit-ref-sizing-large:4rem;--guit-ref-sizing-large-nudge:3.6rem;--guit-ref-sizing-medium:3.2rem;--guit-ref-sizing-medium-nudge:2.8rem;--guit-ref-sizing-small:2.4rem;--guit-ref-sizing-small-nudge:2rem;--guit-ref-sizing-xsmall:1.6rem;--guit-ref-sizing-2xsmall:1.2rem;--guit-ref-sizing-3xsmall:0.8rem;--guit-ref-sizing-4xsmall:0.4rem;--guit-ref-sizing-none:0rem;--guit-ref-spacing-11xlarge:8rem;--guit-ref-spacing-10xlarge:6.4rem;--guit-ref-spacing-9xlarge:5.6rem;--guit-ref-spacing-8xlarge:4.8rem;--guit-ref-spacing-7xlarge:4.4rem;--guit-ref-spacing-6xlarge:4rem;--guit-ref-spacing-5xlarge:3.6rem;--guit-ref-spacing-4xlarge:3.2rem;--guit-ref-spacing-3xlarge:2.8rem;--guit-ref-spacing-2xlarge:2.4rem;--guit-ref-spacing-xlarge:2rem;--guit-ref-spacing-large:1.6rem;--guit-ref-spacing-medium:1.2rem;--guit-ref-spacing-small:1rem;--guit-ref-spacing-xsmall:0.8rem;--guit-ref-spacing-2xsmall:0.6rem;--guit-ref-spacing-3xsmall:0.4rem;--guit-ref-spacing-4xsmall:0.2rem;--guit-ref-spacing-none:0rem;--guit-ref-font-text-align-center:Center;--guit-ref-font-text-align-right:Right;--guit-ref-font-text-align-left:Left;--guit-ref-font-text-decoration-underline:Underline;--guit-ref-font-text-decoration-strike:Strike Line;--guit-ref-font-text-case-uppercase:Uppercase;--guit-ref-font-line-height-70:1.4rem;--guit-ref-font-line-height-80:1.6rem;--guit-ref-font-line-height-90:1.8rem;--guit-ref-font-line-height-100:2rem;--guit-ref-font-line-height-120:2.4rem;--guit-ref-font-line-height-140:2.8rem;--guit-ref-font-line-height-160:3.2rem;--guit-ref-font-line-height-200:4rem;--guit-ref-font-line-height-240:4.8rem;--guit-ref-font-line-height-320:6.4rem;--guit-ref-font-letter-spacing-0-3:0.03rem;--guit-ref-font-letter-spacing-none:0;--guit-ref-font-weight-semibold:600;--guit-ref-font-weight-medium:500;--guit-ref-font-weight-regular:400;--guit-ref-font-size-50:1rem;--guit-ref-font-size-60:1.2rem;--guit-ref-font-size-70:1.4rem;--guit-ref-font-size-80:1.6rem;--guit-ref-font-size-90:1.8rem;--guit-ref-font-size-100:2rem;--guit-ref-font-size-120:2.4rem;--guit-ref-font-size-140:2.8rem;--guit-ref-font-size-160:3.2rem;--guit-ref-font-size-200:4rem;--guit-ref-font-size-240:4.8rem;--guit-ref-font-family-monospace:\"Noto Sans Mono\",\"DejaVu Sans Mono\",Courier,monospace;--guit-ref-font-family-armenian:\"Noto Sans Arm\",\"Times New Roman Armenian\",\"DejaVu Sans\",Arial,sans-serif;--guit-ref-font-family-latin:\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Ubuntu,system-ui,\"Helvetica Neue\",sans-serif;--guit-ref-color-transparent-neutral-0-40:#fff6;--guit-ref-color-transparent-neutral-0-30:#ffffff4d;--guit-ref-color-transparent-neutral-0-20:#fff3;--guit-ref-color-transparent-neutral-0-10:#ffffff1a;--guit-ref-color-transparent-neutral-0-0:#fff0;--guit-ref-color-transparent-neutral-800-80:#141414cc;--guit-ref-color-transparent-neutral-800-40:#14141466;--guit-ref-color-transparent-neutral-800-30:#1414144d;--guit-ref-color-transparent-neutral-800-20:#14141433;--guit-ref-color-transparent-neutral-800-10:#1414141a;--guit-ref-color-transparent-neutral-800-0:#14141400;--guit-ref-color-slate-40:#e9e9ed;--guit-ref-color-slate-60:#d5d5dc;--guit-ref-color-slate-80:#b6b6c3;--guit-ref-color-slate-100:#8f8fa3;--guit-ref-color-slate-200:#7c7c93;--guit-ref-color-slate-300:#646482;--guit-ref-color-slate-400:#4f4f6e;--guit-ref-color-slate-500base:#3d3d5f;--guit-ref-color-magenta-40:#f4e1ec;--guit-ref-color-magenta-60:#edcadf;--guit-ref-color-magenta-80:#dea0c5;--guit-ref-color-magenta-100:#cc6ca5;--guit-ref-color-magenta-200:#c45597;--guit-ref-color-magenta-300:#ae3d80;--guit-ref-color-magenta-400:#af1a73;--guit-ref-color-magenta-500base:#a60063;--guit-ref-color-lagoon-40:#dfebec;--guit-ref-color-lagoon-60:#c8dcdf;--guit-ref-color-lagoon-80:#9ec2c7;--guit-ref-color-lagoon-100:#6aa2a9;--guit-ref-color-lagoon-200:#4c8c95;--guit-ref-color-lagoon-300base:#2c7c87;--guit-ref-color-lagoon-400:#23636c;--guit-ref-color-lagoon-500:#174045;--guit-ref-color-purple-40:#e9e5fb;--guit-ref-color-purple-60:#d7cff7;--guit-ref-color-purple-80:#baacf1;--guit-ref-color-purple-100:#9681e9;--guit-ref-color-purple-200:#7c62e4;--guit-ref-color-purple-300base:#684ae0;--guit-ref-color-purple-400:#553eb7;--guit-ref-color-purple-500:#372777;--guit-ref-color-orange-40:#f7e4c7;--guit-ref-color-orange-60:#f0d09d;--guit-ref-color-orange-80base:#e6af57;--guit-ref-color-orange-100:#ba8b40;--guit-ref-color-orange-200:#99753a;--guit-ref-color-orange-300:#7e6030;--guit-ref-color-orange-400:#684f27;--guit-ref-color-orange-500:#42331a;--guit-ref-color-red-40:#fceae9;--guit-ref-color-red-60:#f8cbc9;--guit-ref-color-red-80:#f2a09c;--guit-ref-color-red-100:#ea6b66;--guit-ref-color-red-200base:#e64d47;--guit-ref-color-red-300:#bb3f3a;--guit-ref-color-red-400:#98332f;--guit-ref-color-red-500:#61211e;--guit-ref-color-green-40:#e3f7ee;--guit-ref-color-green-60:#b6ecd5;--guit-ref-color-green-80:#76dbaf;--guit-ref-color-green-100base:#2bc784;--guit-ref-color-green-200:#25ac72;--guit-ref-color-green-300:#1e8a5c;--guit-ref-color-green-400:#18714c;--guit-ref-color-green-500:#0f472f;--guit-ref-color-blue-40:#e8f1fd;--guit-ref-color-blue-60:#c3dbf9;--guit-ref-color-blue-80:#95c0f4;--guit-ref-color-blue-100:#599ced;--guit-ref-color-blue-200:#3989ea;--guit-ref-color-blue-300base:#1473e6;--guit-ref-color-blue-400:#105ebc;--guit-ref-color-blue-500:#0a3b75;--guit-ref-color-neutral-0:#fff;--guit-ref-color-neutral-10:#fafafa;--guit-ref-color-neutral-20:#f5f5f5;--guit-ref-color-neutral-40:#e8e8e8;--guit-ref-color-neutral-60:#d3d3d4;--guit-ref-color-neutral-80:#b7b7b9;--guit-ref-color-neutral-100:#929295;--guit-ref-color-neutral-300:#646468;--guit-ref-color-neutral-500:#323234;--guit-ref-color-neutral-600:#262627;--guit-ref-color-neutral-700:#1c1c1c;--guit-ref-color-neutral-800base:#141414;--guit-sem-color-raised-bottom-rgba:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-raised-top-rgba:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-border-disabled-2:light-dark(var(--guit-ref-color-neutral-100),var(--guit-ref-color-neutral-300));--guit-sem-color-border-disabled-1:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-300));--guit-sem-color-border-inverse-disabled:light-dark(var(--guit-ref-color-neutral-80),var(--guit-ref-color-neutral-100));--guit-sem-color-border-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-border-accent-slate:light-dark(var(--guit-ref-color-slate-100),var(--guit-ref-color-slate-200));--guit-sem-color-border-accent-magenta:light-dark(var(--guit-ref-color-magenta-100),var(--guit-ref-color-magenta-200));--guit-sem-color-border-accent-lagoon:light-dark(var(--guit-ref-color-lagoon-100),var(--guit-ref-color-lagoon-200));--guit-sem-color-border-accent-purple:light-dark(var(--guit-ref-color-purple-100),var(--guit-ref-color-purple-200));--guit-sem-color-border-accent-red:light-dark(var(--guit-ref-color-red-100),var(--guit-ref-color-red-200base));--guit-sem-color-border-accent-green:light-dark(var(--guit-ref-color-green-100base),var(--guit-ref-color-green-200));--guit-sem-color-border-accent-orange:light-dark(var(--guit-ref-color-orange-80base),var(--guit-ref-color-orange-300));--guit-sem-color-border-accent-blue:light-dark(var(--guit-ref-color-blue-100),var(--guit-ref-color-blue-200));--guit-sem-color-border-focus:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-300base));--guit-sem-color-border-selected-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-border-selected-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-border-selected:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-border-informative:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-80));--guit-sem-color-border-recommendation:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-80));--guit-sem-color-border-warning:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-60));--guit-sem-color-border-success:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-80));--guit-sem-color-border-error:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-80));--guit-sem-color-border-brand-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-border-brand-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-border-brand:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-border-neutral-4:light-dark(var(--guit-ref-color-neutral-600),var(--guit-ref-color-neutral-20));--guit-sem-color-border-neutral-3:light-dark(var(--guit-ref-color-neutral-300),var(--guit-ref-color-neutral-60));--guit-sem-color-border-neutral-2:light-dark(var(--guit-ref-color-neutral-60),var(--guit-ref-color-neutral-500));--guit-sem-color-border-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-800base));--guit-sem-color-background-transparent-inverse-disabled-2:light-dark(var(--guit-ref-color-transparent-neutral-0-40),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-inverse-disabled:light-dark(var(--guit-ref-color-transparent-neutral-0-40),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-inverse-2-pressed:light-dark(var(--guit-ref-color-transparent-neutral-0-40),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-inverse-2-hover:light-dark(var(--guit-ref-color-transparent-neutral-0-30),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-background-transparent-inverse-2:light-dark(var(--guit-ref-color-transparent-neutral-0-20),var(--guit-ref-color-transparent-neutral-800-20));--guit-sem-color-background-transparent-inverse-1-pressed:light-dark(var(--guit-ref-color-transparent-neutral-0-20),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-background-transparent-inverse-1-hover:light-dark(var(--guit-ref-color-transparent-neutral-0-10),var(--guit-ref-color-transparent-neutral-800-20));--guit-sem-color-background-transparent-inverse-1:light-dark(var(--guit-ref-color-transparent-neutral-0-0),var(--guit-ref-color-transparent-neutral-800-10));--guit-sem-color-background-transparent-overlay-notheme-2:light-dark(var(--guit-ref-color-transparent-neutral-800-80),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-overlay-notheme-1:light-dark(var(--guit-ref-color-transparent-neutral-800-40),var(--guit-ref-color-transparent-neutral-800-20));--guit-sem-color-background-transparent-overlay:light-dark(var(--guit-ref-color-transparent-neutral-800-30),var(--guit-ref-color-transparent-neutral-0-30));--guit-sem-color-background-transparent-2:light-dark(var(--guit-ref-color-transparent-neutral-800-20),var(--guit-ref-color-transparent-neutral-0-20));--guit-sem-color-background-transparent-1-pressed:light-dark(var(--guit-ref-color-transparent-neutral-800-20),var(--guit-ref-color-transparent-neutral-0-20));--guit-sem-color-background-transparent-1-hover:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-0-10));--guit-sem-color-background-transparent-1:light-dark(var(--guit-ref-color-transparent-neutral-800-0),var(--guit-ref-color-transparent-neutral-0-0));--guit-sem-color-background-accent-slate-2:light-dark(var(--guit-ref-color-slate-400),var(--guit-ref-color-slate-100));--guit-sem-color-background-accent-slate-1:light-dark(var(--guit-ref-color-slate-40),var(--guit-ref-color-slate-500base));--guit-sem-color-background-accent-magenta-2:light-dark(var(--guit-ref-color-magenta-400),var(--guit-ref-color-magenta-100));--guit-sem-color-background-accent-magenta-1:light-dark(var(--guit-ref-color-magenta-40),var(--guit-ref-color-magenta-500base));--guit-sem-color-background-accent-lagoon-2:light-dark(var(--guit-ref-color-lagoon-300base),var(--guit-ref-color-lagoon-100));--guit-sem-color-background-accent-lagoon-1:light-dark(var(--guit-ref-color-lagoon-40),var(--guit-ref-color-lagoon-500));--guit-sem-color-background-accent-purple-2:light-dark(var(--guit-ref-color-purple-300base),var(--guit-ref-color-purple-100));--guit-sem-color-background-accent-purple-1:light-dark(var(--guit-ref-color-purple-40),var(--guit-ref-color-purple-500));--guit-sem-color-background-accent-orange-2:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-100));--guit-sem-color-background-accent-orange-1:light-dark(var(--guit-ref-color-orange-40),var(--guit-ref-color-orange-500));--guit-sem-color-background-accent-green-2:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-100base));--guit-sem-color-background-accent-green-1:light-dark(var(--guit-ref-color-green-40),var(--guit-ref-color-green-500));--guit-sem-color-background-accent-red-2:light-dark(var(--guit-ref-color-red-300),var(--guit-ref-color-red-100));--guit-sem-color-background-accent-red-1:light-dark(var(--guit-ref-color-red-40),var(--guit-ref-color-red-500));--guit-sem-color-background-accent-blue-2:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-100));--guit-sem-color-background-accent-blue-1:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-500));--guit-sem-color-background-disabled:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-inverse-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-inverse-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-background-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-background-selected-2-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-200));--guit-sem-color-background-selected-2-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-80));--guit-sem-color-background-selected-2:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-100));--guit-sem-color-background-selected-1-pressed:light-dark(var(--guit-ref-color-blue-100),var(--guit-ref-color-blue-500));--guit-sem-color-background-selected-1-hover:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-300base));--guit-sem-color-background-selected-1:light-dark(var(--guit-ref-color-blue-60),var(--guit-ref-color-blue-400));--guit-sem-color-background-informative:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-400));--guit-sem-color-background-recommendation-2:light-dark(var(--guit-ref-color-purple-300base),var(--guit-ref-color-purple-80));--guit-sem-color-background-recommendation-1:light-dark(var(--guit-ref-color-purple-40),var(--guit-ref-color-purple-400));--guit-sem-color-background-warning-2:light-dark(var(--guit-ref-color-orange-80base),var(--guit-ref-color-orange-300));--guit-sem-color-background-warning-1:light-dark(var(--guit-ref-color-orange-40),var(--guit-ref-color-orange-400));--guit-sem-color-background-success-2-hover:light-dark(var(--guit-ref-color-green-200),var(--guit-ref-color-green-100base));--guit-sem-color-background-success-2:light-dark(var(--guit-ref-color-green-100base),var(--guit-ref-color-green-200));--guit-sem-color-background-success-1-pressed:light-dark(var(--guit-ref-color-green-80),var(--guit-ref-color-green-500));--guit-sem-color-background-success-1-hover:light-dark(var(--guit-ref-color-green-60),var(--guit-ref-color-green-300));--guit-sem-color-background-success-1:light-dark(var(--guit-ref-color-green-40),var(--guit-ref-color-green-400));--guit-sem-color-background-error-2-pressed:light-dark(var(--guit-ref-color-red-500),var(--guit-ref-color-red-200base));--guit-sem-color-background-error-2-hover:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-80));--guit-sem-color-background-error-2:light-dark(var(--guit-ref-color-red-300),var(--guit-ref-color-red-100));--guit-sem-color-foreground-accent-slate:light-dark(var(--guit-ref-color-slate-400),var(--guit-ref-color-slate-60));--guit-sem-color-foreground-accent-magenta:light-dark(var(--guit-ref-color-magenta-500base),var(--guit-ref-color-magenta-60));--guit-sem-color-foreground-accent-lagoon:light-dark(var(--guit-ref-color-lagoon-400),var(--guit-ref-color-lagoon-60));--guit-sem-color-foreground-accent-purple:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-60));--guit-sem-color-foreground-accent-orange-2:light-dark(var(--guit-ref-color-orange-400),var(--guit-ref-color-orange-40));--guit-sem-color-foreground-accent-orange-1:light-dark(var(--guit-ref-color-orange-80base),var(--guit-ref-color-orange-100));--guit-sem-color-foreground-accent-green:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-60));--guit-sem-color-foreground-accent-red:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-60));--guit-sem-color-foreground-accent-blue:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-disabled:light-dark(var(--guit-ref-color-neutral-100),var(--guit-ref-color-neutral-300));--guit-sem-color-background-error-1-pressed:light-dark(var(--guit-ref-color-red-80),var(--guit-ref-color-red-500));--guit-sem-color-foreground-inverse-disabled:light-dark(var(--guit-ref-color-neutral-80),var(--guit-ref-color-neutral-300));--guit-sem-color-foreground-inverse-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-700));--guit-sem-color-foreground-inverse-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-background-error-1-hover:light-dark(var(--guit-ref-color-red-60),var(--guit-ref-color-red-300));--guit-sem-color-background-error-1:light-dark(var(--guit-ref-color-red-40),var(--guit-ref-color-red-400));--guit-sem-color-background-brand-2-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-200));--guit-sem-color-background-brand-2-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-80));--guit-sem-color-background-brand-2:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-100));--guit-sem-color-background-brand-1-pressed:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-500));--guit-sem-color-foreground-selected-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-background-brand-1-hover:light-dark(var(--guit-ref-color-blue-60),var(--guit-ref-color-blue-300base));--guit-sem-color-foreground-selected-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-selected:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-background-brand-1:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-400));--guit-sem-color-foreground-informative:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-recommendation:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-60));--guit-sem-color-foreground-warning:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-60));--guit-sem-color-background-neutral-4:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-success:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-60));--guit-sem-color-background-neutral-3-pressed:light-dark(var(--guit-ref-color-neutral-60),var(--guit-ref-color-neutral-700));--guit-sem-color-background-neutral-3-hover:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-error:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-60));--guit-sem-color-background-neutral-3:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-background-neutral-2:light-dark(var(--guit-ref-color-neutral-10),var(--guit-ref-color-neutral-800base));--guit-sem-color-foreground-brand-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-foreground-brand-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-brand:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-background-neutral-1-nudge-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-700));--guit-sem-color-background-neutral-1-nudge-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-500));--guit-sem-color-background-neutral-1-nudge:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-background-neutral-1-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-neutral-2-pressed:light-dark(var(--guit-ref-color-neutral-700),var(--guit-ref-color-neutral-10));--guit-sem-color-foreground-neutral-2-hover:light-dark(var(--guit-ref-color-neutral-500),var(--guit-ref-color-neutral-40));--guit-sem-color-foreground-neutral-2:light-dark(var(--guit-ref-color-neutral-600),var(--guit-ref-color-neutral-20));--guit-sem-color-background-neutral-1-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-foreground-neutral-1:light-dark(var(--guit-ref-color-neutral-300),var(--guit-ref-color-neutral-80));--guit-sem-color-background-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-floating-3-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-3-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-2-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-2-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-1-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-1-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-surface-neutral-2:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-800base));--guit-sem-color-surface-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-background-success-2-pressed:var(--guit-ref-color-green-300);--guit-sem-color-foreground-inverse-notheme:var(--guit-ref-color-neutral-0);--guit-sem-color-background-neutral-5:var(--guit-ref-color-neutral-600);--guit-sem-color-foreground-neutral-2-notheme:var(--guit-ref-color-neutral-600);--guit-sem-shadow-raised-bottom-spread:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-raised-bottom-blur:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-raised-bottom-position-y:var(--guit-ref-shadow-positioning-2xsmall);--guit-sem-shadow-raised-bottom-position-x:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-raised-top-spread:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-raised-top-blur:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-raised-top-position-y:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-raised-top-position-x:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-spread-2:var(--guit-ref-shadow-spread-negative-xsmall);--guit-sem-shadow-floating-3-blur-2:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-floating-3-position-y-2:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-floating-3-position-x-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-spread-1:var(--guit-ref-shadow-spread-xsmall);--guit-sem-shadow-floating-3-blur-1:var(--guit-ref-shadow-blur-medium);--guit-sem-shadow-floating-2-spread-2:var(--guit-ref-shadow-spread-negative-xsmall);--guit-sem-shadow-floating-2-blur-2:var(--guit-ref-shadow-blur-xsmall);--guit-sem-shadow-floating-2-position-y-2:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-floating-2-position-x-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-position-y-1:var(--guit-ref-shadow-positioning-small);--guit-sem-shadow-floating-3-position-x-1:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-2-spread-1:var(--guit-ref-shadow-spread-xsmall);--guit-sem-shadow-floating-2-blur-1:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-floating-1-spread-2:var(--guit-ref-shadow-spread-negative-xsmall);--guit-sem-shadow-floating-1-blur-2:var(--guit-ref-shadow-blur-2xsmall);--guit-sem-shadow-floating-1-position-y-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-1-position-x-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-2-position-y-1:var(--guit-ref-shadow-positioning-xsmall);--guit-sem-shadow-floating-2-position-x-1:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-1-spread-1:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-floating-1-blur-1:var(--guit-ref-shadow-blur-xsmall);--guit-sem-shadow-floating-1-position-y-1:var(--guit-ref-shadow-positioning-2xsmall);--guit-sem-shadow-floating-1-position-x-1:var(--guit-ref-shadow-positioning-none);--guit-sem-border-highlight-style:var(--guit-ref-border-style-solid);--guit-sem-border-highlight-width:var(--guit-ref-border-width-thicker);--guit-sem-border-focus-style:var(--guit-ref-border-style-solid);--guit-sem-border-focus-width:var(--guit-ref-border-width-thick);--guit-sem-border-default-style:var(--guit-ref-border-style-solid);--guit-sem-border-default-width:var(--guit-ref-border-width-thin);--guit-sem-dimension-height-7xlarge:var(--guit-ref-sizing-7xl);--guit-sem-dimension-height-6xlarge:var(--guit-ref-sizing-6xlarge);--guit-sem-dimension-height-5xlarge:var(--guit-ref-sizing-5xlarge);--guit-sem-dimension-height-4xlarge:var(--guit-ref-sizing-4xlarge);--guit-sem-dimension-height-3xlarge:var(--guit-ref-sizing-3xlarge);--guit-sem-dimension-height-2xlarge:var(--guit-ref-sizing-2xlarge);--guit-sem-dimension-height-xlarge:var(--guit-ref-sizing-xlarge);--guit-sem-dimension-height-large:var(--guit-ref-sizing-large);--guit-sem-dimension-height-large-nudge:var(--guit-ref-sizing-large-nudge);--guit-sem-dimension-height-medium:var(--guit-ref-sizing-medium);--guit-sem-dimension-height-medium-nudge:var(--guit-ref-sizing-medium-nudge);--guit-sem-dimension-height-small:var(--guit-ref-sizing-small);--guit-sem-dimension-height-small-nudge:var(--guit-ref-sizing-small-nudge);--guit-sem-dimension-height-xsmall:var(--guit-ref-sizing-xsmall);--guit-sem-dimension-height-2xsmall:var(--guit-ref-sizing-2xsmall);--guit-sem-dimension-height-3xsmall:var(--guit-ref-sizing-3xsmall);--guit-sem-dimension-height-4xsmall:var(--guit-ref-sizing-4xsmall);--guit-sem-dimension-height-none:var(--guit-ref-sizing-none);--guit-sem-dimension-width-7xlarge:var(--guit-ref-sizing-7xl);--guit-sem-dimension-width-6xlarge:var(--guit-ref-sizing-6xlarge);--guit-sem-dimension-width-5xlarge:var(--guit-ref-sizing-5xlarge);--guit-sem-dimension-width-4xlarge:var(--guit-ref-sizing-4xlarge);--guit-sem-dimension-width-3xlarge:var(--guit-ref-sizing-3xlarge);--guit-sem-dimension-width-2xlarge:var(--guit-ref-sizing-2xlarge);--guit-sem-dimension-width-xlarge:var(--guit-ref-sizing-xlarge);--guit-sem-dimension-width-large:var(--guit-ref-sizing-large);--guit-sem-dimension-width-large-nudge:var(--guit-ref-sizing-large-nudge);--guit-sem-dimension-width-medium:var(--guit-ref-sizing-medium);--guit-sem-dimension-width-medium-nudge:var(--guit-ref-sizing-medium-nudge);--guit-sem-dimension-width-small:var(--guit-ref-sizing-small);--guit-sem-dimension-width-small-nudge:var(--guit-ref-sizing-small-nudge);--guit-sem-dimension-width-xsmall:var(--guit-ref-sizing-xsmall);--guit-sem-dimension-width-2xsmall:var(--guit-ref-sizing-2xsmall);--guit-sem-dimension-width-3xsmall:var(--guit-ref-sizing-3xsmall);--guit-sem-dimension-width-4xsmall:var(--guit-ref-sizing-4xsmall);--guit-sem-dimension-width-none:var(--guit-ref-sizing-none);--guit-sem-font-label-small-default-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-small-default-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-default-semibold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-small-default-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-default-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-large-default-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xsmall-semibold-line-height:var(--guit-ref-font-line-height-160);--guit-sem-font-heading-xsmall-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-xsmall-semibold-font-size:var(--guit-ref-font-size-120);--guit-sem-font-heading-xsmall-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-medium-paragraph-spacing:var(--guit-ref-spacing-medium);--guit-sem-font-caption-medium-medium-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-medium-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-caption-medium-medium-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-regular-paragraph-spacing:var(--guit-ref-spacing-medium);--guit-sem-font-caption-medium-regular-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-regular-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-caption-medium-regular-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-semibold-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-medium-semibold-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-semibold-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-caption-medium-semibold-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-regular-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-large-regular-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-regular-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-caption-large-regular-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-medium-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-large-medium-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-caption-large-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-semibold-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-large-semibold-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-semibold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-caption-large-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-regular-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-default-regular-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-medium-default-regular-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-semibold-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-default-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-medium-default-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-medium-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-default-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-regular-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-default-regular-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-large-default-regular-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-medium-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-default-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-large-default-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-semibold-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-default-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-large-default-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-medium-default-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-default-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-large-default-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-subheading-medium-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-subheading-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-subheading-medium-semibold-font-size:var(--guit-ref-font-size-90);--guit-sem-font-subheading-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-subheading-large-semibold-line-height:var(--guit-ref-font-line-height-140);--guit-sem-font-subheading-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-subheading-large-semibold-font-size:var(--guit-ref-font-size-100);--guit-sem-font-subheading-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-small-semibold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-small-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-small-semibold-font-size:var(--guit-ref-font-size-140);--guit-sem-font-heading-small-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-medium-semibold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-medium-semibold-font-size:var(--guit-ref-font-size-160);--guit-sem-font-heading-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-large-semibold-line-height:var(--guit-ref-font-line-height-240);--guit-sem-font-heading-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-large-semibold-font-size:var(--guit-ref-font-size-200);--guit-sem-font-heading-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xlarge-semibold-line-height:var(--guit-ref-font-line-height-320);--guit-sem-font-heading-xlarge-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-xlarge-semibold-font-size:var(--guit-ref-font-size-240);--guit-sem-font-heading-xlarge-semibold-font-family:var(--guit-ref-font-family-latin)}";
|
|
4
|
+
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
package/tokens-0abb4e1b.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ":root{--guit-ref-breakpoint-desktop:≥1200px;--guit-ref-breakpoint-tablet:768px-1199px;--guit-ref-breakpoint-mobile:0px-767px;--guit-ref-motion-duration-slow-macro:1200ms;--guit-ref-motion-duration-slow:400ms;--guit-ref-motion-duration-moderate-macro:240ms;--guit-ref-motion-duration-moderate:120ms;--guit-ref-motion-duration-micro:80ms;--guit-ref-motion-easing-input-and-output:cubic-bezier(0.1,0,0.58,1);--guit-ref-motion-easing-output:cubic-bezier(0.4,0.12,1,1);--guit-ref-motion-easing-input:cubic-bezier(0.4,0.12,0.2,1);--guit-ref-motion-easing-standard:cubic-bezier(0.4,0.12,0.2,1);--guit-ref-shadow-positioning-small:0.6rem;--guit-ref-shadow-positioning-xsmall:0.4rem;--guit-ref-shadow-positioning-2xsmall:0.2rem;--guit-ref-shadow-positioning-none:0rem;--guit-ref-shadow-positioning-negative-2xsmall:-0.2rem;--guit-ref-shadow-spread-xsmall:0.4rem;--guit-ref-shadow-spread-2xsmall:0.2rem;--guit-ref-shadow-spread-none:0rem;--guit-ref-shadow-spread-negative-xsmall:-0.4rem;--guit-ref-shadow-blur-medium:0.8rem;--guit-ref-shadow-blur-small:0.6rem;--guit-ref-shadow-blur-xsmall:0.4rem;--guit-ref-shadow-blur-2xsmall:0.2rem;--guit-ref-shadow-blur-none:0rem;--guit-ref-border-style-dashed:dashed;--guit-ref-border-style-solid:solid;--guit-ref-border-width-thicker:0.4rem;--guit-ref-border-width-thick:0.2rem;--guit-ref-border-width-thin:0.1rem;--guit-ref-border-width-none:0rem;--guit-ref-radius-full:50%;--guit-ref-radius-4xlarge:3.2rem;--guit-ref-radius-3xlarge:2.8rem;--guit-ref-radius-2xlarge:2.4rem;--guit-ref-radius-xlarge:2rem;--guit-ref-radius-large:1.6rem;--guit-ref-radius-medium:1.2rem;--guit-ref-radius-small:1rem;--guit-ref-radius-xsmall:0.8rem;--guit-ref-radius-2xsmall:0.6rem;--guit-ref-radius-3xsmall:0.4rem;--guit-ref-radius-4xsmall:0.2rem;--guit-ref-radius-none:0rem;--guit-ref-sizing-7xl:16rem;--guit-ref-sizing-6xlarge:12rem;--guit-ref-sizing-5xlarge:9.6rem;--guit-ref-sizing-4xlarge:8rem;--guit-ref-sizing-3xlarge:6.4rem;--guit-ref-sizing-2xlarge:5.6rem;--guit-ref-sizing-xlarge:4.8rem;--guit-ref-sizing-large:4rem;--guit-ref-sizing-large-nudge:3.6rem;--guit-ref-sizing-medium:3.2rem;--guit-ref-sizing-medium-nudge:2.8rem;--guit-ref-sizing-small:2.4rem;--guit-ref-sizing-small-nudge:2rem;--guit-ref-sizing-xsmall:1.6rem;--guit-ref-sizing-2xsmall:1.2rem;--guit-ref-sizing-3xsmall:0.8rem;--guit-ref-sizing-4xsmall:0.4rem;--guit-ref-sizing-none:0rem;--guit-ref-spacing-11xlarge:8rem;--guit-ref-spacing-10xlarge:6.4rem;--guit-ref-spacing-9xlarge:5.6rem;--guit-ref-spacing-8xlarge:4.8rem;--guit-ref-spacing-7xlarge:4.4rem;--guit-ref-spacing-6xlarge:4rem;--guit-ref-spacing-5xlarge:3.6rem;--guit-ref-spacing-4xlarge:3.2rem;--guit-ref-spacing-3xlarge:2.8rem;--guit-ref-spacing-2xlarge:2.4rem;--guit-ref-spacing-xlarge:2rem;--guit-ref-spacing-large:1.6rem;--guit-ref-spacing-medium:1.2rem;--guit-ref-spacing-small:1rem;--guit-ref-spacing-xsmall:0.8rem;--guit-ref-spacing-2xsmall:0.6rem;--guit-ref-spacing-3xsmall:0.4rem;--guit-ref-spacing-4xsmall:0.2rem;--guit-ref-spacing-none:0rem;--guit-ref-font-text-align-justify:Justify;--guit-ref-font-text-align-center:Center;--guit-ref-font-text-align-right:Right;--guit-ref-font-text-align-left:Left;--guit-ref-font-text-decoration-italic:Italic;--guit-ref-font-text-decoration-underline:Underline;--guit-ref-font-text-decoration-strike:Strike Line;--guit-ref-font-text-case-uppercase:Uppercase;--guit-ref-font-line-height-60:1.2rem;--guit-ref-font-line-height-70:1.4rem;--guit-ref-font-line-height-80:1.6rem;--guit-ref-font-line-height-90:1.8rem;--guit-ref-font-line-height-100:2rem;--guit-ref-font-line-height-120:2.4rem;--guit-ref-font-line-height-140:2.8rem;--guit-ref-font-line-height-160:3.2rem;--guit-ref-font-line-height-200:4rem;--guit-ref-font-line-height-240:4.8rem;--guit-ref-font-line-height-320:6.4rem;--guit-ref-font-letter-spacing-0-3:0.03rem;--guit-ref-font-letter-spacing-none:0;--guit-ref-font-weight-bold:700;--guit-ref-font-weight-semibold:600;--guit-ref-font-weight-medium:500;--guit-ref-font-weight-regular:400;--guit-ref-font-size-50:1rem;--guit-ref-font-size-60:1.2rem;--guit-ref-font-size-70:1.4rem;--guit-ref-font-size-80:1.6rem;--guit-ref-font-size-90:1.8rem;--guit-ref-font-size-100:2rem;--guit-ref-font-size-120:2.4rem;--guit-ref-font-size-140:2.8rem;--guit-ref-font-size-160:3.2rem;--guit-ref-font-size-200:4rem;--guit-ref-font-size-240:4.8rem;--guit-ref-font-family-monospace:\"Noto Sans Mono\",\"DejaVu Sans Mono\",Courier,monospace;--guit-ref-font-family-armenian:\"Noto Sans Arm\",\"Times New Roman Armenian\",\"DejaVu Sans\",Arial,sans-serif;--guit-ref-font-family-latin:\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Ubuntu,system-ui,\"Helvetica Neue\",sans-serif;--guit-ref-color-transparent-neutral-0-40:#fff6;--guit-ref-color-transparent-neutral-0-30:#ffffff4d;--guit-ref-color-transparent-neutral-0-20:#fff3;--guit-ref-color-transparent-neutral-0-10:#ffffff1a;--guit-ref-color-transparent-neutral-0-0:#fff0;--guit-ref-color-transparent-neutral-800-80:#141414cc;--guit-ref-color-transparent-neutral-800-40:#14141466;--guit-ref-color-transparent-neutral-800-30:#1414144d;--guit-ref-color-transparent-neutral-800-20:#14141433;--guit-ref-color-transparent-neutral-800-10:#1414141a;--guit-ref-color-transparent-neutral-800-0:#14141400;--guit-ref-color-slate-40:#e9e9ed;--guit-ref-color-slate-60:#d5d5dc;--guit-ref-color-slate-80:#b6b6c3;--guit-ref-color-slate-100:#8f8fa3;--guit-ref-color-slate-200:#7c7c93;--guit-ref-color-slate-300:#646482;--guit-ref-color-slate-400:#4f4f6e;--guit-ref-color-slate-500base:#3d3d5f;--guit-ref-color-magenta-40:#f4e1ec;--guit-ref-color-magenta-60:#edcadf;--guit-ref-color-magenta-80:#dea0c5;--guit-ref-color-magenta-100:#cc6ca5;--guit-ref-color-magenta-200:#c45597;--guit-ref-color-magenta-300:#ae3d80;--guit-ref-color-magenta-400:#af1a73;--guit-ref-color-magenta-500base:#a60063;--guit-ref-color-lagoon-40:#dfebec;--guit-ref-color-lagoon-60:#c8dcdf;--guit-ref-color-lagoon-80:#9ec2c7;--guit-ref-color-lagoon-100:#6aa2a9;--guit-ref-color-lagoon-200:#4c8c95;--guit-ref-color-lagoon-300base:#2c7c87;--guit-ref-color-lagoon-400:#23636c;--guit-ref-color-lagoon-500:#174045;--guit-ref-color-purple-40:#e9e5fb;--guit-ref-color-purple-60:#d7cff7;--guit-ref-color-purple-80:#baacf1;--guit-ref-color-purple-100:#9681e9;--guit-ref-color-purple-200:#7c62e4;--guit-ref-color-purple-300base:#684ae0;--guit-ref-color-purple-400:#553eb7;--guit-ref-color-purple-500:#372777;--guit-ref-color-orange-40:#f7e4c7;--guit-ref-color-orange-60:#f0d09d;--guit-ref-color-orange-80base:#e6af57;--guit-ref-color-orange-100:#ba8b40;--guit-ref-color-orange-200:#99753a;--guit-ref-color-orange-300:#7e6030;--guit-ref-color-orange-400:#684f27;--guit-ref-color-orange-500:#42331a;--guit-ref-color-red-40:#fceae9;--guit-ref-color-red-60:#f8cbc9;--guit-ref-color-red-80:#f2a09c;--guit-ref-color-red-100:#ea6b66;--guit-ref-color-red-200base:#e64d47;--guit-ref-color-red-300:#bb3f3a;--guit-ref-color-red-400:#98332f;--guit-ref-color-red-500:#61211e;--guit-ref-color-green-40:#e3f7ee;--guit-ref-color-green-60:#b6ecd5;--guit-ref-color-green-80:#76dbaf;--guit-ref-color-green-100base:#2bc784;--guit-ref-color-green-200:#25ac72;--guit-ref-color-green-300:#1e8a5c;--guit-ref-color-green-400:#18714c;--guit-ref-color-green-500:#0f472f;--guit-ref-color-blue-40:#e8f1fd;--guit-ref-color-blue-60:#c3dbf9;--guit-ref-color-blue-80:#95c0f4;--guit-ref-color-blue-100:#599ced;--guit-ref-color-blue-200:#3989ea;--guit-ref-color-blue-300base:#1473e6;--guit-ref-color-blue-400:#105ebc;--guit-ref-color-blue-500:#0a3b75;--guit-ref-color-neutral-0:#fff;--guit-ref-color-neutral-10:#fafafa;--guit-ref-color-neutral-20:#f5f5f5;--guit-ref-color-neutral-40:#e8e8e8;--guit-ref-color-neutral-60:#d3d3d4;--guit-ref-color-neutral-80:#b7b7b9;--guit-ref-color-neutral-100:#929295;--guit-ref-color-neutral-300:#646468;--guit-ref-color-neutral-500:#323234;--guit-ref-color-neutral-600:#262627;--guit-ref-color-neutral-700:#1c1c1c;--guit-ref-color-neutral-800base:#141414;--guit-sem-color-raised-bottom-rgba:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-raised-top-rgba:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-border-disabled-2:light-dark(var(--guit-ref-color-neutral-100),var(--guit-ref-color-neutral-300));--guit-sem-color-border-disabled-1:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-300));--guit-sem-color-border-inverse-disabled:light-dark(var(--guit-ref-color-neutral-80),var(--guit-ref-color-neutral-100));--guit-sem-color-border-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-border-accent-slate:light-dark(var(--guit-ref-color-slate-100),var(--guit-ref-color-slate-200));--guit-sem-color-border-accent-magenta:light-dark(var(--guit-ref-color-magenta-100),var(--guit-ref-color-magenta-200));--guit-sem-color-border-accent-lagoon:light-dark(var(--guit-ref-color-lagoon-100),var(--guit-ref-color-lagoon-200));--guit-sem-color-border-accent-purple:light-dark(var(--guit-ref-color-purple-100),var(--guit-ref-color-purple-200));--guit-sem-color-border-accent-red:light-dark(var(--guit-ref-color-red-100),var(--guit-ref-color-red-200base));--guit-sem-color-border-accent-green:light-dark(var(--guit-ref-color-green-100base),var(--guit-ref-color-green-200));--guit-sem-color-border-accent-orange:light-dark(var(--guit-ref-color-orange-80base),var(--guit-ref-color-orange-300));--guit-sem-color-border-accent-blue:light-dark(var(--guit-ref-color-blue-100),var(--guit-ref-color-blue-200));--guit-sem-color-border-focus:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-300base));--guit-sem-color-border-selected-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-border-selected-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-border-selected:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-border-informative:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-80));--guit-sem-color-border-recommendation:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-80));--guit-sem-color-border-warning:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-60));--guit-sem-color-border-success:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-80));--guit-sem-color-border-error:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-80));--guit-sem-color-border-brand-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-border-brand-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-border-brand:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-border-neutral-4:light-dark(var(--guit-ref-color-neutral-600),var(--guit-ref-color-neutral-20));--guit-sem-color-border-neutral-3:light-dark(var(--guit-ref-color-neutral-300),var(--guit-ref-color-neutral-60));--guit-sem-color-border-neutral-2:light-dark(var(--guit-ref-color-neutral-60),var(--guit-ref-color-neutral-500));--guit-sem-color-border-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-800base));--guit-sem-color-background-transparent-inverse-disabled-2:light-dark(var(--guit-ref-color-transparent-neutral-0-40),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-inverse-disabled:light-dark(var(--guit-ref-color-transparent-neutral-0-40),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-inverse-2-pressed:light-dark(var(--guit-ref-color-transparent-neutral-0-40),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-inverse-2-hover:light-dark(var(--guit-ref-color-transparent-neutral-0-30),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-background-transparent-inverse-2:light-dark(var(--guit-ref-color-transparent-neutral-0-20),var(--guit-ref-color-transparent-neutral-800-20));--guit-sem-color-background-transparent-inverse-1-pressed:light-dark(var(--guit-ref-color-transparent-neutral-0-20),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-background-transparent-inverse-1-hover:light-dark(var(--guit-ref-color-transparent-neutral-0-10),var(--guit-ref-color-transparent-neutral-800-20));--guit-sem-color-background-transparent-inverse-1:light-dark(var(--guit-ref-color-transparent-neutral-0-0),var(--guit-ref-color-transparent-neutral-800-10));--guit-sem-color-background-transparent-overlay-notheme-2:light-dark(var(--guit-ref-color-transparent-neutral-800-80),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-overlay-notheme-1:light-dark(var(--guit-ref-color-transparent-neutral-800-40),var(--guit-ref-color-transparent-neutral-800-20));--guit-sem-color-background-transparent-overlay:light-dark(var(--guit-ref-color-transparent-neutral-800-30),var(--guit-ref-color-transparent-neutral-0-30));--guit-sem-color-background-transparent-2:light-dark(var(--guit-ref-color-transparent-neutral-800-20),var(--guit-ref-color-transparent-neutral-0-20));--guit-sem-color-background-transparent-1-pressed:light-dark(var(--guit-ref-color-transparent-neutral-800-20),var(--guit-ref-color-transparent-neutral-0-20));--guit-sem-color-background-transparent-1-hover:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-0-10));--guit-sem-color-background-transparent-1:light-dark(var(--guit-ref-color-transparent-neutral-800-0),var(--guit-ref-color-transparent-neutral-0-0));--guit-sem-color-background-accent-slate-2:light-dark(var(--guit-ref-color-slate-400),var(--guit-ref-color-slate-100));--guit-sem-color-background-accent-slate-1:light-dark(var(--guit-ref-color-slate-40),var(--guit-ref-color-slate-500base));--guit-sem-color-background-accent-magenta-2:light-dark(var(--guit-ref-color-magenta-400),var(--guit-ref-color-magenta-100));--guit-sem-color-background-accent-magenta-1:light-dark(var(--guit-ref-color-magenta-40),var(--guit-ref-color-magenta-500base));--guit-sem-color-background-accent-lagoon-2:light-dark(var(--guit-ref-color-lagoon-300base),var(--guit-ref-color-lagoon-100));--guit-sem-color-background-accent-lagoon-1:light-dark(var(--guit-ref-color-lagoon-40),var(--guit-ref-color-lagoon-500));--guit-sem-color-background-accent-purple-2:light-dark(var(--guit-ref-color-purple-300base),var(--guit-ref-color-purple-100));--guit-sem-color-background-accent-purple-1:light-dark(var(--guit-ref-color-purple-40),var(--guit-ref-color-purple-500));--guit-sem-color-background-accent-orange-2:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-100));--guit-sem-color-background-accent-orange-1:light-dark(var(--guit-ref-color-orange-40),var(--guit-ref-color-orange-500));--guit-sem-color-background-accent-green-2:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-100base));--guit-sem-color-background-accent-green-1:light-dark(var(--guit-ref-color-green-40),var(--guit-ref-color-green-500));--guit-sem-color-background-accent-red-2:light-dark(var(--guit-ref-color-red-300),var(--guit-ref-color-red-100));--guit-sem-color-background-accent-red-1:light-dark(var(--guit-ref-color-red-40),var(--guit-ref-color-red-500));--guit-sem-color-background-accent-blue-2:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-100));--guit-sem-color-background-accent-blue-1:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-500));--guit-sem-color-background-disabled:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-inverse-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-inverse-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-background-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-background-selected-2-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-200));--guit-sem-color-background-selected-2-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-80));--guit-sem-color-background-selected-2:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-100));--guit-sem-color-background-selected-1-pressed:light-dark(var(--guit-ref-color-blue-100),var(--guit-ref-color-blue-500));--guit-sem-color-background-selected-1-hover:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-300base));--guit-sem-color-background-selected-1:light-dark(var(--guit-ref-color-blue-60),var(--guit-ref-color-blue-400));--guit-sem-color-background-informative:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-400));--guit-sem-color-background-recommendation-2:light-dark(var(--guit-ref-color-purple-300base),var(--guit-ref-color-purple-80));--guit-sem-color-background-recommendation-1:light-dark(var(--guit-ref-color-purple-40),var(--guit-ref-color-purple-400));--guit-sem-color-background-warning-2:light-dark(var(--guit-ref-color-orange-80base),var(--guit-ref-color-orange-300));--guit-sem-color-background-warning-1:light-dark(var(--guit-ref-color-orange-40),var(--guit-ref-color-orange-400));--guit-sem-color-background-success-2-hover:light-dark(var(--guit-ref-color-green-200),var(--guit-ref-color-green-100base));--guit-sem-color-background-success-2:light-dark(var(--guit-ref-color-green-100base),var(--guit-ref-color-green-200));--guit-sem-color-background-success-1-pressed:light-dark(var(--guit-ref-color-green-80),var(--guit-ref-color-green-500));--guit-sem-color-background-success-1-hover:light-dark(var(--guit-ref-color-green-60),var(--guit-ref-color-green-300));--guit-sem-color-background-success-1:light-dark(var(--guit-ref-color-green-40),var(--guit-ref-color-green-400));--guit-sem-color-background-error-2-pressed:light-dark(var(--guit-ref-color-red-500),var(--guit-ref-color-red-200base));--guit-sem-color-background-error-2-hover:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-80));--guit-sem-color-background-error-2:light-dark(var(--guit-ref-color-red-300),var(--guit-ref-color-red-100));--guit-sem-color-foreground-accent-slate:light-dark(var(--guit-ref-color-slate-400),var(--guit-ref-color-slate-60));--guit-sem-color-foreground-accent-magenta:light-dark(var(--guit-ref-color-magenta-500base),var(--guit-ref-color-magenta-60));--guit-sem-color-foreground-accent-lagoon:light-dark(var(--guit-ref-color-lagoon-400),var(--guit-ref-color-lagoon-60));--guit-sem-color-foreground-accent-purple:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-60));--guit-sem-color-foreground-accent-orange-2:light-dark(var(--guit-ref-color-orange-400),var(--guit-ref-color-orange-40));--guit-sem-color-foreground-accent-orange-1:light-dark(var(--guit-ref-color-orange-80base),var(--guit-ref-color-orange-100));--guit-sem-color-foreground-accent-green:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-60));--guit-sem-color-foreground-accent-red:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-60));--guit-sem-color-foreground-accent-blue:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-disabled:light-dark(var(--guit-ref-color-neutral-100),var(--guit-ref-color-neutral-300));--guit-sem-color-background-error-1-pressed:light-dark(var(--guit-ref-color-red-80),var(--guit-ref-color-red-500));--guit-sem-color-foreground-inverse-disabled:light-dark(var(--guit-ref-color-neutral-80),var(--guit-ref-color-neutral-300));--guit-sem-color-foreground-inverse-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-700));--guit-sem-color-foreground-inverse-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-background-error-1-hover:light-dark(var(--guit-ref-color-red-60),var(--guit-ref-color-red-300));--guit-sem-color-background-error-1:light-dark(var(--guit-ref-color-red-40),var(--guit-ref-color-red-400));--guit-sem-color-background-brand-2-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-200));--guit-sem-color-background-brand-2-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-80));--guit-sem-color-background-brand-2:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-100));--guit-sem-color-background-brand-1-pressed:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-500));--guit-sem-color-foreground-selected-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-background-brand-1-hover:light-dark(var(--guit-ref-color-blue-60),var(--guit-ref-color-blue-300base));--guit-sem-color-foreground-selected-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-background-brand-1:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-400));--guit-sem-color-foreground-selected:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-foreground-informative:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-recommendation:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-60));--guit-sem-color-foreground-warning:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-60));--guit-sem-color-background-neutral-3:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-neutral-2-pressed:light-dark(var(--guit-ref-color-neutral-60),var(--guit-ref-color-neutral-700));--guit-sem-color-foreground-success:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-60));--guit-sem-color-background-neutral-2-hover:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-error:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-60));--guit-sem-color-background-neutral-2:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-foreground-brand-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-foreground-brand-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-brand:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-background-neutral-1-nudge-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-700));--guit-sem-color-background-neutral-1-nudge-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-500));--guit-sem-color-background-neutral-1-nudge:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-background-neutral-1-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-neutral-2-pressed:light-dark(var(--guit-ref-color-neutral-700),var(--guit-ref-color-neutral-10));--guit-sem-color-foreground-neutral-2-hover:light-dark(var(--guit-ref-color-neutral-500),var(--guit-ref-color-neutral-40));--guit-sem-color-foreground-neutral-2:light-dark(var(--guit-ref-color-neutral-600),var(--guit-ref-color-neutral-20));--guit-sem-color-background-neutral-1-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-foreground-neutral-1:light-dark(var(--guit-ref-color-neutral-300),var(--guit-ref-color-neutral-80));--guit-sem-color-background-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-floating-3-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-3-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-2-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-2-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-1-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-1-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-surface-neutral-2:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-800base));--guit-sem-color-surface-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-background-success-2-pressed:var(--guit-ref-color-green-300);--guit-sem-color-foreground-inverse-notheme:var(--guit-ref-color-neutral-0);--guit-sem-color-background-neutral-4:var(--guit-ref-color-neutral-600);--guit-sem-color-foreground-neutral-2-notheme:var(--guit-ref-color-neutral-600);--guit-sem-shadow-raised-bottom-spread:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-raised-bottom-blur:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-raised-bottom-position-y:var(--guit-ref-shadow-positioning-2xsmall);--guit-sem-shadow-raised-bottom-position-x:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-raised-top-spread:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-raised-top-blur:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-raised-top-position-y:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-raised-top-position-x:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-spread-2:var(--guit-ref-shadow-spread-negative-xsmall);--guit-sem-shadow-floating-3-blur-2:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-floating-3-position-y-2:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-floating-3-position-x-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-spread-1:var(--guit-ref-shadow-spread-xsmall);--guit-sem-shadow-floating-3-blur-1:var(--guit-ref-shadow-blur-medium);--guit-sem-shadow-floating-2-spread-2:var(--guit-ref-shadow-spread-negative-xsmall);--guit-sem-shadow-floating-2-blur-2:var(--guit-ref-shadow-blur-xsmall);--guit-sem-shadow-floating-2-position-y-2:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-floating-2-position-x-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-position-y-1:var(--guit-ref-shadow-positioning-small);--guit-sem-shadow-floating-3-position-x-1:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-2-spread-1:var(--guit-ref-shadow-spread-xsmall);--guit-sem-shadow-floating-2-blur-1:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-floating-1-spread-2:var(--guit-ref-shadow-spread-negative-xsmall);--guit-sem-shadow-floating-1-blur-2:var(--guit-ref-shadow-blur-2xsmall);--guit-sem-shadow-floating-1-position-y-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-1-position-x-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-2-position-y-1:var(--guit-ref-shadow-positioning-xsmall);--guit-sem-shadow-floating-2-position-x-1:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-1-spread-1:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-floating-1-blur-1:var(--guit-ref-shadow-blur-xsmall);--guit-sem-shadow-floating-1-position-y-1:var(--guit-ref-shadow-positioning-2xsmall);--guit-sem-shadow-floating-1-position-x-1:var(--guit-ref-shadow-positioning-none);--guit-sem-border-highlight-style:var(--guit-ref-border-style-solid);--guit-sem-border-highlight-width:var(--guit-ref-border-width-thicker);--guit-sem-border-focus-style:var(--guit-ref-border-style-solid);--guit-sem-border-focus-width:var(--guit-ref-border-width-thick);--guit-sem-border-default-style:var(--guit-ref-border-style-solid);--guit-sem-border-default-width:var(--guit-ref-border-width-thin);--guit-sem-dimension-height-7xlarge:var(--guit-ref-sizing-7xl);--guit-sem-dimension-height-6xlarge:var(--guit-ref-sizing-6xlarge);--guit-sem-dimension-height-5xlarge:var(--guit-ref-sizing-5xlarge);--guit-sem-dimension-height-4xlarge:var(--guit-ref-sizing-4xlarge);--guit-sem-dimension-height-3xlarge:var(--guit-ref-sizing-3xlarge);--guit-sem-dimension-height-2xlarge:var(--guit-ref-sizing-2xlarge);--guit-sem-dimension-height-xlarge:var(--guit-ref-sizing-xlarge);--guit-sem-dimension-height-large:var(--guit-ref-sizing-large);--guit-sem-dimension-height-large-nudge:var(--guit-ref-sizing-large-nudge);--guit-sem-dimension-height-medium:var(--guit-ref-sizing-medium);--guit-sem-dimension-height-medium-nudge:var(--guit-ref-sizing-medium-nudge);--guit-sem-dimension-height-small:var(--guit-ref-sizing-small);--guit-sem-dimension-height-small-nudge:var(--guit-ref-sizing-small-nudge);--guit-sem-dimension-height-xsmall:var(--guit-ref-sizing-xsmall);--guit-sem-dimension-height-2xsmall:var(--guit-ref-sizing-2xsmall);--guit-sem-dimension-height-3xsmall:var(--guit-ref-sizing-3xsmall);--guit-sem-dimension-height-4xsmall:var(--guit-ref-sizing-4xsmall);--guit-sem-dimension-height-none:var(--guit-ref-sizing-none);--guit-sem-dimension-width-7xlarge:var(--guit-ref-sizing-7xl);--guit-sem-dimension-width-6xlarge:var(--guit-ref-sizing-6xlarge);--guit-sem-dimension-width-5xlarge:var(--guit-ref-sizing-5xlarge);--guit-sem-dimension-width-4xlarge:var(--guit-ref-sizing-4xlarge);--guit-sem-dimension-width-3xlarge:var(--guit-ref-sizing-3xlarge);--guit-sem-dimension-width-2xlarge:var(--guit-ref-sizing-2xlarge);--guit-sem-dimension-width-xlarge:var(--guit-ref-sizing-xlarge);--guit-sem-dimension-width-large:var(--guit-ref-sizing-large);--guit-sem-dimension-width-large-nudge:var(--guit-ref-sizing-large-nudge);--guit-sem-dimension-width-medium:var(--guit-ref-sizing-medium);--guit-sem-dimension-width-medium-nudge:var(--guit-ref-sizing-medium-nudge);--guit-sem-dimension-width-small:var(--guit-ref-sizing-small);--guit-sem-dimension-width-small-nudge:var(--guit-ref-sizing-small-nudge);--guit-sem-dimension-width-xsmall:var(--guit-ref-sizing-xsmall);--guit-sem-dimension-width-2xsmall:var(--guit-ref-sizing-2xsmall);--guit-sem-dimension-width-3xsmall:var(--guit-ref-sizing-3xsmall);--guit-sem-dimension-width-4xsmall:var(--guit-ref-sizing-4xsmall);--guit-sem-dimension-width-none:var(--guit-ref-sizing-none);--guit-sem-font-label-small-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-small-underline-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-small-underline-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-default-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-small-default-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-small-underline-semibold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-small-underline-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-default-semibold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-small-default-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-medium-underline-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-medium-underline-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-large-underline-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-large-underline-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-default-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-large-default-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xsmall-semibold-line-height:var(--guit-ref-font-line-height-160);--guit-sem-font-heading-xsmall-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-xsmall-semibold-font-size:var(--guit-ref-font-size-120);--guit-sem-font-heading-xsmall-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-medium-paragraph-spacing:var(--guit-ref-spacing-medium);--guit-sem-font-caption-medium-medium-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-medium-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-caption-medium-medium-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-regular-paragraph-spacing:var(--guit-ref-spacing-medium);--guit-sem-font-caption-medium-regular-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-regular-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-caption-medium-regular-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-regular-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-large-regular-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-regular-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-caption-large-regular-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-medium-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-large-medium-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-medium-llne-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-caption-large-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-semibold-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-large-semibold-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-semibold-llne-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-caption-large-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-regular-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-regular-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-underline-regular-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-medium-underline-regular-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-medium-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-underline-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-medium-underline-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-semibold-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-underline-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-medium-underline-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-regular-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-default-regular-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-medium-default-regular-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-semibold-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-default-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-medium-default-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-medium-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-default-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-regular-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-regular-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-underline-regular-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-large-underline-regular-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-medium-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-underline-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-large-underline-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-semibold-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-underline-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-large-underline-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-regular-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-default-regular-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-large-default-regular-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-medium-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-default-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-large-default-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-semibold-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-default-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-large-default-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-medium-underline-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-medium-underline-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-medium-default-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-large-underline-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-large-underline-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-default-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-large-default-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-subheading-medium-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-subheading-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-subheading-medium-semibold-font-size:var(--guit-ref-font-size-90);--guit-sem-font-subheading-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-subheading-large-semibold-line-height:var(--guit-ref-font-line-height-140);--guit-sem-font-subheading-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-subheading-large-semibold-font-size:var(--guit-ref-font-size-100);--guit-sem-font-subheading-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-small-semibold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-small-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-small-semibold-font-size:var(--guit-ref-font-size-140);--guit-sem-font-heading-small-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-medium-semibold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-medium-semibold-font-size:var(--guit-ref-font-size-160);--guit-sem-font-heading-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-large-semibold-line-height:var(--guit-ref-font-line-height-240);--guit-sem-font-heading-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-large-semibold-font-size:var(--guit-ref-font-size-200);--guit-sem-font-heading-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xlarge-semibold-line-height:var(--guit-ref-font-line-height-320);--guit-sem-font-heading-xlarge-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-xlarge-semibold-font-size:var(--guit-ref-font-size-240);--guit-sem-font-heading-xlarge-semibold-font-family:var(--guit-ref-font-family-latin)}";
|
|
4
|
-
styleInject(css_248z);
|
|
5
|
-
|
|
6
|
-
export { css_248z as default };
|