@alto-avios/alto-ui 5.1.2 → 5.3.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 (181) hide show
  1. package/dist/CalendarDate-uEuHKGse.js +2 -0
  2. package/dist/CalendarDate-uEuHKGse.js.map +1 -0
  3. package/dist/{DateField-oLDKE7Lh.js → DateField-rBq9QuR6.js} +4 -4
  4. package/dist/DateField-rBq9QuR6.js.map +1 -0
  5. package/dist/DatePicker.module-DlLCFGCM.js +2 -0
  6. package/dist/DatePicker.module-DlLCFGCM.js.map +1 -0
  7. package/dist/assets/Accordion.css +1 -1
  8. package/dist/assets/AviosCurrency.css +1 -1
  9. package/dist/assets/AviosCurrencyBadge.css +1 -1
  10. package/dist/assets/AviosCurrencySymbol.css +1 -1
  11. package/dist/assets/Badge.css +1 -1
  12. package/dist/assets/BannerSectionContent.css +1 -0
  13. package/dist/assets/BannerSectionPlectrum.css +1 -0
  14. package/dist/assets/BoxLink.css +1 -0
  15. package/dist/assets/Button.css +1 -1
  16. package/dist/assets/CalloutBanner.css +1 -1
  17. package/dist/assets/Checkbox.css +1 -1
  18. package/dist/assets/ClearFieldButton.css +1 -1
  19. package/dist/assets/Dialog.css +1 -1
  20. package/dist/assets/ErrorSummary.css +1 -1
  21. package/dist/assets/IntroSection.css +1 -0
  22. package/dist/assets/Link.css +1 -1
  23. package/dist/assets/ProductTile.css +1 -0
  24. package/dist/assets/Radio.css +1 -1
  25. package/dist/assets/SelectCard.css +1 -1
  26. package/dist/assets/Tag.css +1 -1
  27. package/dist/components/Accordion/Accordion.js +12 -12
  28. package/dist/components/Accordion/Accordion.js.map +1 -1
  29. package/dist/components/AviosBadge/AviosBadge.js.map +1 -1
  30. package/dist/components/AviosCurrency/AviosCurrency.js +4 -4
  31. package/dist/components/AviosCurrency/AviosCurrency.js.map +1 -1
  32. package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.js +2 -2
  33. package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.js.map +1 -1
  34. package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js +6 -6
  35. package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js.map +1 -1
  36. package/dist/components/Badge/Badge.js +2 -2
  37. package/dist/components/Badge/Badge.js.map +1 -1
  38. package/dist/components/BannerSectionContent/BannerSectionContent.d.ts +31 -0
  39. package/dist/components/BannerSectionContent/BannerSectionContent.js +5 -0
  40. package/dist/components/BannerSectionContent/BannerSectionContent.js.map +1 -0
  41. package/dist/components/BannerSectionContent/index.d.ts +2 -0
  42. package/dist/components/BannerSectionContent/index.js +2 -0
  43. package/dist/components/BannerSectionContent/index.js.map +1 -0
  44. package/dist/components/BannerSectionPlectrum/BannerSectionPlectrum.d.ts +39 -0
  45. package/dist/components/BannerSectionPlectrum/BannerSectionPlectrum.js +9 -0
  46. package/dist/components/BannerSectionPlectrum/BannerSectionPlectrum.js.map +1 -0
  47. package/dist/components/BannerSectionPlectrum/index.d.ts +2 -0
  48. package/dist/components/BannerSectionPlectrum/index.js +2 -0
  49. package/dist/components/BannerSectionPlectrum/index.js.map +1 -0
  50. package/dist/components/Box/Box.js +2 -2
  51. package/dist/components/BoxLink/BoxLink.d.ts +52 -0
  52. package/dist/components/BoxLink/BoxLink.js +3 -0
  53. package/dist/components/BoxLink/BoxLink.js.map +1 -0
  54. package/dist/components/BoxLink/BoxLinkContext.d.ts +24 -0
  55. package/dist/components/BoxLink/BoxLinkContext.js +2 -0
  56. package/dist/components/BoxLink/BoxLinkContext.js.map +1 -0
  57. package/dist/components/BoxLink/index.d.ts +4 -0
  58. package/dist/components/BoxLink/index.js +2 -0
  59. package/dist/components/BoxLink/index.js.map +1 -0
  60. package/dist/components/Button/Button.d.ts +12 -83
  61. package/dist/components/Button/Button.js +3 -3
  62. package/dist/components/Button/Button.js.map +1 -1
  63. package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
  64. package/dist/components/Calendar/Calendar.js +1 -1
  65. package/dist/components/CalendarRange/CalendarRange.js +1 -1
  66. package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
  67. package/dist/components/CalloutBanner/CalloutBanner.js +9 -9
  68. package/dist/components/CardSection/CardSection.js +1 -1
  69. package/dist/components/Carousel/Carousel.d.ts +8 -1
  70. package/dist/components/Carousel/Carousel.js +7 -7
  71. package/dist/components/Carousel/Carousel.js.map +1 -1
  72. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  73. package/dist/components/Checkbox/Checkbox.js +5 -5
  74. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  75. package/dist/components/ClearFieldButton/ClearFieldButton.js +2 -1
  76. package/dist/components/ClearFieldButton/ClearFieldButton.js.map +1 -1
  77. package/dist/components/CreditCardNumberField/CreditCardNumberField.js +1 -1
  78. package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +1 -1
  79. package/dist/components/Currency/Currency.js +1 -1
  80. package/dist/components/DateField/DateField.d.ts +5 -1
  81. package/dist/components/DateField/DateField.js +1 -1
  82. package/dist/components/DateField/index.js +1 -1
  83. package/dist/components/DatePicker/DatePicker.js +3 -3
  84. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  85. package/dist/components/DateRangePicker/DateRangePicker.js +3 -3
  86. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  87. package/dist/components/Dialog/Dialog.js +5 -5
  88. package/dist/components/ErrorSummary/ErrorSummary.js +2 -2
  89. package/dist/components/Eyebrow/Eyebrow.js +1 -1
  90. package/dist/components/Form/Form.js +1 -1
  91. package/dist/components/Grid/Grid.d.ts +3 -3
  92. package/dist/components/Grid/Grid.js.map +1 -1
  93. package/dist/components/Heading/Heading.js +2 -2
  94. package/dist/components/Icon/Icon.js +1 -1
  95. package/dist/components/IconBackdrop/IconBackdrop.js +1 -1
  96. package/dist/components/IconButton/IconButton.js +1 -1
  97. package/dist/components/IconButton/IconButton.js.map +1 -1
  98. package/dist/components/Image/Image.js +1 -1
  99. package/dist/components/IntroSection/IntroSection.d.ts +42 -0
  100. package/dist/components/IntroSection/IntroSection.js +4 -0
  101. package/dist/components/IntroSection/IntroSection.js.map +1 -0
  102. package/dist/components/IntroSection/index.d.ts +2 -0
  103. package/dist/components/IntroSection/index.js +2 -0
  104. package/dist/components/IntroSection/index.js.map +1 -0
  105. package/dist/components/Label/Label.js +1 -1
  106. package/dist/components/Link/Link.d.ts +7 -2
  107. package/dist/components/Link/Link.js +3 -3
  108. package/dist/components/Link/Link.js.map +1 -1
  109. package/dist/components/LoadingSpinner/LoadingSpinner.js +1 -1
  110. package/dist/components/Menu/Menu.d.ts +8 -36
  111. package/dist/components/Menu/Menu.js +1 -1
  112. package/dist/components/Menu/Menu.js.map +1 -1
  113. package/dist/components/NumberField/NumberField.js +2 -2
  114. package/dist/components/NumberField/NumberField.js.map +1 -1
  115. package/dist/components/Paragraph/Paragraph.js +1 -1
  116. package/dist/components/PasswordField/PasswordField.js +1 -1
  117. package/dist/components/PhoneNumberField/PhoneNumberField.js +1 -1
  118. package/dist/components/ProductTile/ProductTile.d.ts +51 -0
  119. package/dist/components/ProductTile/ProductTile.js +7 -0
  120. package/dist/components/ProductTile/ProductTile.js.map +1 -0
  121. package/dist/components/ProductTile/index.d.ts +2 -0
  122. package/dist/components/ProductTile/index.js +2 -0
  123. package/dist/components/ProductTile/index.js.map +1 -0
  124. package/dist/components/Radio/Radio.js +1 -1
  125. package/dist/components/Section/Section.js +1 -1
  126. package/dist/components/SelectCard/SelectCard.js +5 -5
  127. package/dist/components/Spacer/Spacer.js +1 -1
  128. package/dist/components/SubHeading/SubHeading.js +1 -1
  129. package/dist/components/Tabs/TabList.js +1 -1
  130. package/dist/components/Tabs/Tabs.js +1 -1
  131. package/dist/components/Tag/Tag.js +2 -2
  132. package/dist/components/ToggleButton/ToggleButton.js +1 -1
  133. package/dist/components/ToggleIconButton/ToggleIconButton.js +1 -1
  134. package/dist/components/_base/Calendar/Calendar.js +1 -1
  135. package/dist/components/_base/Input/Input.js +1 -1
  136. package/dist/components/index.d.ts +12 -2
  137. package/dist/components/index.js +1 -1
  138. package/dist/{flex-D0sfBoFP.js → flex-BJOhaXnU.js} +2 -2
  139. package/dist/{flex-D0sfBoFP.js.map → flex-BJOhaXnU.js.map} +1 -1
  140. package/dist/index-CCUt_dAN.js +2 -0
  141. package/dist/{index-DiYWUa65.js.map → index-CCUt_dAN.js.map} +1 -1
  142. package/dist/index.js +1 -1
  143. package/dist/{input-DoPyN5PO.js → input-Ct1NB1lu.js} +2 -2
  144. package/dist/{input-DoPyN5PO.js.map → input-Ct1NB1lu.js.map} +1 -1
  145. package/dist/{padding-BPweMQaC.js → padding-nClUzhWp.js} +2 -2
  146. package/dist/{padding-BPweMQaC.js.map → padding-nClUzhWp.js.map} +1 -1
  147. package/dist/react-number-format.es-kdABQClE.js +2 -0
  148. package/dist/react-number-format.es-kdABQClE.js.map +1 -0
  149. package/dist/useCalendarState-BKam8aTi.js +2 -0
  150. package/dist/useCalendarState-BKam8aTi.js.map +1 -0
  151. package/dist/useControlledState-CLJIwghQ.js +2 -0
  152. package/dist/useControlledState-CLJIwghQ.js.map +1 -0
  153. package/dist/useGlobalListeners-CGYK0FZ8.js +2 -0
  154. package/dist/useGlobalListeners-CGYK0FZ8.js.map +1 -0
  155. package/dist/utils/backgroundColor/backgroundColor.js +1 -1
  156. package/dist/utils/border/border.js +1 -1
  157. package/dist/utils/date/date.js +1 -1
  158. package/dist/utils/flex/flex.js +1 -1
  159. package/dist/utils/focus/focusStyles.js +1 -1
  160. package/dist/utils/foregroundColour/foregroundColor.js +1 -1
  161. package/dist/utils/forms/field.js +1 -1
  162. package/dist/utils/forms/input/input.js +1 -1
  163. package/dist/utils/padding/padding.js +1 -1
  164. package/dist/utils/position/position.js +1 -1
  165. package/dist/utils/stories/DraggableContainer.js +7 -7
  166. package/dist/utils/stories/DraggableContainer.js.map +1 -1
  167. package/package.json +11 -5
  168. package/dist/CalendarDate-B7n_TjYa.js +0 -2
  169. package/dist/CalendarDate-B7n_TjYa.js.map +0 -1
  170. package/dist/DateField-oLDKE7Lh.js.map +0 -1
  171. package/dist/DatePicker.module-CGXPuf59.js +0 -2
  172. package/dist/DatePicker.module-CGXPuf59.js.map +0 -1
  173. package/dist/index-DiYWUa65.js +0 -2
  174. package/dist/react-number-format.es-7RDg5nwN.js +0 -2
  175. package/dist/react-number-format.es-7RDg5nwN.js.map +0 -1
  176. package/dist/useCalendarState-C9LlCwg-.js +0 -2
  177. package/dist/useCalendarState-C9LlCwg-.js.map +0 -1
  178. package/dist/useControlledState-DCczKDCM.js +0 -2
  179. package/dist/useControlledState-DCczKDCM.js.map +0 -1
  180. package/dist/useFormValidationState-CqKt4CQY.js +0 -2
  181. package/dist/useFormValidationState-CqKt4CQY.js.map +0 -1
