@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.
Files changed (133) hide show
  1. package/ActionableList/index.js +5 -6
  2. package/AdvancedSearch/index.js +4 -5
  3. package/Alert/index.js +2 -2
  4. package/ArrowLeft-b88e2ba8.js +33 -0
  5. package/Avatar/index.js +1 -1
  6. package/Badge/index.js +1 -1
  7. package/Breadcrumb/index.js +3 -4
  8. package/BusyLoader/index.js +1 -1
  9. package/Button/index.js +1 -1
  10. package/CHANGELOG.md +23 -0
  11. package/Card/index.js +3 -4
  12. package/CardList/index.js +9 -10
  13. package/{CellMeasurerCache-a1dbe54e.js → CellMeasurerCache-281a5a2a.js} +1 -1
  14. package/Charts/index.js +25 -21
  15. package/Checkbox/index.js +3 -3
  16. package/CheckboxGroup/index.js +3 -3
  17. package/CheckboxGroupWithSearch/index.js +4 -5
  18. package/Collapse/index.js +1 -1
  19. package/ColorPicker/index.js +1 -1
  20. package/ComboBox/index.js +5 -5
  21. package/Copy/index.js +4 -4
  22. package/Counter/index.js +10 -12
  23. package/DateFilter/index.js +4 -5
  24. package/DatePicker/index.js +1 -1
  25. package/DatePickerInput/index.js +5 -6
  26. package/Divider/index.js +1 -1
  27. package/Drawer/index.js +4 -4
  28. package/Dropdown/index.js +6 -7
  29. package/Editor/index.js +2 -2
  30. package/Empty/index.js +1 -1
  31. package/ExtendedInput/index.js +4 -4
  32. package/Form/index.js +6 -7
  33. package/FormContainer/index.js +1 -1
  34. package/FormableCheckbox/index.js +4 -4
  35. package/FormableDatePicker/index.js +5 -6
  36. package/FormableDropdown/index.js +6 -7
  37. package/FormableEditor/index.js +2 -2
  38. package/{FormableHOC-70f027f8.js → FormableHOC-f4120178.js} +1 -1
  39. package/FormableMultiSelectDropdown/index.js +6 -7
  40. package/FormableNumberInput/index.js +4 -4
  41. package/FormableRadio/index.js +2 -2
  42. package/FormableSwitcher/index.js +2 -2
  43. package/FormableTextInput/index.js +4 -4
  44. package/FormableUploader/index.js +3 -4
  45. package/GeneUIProvider/index.js +350 -458
  46. package/Grid/index.js +2 -2
  47. package/HelperText/index.js +5 -35
  48. package/Holder/index.js +3 -4
  49. package/Icon/index.js +1 -1
  50. package/Image/index.js +6 -7
  51. package/ImagePreview/index.js +3 -4
  52. package/InteractiveWidget/index.js +3 -4
  53. package/KeyValue/index.js +1 -1
  54. package/Label/index.js +63 -48
  55. package/LinkButton/index.js +1 -1
  56. package/Menu/index.js +4 -4
  57. package/MobileNavigation/index.js +1 -1
  58. package/MobilePopup/index.js +4 -4
  59. package/Modal/index.js +2 -2
  60. package/ModuleTitle/index.js +4 -4
  61. package/NavigationMenu/index.js +5 -5
  62. package/Notification/index.js +2 -2
  63. package/Option/index.js +4 -4
  64. package/Overlay/index.js +3 -4
  65. package/Overspread/index.js +7 -8
  66. package/Pagination/index.js +3 -4
  67. package/Paper/index.js +1 -1
  68. package/Popover/index.js +410 -5
  69. package/PopoverV2/index.js +2 -2
  70. package/Products/index.js +2 -2
  71. package/Profile/index.js +3 -4
  72. package/Progress/index.js +1 -1
  73. package/Radio/index.js +1 -1
  74. package/RadioGroup/index.js +1 -1
  75. package/Range/index.js +1 -1
  76. package/Rating/index.js +4 -4
  77. package/RichEditor/index.js +1 -1
  78. package/{RichEditor-a3f1150e.js → RichEditor-3ad651c7.js} +1 -1
  79. package/Scrollbar/index.js +2 -2
  80. package/Search/index.js +3 -3
  81. package/SearchWithDropdown/index.js +7 -8
  82. package/Section/index.js +2 -2
  83. package/SkeletonLoader/index.js +1 -1
  84. package/Slider/index.js +3 -3
  85. package/Status/index.js +5 -5
  86. package/Steps/index.js +5 -5
  87. package/SuggestionList/index.js +2 -2
  88. package/Switcher/index.js +2 -2
  89. package/Table/index.js +15 -16
  90. package/TableCompositions/index.js +12 -13
  91. package/Tabs/index.js +1 -1
  92. package/Tag/index.js +2 -2
  93. package/Textarea/index.js +3 -3
  94. package/Time/index.js +1 -1
  95. package/TimePicker/index.js +56 -38
  96. package/Timeline/index.js +2 -2
  97. package/Title/index.js +2 -2
  98. package/Toaster/index.js +2 -2
  99. package/Tooltip/index.js +10 -153
  100. package/TransferList/index.js +7 -8
  101. package/Uploader/index.js +6 -7
  102. package/ValidatableCheckbox/index.js +3 -3
  103. package/ValidatableDatePicker/index.js +4 -5
  104. package/ValidatableDropdown/index.js +5 -6
  105. package/ValidatableElements/index.js +5 -6
  106. package/ValidatableMultiSelectDropdown/index.js +5 -6
  107. package/ValidatableNumberInput/index.js +3 -3
  108. package/ValidatableRadio/index.js +1 -1
  109. package/ValidatableSwitcher/index.js +1 -1
  110. package/ValidatableTextInput/index.js +3 -3
  111. package/ValidatableTimeInput/index.js +3 -3
  112. package/ValidatableUploader/index.js +2 -3
  113. package/Widget/index.js +3 -4
  114. package/{configs-0ed1e326.js → configs-34847b77.js} +1 -1
  115. package/hooks/useDeviceType.js +1 -1
  116. package/{index-34914e4c.js → index-263b0f0b.js} +1 -1
  117. package/{index-79316a14.js → index-3a6b7fd9.js} +10 -9
  118. package/index-49fbb32c.js +3101 -0
  119. package/{index-b4ec7815.js → index-73b4d98a.js} +2 -2
  120. package/{index-b139bff9.js → index-d8c45742.js} +4 -4
  121. package/index.js +14 -14
  122. package/lib/atoms/Button/Button.d.ts +1 -1
  123. package/lib/atoms/Label/Label.d.ts +45 -0
  124. package/lib/atoms/Label/index.d.ts +1 -0
  125. package/lib/molecules/Tooltip/Tooltip.d.ts +58 -0
  126. package/lib/molecules/Tooltip/index.d.ts +1 -0
  127. package/lib/providers/GeneUIProvider/GeneUIProvider.d.ts +1 -1
  128. package/package.json +3 -2
  129. package/{react-beautiful-dnd.esm-ec039212.js → react-beautiful-dnd.esm-bb1d95fc.js} +2 -1
  130. package/{index-b7c1fe38.js → redux-e591c1b8.js} +1 -272
  131. package/tokens-3e00442a.js +6 -0
  132. package/Popover-f4d1cac0.js +0 -411
  133. 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 };
@@ -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 _ };
@@ -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 };