@geneui/components 3.0.0-next-8abb102-14012025 → 3.0.0-next-ff984eb-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.
Files changed (17) hide show
  1. package/Badge.js +36 -0
  2. package/Checkbox.js +2 -1
  3. package/GeneUIProvider.js +29 -165
  4. package/HelperText.js +2 -41
  5. package/ProgressBar.js +1 -0
  6. package/Tag.js +81 -0
  7. package/Tooltip.js +1 -1
  8. package/WarningFill-fb50593e.js +44 -0
  9. package/components/atoms/Badge/Badge.d.ts +48 -0
  10. package/components/atoms/Badge/index.d.ts +1 -0
  11. package/components/molecules/Tag/Tag.d.ts +41 -0
  12. package/components/molecules/Tag/index.d.ts +1 -0
  13. package/index.d.ts +5 -3
  14. package/index.js +3 -0
  15. package/package.json +2 -2
  16. package/tokens-db749a5c.js +6 -0
  17. package/tokens-0abb4e1b.js +0 -6
package/Badge.js ADDED
@@ -0,0 +1,36 @@
1
+ import React__default from 'react';
2
+ import { c as classNames } from './index-ce02421b.js';
3
+ import { s as styleInject } from './style-inject.es-746bb8ed.js';
4
+
5
+ var css_248z = ".badge{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.badge__content{align-items:center;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}.badge__content_position_absolute{position:absolute;z-index:1}.badge__content_position_absolute.badge__content_size_small,.badge__content_position_absolute.badge__content_size_smallNudge{inset-block-start:-.6rem;inset-inline-end:-.6rem}.badge__content_position_absolute.badge__content_size_xSmall{inset-block-start:-.4rem;inset-inline-end:-.4rem}.badge__content_position_absolute.badge__content_size_3xSmall{inset-block-start:-.2rem;inset-inline-end:-.2rem}.badge__content_size_small{border-radius:var(--guit-ref-radius-medium);height:var(--guit-sem-dimension-height-small);min-width:var(--guit-sem-dimension-width-small)}.badge__content_size_smallNudge{border-radius:var(--guit-ref-radius-full);height:var(--guit-sem-dimension-height-small-nudge);width:var(--guit-sem-dimension-width-small-nudge)}.badge__content_size_xSmall{border-radius:var(--guit-ref-radius-full);height:var(--guit-sem-dimension-height-xsmall);width:var(--guit-sem-dimension-width-xsmall)}.badge__content_size_3xSmall{border-radius:var(--guit-ref-radius-full);height:var(--guit-sem-dimension-height-3xsmall);width:var(--guit-sem-dimension-width-3xsmall)}.badge__content_color_brand{background-color:var(--guit-sem-color-background-brand-2);color:var(--guit-sem-color-foreground-inverse)}.badge__content_color_brand.badge__content_bordered{border-color:var(--guit-sem-color-border-neutral-1)}.badge__content_color_neutral{background-color:var(--guit-sem-color-background-neutral-4);color:var(--guit-sem-color-foreground-neutral-2)}.badge__content_color_neutral.badge__content_bordered{border-color:var(--guit-sem-color-border-neutral-1)}.badge__content_color_red{background-color:var(--guit-sem-color-background-accent-red-2);color:var(--guit-sem-color-foreground-inverse)}.badge__content_color_red.badge__content_bordered{border-color:var(--guit-sem-color-border-neutral-1)}.badge__content_color_inverse{background-color:var(--guit-sem-color-foreground-inverse);color:var(--guit-sem-color-foreground-neutral-2)}.badge__content_color_inverse.badge__content_bordered{border-color:var(--guit-sem-color-border-neutral-2)}.badge__content:has(.badge__num){padding:var(--guit-ref-spacing-4xsmall) var(--guit-ref-spacing-2xsmall)}.badge__content_bordered{border:var(--guit-sem-border-default-width) var(--guit-sem-border-default-style)}.badge__num{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)}";
6
+ styleInject(css_248z);
7
+
8
+ const MAX_VALUE = 99;
9
+ const getValue = (value, maxValue, size) => {
10
+ if (!Number(value) || size !== "small" || !value)
11
+ return null;
12
+ if (!maxValue)
13
+ return value;
14
+ const calculatedMaxValue = maxValue > 0 && maxValue < MAX_VALUE ? maxValue : MAX_VALUE;
15
+ return value > calculatedMaxValue ? `${calculatedMaxValue}+` : value;
16
+ };
17
+ const getSize = (withChildren, size) => {
18
+ if (!withChildren || size === "xSmall")
19
+ return size;
20
+ return "3xSmall";
21
+ };
22
+ /**
23
+ * Numeric Badge component is a small, circular indicator that displays numerical information, often used to highlight counts or statuses. It is typically positioned adjacent to icons or labels, providing users with a quick visual cue about the number of notifications, messages, or items requiring attention.
24
+ */
25
+ const Badge = ({ className, appearance = "brand", withBorder, size = "small", value, maxValue = 99, children }) => {
26
+ const badgeSize = getSize(!!children, size);
27
+ const badgeValue = getValue(value, maxValue, badgeSize);
28
+ return (React__default.createElement("div", { className: classNames("badge", className) },
29
+ React__default.createElement("div", { className: classNames(`badge__content badge__content_color_${appearance} badge__content_size_${badgeSize}`, {
30
+ badge__content_bordered: withBorder,
31
+ badge__content_position_absolute: children
32
+ }) }, !!badgeValue && React__default.createElement("p", { className: "badge__num" }, badgeValue)),
33
+ children));
34
+ };
35
+
36
+ export { Badge as default };
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);flex:0 0 auto;height:100%;opacity:0;width:100%}.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
+ 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 Thu, 24 Oct 2024 17:13:23 GMT
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 GuitSemFontCaptionLargeSemiboldLlneHeight = "1.6rem";
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 GuitSemFontCaptionLargeMediumLlneHeight = "1.6rem";
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 GuitSemColorBackgroundNeutral4 = "#262627";
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(#F5F5F5, #262627)";
425
+ const GuitSemColorBackgroundNeutral2 = "light-dark(#FAFAFA, #141414)";
426
+ const GuitSemColorBackgroundNeutral3 = "light-dark(#F5F5F5, #262627)";
495
427
  const GuitSemColorForegroundError = "light-dark(#98332F, #F8CBC9)";
496
- const GuitSemColorBackgroundNeutral2Hover = "light-dark(#E8E8E8, #323234)";
428
+ const GuitSemColorBackgroundNeutral3Hover = "light-dark(#E8E8E8, #323234)";
429
+ const GuitSemColorBackgroundNeutral3Pressed = "light-dark(#D3D3D4, #1c1c1c)";
497
430
  const GuitSemColorForegroundSuccess = "light-dark(#18714C, #B6ECD5)";
498
- const GuitSemColorBackgroundNeutral2Pressed = "light-dark(#D3D3D4, #1c1c1c)";
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
- GuitSemFontCaptionLargeMediumLlneHeight: GuitSemFontCaptionLargeMediumLlneHeight,
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
- GuitSemFontCaptionLargeSemiboldLlneHeight: GuitSemFontCaptionLargeSemiboldLlneHeight,
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-0abb4e1b.js');
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.8.0-beta",
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 { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
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-4)}.tooltip_color_default .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-4)}.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}";
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 = [
package/WarningFill-fb50593e.js ADDED
@@ -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 };
package/components/atoms/Badge/Badge.d.ts ADDED
@@ -0,0 +1,48 @@
1
+ import { FC, JSX } from "react";
2
+ import "./Badge.scss";
3
+ interface IBadgeProps {
4
+ /**
5
+ * Determines whether the badge component should display a border around it.
6
+ * When set to `true`, the `badge` will render with a visible `border`.
7
+ */
8
+ withBorder?: boolean;
9
+ /**
10
+ * Size <br>
11
+ * Possible values: `small | smallNudge | xSmall | 3xSmall`
12
+ */
13
+ size?: "small" | "smallNudge" | "xSmall" | "3xSmall";
14
+ /**
15
+ * Determines the visual appearance of the `badge`. <br>
16
+ * Possible values: `brand | neutral | red | inverse`
17
+ */
18
+ appearance?: "brand" | "neutral" | "red" | "inverse";
19
+ /**
20
+ * The value will shown as content of the `badge`.
21
+ */
22
+ value?: number;
23
+ /**
24
+ * Specifies the maximum value to display inside the `badge`.
25
+ * If the badge's `value` exceeds this maximum, it will display as `{maxValue}+`.
26
+ * The maximum allowable value for `maxValue` is capped at `99`.
27
+ */
28
+ maxValue?: number;
29
+ /**
30
+ * Additional class for the parent element.
31
+ * This prop should be used to set placement properties for the element relative to its parent using `BEM` conventions.
32
+ */
33
+ className?: string;
34
+ /**
35
+ * Specifies the element or component on which the `badge` will be displayed.
36
+ * The `badge` is positioned `relative` to this child `element`, allowing it to overlay or attach to the `element`.
37
+ *
38
+ * **Note**: When using the `children` prop, only `xSmall` and `3xSmall` sizes are supported for the `badge`.
39
+ *
40
+ * The default size for the badge when `children` is provided is `3xSmall`.
41
+ */
42
+ children?: JSX.Element;
43
+ }
44
+ /**
45
+ * Numeric Badge component is a small, circular indicator that displays numerical information, often used to highlight counts or statuses. It is typically positioned adjacent to icons or labels, providing users with a quick visual cue about the number of notifications, messages, or items requiring attention.
46
+ */
47
+ declare const Badge: FC<IBadgeProps>;
48
+ export { IBadgeProps, Badge as default };
package/components/atoms/Badge/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { IBadgeProps, default } from "./Badge";
package/components/molecules/Tag/Tag.d.ts ADDED
@@ -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 };
package/components/molecules/Tag/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { ITagProps, default } from "./Tag";
package/index.d.ts CHANGED
@@ -6,9 +6,11 @@ export { default as Pill, IPillProps } from "./components/atoms/Pill";
6
6
  export { default as Divider, IDividerProps } from "./components/atoms/Divider";