package/dist/assets/AviosCurrency.css CHANGED
@@ -1 +1 @@
1
- ._aviosCurrency_1w5va_1{align-items:center;color:var(--alto-sem-color-fg-spend-on-vibrant-default);display:inline-flex;font-family:var(--alto-sem-text-heading-font-family);gap:var(--alto-sem-space-5xs);position:relative;width:-moz-fit-content;width:fit-content}._aviosCurrency_1w5va_1>span{text-box:trim-both cap alphabetic}._aviosCurrencyName_1w5va_15{padding-left:var(--alto-sem-space-5xs)}._aviosCurrency-strikethrough_1w5va_19:after{border-top:.05em solid;bottom:.4cap;content:"";display:block;left:calc(100% + 3px);position:absolute;transform:translate(-100%);transition:transform .25s ease-in-out;width:calc(100% + 5px)}._aviosCurrency-primary_1w5va_31{color:var(--alto-sem-color-fg-primary)}._aviosCurrency-secondary_1w5va_35{color:var(--alto-sem-color-fg-secondary)}._aviosCurrency-white_1w5va_39{color:var(--alto-sem-color-fg-white-primary)}._aviosCurrency-onSpend_1w5va_43{color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._aviosCurrency-onCollect_1w5va_47{color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._aviosCurrency-accentPrimary_1w5va_51{color:var(--alto-sem-color-fg-accent-primary)}._aviosCurrency-accentSecondary_1w5va_55{color:var(--alto-sem-color-fg-accent-secondary)}._aviosCurrency-xl_1w5va_59{font-size:var(--alto-sem-text-heading-xl-font-size);font-weight:var(--alto-sem-text-heading-xl-font-weight);letter-spacing:var(--alto-sem-text-heading-xl-letter-spacing);line-height:var(--alto-sem-text-heading-xl-font-size)}._aviosCurrency_1w5va_1 svg{height:1cap;width:auto}._aviosCurrency-lg_1w5va_71{font-size:var(--alto-sem-text-heading-lg-font-size);font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-heading-lg-letter-spacing);line-height:var(--alto-sem-text-heading-lg-font-size)}._aviosCurrency-md_1w5va_78{font-size:var(--alto-sem-text-heading-md-font-size);font-weight:var(--alto-sem-text-heading-md-font-weight);letter-spacing:var(--alto-sem-text-heading-md-letter-spacing);line-height:var(--alto-sem-text-heading-md-font-size)}._aviosCurrency-sm_1w5va_85{font-size:var(--alto-sem-text-heading-sm-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-font-size)}._aviosCurrency-xs_1w5va_92{font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-font-size)}._aviosCurrency-2xs_1w5va_99{font-size:var(--alto-sem-text-heading-2xs-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-heading-2xs-letter-spacing);line-height:var(--alto-sem-text-heading-2xs-font-size)}._aviosCurrency-3xs_1w5va_106{font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-font-size)}._aviosCurrency-4xs_1w5va_113{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-font-size)}._aviosCurrency-5xs_1w5va_120{font-size:var(--alto-sem-text-body-xs-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-font-size)}
1
+ ._avios-currency_wwfm9_1{align-items:center;color:var(--alto-sem-color-fg-spend-on-vibrant-default);display:inline-flex;font-family:var(--alto-sem-text-heading-font-family);gap:var(--alto-sem-space-5xs);position:relative;width:-moz-fit-content;width:fit-content}._avios-currency_wwfm9_1>span{text-box:trim-both cap alphabetic}._avios-currency__name_wwfm9_15{padding-left:var(--alto-sem-space-5xs)}._avios-currency--strikethrough_wwfm9_19:after{border-top:.05em solid;bottom:.4cap;content:"";display:block;left:calc(100% + 3px);position:absolute;transform:translate(-100%);transition:transform .25s ease-in-out;width:calc(100% + 5px)}._avios-currency--primary_wwfm9_31{color:var(--alto-sem-color-fg-primary)}._avios-currency--secondary_wwfm9_35{color:var(--alto-sem-color-fg-secondary)}._avios-currency--white_wwfm9_39{color:var(--alto-sem-color-fg-white-primary)}._avios-currency--on-spend_wwfm9_43{color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._avios-currency--on-collect_wwfm9_47{color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._avios-currency--accent-primary_wwfm9_51{color:var(--alto-sem-color-fg-accent-primary)}._avios-currency--accent-secondary_wwfm9_55{color:var(--alto-sem-color-fg-accent-secondary)}._avios-currency--xl_wwfm9_59{font-size:var(--alto-sem-text-heading-xl-font-size);font-weight:var(--alto-sem-text-heading-xl-font-weight);letter-spacing:var(--alto-sem-text-heading-xl-letter-spacing);line-height:var(--alto-sem-text-heading-xl-font-size)}._avios-currency_wwfm9_1 svg{height:1cap;width:auto}._avios-currency--lg_wwfm9_71{font-size:var(--alto-sem-text-heading-lg-font-size);font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-heading-lg-letter-spacing);line-height:var(--alto-sem-text-heading-lg-font-size)}._avios-currency--md_wwfm9_78{font-size:var(--alto-sem-text-heading-md-font-size);font-weight:var(--alto-sem-text-heading-md-font-weight);letter-spacing:var(--alto-sem-text-heading-md-letter-spacing);line-height:var(--alto-sem-text-heading-md-font-size)}._avios-currency--sm_wwfm9_85{font-size:var(--alto-sem-text-heading-sm-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-font-size)}._avios-currency--xs_wwfm9_92{font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-font-size)}._avios-currency--2xs_wwfm9_99{font-size:var(--alto-sem-text-heading-2xs-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-heading-2xs-letter-spacing);line-height:var(--alto-sem-text-heading-2xs-font-size)}._avios-currency--3xs_wwfm9_106{font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-font-size)}._avios-currency--4xs_wwfm9_113{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-font-size)}._avios-currency--5xs_wwfm9_120{font-size:var(--alto-sem-text-body-xs-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-font-size)}
package/dist/assets/AviosCurrencyBadge.css CHANGED
@@ -1 +1 @@
1
- ._aviosCurrencyBadge_jepz6_1{align-items:center;border-radius:var(--alto-button-sm-radius);display:inline-flex;font-family:var(--alto-sem-text-heading-font-family);gap:var(--alto-sem-space-4xs);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-xs);width:-moz-fit-content;width:fit-content}._aviosCurrencyBadge_jepz6_1 span{text-box:trim-both cap alphabetic}._collect_jepz6_16{background:var(--alto-sem-color-bg-collect-vibrant-default);color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._spend_jepz6_21{background:var(--alto-sem-color-bg-spend-vibrant-default);color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._xs_jepz6_28{font-size:var(--alto-sem-text-label-2xs-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-label-2xs-font-size);padding:var(--alto-sem-space-4xs) var(--alto-sem-space-2xs)}._xs-bold_jepz6_35{font-weight:var(--alto-sem-text-heading-2xs-font-weight)}._sm_jepz6_39{font-size:var(--alto-sem-text-label-2xs-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-label-2xs-font-size);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-xs)}._sm-bold_jepz6_46{font-weight:var(--alto-sem-text-heading-2xs-font-weight)}._aviosCurrencyBadge_jepz6_1._sm_jepz6_39 svg{height:11px;width:11px}._md_jepz6_55{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-xs)}._md-bold_jepz6_62{font-weight:var(--alto-sem-text-heading-2xs-font-weight)}._aviosCurrencyBadge_jepz6_1._md_jepz6_55 svg{height:12px;width:12px}._lg_jepz6_71{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._lg-bold_jepz6_78{font-weight:var(--alto-sem-text-heading-2xs-font-weight)}._aviosCurrencyBadge_jepz6_1._lg_jepz6_71 svg{height:14px;width:14px}._xl_jepz6_87{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._xl-bold_jepz6_94{font-weight:var(--alto-sem-text-heading-xl-font-weight)}
1
+ ._avios-currency-badge_1d5jx_1{align-items:center;border-radius:var(--alto-button-sm-radius);display:inline-flex;font-family:var(--alto-sem-text-heading-font-family);gap:var(--alto-sem-space-4xs);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-xs);width:-moz-fit-content;width:fit-content}._avios-currency-badge_1d5jx_1 span{text-box:trim-both cap alphabetic}._avios-currency-badge--collect_1d5jx_16{background:var(--alto-sem-color-bg-collect-vibrant-default);color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._avios-currency-badge--spend_1d5jx_21{background:var(--alto-sem-color-bg-spend-vibrant-default);color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._avios-currency-badge--xs_1d5jx_28{padding:var(--alto-sem-space-4xs) var(--alto-sem-space-2xs)}._avios-currency-badge--sm_1d5jx_35,._avios-currency-badge--xs_1d5jx_28{font-size:var(--alto-sem-text-label-2xs-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-label-2xs-font-size)}._avios-currency-badge--sm_1d5jx_35{padding:var(--alto-sem-space-3xs) var(--alto-sem-space-xs)}._avios-currency-badge_1d5jx_1._avios-currency-badge--sm_1d5jx_35 svg{height:11px;width:11px}._avios-currency-badge--md_1d5jx_47{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-xs)}._avios-currency-badge_1d5jx_1._avios-currency-badge--md_1d5jx_47 svg{height:12px;width:12px}._avios-currency-badge--lg_1d5jx_59{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._avios-currency-badge_1d5jx_1._avios-currency-badge--lg_1d5jx_59 svg{height:14px;width:14px}._avios-currency-badge--xl_1d5jx_71{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._avios-currency-badge__text--lg-bold_1d5jx_81,._avios-currency-badge__text--md-bold_1d5jx_80,._avios-currency-badge__text--sm-bold_1d5jx_79,._avios-currency-badge__text--xs-bold_1d5jx_78{font-weight:var(--alto-sem-text-heading-2xs-font-weight)}._avios-currency-badge__text--xl-bold_1d5jx_85{font-weight:var(--alto-sem-text-heading-xl-font-weight)}._avios-currency-badge__text_1d5jx_78{text-box:trim-both cap alphabetic}
package/dist/assets/AviosCurrencySymbol.css CHANGED
@@ -1 +1 @@
1
- ._aviosCurrencySymbol-primary_152jd_1 path:first-child{fill:var(--alto-sem-color-fg-primary)}._aviosCurrencySymbol-primary_152jd_1 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-secondary_152jd_11 path:first-child{fill:var(--alto-sem-color-fg-secondary)}._aviosCurrencySymbol-secondary_152jd_11 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-white_152jd_21 path:first-child{fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-white_152jd_21 path:nth-child(2){fill:var(--alto-sem-color-fg-accent-primary)}._aviosCurrencySymbol-onSpend_152jd_31 path:first-child{fill:var(--alto-sem-color-fg-spend-on-vibrant-default)}._aviosCurrencySymbol-onSpend_152jd_31 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-onCollect_152jd_41 path:first-child{fill:var(--alto-sem-color-fg-collect-on-vibrant-default)}._aviosCurrencySymbol-onCollect_152jd_41 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-accentPrimary_152jd_51 path:first-child{fill:var(--alto-sem-color-fg-accent-primary)}._aviosCurrencySymbol-accentPrimary_152jd_51 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-accentSecondary_152jd_61 path:first-child{fill:var(--alto-sem-color-fg-accent-secondary)}._aviosCurrencySymbol-accentSecondary_152jd_61 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}
1
+ ._avios-currency-symbol--primary_dvvi8_4 path:first-child{fill:var(--alto-sem-color-fg-primary)}._avios-currency-symbol--primary_dvvi8_4 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._avios-currency-symbol--secondary_dvvi8_14 path:first-child{fill:var(--alto-sem-color-fg-secondary)}._avios-currency-symbol--secondary_dvvi8_14 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._avios-currency-symbol--white_dvvi8_24 path:first-child{fill:var(--alto-sem-color-fg-white-primary)}._avios-currency-symbol--white_dvvi8_24 path:nth-child(2){fill:var(--alto-sem-color-fg-accent-primary)}._avios-currency-symbol--on-spend_dvvi8_34 path:first-child{fill:var(--alto-sem-color-fg-spend-on-vibrant-default)}._avios-currency-symbol--on-spend_dvvi8_34 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._avios-currency-symbol--on-collect_dvvi8_44 path:first-child{fill:var(--alto-sem-color-fg-collect-on-vibrant-default)}._avios-currency-symbol--on-collect_dvvi8_44 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._avios-currency-symbol--accent-primary_dvvi8_54 path:first-child{fill:var(--alto-sem-color-fg-accent-primary)}._avios-currency-symbol--accent-primary_dvvi8_54 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._avios-currency-symbol--accent-secondary_dvvi8_64 path:first-child{fill:var(--alto-sem-color-fg-accent-secondary)}._avios-currency-symbol--accent-secondary_dvvi8_64 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}
package/dist/assets/Badge.css CHANGED
@@ -1 +1 @@
1
- ._badge_12fsq_1{align-items:center;border-radius:var(--alto-tag-radius);display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-label-font-family);font-style:normal;font-weight:var(--alto-sem-text-label-font-weight);justify-content:center;overflow:hidden;text-align:center;text-overflow:ellipsis}._md_12fsq_15{font-size:var(--alto-sem-text-label-md-font-size);gap:var(--alto-sem-space-2xs);height:26px;letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);padding:0 var(--alto-sem-space-xs)}._sm_12fsq_24{font-size:var(--alto-sem-text-label-xs-font-size);gap:var(--alto-sem-space-4xs);height:20px;letter-spacing:var(--alto-sem-text-label-xs-letter-spacing);line-height:var(--alto-sem-text-label-xs-line-height);padding:0 var(--alto-sem-space-2xs)}._neutral_12fsq_33{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-inverse-on-subtle)}._critical_12fsq_38{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-on-subtle)}._warning_12fsq_43{background:var(--alto-sem-color-bg-warning-subtle-default);color:var(--alto-sem-color-fg-warning-on-subtle)}._caution_12fsq_48{background:var(--alto-sem-color-bg-caution-subtle-default);color:var(--alto-sem-color-fg-caution-on-subtle)}._success_12fsq_53{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-success-on-subtle)}._info_12fsq_58{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-information-on-subtle)}._brand_12fsq_63{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-on-subtle)}._sale_12fsq_68{background:var(--alto-sem-color-bg-sale-vibrant-default);color:var(--alto-sem-color-fg-sale-on-vibrant)}._white_12fsq_73{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}
1
+ ._badge_1xfg2_1{align-items:center;border-radius:var(--alto-tag-radius);display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-label-font-family);font-style:normal;font-weight:var(--alto-sem-text-label-font-weight);justify-content:center;overflow:hidden;text-align:center;text-overflow:ellipsis}._badge--md_1xfg2_15{font-size:var(--alto-sem-text-label-md-font-size);gap:var(--alto-sem-space-2xs);height:26px;letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);padding:0 var(--alto-sem-space-xs)}._badge--sm_1xfg2_24{font-size:var(--alto-sem-text-label-xs-font-size);gap:var(--alto-sem-space-4xs);height:20px;letter-spacing:var(--alto-sem-text-label-xs-letter-spacing);line-height:var(--alto-sem-text-label-xs-line-height);padding:0 var(--alto-sem-space-2xs)}._badge--neutral_1xfg2_33{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-inverse-on-subtle)}._badge--critical_1xfg2_38{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-on-subtle)}._badge--warning_1xfg2_43{background:var(--alto-sem-color-bg-warning-subtle-default);color:var(--alto-sem-color-fg-warning-on-subtle)}._badge--caution_1xfg2_48{background:var(--alto-sem-color-bg-caution-subtle-default);color:var(--alto-sem-color-fg-caution-on-subtle)}._badge--success_1xfg2_53{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-success-on-subtle)}._badge--info_1xfg2_58{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-information-on-subtle)}._badge--brand_1xfg2_63{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-on-subtle)}._badge--sale_1xfg2_68{background:var(--alto-sem-color-bg-sale-vibrant-default);color:var(--alto-sem-color-fg-sale-on-vibrant)}._badge--white_1xfg2_73{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}
package/dist/assets/BannerSectionContent.css ADDED
@@ -0,0 +1 @@
1
+ ._bannerSectionContent_1196e_1,._bannerSectionContent__content_1196e_7{align-items:flex-start;display:flex;flex-direction:column}._bannerSectionContent__content_1196e_7{gap:var(--alto-sem-space-2xs)}._bannerSectionContent__content_1196e_7:has(+._bannerSectionContent__end-slot_1196e_14){padding-bottom:var(--alto-grid-gutter-default)}
package/dist/assets/BannerSectionPlectrum.css ADDED
@@ -0,0 +1 @@
1
+ ._banner-section-plectrum_148yy_1{display:flex;justify-content:center;padding-block:var(--alto-section-padding-vertical-default);width:100%}@media(min-width:1024px){._banner-section-plectrum_148yy_1{height:568px;padding-inline:var(--alto-sem-space-lg)}}@media(min-width:1920px){._banner-section-plectrum_148yy_1{padding-inline:var(--alto-section-padding-vertical-default)}}._banner-section-plectrum__inner_148yy_22{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--alto-sem-space-sm);height:100%;overflow:hidden;position:relative;width:100%}._banner-section-plectrum__inner--is-mobile-reversed_148yy_33{flex-direction:column-reverse}@media(min-width:1024px){._banner-section-plectrum__inner_148yy_22{background-color:var(--alto-sem-color-bg-layer1-default);border-radius:var(--alto-card-radius);flex-direction:row;padding-inline:var(--alto-sem-space-4xl)}._banner-section-plectrum__inner--is-mobile-reversed_148yy_33{flex-direction:row}}@media(min-width:1920px){._banner-section-plectrum__inner_148yy_22{max-width:calc(1920px - var(--alto-section-padding-vertical-default)*2)}}._banner-section-plectrum__content-wrapper_148yy_59{padding:var(--alto-sem-space-sm) var(--alto-section-padding-horizontal-default);position:relative;z-index:2}@media(min-width:1024px){._banner-section-plectrum__content-wrapper_148yy_59{display:grid;gap:var(--alto-sem-space-md);grid-template-columns:1fr 1fr;margin:auto;max-width:var(--alto-section-container-max-width);padding:0}}._banner-section-plectrum__media-wrapper_148yy_78{position:relative}@media(min-width:1024px){._banner-section-plectrum__media-wrapper_148yy_78{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}}._banner-section-plectrum-media_148yy_93{display:flex;position:relative;width:100%}@media(min-width:1024px){._banner-section-plectrum-media_148yy_93{height:100%;overflow:hidden;position:absolute;right:0;top:0;width:calc(50% - 44px);z-index:1}}._banner-section-plectrum-media__image_148yy_111{aspect-ratio:1;background-color:var(--alto-sem-color-bg-base);border:1px solid var(--alto-sem-color-bg-base);display:flex;width:100%}._banner-section-plectrum-media__image_148yy_111 img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width:480px){._banner-section-plectrum-media__image_148yy_111{aspect-ratio:5/4}}@media(min-width:768px){._banner-section-plectrum-media__image_148yy_111{aspect-ratio:3/2}}@media(min-width:1024px){._banner-section-plectrum-media__image_148yy_111{aspect-ratio:unset;background-color:var(--alto-sem-color-bg-layer1-default);border:1px solid var(--alto-sem-color-bg-layer1-default);height:100%}}._banner-section-plectrum-media__plectrum-overlay_148yy_145{left:-9.6%;position:absolute;top:0;width:150%}._banner-section-plectrum-media__plectrum-overlay_148yy_145 path{fill:var(--alto-sem-color-bg-base)}@media(min-width:1024px){._banner-section-plectrum-media__plectrum-overlay_148yy_145{left:0;min-width:800px;top:0;width:167%}._banner-section-plectrum-media__plectrum-overlay_148yy_145 path{fill:var(--alto-sem-color-bg-layer1-default)}._banner-section-plectrum-media__plectrum-overlay--plectrum-variant-sharkfin_148yy_168{top:0}._banner-section-plectrum-media__plectrum-overlay--plectrum-variant-sharktooth_148yy_172{bottom:-1px;top:unset}}._banner-section-plectrum-media__pictocard-wrapper_148yy_178{bottom:0;max-width:calc(100% - var(--alto-grid-gutter-default)*2);padding:var(--alto-grid-gutter-default);position:absolute;right:0;z-index:1}._banner-section-plectrum_148yy_1 [data-alto-box-link]{width:100%}@media(max-width:479px){._banner-section-plectrum_148yy_1 [data-alto-box-link]>div>div{max-width:calc(100% - var(--alto-grid-gutter-default)*2)}}
package/dist/assets/BoxLink.css ADDED
@@ -0,0 +1 @@
1
+ ._box-link_jbtzi_1,[data-alto-box-link]{--alto-boxlink-transition:.3s cubic-bezier(.5,0,.23,1);display:inline-block;text-decoration:none}._box-link--default_jbtzi_8{background-color:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);outline-offset:-1px;transition:background-color var(--alto-boxlink-transition),outline-color var(--alto-boxlink-transition),transform var(--alto-boxlink-transition)}._box-link--default_jbtzi_8[data-hovered]{background-color:var(--alto-sem-color-bg-layer2-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);transform:translateY(-1px)}._box-link--default_jbtzi_8[data-pressed]{background-color:var(--alto-sem-color-bg-layer2-active);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);transform:translateY(0)}._box-link--default_jbtzi_8[data-focused]{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._box-link--default_jbtzi_8[data-focused],._box-link--default_jbtzi_8[data-selected]{background-color:var(--alto-sem-color-bg-layer2-hover);border-radius:var(--alto-sem-radius-sm);transform:translateY(-1px)}._box-link--default_jbtzi_8[data-selected]{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent)}._box-link--underline-heading-on-hover_jbtzi_53[data-hovered] h2,._box-link--underline-heading-on-hover_jbtzi_53[data-hovered] h3,._box-link--underline-heading-on-hover_jbtzi_53[data-hovered] h4,._box-link--underline-heading-on-hover_jbtzi_53[data-hovered] h5,._box-link--underline-heading-on-hover_jbtzi_53[data-hovered] h6{-webkit-text-decoration:var(--alto-sem-text-body-link-text-decoration);text-decoration:var(--alto-sem-text-body-link-text-decoration)}._box-link--disabled_jbtzi_61,._box-link_jbtzi_1[aria-disabled=true]{opacity:.5;pointer-events:none}
package/dist/assets/Button.css CHANGED
@@ -1 +1 @@
1
- ._button_1oerz_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;gap:var(--alto-sem-space-2xs);justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_1oerz_1 ._content_1oerz_19:only-child{flex-grow:1}._isNotLoading_1oerz_26 ._loadingSpinner_1oerz_26{opacity:0;position:absolute}._isNotLoading_1oerz_26 ._content_1oerz_19{opacity:1}._isLoading_1oerz_35 ._loadingSpinner_1oerz_26{opacity:1;position:absolute}._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._isLoading_1oerz_35 ._content_1oerz_19{opacity:0}._focusWhite_1oerz_51[data-focus-visible]{outline-color:var(--alto-sem-color-border-white)}._sm_1oerz_58{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._md_1oerz_67{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg_1oerz_76{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._iconButton_1oerz_85{padding:0}._iconButton__sm_1oerz_89{width:36px}._iconButton__md_1oerz_93{width:48px}._iconButton__lg_1oerz_97{width:55px}._fullWidth_1oerz_101{width:100%}._textAlignLeft_1oerz_108{text-align:left}._textAlignCenter_1oerz_112{text-align:center}._textAlignRight_1oerz_116{text-align:right}._accentPrimary_1oerz_124[data-focused],._accentPrimary_1oerz_124[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1oerz_124[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1oerz_124[data-pressed][data-focused]{outline:none}._accentPrimary_1oerz_124:disabled,._accentPrimary_1oerz_124[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentPrimary_1oerz_124._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondary_1oerz_148{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1oerz_148[data-focused],._accentSecondary_1oerz_148[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1oerz_148[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1oerz_148[data-pressed][data-focused]{outline:none}._accentSecondary_1oerz_148:disabled,._accentSecondary_1oerz_148[aria-disabled=true]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentSecondary_1oerz_148._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg,._accentTertiary_1oerz_182{color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1oerz_182{background:var(--alto-sem-color-bg-accent-subtle-default)}._accentTertiary_1oerz_182[data-focused],._accentTertiary_1oerz_182[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1oerz_182[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1oerz_182[data-pressed][data-focused]{outline:none}._accentTertiary_1oerz_182:disabled,._accentTertiary_1oerz_182[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_1oerz_212,._accentTertiary_1oerz_182._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1oerz_212{background:none}._accentQuaternary_1oerz_212[data-focused],._accentQuaternary_1oerz_212[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1oerz_212[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1oerz_212[data-pressed][data-focused]{outline:none}._accentQuaternary_1oerz_212:disabled,._accentQuaternary_1oerz_212[aria-disabled=true]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_1oerz_212._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg,._accentSecondaryFilled_1oerz_241{color:var(--alto-sem-color-fg-accent-primary)}._accentSecondaryFilled_1oerz_241{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent)}._accentSecondaryFilled_1oerz_241[data-focused],._accentSecondaryFilled_1oerz_241[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover);color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondaryFilled_1oerz_241[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentSecondaryFilled_1oerz_241[data-pressed][data-focused]{outline:none}._accentSecondaryFilled_1oerz_241._isLoading_1oerz_35{background:var(--alto-sem-color-bg-accent-vibrant-default)}._accentSecondaryFilled_1oerz_241._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondaryFilled_1oerz_241:disabled,._accentSecondaryFilled_1oerz_241[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_1oerz_281{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1oerz_281[data-focused],._criticalPrimary_1oerz_281[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1oerz_281[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1oerz_281[data-pressed][data-focused]{outline:none}._criticalPrimary_1oerz_281:disabled,._criticalPrimary_1oerz_281[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1oerz_306{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1oerz_306[data-focused],._criticalSecondary_1oerz_306[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1oerz_306[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1oerz_306[data-pressed][data-focused]{outline:none}._criticalSecondary_1oerz_306:disabled,._criticalSecondary_1oerz_306[aria-disabled=true]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1oerz_306._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg,._criticalTertiary_1oerz_340{color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1oerz_340{background:var(--alto-sem-color-bg-critical-subtle-default)}._criticalTertiary_1oerz_340[data-focused],._criticalTertiary_1oerz_340[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1oerz_340[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1oerz_340[data-pressed][data-focused]{outline:none}._criticalTertiary_1oerz_340:disabled,._criticalTertiary_1oerz_340[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_1oerz_370,._criticalTertiary_1oerz_340._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1oerz_370{background:none}._criticalQuaternary_1oerz_370[data-focused],._criticalQuaternary_1oerz_370[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1oerz_370[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1oerz_370[data-pressed][data-focused]{outline:none}._criticalQuaternary_1oerz_370:disabled,._criticalQuaternary_1oerz_370[aria-disabled=true]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_1oerz_370._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg,._criticalSecondaryFilled_1oerz_400{color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondaryFilled_1oerz_400{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical)}._criticalSecondaryFilled_1oerz_400[data-focused],._criticalSecondaryFilled_1oerz_400[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalSecondaryFilled_1oerz_400[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalSecondaryFilled_1oerz_400[data-pressed][data-focused]{outline:none}._criticalSecondaryFilled_1oerz_400._isLoading_1oerz_35{background:var(--alto-sem-color-bg-critical-vibrant-default)}._criticalSecondaryFilled_1oerz_400._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._criticalSecondaryFilled_1oerz_400:disabled,._criticalSecondaryFilled_1oerz_400[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_1oerz_440{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1oerz_440[data-focused],._neutralPrimary_1oerz_440[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1oerz_440[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1oerz_440[data-pressed][data-focused]{outline:none}._neutralPrimary_1oerz_440:disabled,._neutralPrimary_1oerz_440[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1oerz_465{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1oerz_465[data-focused],._neutralSecondary_1oerz_465[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1oerz_465[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1oerz_465[data-pressed][data-focused]{outline:none}._neutralSecondary_1oerz_465:disabled,._neutralSecondary_1oerz_465[aria-disabled=true]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1oerz_465._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg,._neutralTertiary_1oerz_498{color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1oerz_498{background:var(--alto-sem-color-bg-inverse-subtle-default)}._neutralTertiary_1oerz_498[data-focused],._neutralTertiary_1oerz_498[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1oerz_498[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1oerz_498[data-pressed][data-focused]{outline:none}._neutralTertiary_1oerz_498:disabled,._neutralTertiary_1oerz_498[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_1oerz_528,._neutralTertiary_1oerz_498._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1oerz_528{background:none}._neutralQuaternary_1oerz_528[data-focused],._neutralQuaternary_1oerz_528[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1oerz_528[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1oerz_528[data-pressed][data-focused]{outline:none}._neutralQuaternary_1oerz_528:disabled,._neutralQuaternary_1oerz_528[aria-disabled=true]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_1oerz_528._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-primary)}._neutralSecondaryFilled_1oerz_558{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondaryFilled_1oerz_558[data-focused],._neutralSecondaryFilled_1oerz_558[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralSecondaryFilled_1oerz_558[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralSecondaryFilled_1oerz_558[data-pressed][data-focused]{outline:none}._neutralSecondaryFilled_1oerz_558._isLoading_1oerz_35{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._neutralSecondaryFilled_1oerz_558._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._neutralSecondaryFilled_1oerz_558:disabled,._neutralSecondaryFilled_1oerz_558[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_1oerz_598{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1oerz_598[data-focused],._whitePrimary_1oerz_598[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1oerz_598[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1oerz_598[data-pressed][data-focused]{outline:none}._whitePrimary_1oerz_598:disabled,._whitePrimary_1oerz_598[aria-disabled=true]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whitePrimary_1oerz_598._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-white-on-primary)}._whiteSecondary_1oerz_628{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1oerz_628[data-focused],._whiteSecondary_1oerz_628[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1oerz_628[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1oerz_628[data-pressed][data-focused]{outline:none}._whiteSecondary_1oerz_628[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1oerz_628:disabled,._whiteSecondary_1oerz_628[aria-disabled=true]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_1oerz_661{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1oerz_661[data-focused],._whiteTertiary_1oerz_661[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1oerz_661[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1oerz_661[data-pressed][data-focused]{outline:none}._whiteTertiary_1oerz_661[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1oerz_661:disabled,._whiteTertiary_1oerz_661[aria-disabled=true]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_1oerz_691{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1oerz_691[data-focused],._whiteQuaternary_1oerz_691[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteQuaternary_1oerz_691[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteQuaternary_1oerz_691[data-pressed][data-focused]{outline:none}._whiteQuaternary_1oerz_691[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1oerz_691:disabled,._whiteQuaternary_1oerz_691[aria-disabled=true]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteSecondaryFilled_1oerz_721{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondaryFilled_1oerz_721[data-focused],._whiteSecondaryFilled_1oerz_721[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover);color:var(--alto-sem-color-fg-white-on-vibrant)}._whiteSecondaryFilled_1oerz_721[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whiteSecondaryFilled_1oerz_721[data-pressed][data-focused]{outline:none}._whiteSecondaryFilled_1oerz_721._isLoading_1oerz_35{background:var(--alto-sem-color-bg-white-vibrant-default)}._whiteSecondaryFilled_1oerz_721._isLoading_1oerz_35 ._loadingSpinner_1oerz_26 svg{color:var(--alto-sem-color-fg-white-on-vibrant)}._whiteSecondaryFilled_1oerz_721:disabled,._whiteSecondaryFilled_1oerz_721[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._fa-spinner-third_1oerz_762{height:1rem;width:1rem}._icon-wrapper_1oerz_767{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
1
+ ._button_g3taa_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;gap:var(--alto-sem-space-2xs);justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_g3taa_1 ._content_g3taa_19:only-child{flex-grow:1}._isNotLoading_g3taa_26 ._loadingSpinner_g3taa_26{opacity:0;position:absolute}._isNotLoading_g3taa_26 ._content_g3taa_19{opacity:1}._isLoading_g3taa_35 ._loadingSpinner_g3taa_26{opacity:1;position:absolute}._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._isLoading_g3taa_35 ._content_g3taa_19{opacity:0}._focusWhite_g3taa_51[data-focus-visible]{outline-color:var(--alto-sem-color-border-white)}._iconButton_g3taa_55{padding:0}._iconButton__sm_g3taa_59{width:36px}._iconButton__md_g3taa_63{width:48px}._iconButton__lg_g3taa_67{width:55px}._full-width--true_g3taa_71{width:100%}._full-width--false_g3taa_75{width:auto}._iconButton_g3taa_55._iconButton__sm_g3taa_59{width:36px}._iconButton_g3taa_55._iconButton__md_g3taa_63{width:48px}._iconButton_g3taa_55._iconButton__lg_g3taa_67{width:55px}._size--sm_g3taa_120{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._size--md_g3taa_123{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._size--lg_g3taa_126{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._text-align--left_g3taa_143{text-align:start}._text-align--center_g3taa_146{text-align:center}._text-align--right_g3taa_149{text-align:end}@media(min-width:480px){._sm\:size--sm_g3taa_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._sm\:size--md_g3taa_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._sm\:size--lg_g3taa_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._sm\:text-align--left_g3taa_1{text-align:start}._sm\:text-align--center_g3taa_1{text-align:center}._sm\:text-align--right_g3taa_1{text-align:end}._sm\:full-width--true_g3taa_1{width:100%}._sm\:full-width--false_g3taa_1{width:auto}}@media(min-width:768px){._md\:size--sm_g3taa_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._md\:size--md_g3taa_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._md\:size--lg_g3taa_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._md\:text-align--left_g3taa_1{text-align:start}._md\:text-align--center_g3taa_1{text-align:center}._md\:text-align--right_g3taa_1{text-align:end}._md\:full-width--true_g3taa_1{width:100%}._md\:full-width--false_g3taa_1{width:auto}}@media(min-width:1024px){._lg\:size--sm_g3taa_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._lg\:size--md_g3taa_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg\:size--lg_g3taa_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._lg\:text-align--left_g3taa_1{text-align:start}._lg\:text-align--center_g3taa_1{text-align:center}._lg\:text-align--right_g3taa_1{text-align:end}._lg\:full-width--true_g3taa_1{width:100%}._lg\:full-width--false_g3taa_1{width:auto}}@media(min-width:1440px){._xl\:size--sm_g3taa_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._xl\:size--md_g3taa_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._xl\:size--lg_g3taa_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._xl\:text-align--left_g3taa_1{text-align:start}._xl\:text-align--center_g3taa_1{text-align:center}._xl\:text-align--right_g3taa_1{text-align:end}._xl\:full-width--true_g3taa_1{width:100%}._xl\:full-width--false_g3taa_1{width:auto}}@media(min-width:1920px){._xxl\:size--sm_g3taa_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._xxl\:size--md_g3taa_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._xxl\:size--lg_g3taa_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._xxl\:text-align--left_g3taa_1{text-align:start}._xxl\:text-align--center_g3taa_1{text-align:center}._xxl\:text-align--right_g3taa_1{text-align:end}._xxl\:full-width--true_g3taa_1{width:100%}._xxl\:full-width--false_g3taa_1{width:auto}}._accentPrimary_g3taa_189[data-focused],._accentPrimary_g3taa_189[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_g3taa_189[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_g3taa_189[data-pressed][data-focused]{outline:none}._accentPrimary_g3taa_189:disabled,._accentPrimary_g3taa_189[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentPrimary_g3taa_189._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondary_g3taa_213{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_g3taa_213[data-focused],._accentSecondary_g3taa_213[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_g3taa_213[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_g3taa_213[data-pressed][data-focused]{outline:none}._accentSecondary_g3taa_213:disabled,._accentSecondary_g3taa_213[aria-disabled=true]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentSecondary_g3taa_213._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg,._accentTertiary_g3taa_247{color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_g3taa_247{background:var(--alto-sem-color-bg-accent-subtle-default)}._accentTertiary_g3taa_247[data-focused],._accentTertiary_g3taa_247[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_g3taa_247[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_g3taa_247[data-pressed][data-focused]{outline:none}._accentTertiary_g3taa_247:disabled,._accentTertiary_g3taa_247[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_g3taa_277,._accentTertiary_g3taa_247._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_g3taa_277{background:none}._accentQuaternary_g3taa_277[data-focused],._accentQuaternary_g3taa_277[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_g3taa_277[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_g3taa_277[data-pressed][data-focused]{outline:none}._accentQuaternary_g3taa_277:disabled,._accentQuaternary_g3taa_277[aria-disabled=true]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_g3taa_277._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg,._accentSecondaryFilled_g3taa_306{color:var(--alto-sem-color-fg-accent-primary)}._accentSecondaryFilled_g3taa_306{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent)}._accentSecondaryFilled_g3taa_306[data-focused],._accentSecondaryFilled_g3taa_306[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover);color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondaryFilled_g3taa_306[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentSecondaryFilled_g3taa_306[data-pressed][data-focused]{outline:none}._accentSecondaryFilled_g3taa_306._isLoading_g3taa_35{background:var(--alto-sem-color-bg-accent-vibrant-default)}._accentSecondaryFilled_g3taa_306._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondaryFilled_g3taa_306:disabled,._accentSecondaryFilled_g3taa_306[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_g3taa_346{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_g3taa_346[data-focused],._criticalPrimary_g3taa_346[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_g3taa_346[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_g3taa_346[data-pressed][data-focused]{outline:none}._criticalPrimary_g3taa_346:disabled,._criticalPrimary_g3taa_346[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_g3taa_371{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_g3taa_371[data-focused],._criticalSecondary_g3taa_371[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_g3taa_371[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_g3taa_371[data-pressed][data-focused]{outline:none}._criticalSecondary_g3taa_371:disabled,._criticalSecondary_g3taa_371[aria-disabled=true]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalSecondary_g3taa_371._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg,._criticalTertiary_g3taa_405{color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_g3taa_405{background:var(--alto-sem-color-bg-critical-subtle-default)}._criticalTertiary_g3taa_405[data-focused],._criticalTertiary_g3taa_405[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_g3taa_405[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_g3taa_405[data-pressed][data-focused]{outline:none}._criticalTertiary_g3taa_405:disabled,._criticalTertiary_g3taa_405[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_g3taa_435,._criticalTertiary_g3taa_405._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_g3taa_435{background:none}._criticalQuaternary_g3taa_435[data-focused],._criticalQuaternary_g3taa_435[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_g3taa_435[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_g3taa_435[data-pressed][data-focused]{outline:none}._criticalQuaternary_g3taa_435:disabled,._criticalQuaternary_g3taa_435[aria-disabled=true]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_g3taa_435._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg,._criticalSecondaryFilled_g3taa_465{color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondaryFilled_g3taa_465{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical)}._criticalSecondaryFilled_g3taa_465[data-focused],._criticalSecondaryFilled_g3taa_465[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalSecondaryFilled_g3taa_465[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalSecondaryFilled_g3taa_465[data-pressed][data-focused]{outline:none}._criticalSecondaryFilled_g3taa_465._isLoading_g3taa_35{background:var(--alto-sem-color-bg-critical-vibrant-default)}._criticalSecondaryFilled_g3taa_465._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._criticalSecondaryFilled_g3taa_465:disabled,._criticalSecondaryFilled_g3taa_465[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_g3taa_505{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_g3taa_505[data-focused],._neutralPrimary_g3taa_505[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_g3taa_505[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_g3taa_505[data-pressed][data-focused]{outline:none}._neutralPrimary_g3taa_505:disabled,._neutralPrimary_g3taa_505[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_g3taa_530{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_g3taa_530[data-focused],._neutralSecondary_g3taa_530[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_g3taa_530[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_g3taa_530[data-pressed][data-focused]{outline:none}._neutralSecondary_g3taa_530:disabled,._neutralSecondary_g3taa_530[aria-disabled=true]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_g3taa_530._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg,._neutralTertiary_g3taa_563{color:var(--alto-sem-color-fg-primary)}._neutralTertiary_g3taa_563{background:var(--alto-sem-color-bg-inverse-subtle-default)}._neutralTertiary_g3taa_563[data-focused],._neutralTertiary_g3taa_563[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_g3taa_563[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_g3taa_563[data-pressed][data-focused]{outline:none}._neutralTertiary_g3taa_563:disabled,._neutralTertiary_g3taa_563[aria-disabled=true]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_g3taa_593,._neutralTertiary_g3taa_563._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_g3taa_593{background:none}._neutralQuaternary_g3taa_593[data-focused],._neutralQuaternary_g3taa_593[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_g3taa_593[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_g3taa_593[data-pressed][data-focused]{outline:none}._neutralQuaternary_g3taa_593:disabled,._neutralQuaternary_g3taa_593[aria-disabled=true]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_g3taa_593._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-primary)}._neutralSecondaryFilled_g3taa_623{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondaryFilled_g3taa_623[data-focused],._neutralSecondaryFilled_g3taa_623[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralSecondaryFilled_g3taa_623[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralSecondaryFilled_g3taa_623[data-pressed][data-focused]{outline:none}._neutralSecondaryFilled_g3taa_623._isLoading_g3taa_35{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._neutralSecondaryFilled_g3taa_623._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._neutralSecondaryFilled_g3taa_623:disabled,._neutralSecondaryFilled_g3taa_623[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_g3taa_663{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_g3taa_663[data-focused],._whitePrimary_g3taa_663[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_g3taa_663[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_g3taa_663[data-pressed][data-focused]{outline:none}._whitePrimary_g3taa_663:disabled,._whitePrimary_g3taa_663[aria-disabled=true]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whitePrimary_g3taa_663._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-white-on-vibrant)}._whiteSecondary_g3taa_693{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_g3taa_693[data-focused],._whiteSecondary_g3taa_693[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_g3taa_693[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_g3taa_693[data-pressed][data-focused]{outline:none}._whiteSecondary_g3taa_693[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_g3taa_693:disabled,._whiteSecondary_g3taa_693[aria-disabled=true]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_g3taa_726{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_g3taa_726[data-focused],._whiteTertiary_g3taa_726[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_g3taa_726[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_g3taa_726[data-pressed][data-focused]{outline:none}._whiteTertiary_g3taa_726[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_g3taa_726:disabled,._whiteTertiary_g3taa_726[aria-disabled=true]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_g3taa_756{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_g3taa_756[data-focused],._whiteQuaternary_g3taa_756[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteQuaternary_g3taa_756[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteQuaternary_g3taa_756[data-pressed][data-focused]{outline:none}._whiteQuaternary_g3taa_756[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_g3taa_756:disabled,._whiteQuaternary_g3taa_756[aria-disabled=true]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteSecondaryFilled_g3taa_786{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondaryFilled_g3taa_786[data-focused],._whiteSecondaryFilled_g3taa_786[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover);color:var(--alto-sem-color-fg-white-on-vibrant)}._whiteSecondaryFilled_g3taa_786[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whiteSecondaryFilled_g3taa_786[data-pressed][data-focused]{outline:none}._whiteSecondaryFilled_g3taa_786._isLoading_g3taa_35{background:var(--alto-sem-color-bg-white-vibrant-default)}._whiteSecondaryFilled_g3taa_786._isLoading_g3taa_35 ._loadingSpinner_g3taa_26 svg{color:var(--alto-sem-color-fg-white-on-vibrant)}._whiteSecondaryFilled_g3taa_786:disabled,._whiteSecondaryFilled_g3taa_786[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._fa-spinner-third_g3taa_827{height:1rem;width:1rem}._icon-wrapper_g3taa_832{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
package/dist/assets/CalloutBanner.css CHANGED
@@ -1 +1 @@
1
- ._calloutBanner_6h1y8_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%}._calloutBanner__icon_6h1y8_12{align-self:flex-start}._calloutBanner_6h1y8_1:has(._calloutBanner__meta-title_6h1y8_21:only-child):has(:not(._calloutBanner__meta-label_6h1y8_19)) ._calloutBanner__start_6h1y8_17{align-items:center}._calloutBanner__start_6h1y8_17{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant);display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__end_6h1y8_38{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm)}._calloutBanner__dismiss_6h1y8_45{right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_6h1y8_19{display:flex;flex-direction:row-reverse;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;gap:var(--alto-sem-space-xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);width:100%}._calloutBanner__meta-content_6h1y8_62{display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);width:100%}._calloutBanner__meta-label_6h1y8_19{align-items:flex-start;display:flex}._calloutBanner__header--row_6h1y8_74{flex-direction:row;justify-content:space-between}._calloutBanner__meta-top_6h1y8_79{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;text-wrap:wrap;word-wrap:break-word;word-break:break-word}._calloutBanner__custom-asset_6h1y8_89{max-width:52px}._calloutBanner__custom-asset_6h1y8_89>:first-child{max-width:inherit}._calloutBanner__meta-title_6h1y8_21{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);margin:0}._calloutBanner__meta-description_6h1y8_103{margin:var(--alto-sem-space-4xs) 0 0}._calloutBanner__severity-label_6h1y8_108{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}._calloutBanner__default-asset--center_6h1y8_119{align-self:center;display:flex}._calloutBanner--critical_6h1y8_125{border-color:var(--alto-sem-color-border-critical)}._calloutBanner--primary_6h1y8_129._calloutBanner--critical_6h1y8_125 ._calloutBanner__start_6h1y8_17{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner--secondary_6h1y8_133._calloutBanner--critical_6h1y8_125 ._calloutBanner__start_6h1y8_17{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_6h1y8_133._calloutBanner--critical_6h1y8_125 ._calloutBanner__end_6h1y8_38{border-top:1px solid var(--alto-sem-color-border-critical)}._calloutBanner--tertiary_6h1y8_142._calloutBanner--critical_6h1y8_125 ._calloutBanner__start_6h1y8_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--critical_6h1y8_125:not(._calloutBanner--primary_6h1y8_129) ._calloutBanner__icon_6h1y8_12{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner--success_6h1y8_151{border-color:var(--alto-sem-color-border-success)}._calloutBanner--primary_6h1y8_129._calloutBanner--success_6h1y8_151 ._calloutBanner__start_6h1y8_17{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner--secondary_6h1y8_133._calloutBanner--success_6h1y8_151 ._calloutBanner__start_6h1y8_17{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_6h1y8_133._calloutBanner--success_6h1y8_151 ._calloutBanner__end_6h1y8_38{border-top:1px solid var(--alto-sem-color-border-success)}._calloutBanner--tertiary_6h1y8_142._calloutBanner--success_6h1y8_151 ._calloutBanner__start_6h1y8_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--success_6h1y8_151:not(._calloutBanner--primary_6h1y8_129) ._calloutBanner__icon_6h1y8_12{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner--information_6h1y8_177{border-color:var(--alto-sem-color-border-information)}._calloutBanner--primary_6h1y8_129._calloutBanner--information_6h1y8_177 ._calloutBanner__start_6h1y8_17{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner--secondary_6h1y8_133._calloutBanner--information_6h1y8_177 ._calloutBanner__start_6h1y8_17{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_6h1y8_133._calloutBanner--information_6h1y8_177 ._calloutBanner__end_6h1y8_38{border-top:1px solid var(--alto-sem-color-border-information)}._calloutBanner--tertiary_6h1y8_142._calloutBanner--information_6h1y8_177 ._calloutBanner__start_6h1y8_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--information_6h1y8_177:not(._calloutBanner--primary_6h1y8_129) ._calloutBanner__icon_6h1y8_12{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner--neutral_6h1y8_203{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner--primary_6h1y8_129._calloutBanner--neutral_6h1y8_203 ._calloutBanner__start_6h1y8_17{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner--secondary_6h1y8_133._calloutBanner--neutral_6h1y8_203 ._calloutBanner__start_6h1y8_17{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_6h1y8_133._calloutBanner--neutral_6h1y8_203 ._calloutBanner__end_6h1y8_38{border-top:1px solid var(--alto-sem-color-border-secondary)}._calloutBanner--tertiary_6h1y8_142._calloutBanner--neutral_6h1y8_203 ._calloutBanner__start_6h1y8_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--neutral_6h1y8_203:not(._calloutBanner--primary_6h1y8_129) ._calloutBanner__icon_6h1y8_12{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner--tertiary_6h1y8_142{border-color:transparent;gap:var(--alto-sem-space-4xs)}._calloutBanner--tertiary_6h1y8_142 ._calloutBanner__start_6h1y8_17{padding:0}._calloutBanner--tertiary_6h1y8_142 ._calloutBanner__end_6h1y8_38{background:var(--alto-sem-color-bg-layer1-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius)}
1
+ ._calloutBanner_8kmdu_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%}._calloutBanner__icon_8kmdu_12{align-self:flex-start}._calloutBanner_8kmdu_1:has(._calloutBanner__meta-title_8kmdu_21:only-child):has(:not(._calloutBanner__meta-label_8kmdu_19)) ._calloutBanner__start_8kmdu_17{align-items:center}._calloutBanner__start_8kmdu_17{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant);display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__end_8kmdu_38{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm)}._calloutBanner__dismiss_8kmdu_45{right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_8kmdu_19{display:flex;flex-direction:row-reverse;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;gap:var(--alto-sem-space-xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);width:100%}._calloutBanner__meta-content_8kmdu_62{display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);width:100%}._calloutBanner__meta-label_8kmdu_19{align-items:flex-start;display:flex}._calloutBanner__header--row_8kmdu_74{flex-direction:row;justify-content:space-between}._calloutBanner__meta-top_8kmdu_79{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;text-wrap:wrap;word-wrap:break-word;word-break:break-word}._calloutBanner__custom-asset_8kmdu_89{max-width:52px}._calloutBanner__custom-asset_8kmdu_89>:first-child{max-width:inherit}._calloutBanner__meta-title_8kmdu_21{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);margin:0}._calloutBanner__meta-description_8kmdu_103{margin:var(--alto-sem-space-4xs) 0 0}._calloutBanner__severity-label_8kmdu_108{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}._calloutBanner__default-asset--center_8kmdu_119{align-self:center;display:flex}._calloutBanner--critical_8kmdu_125{border-color:var(--alto-sem-color-border-critical)}._calloutBanner--primary_8kmdu_129._calloutBanner--critical_8kmdu_125 ._calloutBanner__start_8kmdu_17{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner--secondary_8kmdu_133._calloutBanner--critical_8kmdu_125 ._calloutBanner__start_8kmdu_17{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_8kmdu_133._calloutBanner--critical_8kmdu_125 ._calloutBanner__end_8kmdu_38{border-top:1px solid var(--alto-sem-color-border-critical)}._calloutBanner--tertiary_8kmdu_142._calloutBanner--critical_8kmdu_125 ._calloutBanner__start_8kmdu_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--critical_8kmdu_125:not(._calloutBanner--primary_8kmdu_129) ._calloutBanner__icon_8kmdu_12{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner--success_8kmdu_151{border-color:var(--alto-sem-color-border-success)}._calloutBanner--primary_8kmdu_129._calloutBanner--success_8kmdu_151 ._calloutBanner__start_8kmdu_17{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner--secondary_8kmdu_133._calloutBanner--success_8kmdu_151 ._calloutBanner__start_8kmdu_17{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_8kmdu_133._calloutBanner--success_8kmdu_151 ._calloutBanner__end_8kmdu_38{border-top:1px solid var(--alto-sem-color-border-success)}._calloutBanner--tertiary_8kmdu_142._calloutBanner--success_8kmdu_151 ._calloutBanner__start_8kmdu_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--success_8kmdu_151:not(._calloutBanner--primary_8kmdu_129) ._calloutBanner__icon_8kmdu_12{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner--information_8kmdu_177{border-color:var(--alto-sem-color-border-information)}._calloutBanner--primary_8kmdu_129._calloutBanner--information_8kmdu_177 ._calloutBanner__start_8kmdu_17{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner--secondary_8kmdu_133._calloutBanner--information_8kmdu_177 ._calloutBanner__start_8kmdu_17{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_8kmdu_133._calloutBanner--information_8kmdu_177 ._calloutBanner__end_8kmdu_38{border-top:1px solid var(--alto-sem-color-border-information)}._calloutBanner--tertiary_8kmdu_142._calloutBanner--information_8kmdu_177 ._calloutBanner__start_8kmdu_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--information_8kmdu_177:not(._calloutBanner--primary_8kmdu_129) ._calloutBanner__icon_8kmdu_12{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner--neutral_8kmdu_203{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner--primary_8kmdu_129._calloutBanner--neutral_8kmdu_203 ._calloutBanner__start_8kmdu_17{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner--secondary_8kmdu_133._calloutBanner--neutral_8kmdu_203 ._calloutBanner__start_8kmdu_17{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_8kmdu_133._calloutBanner--neutral_8kmdu_203 ._calloutBanner__end_8kmdu_38{border-top:1px solid var(--alto-sem-color-border-secondary)}._calloutBanner--tertiary_8kmdu_142._calloutBanner--neutral_8kmdu_203 ._calloutBanner__start_8kmdu_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--neutral_8kmdu_203:not(._calloutBanner--primary_8kmdu_129) ._calloutBanner__icon_8kmdu_12{color:var(--alto-sem-color-fg-primary)}._calloutBanner--tertiary_8kmdu_142{border-color:transparent;gap:var(--alto-sem-space-4xs)}._calloutBanner--tertiary_8kmdu_142 ._calloutBanner__start_8kmdu_17{padding:0}._calloutBanner--tertiary_8kmdu_142 ._calloutBanner__end_8kmdu_38{background:var(--alto-sem-color-bg-layer1-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius)}
package/dist/assets/Checkbox.css CHANGED
@@ -1 +1 @@
1
- ._checkbox_zuklp_2{align-items:flex-start;box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:.571rem;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:36px;padding-top:var(--alto-sem-space-xs);text-align:left}._checkbox_zuklp_2:only-child{min-height:24px;padding-bottom:var(--alto-sem-space-xs)}._checkboxContainer_zuklp_24{display:flex;flex-direction:column}._checkboxLabel_zuklp_29{padding-left:var(--alto-sem-space-3xs)}._checkboxDescription_zuklp_33{padding-left:42px;text-align:left}._checkboxSvgWrapper_zuklp_38{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:2px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:1.5rem;min-width:1.5rem}._checkbox_zuklp_2 ._svg_zuklp_52{fill:none;min-height:1rem;min-width:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s}._checkbox_zuklp_2[data-hovered] ._checkboxSvgWrapper_zuklp_38{border-color:var(--alto-sem-color-border-primary-hover)}._checkbox_zuklp_2[data-pressed] ._checkboxSvgWrapper_zuklp_38{border-color:var(--alto-sem-color-border-primary-active)}._checkbox_zuklp_2[data-focus-visible] ._checkboxSvgWrapper_zuklp_38{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._defaultFocus_zuklp_80[data-focus-visible] ._checkboxSvgWrapper_zuklp_38{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_zuklp_84[data-focus-visible] ._checkboxSvgWrapper_zuklp_38{outline-color:var(--alto-sem-color-border-white)}._checkbox_zuklp_2[data-focus-visible]{outline:none}._checkbox_zuklp_2[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._checkboxSvgWrapper_zuklp_38[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle);cursor:default}._svg_zuklp_52[data-disabled]{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_zuklp_2[data-selected] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_zuklp_2[data-selected][data-hovered] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._checkbox_zuklp_2[data-selected][data-pressed] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._checkbox_zuklp_2[data-selected] ._svg_zuklp_52{stroke-dashoffset:44}._checkbox_zuklp_2[data-indeterminate] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_zuklp_2[data-indeterminate] ._svg_zuklp_52{fill:var(--alto-sem-color-fg-accent-on-vibrant);stroke:var(--alto-sem-color-fg-disabled-onSubtle)}._checkbox_zuklp_2[data-invalid] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-critical-subtle-default);border-color:var(--alto-sem-color-border-critical)}._checkbox_zuklp_2[data-invalid][data-hovered] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-critical-subtle-hover)}._checkbox_zuklp_2[data-invalid][data-pressed] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-tertiary-active)}._checkbox_zuklp_2[data-invalid][data-indeterminate] ._checkboxSvgWrapper_zuklp_38,._checkbox_zuklp_2[data-invalid][data-selected] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-critical-vibrant-default);border-color:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_zuklp_2[data-invalid][data-indeterminate][data-hovered] ._checkboxSvgWrapper_zuklp_38,._checkbox_zuklp_2[data-invalid][data-selected][data-hovered] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_zuklp_2[data-invalid][data-indeterminate][data-pressed] ._checkboxSvgWrapper_zuklp_38,._checkbox_zuklp_2[data-invalid][data-selected][data-pressed] ._checkboxSvgWrapper_zuklp_38{background:var(--alto-sem-color-bg-critical-subtle-active);border-color:var(--alto-sem-color-bg-critical-vibrant-active)}._checkbox_zuklp_2[data-disabled] ._checkboxSvgWrapper_zuklp_38{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._checkbox_zuklp_2[data-disabled] ._svg_zuklp_52{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkboxLabelWrapper_zuklp_179{display:flex;flex-direction:column;justify-content:center}
1
+ ._checkbox_195a9_2{align-items:flex-start;box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:.571rem;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:36px;padding-top:var(--alto-sem-space-xs);text-align:left}._checkbox_195a9_2:only-child{min-height:24px;padding-bottom:var(--alto-sem-space-xs)}._checkboxContainer_195a9_24{display:flex;flex-direction:column}._checkboxLabel_195a9_29{padding-left:var(--alto-sem-space-3xs)}._checkboxDescription_195a9_33{padding-left:42px;text-align:left}._checkboxSvgWrapper_195a9_38{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:2px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:1.5rem;min-width:1.5rem}._checkbox_195a9_2 ._svg_195a9_52{fill:none;min-height:1rem;min-width:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s}._checkbox_195a9_2[data-hovered] ._checkboxSvgWrapper_195a9_38{border-color:var(--alto-sem-color-border-primary-hover)}._checkbox_195a9_2[data-pressed] ._checkboxSvgWrapper_195a9_38{border-color:var(--alto-sem-color-border-primary-active)}._checkbox_195a9_2[data-focus-visible] ._checkboxSvgWrapper_195a9_38{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._defaultFocus_195a9_80[data-focus-visible] ._checkboxSvgWrapper_195a9_38{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_195a9_84[data-focus-visible] ._checkboxSvgWrapper_195a9_38{outline-color:var(--alto-sem-color-border-white)}._checkbox_195a9_2[data-focus-visible]{outline:none}._checkbox_195a9_2[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._checkboxSvgWrapper_195a9_38[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle);cursor:default}._svg_195a9_52[data-disabled]{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_195a9_2[data-selected] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_195a9_2[data-selected][data-hovered] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._checkbox_195a9_2[data-selected][data-pressed] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._checkbox_195a9_2[data-selected] ._svg_195a9_52{stroke-dashoffset:44}._checkbox_195a9_2[data-indeterminate] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_195a9_2[data-indeterminate] ._svg_195a9_52{fill:var(--alto-sem-color-fg-accent-on-vibrant);stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_195a9_2[data-invalid] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-critical-subtle-default);border-color:var(--alto-sem-color-border-critical)}._checkbox_195a9_2[data-invalid][data-hovered] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-critical-subtle-hover)}._checkbox_195a9_2[data-invalid][data-pressed] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-layer2-default)}._checkbox_195a9_2[data-invalid][data-indeterminate] ._checkboxSvgWrapper_195a9_38,._checkbox_195a9_2[data-invalid][data-selected] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-critical-vibrant-default);border-color:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_195a9_2[data-invalid][data-indeterminate][data-hovered] ._checkboxSvgWrapper_195a9_38,._checkbox_195a9_2[data-invalid][data-selected][data-hovered] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_195a9_2[data-invalid][data-indeterminate][data-pressed] ._checkboxSvgWrapper_195a9_38,._checkbox_195a9_2[data-invalid][data-selected][data-pressed] ._checkboxSvgWrapper_195a9_38{background:var(--alto-sem-color-bg-critical-subtle-active);border-color:var(--alto-sem-color-bg-critical-vibrant-active)}._checkbox_195a9_2[data-disabled] ._checkboxSvgWrapper_195a9_38{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._checkbox_195a9_2[data-disabled] ._svg_195a9_52{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkboxLabelWrapper_195a9_179{display:flex;flex-direction:column;justify-content:center}
package/dist/assets/ClearFieldButton.css CHANGED
@@ -1 +1 @@
1
- ._clearFieldButton_hkevp_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:none;border-radius:var(--alto-sem-radius-circle);color:var(--alto-sem-color-fg-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-style:normal;font-weight:900;justify-content:center;line-height:normal;text-align:center}._sm_hkevp_18{height:36px;width:36px}._md_hkevp_23{height:48px;width:48px}._lg_hkevp_28{font-size:1.25rem;height:55px;width:55px}._clearFieldButton_hkevp_1[data-focused],._clearFieldButton_hkevp_1[data-hovered],._clearFieldButton_hkevp_1[data-pressed]{color:var(--alto-sem-color-fg-primary)}._clearFieldButton_hkevp_1[data-focused],._clearFieldButton_hkevp_1[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._clearFieldButton_hkevp_1[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}
1
+ ._clearFieldButton_dnd4g_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:none;border-radius:var(--alto-sem-radius-circle);color:var(--alto-sem-color-fg-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-style:normal;font-weight:900;justify-content:center;line-height:normal;text-align:center}._size--sm_dnd4g_34{height:36px;width:36px}._size--md_dnd4g_38{height:48px;width:48px}._size--lg_dnd4g_42{font-size:1.25rem;height:55px;width:55px}@media(min-width:480px){._sm\:size--sm_dnd4g_1{height:36px;width:36px}._sm\:size--md_dnd4g_1{height:48px;width:48px}._sm\:size--lg_dnd4g_1{font-size:1.25rem;height:55px;width:55px}}@media(min-width:768px){._md\:size--sm_dnd4g_1{height:36px;width:36px}._md\:size--md_dnd4g_1{height:48px;width:48px}._md\:size--lg_dnd4g_1{font-size:1.25rem;height:55px;width:55px}}@media(min-width:1024px){._lg\:size--sm_dnd4g_1{height:36px;width:36px}._lg\:size--md_dnd4g_1{height:48px;width:48px}._lg\:size--lg_dnd4g_1{font-size:1.25rem;height:55px;width:55px}}@media(min-width:1440px){._xl\:size--sm_dnd4g_1{height:36px;width:36px}._xl\:size--md_dnd4g_1{height:48px;width:48px}._xl\:size--lg_dnd4g_1{font-size:1.25rem;height:55px;width:55px}}@media(min-width:1920px){._xxl\:size--sm_dnd4g_1{height:36px;width:36px}._xxl\:size--md_dnd4g_1{height:48px;width:48px}._xxl\:size--lg_dnd4g_1{font-size:1.25rem;height:55px;width:55px}}._clearFieldButton_dnd4g_1[data-focused],._clearFieldButton_dnd4g_1[data-hovered],._clearFieldButton_dnd4g_1[data-pressed]{color:var(--alto-sem-color-fg-primary)}._clearFieldButton_dnd4g_1[data-focused],._clearFieldButton_dnd4g_1[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._clearFieldButton_dnd4g_1[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}
package/dist/assets/Dialog.css CHANGED
@@ -1 +1 @@
1
- ._dialogWrapper_1n625_1{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:99}._overlay_1n625_10{background-color:var(--alto-sem-color-overlay-scrim);inset:0;position:fixed}._dialogWrapper_1n625_1._absolute_1n625_16,._overlay_1n625_10._absolute_1n625_16{position:absolute}._dialog_1n625_1{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius);box-shadow:0 25px 50px -12px #00000040;margin:var(--alto-sem-space-md);max-height:calc(100vh - var(--alto-sem-space-xl)*2);outline:none;overflow-y:auto;padding:var(--alto-sem-space-lg);position:relative;width:calc(100% - var(--alto-sem-space-md)*2)}._dialog_1n625_1._noPadding_1n625_35{padding:0}@media(min-width:640px){._dialog_1n625_1{margin:var(--alto-sem-space-xl);padding:var(--alto-sem-space-xl);width:calc(100% - var(--alto-sem-space-xl)*2)}._dialog_1n625_1._noPadding_1n625_35{padding:0}}@media(min-width:1024px){._dialog_1n625_1{margin:var(--alto-sem-space-2xl);max-height:calc(100vh - var(--alto-sem-space-2xl)*2);padding:var(--alto-sem-space-2xl);width:calc(100% - var(--alto-sem-space-2xl)*2)}._dialog_1n625_1._noPadding_1n625_35{padding:0}}._dialogContent_1n625_64{display:flex;flex-direction:column;gap:var(--alto-sem-space-md);position:relative}._dialogHeading_1n625_71{margin:0}._dialogContentInner_1n625_75{display:flex;flex-direction:column;gap:var(--alto-sem-space-md)}._noHeader_1n625_81 ._dialogContentInner_1n625_75{padding-top:0}._closeButton_1n625_85{align-items:center;background:none;border:none;border-radius:var(--alto-sem-border-radius-sm);color:var(--alto-sem-color-fg-secondary);cursor:pointer;display:flex;justify-content:center;outline:2px solid transparent;outline-offset:2px;position:absolute;right:var(--alto-sem-space-sm);top:var(--alto-sem-space-sm);transition:outline-color .2s ease}._closeButton_1n625_85:focus,._closeButton_1n625_85:hover{background-color:var(--alto-sem-color-bg-hover)}._closeButton_1n625_85:focus{outline-color:var(--alto-sem-color-focus-ring)}._dialogSmall_1n625_111{max-width:25.625rem}._dialogMedium_1n625_115{max-width:39.25rem}._dialogLarge_1n625_119{max-width:52.875rem}
1
+ ._dialogWrapper_1sou5_1{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:99}._overlay_1sou5_10{background-color:var(--alto-sem-color-overlay-scrim);inset:0;position:fixed}._dialogWrapper_1sou5_1._absolute_1sou5_16,._overlay_1sou5_10._absolute_1sou5_16{position:absolute}._dialog_1sou5_1{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius);box-shadow:0 25px 50px -12px #00000040;margin:var(--alto-sem-space-md);max-height:calc(100vh - var(--alto-sem-space-xl)*2);outline:none;overflow-y:auto;padding:var(--alto-sem-space-lg);position:relative;width:calc(100% - var(--alto-sem-space-md)*2)}._dialog_1sou5_1._noPadding_1sou5_35{padding:0}@media(min-width:640px){._dialog_1sou5_1{margin:var(--alto-sem-space-xl);padding:var(--alto-sem-space-xl);width:calc(100% - var(--alto-sem-space-xl)*2)}._dialog_1sou5_1._noPadding_1sou5_35{padding:0}}@media(min-width:1024px){._dialog_1sou5_1{margin:var(--alto-sem-space-2xl);max-height:calc(100vh - var(--alto-sem-space-2xl)*2);padding:var(--alto-sem-space-2xl);width:calc(100% - var(--alto-sem-space-2xl)*2)}._dialog_1sou5_1._noPadding_1sou5_35{padding:0}}._dialogContent_1sou5_64{display:flex;flex-direction:column;gap:var(--alto-sem-space-md);position:relative}._dialogHeading_1sou5_71{margin:0}._dialogContentInner_1sou5_75{display:flex;flex-direction:column;gap:var(--alto-sem-space-md)}._noHeader_1sou5_81 ._dialogContentInner_1sou5_75{padding-top:0}._closeButton_1sou5_85{align-items:center;background:none;border:none;border-radius:var(--alto-sem-radius-sm);color:var(--alto-sem-color-fg-secondary);cursor:pointer;display:flex;justify-content:center;outline:2px solid transparent;outline-offset:2px;position:absolute;right:var(--alto-sem-space-sm);top:var(--alto-sem-space-sm);transition:outline-color .2s ease}._dialogSmall_1sou5_102{max-width:25.625rem}._dialogMedium_1sou5_106{max-width:39.25rem}._dialogLarge_1sou5_110{max-width:52.875rem}
package/dist/assets/ErrorSummary.css CHANGED
@@ -1 +1 @@
1
- ._errorSummary-list_1xa84_1{list-style:none;padding:0}._errorSummary-list_1xa84_1 a{display:block;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-fontSize);font-weight:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-lineHeight);margin:0;margin-bottom:var(--alto-sem-space-sm);padding:0;text-align:left;text-decoration:underline}._errorSummary-list_1xa84_1 a,._errorSummary-list_1xa84_1 a:focus,._errorSummary-list_1xa84_1 a:hover{color:var(--alto-sem-color-fg-critical-primary)}._errorSummary-list__item_1xa84_29{margin-bottom:var(--alto-sem-space-xs)}
1
+ ._errorSummary-list_arcqc_1{list-style:none;padding:0}._errorSummary-list_arcqc_1 a{display:block;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);margin:0;margin-bottom:var(--alto-sem-space-sm);padding:0;text-align:left;text-decoration:underline}._errorSummary-list_arcqc_1 a,._errorSummary-list_arcqc_1 a:focus,._errorSummary-list_arcqc_1 a:hover{color:var(--alto-sem-color-fg-critical-primary)}._errorSummary-list__item_arcqc_29{margin-bottom:var(--alto-sem-space-xs)}
package/dist/assets/IntroSection.css ADDED
@@ -0,0 +1 @@
1
+ ._intro-section_187d3_1{--intro-section-text-align-base-current:var( --intro-section-text-align-base,start );--intro-section-text-align-current:var( --intro-section-text-align-base-current );text-align:var(--intro-section-text-align-current)}._intro-section__header_187d3_13{display:flex;flex-direction:column;width:100%}._intro-section__actions_187d3_20,._intro-section__header_187d3_13{text-align:var(--intro-section-text-align-current)}._intro-section__actions_187d3_20{--intro-section-actions-text-align-base-current:var( --intro-section-actions-text-align-base,var(--intro-section-text-align-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-base-current );text-align:var(--intro-section-actions-text-align-current)}._intro-section__heading_187d3_36{margin:0 0 var(--alto-sem-space-4xs);text-align:inherit}._intro-section__subheading_187d3_41{text-align:inherit}._intro-section__heading_187d3_36>*{margin:0;text-align:inherit}._intro-section__subheading_187d3_41>*{text-align:inherit}._intro-section__start-slot_187d3_54{margin-bottom:var(--alto-sem-space-xs);order:-1}._intro-section__end-slot_187d3_61,._intro-section__start-slot_187d3_54{display:flex;justify-content:var(--intro-section-text-align-current)}._intro-section__actions_187d3_20,._intro-section__end-slot_187d3_61{margin-top:var(--alto-sem-space-xs)}@media(min-width:480px){._intro-section_187d3_1{--intro-section-text-align-sm-current:var( --intro-section-text-align-sm,var(--intro-section-text-align-base-current) );--intro-section-text-align-current:var( --intro-section-text-align-sm-current )}._intro-section__actions_187d3_20{--intro-section-actions-text-align-sm-current:var( --intro-section-actions-text-align-sm,var(--intro-section-actions-text-align-base-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-sm-current )}}@media(min-width:768px){._intro-section_187d3_1{--intro-section-text-align-md-current:var( --intro-section-text-align-md,var(--intro-section-text-align-sm-current) );--intro-section-text-align-current:var( --intro-section-text-align-md-current )}._intro-section__actions_187d3_20{--intro-section-actions-text-align-md-current:var( --intro-section-actions-text-align-md,var(--intro-section-actions-text-align-sm-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-md-current )}}@media(min-width:1024px){._intro-section_187d3_1{--intro-section-text-align-lg-current:var( --intro-section-text-align-lg,var(--intro-section-text-align-md-current) );--intro-section-text-align-current:var( --intro-section-text-align-lg-current )}._intro-section__actions_187d3_20{--intro-section-actions-text-align-lg-current:var( --intro-section-actions-text-align-lg,var(--intro-section-actions-text-align-md-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-lg-current )}}@media(min-width:1440px){._intro-section_187d3_1{--intro-section-text-align-xl-current:var( --intro-section-text-align-xl,var(--intro-section-text-align-lg-current) );--intro-section-text-align-current:var( --intro-section-text-align-xl-current )}._intro-section__actions_187d3_20{--intro-section-actions-text-align-xl-current:var( --intro-section-actions-text-align-xl,var(--intro-section-actions-text-align-lg-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-xl-current )}}@media(min-width:1920px){._intro-section_187d3_1{--intro-section-text-align-xxl-current:var( --intro-section-text-align-xxl,var(--intro-section-text-align-xl-current) );--intro-section-text-align-current:var( --intro-section-text-align-xxl-current )}._intro-section__actions_187d3_20{--intro-section-actions-text-align-xxl-current:var( --intro-section-actions-text-align-xxl,var(--intro-section-actions-text-align-xl-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-xxl-current )}}
package/dist/assets/Link.css CHANGED
@@ -1 +1 @@
1
- ._link_zwiv2_1{display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-link-font-weight)}._link_zwiv2_1,._link_zwiv2_1 ._link__text-wrapper_zwiv2_11{align-items:center;gap:var(--alto-sem-space-4xs);text-decoration:none}._link_zwiv2_1 ._link__text-wrapper_zwiv2_11{display:flex}._xs_zwiv2_18{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_zwiv2_24{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_zwiv2_30{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_zwiv2_36{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._link_zwiv2_1:focus-visible{border-radius:var(--alto-sem-radius-6xs)}._link_zwiv2_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._link_zwiv2_1[data-focused] ._link__text-wrapper_zwiv2_11,._link_zwiv2_1[data-hovered] ._link__text-wrapper_zwiv2_11{-webkit-text-decoration:var(--alto-sem-text-body-link-text-decoration);text-decoration:var(--alto-sem-text-body-link-text-decoration)}._link_zwiv2_1[data-pressed] ._link__text-wrapper_zwiv2_11{text-decoration:none}._link_zwiv2_1[data-disabled] ._link__text-wrapper_zwiv2_11{text-decoration-line:none}._underline_zwiv2_65 ._link__text-wrapper_zwiv2_11{text-decoration:underline}._underline_zwiv2_65[data-focused] ._link__text-wrapper_zwiv2_11,._underline_zwiv2_65[data-hovered] ._link__text-wrapper_zwiv2_11{text-decoration:none}._underline_zwiv2_65[data-pressed] ._link__text-wrapper_zwiv2_11{-webkit-text-decoration:var(--alto-sem-text-body-link-text-decoration);text-decoration:var(--alto-sem-text-body-link-text-decoration)}._underline_zwiv2_65[data-disabled] ._link__text-wrapper_zwiv2_11{text-decoration-line:underline}
1
+ ._link_i9ovf_1{display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-link-font-weight)}._link_i9ovf_1,._link_i9ovf_1 ._link__text-wrapper_i9ovf_11{align-items:center;gap:var(--alto-sem-space-4xs);text-decoration:none}._link_i9ovf_1 ._link__text-wrapper_i9ovf_11{display:flex}._size--xs_i9ovf_42{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._size--sm_i9ovf_45{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._size--md_i9ovf_48{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._size--lg_i9ovf_51{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}@media(min-width:480px){._sm\:size--xs_i9ovf_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm\:size--sm_i9ovf_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._sm\:size--md_i9ovf_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._sm\:size--lg_i9ovf_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}@media(min-width:768px){._md\:size--xs_i9ovf_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._md\:size--sm_i9ovf_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md\:size--md_i9ovf_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._md\:size--lg_i9ovf_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}@media(min-width:1024px){._lg\:size--xs_i9ovf_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._lg\:size--sm_i9ovf_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._lg\:size--md_i9ovf_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg\:size--lg_i9ovf_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}@media(min-width:1440px){._xl\:size--xs_i9ovf_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._xl\:size--sm_i9ovf_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._xl\:size--md_i9ovf_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._xl\:size--lg_i9ovf_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}@media(min-width:1920px){._xxl\:size--xs_i9ovf_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._xxl\:size--sm_i9ovf_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._xxl\:size--md_i9ovf_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._xxl\:size--lg_i9ovf_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}._link_i9ovf_1:focus-visible{border-radius:var(--alto-sem-radius-6xs)}._link_i9ovf_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._link_i9ovf_1[data-focused] ._link__text-wrapper_i9ovf_11,._link_i9ovf_1[data-hovered] ._link__text-wrapper_i9ovf_11{-webkit-text-decoration:var(--alto-sem-text-body-link-text-decoration);text-decoration:var(--alto-sem-text-body-link-text-decoration)}._link_i9ovf_1[data-pressed] ._link__text-wrapper_i9ovf_11{text-decoration:none}._link_i9ovf_1[data-disabled] ._link__text-wrapper_i9ovf_11{text-decoration-line:none}._underline_i9ovf_100 ._link__text-wrapper_i9ovf_11{text-decoration:underline}._underline_i9ovf_100[data-focused] ._link__text-wrapper_i9ovf_11,._underline_i9ovf_100[data-hovered] ._link__text-wrapper_i9ovf_11{text-decoration:none}._underline_i9ovf_100[data-pressed] ._link__text-wrapper_i9ovf_11{-webkit-text-decoration:var(--alto-sem-text-body-link-text-decoration);text-decoration:var(--alto-sem-text-body-link-text-decoration)}._underline_i9ovf_100[data-disabled] ._link__text-wrapper_i9ovf_11{text-decoration-line:underline}
package/dist/assets/ProductTile.css ADDED
@@ -0,0 +1 @@
1
+ ._product-tile_zcaft_1{display:flex;flex-direction:column}._product-tile__media_zcaft_6{flex-shrink:0;height:64px;width:64px}._product-tile__content_zcaft_12{display:flex;flex:1;flex-direction:column;min-width:0}._product-tile__content-details_zcaft_19{align-items:flex-start;display:flex;flex-direction:column;margin-top:var(--alto-sem-space-4xs)}._product-tile__content-icon_zcaft_26{flex-shrink:0;transition:var(--alto-boxlink-transition)}[data-alto-box-link][data-focused]:has(._product-tile_zcaft_1),[data-alto-box-link][data-hovered]:has(._product-tile_zcaft_1),[data-alto-box-link][data-pressed]:has(._product-tile_zcaft_1){transform:translateY(0)}[data-alto-box-link][data-focused] ._product-tile__content-title_zcaft_38 p,[data-alto-box-link][data-hovered] ._product-tile__content-title_zcaft_38 p,[data-alto-box-link][data-pressed] ._product-tile__content-title_zcaft_38 p{-webkit-text-decoration:var(--alto-sem-text-body-link-text-decoration);text-decoration:var(--alto-sem-text-body-link-text-decoration)}[data-alto-box-link][data-focused] ._product-tile__content-icon_zcaft_26,[data-alto-box-link][data-hovered] ._product-tile__content-icon_zcaft_26,[data-alto-box-link][data-pressed] ._product-tile__content-icon_zcaft_26{transform:translate(4px)}[dir=rtl] [data-alto-box-link] ._product-tile__content-icon_zcaft_26{transform:rotate(180deg)}[dir=rtl] [data-alto-box-link][data-focused] ._product-tile__content-icon_zcaft_26,[dir=rtl] [data-alto-box-link][data-hovered] ._product-tile__content-icon_zcaft_26,[dir=rtl] [data-alto-box-link][data-pressed] ._product-tile__content-icon_zcaft_26{transform:translate(-4px) rotate(180deg)}
package/dist/assets/Radio.css CHANGED
@@ -1 +1 @@
1
- ._radio_ikohc_1{align-items:center;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-sm);justify-content:flex-start;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px}._radio_ikohc_1[data-focus-visible]{outline:none}._radio_ikohc_1:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;height:1.5rem;transition:all .2s;width:1.5rem}._radio_ikohc_1[data-hovered]:before{border-color:var(--alto-sem-color-border-primary-hover)}._radio_ikohc_1[data-focus-visible]:before{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md);transition:none}._defaultFocus_ikohc_44[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_ikohc_48[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-white)}._radio_ikohc_1[data-pressed]:before{border-color:var(--alto-sem-color-border-primary-active)}._radio_ikohc_1[data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._radio_ikohc_1[data-selected][data-hovered]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_ikohc_1[data-selected][data-focused]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_ikohc_1[data-selected][data-focus-visible]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_ikohc_1[data-selected][data-pressed]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_ikohc_1[data-invalid]:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._radio_ikohc_1[data-invalid][data-hovered]:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._radio_ikohc_1[data-invalid][data-focused]:before{border-color:var(--alto-sem-color-border-critical)}._radio_ikohc_1[data-invalid][data-focus-visible]:before,._radio_ikohc_1[data-invalid][data-pressed]:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._radio_ikohc_1[data-invalid][data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._radio_ikohc_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:default;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._radio_ikohc_1[data-disabled]:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._radio_ikohc_1[data-disabled][data-selected]:before{border-width:.5rem}
1
+ ._radio_s2boa_1{align-items:center;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-sm);justify-content:flex-start;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px}._radio_s2boa_1[data-focus-visible]{outline:none}._radio_s2boa_1:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;height:1.5rem;transition:all .2s;width:1.5rem}._radio_s2boa_1[data-hovered]:before{border-color:var(--alto-sem-color-border-primary-hover)}._radio_s2boa_1[data-focus-visible]:before{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md);transition:none}._defaultFocus_s2boa_44[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_s2boa_48[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-white)}._radio_s2boa_1[data-pressed]:before{border-color:var(--alto-sem-color-border-primary-active)}._radio_s2boa_1[data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._radio_s2boa_1[data-selected][data-hovered]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_s2boa_1[data-selected][data-focused]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_s2boa_1[data-selected][data-focus-visible]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_s2boa_1[data-selected][data-pressed]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_s2boa_1[data-invalid]:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._radio_s2boa_1[data-invalid][data-hovered]:before{background-color:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-critical)}._radio_s2boa_1[data-invalid][data-focused]:before{border-color:var(--alto-sem-color-border-critical)}._radio_s2boa_1[data-invalid][data-focus-visible]:before,._radio_s2boa_1[data-invalid][data-pressed]:before{background-color:var(--alto-sem-color-bg-layer2-default);border-color:var(--alto-sem-color-border-critical)}._radio_s2boa_1[data-invalid][data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._radio_s2boa_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:default;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._radio_s2boa_1[data-disabled]:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._radio_s2boa_1[data-disabled][data-selected]:before{border-width:.5rem}
package/dist/assets/SelectCard.css CHANGED
@@ -1 +1 @@
1
- ._select-card_1a6ct_1{align-items:stretch;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_1a6ct_1:has([data-hovered]){background:var(--alto-sem-color-bg-layer2-hover)}._select-card_1a6ct_1:has([data-pressed]){background:var(--alto-sem-color-bg-layer2-active)}._select-card_1a6ct_1:has([data-selected]) ._select-card__details_1a6ct_23{display:block}._select-card_1a6ct_1:has([data-focus-visible]){border-color:var(--alto-sem-color-border-accent);outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-sm)}._select-card_1a6ct_1:has([data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1a6ct_1:has([data-disabled]) ._select-card__body_1a6ct_43,._select-card_1a6ct_1:has([data-disabled]) ._select-card__end-slot_1a6ct_42,._select-card_1a6ct_1:has([data-disabled]) ._select-card__header-content-wrapper_1a6ct_40,._select-card_1a6ct_1:has([data-disabled]) ._select-card__start-slot_1a6ct_41{opacity:var(--alto-sem-opacity-50)}._select-card_1a6ct_1:has([data-disabled]) ._select-card__label-title_1a6ct_47{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card_1a6ct_1[data-select-control=false]:has([data-selected]){border-color:var(--alto-sem-color-border-accent)}._select-card_1a6ct_1[data-select-control=false]:has([data-focus-visible][data-selected]){outline-width:var(--alto-sem-border-width-lg)}._select-card__header_1a6ct_40{align-items:center;cursor:pointer;display:flex;gap:var(--alto-sem-space-xs)}._select-card__header_1a6ct_40[data-focus-visible]{outline:none}._select-card__header-content-wrapper_1a6ct_40{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__label_1a6ct_47{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}._select-card__label-title_1a6ct_47{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card__details_1a6ct_23{display:none}._select-card__checkbox-input_1a6ct_106{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:2px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;height:1.5rem;justify-content:center;width:1.5rem}._select-card__header_1a6ct_40[data-indeterminate] ._select-card__checkbox-input_1a6ct_106,._select-card__header_1a6ct_40[data-indeterminate][data-hovered] ._select-card__checkbox-input_1a6ct_106,._select-card__header_1a6ct_40[data-selected] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__header_1a6ct_40[data-selected][data-hovered] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__header_1a6ct_40[data-selected][data-pressed] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__header_1a6ct_40[data-hovered] ._select-card__checkbox-input_1a6ct_106{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__header_1a6ct_40[data-pressed] ._select-card__checkbox-input_1a6ct_106{border-color:var(--alto-sem-color-border-primary-active)}._select-card__header_1a6ct_40[data-disabled] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card__header_1a6ct_40[data-disabled][data-selected] ._select-card__checkbox-input_1a6ct_106{border-color:transparent}._select-card__header_1a6ct_40[data-invalid] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-critical-subtle-default);border-color:var(--alto-sem-color-border-critical)}._select-card__header_1a6ct_40[data-invalid][data-hovered] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-critical-subtle-hover)}._select-card__header_1a6ct_40[data-invalid][data-pressed] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-tertiary-active)}._select-card__header_1a6ct_40[data-invalid][data-indeterminate] ._select-card__checkbox-input_1a6ct_106,._select-card__header_1a6ct_40[data-invalid][data-selected] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-critical-vibrant-default);border-color:var(--alto-sem-color-bg-critical-vibrant-hover)}._select-card__header_1a6ct_40[data-invalid][data-indeterminate][data-hovered] ._select-card__checkbox-input_1a6ct_106,._select-card__header_1a6ct_40[data-invalid][data-selected][data-hovered] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._select-card__header_1a6ct_40[data-invalid][data-indeterminate][data-pressed] ._select-card__checkbox-input_1a6ct_106,._select-card__header_1a6ct_40[data-invalid][data-selected][data-pressed] ._select-card__checkbox-input_1a6ct_106{background:var(--alto-sem-color-bg-critical-subtle-active);border-color:var(--alto-sem-color-bg-critical-vibrant-active)}._select-card__checkbox-input-icon_1a6ct_190{fill:none;min-height:1rem;min-width:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s}._select-card__header_1a6ct_40[data-selected] ._select-card__checkbox-input-icon_1a6ct_190{stroke-dashoffset:44}._select-card__header_1a6ct_40[data-disabled] ._select-card__checkbox-input-icon_1a6ct_190{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__header_1a6ct_40[data-indeterminate] ._select-card__checkbox-input-icon_1a6ct_190{fill:var(--alto-sem-color-fg-accent-on-vibrant);stroke:none;transition:none}._select-card__radio-input_1a6ct_216{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;display:block;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__header_1a6ct_40[data-hovered] ._select-card__radio-input_1a6ct_216{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__header_1a6ct_40[data-pressed] ._select-card__radio-input_1a6ct_216{border-color:var(--alto-sem-color-border-primary-active)}._select-card__header_1a6ct_40[data-selected] ._select-card__radio-input_1a6ct_216{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._select-card__header_1a6ct_40[data-selected][data-hovered] ._select-card__radio-input_1a6ct_216{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__header_1a6ct_40[data-selected][data-focused] ._select-card__radio-input_1a6ct_216{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__header_1a6ct_40[data-selected][data-focus-visible] ._select-card__radio-input_1a6ct_216{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__header_1a6ct_40[data-selected][data-pressed] ._select-card__radio-input_1a6ct_216{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__header_1a6ct_40[data-invalid] ._select-card__radio-input_1a6ct_216{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._select-card__header_1a6ct_40[data-invalid][data-hovered] ._select-card__radio-input_1a6ct_216{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__header_1a6ct_40[data-invalid][data-focused] ._select-card__radio-input_1a6ct_216{border-color:var(--alto-sem-color-border-critical)}._select-card__header_1a6ct_40[data-invalid][data-focus-visible] ._select-card__radio-input_1a6ct_216,._select-card__header_1a6ct_40[data-invalid][data-pressed] ._select-card__radio-input_1a6ct_216{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__header_1a6ct_40[data-invalid][data-selected] ._select-card__radio-input_1a6ct_216{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__header_1a6ct_40[data-disabled] ._select-card__radio-input_1a6ct_216{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._select-card__header_1a6ct_40[data-disabled][data-selected] ._select-card__radio-input_1a6ct_216{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}
1
+ ._select-card_k6svz_1{align-items:stretch;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_k6svz_1:has([data-hovered]){background:var(--alto-sem-color-bg-layer2-hover)}._select-card_k6svz_1:has([data-pressed]){background:var(--alto-sem-color-bg-layer2-active)}._select-card_k6svz_1:has([data-selected]) ._select-card__details_k6svz_23{display:block}._select-card_k6svz_1:has([data-focus-visible]){border-color:var(--alto-sem-color-border-accent);outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-sm)}._select-card_k6svz_1:has([data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_k6svz_1:has([data-disabled]) ._select-card__body_k6svz_43,._select-card_k6svz_1:has([data-disabled]) ._select-card__end-slot_k6svz_42,._select-card_k6svz_1:has([data-disabled]) ._select-card__header-content-wrapper_k6svz_40,._select-card_k6svz_1:has([data-disabled]) ._select-card__start-slot_k6svz_41{opacity:var(--alto-sem-opacity-50)}._select-card_k6svz_1:has([data-disabled]) ._select-card__label-title_k6svz_47{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card_k6svz_1[data-select-control=false]:has([data-selected]){border-color:var(--alto-sem-color-border-accent)}._select-card_k6svz_1[data-select-control=false]:has([data-focus-visible][data-selected]){outline-width:var(--alto-sem-border-width-lg)}._select-card__header_k6svz_40{align-items:center;cursor:pointer;display:flex;gap:var(--alto-sem-space-xs)}._select-card__header_k6svz_40[data-focus-visible]{outline:none}._select-card__header-content-wrapper_k6svz_40{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__label_k6svz_47{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}._select-card__label-title_k6svz_47{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card__details_k6svz_23{display:none}._select-card__checkbox-input_k6svz_106{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:2px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;height:1.5rem;justify-content:center;width:1.5rem}._select-card__header_k6svz_40[data-indeterminate] ._select-card__checkbox-input_k6svz_106,._select-card__header_k6svz_40[data-indeterminate][data-hovered] ._select-card__checkbox-input_k6svz_106,._select-card__header_k6svz_40[data-selected] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__header_k6svz_40[data-selected][data-hovered] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__header_k6svz_40[data-selected][data-pressed] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__header_k6svz_40[data-hovered] ._select-card__checkbox-input_k6svz_106{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__header_k6svz_40[data-pressed] ._select-card__checkbox-input_k6svz_106{border-color:var(--alto-sem-color-border-primary-active)}._select-card__header_k6svz_40[data-disabled] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card__header_k6svz_40[data-disabled][data-selected] ._select-card__checkbox-input_k6svz_106{border-color:transparent}._select-card__header_k6svz_40[data-invalid] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-critical-subtle-default);border-color:var(--alto-sem-color-border-critical)}._select-card__header_k6svz_40[data-invalid][data-hovered] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-critical-subtle-hover)}._select-card__header_k6svz_40[data-invalid][data-pressed] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-layer2-default)}._select-card__header_k6svz_40[data-invalid][data-indeterminate] ._select-card__checkbox-input_k6svz_106,._select-card__header_k6svz_40[data-invalid][data-selected] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-critical-vibrant-default);border-color:var(--alto-sem-color-bg-critical-vibrant-hover)}._select-card__header_k6svz_40[data-invalid][data-indeterminate][data-hovered] ._select-card__checkbox-input_k6svz_106,._select-card__header_k6svz_40[data-invalid][data-selected][data-hovered] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._select-card__header_k6svz_40[data-invalid][data-indeterminate][data-pressed] ._select-card__checkbox-input_k6svz_106,._select-card__header_k6svz_40[data-invalid][data-selected][data-pressed] ._select-card__checkbox-input_k6svz_106{background:var(--alto-sem-color-bg-critical-subtle-active);border-color:var(--alto-sem-color-bg-critical-vibrant-active)}._select-card__checkbox-input-icon_k6svz_190{fill:none;min-height:1rem;min-width:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s}._select-card__header_k6svz_40[data-selected] ._select-card__checkbox-input-icon_k6svz_190{stroke-dashoffset:44}._select-card__header_k6svz_40[data-disabled] ._select-card__checkbox-input-icon_k6svz_190{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__header_k6svz_40[data-indeterminate] ._select-card__checkbox-input-icon_k6svz_190{fill:var(--alto-sem-color-fg-accent-on-vibrant);stroke:none;transition:none}._select-card__radio-input_k6svz_216{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;display:block;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__header_k6svz_40[data-hovered] ._select-card__radio-input_k6svz_216{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__header_k6svz_40[data-pressed] ._select-card__radio-input_k6svz_216{border-color:var(--alto-sem-color-border-primary-active)}._select-card__header_k6svz_40[data-selected] ._select-card__radio-input_k6svz_216{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._select-card__header_k6svz_40[data-selected][data-hovered] ._select-card__radio-input_k6svz_216{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__header_k6svz_40[data-selected][data-focused] ._select-card__radio-input_k6svz_216{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__header_k6svz_40[data-selected][data-focus-visible] ._select-card__radio-input_k6svz_216{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__header_k6svz_40[data-selected][data-pressed] ._select-card__radio-input_k6svz_216{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__header_k6svz_40[data-invalid] ._select-card__radio-input_k6svz_216{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._select-card__header_k6svz_40[data-invalid][data-hovered] ._select-card__radio-input_k6svz_216{background-color:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__header_k6svz_40[data-invalid][data-focused] ._select-card__radio-input_k6svz_216{border-color:var(--alto-sem-color-border-critical)}._select-card__header_k6svz_40[data-invalid][data-focus-visible] ._select-card__radio-input_k6svz_216,._select-card__header_k6svz_40[data-invalid][data-pressed] ._select-card__radio-input_k6svz_216{background-color:var(--alto-sem-color-bg-layer2-default);border-color:var(--alto-sem-color-border-critical)}._select-card__header_k6svz_40[data-invalid][data-selected] ._select-card__radio-input_k6svz_216{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__header_k6svz_40[data-disabled] ._select-card__radio-input_k6svz_216{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._select-card__header_k6svz_40[data-disabled][data-selected] ._select-card__radio-input_k6svz_216{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}
package/dist/assets/Tag.css CHANGED
@@ -1 +1 @@
1
- ._tag_1jz2y_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-tag-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);min-height:2.125rem;padding:0 var(--alto-sem-space-xs);position:relative}._tag_1jz2y_1._isRemovable_1jz2y_21{padding-right:0}._tag_1jz2y_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-primary-hover)}._tag_1jz2y_1[data-pressed]{background-color:var(--alto-sem-color-bg-accent-vibrant-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1 [slot=remove]{background:none;color:var(--alto-sem-color-fg-primary);height:inherit}._tag_1jz2y_1 [slot=remove][data-focused],._tag_1jz2y_1 [slot=remove][data-hovered]{background-color:var(--alto-sem-color-bg-state-overlay-darken-invert-hover);border-radius:0 7px 7px 0}._tag_1jz2y_1[data-pressed] [slot=remove],._tag_1jz2y_1[data-selected]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border:1px solid transparent}._tag_1jz2y_1[data-selected][data-hovered]{background-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._tag_1jz2y_1[data-selected][data-pressed]{background-color:var(--alto-sem-color-bg-layer2-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_1jz2y_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._tag_1jz2y_1[data-selected] [slot=remove]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1[data-selected][data-pressed] [slot=remove]{color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_1jz2y_1[data-selected] [slot=remove][data-hovered]{border-radius:0 var(--alto-tag-radius) var(--alto-tag-radius) 0}._tag_1jz2y_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:none}._tag_1jz2y_1[data-disabled],._tag_1jz2y_1[data-disabled] [slot=remove]{color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:default}._tag_1jz2y_1[data-disabled] [slot=remove][data-hovered]{background-color:inherit;border-radius:inherit}._tag_1jz2y_1[data-href]{cursor:pointer;text-decoration:none}._iconWrapper_1jz2y_123{display:flex;padding-right:9.5px}
1
+ ._tag_1piub_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-tag-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);min-height:2.125rem;padding:0 var(--alto-sem-space-xs);position:relative}._tag_1piub_1._isRemovable_1piub_21{padding-right:0}._tag_1piub_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-primary-hover)}._tag_1piub_1[data-pressed]{background-color:var(--alto-sem-color-bg-accent-vibrant-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1piub_1 [slot=remove]{background:none;color:var(--alto-sem-color-fg-primary);height:inherit}._tag_1piub_1 [slot=remove][data-focused],._tag_1piub_1 [slot=remove][data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:0 7px 7px 0}._tag_1piub_1[data-pressed] [slot=remove],._tag_1piub_1[data-selected]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1piub_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border:1px solid transparent}._tag_1piub_1[data-selected][data-hovered]{background-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._tag_1piub_1[data-selected][data-pressed]{background-color:var(--alto-sem-color-bg-layer2-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-inverse-on-subtle)}._tag_1piub_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._tag_1piub_1[data-selected] [slot=remove]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1piub_1[data-selected][data-pressed] [slot=remove]{color:var(--alto-sem-color-fg-inverse-on-subtle)}._tag_1piub_1[data-selected] [slot=remove][data-hovered]{border-radius:0 var(--alto-tag-radius) var(--alto-tag-radius) 0}._tag_1piub_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:none}._tag_1piub_1[data-disabled],._tag_1piub_1[data-disabled] [slot=remove]{color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:default}._tag_1piub_1[data-disabled] [slot=remove][data-hovered]{background-color:inherit;border-radius:inherit}._tag_1piub_1[data-href]{cursor:pointer;text-decoration:none}._iconWrapper_1piub_122{display:flex;padding-right:9.5px}
package/dist/components/Accordion/Accordion.js CHANGED
@@ -1,13 +1,13 @@
1
- import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import o from"react";import{Disclosure as r,DisclosureGroup as i,Button as c,DisclosurePanel as a}from"react-aria-components";import{Icon as l}from"../Icon/Icon.js";import '../../assets/Accordion.css';const d={accordion:"_accordion_e8obt_1",accordionGroup:"_accordionGroup_e8obt_16",accordionStack:"_accordionStack_e8obt_22",accordionHeader:"_accordionHeader_e8obt_28",trigger:"_trigger_e8obt_35",buttonContent:"_buttonContent_e8obt_44",titleContainer:"_titleContainer_e8obt_52",titleWrapper:"_titleWrapper_e8obt_59",endContainer:"_endContainer_e8obt_64",startSlot:"_startSlot_e8obt_70",endSlot:"_endSlot_e8obt_71",accordionTitle:"_accordionTitle_e8obt_76",accordionDescription:"_accordionDescription_e8obt_90",iconWrapper:"_iconWrapper_e8obt_100",panelContent:"_panelContent_e8obt_132"},s=({title:n,description:o,startSlot:r,endSlot:i,id:a,headingLevel:s="h3"})=>{const p=s;/* @__PURE__ */
2
- return t(c,{slot:"trigger",className:d.trigger,...a?{id:a}:{},children:/* @__PURE__ */e("span",{className:d.buttonContent,children:[
3
- /* @__PURE__ */e("span",{className:d.titleContainer,children:[r&&/* @__PURE__ */t("span",{className:d.startSlot,children:r}),
4
- /* @__PURE__ */e("div",{className:d.titleWrapper,children:[
5
- /* @__PURE__ */t(p,{className:d.accordionTitle,children:n}),o&&/* @__PURE__ */t("p",{className:d.accordionDescription,children:o})]})]}),
6
- /* @__PURE__ */e("span",{className:d.endContainer,children:[i&&/* @__PURE__ */t("span",{className:d.endSlot,children:i}),
7
- /* @__PURE__ */t(l,{iconName:"chevron-down",iconPrefix:"fas",className:d.iconWrapper,color:"accentSecondary"})]})]})})},p=({children:e,...n})=>{const r=o.useRef(null);return o.useEffect(()=>{const e=r.current;if(!e)return;const t=e.closest('[role="group"]');if(!t)return;requestAnimationFrame(()=>{const n=e.scrollHeight;t.style.setProperty("--group-height",`${n}px`)});const n=()=>{const n=e.scrollHeight;t.style.setProperty("--group-height",`${n}px`)};n();const o=new ResizeObserver(()=>{n()});return o.observe(e),o.observe(t),window.addEventListener("resize",n),()=>{o.disconnect(),window.removeEventListener("resize",n)}},[]),/* @__PURE__ */t(a,{...n,children:/* @__PURE__ */t("div",{ref:r,className:d.panelContent,children:e})})},_=({children:e})=>/* @__PURE__ */t(n,{children:e}),h=({children:e})=>/* @__PURE__ */t(n,{children:e}),m=({title:n,description:i,children:c,defaultExpanded:a=!1,className:l,titleStart:m,titleEnd:u,id:f,headingLevel:b="h3",...g})=>{const N=[d.accordion,l].filter(Boolean).join(" ");let S=m,C=u;const E=o.Children.map(c,e=>{const t=e;return t.type===_?(S=t.props.children,null):t.type===h?(C=t.props.children,null):t})?.filter(Boolean);/* @__PURE__ */
8
- return e(r,{className:N,defaultExpanded:a,id:f,...g,children:[
9
- /* @__PURE__ */t(s,{title:n,description:i,startSlot:S,endSlot:C,id:f,headingLevel:b}),
10
- /* @__PURE__ */t(p,{children:E})]})},u=({title:n,description:r,children:c,className:a,allowsMultipleExpanded:l=!0})=>{const s=[d.accordionGroup,a].filter(Boolean).join(" "),p=o.Children.toArray(c).map((e,t)=>o.isValidElement(e)&&"object"==typeof e.props&&null!==e.props&&"defaultExpanded"in e.props&&e.props.defaultExpanded?`accordion-${t}`:null).filter(e=>null!==e);/* @__PURE__ */
11
- return e("div",{className:s,children:[(n||r)&&/* @__PURE__ */e("div",{className:d.accordionHeader,children:[n,r]}),
12
- /* @__PURE__ */t(i,{className:d.accordionStack,allowsMultipleExpanded:l,defaultExpandedKeys:p,children:o.Children.map(c,(e,t)=>o.isValidElement(e)?o.cloneElement(e,{key:`accordion-${t}`,id:e.props?.id||`accordion-${t}`}):e)})]})};m.StartSlot=_,m.EndSlot=h;export{m as Accordion,u as AccordionGroup,h as EndSlot,_ as StartSlot,m as default};
1
+ import{jsxs as o,jsx as e,Fragment as n}from"react/jsx-runtime";import r from"react";import{Disclosure as c,DisclosureGroup as i,Button as t,DisclosurePanel as a}from"react-aria-components";import{Icon as d}from"../Icon/Icon.js";import '../../assets/Accordion.css';const l={accordion:"_accordion_odvuq_1","accordion-group":"_accordion-group_odvuq_16","accordion-group__stack":"_accordion-group__stack_odvuq_22","accordion-group__header":"_accordion-group__header_odvuq_28",accordion__trigger:"_accordion__trigger_odvuq_35","accordion__button-content":"_accordion__button-content_odvuq_44","accordion__title-container":"_accordion__title-container_odvuq_52","accordion__title-wrapper":"_accordion__title-wrapper_odvuq_59","accordion__end-container":"_accordion__end-container_odvuq_64","accordion__start-slot":"_accordion__start-slot_odvuq_70","accordion__end-slot":"_accordion__end-slot_odvuq_71",accordion__title:"_accordion__title_odvuq_52",accordion__description:"_accordion__description_odvuq_90","accordion__icon-wrapper":"_accordion__icon-wrapper_odvuq_100","accordion__panel-content":"_accordion__panel-content_odvuq_132"},_=({title:n,description:r,startSlot:c,endSlot:i,id:a,headingLevel:_="h3"})=>{const s=_;/* @__PURE__ */
2
+ return e(t,{slot:"trigger",className:l.accordion__trigger,...a?{id:a}:{},children:/* @__PURE__ */o("span",{className:l["accordion__button-content"],children:[
3
+ /* @__PURE__ */o("span",{className:l["accordion__title-container"],children:[c&&/* @__PURE__ */e("span",{className:l["accordion__start-slot"],children:c}),
4
+ /* @__PURE__ */o("div",{className:l["accordion__title-wrapper"],children:[
5
+ /* @__PURE__ */e(s,{className:l.accordion__title,children:n}),r&&/* @__PURE__ */e("p",{className:l.accordion__description,children:r})]})]}),
6
+ /* @__PURE__ */o("span",{className:l["accordion__end-container"],children:[i&&/* @__PURE__ */e("span",{className:l["accordion__end-slot"],children:i}),
7
+ /* @__PURE__ */e(d,{iconName:"chevron-down",iconPrefix:"fas",className:l["accordion__icon-wrapper"],color:"accentSecondary"})]})]})})},s=({children:o,...n})=>{const c=r.useRef(null);return r.useEffect(()=>{const o=c.current;if(!o)return;const e=o.closest('[role="group"]');if(!e)return;requestAnimationFrame(()=>{const n=o.scrollHeight;e.style.setProperty("--group-height",`${n}px`)});const n=()=>{const n=o.scrollHeight;e.style.setProperty("--group-height",`${n}px`)};n();const r=new ResizeObserver(()=>{n()});return r.observe(o),r.observe(e),window.addEventListener("resize",n),()=>{r.disconnect(),window.removeEventListener("resize",n)}},[]),/* @__PURE__ */e(a,{...n,children:/* @__PURE__ */e("div",{ref:c,className:l["accordion__panel-content"],children:o})})},p=({children:o})=>/* @__PURE__ */e(n,{children:o}),u=({children:o})=>/* @__PURE__ */e(n,{children:o}),h=({title:n,description:i,children:t,defaultExpanded:a=!1,className:d,titleStart:h,titleEnd:m,id:v,headingLevel:g="h3",...f})=>{const N=[l.accordion,d].filter(Boolean).join(" ");let q=h,E=m;const w=r.Children.map(t,o=>{const e=o;return e.type===p?(q=e.props.children,null):e.type===u?(E=e.props.children,null):e})?.filter(Boolean);/* @__PURE__ */
8
+ return o(c,{className:N,defaultExpanded:a,id:v,...f,children:[
9
+ /* @__PURE__ */e(_,{title:n,description:i,startSlot:q,endSlot:E,id:v,headingLevel:g}),
10
+ /* @__PURE__ */e(s,{children:w})]})},m=({title:n,description:c,children:t,className:a,allowsMultipleExpanded:d=!0})=>{const _=[l["accordion-group"],a].filter(Boolean).join(" "),s=r.Children.toArray(t).map((o,e)=>r.isValidElement(o)&&"object"==typeof o.props&&null!==o.props&&"defaultExpanded"in o.props&&o.props.defaultExpanded?`accordion-${e}`:null).filter(o=>null!==o);/* @__PURE__ */
11
+ return o("div",{className:_,children:[(n||c)&&/* @__PURE__ */o("div",{className:l["accordion-group__header"],children:[n,c]}),
12
+ /* @__PURE__ */e(i,{className:l["accordion-group__stack"],allowsMultipleExpanded:d,defaultExpandedKeys:s,children:r.Children.map(t,(o,e)=>r.isValidElement(o)?r.cloneElement(o,{key:`accordion-${e}`,id:o.props?.id||`accordion-${e}`}):o)})]})};h.StartSlot=p,h.EndSlot=u;export{h as Accordion,m as AccordionGroup,u as EndSlot,p as StartSlot,h as default};
13
13
  //# sourceMappingURL=Accordion.js.map
package/dist/components/Accordion/Accordion.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport {\n Disclosure as AriaDisclosure,\n type DisclosureProps as AriaDisclosureProps,\n Button as AriaButton,\n DisclosurePanel as AriaDisclosurePanel,\n DisclosureGroup as AriaDisclosureGroup,\n} from 'react-aria-components';\nimport { Icon } from '../Icon/Icon';\nimport styles from './Accordion.module.css';\n\ntype HeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface AccordionProps extends Omit<AriaDisclosureProps, 'children'> {\n /** The title text displayed in the accordion header */\n title: string;\n\n /** Optional description text displayed below the title */\n description?: string;\n\n /** Content rendered inside the accordion when expanded */\n children: React.ReactNode;\n\n /** Controls if accordion is expanded on initial render */\n defaultExpanded?: boolean;\n\n /** Additional CSS class for custom styling */\n className?: string;\n\n /**\n * Content (typically an icon) rendered before the heading.\n * **Deprecated. Use `Accordion.StartSlot` instead**\n * @deprecated\n */\n titleStart?: React.ReactNode;\n\n /**\n * Content (typically an icon) rendered after the heading.\n * **Deprecated. Use `Accordion.EndSlot` instead**\n * @deprecated\n */\n titleEnd?: React.ReactNode;\n\n /** Unique identifier for the accordion */\n id?: string;\n\n /** The semantic heading level for the accordion title */\n headingLevel?: HeadingLevel;\n\n /** Whether the accordion is disabled and cannot be interacted with */\n isDisabled?: boolean;\n}\n\ninterface AccordionTriggerProps\n extends Pick<\n AccordionProps,\n 'title' | 'description' | 'id' | 'headingLevel'\n > {\n startSlot?: React.ReactNode;\n endSlot?: React.ReactNode;\n}\n\nconst AccordionTrigger = ({\n title,\n description,\n startSlot,\n endSlot,\n id,\n headingLevel = 'h3',\n}: AccordionTriggerProps) => {\n const HeadingElement = headingLevel;\n\n return (\n <AriaButton\n slot=\"trigger\"\n className={styles.trigger}\n {...(id ? { id } : {})}\n >\n <span className={styles.buttonContent}>\n <span className={styles.titleContainer}>\n {startSlot && <span className={styles.startSlot}>{startSlot}</span>}\n <div className={styles.titleWrapper}>\n <HeadingElement className={styles.accordionTitle}>\n {title}\n </HeadingElement>\n {description && (\n <p className={styles.accordionDescription}>{description}</p>\n )}\n </div>\n </span>\n <span className={styles.endContainer}>\n {endSlot && <span className={styles.endSlot}>{endSlot}</span>}\n <Icon\n iconName=\"chevron-down\"\n iconPrefix=\"fas\"\n className={styles.iconWrapper}\n color=\"accentSecondary\"\n />\n </span>\n </span>\n </AriaButton>\n );\n};\n\nconst AccordionPanel = ({\n children,\n ...props\n}: React.ComponentProps<typeof AriaDisclosurePanel>) => {\n const contentRef = React.useRef<HTMLDivElement>(null);\n\n React.useEffect(() => {\n const content = contentRef.current;\n if (!content) return;\n\n // Get the parent group element\n const group = content.closest('[role=\"group\"]') as HTMLElement;\n if (!group) return;\n\n requestAnimationFrame(() => {\n const height = content.scrollHeight;\n group.style.setProperty('--group-height', `${height}px`);\n });\n\n const updateHeight = () => {\n const height = content.scrollHeight;\n group.style.setProperty('--group-height', `${height}px`);\n };\n\n updateHeight();\n\n const resizeObserver = new ResizeObserver(() => {\n updateHeight();\n });\n\n resizeObserver.observe(content);\n resizeObserver.observe(group);\n\n window.addEventListener('resize', updateHeight);\n\n return () => {\n resizeObserver.disconnect();\n window.removeEventListener('resize', updateHeight);\n };\n }, []);\n\n return (\n <AriaDisclosurePanel {...props}>\n <div ref={contentRef} className={styles.panelContent}>\n {children}\n </div>\n </AriaDisclosurePanel>\n );\n};\n\ninterface SlotProps {\n children: React.ReactNode;\n}\n\nexport const StartSlot = ({ children }: SlotProps) => <>{children}</>;\nexport const EndSlot = ({ children }: SlotProps) => <>{children}</>;\n\nexport const Accordion = ({\n title,\n description,\n children,\n defaultExpanded = false,\n className,\n titleStart,\n titleEnd,\n id,\n headingLevel = 'h3',\n ...props\n}: AccordionProps) => {\n const accordionClasses = [styles.accordion, className]\n .filter(Boolean)\n .join(' ');\n\n // Pick start and end content out of `children`\n let startSlot = titleStart;\n let endSlot = titleEnd;\n const panelContent = React.Children.map(children, (child) => {\n const childElement = child as ReactElement<SlotProps>;\n\n if (childElement.type === StartSlot) {\n startSlot = childElement.props.children;\n return null;\n }\n\n if (childElement.type === EndSlot) {\n endSlot = childElement.props.children;\n return null;\n }\n\n return childElement;\n })?.filter(Boolean);\n\n return (\n <AriaDisclosure\n className={accordionClasses}\n defaultExpanded={defaultExpanded}\n id={id}\n {...props}\n >\n <AccordionTrigger\n title={title}\n description={description}\n startSlot={startSlot}\n endSlot={endSlot}\n id={id}\n headingLevel={headingLevel}\n />\n <AccordionPanel>{panelContent}</AccordionPanel>\n </AriaDisclosure>\n );\n};\n\nexport interface AccordionGroupProps {\n /** Title for the accordion group - can be string or ReactNode */\n title?: string | React.ReactNode;\n\n /** Description for the accordion group - can be string or ReactNode */\n description?: string | React.ReactNode;\n\n /** Collection of Accordion components */\n children?: React.ReactNode;\n\n /** Additional CSS class for custom styling */\n className?: string;\n\n /** Whether multiple accordions can be expanded at once */\n allowsMultipleExpanded?: boolean;\n}\n\nexport const AccordionGroup = ({\n title,\n description,\n children,\n className,\n allowsMultipleExpanded = true,\n}: AccordionGroupProps) => {\n const groupClasses = [styles.accordionGroup, className]\n .filter(Boolean)\n .join(' ');\n\n // Find any children that have defaultExpanded={true}\n const defaultExpandedKeys = React.Children.toArray(children)\n .map((child, index) => {\n if (\n React.isValidElement(child) &&\n typeof child.props === 'object' &&\n child.props !== null &&\n 'defaultExpanded' in child.props &&\n child.props.defaultExpanded\n ) {\n return `accordion-${index}`;\n }\n return null;\n })\n .filter((key): key is string => key !== null);\n\n return (\n <div className={groupClasses}>\n {(title || description) && (\n <div className={styles.accordionHeader}>\n {title}\n {description}\n </div>\n )}\n <AriaDisclosureGroup\n className={styles.accordionStack}\n allowsMultipleExpanded={allowsMultipleExpanded}\n defaultExpandedKeys={defaultExpandedKeys}\n >\n {React.Children.map(children, (child, index) => {\n if (React.isValidElement<AccordionProps>(child)) {\n return React.cloneElement(child, {\n key: `accordion-${index}`,\n id: child.props?.id || `accordion-${index}`,\n } as Partial<AccordionProps>);\n }\n return child;\n })}\n </AriaDisclosureGroup>\n </div>\n );\n};\n\nAccordion.StartSlot = StartSlot;\nAccordion.EndSlot = EndSlot;\n\nexport default Accordion;\n"],"names":["AccordionTrigger","title","description","startSlot","endSlot","id","headingLevel","HeadingElement","jsx","AriaButton","slot","className","styles","trigger","children","jsxs","buttonContent","titleContainer","titleWrapper","accordionTitle","accordionDescription","endContainer","Icon","iconName","iconPrefix","iconWrapper","color","AccordionPanel","props","contentRef","React","useRef","useEffect","content","current","group","closest","requestAnimationFrame","height","scrollHeight","style","setProperty","updateHeight","resizeObserver","ResizeObserver","observe","window","addEventListener","disconnect","removeEventListener","AriaDisclosurePanel","ref","panelContent","StartSlot","EndSlot","Accordion","defaultExpanded","titleStart","titleEnd","accordionClasses","accordion","filter","Boolean","join","Children","map","child","childElement","type","AriaDisclosure","AccordionGroup","allowsMultipleExpanded","groupClasses","accordionGroup","defaultExpandedKeys","toArray","index","isValidElement","key","accordionHeader","AriaDisclosureGroup","accordionStack","cloneElement"],"mappings":"gzBA8DMA,EAAmB,EACvBC,QACAC,cACAC,UAAAA,EACAC,QAAAA,EACAC,KACAC,eAAe,SAEf,MAAMC,EAAiBD;AAEvB,OACEE,EAACC,EAAA,CACCC,KAAK,UACLC,UAAWC,EAAOC,WACbR,EAAK,CAAEA,MAAO,CAAA,EAEnBS,wBAAAC,EAAC,OAAA,CAAKJ,UAAWC,EAAOI,cACtBF,SAAA;iBAAC,OAAA,CAAKH,UAAWC,EAAOK,eACrBH,SAAA,CAAAX,oBAAc,OAAA,CAAKQ,UAAWC,EAAOT,UAAYW,SAAAX;iBACjD,MAAA,CAAIQ,UAAWC,EAAOM,aACrBJ,SAAA;eAAAN,EAACD,EAAA,CAAeI,UAAWC,EAAOO,eAC/BL,SAAAb,IAEFC,oBACE,IAAA,CAAES,UAAWC,EAAOQ,qBAAuBN,SAAAZ;iBAIjD,OAAA,CAAKS,UAAWC,EAAOS,aACrBP,SAAA,CAAAV,oBAAY,OAAA,CAAKO,UAAWC,EAAOR,QAAUU,SAAAV;eAC9CI,EAACc,EAAA,CACCC,SAAS,eACTC,WAAW,MACXb,UAAWC,EAAOa,YAClBC,MAAM,6BAQZC,EAAiB,EACrBb,cACGc,MAEH,MAAMC,EAAaC,EAAMC,OAAuB,MAqChD,OAnCAD,EAAME,UAAU,KACd,MAAMC,EAAUJ,EAAWK,QAC3B,IAAKD,EAAS,OAGd,MAAME,EAAQF,EAAQG,QAAQ,kBAC9B,IAAKD,EAAO,OAEZE,sBAAsB,KACpB,MAAMC,EAASL,EAAQM,aACvBJ,EAAMK,MAAMC,YAAY,iBAAkB,GAAGH,SAG/C,MAAMI,EAAe,KACnB,MAAMJ,EAASL,EAAQM,aACvBJ,EAAMK,MAAMC,YAAY,iBAAkB,GAAGH,QAG/CI,IAEA,MAAMC,EAAiB,IAAIC,eAAe,KACxCF,MAQF,OALAC,EAAeE,QAAQZ,GACvBU,EAAeE,QAAQV,GAEvBW,OAAOC,iBAAiB,SAAUL,GAE3B,KACLC,EAAeK,aACfF,OAAOG,oBAAoB,SAAUP,KAEtC,qBAGAQ,EAAA,IAAwBtB,EACvBd,wBAAAN,EAAC,MAAA,CAAI2C,IAAKtB,EAAYlB,UAAWC,EAAOwC,aACrCtC,gBAUIuC,EAAY,EAAGvC,kCAA6BA,aAC5CwC,EAAU,EAAGxC,kCAA6BA,aAE1CyC,EAAY,EACvBtD,QACAC,cACAY,WACA0C,mBAAkB,EAClB7C,YACA8C,aACAC,WACArD,KACAC,eAAe,QACZsB,MAEH,MAAM+B,EAAmB,CAAC/C,EAAOgD,UAAWjD,GACzCkD,OAAOC,SACPC,KAAK,KAGR,IAAI5D,EAAYsD,EACZrD,EAAUsD,EACd,MAAMN,EAAetB,EAAMkC,SAASC,IAAInD,EAAWoD,IACjD,MAAMC,EAAeD,EAErB,OAAIC,EAAaC,OAASf,GACxBlD,EAAYgE,EAAavC,MAAMd,SACxB,MAGLqD,EAAaC,OAASd,GACxBlD,EAAU+D,EAAavC,MAAMd,SACtB,MAGFqD,KACLN,OAAOC;AAEX,OACE/C,EAACsD,EAAA,CACC1D,UAAWgD,EACXH,kBACAnD,QACIuB,EAEJd,SAAA;eAAAN,EAACR,EAAA,CACCC,QACAC,cACAC,UAAAA,EACAC,QAAAA,EACAC,KACAC;eAEFE,EAACmB,GAAgBb,SAAAsC,QAsBVkB,EAAiB,EAC5BrE,QACAC,cACAY,WACAH,YACA4D,0BAAyB,MAEzB,MAAMC,EAAe,CAAC5D,EAAO6D,eAAgB9D,GAC1CkD,OAAOC,SACPC,KAAK,KAGFW,EAAsB5C,EAAMkC,SAASW,QAAQ7D,GAChDmD,IAAI,CAACC,EAAOU,IAET9C,EAAM+C,eAAeX,IACE,iBAAhBA,EAAMtC,OACG,OAAhBsC,EAAMtC,OACN,oBAAqBsC,EAAMtC,OAC3BsC,EAAMtC,MAAM4B,gBAEL,aAAaoB,IAEf,MAERf,OAAQiB,GAA+B,OAARA;AAElC,OACE/D,EAAC,MAAA,CAAIJ,UAAW6D,EACZ1D,SAAA,EAAAb,GAASC,mBACTa,EAAC,MAAA,CAAIJ,UAAWC,EAAOmE,gBACpBjE,SAAA,CAAAb,EACAC;eAGLM,EAACwE,EAAA,CACCrE,UAAWC,EAAOqE,eAClBV,yBACAG,sBAEC5D,WAAMkD,SAASC,IAAInD,EAAU,CAACoD,EAAOU,IAChC9C,EAAM+C,eAA+BX,GAChCpC,EAAMoD,aAAahB,EAAO,CAC/BY,IAAK,aAAaF,IAClBvE,GAAI6D,EAAMtC,OAAOvB,IAAM,aAAauE,MAGjCV,SAOjBX,EAAUF,UAAYA,EACtBE,EAAUD,QAAUA"}
1
+ {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport {\n Disclosure as AriaDisclosure,\n type DisclosureProps as AriaDisclosureProps,\n Button as AriaButton,\n DisclosurePanel as AriaDisclosurePanel,\n DisclosureGroup as AriaDisclosureGroup,\n} from 'react-aria-components';\nimport { Icon } from '../Icon/Icon';\nimport styles from './Accordion.module.css';\n\ntype HeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface AccordionProps extends Omit<AriaDisclosureProps, 'children'> {\n /** The title text displayed in the accordion header */\n title: string;\n\n /** Optional description text displayed below the title */\n description?: string;\n\n /** Content rendered inside the accordion when expanded */\n children: React.ReactNode;\n\n /** Controls if accordion is expanded on initial render */\n defaultExpanded?: boolean;\n\n /** Additional CSS class for custom styling */\n className?: string;\n\n /**\n * Content (typically an icon) rendered before the heading.\n * **Deprecated. Use `Accordion.StartSlot` instead**\n * @deprecated\n */\n titleStart?: React.ReactNode;\n\n /**\n * Content (typically an icon) rendered after the heading.\n * **Deprecated. Use `Accordion.EndSlot` instead**\n * @deprecated\n */\n titleEnd?: React.ReactNode;\n\n /** Unique identifier for the accordion */\n id?: string;\n\n /** The semantic heading level for the accordion title */\n headingLevel?: HeadingLevel;\n\n /** Whether the accordion is disabled and cannot be interacted with */\n isDisabled?: boolean;\n}\n\ninterface AccordionTriggerProps\n extends Pick<\n AccordionProps,\n 'title' | 'description' | 'id' | 'headingLevel'\n > {\n startSlot?: React.ReactNode;\n endSlot?: React.ReactNode;\n}\n\nconst AccordionTrigger = ({\n title,\n description,\n startSlot,\n endSlot,\n id,\n headingLevel = 'h3',\n}: AccordionTriggerProps) => {\n const HeadingElement = headingLevel;\n\n return (\n <AriaButton\n slot=\"trigger\"\n className={styles.accordion__trigger}\n {...(id ? { id } : {})}\n >\n <span className={styles['accordion__button-content']}>\n <span className={styles['accordion__title-container']}>\n {startSlot && (\n <span className={styles['accordion__start-slot']}>{startSlot}</span>\n )}\n <div className={styles['accordion__title-wrapper']}>\n <HeadingElement className={styles.accordion__title}>\n {title}\n </HeadingElement>\n {description && (\n <p className={styles.accordion__description}>{description}</p>\n )}\n </div>\n </span>\n <span className={styles['accordion__end-container']}>\n {endSlot && (\n <span className={styles['accordion__end-slot']}>{endSlot}</span>\n )}\n <Icon\n iconName=\"chevron-down\"\n iconPrefix=\"fas\"\n className={styles['accordion__icon-wrapper']}\n color=\"accentSecondary\"\n />\n </span>\n </span>\n </AriaButton>\n );\n};\n\nconst AccordionPanel = ({\n children,\n ...props\n}: React.ComponentProps<typeof AriaDisclosurePanel>) => {\n const contentRef = React.useRef<HTMLDivElement>(null);\n\n React.useEffect(() => {\n const content = contentRef.current;\n if (!content) return;\n\n // Get the parent group element\n const group = content.closest('[role=\"group\"]') as HTMLElement;\n if (!group) return;\n\n requestAnimationFrame(() => {\n const height = content.scrollHeight;\n group.style.setProperty('--group-height', `${height}px`);\n });\n\n const updateHeight = () => {\n const height = content.scrollHeight;\n group.style.setProperty('--group-height', `${height}px`);\n };\n\n updateHeight();\n\n const resizeObserver = new ResizeObserver(() => {\n updateHeight();\n });\n\n resizeObserver.observe(content);\n resizeObserver.observe(group);\n\n window.addEventListener('resize', updateHeight);\n\n return () => {\n resizeObserver.disconnect();\n window.removeEventListener('resize', updateHeight);\n };\n }, []);\n\n return (\n <AriaDisclosurePanel {...props}>\n <div ref={contentRef} className={styles['accordion__panel-content']}>\n {children}\n </div>\n </AriaDisclosurePanel>\n );\n};\n\ninterface SlotProps {\n children: React.ReactNode;\n}\n\nexport const StartSlot = ({ children }: SlotProps) => <>{children}</>;\nexport const EndSlot = ({ children }: SlotProps) => <>{children}</>;\n\nexport const Accordion = ({\n title,\n description,\n children,\n defaultExpanded = false,\n className,\n titleStart,\n titleEnd,\n id,\n headingLevel = 'h3',\n ...props\n}: AccordionProps) => {\n const accordionClasses = [styles.accordion, className]\n .filter(Boolean)\n .join(' ');\n\n // Pick start and end content out of `children`\n let startSlot = titleStart;\n let endSlot = titleEnd;\n const panelContent = React.Children.map(children, (child) => {\n const childElement = child as ReactElement<SlotProps>;\n\n if (childElement.type === StartSlot) {\n startSlot = childElement.props.children;\n return null;\n }\n\n if (childElement.type === EndSlot) {\n endSlot = childElement.props.children;\n return null;\n }\n\n return childElement;\n })?.filter(Boolean);\n\n return (\n <AriaDisclosure\n className={accordionClasses}\n defaultExpanded={defaultExpanded}\n id={id}\n {...props}\n >\n <AccordionTrigger\n title={title}\n description={description}\n startSlot={startSlot}\n endSlot={endSlot}\n id={id}\n headingLevel={headingLevel}\n />\n <AccordionPanel>{panelContent}</AccordionPanel>\n </AriaDisclosure>\n );\n};\n\nexport interface AccordionGroupProps {\n /** Title for the accordion group - can be string or ReactNode */\n title?: string | React.ReactNode;\n\n /** Description for the accordion group - can be string or ReactNode */\n description?: string | React.ReactNode;\n\n /** Collection of Accordion components */\n children?: React.ReactNode;\n\n /** Additional CSS class for custom styling */\n className?: string;\n\n /** Whether multiple accordions can be expanded at once */\n allowsMultipleExpanded?: boolean;\n}\n\nexport const AccordionGroup = ({\n title,\n description,\n children,\n className,\n allowsMultipleExpanded = true,\n}: AccordionGroupProps) => {\n const groupClasses = [styles['accordion-group'], className]\n .filter(Boolean)\n .join(' ');\n\n // Find any children that have defaultExpanded={true}\n const defaultExpandedKeys = React.Children.toArray(children)\n .map((child, index) => {\n if (\n React.isValidElement(child) &&\n typeof child.props === 'object' &&\n child.props !== null &&\n 'defaultExpanded' in child.props &&\n child.props.defaultExpanded\n ) {\n return `accordion-${index}`;\n }\n return null;\n })\n .filter((key): key is string => key !== null);\n\n return (\n <div className={groupClasses}>\n {(title || description) && (\n <div className={styles['accordion-group__header']}>\n {title}\n {description}\n </div>\n )}\n <AriaDisclosureGroup\n className={styles['accordion-group__stack']}\n allowsMultipleExpanded={allowsMultipleExpanded}\n defaultExpandedKeys={defaultExpandedKeys}\n >\n {React.Children.map(children, (child, index) => {\n if (React.isValidElement<AccordionProps>(child)) {\n return React.cloneElement(child, {\n key: `accordion-${index}`,\n id: child.props?.id || `accordion-${index}`,\n } as Partial<AccordionProps>);\n }\n return child;\n })}\n </AriaDisclosureGroup>\n </div>\n );\n};\n\nAccordion.StartSlot = StartSlot;\nAccordion.EndSlot = EndSlot;\n\nexport default Accordion;\n"],"names":["AccordionTrigger","title","description","startSlot","endSlot","id","headingLevel","HeadingElement","jsx","AriaButton","slot","className","styles","accordion__trigger","children","accordion__title","accordion__description","Icon","iconName","iconPrefix","color","AccordionPanel","props","contentRef","React","useRef","useEffect","content","current","group","closest","requestAnimationFrame","height","scrollHeight","style","setProperty","updateHeight","resizeObserver","ResizeObserver","observe","window","addEventListener","disconnect","removeEventListener","AriaDisclosurePanel","ref","StartSlot","EndSlot","Accordion","defaultExpanded","titleStart","titleEnd","accordionClasses","accordion","filter","Boolean","join","panelContent","Children","map","child","childElement","type","jsxs","AriaDisclosure","AccordionGroup","allowsMultipleExpanded","groupClasses","defaultExpandedKeys","toArray","index","isValidElement","key","AriaDisclosureGroup","cloneElement"],"mappings":"skCA8DMA,EAAmB,EACvBC,QACAC,cACAC,YACAC,UACAC,KACAC,eAAe,SAEf,MAAMC,EAAiBD;AAEvB,OACEE,EAACC,EAAA,CACCC,KAAK,UACLC,UAAWC,EAAOC,sBACbR,EAAK,CAAEA,MAAO,CAAA,EAEnBS,0BAAC,OAAA,CAAKH,UAAWC,EAAO,6BACtBE,SAAA;iBAAC,OAAA,CAAKH,UAAWC,EAAO,8BACrBE,SAAA,CAAAX,oBACE,OAAA,CAAKQ,UAAWC,EAAO,yBAA2BE,SAAAX;iBAEpD,MAAA,CAAIQ,UAAWC,EAAO,4BACrBE,SAAA;eAAAN,EAACD,EAAA,CAAeI,UAAWC,EAAOG,iBAC/BD,SAAAb,IAEFC,oBACE,IAAA,CAAES,UAAWC,EAAOI,uBAAyBF,SAAAZ;iBAInD,OAAA,CAAKS,UAAWC,EAAO,4BACrBE,SAAA,CAAAV,oBACE,OAAA,CAAKO,UAAWC,EAAO,uBAAyBE,SAAAV;eAEnDI,EAACS,EAAA,CACCC,SAAS,eACTC,WAAW,MACXR,UAAWC,EAAO,2BAClBQ,MAAM,6BAQZC,EAAiB,EACrBP,cACGQ,MAEH,MAAMC,EAAaC,EAAMC,OAAuB,MAqChD,OAnCAD,EAAME,UAAU,KACd,MAAMC,EAAUJ,EAAWK,QAC3B,IAAKD,EAAS,OAGd,MAAME,EAAQF,EAAQG,QAAQ,kBAC9B,IAAKD,EAAO,OAEZE,sBAAsB,KACpB,MAAMC,EAASL,EAAQM,aACvBJ,EAAMK,MAAMC,YAAY,iBAAkB,GAAGH,SAG/C,MAAMI,EAAe,KACnB,MAAMJ,EAASL,EAAQM,aACvBJ,EAAMK,MAAMC,YAAY,iBAAkB,GAAGH,QAG/CI,IAEA,MAAMC,EAAiB,IAAIC,eAAe,KACxCF,MAQF,OALAC,EAAeE,QAAQZ,GACvBU,EAAeE,QAAQV,GAEvBW,OAAOC,iBAAiB,SAAUL,GAE3B,KACLC,EAAeK,aACfF,OAAOG,oBAAoB,SAAUP,KAEtC,qBAGAQ,EAAA,IAAwBtB,EACvBR,0BAAC,MAAA,CAAI+B,IAAKtB,EAAYZ,UAAWC,EAAO,4BACrCE,gBAUIgC,EAAY,EAAGhC,kCAA6BA,aAC5CiC,EAAU,EAAGjC,kCAA6BA,aAE1CkC,EAAY,EACvB/C,QACAC,cACAY,WACAmC,mBAAkB,EAClBtC,YACAuC,aACAC,WACA9C,KACAC,eAAe,QACZgB,MAEH,MAAM8B,EAAmB,CAACxC,EAAOyC,UAAW1C,GACzC2C,OAAOC,SACPC,KAAK,KAGR,IAAIrD,EAAY+C,EACZ9C,EAAU+C,EACd,MAAMM,EAAejC,EAAMkC,SAASC,IAAI7C,EAAW8C,IACjD,MAAMC,EAAeD,EAErB,OAAIC,EAAaC,OAAShB,GACxB3C,EAAY0D,EAAavC,MAAMR,SACxB,MAGL+C,EAAaC,OAASf,GACxB3C,EAAUyD,EAAavC,MAAMR,SACtB,MAGF+C,KACLP,OAAOC;AAEX,OACEQ,EAACC,EAAA,CACCrD,UAAWyC,EACXH,kBACA5C,QACIiB,EAEJR,SAAA;eAAAN,EAACR,EAAA,CACCC,QACAC,cACAC,YACAC,UACAC,KACAC;eAEFE,EAACa,GAAgBP,SAAA2C,QAsBVQ,EAAiB,EAC5BhE,QACAC,cACAY,WACAH,YACAuD,0BAAyB,MAEzB,MAAMC,EAAe,CAACvD,EAAO,mBAAoBD,GAC9C2C,OAAOC,SACPC,KAAK,KAGFY,EAAsB5C,EAAMkC,SAASW,QAAQvD,GAChD6C,IAAI,CAACC,EAAOU,IAET9C,EAAM+C,eAAeX,IACE,iBAAhBA,EAAMtC,OACG,OAAhBsC,EAAMtC,OACN,oBAAqBsC,EAAMtC,OAC3BsC,EAAMtC,MAAM2B,gBAEL,aAAaqB,IAEf,MAERhB,OAAQkB,GAA+B,OAARA;AAElC,OACET,EAAC,MAAA,CAAIpD,UAAWwD,EACZrD,SAAA,EAAAb,GAASC,mBACT6D,EAAC,MAAA,CAAIpD,UAAWC,EAAO,2BACpBE,SAAA,CAAAb,EACAC;eAGLM,EAACiE,EAAA,CACC9D,UAAWC,EAAO,0BAClBsD,yBACAE,sBAECtD,WAAM4C,SAASC,IAAI7C,EAAU,CAAC8C,EAAOU,IAChC9C,EAAM+C,eAA+BX,GAChCpC,EAAMkD,aAAad,EAAO,CAC/BY,IAAK,aAAaF,IAClBjE,GAAIuD,EAAMtC,OAAOjB,IAAM,aAAaiE,MAGjCV,SAOjBZ,EAAUF,UAAYA,EACtBE,EAAUD,QAAUA"}
package/dist/components/AviosBadge/AviosBadge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AviosBadge.js","sources":["../../../src/components/AviosBadge/AviosBadge.tsx"],"sourcesContent":["import React from 'react';\nimport { Badge, BadgeProps } from '../Badge/Badge';\nimport { AviosCurrencySymbol } from '../AviosCurrencySymbol/AviosCurrencySymbol';\nimport styles from './AviosBadge.module.css';\n\ntype AviosBadgeKind = 'collect' | 'spend';\nexport interface AviosBadgeProps extends Omit<BadgeProps, 'variant' | 'size'> {\n /**\n * The kind of Avios badge (collect or spend)\n * @default 'collect'\n */\n kind?: AviosBadgeKind;\n\n /**\n * Additional text to be displayed at the end of the badge\n */\n textEnd?: string;\n\n /**\n * Number of Avios points\n */\n points: number;\n\n /**\n * Optional label text\n */\n children?: React.ReactNode;\n\n /**\n * Size of the badge\n * @default 'md'\n */\n size?: 'sm' | 'md' | 'lg';\n\n /**\n * A string representation of the badge's contents, used for accessibility\n * Example: \"Collect 50,000 Avios points\"\n */\n ariaLabel?: string;\n}\n\nexport const AviosBadge = ({\n kind = 'collect',\n size = 'md',\n textEnd,\n points,\n children,\n ariaLabel,\n className,\n ...props\n}: AviosBadgeProps) => {\n const formattedPoints = points.toLocaleString();\n\n const defaultAriaLabel =\n `${kind} ${formattedPoints} ${children || 'Avios'} ${textEnd || ''}`.trim();\n\n const iconSizes = {\n sm: '18px',\n md: '20px',\n lg: '24px',\n };\n\n const badgeSize = size === 'lg' ? 'md' : size;\n\n return (\n <Badge\n styleVariant={kind === 'collect' ? 'success' : 'info'}\n size={badgeSize}\n ariaLabel={ariaLabel || defaultAriaLabel}\n className={`${styles.aviosBadge} ${styles[size]} ${styles[kind]} ${className || ''}`}\n {...props}\n >\n <AviosCurrencySymbol\n kind={kind}\n styleVariant={kind === 'collect' ? 'onCollect' : 'onSpend'}\n width={iconSizes[size]}\n height={iconSizes[size]}\n aria-hidden=\"true\"\n data-testid=\"avios-currency-symbol\"\n />\n <span className={styles.content}>\n <span className={styles.points}>{formattedPoints}</span>\n {children && <span className={styles.label}>{children}</span>}\n {textEnd && (\n <>\n <span className={styles.plusSign}>+</span>\n <span className={styles.textEnd}>{textEnd}</span>\n </>\n )}\n </span>\n </Badge>\n );\n};\n\nexport default AviosBadge;\n"],"names":["AviosBadge","kind","size","textEnd","points","children","ariaLabel","className","props","formattedPoints","toLocaleString","defaultAriaLabel","trim","iconSizes","sm","md","lg","jsxs","Badge","styleVariant","styles","aviosBadge","jsx","AviosCurrencySymbol","width","height","content","label","Fragment","plusSign"],"mappings":"2aAyCaA,EAAa,EACxBC,OAAO,UACPC,OAAO,KACPC,QAAAA,EACAC,OAAAA,EACAC,WACAC,YACAC,eACGC,MAEH,MAAMC,EAAkBL,EAAOM,iBAEzBC,EACJ,GAAGV,KAAQQ,KAAmBJ,GAAY,WAAWF,GAAW,KAAKS,OAEjEC,EAAY,CAChBC,GAAI,OACJC,GAAI,OACJC,GAAI;AAKN,OACEC,EAACC,EAAA,CACCC,aAAuB,YAATlB,EAAqB,UAAY,OAC/CC,KALuB,OAATA,EAAgB,KAAOA,EAMrCI,UAAWA,GAAaK,EACxBJ,UAAW,GAAGa,EAAOC,cAAcD,EAAOlB,OAAUkB,EAAOnB,MAASM,GAAa,QAC7EC,EAEJH,SAAA;eAAAiB,EAACC,EAAA,CACCtB,OACAkB,aAAuB,YAATlB,EAAqB,YAAc,UACjDuB,MAAOX,EAAUX,GACjBuB,OAAQZ,EAAUX,GAClB,cAAY,OACZ,cAAY;iBAEb,OAAA,CAAKK,UAAWa,EAAOM,QACtBrB,SAAA;eAAAiB,EAAC,OAAA,CAAKf,UAAWa,EAAOhB,OAASC,SAAAI,IAChCJ,oBAAa,OAAA,CAAKE,UAAWa,EAAOO,MAAQtB,aAC5CF,kBACCc,EAAAW,EAAA,CACEvB,SAAA;eAAAiB,EAAC,OAAA,CAAKf,UAAWa,EAAOS,SAAUxB,SAAA;eAClCiB,EAAC,OAAA,CAAKf,UAAWa,EAAOjB,QAAUE,SAAAF"}
1
+ {"version":3,"file":"AviosBadge.js","sources":["../../../src/components/AviosBadge/AviosBadge.tsx"],"sourcesContent":["// Deprecated: This component is deprecated and should not be used in new development. Please use the new Avios Currency Badge component instead\nimport React from 'react';\nimport { Badge, BadgeProps } from '../Badge/Badge';\nimport { AviosCurrencySymbol } from '../AviosCurrencySymbol/AviosCurrencySymbol';\nimport styles from './AviosBadge.module.css';\n\ntype AviosBadgeKind = 'collect' | 'spend';\nexport interface AviosBadgeProps extends Omit<BadgeProps, 'variant' | 'size'> {\n /**\n * The kind of Avios badge (collect or spend)\n * @default 'collect'\n */\n kind?: AviosBadgeKind;\n\n /**\n * Additional text to be displayed at the end of the badge\n */\n textEnd?: string;\n\n /**\n * Number of Avios points\n */\n points: number;\n\n /**\n * Optional label text\n */\n children?: React.ReactNode;\n\n /**\n * Size of the badge\n * @default 'md'\n */\n size?: 'sm' | 'md' | 'lg';\n\n /**\n * A string representation of the badge's contents, used for accessibility\n * Example: \"Collect 50,000 Avios points\"\n */\n ariaLabel?: string;\n}\n\nexport const AviosBadge = ({\n kind = 'collect',\n size = 'md',\n textEnd,\n points,\n children,\n ariaLabel,\n className,\n ...props\n}: AviosBadgeProps) => {\n const formattedPoints = points.toLocaleString();\n\n const defaultAriaLabel =\n `${kind} ${formattedPoints} ${children || 'Avios'} ${textEnd || ''}`.trim();\n\n const iconSizes = {\n sm: '18px',\n md: '20px',\n lg: '24px',\n };\n\n const badgeSize = size === 'lg' ? 'md' : size;\n\n return (\n <Badge\n styleVariant={kind === 'collect' ? 'success' : 'info'}\n size={badgeSize}\n ariaLabel={ariaLabel || defaultAriaLabel}\n className={`${styles.aviosBadge} ${styles[size]} ${styles[kind]} ${className || ''}`}\n {...props}\n >\n <AviosCurrencySymbol\n kind={kind}\n styleVariant={kind === 'collect' ? 'onCollect' : 'onSpend'}\n width={iconSizes[size]}\n height={iconSizes[size]}\n aria-hidden=\"true\"\n data-testid=\"avios-currency-symbol\"\n />\n <span className={styles.content}>\n <span className={styles.points}>{formattedPoints}</span>\n {children && <span className={styles.label}>{children}</span>}\n {textEnd && (\n <>\n <span className={styles.plusSign}>+</span>\n <span className={styles.textEnd}>{textEnd}</span>\n </>\n )}\n </span>\n </Badge>\n );\n};\n\nexport default AviosBadge;\n"],"names":["AviosBadge","kind","size","textEnd","points","children","ariaLabel","className","props","formattedPoints","toLocaleString","defaultAriaLabel","trim","iconSizes","sm","md","lg","jsxs","Badge","styleVariant","styles","aviosBadge","jsx","AviosCurrencySymbol","width","height","content","label","Fragment","plusSign"],"mappings":"2aA0CaA,EAAa,EACxBC,OAAO,UACPC,OAAO,KACPC,QAAAA,EACAC,OAAAA,EACAC,WACAC,YACAC,eACGC,MAEH,MAAMC,EAAkBL,EAAOM,iBAEzBC,EACJ,GAAGV,KAAQQ,KAAmBJ,GAAY,WAAWF,GAAW,KAAKS,OAEjEC,EAAY,CAChBC,GAAI,OACJC,GAAI,OACJC,GAAI;AAKN,OACEC,EAACC,EAAA,CACCC,aAAuB,YAATlB,EAAqB,UAAY,OAC/CC,KALuB,OAATA,EAAgB,KAAOA,EAMrCI,UAAWA,GAAaK,EACxBJ,UAAW,GAAGa,EAAOC,cAAcD,EAAOlB,OAAUkB,EAAOnB,MAASM,GAAa,QAC7EC,EAEJH,SAAA;eAAAiB,EAACC,EAAA,CACCtB,OACAkB,aAAuB,YAATlB,EAAqB,YAAc,UACjDuB,MAAOX,EAAUX,GACjBuB,OAAQZ,EAAUX,GAClB,cAAY,OACZ,cAAY;iBAEb,OAAA,CAAKK,UAAWa,EAAOM,QACtBrB,SAAA;eAAAiB,EAAC,OAAA,CAAKf,UAAWa,EAAOhB,OAASC,SAAAI,IAChCJ,oBAAa,OAAA,CAAKE,UAAWa,EAAOO,MAAQtB,aAC5CF,kBACCc,EAAAW,EAAA,CACEvB,SAAA;eAAAiB,EAAC,OAAA,CAAKf,UAAWa,EAAOS,SAAUxB,SAAA;eAClCiB,EAAC,OAAA,CAAKf,UAAWa,EAAOjB,QAAUE,SAAAF"}