@geneui/components 3.0.0-next-e9d48c2-27032025 → 3.0.0-next-c85db13-28032025

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/Checkbox.js CHANGED
@@ -5,13 +5,13 @@ import HelperText from './HelperText.js';
5
5
  import Label from './Label.js';
6
6
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
7
7
  import './Error-e14cf0e1.js';
8
- import './TriangleAlert-14d7e83c.js';
8
+ import './TriangleAlert-ba250f4c.js';
9
9
  import './Tooltip.js';
10
10
  import './floating-ui.react-0485e4db.js';
11
11
  import 'react-dom';
12
- import './index-ae180991.js';
12
+ import './index-64437ad8.js';
13
13
  import './useDebounceCallback-999deae7.js';
14
- import './useEllipsisDetection-dfe1a9d3.js';
14
+ import './useEllipsisDetection-b8695e54.js';
15
15
  import './Info.js';
16
16
  import './InfoOutlined-fc7d9afa.js';
17
17
 
@@ -59,9 +59,10 @@ styleInject(css_248z);
59
59
  /**
60
60
  * Checkbox component allows users to select one or more options from a set of choices. Each checkbox can be either checked or unchecked, indicating a binary state. Checkboxes are commonly used in forms, settings, and lists where multiple selections are needed.
61
61
  */
