@pismo/marola 1.0.0-beta.8 → 1.0.0

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 (172) hide show
  1. package/dist/{Button-DiLqcAJG.js → Button-BAljjMv3.js} +2 -2
  2. package/dist/{ClickAwayListener-BaJ-OV_7.js → ClickAwayListener-DbEYZpyh.js} +3 -3
  3. package/dist/Dialog.module-W7UCXlf3.js +29 -0
  4. package/dist/Group-DspH8hyO.js +30 -0
  5. package/dist/Popover.module-B4boCutS.js +10 -0
  6. package/dist/{Popup-lLWZt2wk.js → Popup-Ck3XlWMq.js} +3 -3
  7. package/dist/{Portal-B_Es6eUL.js → Portal-oY3enyAm.js} +2 -2
  8. package/dist/SelectButton-B38avP9u.js +75 -0
  9. package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
  10. package/dist/Toggle-MfR7l8Wn.js +190 -0
  11. package/dist/assets/Advice.css +1 -1
  12. package/dist/assets/Alert.css +1 -0
  13. package/dist/assets/Autocomplete.css +1 -1
  14. package/dist/assets/Avatar.css +1 -0
  15. package/dist/assets/Button.css +1 -1
  16. package/dist/assets/Checkbox.css +1 -1
  17. package/dist/assets/Description.css +1 -0
  18. package/dist/assets/Dialog.css +1 -1
  19. package/dist/assets/EllipsisTooltip.css +1 -1
  20. package/dist/assets/Group.css +1 -1
  21. package/dist/assets/IconButton.css +1 -1
  22. package/dist/assets/Input.css +1 -1
  23. package/dist/assets/PageHeader.css +1 -1
  24. package/dist/assets/Pagination.css +1 -1
  25. package/dist/assets/Popover.css +1 -0
  26. package/dist/assets/RadioButton.css +1 -0
  27. package/dist/assets/ResultWithChips.css +1 -0
  28. package/dist/assets/SelectButton.css +1 -1
  29. package/dist/assets/Skeleton.css +1 -1
  30. package/dist/assets/Snackbar.css +1 -1
  31. package/dist/assets/SortTooltip.css +1 -1
  32. package/dist/assets/Stepper.css +1 -1
  33. package/dist/assets/StepperNavigator.css +1 -0
  34. package/dist/assets/Table.css +1 -1
  35. package/dist/assets/Tabs.css +1 -1
  36. package/dist/assets/Toggle.css +1 -1
  37. package/dist/assets/Toggle2.css +1 -1
  38. package/dist/assets/Typography.css +1 -1
  39. package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
  40. package/dist/components/Adornment/Adornment.d.ts +11 -2
  41. package/dist/components/Adornment/Adornment.js +6 -6
  42. package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
  43. package/dist/components/Adornment/adornment.test.d.ts +1 -0
  44. package/dist/components/Advice/Advice.d.ts +32 -17
  45. package/dist/components/Advice/Advice.js +39 -40
  46. package/dist/components/Advice/Advice.stories.d.ts +4 -3
  47. package/dist/components/Alert/Alert.d.ts +11 -0
  48. package/dist/components/Alert/Alert.js +46 -0
  49. package/dist/components/Alert/Alert.stories.d.ts +24 -0
  50. package/dist/components/Alert/Alert.test.d.ts +1 -0
  51. package/dist/components/Autocomplete/Autocomplete.d.ts +12 -42
  52. package/dist/components/Autocomplete/Autocomplete.js +425 -435
  53. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +3 -25
  54. package/dist/components/Avatar/Avatar.d.ts +15 -0
  55. package/dist/components/Avatar/Avatar.js +51 -0
  56. package/dist/components/Avatar/Avatar.stories.d.ts +25 -0
  57. package/dist/components/Button/Button.d.ts +2 -0
  58. package/dist/components/Button/Button.js +51 -49
  59. package/dist/components/Checkbox/Checkbox.js +52 -52
  60. package/dist/components/Chip/Chip.d.ts +6 -4
  61. package/dist/components/Chip/Chip.js +10 -6
  62. package/dist/components/Chip/Chip.stories.d.ts +5 -14
  63. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +14 -0
  64. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +37 -0
  65. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +23 -0
  66. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +1 -0
  67. package/dist/components/Description/Description.d.ts +21 -0
  68. package/dist/components/Description/Description.js +66 -0
  69. package/dist/components/Description/Description.stories.d.ts +22 -0
  70. package/dist/components/Description/Description.test.d.ts +1 -0
  71. package/dist/components/Dialog/Actions.js +1 -1
  72. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  73. package/dist/components/Dialog/Backdrop.js +8 -7
  74. package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
  75. package/dist/components/Dialog/CloseIconButton.js +15 -18
  76. package/dist/components/Dialog/Dialog.d.ts +16 -10
  77. package/dist/components/Dialog/Dialog.js +167 -167
  78. package/dist/components/Dialog/Dialog.stories.d.ts +74 -68
  79. package/dist/components/Dialog/DialogTitle.d.ts +5 -2
  80. package/dist/components/Dialog/DialogTitle.js +22 -16
  81. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
  82. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -0
  83. package/dist/components/Icon/Icon.js +331 -51
  84. package/dist/components/Icon/types.d.ts +1 -1
  85. package/dist/components/IconButton/IconButton.js +42 -42
  86. package/dist/components/Input/Input.d.ts +26 -5
  87. package/dist/components/Input/Input.js +514 -102
  88. package/dist/components/Input/Input.stories.d.ts +2 -21
  89. package/dist/components/InputSearch/InputSearch.d.ts +37 -7
  90. package/dist/components/InputSearch/InputSearch.js +27 -29
  91. package/dist/components/InputSearch/InputSearch.stories.d.ts +15 -3
  92. package/dist/components/PageHeader/PageHeader.d.ts +6 -2
  93. package/dist/components/PageHeader/PageHeader.js +78 -71
  94. package/dist/components/PageHeader/PageHeader.stories.d.ts +3 -1
  95. package/dist/components/PageHeader/PageHeader.test.d.ts +1 -0
  96. package/dist/components/Pagination/Pagination.d.ts +5 -1
  97. package/dist/components/Pagination/Pagination.js +90 -91
  98. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  99. package/dist/components/Popover/Popover.d.ts +32 -0
  100. package/dist/components/Popover/Popover.js +24 -0
  101. package/dist/components/Popover/Popover.stories.d.ts +34 -0
  102. package/dist/components/Popover/PopoverBody.d.ts +6 -0
  103. package/dist/components/Popover/PopoverBody.js +6 -0
  104. package/dist/components/Popover/PopoverFooter.d.ts +6 -0
  105. package/dist/components/Popover/PopoverFooter.js +6 -0
  106. package/dist/components/Popover/PopoverHeader.d.ts +6 -0
  107. package/dist/components/Popover/PopoverHeader.js +6 -0
  108. package/dist/components/RadioButton/RadioButton.d.ts +19 -0
  109. package/dist/components/RadioButton/RadioButton.js +37 -0
  110. package/dist/components/RadioButton/RadioButton.stories.d.ts +24 -0
  111. package/dist/components/RadioButton/RadioButton.test.d.ts +1 -0
  112. package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
  113. package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
  114. package/dist/components/RowItem/RowItem.d.ts +2 -2
  115. package/dist/components/RowItem/RowItem.js +9 -5
  116. package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
  117. package/dist/components/RowItem/rowItem.test.d.ts +1 -0
  118. package/dist/components/Select/Select.d.ts +22 -0
  119. package/dist/components/Select/Select.js +476 -414
  120. package/dist/components/Select/SelectButton.d.ts +2 -0
  121. package/dist/components/Select/SelectButton.js +3 -2
  122. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  123. package/dist/components/Skeleton/Skeleton.js +20 -14
  124. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  125. package/dist/components/Snackbar/Snackbar.js +123 -138
  126. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  127. package/dist/components/Stepper/Stepper.js +35 -35
  128. package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
  129. package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
  130. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
  131. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
  132. package/dist/components/Table/Table.d.ts +3 -1
  133. package/dist/components/Table/Table.js +87 -99
  134. package/dist/components/Table/Table.stories.d.ts +1 -1
  135. package/dist/components/Tabs/Tab.d.ts +5 -3
  136. package/dist/components/Tabs/Tab.js +36 -35
  137. package/dist/components/Tabs/TabPanel.d.ts +4 -2
  138. package/dist/components/Tabs/TabPanel.js +48 -38
  139. package/dist/components/Tabs/Tabs.d.ts +6 -4
  140. package/dist/components/Tabs/Tabs.js +115 -112
  141. package/dist/components/TextDisplay/TextDisplay.d.ts +7 -3
  142. package/dist/components/TextDisplay/TextDisplay.js +44 -37
  143. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
  144. package/dist/components/Toggle/Toggle.js +55 -55
  145. package/dist/components/ToggleGroup/Group.d.ts +2 -0
  146. package/dist/components/ToggleGroup/Group.js +4 -2
  147. package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
  148. package/dist/components/ToggleGroup/Toggle.js +8 -4
  149. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  150. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +2 -0
  151. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  152. package/dist/components/Tooltip/Tooltip.js +4 -4
  153. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
  154. package/dist/components/Typography/Typography.js +47 -47
  155. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +2 -2
  156. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +35 -30
  157. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  158. package/dist/{index-D3Wj0eid.js → index-bQFToy-I.js} +1 -1
  159. package/dist/main.d.ts +8 -0
  160. package/dist/main.js +95 -79
  161. package/dist/marola.css +1 -1
  162. package/dist/{ownerDocument-B61GUaFs.js → ownerDocument-YGhwAnr1.js} +1 -1
  163. package/dist/test-utils/assertStyles.d.ts +1 -1
  164. package/dist/{useButton-Bn3MNH8I.js → useButton-DcihopJG.js} +1 -1
  165. package/dist/{useList-BpJT77u3.js → useList-B9C55YB7.js} +2 -2
  166. package/dist/{useSlotProps-kRhf7Gil.js → useSlotProps-C_I1kEHr.js} +73 -72
  167. package/package.json +22 -13
  168. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  169. package/dist/Group-B3p31ftp.js +0 -26
  170. package/dist/Input.module-iOYlI_1w.js +0 -405
  171. package/dist/SelectButton-K3OIfR5m.js +0 -61
  172. package/dist/Toggle-BSvvbKBp.js +0 -175