7
7
  export { default as Info, IInfoProps } from "./components/atoms/Info";
8
8
  export { default as Button, IButtonProps } from "./components/atoms/Button";
9
- export { default as Scrollbar } from "./components/atoms/Scrollbar";
10
- export { default as Tooltip } from "./components/molecules/Tooltip";
11
- export { default as ProgressBar } from "./components/molecules/ProgressBar";
9
+ export { default as Badge, IBadgeProps } from "./components/atoms/Badge";
10
+ export { default as Scrollbar, IScrollbarProps } from "./components/atoms/Scrollbar";
11
+ export { default as Tooltip, ITooltipProps } from "./components/molecules/Tooltip";
12
+ export { default as ProgressBar, IProgressBarProps } from "./components/molecules/ProgressBar";
13
+ export { default as Tag, ITagProps } from "./components/molecules/Tag";
12
14
  export { default as GeneUIProvider, GeneUIDesignSystemContext, IGeneUIDesignSystemContext, IGeneUIProviderProps } from "./components/providers/GeneUIProvider";
13
15
  export { default as useDebounce } from "./hooks/useDebounceCallback";
14
16
  export { default as useEllipsisDetection } from "./hooks/useEllipsisDetection";
package/index.js CHANGED
@@ -6,9 +6,11 @@ export { default as Pill } from './Pill.js';
6
6
  export { default as Divider } from './Divider.js';
7
7
  export { default as Info } from './Info.js';
8
8
  export { default as Button } from './Button.js';
9
+ export { default as Badge } from './Badge.js';
9
10
  export { default as Scrollbar } from './Scrollbar.js';
10
11
  export { default as Tooltip } from './Tooltip.js';
11
12
  export { default as ProgressBar } from './ProgressBar.js';
13
+ export { default as Tag } from './Tag.js';
12
14
  export { GeneUIDesignSystemContext, default as GeneUIProvider } from './GeneUIProvider.js';
13
15
  export { u as useDebounce } from './useDebounceCallback-999deae7.js';
14
16
  export { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
@@ -16,5 +18,6 @@ import 'react';
16
18
  import './index-ce02421b.js';
17
19
  import './ArrowLeft-b88e2ba8.js';
18
20
  import './style-inject.es-746bb8ed.js';
21
+ import './WarningFill-fb50593e.js';
19
22
  import 'prop-types';
20
23
  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-8abb102-14012025",
4
+ "version": "3.0.0-next-ff984eb-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.8.0-beta",
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"
package/tokens-db749a5c.js ADDED
@@ -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 };