62
- const Checkbox = ({ label, required, infoText, disabled, helperText, readOnly, type = "rest", vertical, autoFocus, onChange, onFocus, onBlur, name, indeterminate, checked, defaultChecked, className }) => {
62
+ const Checkbox = (props) => {
63
+ const { label, required, infoText, disabled, helperText, readOnly, type = "rest", direction = "horizontal", autoFocus, onChange, onFocus, onBlur, name, indeterminate, checked, defaultChecked, className, value } = props;
63
64
  const interRef = useRef(null);
64
- const isControlled = checked !== undefined;
65
+ const isControlled = "checked" in props;
65
66
  const [checkedState, setCheckedState] = useState(defaultChecked || false);
66
67
  const onChangeHandler = (e) => {
67
68
  if (!isControlled) {
@@ -90,12 +91,12 @@ const Checkbox = ({ label, required, infoText, disabled, helperText, readOnly, t
90
91
  return (React__default.createElement("div", Object.assign({ className: classNames("checkbox ", `checkbox_${type}`, {
91
92
  checkbox_disabled: disabled,
92
93
  checkbox_readOnly: readOnly,
93
- checkbox_labelTop: vertical
94
+ checkbox_labelTop: direction === "vertical"
94
95
  }, className) }, ((disabled || readOnly) && { tabIndex: -1 })),
95
96
  React__default.createElement(Label, { labelText: label, className: "checkbox__label", required: required, infoText: infoText, disabled: disabled, readOnly: readOnly },
96
97
  React__default.createElement("span", { className: "checkbox__imitationHolder" },
97
98
  React__default.createElement("span", { className: "checkbox__imitationHolderInner" },
98
- React__default.createElement("input", Object.assign({ type: "checkbox", className: "checkbox__input", onChange: onChangeHandler, onFocus: onFocusHandler, onBlur: onBlurHandler, checked: resolvedChecked, ref: interRef }, (name && { name }), (autoFocus && { autoFocus }), ((disabled || readOnly) && { tabIndex: -1 }))),
99
+ React__default.createElement("input", Object.assign({ type: "checkbox", className: "checkbox__input", onChange: onChangeHandler, onFocus: onFocusHandler, onBlur: onBlurHandler, checked: resolvedChecked, ref: interRef }, (name && { name }), (autoFocus && { autoFocus }), ((disabled || readOnly) && { tabIndex: -1 }), { value: value })),
99
100
  React__default.createElement("span", { className: "checkbox__imitation" }, indeterminate && !checked ? (React__default.createElement(SvgMinus, { className: "checkbox__icon", size: 16 })) : (React__default.createElement(SvgCheckMark, { className: "checkbox__icon", size: 16 })))))),
100
101
  helperText && (React__default.createElement("div", { className: "checkbox__infoContainer" },
101
102
  React__default.createElement(HelperText, { text: helperText, isDisabled: disabled, type: type })))));
package/GeneUIProvider.js CHANGED
@@ -1,4 +1,4 @@
1
- export { a as GeneUIDesignSystemContext, G as default } from './index-ae180991.js';
1
+ export { a as GeneUIDesignSystemContext, G as default } from './index-64437ad8.js';
2
2
  import 'react';
3
3
  import './useDebounceCallback-999deae7.js';
4
4
  import './style-inject.es-746bb8ed.js';
package/HelperText.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React__default from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import { S as SvgError } from './Error-e14cf0e1.js';
4
- import { S as SvgTriangleAlert } from './TriangleAlert-14d7e83c.js';
4
+ import { S as SvgTriangleAlert } from './TriangleAlert-ba250f4c.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './ActivityRecent-b88e2ba8.js';
7
7
 
package/Info.js CHANGED
@@ -6,7 +6,7 @@ import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './ActivityRecent-b88e2ba8.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './index-ae180991.js';
9
+ import './index-64437ad8.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
 
12
12
  var css_248z = ".info{border-radius:var(--guit-ref-radius-3xsmall);line-height:0}.info_appearance_default{color:var(--guit-sem-color-foreground-neutral-2)}.info_appearance_brand{color:var(--guit-sem-color-foreground-brand)}.info_appearance_inverse{color:var(--guit-sem-color-foreground-inverse)}.info_disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}";
package/KeyValue.js CHANGED
@@ -7,7 +7,7 @@ import './ActivityRecent-b88e2ba8.js';
7
7
  import './Tooltip.js';
8
8
  import './floating-ui.react-0485e4db.js';
9
9
  import 'react-dom';
10
- import './index-ae180991.js';
10
+ import './index-64437ad8.js';
11
11
  import './useDebounceCallback-999deae7.js';
12
12
 
13
13
  var css_248z = ".keyValue{display:inline-flex;max-width:100%}.keyValue_direction_vertical{flex-direction:column}.keyValue_direction_horizontal.keyValue_spaceBetween{width:100%}.keyValue__content{align-items:center;color:var(--guit-sem-color-foreground-neutral-2);display:flex;flex:1}.keyValue__value{color:var(--guit-sem-color-foreground-neutral-1);word-break:break-word}.keyValue_size_large{gap:var(--guit-ref-spacing-medium)}.keyValue_size_large .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_large .keyValue__title,.keyValue_size_large .keyValue__value{font-family:var(--guit-sem-font-label-large-default-medium-font-family),sans-serif;font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}.keyValue_size_medium{gap:var(--guit-ref-spacing-medium)}.keyValue_size_medium .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_medium .keyValue__title,.keyValue_size_medium .keyValue__value{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family),sans-serif;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)}";
package/Label.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React__default, { useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import Tooltip from './Tooltip.js';
4
- import { u as useEllipsisDetection } from './useEllipsisDetection-dfe1a9d3.js';
4
+ import { u as useEllipsisDetection } from './useEllipsisDetection-b8695e54.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import Info from './Info.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './index-ae180991.js';
9
+ import './index-64437ad8.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
  import './InfoOutlined-fc7d9afa.js';
12
12
  import './ActivityRecent-b88e2ba8.js';
package/Pill.js CHANGED
@@ -2,12 +2,12 @@ import React__default, { useState, useRef, useEffect } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import { S as SvgCircleFilled } from './CircleFilled-19a9ec62.js';
4
4
  import Tooltip from './Tooltip.js';
5
- import { u as useEllipsisDetection } from './useEllipsisDetection-dfe1a9d3.js';
5
+ import { u as useEllipsisDetection } from './useEllipsisDetection-b8695e54.js';
6
6
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
7
7
  import './ActivityRecent-b88e2ba8.js';
8
8
  import './floating-ui.react-0485e4db.js';
9
9
  import 'react-dom';
10
- import './index-ae180991.js';
10
+ import './index-64437ad8.js';
11
11
  import './useDebounceCallback-999deae7.js';
12
12
 
13
13
  var css_248z = ".pill{align-items:center;display:inline-flex;max-width:100%;vertical-align:top}.pill_icon_after{flex-direction:row-reverse}.pill_size_medium:not(.pill_icon_only){gap:var(--guit-ref-spacing-xsmall);padding-bottom:var(--guit-ref-spacing-2xsmall);padding-top:var(--guit-ref-spacing-2xsmall)}.pill_size_medium:not(.pill_icon_before,.pill_size_medium.pill_icon_after,.pill_size_medium.pill_icon_only){min-width:var(--guit-sem-dimension-width-large);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_medium.pill_icon_after,.pill_size_medium.pill_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.pill_size_medium.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_medium.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_medium.pill_icon_only{min-width:var(--guit-sem-dimension-width-medium);padding:var(--guit-ref-spacing-2xsmall)}.pill_size_small:not(.pill_icon_only){gap:var(--guit-ref-spacing-2xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}.pill_size_small:not(.pill_icon_before,.pill_size_small.pill_icon_after,.pill_size_small.pill_icon_only){min-width:var(--guit-sem-dimension-width-large);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_small.pill_icon_after,.pill_size_small.pill_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.pill_size_small.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_small.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_small.pill_icon_only{min-width:var(--guit-sem-dimension-width-small);padding:var(--guit-ref-spacing-4xsmall)}.pill_size_medium:not(.pill_icon_only),.pill_size_small:not(.pill_icon_only){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)}.pill_size_smallNudge{gap:var(--guit-ref-spacing-3xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}.pill_size_smallNudge:not(.pill_icon_only){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)}.pill_size_smallNudge:not(.pill_icon_before,.pill_size_smallNudge.pill_icon_after,.pill_size_smallNudge.pill_icon_only){min-width:var(--guit-sem-dimension-width-medium);padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_smallNudge.pill_icon_after,.pill_size_smallNudge.pill_icon_before{min-width:var(--guit-sem-dimension-width-large)}.pill_size_smallNudge.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-3xsmall)}.pill_size_smallNudge.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-3xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_smallNudge.pill_icon_only{min-width:var(--guit-sem-dimension-width-small-nudge);padding:var(--guit-ref-spacing-4xsmall)}.pill_fill.pill_size_medium,.pill_fill.pill_size_small{border-radius:var(--guit-ref-radius-3xsmall)}.pill_fill.pill_size_smallNudge{border-radius:var(--guit-ref-radius-4xsmall)}.pill_fill.pill_color_informative{background-color:var(--guit-sem-color-background-informative)}.pill_fill.pill_color_neutral{background-color:var(--guit-sem-color-background-neutral-3)}.pill_fill.pill_color_error{background-color:var(--guit-sem-color-background-error-1)}.pill_fill.pill_color_success{background-color:var(--guit-sem-color-background-success-1)}.pill_fill.pill_color_warning{background-color:var(--guit-sem-color-background-warning-1)}.pill_fill.pill_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1)}.pill_fill.pill_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1)}.pill_fill.pill_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1)}.pill_fill.pill_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1)}.pill_fill.pill_color_inverse{background-color:var(--guit-sem-color-background-inverse);color:var(--guit-sem-color-foreground-neutral-2)}.pill_color_informative{color:var(--guit-sem-color-foreground-informative)}.pill_color_neutral{color:var(--guit-sem-color-foreground-neutral-2)}.pill_color_error{color:var(--guit-sem-color-foreground-error)}.pill_color_success{color:var(--guit-sem-color-foreground-success)}.pill_color_warning{color:var(--guit-sem-color-foreground-warning)}.pill_color_purple{color:var(--guit-sem-color-foreground-accent-purple)}.pill_color_lagoon{color:var(--guit-sem-color-foreground-accent-lagoon)}.pill_color_magenta{color:var(--guit-sem-color-foreground-accent-magenta)}.pill_color_slate{color:var(--guit-sem-color-foreground-accent-slate)}.pill:not(.pill_fill).pill_color_inverse{color:var(--guit-sem-color-foreground-inverse)}.pill__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.pill__icon{flex:0 0 auto}";
package/Popover.js CHANGED
@@ -1,12 +1,12 @@
1
- export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions } from './index-787461ac.js';
1
+ export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions } from './index-2d4712c1.js';
2
2
  import 'react';
3
3
  import './floating-ui.react-0485e4db.js';
4
4
  import 'react-dom';
5
5
  import './InfoOutlined-fc7d9afa.js';
6
6
  import './ActivityRecent-b88e2ba8.js';
7
- import './X-9c317d18.js';
7
+ import './X-20da3b4a.js';
8
8
  import './style-inject.es-746bb8ed.js';
9
- import './index-ae180991.js';
9
+ import './index-64437ad8.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
  import './Button.js';
12
12
  import './index-ce02421b.js';
package/ProgressBar.js CHANGED
@@ -5,13 +5,13 @@ import Label from './Label.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './Error-e14cf0e1.js';
7
7
  import './ActivityRecent-b88e2ba8.js';
8
- import './TriangleAlert-14d7e83c.js';
8
+ import './TriangleAlert-ba250f4c.js';
9
9
  import './Tooltip.js';
10
10
  import './floating-ui.react-0485e4db.js';
11
11
  import 'react-dom';
12
- import './index-ae180991.js';
12
+ import './index-64437ad8.js';
13
13
  import './useDebounceCallback-999deae7.js';
14
- import './useEllipsisDetection-dfe1a9d3.js';
14
+ import './useEllipsisDetection-b8695e54.js';
15
15
  import './Info.js';
16
16
  import './InfoOutlined-fc7d9afa.js';
17
17
 
package/QRCode.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React__default, { useRef, useContext, useMemo, cloneElement } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
- import { a as GeneUIDesignSystemContext } from './index-ae180991.js';
3
+ import { a as GeneUIDesignSystemContext } from './index-64437ad8.js';
4
4
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
5
5
  import './useDebounceCallback-999deae7.js';
6
6
 
package/Radio.js CHANGED
@@ -6,13 +6,13 @@ import Label from './Label.js';
6
6
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
7
7
  import './ActivityRecent-b88e2ba8.js';
8
8
  import './Error-e14cf0e1.js';
9
- import './TriangleAlert-14d7e83c.js';
9
+ import './TriangleAlert-ba250f4c.js';
10
10
  import './Tooltip.js';
11
11
  import './floating-ui.react-0485e4db.js';
12
12
  import 'react-dom';
13
- import './index-ae180991.js';
13
+ import './index-64437ad8.js';
14
14
  import './useDebounceCallback-999deae7.js';
15
- import './useEllipsisDetection-dfe1a9d3.js';
15
+ import './useEllipsisDetection-b8695e54.js';
16
16
  import './Info.js';
17
17
  import './InfoOutlined-fc7d9afa.js';
18
18
 
package/Tag.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import React__default, { useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
4
- import { S as SvgTriangleAlert } from './TriangleAlert-14d7e83c.js';
5
- import { S as SvgX } from './X-9c317d18.js';
4
+ import { S as SvgTriangleAlert } from './TriangleAlert-ba250f4c.js';
5
+ import { S as SvgX } from './X-20da3b4a.js';
6
6
  import Button from './Button.js';
7
- import { u as useEllipsisDetection } from './useEllipsisDetection-dfe1a9d3.js';
7
+ import { u as useEllipsisDetection } from './useEllipsisDetection-b8695e54.js';
8
8
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
9
9
  import Tooltip from './Tooltip.js';
10
10
  import './Loader.js';
11
- import './index-ae180991.js';
11
+ import './index-64437ad8.js';
12
12
  import './useDebounceCallback-999deae7.js';
13
13
  import './floating-ui.react-0485e4db.js';
14
14
  import 'react-dom';
@@ -23,11 +23,11 @@ var SvgCircleAlert = function SvgCircleAlert(_ref) {
23
23
  return /*#__PURE__*/React__default.createElement("svg", _extends({
24
24
  width: size,
25
25
  height: size,
26
- viewBox: "0 0 20 20",
26
+ viewBox: "0 0 24 24",
27
27
  fill: color,
28
28
  xmlns: "http://www.w3.org/2000/svg"
29
29
  }, props), /*#__PURE__*/React__default.createElement("path", {
30
- d: "M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-.75 5.758a.75.75 0 0 1 1.5 0v5.243a.75.75 0 0 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",
30
+ 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",
31
31
  fill: color
32
32
  }));
33
33
  };
package/Text.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import React__default, { useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import Tooltip from './Tooltip.js';
4
- import { u as useEllipsisDetection } from './useEllipsisDetection-dfe1a9d3.js';
4
+ import { u as useEllipsisDetection } from './useEllipsisDetection-b8695e54.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './floating-ui.react-0485e4db.js';
7
7
  import 'react-dom';
8
- import './index-ae180991.js';
8
+ import './index-64437ad8.js';
9
9
  import './useDebounceCallback-999deae7.js';
10
10
 
11
11
  var css_248z = ".text_variant_headingXLargeSemibold{font-family:var(--guit-sem-font-heading-xlarge-semibold-font-family);font-size:var(--guit-sem-font-heading-xlarge-semibold-font-size);font-weight:var(--guit-sem-font-heading-xlarge-semibold-font-weight);line-height:var(--guit-sem-font-heading-xlarge-semibold-line-height)}.text_variant_headingLargeSemibold{font-family:var(--guit-sem-font-heading-large-semibold-font-family);font-size:var(--guit-sem-font-heading-large-semibold-font-size);font-weight:var(--guit-sem-font-heading-large-semibold-font-weight);line-height:var(--guit-sem-font-heading-large-semibold-line-height)}.text_variant_headingMediumSemibold{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);line-height:var(--guit-sem-font-heading-medium-semibold-line-height)}.text_variant_headingSmallSemibold{font-family:var(--guit-sem-font-heading-small-semibold-font-family);font-size:var(--guit-sem-font-heading-small-semibold-font-size);font-weight:var(--guit-sem-font-heading-small-semibold-font-weight);line-height:var(--guit-sem-font-heading-small-semibold-line-height)}.text_variant_headingXSmallSemibold{font-family:var(--guit-sem-font-heading-xsmall-semibold-font-family);font-size:var(--guit-sem-font-heading-xsmall-semibold-font-size);font-weight:var(--guit-sem-font-heading-xsmall-semibold-font-weight);line-height:var(--guit-sem-font-heading-xsmall-semibold-line-height)}.text_variant_subheadingLargeSemibold{font-family:var(--guit-sem-font-subheading-large-semibold-font-family);font-size:var(--guit-sem-font-subheading-large-semibold-font-size);font-weight:var(--guit-sem-font-subheading-large-semibold-font-weight);line-height:var(--guit-sem-font-subheading-large-semibold-line-height)}.text_variant_subheadingMediumSemibold{font-family:var(--guit-sem-font-subheading-medium-semibold-font-family);font-size:var(--guit-sem-font-subheading-medium-semibold-font-size);font-weight:var(--guit-sem-font-subheading-medium-semibold-font-weight);line-height:var(--guit-sem-font-subheading-medium-semibold-line-height)}.text_variant_labelLargeSemibold{font-family:var(--guit-sem-font-label-large-default-semibold-font-family);font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-semibold-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}.text_variant_labelLargeMedium{font-family:var(--guit-sem-font-label-large-default-medium-font-family);font-size:var(--guit-sem-font-label-large-default-medium-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-medium-line-height)}.text_variant_labelMediumSemibold{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-semibold-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.text_variant_labelMediumMedium{font-family:var(--guit-sem-font-label-medium-default-medium-font-family);font-size:var(--guit-sem-font-label-medium-default-medium-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-medium-line-height)}.text_variant_labelSmallSemibold{font-family:var(--guit-sem-font-label-small-default-semibold-font-family);font-size:var(--guit-sem-font-label-small-default-semibold-font-size);font-weight:var(--guit-sem-font-label-small-default-semibold-font-weight);line-height:var(--guit-sem-font-label-small-default-semibold-line-height)}.text_variant_labelSmallMedium{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)}.text_variant_bodyLargeMedium_hasSpace,.text_variant_bodyLargeRegular_hasSpace,.text_variant_bodyLargeSemibold_hasSpace{margin-block-end:2.4rem}.text_variant_bodyMediumMedium_hasSpace,.text_variant_bodyMediumRegular_hasSpace,.text_variant_bodyMediumSemibold_hasSpace{margin-block-end:2rem}.text_variant_bodyLargeSemibold{font-family:var(--guit-sem-font-body-large-default-semibold-font-family);font-size:var(--guit-sem-font-body-large-default-semibold-font-size);font-weight:var(--guit-sem-font-body-large-default-semibold-font-weight);line-height:var(--guit-sem-font-body-large-default-semibold-line-height)}.text_variant_bodyLargeMedium{font-family:var(--guit-sem-font-body-large-default-medium-font-family);font-size:var(--guit-sem-font-body-large-default-medium-font-size);font-weight:var(--guit-sem-font-body-large-default-medium-font-weight);line-height:var(--guit-sem-font-body-large-default-medium-line-height)}.text_variant_bodyLargeRegular{font-family:var(--guit-sem-font-body-large-default-regular-font-family);font-size:var(--guit-sem-font-body-large-default-regular-font-size);font-weight:var(--guit-sem-font-body-large-default-regular-font-weight);line-height:var(--guit-sem-font-body-large-default-regular-line-height)}.text_variant_bodyMediumSemibold{font-family:var(--guit-sem-font-body-medium-default-semibold-font-family);font-size:var(--guit-sem-font-body-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-body-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-body-medium-default-semibold-line-height)}.text_variant_bodyMediumMedium{font-family:var(--guit-sem-font-body-medium-default-medium-font-family);font-size:var(--guit-sem-font-body-medium-default-medium-font-size);font-weight:var(--guit-sem-font-body-medium-default-medium-font-weight);line-height:var(--guit-sem-font-body-medium-default-medium-line-height)}.text_variant_bodyMediumRegular{font-family:var(--guit-sem-font-body-medium-default-regular-font-family);font-size:var(--guit-sem-font-body-medium-default-regular-font-size);font-weight:var(--guit-sem-font-body-medium-default-regular-font-weight);line-height:var(--guit-sem-font-body-medium-default-regular-line-height)}.text_variant_captionLargeMedium_hasSpace,.text_variant_captionLargeRegular_hasSpace,.text_variant_captionLargeSemibold_hasSpace{margin-block-end:1.6rem}.text_variant_captionMediumMedium_hasSpace,.text_variant_captionMediumRegular_hasSpace,.text_variant_captionMediumSemibold_hasSpace{margin-block-end:1.4rem}.text_variant_captionLargeSemibold{font-family:var(--guit-sem-font-caption-large-semibold-font-family);font-size:var(--guit-sem-font-caption-large-semibold-font-size);font-weight:var(--guit-sem-font-caption-large-semibold-font-weight);letter-spacing:var(--guit-sem-font-caption-large-semibold-letter-spacing);line-height:var(--guit-sem-font-caption-large-semibold-line-height)}.text_variant_captionLargeMedium{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-line-height)}.text_variant_captionLargeRegular{font-family:var(--guit-sem-font-caption-large-regular-font-family);font-size:var(--guit-sem-font-caption-large-regular-font-size);font-weight:var(--guit-sem-font-caption-large-regular-font-weight);letter-spacing:var(--guit-sem-font-caption-large-regular-letter-spacing);line-height:var(--guit-sem-font-caption-large-regular-line-height)}.text_variant_captionMediumSemibold{font-family:var(--guit-sem-font-caption-medium-semibold-font-family);font-size:var(--guit-sem-font-caption-medium-semibold-font-size);font-weight:var(--guit-sem-font-caption-medium-semibold-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-semibold-letter-spacing);line-height:var(--guit-sem-font-caption-medium-semibold-line-height)}.text_variant_captionMediumMedium{font-family:var(--guit-sem-font-caption-medium-medium-font-family);font-size:var(--guit-sem-font-caption-medium-medium-font-size);font-weight:var(--guit-sem-font-caption-medium-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-medium-letter-spacing);line-height:var(--guit-sem-font-caption-medium-medium-line-height)}.text_variant_captionMediumRegular{font-family:var(--guit-sem-font-caption-medium-regular-font-family);font-size:var(--guit-sem-font-caption-medium-regular-font-size);font-weight:var(--guit-sem-font-caption-medium-regular-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-regular-letter-spacing);line-height:var(--guit-sem-font-caption-medium-regular-line-height)}.text_alignment_start{text-align:start}.text_alignment_center{text-align:center}.text_alignment_end{text-align:end}.text_case_uppercase{text-transform:uppercase}.text_decoration_underline{text-decoration:underline}.text_decoration_lineThrough{text-decoration:line-through}";
package/Timeline.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React__default, { createContext, useContext, useMemo, useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
- import { a as GeneUIDesignSystemContext } from './index-ae180991.js';
3
+ import { a as GeneUIDesignSystemContext } from './index-64437ad8.js';
4
4
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
5
5
  import { S as SvgCircleFilled } from './CircleFilled-19a9ec62.js';
6
6
  import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
7
7
  import Divider from './Divider.js';
8
8
  import Tooltip from './Tooltip.js';
9
- import { u as useEllipsisDetection } from './useEllipsisDetection-dfe1a9d3.js';
9
+ import { u as useEllipsisDetection } from './useEllipsisDetection-b8695e54.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
  import './floating-ui.react-0485e4db.js';
12
12
  import 'react-dom';
package/Tooltip.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React__default, { useContext, useState, useRef, useEffect, Children, cloneElement, Fragment } from 'react';
2
2
  import { u as useFloating, p as platform, h as offset, i as flip, a as arrow, j as shift, b as autoUpdate, k as useHover, g as useInteractions, F as FloatingPortal } from './floating-ui.react-0485e4db.js';
3
3
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
4
- import { a as GeneUIDesignSystemContext } from './index-ae180991.js';
4
+ import { a as GeneUIDesignSystemContext } from './index-64437ad8.js';
5
5
  import 'react-dom';
6
6
  import './useDebounceCallback-999deae7.js';
7
7
 
@@ -11,13 +11,13 @@ var SvgTriangleAlert = function SvgTriangleAlert(_ref) {
11
11
  return /*#__PURE__*/React__default.createElement("svg", _extends({
12
12
  width: size,
13
13
  height: size,
14
- viewBox: "0 0 20 18",
14
+ viewBox: "0 0 24 24",
15
15
  fill: color,
16
16
  xmlns: "http://www.w3.org/2000/svg"
17
17
  }, props), /*#__PURE__*/React__default.createElement("path", {
18
18
  fillRule: "evenodd",
19
19
  clipRule: "evenodd",
20
- d: "m.13 16.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-.913-.917c0-.506.409-.916.913-.916s.913.41.913.916Z",
20
+ 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",
21
21
  fill: color
22
22
  }));
23
23
  };
@@ -11,11 +11,11 @@ var SvgX = function SvgX(_ref) {
11
11
  return /*#__PURE__*/React__default.createElement("svg", _extends({
12
12
  width: size,
13
13
  height: size,
14
- viewBox: "0 0 16 16",
14
+ viewBox: "0 0 24 24",
15
15
  fill: color,
16
16
  xmlns: "http://www.w3.org/2000/svg"
17
17
  }, props), /*#__PURE__*/React__default.createElement("path", {
18
- d: "m9.051 8 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",
18
+ 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",
19
19
  fill: color
20
20
  }));
21
21
  };
@@ -7,8 +7,9 @@ interface ICheckboxProps {
7
7
  label?: string;
8
8
  /**
9
9
  * Toggles the label's and HelperText position between above or beside the checkbox.
10
+ * Possible values: `horizontal | vertical`
10
11
  */
11
- vertical?: boolean;
12
+ direction?: "horizontal" | "vertical";
12
13
  /**
13
14
  * Specifies whether the checkbox is mandatory for completing a form.
14
15
  */
@@ -34,7 +35,7 @@ interface ICheckboxProps {
34
35
  */
35
36
  autoFocus?: boolean;
36
37
  /**
37
- * Extra information displayed with the label for clarity or guidance.
38
+ * Extra information displayed with the tooltip for clarity or guidance.
38
39
  */
39
40
  infoText?: string;
40
41
  /**
@@ -42,7 +43,7 @@ interface ICheckboxProps {
42
43
  */
43
44
  helperText?: string;
44
45
  /**
45
- * The initial checked state of the checkbox before user interaction.
46
+ * The initial state of the checkbox was checked before user interaction. This prop does not make the component controlled.
46
47
  */
47
48
  defaultChecked?: boolean;
48
49
  /**
@@ -54,7 +55,11 @@ interface ICheckboxProps {
54
55
  * HTML name attribute for the input element.<br>
55
56
  * A unique identifier for the checkbox within a form.
56
57
  */
57
- name?: string;
58
+ name: string;
59
+ /**
60
+ * The value of the component that will be returned in the onChange event.
61
+ */
62
+ value: string;
58
63
  /**
59
64
  * Fires when the user changes the checkbox state. Provides the change event as a callback's argument.
60
65
  */
@@ -1,9 +1,9 @@
1
1
  import React__default, { useRef, useCallback, useEffect, forwardRef, useState, useContext, useImperativeHandle, useLayoutEffect } from 'react';
2
2
  import { u as useFloating, p as platform, o as offset, f as flip, a as arrow, s as shift, b as autoUpdate, c as useDismiss, d as useClick, e as useRole, g as useInteractions, F as FloatingPortal } from './floating-ui.react-0485e4db.js';
3
3
  import { S as SvgInfoOutlined } from './InfoOutlined-fc7d9afa.js';
4
- import { S as SvgX } from './X-9c317d18.js';
4
+ import { S as SvgX } from './X-20da3b4a.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
- import { a as GeneUIDesignSystemContext } from './index-ae180991.js';
6
+ import { a as GeneUIDesignSystemContext } from './index-64437ad8.js';
7
7
  import Button from './Button.js';
8
8
  import { c as classNames } from './index-ce02421b.js';
9
9
 
@@ -4,7 +4,7 @@ import { s as styleInject } from './style-inject.es-746bb8ed.js';
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Tue, 19 Nov 2024 07:59:43 GMT
7
+ * Generated on Fri, 28 Mar 2025 11:10:20 GMT
8
8
  */
9
9
 
10
10
  const GuitRefColorNeutral800base = "#141414";
@@ -173,6 +173,7 @@ const GuitRefRadius2xsmall = "0.6rem";
173
173
  const GuitRefRadiusXsmall = "0.8rem";
174
174
  const GuitRefRadiusSmall = "1rem";
175
175
  const GuitRefRadiusMedium = "1.2rem";
176
+ const GuitRefRadiusLarge = "1.6rem";
176
177
  const GuitRefRadiusFull = "50%";
177
178
  const GuitRefBorderWidthNone = "0rem";
178
179
  const GuitRefBorderWidthThin = "0.1rem";
@@ -203,9 +204,9 @@ const GuitRefMotionDurationModerate = "120ms";
203
204
  const GuitRefMotionDurationModerateMacro = "240ms";
204
205
  const GuitRefMotionDurationSlow = "400ms";
205
206
  const GuitRefMotionDurationSlowMacro = "1200ms";
206
- const GuitRefBreakpointMobile = "0px-767px";
207
- const GuitRefBreakpointTablet = "768px-1199px";
208
- const GuitRefBreakpointDesktop = "≥1200px";
207
+ const GuitRefBreakpointMobile = "767";
208
+ const GuitRefBreakpointTablet = "1199";
209
+ const GuitRefBreakpointDesktop = "1200";
209
210
  const GuitSemFontHeadingXlargeSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
210
211
  const GuitSemFontHeadingXlargeSemiboldFontSize = "4.8rem";
211
212
  const GuitSemFontHeadingXlargeSemiboldFontWeight = "600";
@@ -291,7 +292,7 @@ const GuitSemFontCaptionMediumSemiboldFontSize = "1rem";
291
292
  const GuitSemFontCaptionMediumSemiboldFontWeight = "600";
292
293
  const GuitSemFontCaptionMediumSemiboldLineHeight = "1.4rem";
293
294
  const GuitSemFontCaptionMediumSemiboldLetterSpacing = "0.03rem";
294
- const GuitSemFontCaptionMediumSemiboldParagraphSpacing = "1.6rem";
295
+ const GuitSemFontCaptionMediumSemiboldParagraphSpacing = "1.2rem";
295
296
  const GuitSemFontCaptionMediumMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
296
297
  const GuitSemFontCaptionMediumRegularFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
297
298
  const GuitSemFontCaptionMediumRegularFontSize = "1rem";
@@ -425,20 +426,20 @@ const GuitSemColorForegroundBrandHover = "light-dark(#105EBC, #C3DBF9)";
425
426
  const GuitSemColorForegroundBrandPressed = "light-dark(#0A3B75, #E8F1FD)";
426
427
  const GuitSemColorBackgroundNeutral2 = "light-dark(#FAFAFA, #141414)";
427
428
  const GuitSemColorBackgroundNeutral3 = "light-dark(#F5F5F5, #262627)";
428
- const GuitSemColorForegroundError = "light-dark(#98332F, #F8CBC9)";
429
429
  const GuitSemColorBackgroundNeutral3Hover = "light-dark(#E8E8E8, #323234)";
430
- const GuitSemColorBackgroundNeutral3Pressed = "light-dark(#D3D3D4, #1c1c1c)";
430
+ const GuitSemColorForegroundError = "light-dark(#98332F, #F8CBC9)";
431
431
  const GuitSemColorForegroundSuccess = "light-dark(#18714C, #B6ECD5)";
432
+ const GuitSemColorBackgroundNeutral3Pressed = "light-dark(#D3D3D4, #1c1c1c)";
432
433
  const GuitSemColorBackgroundNeutral4 = "light-dark(#E8E8E8, #323234)";
433
434
  const GuitSemColorForegroundWarning = "light-dark(#7E6030, #F0D09D)";
434
435
  const GuitSemColorForegroundRecommendation = "light-dark(#553EB7, #D7CFF7)";
435
436
  const GuitSemColorForegroundInformative = "light-dark(#105EBC, #C3DBF9)";
436
437
  const GuitSemColorBackgroundBrand1 = "light-dark(#E8F1FD, #105EBC)";
437
438
  const GuitSemColorForegroundSelected = "light-dark(#1473E6, #95C0F4)";
438
- const GuitSemColorForegroundSelectedHover = "light-dark(#105EBC, #C3DBF9)";
439
439
  const GuitSemColorBackgroundBrand1Hover = "light-dark(#C3DBF9, #1473E6)";
440
- const GuitSemColorForegroundSelectedPressed = "light-dark(#0A3B75, #E8F1FD)";
440
+ const GuitSemColorForegroundSelectedHover = "light-dark(#105EBC, #C3DBF9)";
441
441
  const GuitSemColorBackgroundBrand1Pressed = "light-dark(#95C0F4, #0A3B75)";
442
+ const GuitSemColorForegroundSelectedPressed = "light-dark(#0A3B75, #E8F1FD)";
442
443
  const GuitSemColorBackgroundBrand2 = "light-dark(#1473E6, #599CED)";
443
444
  const GuitSemColorBackgroundBrand2Hover = "light-dark(#105EBC, #95C0F4)";
444
445
  const GuitSemColorBackgroundBrand2Pressed = "light-dark(#0A3B75, #3989EA)";
@@ -448,8 +449,8 @@ const GuitSemColorForegroundInverse = "light-dark(#FFFFFF, #262627)";
448
449
  const GuitSemColorForegroundInverseHover = "light-dark(#F5F5F5, #323234)";
449
450
  const GuitSemColorForegroundInversePressed = "light-dark(#E8E8E8, #1c1c1c)";
450
451
  const GuitSemColorForegroundInverseDisabled = "light-dark(#B7B7B9, #646468)";
451
- const GuitSemColorBackgroundError1Pressed = "light-dark(#F2A09C, #61211E)";
452
452
  const GuitSemColorForegroundDisabled = "light-dark(#929295, #646468)";
453
+ const GuitSemColorBackgroundError1Pressed = "light-dark(#F2A09C, #61211E)";
453
454
  const GuitSemColorForegroundAccentBlue = "light-dark(#105EBC, #C3DBF9)";
454
455
  const GuitSemColorForegroundAccentRed = "light-dark(#98332F, #F8CBC9)";
455
456
  const GuitSemColorForegroundAccentGreen = "light-dark(#18714C, #B6ECD5)";
@@ -690,6 +691,7 @@ var jsTokens = /*#__PURE__*/Object.freeze({
690
691
  GuitRefRadius3xsmall: GuitRefRadius3xsmall,
691
692
  GuitRefRadius4xsmall: GuitRefRadius4xsmall,
692
693
  GuitRefRadiusFull: GuitRefRadiusFull,
694
+ GuitRefRadiusLarge: GuitRefRadiusLarge,
693
695
  GuitRefRadiusMedium: GuitRefRadiusMedium,
694
696
  GuitRefRadiusNone: GuitRefRadiusNone,
695
697
  GuitRefRadiusSmall: GuitRefRadiusSmall,
@@ -1085,7 +1087,7 @@ var jsTokens = /*#__PURE__*/Object.freeze({
1085
1087
  });
1086
1088
 
1087
1089
  const bootstrap = () => {
1088
- import('./tokens-db749a5c.js');
1090
+ import('./tokens-ed374aee.js');
1089
1091
  return jsTokens;
1090
1092
  };
1091
1093
 
@@ -1309,8 +1311,8 @@ var dependencies = {
1309
1311
  "@floating-ui/react": "^0.26.16",
1310
1312
  "@floating-ui/react-dom": "^2.1.2",
1311
1313
  "@floating-ui/utils": "^0.2.8",
1312
- "@geneui/icons": "^1.0.6",
1313
- "@geneui/tokens": "^1.0.0",
1314
+ "@geneui/icons": "^1.1.0",
1315
+ "@geneui/tokens": "^1.0.1",
1314
1316
  classnames: "^2.3.2",
1315
1317
  "qrcode.react": "^4.2.0",
1316
1318
  "react-is": "^17.0.2",
package/index.js CHANGED
@@ -8,7 +8,7 @@ export { default as Info } from './Info.js';
8
8
  export { default as Button } from './Button.js';
9
9
  export { default as Radio } from './Radio.js';
10
10
  export { default as Text } from './Text.js';
11
- export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions, u as useScrollLock } from './index-787461ac.js';
11
+ export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions, u as useScrollLock } from './index-2d4712c1.js';
12
12
  export { default as Badge } from './Badge.js';
13
13
  export { default as Scrollbar } from './Scrollbar.js';
14
14
  export { Col, Grid, Row } from './Grid.js';
@@ -19,20 +19,20 @@ export { default as Tag } from './Tag.js';
19
19
  export { TimelinePoint, Timelines } from './Timeline.js';
20
20
  export { default as QRCode } from './QRCode.js';
21
21
  export { Key, KeyValue, Value } from './KeyValue.js';
22
- export { a as GeneUIDesignSystemContext, G as GeneUIProvider, b as useBreakpoint, u as useWindowSize } from './index-ae180991.js';
22
+ export { a as GeneUIDesignSystemContext, G as GeneUIProvider, b as useBreakpoint, u as useWindowSize } from './index-64437ad8.js';
23
23
  export { u as useDebounce } from './useDebounceCallback-999deae7.js';
24
- export { u as useEllipsisDetection } from './useEllipsisDetection-dfe1a9d3.js';
24
+ export { u as useEllipsisDetection } from './useEllipsisDetection-b8695e54.js';
25
25
  import { useRef, useCallback, useEffect, useMemo } from 'react';
26
26
  import './index-ce02421b.js';
27
27
  import './ActivityRecent-b88e2ba8.js';
28
28
  import './style-inject.es-746bb8ed.js';
29
29
  import './Error-e14cf0e1.js';
30
- import './TriangleAlert-14d7e83c.js';
30
+ import './TriangleAlert-ba250f4c.js';
31
31
  import './CircleFilled-19a9ec62.js';
32
32
  import './InfoOutlined-fc7d9afa.js';
33
33
  import './floating-ui.react-0485e4db.js';
34
34
  import 'react-dom';
35
- import './X-9c317d18.js';
35
+ import './X-20da3b4a.js';
36
36
  import 'prop-types';
37
37
 
38
38
  const useClickOutside = (callback, relativeElements) => {
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-e9d48c2-27032025",
4
+ "version": "3.0.0-next-c85db13-28032025",
5
5
  "author": "SoftConstruct",
6
6
  "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
7
7
  "repository": {
@@ -172,8 +172,8 @@
172
172
  "@floating-ui/react": "^0.26.16",
173
173
  "@floating-ui/react-dom": "^2.1.2",
174
174
  "@floating-ui/utils": "^0.2.8",
175
- "@geneui/icons": "^1.0.6",
176
- "@geneui/tokens": "^1.0.0",
175
+ "@geneui/icons": "^1.1.0",
176
+ "@geneui/tokens": "^1.0.1",
177
177
  "classnames": "^2.3.2",
178
178
  "qrcode.react": "^4.2.0",
179
179
  "react-is": "^17.0.2",
@@ -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:1200;--guit-ref-breakpoint-tablet:1199;--guit-ref-breakpoint-mobile:767;--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-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-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-background-error-1-pressed:light-dark(var(--guit-ref-color-red-80),var(--guit-ref-color-red-500));--guit-sem-color-foreground-disabled:light-dark(var(--guit-ref-color-neutral-100),var(--guit-ref-color-neutral-300));--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-foreground-selected-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--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-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--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: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-background-neutral-3-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-foreground-error:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-60));--guit-sem-color-background-neutral-3-hover:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--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-medium);--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 };
@@ -1,5 +1,5 @@
1
1
  import { useState, useEffect } from 'react';
2
- import { u as useWindowSize } from './index-ae180991.js';
2
+ import { u as useWindowSize } from './index-64437ad8.js';
3
3
 
4
4
  const EQUAL_HEIGHT_DIFF = 3;
5
5
  const useEllipsisDetection = (ref, externalDependencies = []) => {
@@ -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-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 };