@@ -0,0 +1 @@
1
+ ._popover_n95k7_1{background-color:#fff;border-radius:.375rem;box-shadow:0 0 10px #0003}._popover-header_n95k7_6{padding:1rem .5rem;border-bottom:1px solid var(--gray-5)}._popover-footer_n95k7_10{padding:1rem .5rem;border-top:1px solid var(--gray-5)}._popover-body_n95k7_14{padding:1rem .5rem}
@@ -0,0 +1 @@
1
+ ._radio_1t160_1{display:flex;align-items:center;cursor:pointer}._radio_1t160_1 input[type=radio]{display:none}._radio--label_1t160_9{margin-left:8px}._radio--label__disabled_1t160_12{color:var(--gray-95);opacity:.25}._radio--input_1t160_16{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--accent);border:solid 1px var(--border);border-radius:8px}._radio--input__disabled_1t160_26{color:var(--gray-95);opacity:.25}._radio--input_1t160_16:not(._radio--input__disabled_1t160_26):hover{border:solid 1px var(--accent)}._radio--input_1t160_16:not(._radio--input__disabled_1t160_26):focus{border:solid 1px var(--accent);box-shadow:0 0 0 2px var(--accent)}._radio--disabled_1t160_37{cursor:default}
@@ -0,0 +1 @@
1
+ ._container_hgp0p_1{position:relative;padding:1.5rem 1rem;background:var(--white-100);border:1px solid var(--gray-50);border-radius:.375rem}._container_hgp0p_1 ._chip-item-wrapper_hgp0p_8{display:flex;gap:.5rem}._container_hgp0p_1:not(first-child){min-height:4.125rem;padding:1rem;margin-top:1.5rem}._container_hgp0p_1 ._label_hgp0p_17{position:absolute;top:-1px;left:1.18rem;display:flex;align-items:center;justify-content:center;padding:0 .25rem;font-family:Lato;font-size:.6875rem;font-style:normal;font-weight:400;line-height:1rem;color:var(--gray-75);background:var(--white-100);transform:translateY(-50%)}._chips-container_hgp0p_35{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}._chip-content_hgp0p_42{display:block;font-family:Lato;font-size:.6875rem;font-style:normal;line-height:1rem;color:var(--gray-90)}._chip-label_hgp0p_51{font-weight:700}
@@ -1 +1 @@
1
- ._u-typography-h1_11qky_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_11qky_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_11qky_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_11qky_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_11qky_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_11qky_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_11qky_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_11qky_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_11qky_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_11qky_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_11qky_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_11qky_64,._select__listbox__option__text_11qky_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_11qky_67{text-decoration:line-through}._u-typography-base--underlined_11qky_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_11qky_73{text-decoration:underline line-through}._select_11qky_64{background-color:red}._select__popup_11qky_80{z-index:9999}._select__listbox_11qky_64{min-width:10.75rem;max-height:400px;padding:.5rem;margin-top:.25rem;overflow-y:auto;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 6px 12px rgba(var(--black-100-rgb),20%)}._select__listbox__option_11qky_64{display:flex;padding:.625rem;color:rgba(var(--gray-95-rgb),88%);list-style:none;cursor:pointer;border-radius:var(--border-radius-soft)}._select__listbox__option__icon_11qky_101{display:flex;margin-right:.5rem}._select__listbox__option_11qky_64:hover:not(._select__listbox__option--disabled_11qky_105){padding:.625rem;color:var(--accent);background-color:rgba(var(--black-100-rgb),4%);border-radius:var(--border-radius-soft)}._select__listbox__option_11qky_64:active:not(._select__listbox__option--disabled_11qky_105){color:var(--accent-dark)}._select__listbox__option--selected_11qky_114{background-color:var(--accent-lighter)}._select__listbox__option--disabled_11qky_105{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:transparent}._select__listbox__option--disabled_11qky_105 ._select__list__option__icon_11qky_122{color:rgba(var(--gray-95-rgb),25%);fill:rgba(var(--gray-95-rgb),25%)}._select-button_11qky_127{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:11.875rem;min-width:fit-content;padding:.625rem 1rem;color:rgba(var(--gray-95-rgb),88%);cursor:pointer;background-color:var(--white-100);border:1px solid rgba(var(--black-100-rgb),6%);border-radius:var(--border-radius);outline:none}._select-button_11qky_127+input[aria-hidden=true]{position:fixed!important}._select-button_11qky_127 ._base-Select-popup_11qky_145{z-index:1}._select-button__text_11qky_148{display:flex;gap:.5rem;width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;text-wrap:nowrap}._select-button__icon_11qky_157{display:flex}._select-button__icon_11qky_157 svg{color:rgba(var(--gray-95-rgb),88%)}._select-button--active_11qky_163{border:1px solid var(--accent)}._select-button_11qky_127:disabled{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:1px solid var(--gray-10)}._select-button_11qky_127:disabled ._select-button__icon_11qky_157 svg{color:rgba(var(--gray-95-rgb),25%)}._select-button_11qky_127:hover:not(._select-button_11qky_127:disabled){border:1px solid var(--gray-25)}._select-button_11qky_127:focus:not(._select-button_11qky_127:disabled),._select-button_11qky_127:active:not(._select-button_11qky_127:disabled){border:1px solid var(--accent)}
1
+ ._u-typography-h1_1abqy_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1abqy_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1abqy_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1abqy_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1abqy_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1abqy_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1abqy_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1abqy_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1abqy_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1abqy_57,._select-button__text_1abqy_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1abqy_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1abqy_65,._select__listbox__option__text_1abqy_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1abqy_68{text-decoration:line-through}._u-typography-base--underlined_1abqy_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1abqy_74{text-decoration:underline line-through}._select__wrapper_1abqy_78{position:relative}._select__wrapper--fit-content-width_1abqy_81{width:fit-content}._select__wrapper_1abqy_78 ._select__label_1abqy_84{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._select__wrapper_1abqy_78:has(:disabled) ._select__label_1abqy_84{color:var(--gray-25)}._select__wrapper_1abqy_78:has(._messages-wrapper_1abqy_92:not(:empty)){padding-bottom:1.6875rem}._select_1abqy_57{background-color:transparent}._select__popup_1abqy_99{z-index:9999;width:100%}._select__listbox_1abqy_65{min-width:10.75rem;max-height:400px;padding:.5rem;margin-top:.25rem;overflow-y:auto;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 6px 12px rgba(var(--black-100-rgb),20%)}._select__listbox_1abqy_65 [class*=base-Option-highlighted]{outline:none}._select__listbox_1abqy_65 [class*=base-Option-highlighted]:not([class*=--selected]){color:var(--accent)}._select__listbox__option_1abqy_65{display:flex;gap:.5rem;align-items:center;padding:.625rem;color:var(--gray-90);list-style:none;cursor:pointer;border-radius:var(--border-radius-soft)}._select__listbox__option__icon_1abqy_129{display:flex}._select__listbox__option_1abqy_65:hover:not(._select__listbox__option--disabled_1abqy_132,._select__listbox__option--selected_1abqy_132){padding:.625rem;color:var(--accent);background-color:rgba(var(--black-100-rgb),4%);border-radius:var(--border-radius-soft)}._select__listbox__option_1abqy_65:active:not(._select__listbox__option--disabled_1abqy_132){color:var(--accent-dark)}._select__listbox__option--selected_1abqy_132{color:var(--gray-90);background-color:var(--accent-lighter)}._select__listbox__option--disabled_1abqy_132{color:var(--gray-50);cursor:default;border:transparent}._select-button_1abqy_57{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:11.875rem;min-width:fit-content;height:2.5rem;padding:.625rem 1rem;color:var(--gray-90);cursor:pointer;background-color:var(--white-100);border:1px solid var(--gray-25);border-radius:var(--border-radius);outline:none}._select-button--full-width_1abqy_167{width:100%}._select-button--placeholder_1abqy_170{color:var(--gray-50)}._select-button_1abqy_57+input[aria-hidden=true]{position:fixed!important}._select-button_1abqy_57 ._base-Select-popup_1abqy_176{z-index:1}._select-button__text_1abqy_57{display:flex;gap:.5rem;width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;text-wrap:nowrap}._select-button__icon_1abqy_188{display:flex}._select-button--active_1abqy_191{border:1px solid var(--accent)}._select-button--error_1abqy_194{border:solid 1px var(--alert)}._select-button_1abqy_57:disabled{color:var(--gray-50);cursor:default;border:1px solid var(--gray-25)}._select-button_1abqy_57:hover:not(._select-button_1abqy_57:disabled,._select-button--active_1abqy_191,._select-button--error_1abqy_194){border:1px solid var(--gray-75)}._select-button_1abqy_57:focus:not(._select-button_1abqy_57:disabled,._select-button--error_1abqy_194),._select-button_1abqy_57:active:not(._select-button_1abqy_57:disabled,._select-button--error_1abqy_194){border:1px solid var(--accent)}._messages-wrapper_1abqy_92{position:absolute;display:flex;align-items:center;justify-content:space-between}._messages-wrapper_1abqy_92:not(:empty){margin-top:.3125rem}._messages-wrapper_1abqy_92 svg{min-width:1rem;min-height:1rem}._info-message_1abqy_223,._error-message_1abqy_224{display:flex;gap:.375rem;align-items:center}._info-message_1abqy_223{color:var(--gray-75)}._error-message_1abqy_224{color:var(--alert)}
@@ -1 +1 @@
1
- ._skeleton_dtmoz_1{display:block;width:100%;height:1.25rem;content:" ";background-image:linear-gradient(.25turn,transparent,var(--gray-5),transparent),linear-gradient(var(--gray-10),var(--gray-10));background-repeat:no-repeat;background-position:200% 0,0 0;background-size:200% auto;border-radius:var(--border-radius);animation:_skeletonLoading_dtmoz_1 1.5s infinite}._skeleton_dtmoz_1._skeleton--circle-type_dtmoz_13{border-radius:50%}._skeleton--table-type_dtmoz_17{display:table;width:100%;border-spacing:0}._skeleton--table-type_dtmoz_17 thead tr{background-color:var(--gray-10)}._skeleton--table-type_dtmoz_17 th ._skeleton_dtmoz_1{height:.5rem;background:var(--white-100);animation:none}._skeleton--table-type_dtmoz_17 td ._skeleton_dtmoz_1{height:.804rem}._skeleton--table-type_dtmoz_17 thead tr th:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}._skeleton--table-type_dtmoz_17 thead tr th:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}._skeleton--table-type_dtmoz_17 thead,._skeleton--table-type_dtmoz_17 tr,._skeleton--table-type_dtmoz_17 td,._skeleton--table-type_dtmoz_17 tbody{display:inherit;border:none}._skeleton--table-type_dtmoz_17 thead{display:table-header-group}._skeleton--table-type_dtmoz_17 tbody{display:table-row-group}._skeleton--table-type_dtmoz_17 tr{display:table-row}._skeleton--table-type_dtmoz_17 td,._skeleton--table-type_dtmoz_17 th{display:table-cell;padding:1.6621rem 1rem;border:none}._skeleton--table-type_dtmoz_17 tr:nth-child(2n){background:inherit}._skeleton--table-type_dtmoz_17 tr+tr td{border-top:1px solid var(--gray-10)}@keyframes _skeletonLoading_dtmoz_1{to{background-position:-100% 0,0 0}}
1
+ ._skeleton_mst8q_1{display:block;width:100%;height:1.25rem;content:" ";background-image:linear-gradient(.25turn,transparent,var(--gray-5),transparent),linear-gradient(var(--gray-10),var(--gray-10));background-repeat:no-repeat;background-position:200% 0,0 0;background-size:200% auto;border-radius:var(--border-radius);animation:_skeletonLoading_mst8q_1 1.5s infinite}._skeleton_mst8q_1._skeleton--circle-type_mst8q_13{border-radius:50%}._skeleton--table-type_mst8q_17{display:table;width:100%;border-spacing:0}._skeleton--table-type_mst8q_17 thead tr{background-color:var(--gray-10)}._skeleton--table-type_mst8q_17 th ._skeleton_mst8q_1{height:.5rem;background:var(--white-100);animation:none}._skeleton--table-type_mst8q_17 td ._skeleton_mst8q_1{height:.804rem}._skeleton--table-type_mst8q_17 thead tr th:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}._skeleton--table-type_mst8q_17 thead tr th:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}._skeleton--table-type_mst8q_17 thead,._skeleton--table-type_mst8q_17 tr,._skeleton--table-type_mst8q_17 td,._skeleton--table-type_mst8q_17 tbody{display:inherit;border:none}._skeleton--table-type_mst8q_17 thead{display:table-header-group}._skeleton--table-type_mst8q_17 tbody{display:table-row-group}._skeleton--table-type_mst8q_17 tr{display:table-row}._skeleton--table-type_mst8q_17 td,._skeleton--table-type_mst8q_17 th{display:table-cell;padding:0 1rem;border:none}._skeleton--table-type_mst8q_17 thead th{height:4rem}._skeleton--table-type_mst8q_17 tbody td{height:3.5rem}._skeleton--table-type_mst8q_17 tr:nth-child(2n){background:inherit}._skeleton--table-type_mst8q_17 tr+tr td{border-top:.0625rem solid var(--gray-10)}@keyframes _skeletonLoading_mst8q_1{to{background-position:-100% 0,0 0}}
@@ -1 +1 @@
1
- ._u-typography-h1_1w4kg_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1w4kg_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1w4kg_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1w4kg_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1w4kg_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1w4kg_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1w4kg_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1w4kg_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1w4kg_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1w4kg_56,._snackbar--message_1w4kg_56 p{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1w4kg_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1w4kg_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1w4kg_67{text-decoration:line-through}._u-typography-base--underlined_1w4kg_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_1w4kg_73{text-decoration:underline line-through}._snackbar_1w4kg_56{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_1w4kg_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_1w4kg_90{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_1w4kg_95{display:flex;align-items:center;justify-content:space-between;width:40.5rem;height:3.5rem;padding:1rem;overflow:hidden;border-radius:8px}._snackbar_1w4kg_56:has(._snackbar--success_1w4kg_105) ._snackbar--content_1w4kg_95{background-color:var(--secondary-green-darker)}._snackbar_1w4kg_56:has(._snackbar--error_1w4kg_108) ._snackbar--content_1w4kg_95{background-color:var(--alert)}._snackbar_1w4kg_56:has(._snackbar--warning_1w4kg_111) ._snackbar--content_1w4kg_95{background-color:var(--secondary-orange)}._snackbar--message_1w4kg_56{text-align:start}._snackbar--message_1w4kg_56 p{font-weight:900;color:var(--white-100)}._snackbar--action_1w4kg_121{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}
1
+ ._snackbar_8unab_2{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_8unab_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_8unab_15{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_8unab_20{display:flex;align-items:center;justify-content:space-between;width:40.5rem;height:3.5rem;padding:var(--size-base-size-sm) var(--size-base-size);overflow:hidden;border-spacing:2px;border-style:solid;border-radius:var(--border-radius-border-radius)}._snackbar_8unab_2:has(._snackbar--success_8unab_32) ._snackbar--content_8unab_20{background:var(--colors-brand-success-color-success-bg);border-color:var(--colors-brand-success-color-success-border)}._snackbar_8unab_2:has(._snackbar--error_8unab_36) ._snackbar--content_8unab_20{background:var(--colors-brand-error-color-error-bg);border-color:var(--colors-brand-error-color-error-border)}._snackbar_8unab_2:has(._snackbar--warning_8unab_40) ._snackbar--content_8unab_20{background:var(--colors-brand-warning-color-warning-bg);border-color:var(--colors-brand-warning-color-warning-border)}._snackbar--action_8unab_44{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}
@@ -1 +1 @@
1
- ._u-typography-h1_1hhgh_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1hhgh_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1hhgh_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1hhgh_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1hhgh_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1hhgh_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1hhgh_43,._sort-tooltip_1hhgh_43 ul li button{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1hhgh_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1hhgh_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1hhgh_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1hhgh_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1hhgh_64,._sort-tooltip_1hhgh_43 ul li button{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1hhgh_67{text-decoration:line-through}._u-typography-base--underlined_1hhgh_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_1hhgh_73{text-decoration:underline line-through}._sort-tooltip_1hhgh_43 ul{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none}._sort-tooltip_1hhgh_43 ul li button{display:flex;gap:8px;color:var(--gray-75);cursor:pointer;background-color:unset;border:none;outline:none}._sort-tooltip_1hhgh_43 ul li button._button--selected_1hhgh_94{color:var(--accent)}
1
+ ._u-typography-h1_3hhsf_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_3hhsf_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_3hhsf_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_3hhsf_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_3hhsf_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_3hhsf_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_3hhsf_43,._sort-tooltip_3hhsf_43 ul li button{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_3hhsf_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_3hhsf_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_3hhsf_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_3hhsf_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_3hhsf_65,._sort-tooltip_3hhsf_43 ul li button{font-weight:var(--base-bold)}._u-typography-base--strikethrough_3hhsf_68{text-decoration:line-through}._u-typography-base--underlined_3hhsf_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_3hhsf_74{text-decoration:underline line-through}._sort-tooltip_3hhsf_43 ul{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none}._sort-tooltip_3hhsf_43 ul li button{display:flex;gap:8px;color:var(--gray-75);cursor:pointer;background-color:unset;border:none;outline:none}._sort-tooltip_3hhsf_43 ul li button._button--selected_3hhsf_95{color:var(--accent)}
@@ -1 +1 @@
1
- ._u-typography-h1_a47qe_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_a47qe_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_a47qe_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_a47qe_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_a47qe_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_a47qe_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_a47qe_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_a47qe_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_a47qe_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_a47qe_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_a47qe_60,._stepper_a47qe_60 ._item_a47qe_60 ._name_a47qe_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_a47qe_64,._stepper_a47qe_60 ._item--active_a47qe_64 ._name_a47qe_60,._stepper_a47qe_60 ._item--completed_a47qe_64 ._counter_a47qe_64,._stepper_a47qe_60 ._item_a47qe_60 ._counter_a47qe_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_a47qe_67{text-decoration:line-through}._u-typography-base--underlined_a47qe_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_a47qe_73{text-decoration:underline line-through}._stepper_a47qe_60{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_a47qe_60 ._item_a47qe_60{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_a47qe_60 ._item_a47qe_60:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_a47qe_60 ._item_a47qe_60:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_a47qe_60 ._item_a47qe_60 ._counter_a47qe_64{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;line-height:1rem;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_a47qe_60 ._item_a47qe_60 ._name_a47qe_60{color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_a47qe_60 ._item_a47qe_60:first-child:before,._stepper_a47qe_60 ._item_a47qe_60:last-child:after{content:none}._stepper_a47qe_60 ._item--completed_a47qe_64 ._counter_a47qe_64{color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--completed_a47qe_64 ._name_a47qe_60{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--completed_a47qe_64:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--active_a47qe_64 ._counter_a47qe_64{font-size:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--active_a47qe_64 ._name_a47qe_60{color:var(--gray-75);transition:all var(--transition-long)}
1
+ ._u-typography-h1_7fsnr_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_7fsnr_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_7fsnr_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_7fsnr_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_7fsnr_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_7fsnr_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_7fsnr_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_7fsnr_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_7fsnr_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_7fsnr_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_7fsnr_61,._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_7fsnr_65,._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61,._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65,._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_7fsnr_68{text-decoration:line-through}._u-typography-base--underlined_7fsnr_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_7fsnr_74{text-decoration:underline line-through}._stepper_7fsnr_61{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_7fsnr_61 ._item_7fsnr_61{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_7fsnr_61 ._item_7fsnr_61:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;line-height:1rem;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:first-child:before,._stepper_7fsnr_61 ._item_7fsnr_61:last-child:after{content:none}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65{color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._name_7fsnr_61{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._counter_7fsnr_65{font-size:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61{color:var(--gray-75);transition:all var(--transition-long)}
@@ -0,0 +1 @@
1
+ ._stepper-navigator_27f6m_1{display:flex;justify-content:space-between;padding:1rem 0}._stepper-navigator_27f6m_1>span{display:flex;gap:1rem}._cancel-button_27f6m_11{color:var(--accent-alert-light);background-color:transparent}._cancel-button_27f6m_11:hover:not(:disabled){color:rgba(var(--alert-dark-rgb),.75);background-color:var(--gray-5)}._previous-button_27f6m_20{color:var(--gray-75);background-color:transparent;border:solid 1px var(--gray-75)}._previous-button_27f6m_20:disabled{border-color:transparent}._previous-button_27f6m_20:hover:not(:disabled){color:rgba(var(--gray-75-rgb),.75);background-color:var(--gray-5);border-color:rgba(var(--gray-75),.75)}._previous-button_27f6m_20,._cancel-button_27f6m_11{min-width:6.25rem}._next-button_27f6m_39,._finish-button_27f6m_40{min-width:15rem}._previous-button_27f6m_20,._cancel-button_27f6m_11,._next-button_27f6m_39,._finish-button_27f6m_40{display:flex;gap:.25rem;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.875rem}._previous-button_27f6m_20>*,._cancel-button_27f6m_11>*,._next-button_27f6m_39>*,._finish-button_27f6m_40>*{display:inline-flex;flex:1;align-items:center;justify-content:center}._previous-button_27f6m_20>*:nth-child(1),._cancel-button_27f6m_11>*:nth-child(1),._next-button_27f6m_39>*:nth-child(1),._finish-button_27f6m_40>*:nth-child(1){justify-content:flex-start}._previous-button_27f6m_20>*:nth-child(3),._cancel-button_27f6m_11>*:nth-child(3),._next-button_27f6m_39>*:nth-child(3),._finish-button_27f6m_40>*:nth-child(3){justify-content:flex-end}
@@ -1 +1 @@
1
- ._u-typography-h1_1gspp_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1gspp_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1gspp_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1gspp_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1gspp_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1gspp_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1gspp_43,._table_1gspp_43 tbody{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1gspp_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1gspp_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1gspp_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1gspp_60,._table_1gspp_43 thead{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1gspp_64,._table_1gspp_43 thead{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1gspp_67{text-decoration:line-through}._u-typography-base--underlined_1gspp_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_1gspp_73{text-decoration:underline line-through}._table_1gspp_43{color:var(--secondary-orange);border-spacing:0}._table--full-width_1gspp_81{width:100%}._table--white-theme_1gspp_84{background:var(--white-100)}._table--transparent-theme_1gspp_87{background:transparent}._table_1gspp_43 th._cell--left-alignment_1gspp_90,._table_1gspp_43 td._cell--left-alignment_1gspp_90{text-align:left}._table_1gspp_43 th._cell--center-alignment_1gspp_94,._table_1gspp_43 td._cell--center-alignment_1gspp_94{text-align:center}._table_1gspp_43 th._cell--right-alignment_1gspp_98,._table_1gspp_43 td._cell--right-alignment_1gspp_98{text-align:right}._table_1gspp_43 thead{color:var(--gray-90);text-transform:uppercase}._table_1gspp_43 thead tr th{--children-pv: 4px;--children-ph: 8px;align-items:center;padding:calc(1.5rem - var(--children-pv)) calc(.75rem - var(--children-ph));line-height:1rem;border-bottom:1px solid var(--gray-25)}._table_1gspp_43 thead tr th ._th__wrapper_1gspp_114{padding:var(--children-pv) var(--children-ph)}._table_1gspp_43 thead tr th ._th__wrapper--pressed_1gspp_117{background-color:var(--gray-10);border-radius:6px}._table_1gspp_43 thead tr th ._th__wrapper--clickable_1gspp_121{cursor:pointer}._table_1gspp_43 thead tr th ._th__wrapper_1gspp_114 ._th__sort-icon-container_1gspp_124{padding-left:4px}._table_1gspp_43 tbody{color:var(--gray-90)}._table_1gspp_43 tbody tr:hover:not(._tr__row-or-cell--disabled_1gspp_130){background-color:rgb(var(--gray-5-rgb),.5)}._table_1gspp_43 tbody ._tr_1gspp_130,._table_1gspp_43 tbody ._td_1gspp_134{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_1gspp_43 tbody ._tr__row-or-cell--clickable_1gspp_139,._table_1gspp_43 tbody ._td__row-or-cell--clickable_1gspp_140{cursor:pointer}._table_1gspp_43 tbody ._tr__row-or-cell--disabled_1gspp_130,._table_1gspp_43 tbody ._td__row-or-cell--disabled_1gspp_144{background:var(--cream);filter:grayscale(1)}._table_1gspp_43 tbody ._tr__row-or-cell--disabled_1gspp_130 ._td-wrapper_1gspp_148,._table_1gspp_43 tbody ._td__row-or-cell--disabled_1gspp_144 ._td-wrapper_1gspp_148{opacity:.25}
1
+ ._table_yerpo_1{color:var(--secondary-orange);border-spacing:0}._table--fixed_yerpo_5{table-layout:fixed}._table--full-width_yerpo_8{width:100%}._table--white-theme_yerpo_11{background:var(--white-100)}._table--transparent-theme_yerpo_14{background:transparent}._table_yerpo_1 th._cell--left-alignment_yerpo_17,._table_yerpo_1 td._cell--left-alignment_yerpo_17{text-align:left}._table_yerpo_1 th._cell--center-alignment_yerpo_21,._table_yerpo_1 td._cell--center-alignment_yerpo_21{text-align:center}._table_yerpo_1 th._cell--right-alignment_yerpo_25,._table_yerpo_1 td._cell--right-alignment_yerpo_25{text-align:right}._table_yerpo_1 thead{font-size:.75rem;font-weight:900;line-height:1rem;color:var(--gray-90);text-transform:uppercase}._table_yerpo_1 thead tr th{align-items:center;height:4rem;padding:0 1rem;line-height:1rem;border-bottom:.0625rem solid var(--gray-25)}._table_yerpo_1 thead tr th ._th__wrapper_yerpo_43>span,._table_yerpo_1 thead tr th ._th__wrapper_yerpo_43 span+span{display:inline-flex;align-items:center}._table_yerpo_1 thead tr th ._th__wrapper--pressed_yerpo_48{padding:.25rem .5rem;margin:0 -.5rem;background-color:var(--gray-10);border-radius:.375rem}._table_yerpo_1 thead tr th ._th__wrapper--clickable_yerpo_54{cursor:pointer}._table_yerpo_1 thead tr th ._th__wrapper_yerpo_43 ._th__sort-icon-container_yerpo_57{padding-left:.25rem}._table_yerpo_1 tbody{font-size:1rem;font-weight:400;line-height:1.3125rem;color:var(--gray-90)}._table_yerpo_1 tbody tr:hover:not(._tr__row-or-cell--disabled_yerpo_66){background-color:rgb(var(--gray-5-rgb),.5)}._table_yerpo_1 tbody ._tr_yerpo_66,._table_yerpo_1 tbody ._td_yerpo_70{height:3.5rem;padding:0 1rem;line-height:var(--body-line-height);border-bottom:.0625rem solid var(--gray-10)}._table_yerpo_1 tbody ._tr__row-or-cell--clickable_yerpo_76,._table_yerpo_1 tbody ._td__row-or-cell--clickable_yerpo_77{cursor:pointer}._table_yerpo_1 tbody ._tr__row-or-cell--disabled_yerpo_66,._table_yerpo_1 tbody ._td__row-or-cell--disabled_yerpo_81{background:var(--cream);filter:grayscale(1)}._table_yerpo_1 tbody ._tr__row-or-cell--disabled_yerpo_66 ._td-wrapper_yerpo_85,._table_yerpo_1 tbody ._td__row-or-cell--disabled_yerpo_81 ._td-wrapper_yerpo_85{opacity:.25}
@@ -1 +1 @@
1
- ._tabs_18ymz_1{gap:8px;width:100%}._tabs__tab_18ymz_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:var(--white-100);border:none}._tabs__tab_18ymz_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_18ymz_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_18ymz_22{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_18ymz_22:focus,._tabs__tab--disabled_18ymz_22:active,._tabs__tab--disabled_18ymz_22:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_18ymz_31{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_18ymz_35{width:100%;margin-top:16px}
1
+ ._tabs_1xfbu_1{gap:8px;width:100%}._tabs__tab_1xfbu_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent}._tabs__tab_1xfbu_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_1xfbu_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_1xfbu_23{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_1xfbu_23:focus,._tabs__tab--disabled_1xfbu_23:active,._tabs__tab--disabled_1xfbu_23:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_1xfbu_32{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_1xfbu_36{width:100%;margin-top:16px}
@@ -1 +1 @@
1
- ._u-typography-h1_1rzg2_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1rzg2_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1rzg2_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1rzg2_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1rzg2_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1rzg2_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1rzg2_43,._toggle__label_1rzg2_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1rzg2_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1rzg2_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1rzg2_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1rzg2_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1rzg2_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1rzg2_67{text-decoration:line-through}._u-typography-base--underlined_1rzg2_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_1rzg2_73{text-decoration:underline line-through}._toggle_1rzg2_43{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_1rzg2_84{width:2.25rem;height:1.5rem}._toggle_1rzg2_43 ._input_1rzg2_88{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_1rzg2_43 ._thumb_1rzg2_99{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_1rzg2_43 ._track_1rzg2_113{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_1rzg2_123._toggle__toggle-el-wrapper_1rzg2_84 ._track_1rzg2_113{border:1px solid var(--black-100);opacity:1}._toggle--checked_1rzg2_127._toggle__toggle-el-wrapper_1rzg2_84 ._thumb_1rzg2_99{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_1rzg2_127._toggle__toggle-el-wrapper_1rzg2_84 ._track_1rzg2_113{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_1rzg2_43{color:var(--gray-75)}._toggle__toggle-el-wrapper_1rzg2_84:hover:not(._toggle--focus-visible_1rzg2_123,._toggle--checked_1rzg2_127,._toggle--disabled_1rzg2_140) ._track_1rzg2_113{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_1rzg2_84:hover:not(._toggle--focus-visible_1rzg2_123,._toggle--checked_1rzg2_127,._toggle--disabled_1rzg2_140) ._thumb_1rzg2_99{opacity:1}._toggle_1rzg2_43:has(._toggle__toggle-el-wrapper_1rzg2_84:hover:not(._toggle--focus-visible_1rzg2_123,._toggle--checked_1rzg2_127,._toggle--disabled_1rzg2_140)) ._toggle__label_1rzg2_43{color:var(--black-100)}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle__label_1rzg2_43{color:var(--gray-50)}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._track_1rzg2_113{border-color:#dbdae266}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._thumb_1rzg2_99{background-color:var(--gray-25);opacity:1}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle--checked_1rzg2_127 ._toggle__label_1rzg2_43{font-weight:900;color:var(--accent)}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle--checked_1rzg2_127 ._thumb_1rzg2_99{left:1.125rem;background-color:var(--accent);opacity:1}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle--checked_1rzg2_127 ._track_1rzg2_113{background:var(--accent);box-shadow:none;opacity:.4}._toggle_1rzg2_43:has(._toggle--checked_1rzg2_127) ._toggle__label_1rzg2_43{font-weight:900;color:var(--accent)}._toggle_1rzg2_43:has(._toggle--focus-visible_1rzg2_123) ._toggle__label_1rzg2_43{color:var(--black-100)}
1
+ ._u-typography-h1_p0gq9_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_p0gq9_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_p0gq9_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_p0gq9_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_p0gq9_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_p0gq9_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_p0gq9_43,._toggle__label_p0gq9_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_p0gq9_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_p0gq9_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_p0gq9_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_p0gq9_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_p0gq9_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_p0gq9_68{text-decoration:line-through}._u-typography-base--underlined_p0gq9_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_p0gq9_74{text-decoration:underline line-through}._toggle_p0gq9_43{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_p0gq9_85{width:2.25rem;height:1.5rem}._toggle_p0gq9_43 ._input_p0gq9_89{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_p0gq9_43 ._thumb_p0gq9_100{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_p0gq9_43 ._track_p0gq9_114{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_p0gq9_124._toggle__toggle-el-wrapper_p0gq9_85 ._track_p0gq9_114{border:1px solid var(--black-100);opacity:1}._toggle--checked_p0gq9_128._toggle__toggle-el-wrapper_p0gq9_85 ._thumb_p0gq9_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_p0gq9_128._toggle__toggle-el-wrapper_p0gq9_85 ._track_p0gq9_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_p0gq9_43{color:var(--gray-75)}._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141) ._track_p0gq9_114{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141) ._thumb_p0gq9_100{opacity:1}._toggle_p0gq9_43:has(._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141)) ._toggle__label_p0gq9_43{color:var(--black-100)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle__label_p0gq9_43{color:var(--gray-50)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._track_p0gq9_114{border-color:#dbdae266}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._thumb_p0gq9_100{background-color:var(--gray-25);opacity:1}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._toggle__label_p0gq9_43{font-weight:900;color:var(--accent)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._thumb_p0gq9_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._track_p0gq9_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle_p0gq9_43:has(._toggle--checked_p0gq9_128) ._toggle__label_p0gq9_43{font-weight:900;color:var(--accent)}._toggle_p0gq9_43:has(._toggle--focus-visible_p0gq9_124) ._toggle__label_p0gq9_43{color:var(--black-100)}
@@ -1 +1 @@
1
- ._u-typography-h1_ccpk4_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_ccpk4_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_ccpk4_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_ccpk4_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_ccpk4_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_ccpk4_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_ccpk4_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_ccpk4_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_ccpk4_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_ccpk4_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_ccpk4_60,._chip_ccpk4_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_ccpk4_64,._chip_ccpk4_60{font-weight:var(--base-bold)}._u-typography-base--strikethrough_ccpk4_67{text-decoration:line-through}._u-typography-base--underlined_ccpk4_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_ccpk4_73{text-decoration:underline line-through}._chip_ccpk4_60{display:flex;align-items:center;width:fit-content;padding:.375rem .5rem;background-color:var(--cream);border-width:1px;border-radius:calc(var(--border-radius-soft) * 4)}._chip_ccpk4_60:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_ccpk4_89{cursor:pointer;border-color:transparent}._chip--button_ccpk4_89:disabled{cursor:initial}._chip--button_ccpk4_89:focus-visible{outline:none}._chip--button_ccpk4_89:focus{outline:2px solid var(--black-100)}._chip--outlined_ccpk4_102{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_ccpk4_108{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_ccpk4_114{display:flex;align-items:center;margin-right:.5rem}._chip__remove_ccpk4_119{display:flex;margin-left:.5rem}._chip__remove_ccpk4_119:focus-visible{outline:none}._chip__remove_ccpk4_119:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_ccpk4_130{cursor:default}._chip-loading_ccpk4_134{display:inline-flex;width:6rem;height:2rem;border-radius:4rem}._row-item_o8krl_1{border:1px solid var(--gray-10);border-radius:6px;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}._row-item_o8krl_1:focus-visible{outline:none}._row-item_o8krl_1:focus{outline:2px solid var(--black-100)}._row-item--clickable_o8krl_15{cursor:pointer}._row-item__content_o8krl_18{padding-left:1rem;padding-right:1rem;flex-grow:1;margin:0;display:flex;justify-content:space-between;align-items:center;text-align:center}._row-item__content_o8krl_18:focus-visible{outline:none}._row-item__content_o8krl_18:focus{outline:2px solid var(--black-100)}
1
+ ._u-typography-h1_1wvod_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1wvod_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1wvod_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1wvod_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1wvod_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1wvod_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1wvod_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1wvod_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1wvod_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1wvod_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1wvod_61,._chip_1wvod_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1wvod_65,._chip_1wvod_61{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1wvod_68{text-decoration:line-through}._u-typography-base--underlined_1wvod_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1wvod_74{text-decoration:underline line-through}._chip_1wvod_61{display:flex;align-items:center;width:fit-content;padding:.375rem .5rem;background-color:var(--cream);border-width:1px;border-radius:calc(var(--border-radius-soft) * 4)}._chip_1wvod_61:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_1wvod_90{cursor:pointer;border-color:transparent}._chip--button_1wvod_90:disabled{pointer-events:none;cursor:initial}._chip--button_1wvod_90:focus-visible{outline:none}._chip--button_1wvod_90:focus{outline:2px solid var(--black-100)}._chip--outlined_1wvod_104{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_1wvod_110{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_1wvod_116{display:flex;align-items:center;margin-right:.5rem}._chip__remove_1wvod_121{display:flex;margin-left:.5rem;cursor:pointer}._chip__remove_1wvod_121:focus-visible{outline:none}._chip__remove_1wvod_121:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_1wvod_133{cursor:default}._chip-loading_1wvod_137{display:inline-flex;min-width:6rem;height:2rem;border-radius:4rem}._row-item_8z1a0_1{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:1px solid var(--gray-10);border-radius:6px;outline:none}._row-item_8z1a0_1:focus-visible{outline:none}._row-item--clickable_8z1a0_13{cursor:pointer}._row-item--clickable_8z1a0_13:focus{outline:2px solid var(--black-100)}._row-item--disabled_8z1a0_19{cursor:not-allowed}._row-item__content_8z1a0_22{display:flex;flex-grow:1;align-items:center;justify-content:space-between;padding-right:1rem;padding-left:1rem;margin:0;text-align:center}._row-item__content_8z1a0_22:focus-visible{outline:none}._row-item__content_8z1a0_22:focus{outline:2px solid var(--black-100)}
@@ -1 +1 @@
1
- ._u-typography-h1_zizdh_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_zizdh_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_zizdh_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_zizdh_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_zizdh_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_zizdh_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_zizdh_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_zizdh_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_zizdh_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_zizdh_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_zizdh_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_zizdh_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_zizdh_67{text-decoration:line-through}._u-typography-base--underlined_zizdh_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_zizdh_73{text-decoration:underline line-through}
1
+ ._u-typography-h1_gn8st_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_gn8st_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_gn8st_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_gn8st_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_gn8st_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_gn8st_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_gn8st_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_gn8st_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_gn8st_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_gn8st_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_gn8st_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_gn8st_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_gn8st_68{text-decoration:line-through}._u-typography-base--underlined_gn8st_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_gn8st_74{text-decoration:underline line-through}
@@ -1,4 +1,4 @@
1
- import { f as E, b as a } from "./useSlotProps-kRhf7Gil.js";
1
+ import { f as E, b as a } from "./useSlotProps-C_I1kEHr.js";
2
2
  import * as r from "react";
3
3
  const f = {
4
4
  blur: "list:blur",
@@ -1,11 +1,20 @@
1
1
  import { IconProps } from '../Icon/Icon.tsx';
2
+ import { Either } from '../../types/helpers';
3
+ import { ReactNode } from 'react';
2
4
 
3
- export type AdornmentSlotProps = IconProps & {
5
+ export type AdornmentSlotProps = {
4
6
  /** Any additional classes to apply to the adornment */
5
7
  className?: string;
6
8
  /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the adornment */
7
9
  'data-testid'?: string;
10
+ };
11
+ export type MarolaIconAdornment = AdornmentSlotProps & Partial<IconProps> & {
8
12
  /** Whether to render in a disabled state */
9
13
  disabled?: boolean;
10
14
  };
11
- export declare const Adornment: (props: AdornmentSlotProps) => import("react/jsx-runtime").JSX.Element;
15
+ export type CustomIconAdornment = AdornmentSlotProps & {
16
+ /** Render a complete custom icon outside of Marola icon system */
17
+ customIcon: ReactNode;
18
+ };
19
+ export type AdornmentProps = Either<CustomIconAdornment, MarolaIconAdornment>;
20
+ export declare const Adornment: (props: AdornmentProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +1,12 @@
1
1
  import '../../assets/Adornment.css';
2
- import { jsx as r } from "react/jsx-runtime";
3
- import { c as t } from "../../clsx-DB4S2d7J.js";
4
- import { Icon as m } from "../Icon/Icon.js";
2
+ import { jsx as n } from "react/jsx-runtime";
3
+ import { c } from "../../clsx-DB4S2d7J.js";
4
+ import { Icon as d } from "../Icon/Icon.js";
5
5
  const l = "_adornment_1bwrg_1", i = {
6
6
  adornment: l
7
- }, g = (o) => {
8
- const { color: s, disabled: n = !1, className: a, ...e } = o, c = t(a), d = n ? "rgb(var(--gray-95-rgb), 0.4)" : s;
9
- return /* @__PURE__ */ r("span", { className: t(i.adornment, c), "data-testid": o["data-testid"], children: /* @__PURE__ */ r(m, { color: d, ...e }) });
7
+ }, g = (t) => {
8
+ const e = c(t.className), { disabled: a, icon: m } = t, o = a ? "rgb(var(--gray-95-rgb), 0.4)" : t == null ? void 0 : t.color;
9
+ return /* @__PURE__ */ n("span", { className: c(i.adornment, e), "data-testid": t["data-testid"], children: t != null && t.customIcon ? t == null ? void 0 : t.customIcon : /* @__PURE__ */ n(d, { color: o, icon: m, size: t.size }) });
10
10
  };
11
11
  export {
12
12
  g as Adornment
@@ -0,0 +1,14 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: (props: import('./Adornment').AdornmentProps) => import("react/jsx-runtime").JSX.Element;
6
+ tags: string[];
7
+ parameters: {
8
+ layout: string;
9
+ };
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const WithMarolaIcon: Story;
14
+ export declare const WithCustomIcon: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -1,30 +1,45 @@
1
- import { Icon } from '../Icon/Icon';
1
+ import { TypographyProps } from '../Typography/Typography';
2
+ import { IconProps } from '../Icon/Icon';
2
3
  import { ReactNode } from 'react';
3
4
 
4
- export type AdviceTypes = 'without-results' | 'no-permission' | 'no-items' | 'error-page';
5
- export type AdviceProps = {
6
- /** Advice icon.
7
- * This property uses the Icon Component Props
8
- */
9
- icon?: React.ComponentProps<typeof Icon>;
10
- /** Advice SVG icon */
11
- IconSvg?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
12
- title?: string | undefined;
13
- }>;
14
- /** Type of advice */
15
- type?: AdviceTypes;
5
+ export type AdviceType = 'without-results' | 'no-permission' | 'no-items' | 'error-page';
6
+ type AdviceCommonProps = {
7
+ /** Advice title message */
8
+ title?: ReactNode;
9
+ /** Advice title message props */
10
+ titleProps?: Omit<TypographyProps, 'children'>;
11
+ /** Advice description message */
12
+ description?: ReactNode;
13
+ /** Advice description message props */
14
+ descriptionProps?: Omit<TypographyProps, 'children'>;
16
15
  /** Advice content message */
17
16
  content?: ReactNode;
18
- title?: string;
19
- description?: string;
20
- /** Space seperated list of CSS classes to apply */
17
+ /** Space separated list of CSS classes to apply */
21
18
  className?: string;
22
19
  /** ID that tests can use to get this component from the DOM */
23
20
  'data-testid'?: string;
21
+ type?: never;
22
+ icon?: never;
23
+ iconSvg?: never;
24
+ };
25
+ type AdviceWithType = Omit<AdviceCommonProps, 'type'> & {
26
+ /** Type of advice */
27
+ type?: AdviceType;
28
+ };
29
+ type AdviceWithIcon = Omit<AdviceCommonProps, 'icon'> & {
30
+ /** Advice icon.
31
+ * This property uses the Icon Component Props
32
+ */
33
+ icon?: IconProps;
34
+ };
35
+ type AdviceWithIconSvg = Omit<AdviceCommonProps, 'iconSvg'> & {
36
+ /** Advice SVG icon */
37
+ iconSvg?: ReactNode;
24
38
  };
39
+ export type AdviceProps = AdviceWithType | AdviceWithIcon | AdviceWithIconSvg;
25
40
  /**
26
41
  * Advice component provide HTML with an icon and a message.
27
42
  * Is commonly used to indicate No Permission and No Results.
28
43
  */
29
- declare const Advice: ({ icon, type, content, title, description, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
44
+ declare const Advice: ({ type, icon, iconSvg: IconSvg, content, title, titleProps, description, descriptionProps, className, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
30
45
  export { Advice };
@@ -1,47 +1,46 @@
1
1
  import '../../assets/Advice.css';
2
- import { jsxs as h, jsx as r } from "react/jsx-runtime";
3
- import { c as l } from "../../clsx-DB4S2d7J.js";
4
- import { Icon as i } from "../Icon/Icon.js";
5
- const n = "_advice_12o7p_56", d = "_content_12o7p_56", s = {
6
- "u-typography-h1": "_u-typography-h1_12o7p_1",
7
- "u-typography-h2": "_u-typography-h2_12o7p_8",
8
- "u-typography-h3": "_u-typography-h3_12o7p_15",
9
- "u-typography-h4": "_u-typography-h4_12o7p_22",
10
- "u-typography-h5": "_u-typography-h5_12o7p_29",
11
- "u-typography-h6": "_u-typography-h6_12o7p_36",
12
- "u-typography-base": "_u-typography-base_12o7p_43",
13
- "u-typography-base--xxl": "_u-typography-base--xxl_12o7p_48",
14
- "u-typography-base--xl": "_u-typography-base--xl_12o7p_52",
15
- "u-typography-base--lg": "_u-typography-base--lg_12o7p_56",
16
- advice: n,
17
- content: d,
18
- "u-typography-base--sm": "_u-typography-base--sm_12o7p_61",
19
- "u-typography-base--bold": "_u-typography-base--bold_12o7p_65",
20
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_12o7p_69",
21
- "u-typography-base--underlined": "_u-typography-base--underlined_12o7p_72",
22
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_12o7p_75",
23
- "content-no-items": "_content-no-items_12o7p_90"
24
- }, m = {
2
+ import { jsxs as _, jsx as r } from "react/jsx-runtime";
3
+ import { c as g } from "../../clsx-DB4S2d7J.js";
4
+ import { Icon as h } from "../Icon/Icon.js";
5
+ import { Typography as m } from "../Typography/Typography.js";
6
+ const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
7
+ advice: x,
8
+ advice__texts: f,
9
+ advice__content: u
10
+ }, b = {
25
11
  "no-permission": "eye-slash",
26
12
  "no-items": "",
27
13
  "error-page": "circle-exclamation",
28
14
  "without-results": "folder-magnifying-glass"
29
- }, v = ({ icon: p, type: o, content: e, title: y, description: _, className: g, IconSvg: t, ...u }) => {
30
- const a = {
31
- color: p != null && p.color ? p == null ? void 0 : p.color : o !== "error-page" ? "var(--accent)" : "var(--secondary-orange)",
32
- size: (p == null ? void 0 : p.size) || "3.375rem",
33
- icon: m[o] || (p == null ? void 0 : p.icon) || ""
34
- };
35
- return /* @__PURE__ */ h("div", { className: l(s.advice, g), ...u, children: [
36
- t && o !== "no-items" && o !== "error-page" && /* @__PURE__ */ r(t, { style: { color: a.color, height: a.size, width: a.size } }),
37
- !t && o !== "no-items" && /* @__PURE__ */ r(i, { ...a }),
38
- o !== "error-page" && o !== "no-items" ? typeof e == "string" ? /* @__PURE__ */ r("p", { children: e }) : /* @__PURE__ */ r("div", { className: s.content, children: e }) : /* @__PURE__ */ h("div", { className: s["content-no-items"], children: [
39
- /* @__PURE__ */ r("h3", { children: y }),
40
- /* @__PURE__ */ r("p", { children: _ }),
41
- e
42
- ] })
43
- ] });
44
- };
15
+ }, T = ({
16
+ type: e,
17
+ icon: a,
18
+ iconSvg: i,
19
+ content: t,
20
+ title: l,
21
+ titleProps: o = { variant: "base-xxl", color: "var(--gray-75)", bold: !0 },
22
+ description: n,
23
+ descriptionProps: s = { variant: "base-lg", color: "var(--gray-75)" },
24
+ className: v,
25
+ ...d
26
+ }) => (e && (a = { icon: b[e] }, (e === "without-results" || e === "no-permission") && (o = Object.assign({}, o, { variant: "base-lg" })), e === "no-items" && (s = Object.assign({}, s, {
27
+ elementProps: { style: { maxWidth: 460, color: s.color } }
28
+ })), e === "error-page" && (a.color = "var(--secondary-orange)")), /* @__PURE__ */ _("div", { className: g(c.advice, v), ...d, children: [
29
+ (a == null ? void 0 : a.icon) && /* @__PURE__ */ r(h, { icon: a.icon, size: a.size || "3.375rem", color: a.color || "var(--accent)" }),
30
+ i && i,
31
+ /* @__PURE__ */ _(
32
+ "div",
33
+ {
34
+ className: c.advice__texts,
35
+ style: e === "without-results" || e === "no-permission" ? { marginTop: -16 } : {},
36
+ children: [
37
+ l && /* @__PURE__ */ r(m, { element: "h3", ...o, children: l }),
38
+ n && /* @__PURE__ */ r(m, { element: "p", ...s, children: n })
39
+ ]
40
+ }
41
+ ),
42
+ /* @__PURE__ */ r("div", { className: c.advice__content, children: t && t })
43
+ ] }));
45
44
  export {
46
- v as Advice
45
+ T as Advice
47
46
  };
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ icon, type, content, title, description, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ type, icon, iconSvg: IconSvg, content, title, titleProps, description, descriptionProps, className, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  parameters: {
8
8
  layout: string;
@@ -12,7 +12,8 @@ export default meta;
12
12
  type Story = StoryObj<typeof meta>;
13
13
  export declare const WithoutResults: Story;
14
14
  export declare const NoPermission: Story;
15
- export declare const CustomIcon: Story;
16
- export declare const CustomIconSVG: Story;
17
15
  export declare const NoItems: Story;
18
16
  export declare const ErrorPage: Story;
17
+ export declare const CustomIcon: Story;
18
+ export declare const CustomIconSVG: Story;
19
+ export declare const TotallyCustom: Story;
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ type AlertType = 'success' | 'error' | 'info' | 'warning' | 'default';
4
+ type AlertProps = {
5
+ type?: AlertType;
6
+ children: ReactNode;
7
+ 'data-testid'?: string;
8
+ onClose?: () => void;
9
+ };
10
+ export declare const Alert: ({ type, children, "data-testid": dataTestId, onClose }: AlertProps) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,46 @@
1
+ import '../../assets/Alert.css';
2
+ import { jsxs as _, jsx as a } from "react/jsx-runtime";
3
+ import { c as y } from "../../clsx-DB4S2d7J.js";
4
+ import { Icon as s } from "../Icon/Icon.js";
5
+ const h = "_container_9p2mz_78", t = {
6
+ "u-typography-h1": "_u-typography-h1_9p2mz_1",
7
+ "u-typography-h2": "_u-typography-h2_9p2mz_8",
8
+ "u-typography-h3": "_u-typography-h3_9p2mz_15",
9
+ "u-typography-h4": "_u-typography-h4_9p2mz_22",
10
+ "u-typography-h5": "_u-typography-h5_9p2mz_29",
11
+ "u-typography-h6": "_u-typography-h6_9p2mz_36",
12
+ "u-typography-base": "_u-typography-base_9p2mz_43",
13
+ "u-typography-base--xxl": "_u-typography-base--xxl_9p2mz_49",
14
+ "u-typography-base--xl": "_u-typography-base--xl_9p2mz_53",
15
+ "u-typography-base--lg": "_u-typography-base--lg_9p2mz_57",
16
+ "u-typography-base--sm": "_u-typography-base--sm_9p2mz_61",
17
+ "u-typography-base--bold": "_u-typography-base--bold_9p2mz_65",
18
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_9p2mz_68",
19
+ "u-typography-base--underlined": "_u-typography-base--underlined_9p2mz_71",
20
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_9p2mz_74",
21
+ container: h,
22
+ "container--success": "_container--success_9p2mz_84",
23
+ "container--warning": "_container--warning_9p2mz_88",
24
+ "container--error": "_container--error_9p2mz_92",
25
+ "container--info": "_container--info_9p2mz_96",
26
+ "container--default": "_container--default_9p2mz_100",
27
+ "container--close-icon": "_container--close-icon_9p2mz_104",
28
+ "container--content": "_container--content_9p2mz_109"
29
+ }, g = ({ type: r = "default", children: e, "data-testid": p, onClose: o }) => {
30
+ const n = y(t.container, t[`container--${r}`]);
31
+ return /* @__PURE__ */ _("div", { "data-testid": p, className: n, children: [
32
+ /* @__PURE__ */ a("div", { className: t["container--content"], children: e }),
33
+ !!o && /* @__PURE__ */ a(
34
+ "div",
35
+ {
36
+ "data-testid": `${p}-close-button`,
37
+ onClick: () => o(),
38
+ className: t["container--close-icon"],
39
+ children: /* @__PURE__ */ a(s, { icon: "xmark" })
40
+ }
41
+ )
42
+ ] });
43
+ };
44
+ export {
45
+ g as Alert
46
+ };
@@ -0,0 +1,24 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ type, children, "data-testid": dataTestId, onClose }: {
6
+ type?: ("default" | "error" | "success" | "info" | "warning") | undefined;
7
+ children: import('react').ReactNode;
8
+ 'data-testid'?: string | undefined;
9
+ onClose?: (() => void) | undefined;
10
+ }) => import("react/jsx-runtime").JSX.Element;
11
+ tags: string[];
12
+ parameters: {
13
+ layout: string;
14
+ };
15
+ };
16
+ export default meta;
17
+ type Story = StoryObj<typeof meta>;
18
+ export declare const General: Story;
19
+ export declare const Success: Story;
20
+ export declare const Error: Story;
21
+ export declare const Warning: Story;
22
+ export declare const Info: Story;
23
+ export declare const WithCloseButton: Story;
24
+ export declare const WithCustomAction: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -1,50 +1,20 @@
1
- import { InputHTMLAttributes, ReactNode, SyntheticEvent } from 'react';
1
+ import { InputProps } from '../Input/Input.tsx';
2
+ import { SyntheticEvent } from 'react';
2
3
 
3
- type AutocompleteProps<T> = InputHTMLAttributes<HTMLInputElement> & {
4
- /** Label text */
5
- label?: string;
4
+ export type AutocompleteProps<T> = Omit<InputProps, 'onChange' | 'value'> & {
5
+ /** Object key to be used as label when options are an array of object */
6
+ labelKey?: T extends object ? keyof T : never;
7
+ /** Object key to be used as value when options are an array of object */
8
+ valueKey?: T extends object ? keyof T : never;
9
+ /** Value */
10
+ value?: T;
6
11
  /** Options array */
7
12
  options?: Array<T>;
8
13
  /** callback for new option selected */
9
14
  onChange?: (event: SyntheticEvent<Element, Event>, newValue: T) => void;
10
- /** Info message text */
11
- infoMessage?: string;
12
- /** Error message text */
13
- errorMessage?: string;
14
- /** Left icon element */
15
- leftIcon?: ReactNode;
16
- /** Right icon element */
17
- rightIcon?: ReactNode;
18
- /** Input type. Default: text */
19
- type?: 'text' | 'password' | 'search';
20
- /** Hide the chars counter */
21
- hideCharsCounter?: boolean;
22
- /** CSS classes to be applied on the container element */
23
- classNameWrapper?: string;
24
- /** CSS classes to be applied on the label element */
25
- classNameLabel?: string;
26
- /** CSS classes to be applied on the input element */
27
- classNameInput?: string;
28
- /** CSS classes to be applied on the info message element */
29
- classNameInfoMessage?: string;
30
- /** CSS classes to be applied on the error message element */
31
- classNameErrorMessage?: string;
32
- /** CSS classes to be applied on the chars counter element */
33
- classNameCharsCounter?: string;
15
+ /** callback when characters are entered into the input box */
16
+ onInputChange?: (event: SyntheticEvent<Element, Event>, newValue: string) => void;
34
17
  /** Id to be applied as `data-testid` on the container element */
35
18
  'data-testid-wrapper'?: string;
36
- /** Id to be applied as `data-testid` on the label element */
37
- 'data-testid-label'?: string;
38
- /** Id to be applied as `data-testid` on the input element */
39
- 'data-testid-input'?: string;
40
- /** Id to be applied as `data-testid` on the info message element */
41
- 'data-testid-infoMessage'?: string;
42
- /** Id to be applied as `data-testid` on the error message element */
43
- 'data-testid-errorMessage'?: string;
44
- /** Id to be applied as `data-testid` on the chars counter element */
45
- 'data-testid-charsCounter'?: string;
46
19
  };
47
- export declare const Autocomplete: <T extends string | (object & {
48
- label: string;
49
- })>({ label, type, options, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, maxLength, onChange, classNameLabel, classNameInput, classNameErrorMessage, classNameInfoMessage, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, ...rest }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
50
- export {};
20
+ export declare const Autocomplete: <T extends string | object>({ labelKey, valueKey, options, type, value, onChange, onInputChange, "data-testid-wrapper": dataTestId, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;