@geneui/components 3.0.0-next-9230252-17092024 → 3.0.0-next-8d97069-19092024
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/ActionableList/index.js +5 -6
- package/AdvancedSearch/index.js +4 -5
- package/Alert/index.js +2 -2
- package/ArrowLeft-b88e2ba8.js +33 -0
- package/Avatar/index.js +1 -1
- package/Badge/index.js +1 -1
- package/Breadcrumb/index.js +3 -4
- package/BusyLoader/index.js +1 -1
- package/Button/index.js +1 -1
- package/CHANGELOG.md +23 -0
- package/Card/index.js +3 -4
- package/CardList/index.js +9 -10
- package/{CellMeasurerCache-a1dbe54e.js → CellMeasurerCache-281a5a2a.js} +1 -1
- package/Charts/index.js +25 -21
- package/Checkbox/index.js +3 -3
- package/CheckboxGroup/index.js +3 -3
- package/CheckboxGroupWithSearch/index.js +4 -5
- package/Collapse/index.js +1 -1
- package/ColorPicker/index.js +1 -1
- package/ComboBox/index.js +5 -5
- package/Copy/index.js +4 -4
- package/Counter/index.js +10 -12
- package/DateFilter/index.js +4 -5
- package/DatePicker/index.js +1 -1
- package/DatePickerInput/index.js +5 -6
- package/Divider/index.js +1 -1
- package/Drawer/index.js +4 -4
- package/Dropdown/index.js +6 -7
- package/Editor/index.js +2 -2
- package/Empty/index.js +1 -1
- package/ExtendedInput/index.js +4 -4
- package/Form/index.js +6 -7
- package/FormContainer/index.js +1 -1
- package/FormableCheckbox/index.js +4 -4
- package/FormableDatePicker/index.js +5 -6
- package/FormableDropdown/index.js +6 -7
- package/FormableEditor/index.js +2 -2
- package/{FormableHOC-70f027f8.js → FormableHOC-f4120178.js} +1 -1
- package/FormableMultiSelectDropdown/index.js +6 -7
- package/FormableNumberInput/index.js +4 -4
- package/FormableRadio/index.js +2 -2
- package/FormableSwitcher/index.js +2 -2
- package/FormableTextInput/index.js +4 -4
- package/FormableUploader/index.js +3 -4
- package/GeneUIProvider/index.js +350 -458
- package/Grid/index.js +2 -2
- package/HelperText/index.js +5 -35
- package/Holder/index.js +3 -4
- package/Icon/index.js +1 -1
- package/Image/index.js +6 -7
- package/ImagePreview/index.js +3 -4
- package/InteractiveWidget/index.js +3 -4
- package/KeyValue/index.js +1 -1
- package/Label/index.js +63 -48
- package/LinkButton/index.js +1 -1
- package/Menu/index.js +4 -4
- package/MobileNavigation/index.js +1 -1
- package/MobilePopup/index.js +4 -4
- package/Modal/index.js +2 -2
- package/ModuleTitle/index.js +4 -4
- package/NavigationMenu/index.js +5 -5
- package/Notification/index.js +2 -2
- package/Option/index.js +4 -4
- package/Overlay/index.js +3 -4
- package/Overspread/index.js +7 -8
- package/Pagination/index.js +3 -4
- package/Paper/index.js +1 -1
- package/Popover/index.js +410 -5
- package/PopoverV2/index.js +2 -2
- package/Products/index.js +2 -2
- package/Profile/index.js +3 -4
- package/Progress/index.js +1 -1
- package/Radio/index.js +1 -1
- package/RadioGroup/index.js +1 -1
- package/Range/index.js +1 -1
- package/Rating/index.js +4 -4
- package/RichEditor/index.js +1 -1
- package/{RichEditor-a3f1150e.js → RichEditor-3ad651c7.js} +1 -1
- package/Scrollbar/index.js +2 -2
- package/Search/index.js +3 -3
- package/SearchWithDropdown/index.js +7 -8
- package/Section/index.js +2 -2
- package/SkeletonLoader/index.js +1 -1
- package/Slider/index.js +3 -3
- package/Status/index.js +5 -5
- package/Steps/index.js +5 -5
- package/SuggestionList/index.js +2 -2
- package/Switcher/index.js +2 -2
- package/Table/index.js +15 -16
- package/TableCompositions/index.js +12 -13
- package/Tabs/index.js +1 -1
- package/Tag/index.js +2 -2
- package/Textarea/index.js +3 -3
- package/Time/index.js +1 -1
- package/TimePicker/index.js +56 -38
- package/Timeline/index.js +2 -2
- package/Title/index.js +2 -2
- package/Toaster/index.js +2 -2
- package/Tooltip/index.js +10 -153
- package/TransferList/index.js +7 -8
- package/Uploader/index.js +6 -7
- package/ValidatableCheckbox/index.js +3 -3
- package/ValidatableDatePicker/index.js +4 -5
- package/ValidatableDropdown/index.js +5 -6
- package/ValidatableElements/index.js +5 -6
- package/ValidatableMultiSelectDropdown/index.js +5 -6
- package/ValidatableNumberInput/index.js +3 -3
- package/ValidatableRadio/index.js +1 -1
- package/ValidatableSwitcher/index.js +1 -1
- package/ValidatableTextInput/index.js +3 -3
- package/ValidatableTimeInput/index.js +3 -3
- package/ValidatableUploader/index.js +2 -3
- package/Widget/index.js +3 -4
- package/{configs-0ed1e326.js → configs-34847b77.js} +1 -1
- package/hooks/useDeviceType.js +1 -1
- package/{index-34914e4c.js → index-263b0f0b.js} +1 -1
- package/{index-79316a14.js → index-3a6b7fd9.js} +10 -9
- package/index-49fbb32c.js +3101 -0
- package/{index-b4ec7815.js → index-73b4d98a.js} +2 -2
- package/{index-b139bff9.js → index-d8c45742.js} +4 -4
- package/index.js +14 -14
- package/lib/atoms/Button/Button.d.ts +1 -1
- package/lib/atoms/Label/Label.d.ts +45 -0
- package/lib/atoms/Label/index.d.ts +1 -0
- package/lib/molecules/Tooltip/Tooltip.d.ts +58 -0
- package/lib/molecules/Tooltip/index.d.ts +1 -0
- package/lib/providers/GeneUIProvider/GeneUIProvider.d.ts +1 -1
- package/package.json +3 -2
- package/{react-beautiful-dnd.esm-ec039212.js → react-beautiful-dnd.esm-bb1d95fc.js} +2 -1
- package/{index-b7c1fe38.js → redux-e591c1b8.js} +1 -272
- package/tokens-3e00442a.js +6 -0
- package/Popover-f4d1cac0.js +0 -411
- package/tokens-d88947bf.js +0 -6
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ":root{--guit-ref-breakpoint-desktop:≥1200px;--guit-ref-breakpoint-tablet:768px-1199px;--guit-ref-breakpoint-mobile:0px-767px;--guit-ref-motion-duration-slow-macro:1200ms;--guit-ref-motion-duration-slow:400ms;--guit-ref-motion-duration-moderate-macro:240ms;--guit-ref-motion-duration-moderate:120ms;--guit-ref-motion-duration-micro:80ms;--guit-ref-motion-easing-input-and-output:cubic-bezier(0.1,0,0.58,1);--guit-ref-motion-easing-output:cubic-bezier(0.4,0.12,1,1);--guit-ref-motion-easing-input:cubic-bezier(0.4,0.12,0.2,1);--guit-ref-motion-easing-standard:cubic-bezier(0.4,0.12,0.2,1);--guit-ref-shadow-positioning-small:0.6rem;--guit-ref-shadow-positioning-xsmall:0.4rem;--guit-ref-shadow-positioning-2xsmall:0.2rem;--guit-ref-shadow-positioning-none:0rem;--guit-ref-shadow-positioning-negative-2xsmall:-0.2rem;--guit-ref-shadow-spread-xsmall:0.4rem;--guit-ref-shadow-spread-2xsmall:0.2rem;--guit-ref-shadow-spread-none:0rem;--guit-ref-shadow-blur-medium:0.8rem;--guit-ref-shadow-blur-small:0.6rem;--guit-ref-shadow-blur-xsmall:0.4rem;--guit-ref-shadow-blur-2xsmall:0.2rem;--guit-ref-shadow-blur-none:0rem;--guit-ref-border-style-dashed:dashed;--guit-ref-border-style-solid:solid;--guit-ref-border-width-thicker:0.4rem;--guit-ref-border-width-thick:0.2rem;--guit-ref-border-width-thin:0.1rem;--guit-ref-border-width-none:0rem;--guit-ref-radius-full:50%;--guit-ref-radius-4xlarge:3.2rem;--guit-ref-radius-3xlarge:2.8rem;--guit-ref-radius-2xlarge:2.4rem;--guit-ref-radius-xlarge:2rem;--guit-ref-radius-large:1.6rem;--guit-ref-radius-medium:1.2rem;--guit-ref-radius-small:1rem;--guit-ref-radius-xsmall:0.8rem;--guit-ref-radius-2xsmall:0.6rem;--guit-ref-radius-3xsmall:0.4rem;--guit-ref-radius-4xsmall:0.2rem;--guit-ref-radius-none:0rem;--guit-ref-sizing-7xl:16rem;--guit-ref-sizing-6xlarge:12rem;--guit-ref-sizing-5xlarge:9.6rem;--guit-ref-sizing-4xlarge:8rem;--guit-ref-sizing-3xlarge:6.4rem;--guit-ref-sizing-2xlarge:5.6rem;--guit-ref-sizing-xlarge:4.8rem;--guit-ref-sizing-large:4rem;--guit-ref-sizing-large-nudge:3.6rem;--guit-ref-sizing-medium:3.2rem;--guit-ref-sizing-medium-nudge:2.8rem;--guit-ref-sizing-small:2.4rem;--guit-ref-sizing-small-nudge:2rem;--guit-ref-sizing-xsmall:1.6rem;--guit-ref-sizing-2xsmall:1.2rem;--guit-ref-sizing-3xsmall:0.8rem;--guit-ref-sizing-4xsmall:0.4rem;--guit-ref-sizing-none:0rem;--guit-ref-spacing-10xlarge:8rem;--guit-ref-spacing-9xlarge:6.4rem;--guit-ref-spacing-8xlarge:4.8rem;--guit-ref-spacing-7xlarge:4.4rem;--guit-ref-spacing-6xlarge:4rem;--guit-ref-spacing-5xlarge:3.6rem;--guit-ref-spacing-4xlarge:3.2rem;--guit-ref-spacing-3xlarge:2.8rem;--guit-ref-spacing-2xlarge:2.4rem;--guit-ref-spacing-xlarge:2rem;--guit-ref-spacing-large:1.6rem;--guit-ref-spacing-medium:1.2rem;--guit-ref-spacing-small:1rem;--guit-ref-spacing-xsmall:0.8rem;--guit-ref-spacing-2xsmall:0.6rem;--guit-ref-spacing-3xsmall:0.4rem;--guit-ref-spacing-4xsmall:0.2rem;--guit-ref-spacing-none:0rem;--guit-ref-font-text-align-justify:Justify;--guit-ref-font-text-align-center:Center;--guit-ref-font-text-align-right:Right;--guit-ref-font-text-align-left:Left;--guit-ref-font-text-decoration-italic:Italic;--guit-ref-font-text-decoration-underline:Underline;--guit-ref-font-text-decoration-strike:Strike Line;--guit-ref-font-text-case-uppercase:Uppercase;--guit-ref-font-line-height-60:1.2rem;--guit-ref-font-line-height-70:1.4rem;--guit-ref-font-line-height-80:1.6rem;--guit-ref-font-line-height-90:1.8rem;--guit-ref-font-line-height-100:2rem;--guit-ref-font-line-height-120:2.4rem;--guit-ref-font-line-height-140:2.8rem;--guit-ref-font-line-height-160:3.2rem;--guit-ref-font-line-height-200:4rem;--guit-ref-font-line-height-240:4.8rem;--guit-ref-font-line-height-320:6.4rem;--guit-ref-font-letter-spacing-0-3:0.03rem;--guit-ref-font-letter-spacing-none:0;--guit-ref-font-weight-bold:700;--guit-ref-font-weight-semibold:600;--guit-ref-font-weight-medium:500;--guit-ref-font-weight-regular:400;--guit-ref-font-size-50:1rem;--guit-ref-font-size-60:1.2rem;--guit-ref-font-size-70:1.4rem;--guit-ref-font-size-80:1.6rem;--guit-ref-font-size-90:1.8rem;--guit-ref-font-size-100:2rem;--guit-ref-font-size-120:2.4rem;--guit-ref-font-size-140:2.8rem;--guit-ref-font-size-160:3.2rem;--guit-ref-font-size-200:4rem;--guit-ref-font-size-240:4.8rem;--guit-ref-font-family-monospace:\"Noto Sans Mono\",\"DejaVu Sans Mono\",Courier,monospace;--guit-ref-font-family-armenian:\"Noto Sans Arm\",\"Times New Roman Armenian\",\"DejaVu Sans\",Arial,sans-serif;--guit-ref-font-family-latin:\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Ubuntu,system-ui,\"Helvetica Neue\",sans-serif;--guit-ref-color-transparent-neutral-0-40:#fff6;--guit-ref-color-transparent-neutral-0-30:#ffffff4d;--guit-ref-color-transparent-neutral-0-20:#fff3;--guit-ref-color-transparent-neutral-0-10:#ffffff1a;--guit-ref-color-transparent-neutral-0-0:#fff0;--guit-ref-color-transparent-neutral-800-80:#141414cc;--guit-ref-color-transparent-neutral-800-40:#14141466;--guit-ref-color-transparent-neutral-800-30:#1414144d;--guit-ref-color-transparent-neutral-800-20:#14141433;--guit-ref-color-transparent-neutral-800-10:#1414141a;--guit-ref-color-transparent-neutral-800-0:#14141400;--guit-ref-color-slate-40:#e9e9ed;--guit-ref-color-slate-60:#d5d5dc;--guit-ref-color-slate-80:#b6b6c3;--guit-ref-color-slate-100:#8f8fa3;--guit-ref-color-slate-200:#7c7c93;--guit-ref-color-slate-300:#646482;--guit-ref-color-slate-400:#4f4f6e;--guit-ref-color-slate-500base:#3d3d5f;--guit-ref-color-magenta-40:#f4e1ec;--guit-ref-color-magenta-60:#edcadf;--guit-ref-color-magenta-80:#dea0c5;--guit-ref-color-magenta-100:#cc6ca5;--guit-ref-color-magenta-200:#c45597;--guit-ref-color-magenta-300:#ae3d80;--guit-ref-color-magenta-400:#af1a73;--guit-ref-color-magenta-500base:#a60063;--guit-ref-color-lagoon-40:#dfebec;--guit-ref-color-lagoon-60:#c8dcdf;--guit-ref-color-lagoon-80:#9ec2c7;--guit-ref-color-lagoon-100:#6aa2a9;--guit-ref-color-lagoon-200:#4c8c95;--guit-ref-color-lagoon-300base:#2c7c87;--guit-ref-color-lagoon-400:#23636c;--guit-ref-color-lagoon-500:#174045;--guit-ref-color-purple-40:#e9e5fb;--guit-ref-color-purple-60:#d7cff7;--guit-ref-color-purple-80:#baacf1;--guit-ref-color-purple-100:#9681e9;--guit-ref-color-purple-200:#7c62e4;--guit-ref-color-purple-300base:#684ae0;--guit-ref-color-purple-400:#553eb7;--guit-ref-color-purple-500:#372777;--guit-ref-color-orange-40:#f7e4c7;--guit-ref-color-orange-60:#f0d09d;--guit-ref-color-orange-80base:#e6af57;--guit-ref-color-orange-100:#ba8b40;--guit-ref-color-orange-200:#99753a;--guit-ref-color-orange-300:#7e6030;--guit-ref-color-orange-400:#684f27;--guit-ref-color-orange-500:#42331a;--guit-ref-color-red-40:#fceae9;--guit-ref-color-red-60:#f8cbc9;--guit-ref-color-red-80:#f2a09c;--guit-ref-color-red-100:#ea6b66;--guit-ref-color-red-200base:#e64d47;--guit-ref-color-red-300:#bb3f3a;--guit-ref-color-red-400:#98332f;--guit-ref-color-red-500:#61211e;--guit-ref-color-green-40:#e3f7ee;--guit-ref-color-green-60:#b6ecd5;--guit-ref-color-green-80:#76dbaf;--guit-ref-color-green-100base:#2bc784;--guit-ref-color-green-200:#25ac72;--guit-ref-color-green-300:#1e8a5c;--guit-ref-color-green-400:#18714c;--guit-ref-color-green-500:#0f472f;--guit-ref-color-blue-40:#e8f1fd;--guit-ref-color-blue-60:#c3dbf9;--guit-ref-color-blue-80:#95c0f4;--guit-ref-color-blue-100:#599ced;--guit-ref-color-blue-200:#3989ea;--guit-ref-color-blue-300base:#1473e6;--guit-ref-color-blue-400:#105ebc;--guit-ref-color-blue-500:#0a3b75;--guit-ref-color-neutral-0:#fff;--guit-ref-color-neutral-10:#fafafa;--guit-ref-color-neutral-20:#f5f5f5;--guit-ref-color-neutral-40:#e8e8e8;--guit-ref-color-neutral-60:#d3d3d4;--guit-ref-color-neutral-80:#b7b7b9;--guit-ref-color-neutral-100:#929295;--guit-ref-color-neutral-300:#646468;--guit-ref-color-neutral-500:#323234;--guit-ref-color-neutral-600:#262627;--guit-ref-color-neutral-700:#1c1c1c;--guit-ref-color-neutral-800base:#141414;--guit-sem-color-raised-bottom-rgba:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-raised-top-rgba:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-border-disabled-2:light-dark(var(--guit-ref-color-neutral-100),var(--guit-ref-color-neutral-300));--guit-sem-color-border-disabled-1:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-300));--guit-sem-color-border-inverse-disabled:light-dark(var(--guit-ref-color-neutral-80),var(--guit-ref-color-neutral-100));--guit-sem-color-border-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-border-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:light-dark(var(--guit-ref-color-orange-400),var(--guit-ref-color-orange-40));--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-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-3: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-2-pressed:light-dark(var(--guit-ref-color-neutral-60),var(--guit-ref-color-neutral-700));--guit-sem-color-background-neutral-2-hover:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-error:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-60));--guit-sem-color-background-neutral-2:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-foreground-brand-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-foreground-brand-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-brand:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-background-neutral-1-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-neutral-2-pressed:light-dark(var(--guit-ref-color-neutral-700),var(--guit-ref-color-neutral-10));--guit-sem-color-foreground-neutral-2-hover:light-dark(var(--guit-ref-color-neutral-500),var(--guit-ref-color-neutral-40));--guit-sem-color-foreground-neutral-2:light-dark(var(--guit-ref-color-neutral-600),var(--guit-ref-color-neutral-20));--guit-sem-color-background-neutral-1-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-foreground-neutral-1:light-dark(var(--guit-ref-color-neutral-300),var(--guit-ref-color-neutral-80));--guit-sem-color-background-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-floating-3-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-3-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-2-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-2-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-1-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-1-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-surface-neutral-2:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-800base));--guit-sem-color-surface-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-background-success-2-pressed:var(--guit-ref-color-green-300);--guit-sem-color-foreground-inverse-notheme:var(--guit-ref-color-neutral-0);--guit-sem-color-background-neutral-4:var(--guit-ref-color-neutral-600);--guit-sem-color-foreground-neutral-2-notheme:var(--guit-ref-color-neutral-600);--guit-sem-shadow-raised-bottom-spread:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-raised-bottom-blur:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-raised-bottom-position-y:var(--guit-ref-shadow-positioning-2xsmall);--guit-sem-shadow-raised-bottom-position-x:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-raised-top-spread:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-raised-top-blur:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-raised-top-position-y:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-raised-top-position-x:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-spread-2:var(--guit-ref-shadow-spread-2xsmall);--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-2xsmall);--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-none);--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-sizing-height-7xlarge:var(--guit-ref-sizing-7xl);--guit-sem-sizing-height-6xlarge:var(--guit-ref-sizing-6xlarge);--guit-sem-sizing-height-5xlarge:var(--guit-ref-sizing-5xlarge);--guit-sem-sizing-height-4xlarge:var(--guit-ref-sizing-4xlarge);--guit-sem-sizing-height-3xlarge:var(--guit-ref-sizing-3xlarge);--guit-sem-sizing-height-2xlarge:var(--guit-ref-sizing-2xlarge);--guit-sem-sizing-height-xlarge:var(--guit-ref-sizing-xlarge);--guit-sem-sizing-height-large:var(--guit-ref-sizing-large);--guit-sem-sizing-height-large-nudge:var(--guit-ref-sizing-large-nudge);--guit-sem-sizing-height-medium:var(--guit-ref-sizing-medium);--guit-sem-sizing-height-medium-nudge:var(--guit-ref-sizing-medium-nudge);--guit-sem-sizing-height-small:var(--guit-ref-sizing-small);--guit-sem-sizing-height-small-nudge:var(--guit-ref-sizing-small-nudge);--guit-sem-sizing-height-xsmall:var(--guit-ref-sizing-xsmall);--guit-sem-sizing-height-2xsmall:var(--guit-ref-sizing-2xsmall);--guit-sem-sizing-height-3xsmall:var(--guit-ref-sizing-3xsmall);--guit-sem-sizing-height-4xsmall:var(--guit-ref-sizing-4xsmall);--guit-sem-sizing-height-none:var(--guit-ref-sizing-none);--guit-sem-sizing-width-7xlarge:var(--guit-ref-sizing-7xl);--guit-sem-sizing-width-6xlarge:var(--guit-ref-sizing-6xlarge);--guit-sem-sizing-width-5xlarge:var(--guit-ref-sizing-5xlarge);--guit-sem-sizing-width-4xlarge:var(--guit-ref-sizing-4xlarge);--guit-sem-sizing-width-3xlarge:var(--guit-ref-sizing-3xlarge);--guit-sem-sizing-width-2xlarge:var(--guit-ref-sizing-2xlarge);--guit-sem-sizing-width-xlarge:var(--guit-ref-sizing-xlarge);--guit-sem-sizing-width-large:var(--guit-ref-sizing-large);--guit-sem-sizing-width-large-nudge:var(--guit-ref-sizing-large-nudge);--guit-sem-sizing-width-medium:var(--guit-ref-sizing-medium);--guit-sem-sizing-width-medium-nudge:var(--guit-ref-sizing-medium-nudge);--guit-sem-sizing-width-small:var(--guit-ref-sizing-small);--guit-sem-sizing-width-small-nudge:var(--guit-ref-sizing-small-nudge);--guit-sem-sizing-width-xsmall:var(--guit-ref-sizing-xsmall);--guit-sem-sizing-width-2xsmall:var(--guit-ref-sizing-2xsmall);--guit-sem-sizing-width-3xsmall:var(--guit-ref-sizing-3xsmall);--guit-sem-sizing-width-4xsmall:var(--guit-ref-sizing-4xsmall);--guit-sem-sizing-width-none:var(--guit-ref-sizing-none);--guit-sem-spacing-caption-medium-medium-paragraph-spacing:var(--guit-ref-spacing-medium);--guit-sem-spacing-caption-medium-regular-paragraph-spacing:var(--guit-ref-spacing-medium);--guit-sem-spacing-caption-large-regular-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-spacing-caption-large-medium-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-spacing-caption-large-semibold-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-spacing-body-medium-underline-regular-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-spacing-body-medium-underline-medium-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-spacing-body-medium-underline-semibold-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-spacing-body-medium-default-regular-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-spacing-body-medium-default-semibold-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-spacing-body-medium-default-medium-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-spacing-body-large-underline-regular-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-spacing-body-large-underline-medium-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-spacing-body-large-underline-semibold-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-spacing-body-large-default-regular-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-spacing-body-large-default-medium-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-spacing-body-large-default-semibold-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-label-small-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-small-underline-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-small-underline-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-default-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-small-default-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-small-underline-semibold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-small-underline-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-default-semibold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-small-default-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-medium-underline-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-medium-underline-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-large-underline-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-large-underline-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-default-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-large-default-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xsmall-semibold-line-height:var(--guit-ref-font-line-height-160);--guit-sem-font-heading-xsmall-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-xsmall-semibold-font-size:var(--guit-ref-font-size-120);--guit-sem-font-heading-xsmall-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-medium-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-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-regular-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-caption-medium-regular-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-regular-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-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-medium-llne-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-caption-large-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-semibold-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-semibold-llne-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-caption-large-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-regular-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-regular-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-medium-underline-regular-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-medium-underline-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-medium-underline-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-regular-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-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-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-regular-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-regular-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-large-underline-regular-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-large-underline-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-large-underline-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-regular-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-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-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-large-default-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-medium-underline-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-medium-underline-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-medium-default-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-large-underline-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-large-underline-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-default-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-large-default-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-subheading-medium-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-subheading-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-subheading-medium-semibold-font-size:var(--guit-ref-font-size-90);--guit-sem-font-subheading-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-subheading-large-semibold-line-height:var(--guit-ref-font-line-height-140);--guit-sem-font-subheading-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-subheading-large-semibold-font-size:var(--guit-ref-font-size-100);--guit-sem-font-subheading-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-small-semibold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-small-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-small-semibold-font-size:var(--guit-ref-font-size-140);--guit-sem-font-heading-small-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-medium-semibold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-medium-semibold-font-size:var(--guit-ref-font-size-160);--guit-sem-font-heading-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-large-semibold-line-height:var(--guit-ref-font-line-height-240);--guit-sem-font-heading-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-large-semibold-font-size:var(--guit-ref-font-size-200);--guit-sem-font-heading-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xlarge-semibold-line-height:var(--guit-ref-font-line-height-320);--guit-sem-font-heading-xlarge-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-xlarge-semibold-font-size:var(--guit-ref-font-size-240);--guit-sem-font-heading-xlarge-semibold-font-family:var(--guit-ref-font-family-latin)}";
|
|
4
|
+
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
package/Popover-f4d1cac0.js
DELETED
|
@@ -1,411 +0,0 @@
|
|
|
1
|
-
import { c as commonjsGlobal } from './_commonjsHelpers-24198af3.js';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
import ReactDOM__default from 'react-dom';
|
|
4
|
-
|
|
5
|
-
var Popover$1 = {};
|
|
6
|
-
|
|
7
|
-
var util = {};
|
|
8
|
-
|
|
9
|
-
Object.defineProperty(util, "__esModule", { value: true });
|
|
10
|
-
util.Constants = {
|
|
11
|
-
POPOVER_CONTAINER_CLASS_NAME: 'react-tiny-popover-container',
|
|
12
|
-
DEFAULT_PADDING: 6,
|
|
13
|
-
DEFAULT_WINDOW_PADDING: 6,
|
|
14
|
-
FADE_TRANSITION: 0.35,
|
|
15
|
-
DEFAULT_ARROW_COLOR: 'black',
|
|
16
|
-
DEFAULT_POSITIONS: ['top', 'left', 'right', 'bottom'],
|
|
17
|
-
EMPTY_CLIENT_RECT: {
|
|
18
|
-
top: 0,
|
|
19
|
-
left: 0,
|
|
20
|
-
bottom: 0,
|
|
21
|
-
height: 0,
|
|
22
|
-
right: 0,
|
|
23
|
-
width: 0,
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
util.arrayUnique = function (array) { return array.filter(function (value, index, self) { return self.indexOf(value) === index; }); };
|
|
27
|
-
|
|
28
|
-
var ArrowContainer$1 = {};
|
|
29
|
-
|
|
30
|
-
var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
|
|
31
|
-
__assign = Object.assign || function(t) {
|
|
32
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
33
|
-
s = arguments[i];
|
|
34
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
35
|
-
t[p] = s[p];
|
|
36
|
-
}
|
|
37
|
-
return t;
|
|
38
|
-
};
|
|
39
|
-
return __assign.apply(this, arguments);
|
|
40
|
-
};
|
|
41
|
-
Object.defineProperty(ArrowContainer$1, "__esModule", { value: true });
|
|
42
|
-
var React$1 = React__default;
|
|
43
|
-
var util_1$1 = util;
|
|
44
|
-
var ArrowContainer = function (_a) {
|
|
45
|
-
var position = _a.position, children = _a.children, style = _a.style, _b = _a.arrowColor, arrowColor = _b === void 0 ? util_1$1.Constants.DEFAULT_ARROW_COLOR : _b, _c = _a.arrowSize, arrowSize = _c === void 0 ? 10 : _c, arrowStyle = _a.arrowStyle, popoverRect = _a.popoverRect, targetRect = _a.targetRect;
|
|
46
|
-
return (React$1.createElement("div", { style: __assign({ paddingLeft: position === 'right' ? arrowSize : 0, paddingTop: position === 'bottom' ? arrowSize : 0, paddingBottom: position === 'top' ? arrowSize : 0, paddingRight: position === 'left' ? arrowSize : 0 }, style) },
|
|
47
|
-
React$1.createElement("div", { style: __assign({ position: 'absolute' }, (function () {
|
|
48
|
-
var arrowWidth = arrowSize * 2;
|
|
49
|
-
var top = (targetRect.top - popoverRect.top) + (targetRect.height / 2) - (arrowWidth / 2);
|
|
50
|
-
var left = (targetRect.left - popoverRect.left) + (targetRect.width / 2) - (arrowWidth / 2);
|
|
51
|
-
left = left < 0 ? 0 : left;
|
|
52
|
-
left = left + arrowWidth > popoverRect.width ? popoverRect.width - arrowWidth : left;
|
|
53
|
-
top = top < 0 ? 0 : top;
|
|
54
|
-
top = top + arrowWidth > popoverRect.height ? popoverRect.height - arrowWidth : top;
|
|
55
|
-
switch (position) {
|
|
56
|
-
case 'right':
|
|
57
|
-
return {
|
|
58
|
-
borderTop: arrowSize + "px solid transparent",
|
|
59
|
-
borderBottom: arrowSize + "px solid transparent",
|
|
60
|
-
borderRight: arrowSize + "px solid " + arrowColor,
|
|
61
|
-
left: 0,
|
|
62
|
-
top: top,
|
|
63
|
-
};
|
|
64
|
-
case 'left':
|
|
65
|
-
return {
|
|
66
|
-
borderTop: arrowSize + "px solid transparent",
|
|
67
|
-
borderBottom: arrowSize + "px solid transparent",
|
|
68
|
-
borderLeft: arrowSize + "px solid " + arrowColor,
|
|
69
|
-
right: 0,
|
|
70
|
-
top: top,
|
|
71
|
-
};
|
|
72
|
-
case 'bottom':
|
|
73
|
-
return {
|
|
74
|
-
borderLeft: arrowSize + "px solid transparent",
|
|
75
|
-
borderRight: arrowSize + "px solid transparent",
|
|
76
|
-
borderBottom: arrowSize + "px solid " + arrowColor,
|
|
77
|
-
top: 0,
|
|
78
|
-
left: left,
|
|
79
|
-
};
|
|
80
|
-
case 'top':
|
|
81
|
-
default:
|
|
82
|
-
return {
|
|
83
|
-
borderLeft: arrowSize + "px solid transparent",
|
|
84
|
-
borderRight: arrowSize + "px solid transparent",
|
|
85
|
-
borderTop: arrowSize + "px solid " + arrowColor,
|
|
86
|
-
bottom: 0,
|
|
87
|
-
left: left,
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
})(), arrowStyle) }),
|
|
91
|
-
children));
|
|
92
|
-
};
|
|
93
|
-
ArrowContainer$1.ArrowContainer = ArrowContainer;
|
|
94
|
-
|
|
95
|
-
var __extends = (commonjsGlobal && commonjsGlobal.__extends) || (function () {
|
|
96
|
-
var extendStatics = function (d, b) {
|
|
97
|
-
extendStatics = Object.setPrototypeOf ||
|
|
98
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
99
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
100
|
-
return extendStatics(d, b);
|
|
101
|
-
};
|
|
102
|
-
return function (d, b) {
|
|
103
|
-
extendStatics(d, b);
|
|
104
|
-
function __() { this.constructor = d; }
|
|
105
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
106
|
-
};
|
|
107
|
-
})();
|
|
108
|
-
Object.defineProperty(Popover$1, "__esModule", { value: true });
|
|
109
|
-
var React = React__default;
|
|
110
|
-
var react_dom_1 = ReactDOM__default;
|
|
111
|
-
var util_1 = util;
|
|
112
|
-
var ArrowContainer_1 = ArrowContainer$1;
|
|
113
|
-
Popover$1.ArrowContainer = ArrowContainer_1.ArrowContainer;
|
|
114
|
-
var Popover = /** @class */ (function (_super) {
|
|
115
|
-
__extends(Popover, _super);
|
|
116
|
-
function Popover() {
|
|
117
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
118
|
-
_this.target = null;
|
|
119
|
-
_this.targetRect = null;
|
|
120
|
-
_this.targetPositionIntervalHandler = null;
|
|
121
|
-
_this.popoverDiv = null;
|
|
122
|
-
_this.positionOrder = null;
|
|
123
|
-
_this.willUnmount = false;
|
|
124
|
-
_this.willMount = false;
|
|
125
|
-
_this.onResize = function (e) {
|
|
126
|
-
_this.renderPopover();
|
|
127
|
-
};
|
|
128
|
-
_this.onClick = function (e) {
|
|
129
|
-
var _a = _this.props, onClickOutside = _a.onClickOutside, isOpen = _a.isOpen;
|
|
130
|
-
if (!_this.willUnmount && !_this.willMount && !_this.popoverDiv.contains(e.target) && !_this.target.contains(e.target) && onClickOutside && isOpen) {
|
|
131
|
-
onClickOutside(e);
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
return _this;
|
|
135
|
-
}
|
|
136
|
-
Popover.prototype.componentDidMount = function () {
|
|
137
|
-
var _this = this;
|
|
138
|
-
window.setTimeout(function () { return _this.willMount = false; });
|
|
139
|
-
var _a = this.props, position = _a.position, isOpen = _a.isOpen;
|
|
140
|
-
this.target = react_dom_1.findDOMNode(this);
|
|
141
|
-
this.positionOrder = this.getPositionPriorityOrder(position);
|
|
142
|
-
this.updatePopover(isOpen);
|
|
143
|
-
};
|
|
144
|
-
Popover.prototype.componentDidUpdate = function (prevProps) {
|
|
145
|
-
if (this.target == null) {
|
|
146
|
-
this.target = react_dom_1.findDOMNode(this);
|
|
147
|
-
}
|
|
148
|
-
var prevIsOpen = prevProps.isOpen, prevPosition = prevProps.position, prevBody = prevProps.content;
|
|
149
|
-
var _a = this.props, isOpen = _a.isOpen, content = _a.content, position = _a.position;
|
|
150
|
-
this.positionOrder = this.getPositionPriorityOrder(this.props.position);
|
|
151
|
-
var hasNewDestination = prevProps.contentDestination !== this.props.contentDestination;
|
|
152
|
-
if (prevIsOpen !== isOpen ||
|
|
153
|
-
prevBody !== content ||
|
|
154
|
-
prevPosition !== position ||
|
|
155
|
-
hasNewDestination) {
|
|
156
|
-
if (hasNewDestination) {
|
|
157
|
-
this.removePopover();
|
|
158
|
-
this.popoverDiv.remove();
|
|
159
|
-
}
|
|
160
|
-
this.updatePopover(isOpen);
|
|
161
|
-
}
|
|
162
|
-
};
|
|
163
|
-
Popover.prototype.componentWillMount = function () {
|
|
164
|
-
this.willUnmount = false;
|
|
165
|
-
this.willMount = true;
|
|
166
|
-
};
|
|
167
|
-
Popover.prototype.componentWillUnmount = function () {
|
|
168
|
-
this.willUnmount = true;
|
|
169
|
-
this.removePopover();
|
|
170
|
-
};
|
|
171
|
-
Popover.prototype.render = function () {
|
|
172
|
-
return this.props.children;
|
|
173
|
-
};
|
|
174
|
-
Popover.prototype.updatePopover = function (isOpen) {
|
|
175
|
-
if (isOpen && this.target != null) {
|
|
176
|
-
if (!this.popoverDiv || !this.popoverDiv.parentNode) {
|
|
177
|
-
var transitionDuration = this.props.transitionDuration;
|
|
178
|
-
this.popoverDiv = this.createContainer();
|
|
179
|
-
this.popoverDiv.style.opacity = '0';
|
|
180
|
-
this.popoverDiv.style.transition = "opacity " + (transitionDuration || util_1.Constants.FADE_TRANSITION) + "s";
|
|
181
|
-
(this.props.contentDestination || window.document.body).appendChild(this.popoverDiv);
|
|
182
|
-
window.addEventListener('resize', this.onResize);
|
|
183
|
-
window.addEventListener('click', this.onClick);
|
|
184
|
-
}
|
|
185
|
-
this.renderPopover();
|
|
186
|
-
}
|
|
187
|
-
else if (this.popoverDiv && this.popoverDiv.parentNode) {
|
|
188
|
-
this.removePopover();
|
|
189
|
-
}
|
|
190
|
-
};
|
|
191
|
-
Popover.prototype.renderPopover = function (positionIndex) {
|
|
192
|
-
var _this = this;
|
|
193
|
-
if (positionIndex === void 0) { positionIndex = 0; }
|
|
194
|
-
if (positionIndex >= this.positionOrder.length) {
|
|
195
|
-
this.removePopover();
|
|
196
|
-
return;
|
|
197
|
-
}
|
|
198
|
-
this.renderWithPosition({ position: this.positionOrder[positionIndex], targetRect: this.target.getBoundingClientRect() }, function (violation, rect) {
|
|
199
|
-
var _a;
|
|
200
|
-
var _b = _this.props, disableReposition = _b.disableReposition, contentLocation = _b.contentLocation;
|
|
201
|
-
if (violation && !disableReposition && !(typeof contentLocation === 'object')) {
|
|
202
|
-
_this.renderPopover(positionIndex + 1);
|
|
203
|
-
}
|
|
204
|
-
else {
|
|
205
|
-
var _c = _this.props, contentLocation_1 = _c.contentLocation, align = _c.align;
|
|
206
|
-
var _d = _this.getNudgedPopoverPosition(rect), nudgedTop = _d.top, nudgedLeft = _d.left;
|
|
207
|
-
var rectTop = rect.top, rectLeft = rect.left;
|
|
208
|
-
var position = _this.positionOrder[positionIndex];
|
|
209
|
-
var _e = disableReposition ? { top: rectTop, left: rectLeft } : { top: nudgedTop, left: nudgedLeft }, top_1 = _e.top, left = _e.left;
|
|
210
|
-
if (contentLocation_1) {
|
|
211
|
-
var targetRect = _this.target.getBoundingClientRect();
|
|
212
|
-
var popoverRect = _this.popoverDiv.getBoundingClientRect();
|
|
213
|
-
(_a = typeof contentLocation_1 === 'function' ? contentLocation_1({ targetRect: targetRect, popoverRect: popoverRect, position: position, align: align, nudgedLeft: nudgedLeft, nudgedTop: nudgedTop }) : contentLocation_1, top_1 = _a.top, left = _a.left);
|
|
214
|
-
_this.popoverDiv.style.left = left.toFixed() + "px";
|
|
215
|
-
_this.popoverDiv.style.top = top_1.toFixed() + "px";
|
|
216
|
-
}
|
|
217
|
-
else {
|
|
218
|
-
var destinationTopOffset = 0;
|
|
219
|
-
var destinationLeftOffset = 0;
|
|
220
|
-
if (_this.props.contentDestination) {
|
|
221
|
-
var destRect = _this.props.contentDestination.getBoundingClientRect();
|
|
222
|
-
destinationTopOffset = -destRect.top;
|
|
223
|
-
destinationLeftOffset = -destRect.left;
|
|
224
|
-
}
|
|
225
|
-
var _f = [top_1 + window.pageYOffset, left + window.pageXOffset], absoluteTop = _f[0], absoluteLeft = _f[1];
|
|
226
|
-
var finalLeft = absoluteLeft + destinationTopOffset;
|
|
227
|
-
var finalTop = absoluteTop + destinationLeftOffset;
|
|
228
|
-
_this.popoverDiv.style.left = finalLeft.toFixed() + "px";
|
|
229
|
-
_this.popoverDiv.style.top = finalTop.toFixed() + "px";
|
|
230
|
-
}
|
|
231
|
-
_this.popoverDiv.style.width = null;
|
|
232
|
-
_this.popoverDiv.style.height = null;
|
|
233
|
-
_this.renderWithPosition({
|
|
234
|
-
position: position,
|
|
235
|
-
nudgedTop: nudgedTop - rect.top,
|
|
236
|
-
nudgedLeft: nudgedLeft - rect.left,
|
|
237
|
-
targetRect: _this.target.getBoundingClientRect(),
|
|
238
|
-
popoverRect: _this.popoverDiv.getBoundingClientRect(),
|
|
239
|
-
}, function () {
|
|
240
|
-
_this.startTargetPositionListener(10);
|
|
241
|
-
if (_this.popoverDiv.style.opacity !== '1') {
|
|
242
|
-
_this.popoverDiv.style.opacity = '1';
|
|
243
|
-
}
|
|
244
|
-
});
|
|
245
|
-
}
|
|
246
|
-
});
|
|
247
|
-
};
|
|
248
|
-
Popover.prototype.startTargetPositionListener = function (checkInterval) {
|
|
249
|
-
var _this = this;
|
|
250
|
-
if (this.targetPositionIntervalHandler === null) {
|
|
251
|
-
this.targetPositionIntervalHandler = window.setInterval(function () {
|
|
252
|
-
var newTargetRect = _this.target.getBoundingClientRect();
|
|
253
|
-
if (_this.targetPositionHasChanged(_this.targetRect, newTargetRect)) {
|
|
254
|
-
_this.renderPopover();
|
|
255
|
-
}
|
|
256
|
-
_this.targetRect = newTargetRect;
|
|
257
|
-
}, checkInterval);
|
|
258
|
-
}
|
|
259
|
-
};
|
|
260
|
-
Popover.prototype.renderWithPosition = function (_a, callback) {
|
|
261
|
-
var _this = this;
|
|
262
|
-
var position = _a.position, _b = _a.nudgedLeft, nudgedLeft = _b === void 0 ? 0 : _b, _c = _a.nudgedTop, nudgedTop = _c === void 0 ? 0 : _c, _d = _a.targetRect, targetRect = _d === void 0 ? util_1.Constants.EMPTY_CLIENT_RECT : _d, _e = _a.popoverRect, popoverRect = _e === void 0 ? util_1.Constants.EMPTY_CLIENT_RECT : _e;
|
|
263
|
-
var _f = this.props, padding = _f.windowBorderPadding, content = _f.content, align = _f.align;
|
|
264
|
-
var getContent = function (args) {
|
|
265
|
-
return typeof content === 'function'
|
|
266
|
-
? content(args)
|
|
267
|
-
: content;
|
|
268
|
-
};
|
|
269
|
-
react_dom_1.unstable_renderSubtreeIntoContainer(this, getContent({ position: position, nudgedLeft: nudgedLeft, nudgedTop: nudgedTop, targetRect: targetRect, popoverRect: popoverRect, align: align }), this.popoverDiv, function () {
|
|
270
|
-
if (_this.willUnmount) {
|
|
271
|
-
return;
|
|
272
|
-
}
|
|
273
|
-
var targetRect = _this.target.getBoundingClientRect();
|
|
274
|
-
var popoverRect = _this.popoverDiv.getBoundingClientRect();
|
|
275
|
-
var _a = _this.getLocationForPosition(position, targetRect, popoverRect), top = _a.top, left = _a.left;
|
|
276
|
-
callback(position === 'top' && top < padding ||
|
|
277
|
-
position === 'left' && left < padding ||
|
|
278
|
-
position === 'right' && left + popoverRect.width > window.innerWidth - padding ||
|
|
279
|
-
position === 'bottom' && top + popoverRect.height > window.innerHeight - padding, { width: popoverRect.width, height: popoverRect.height, top: top, left: left });
|
|
280
|
-
});
|
|
281
|
-
};
|
|
282
|
-
Popover.prototype.getNudgedPopoverPosition = function (_a) {
|
|
283
|
-
var top = _a.top, left = _a.left, width = _a.width, height = _a.height;
|
|
284
|
-
var padding = this.props.windowBorderPadding;
|
|
285
|
-
top = top < padding ? padding : top;
|
|
286
|
-
top = top + height > window.innerHeight - padding ? window.innerHeight - padding - height : top;
|
|
287
|
-
left = left < padding ? padding : left;
|
|
288
|
-
left = left + width > window.innerWidth - padding ? window.innerWidth - padding - width : left;
|
|
289
|
-
return { top: top, left: left };
|
|
290
|
-
};
|
|
291
|
-
Popover.prototype.removePopover = function () {
|
|
292
|
-
var _this = this;
|
|
293
|
-
if (this.popoverDiv) {
|
|
294
|
-
var transitionDuration = this.props.transitionDuration;
|
|
295
|
-
this.popoverDiv.style.opacity = '0';
|
|
296
|
-
var remove = function () {
|
|
297
|
-
if (_this.willUnmount || !_this.props.isOpen || !_this.popoverDiv.parentNode) {
|
|
298
|
-
window.clearInterval(_this.targetPositionIntervalHandler);
|
|
299
|
-
window.removeEventListener('resize', _this.onResize);
|
|
300
|
-
window.removeEventListener('click', _this.onClick);
|
|
301
|
-
_this.targetPositionIntervalHandler = null;
|
|
302
|
-
if (_this.popoverDiv.parentNode) {
|
|
303
|
-
_this.popoverDiv.parentNode.removeChild(_this.popoverDiv);
|
|
304
|
-
}
|
|
305
|
-
}
|
|
306
|
-
};
|
|
307
|
-
if (!this.willUnmount) {
|
|
308
|
-
window.setTimeout(remove, (transitionDuration || util_1.Constants.FADE_TRANSITION) * 1000);
|
|
309
|
-
}
|
|
310
|
-
else {
|
|
311
|
-
remove();
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
};
|
|
315
|
-
Popover.prototype.getPositionPriorityOrder = function (position) {
|
|
316
|
-
if (position && typeof position !== 'string') {
|
|
317
|
-
if (util_1.Constants.DEFAULT_POSITIONS.every(function (defaultPosition) { return position.find(function (p) { return p === defaultPosition; }) !== undefined; })) {
|
|
318
|
-
return util_1.arrayUnique(position);
|
|
319
|
-
}
|
|
320
|
-
else {
|
|
321
|
-
var remainingPositions = util_1.Constants.DEFAULT_POSITIONS.filter(function (defaultPosition) { return position.find(function (p) { return p === defaultPosition; }) === undefined; });
|
|
322
|
-
return util_1.arrayUnique(position.concat(remainingPositions));
|
|
323
|
-
}
|
|
324
|
-
}
|
|
325
|
-
else if (position && typeof position === 'string') {
|
|
326
|
-
var remainingPositions = util_1.Constants.DEFAULT_POSITIONS.filter(function (defaultPosition) { return defaultPosition !== position; });
|
|
327
|
-
return util_1.arrayUnique([position].concat(remainingPositions));
|
|
328
|
-
}
|
|
329
|
-
};
|
|
330
|
-
Popover.prototype.createContainer = function () {
|
|
331
|
-
var _a = this.props, containerStyle = _a.containerStyle, containerClassName = _a.containerClassName;
|
|
332
|
-
var container = window.document.createElement('div');
|
|
333
|
-
container.style.overflow = 'hidden';
|
|
334
|
-
if (containerStyle) {
|
|
335
|
-
Object.keys(containerStyle).forEach(function (key) { return container.style[key] = containerStyle[key]; });
|
|
336
|
-
}
|
|
337
|
-
container.className = containerClassName;
|
|
338
|
-
container.style.position = 'absolute';
|
|
339
|
-
container.style.top = '0';
|
|
340
|
-
container.style.left = '0';
|
|
341
|
-
return container;
|
|
342
|
-
};
|
|
343
|
-
Popover.prototype.getLocationForPosition = function (position, newTargetRect, popoverRect) {
|
|
344
|
-
var _a = this.props, padding = _a.padding, align = _a.align;
|
|
345
|
-
var targetMidX = newTargetRect.left + (newTargetRect.width / 2);
|
|
346
|
-
var targetMidY = newTargetRect.top + (newTargetRect.height / 2);
|
|
347
|
-
var top;
|
|
348
|
-
var left;
|
|
349
|
-
switch (position) {
|
|
350
|
-
case 'top':
|
|
351
|
-
top = newTargetRect.top - popoverRect.height - padding;
|
|
352
|
-
left = targetMidX - (popoverRect.width / 2);
|
|
353
|
-
if (align === 'start') {
|
|
354
|
-
left = newTargetRect.left;
|
|
355
|
-
}
|
|
356
|
-
if (align === 'end') {
|
|
357
|
-
left = newTargetRect.right - popoverRect.width;
|
|
358
|
-
}
|
|
359
|
-
break;
|
|
360
|
-
case 'left':
|
|
361
|
-
top = targetMidY - (popoverRect.height / 2);
|
|
362
|
-
left = newTargetRect.left - padding - popoverRect.width;
|
|
363
|
-
if (align === 'start') {
|
|
364
|
-
top = newTargetRect.top;
|
|
365
|
-
}
|
|
366
|
-
if (align === 'end') {
|
|
367
|
-
top = newTargetRect.bottom - popoverRect.height;
|
|
368
|
-
}
|
|
369
|
-
break;
|
|
370
|
-
case 'bottom':
|
|
371
|
-
top = newTargetRect.bottom + padding;
|
|
372
|
-
left = targetMidX - (popoverRect.width / 2);
|
|
373
|
-
if (align === 'start') {
|
|
374
|
-
left = newTargetRect.left;
|
|
375
|
-
}
|
|
376
|
-
if (align === 'end') {
|
|
377
|
-
left = newTargetRect.right - popoverRect.width;
|
|
378
|
-
}
|
|
379
|
-
break;
|
|
380
|
-
case 'right':
|
|
381
|
-
top = targetMidY - (popoverRect.height / 2);
|
|
382
|
-
left = newTargetRect.right + padding;
|
|
383
|
-
if (align === 'start') {
|
|
384
|
-
top = newTargetRect.top;
|
|
385
|
-
}
|
|
386
|
-
if (align === 'end') {
|
|
387
|
-
top = newTargetRect.bottom - popoverRect.height;
|
|
388
|
-
}
|
|
389
|
-
break;
|
|
390
|
-
}
|
|
391
|
-
return { top: top, left: left };
|
|
392
|
-
};
|
|
393
|
-
Popover.prototype.targetPositionHasChanged = function (oldTargetRect, newTargetRect) {
|
|
394
|
-
return oldTargetRect === null
|
|
395
|
-
|| oldTargetRect.left !== newTargetRect.left
|
|
396
|
-
|| oldTargetRect.top !== newTargetRect.top
|
|
397
|
-
|| oldTargetRect.width !== newTargetRect.width
|
|
398
|
-
|| oldTargetRect.height !== newTargetRect.height;
|
|
399
|
-
};
|
|
400
|
-
Popover.defaultProps = {
|
|
401
|
-
padding: util_1.Constants.DEFAULT_PADDING,
|
|
402
|
-
windowBorderPadding: util_1.Constants.DEFAULT_WINDOW_PADDING,
|
|
403
|
-
position: ['top', 'right', 'left', 'bottom'],
|
|
404
|
-
align: 'center',
|
|
405
|
-
containerClassName: util_1.Constants.POPOVER_CONTAINER_CLASS_NAME,
|
|
406
|
-
};
|
|
407
|
-
return Popover;
|
|
408
|
-
}(React.Component));
|
|
409
|
-
var _default = Popover$1.default = Popover;
|
|
410
|
-
|
|
411
|
-
export { _default as _ };
|
package/tokens-d88947bf.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ":root{--guit-ref-breakpoint-desktop:≥1200px;--guit-ref-breakpoint-tablet:768px-1199px;--guit-ref-breakpoint-mobile:0px-767px;--guit-ref-motion-duration-slow-macro:400ms;--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-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-s:0.6rem;--guit-ref-shadow-positioning-xs:0.4rem;--guit-ref-shadow-positioning-2xs:0.2rem;--guit-ref-shadow-positioning-none:0rem;--guit-ref-shadow-positioning-negative-2xs:-0.2rem;--guit-ref-shadow-spread-xs:0.4rem;--guit-ref-shadow-spread-2xs:0.2rem;--guit-ref-shadow-spread-none:0rem;--guit-ref-shadow-blur-m:0.8rem;--guit-ref-shadow-blur-s:0.6rem;--guit-ref-shadow-blur-xs:0.4rem;--guit-ref-shadow-blur-2xs: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-4xl:3.2rem;--guit-ref-radius-3xl:2.8rem;--guit-ref-radius-2xl:2.4rem;--guit-ref-radius-xl:2rem;--guit-ref-radius-l:1.6rem;--guit-ref-radius-m:1.2rem;--guit-ref-radius-s:1rem;--guit-ref-radius-xs:0.8rem;--guit-ref-radius-2xs:0.6rem;--guit-ref-radius-3xs:0.4rem;--guit-ref-radius-4xs:0.2rem;--guit-ref-radius-none:0rem;--guit-ref-sizing-7xl:16rem;--guit-ref-sizing-6xl:12rem;--guit-ref-sizing-5xl:9.6rem;--guit-ref-sizing-4xl:8rem;--guit-ref-sizing-3xl:6.4rem;--guit-ref-sizing-2xl:5.6rem;--guit-ref-sizing-xl:4.8rem;--guit-ref-sizing-l:4rem;--guit-ref-sizing-l-nudge:3.6rem;--guit-ref-sizing-m:3.2rem;--guit-ref-sizing-m-nudge:2.8rem;--guit-ref-sizing-s:2.4rem;--guit-ref-sizing-s-nudge:2rem;--guit-ref-sizing-xs:1.6rem;--guit-ref-sizing-2xs:1.2rem;--guit-ref-sizing-3xs:0.8rem;--guit-ref-sizing-4xs:0.4rem;--guit-ref-sizing-none:0rem;--guit-ref-spacing-10xlarge:8rem;--guit-ref-spacing-9xl:6.4rem;--guit-ref-spacing-8xl:4.8rem;--guit-ref-spacing-7xl:4.4rem;--guit-ref-spacing-6xl:4rem;--guit-ref-spacing-5xl:3.6rem;--guit-ref-spacing-4xl:3.2rem;--guit-ref-spacing-3xl:2.8rem;--guit-ref-spacing-2xl:2.4rem;--guit-ref-spacing-xl:2rem;--guit-ref-spacing-l:1.6rem;--guit-ref-spacing-m:1.2rem;--guit-ref-spacing-s:1rem;--guit-ref-spacing-xs:0.8rem;--guit-ref-spacing-2xs:0.6rem;--guit-ref-spacing-3xs:0.4rem;--guit-ref-spacing-4xs:0.2rem;--guit-ref-spacing-none:0rem;--guit-ref-font-text-align-justify:Justify;--guit-ref-font-text-align-center:Center;--guit-ref-font-text-align-right:Right;--guit-ref-font-text-align-left:Left;--guit-ref-font-text-decoration-italic:Italic;--guit-ref-font-text-decoration-underline:Underline;--guit-ref-font-text-decoration-strike:Strike Line;--guit-ref-font-text-case-uppercase:Uppercase;--guit-ref-font-line-height-60:1.2rem;--guit-ref-font-line-height-70:1.4rem;--guit-ref-font-line-height-80:1.6rem;--guit-ref-font-line-height-90:1.8rem;--guit-ref-font-line-height-100:2rem;--guit-ref-font-line-height-120:2.4rem;--guit-ref-font-line-height-140:2.8rem;--guit-ref-font-line-height-160:3.2rem;--guit-ref-font-line-height-200:4rem;--guit-ref-font-line-height-240:4.8rem;--guit-ref-font-line-height-320:6.4rem;--guit-ref-font-letter-spacing-0-3:0.03rem;--guit-ref-font-letter-spacing-none:0;--guit-ref-font-line-height-400:8rem;--guit-ref-font-weight-bold:700;--guit-ref-font-weight-semibold:600;--guit-ref-font-weight-medium:500;--guit-ref-font-weight-regular:400;--guit-ref-font-size-50:1rem;--guit-ref-font-size-60:1.2rem;--guit-ref-font-size-70:1.4rem;--guit-ref-font-size-80:1.6rem;--guit-ref-font-size-90:1.8rem;--guit-ref-font-size-100:2rem;--guit-ref-font-size-120:2.4rem;--guit-ref-font-size-140:2.8rem;--guit-ref-font-size-160:3.2rem;--guit-ref-font-size-200:4rem;--guit-ref-font-size-240:4.8rem;--guit-ref-font-size-320:6.4rem;--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-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-carmine-40:#f2e4e4;--guit-ref-color-carmine-60:#e8cfcf;--guit-ref-color-carmine-80:#d5a9a9;--guit-ref-color-carmine-100:#c07c7c;--guit-ref-color-carmine-200:#b46464;--guit-ref-color-carmine-300base:#ac4848;--guit-ref-color-carmine-400:#893939;--guit-ref-color-carmine-500:#592626;--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-shadow-raised-bottom-spread:var(--guit-ref-shadow-spread-2xs);--guit-sem-shadow-raised-bottom-blur:var(--guit-ref-shadow-blur-s);--guit-sem-shadow-raised-bottom-position-y:var(--guit-ref-shadow-positioning-2xs);--guit-sem-shadow-raised-bottom-position-x:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-raised-top-spread:var(--guit-ref-shadow-spread-2xs);--guit-sem-shadow-raised-top-blur:var(--guit-ref-shadow-blur-s);--guit-sem-shadow-raised-top-position-y:var(--guit-ref-shadow-positioning-negative-2xs);--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-2xs);--guit-sem-shadow-floating-3-blur-2:var(--guit-ref-shadow-blur-s);--guit-sem-shadow-floating-3-position-y-2:var(--guit-ref-shadow-positioning-negative-2xs);--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-xs);--guit-sem-shadow-floating-3-blur-1:var(--guit-ref-shadow-blur-m);--guit-sem-shadow-floating-2-spread-2:var(--guit-ref-shadow-spread-2xs);--guit-sem-shadow-floating-2-blur-2:var(--guit-ref-shadow-blur-xs);--guit-sem-shadow-floating-2-position-y-2:var(--guit-ref-shadow-positioning-negative-2xs);--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-s);--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-xs);--guit-sem-shadow-floating-2-blur-1:var(--guit-ref-shadow-blur-s);--guit-sem-shadow-floating-1-spread-2:var(--guit-ref-shadow-spread-none);--guit-sem-shadow-floating-1-blur-2:var(--guit-ref-shadow-blur-2xs);--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-xs);--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-2xs);--guit-sem-shadow-floating-1-blur-1:var(--guit-ref-shadow-blur-xs);--guit-sem-shadow-floating-1-position-y-1:var(--guit-ref-shadow-positioning-2xs);--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-sizing-height-7xl:var(--guit-ref-sizing-7xl);--guit-sem-sizing-height-6xl:var(--guit-ref-sizing-6xl);--guit-sem-sizing-height-5xl:var(--guit-ref-sizing-5xl);--guit-sem-sizing-height-4xl:var(--guit-ref-sizing-4xl);--guit-sem-sizing-height-3xl:var(--guit-ref-sizing-3xl);--guit-sem-sizing-height-2xl:var(--guit-ref-sizing-2xl);--guit-sem-sizing-height-xl:var(--guit-ref-sizing-xl);--guit-sem-sizing-height-l:var(--guit-ref-sizing-l);--guit-sem-sizing-height-l-nudge:var(--guit-ref-sizing-l-nudge);--guit-sem-sizing-height-m:var(--guit-ref-sizing-m);--guit-sem-sizing-height-m-nudge:var(--guit-ref-sizing-m-nudge);--guit-sem-sizing-height-s:var(--guit-ref-sizing-s);--guit-sem-sizing-height-s-nudge:var(--guit-ref-sizing-s-nudge);--guit-sem-sizing-height-xs:var(--guit-ref-sizing-xs);--guit-sem-sizing-height-2xs:var(--guit-ref-sizing-2xs);--guit-sem-sizing-height-3xs:var(--guit-ref-sizing-3xs);--guit-sem-sizing-height-4xs:var(--guit-ref-sizing-4xs);--guit-sem-sizing-height-none:var(--guit-ref-sizing-none);--guit-sem-sizing-width-7xl:var(--guit-ref-sizing-7xl);--guit-sem-sizing-width-6xl:var(--guit-ref-sizing-6xl);--guit-sem-sizing-width-5xl:var(--guit-ref-sizing-5xl);--guit-sem-sizing-width-4xl:var(--guit-ref-sizing-4xl);--guit-sem-sizing-width-3xl:var(--guit-ref-sizing-3xl);--guit-sem-sizing-width-2xl:var(--guit-ref-sizing-2xl);--guit-sem-sizing-width-xl:var(--guit-ref-sizing-xl);--guit-sem-sizing-width-l:var(--guit-ref-sizing-l);--guit-sem-sizing-width-l-nudge:var(--guit-ref-sizing-l-nudge);--guit-sem-sizing-width-m:var(--guit-ref-sizing-m);--guit-sem-sizing-width-m-nudge:var(--guit-ref-sizing-m-nudge);--guit-sem-sizing-width-s:var(--guit-ref-sizing-s);--guit-sem-sizing-width-s-nudge:var(--guit-ref-sizing-s-nudge);--guit-sem-sizing-width-xs:var(--guit-ref-sizing-xs);--guit-sem-sizing-width-2xs:var(--guit-ref-sizing-2xs);--guit-sem-sizing-width-3xs:var(--guit-ref-sizing-3xs);--guit-sem-sizing-width-4xs:var(--guit-ref-sizing-4xs);--guit-sem-sizing-width-none:var(--guit-ref-sizing-none);--guit-sem-spacing-caption-medium-medium-paragraph-spacing:var(--guit-ref-spacing-m);--guit-sem-spacing-caption-medium-regular-paragraph-spacing:var(--guit-ref-spacing-m);--guit-sem-spacing-caption-large-regular-paragraph-spacing:var(--guit-ref-spacing-l);--guit-sem-spacing-caption-large-medium-paragraph-spacing:var(--guit-ref-spacing-l);--guit-sem-spacing-body-medium-underline-regular-paragraph-spacing:var(--guit-ref-spacing-xl);--guit-sem-spacing-body-medium-underline-medium-paragraph-spacing:var(--guit-ref-spacing-xl);--guit-sem-spacing-body-medium-underline-semibold-paragraph-spacing:var(--guit-ref-spacing-xl);--guit-sem-spacing-body-medium-default-regular-paragraph-spacing:var(--guit-ref-spacing-xl);--guit-sem-spacing-body-medium-default-semibold-paragraph-spacing:var(--guit-ref-spacing-xl);--guit-sem-spacing-body-medium-default-medium-paragraph-spacing:var(--guit-ref-spacing-xl);--guit-sem-spacing-body-large-underline-regular-paragraph-spacing:var(--guit-ref-spacing-2xl);--guit-sem-spacing-body-large-underline-medium-paragraph-spacing:var(--guit-ref-spacing-2xl);--guit-sem-spacing-body-large-underline-semibold-paragraph-spacing:var(--guit-ref-spacing-2xl);--guit-sem-spacing-body-large-default-regular-paragraph-spacing:var(--guit-ref-spacing-2xl);--guit-sem-spacing-body-large-default-medium-paragraph-spacing:var(--guit-ref-spacing-2xl);--guit-sem-spacing-body-large-default-semibold-paragraph-spacing:var(--guit-ref-spacing-2xl);--guit-sem-font-label-small-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-small-underline-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-small-underline-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-default-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-small-default-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-small-underline-semibold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-small-underline-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-underline-bold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-small-underline-bold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-underline-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-label-small-underline-bold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-underline-bold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-default-bold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-label-small-default-bold-font-size:var(--guit-ref-font-size-60);--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-small-default-bold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-medium-underline-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-medium-underline-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-large-underline-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-large-underline-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-default-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-large-default-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xsmall-semibold-line-height:var(--guit-ref-font-line-height-160);--guit-sem-font-heading-xsmall-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-xsmall-semibold-font-size:var(--guit-ref-font-size-120);--guit-sem-font-heading-xsmall-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xsmall-bold-line-height:var(--guit-ref-font-line-height-160);--guit-sem-font-heading-xsmall-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-heading-xsmall-bold-font-size:var(--guit-ref-font-size-120);--guit-sem-font-heading-xsmall-bold-font-family:var(--guit-ref-font-family-latin);--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-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-regular-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-caption-medium-regular-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-regular-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-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-medium-llne-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-caption-large-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-regular-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-regular-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-medium-underline-regular-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-medium-underline-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-medium-underline-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-regular-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-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-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-regular-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-regular-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-large-underline-regular-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-large-underline-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-large-underline-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-regular-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-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-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-large-default-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-medium-underline-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-medium-underline-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-underline-bold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-medium-underline-bold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-underline-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-label-medium-underline-bold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-underline-bold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-bold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-label-medium-default-bold-font-size:var(--guit-ref-font-size-70);--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-medium-default-bold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-large-underline-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-large-underline-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-underline-bold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-label-large-underline-bold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-underline-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-label-large-underline-bold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-underline-bold-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-label-large-default-bold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-label-large-default-bold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-bold-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-medium-bold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-subheading-medium-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-subheading-medium-bold-font-size:var(--guit-ref-font-size-90);--guit-sem-font-subheading-medium-bold-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-subheading-large-bold-line-height:var(--guit-ref-font-line-height-140);--guit-sem-font-subheading-large-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-subheading-large-bold-font-size:var(--guit-ref-font-size-100);--guit-sem-font-subheading-large-bold-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-small-bold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-small-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-heading-small-bold-font-size:var(--guit-ref-font-size-140);--guit-sem-font-heading-small-bold-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-medium-bold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-medium-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-heading-medium-bold-font-size:var(--guit-ref-font-size-160);--guit-sem-font-heading-medium-bold-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-large-bold-line-height:var(--guit-ref-font-line-height-240);--guit-sem-font-heading-large-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-heading-large-bold-font-size:var(--guit-ref-font-size-200);--guit-sem-font-heading-large-bold-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);--guit-sem-font-heading-xlarge-bold-line-height:var(--guit-ref-font-line-height-320);--guit-sem-font-heading-xlarge-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-heading-xlarge-bold-font-size:var(--guit-ref-font-size-240);--guit-sem-font-heading-xlarge-bold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-display-semibold-line-height:var(--guit-ref-font-line-height-400);--guit-sem-font-display-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-display-semibold-font-size:var(--guit-ref-font-size-320);--guit-sem-font-display-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-display-bold-line-height:var(--guit-ref-font-line-height-400);--guit-sem-font-display-bold-font-weight:var(--guit-ref-font-weight-bold);--guit-sem-font-display-bold-font-size:var(--guit-ref-font-size-320);--guit-sem-font-display-bold-font-family:var(--guit-ref-font-family-latin);--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-focus:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-300base));--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-300));--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: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: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:light-dark(var(--guit-ref-color-slate-40),var(--guit-ref-color-slate-500base));--guit-sem-color-background-accent-magenta:light-dark(var(--guit-ref-color-magenta-40),var(--guit-ref-color-magenta-500base));--guit-sem-color-background-accent-lagoon:light-dark(var(--guit-ref-color-lagoon-40),var(--guit-ref-color-lagoon-500));--guit-sem-color-background-accent-purple:light-dark(var(--guit-ref-color-purple-40),var(--guit-ref-color-purple-500));--guit-sem-color-background-accent-orange:light-dark(var(--guit-ref-color-orange-40),var(--guit-ref-color-orange-500));--guit-sem-color-background-accent-green: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: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:light-dark(var(--guit-ref-color-orange-400),var(--guit-ref-color-orange-60));--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-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-background-brand-1-hover:light-dark(var(--guit-ref-color-blue-60),var(--guit-ref-color-blue-300base));--guit-sem-color-foreground-selected-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-background-brand-1:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-400));--guit-sem-color-foreground-selected:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-foreground-informative:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-recommendation:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-60));--guit-sem-color-foreground-warning:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-60));--guit-sem-color-background-neutral-4:light-dark(var(--guit-ref-color-neutral-600),var(--guit-ref-color-neutral-500));--guit-sem-color-background-neutral-3:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-neutral-2-pressed:light-dark(var(--guit-ref-color-neutral-60),var(--guit-ref-color-neutral-700));--guit-sem-color-foreground-success:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-60));--guit-sem-color-background-neutral-2-hover:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-error:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-60));--guit-sem-color-foreground-brand-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-background-neutral-2:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-foreground-brand-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-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-overlay-neutral:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-surface-slate:light-dark(var(--guit-ref-color-slate-40),var(--guit-ref-color-slate-500base));--guit-sem-color-surface-neutral-2:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-surface-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-800base));--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-foreground-neutral-2-notheme:var(--guit-ref-color-neutral-600);--guit-sem-color-surface-overlay-slate:var(--guit-ref-color-slate-500base)}";
|
|
4
|
-
styleInject(css_248z);
|
|
5
|
-
|
|
6
|
-
export { css_248z as default };
|