@alto-avios/alto-ui 3.0.0 → 3.1.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 (150) hide show
  1. package/dist/assets/Button.css +1 -1
  2. package/dist/assets/CreditCardNumberField.css +1 -0
  3. package/dist/assets/DetailsDisclosure.css +1 -0
  4. package/dist/assets/Dialog.css +1 -0
  5. package/dist/assets/FieldsetHeader.css +1 -1
  6. package/dist/assets/Icon.css +1 -0
  7. package/dist/assets/IconBackdrop.css +1 -0
  8. package/dist/assets/IconButton.css +1 -1
  9. package/dist/assets/PasswordField.css +1 -0
  10. package/dist/assets/PhoneNumberField.css +1 -0
  11. package/dist/assets/Popover.css +1 -0
  12. package/dist/assets/SelectNative.css +1 -0
  13. package/dist/assets/Slider.css +1 -0
  14. package/dist/assets/Switch.css +1 -0
  15. package/dist/assets/ToggleButton.css +1 -1
  16. package/dist/assets/ToggleIconButton.css +1 -1
  17. package/dist/assets/backgroundColor.css +1 -0
  18. package/dist/assets/flex.css +1 -1
  19. package/dist/assets/foregroundColor.css +1 -0
  20. package/dist/components/Box/Box.d.ts +6 -2
  21. package/dist/components/Box/Box.js +7 -1
  22. package/dist/components/Box/Box.js.map +1 -1
  23. package/dist/components/Button/Button.js +31 -31
  24. package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +29 -0
  25. package/dist/components/CreditCardNumberField/CreditCardNumberField.js +45 -0
  26. package/dist/components/CreditCardNumberField/CreditCardNumberField.js.map +1 -0
  27. package/dist/components/CreditCardNumberField/index.d.ts +1 -0
  28. package/dist/components/CreditCardNumberField/index.js +5 -0
  29. package/dist/components/CreditCardNumberField/index.js.map +1 -0
  30. package/dist/components/DetailsDisclosure/DetailsDisclosure.d.ts +33 -0
  31. package/dist/components/DetailsDisclosure/DetailsDisclosure.js +39 -0
  32. package/dist/components/DetailsDisclosure/DetailsDisclosure.js.map +1 -0
  33. package/dist/components/DetailsDisclosure/index.d.ts +2 -0
  34. package/dist/components/DetailsDisclosure/index.js +5 -0
  35. package/dist/components/DetailsDisclosure/index.js.map +1 -0
  36. package/dist/components/Dialog/Dialog.d.ts +46 -0
  37. package/dist/components/Dialog/Dialog.js +117 -0
  38. package/dist/components/Dialog/Dialog.js.map +1 -0
  39. package/dist/components/Dialog/index.d.ts +1 -0
  40. package/dist/components/Dialog/index.js +5 -0
  41. package/dist/components/Dialog/index.js.map +1 -0
  42. package/dist/components/FieldError/FieldError.js +1 -1
  43. package/dist/components/FieldsetHeader/FieldsetHeader.js +3 -3
  44. package/dist/components/Heading/Heading.d.ts +24 -5
  45. package/dist/components/Heading/Heading.js +9 -4
  46. package/dist/components/Heading/Heading.js.map +1 -1
  47. package/dist/components/Icon/Icon.d.ts +30 -4
  48. package/dist/components/Icon/Icon.js +98 -5
  49. package/dist/components/Icon/Icon.js.map +1 -1
  50. package/dist/components/IconBackdrop/IconBackdrop.d.ts +24 -0
  51. package/dist/components/IconBackdrop/IconBackdrop.js +34 -0
  52. package/dist/components/IconBackdrop/IconBackdrop.js.map +1 -0
  53. package/dist/components/IconBackdrop/index.d.ts +1 -0
  54. package/dist/components/IconBackdrop/index.js +5 -0
  55. package/dist/components/IconBackdrop/index.js.map +1 -0
  56. package/dist/components/IconButton/IconButton.d.ts +1 -1
  57. package/dist/components/IconButton/IconButton.js +28 -28
  58. package/dist/components/Image/Image.d.ts +2 -1
  59. package/dist/components/Image/Image.js +7 -2
  60. package/dist/components/Image/Image.js.map +1 -1
  61. package/dist/components/Link/Link.d.ts +3 -3
  62. package/dist/components/Link/Link.js +2 -2
  63. package/dist/components/Paragraph/Paragraph.d.ts +8 -4
  64. package/dist/components/Paragraph/Paragraph.js +9 -4
  65. package/dist/components/Paragraph/Paragraph.js.map +1 -1
  66. package/dist/components/PasswordField/PasswordField.d.ts +30 -0
  67. package/dist/components/PasswordField/PasswordField.js +104 -0
  68. package/dist/components/PasswordField/PasswordField.js.map +1 -0
  69. package/dist/components/PasswordField/index.d.ts +1 -0
  70. package/dist/components/PasswordField/index.js +5 -0
  71. package/dist/components/PasswordField/index.js.map +1 -0
  72. package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +53 -0
  73. package/dist/components/PhoneNumberField/PhoneNumberField.js +91 -0
  74. package/dist/components/PhoneNumberField/PhoneNumberField.js.map +1 -0
  75. package/dist/components/PhoneNumberField/index.d.ts +3 -0
  76. package/dist/components/PhoneNumberField/index.js +7 -0
  77. package/dist/components/PhoneNumberField/index.js.map +1 -0
  78. package/dist/components/Popover/Popover.d.ts +16 -0
  79. package/dist/components/Popover/Popover.js +68 -0
  80. package/dist/components/Popover/Popover.js.map +1 -0
  81. package/dist/components/Popover/index.d.ts +1 -0
  82. package/dist/components/Popover/index.js +5 -0
  83. package/dist/components/Popover/index.js.map +1 -0
  84. package/dist/components/Section/Section.d.ts +2 -1
  85. package/dist/components/Section/Section.js +7 -2
  86. package/dist/components/Section/Section.js.map +1 -1
  87. package/dist/components/SelectNative/SelectNative.d.ts +56 -0
  88. package/dist/components/SelectNative/SelectNative.js +40 -0
  89. package/dist/components/SelectNative/SelectNative.js.map +1 -0
  90. package/dist/components/SelectNative/index.d.ts +1 -0
  91. package/dist/components/SelectNative/index.js +5 -0
  92. package/dist/components/SelectNative/index.js.map +1 -0
  93. package/dist/components/Slider/Slider.d.ts +33 -0
  94. package/dist/components/Slider/Slider.js +113 -0
  95. package/dist/components/Slider/Slider.js.map +1 -0
  96. package/dist/components/Slider/index.d.ts +1 -0
  97. package/dist/components/Slider/index.js +5 -0
  98. package/dist/components/Slider/index.js.map +1 -0
  99. package/dist/components/SubHeading/SubHeading.d.ts +25 -4
  100. package/dist/components/SubHeading/SubHeading.js +9 -4
  101. package/dist/components/SubHeading/SubHeading.js.map +1 -1
  102. package/dist/components/Switch/Switch.d.ts +7 -0
  103. package/dist/components/Switch/Switch.js +18 -0
  104. package/dist/components/Switch/Switch.js.map +1 -0
  105. package/dist/components/Switch/index.d.ts +1 -0
  106. package/dist/components/Switch/index.js +5 -0
  107. package/dist/components/Switch/index.js.map +1 -0
  108. package/dist/components/ToggleButton/ToggleButton.js +6 -6
  109. package/dist/components/ToggleIconButton/ToggleIconButton.js +6 -6
  110. package/dist/components/Tooltip/Tooltip.d.ts +5 -1
  111. package/dist/components/Tooltip/Tooltip.js +2 -1
  112. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  113. package/dist/components/_base/Field/Field.d.ts +2 -2
  114. package/dist/components/_base/Field/Field.js +2 -5
  115. package/dist/components/_base/Field/Field.js.map +1 -1
  116. package/dist/components/index.d.ts +10 -0
  117. package/dist/components/index.js +33 -14
  118. package/dist/components/index.js.map +1 -1
  119. package/dist/index.js +33 -14
  120. package/dist/index.js.map +1 -1
  121. package/dist/react-number-format.es-DMLgWFZX.js +760 -0
  122. package/dist/react-number-format.es-DMLgWFZX.js.map +1 -0
  123. package/dist/utils/backgroundColor/backgroundColor.d.ts +8 -0
  124. package/dist/utils/backgroundColor/backgroundColor.js +102 -0
  125. package/dist/utils/backgroundColor/backgroundColor.js.map +1 -0
  126. package/dist/utils/border/border.d.ts +2 -2
  127. package/dist/utils/creditCard/creditCard.d.ts +7 -0
  128. package/dist/utils/creditCard/creditCard.js +25 -0
  129. package/dist/utils/creditCard/creditCard.js.map +1 -0
  130. package/dist/utils/flex/flex.d.ts +3 -3
  131. package/dist/utils/flex/flex.js +47 -35
  132. package/dist/utils/flex/flex.js.map +1 -1
  133. package/dist/utils/foregroundColour/foregroundColor.d.ts +8 -0
  134. package/dist/utils/foregroundColour/foregroundColor.js +125 -0
  135. package/dist/utils/foregroundColour/foregroundColor.js.map +1 -0
  136. package/dist/utils/padding/padding.d.ts +7 -7
  137. package/dist/utils/phoneNumber/phoneNumber.d.ts +24 -0
  138. package/dist/utils/phoneNumber/phoneNumber.js +566 -0
  139. package/dist/utils/phoneNumber/phoneNumber.js.map +1 -0
  140. package/dist/utils/stories/iconPropsArgTypes.js +37 -1
  141. package/dist/utils/stories/iconPropsArgTypes.js.map +1 -1
  142. package/package.json +2 -1
  143. package/dist/assets/backgroundColour.css +0 -1
  144. package/dist/assets/fgColor.css +0 -1
  145. package/dist/utils/backgroundColour/backgroundColour.d.ts +0 -8
  146. package/dist/utils/backgroundColour/backgroundColour.js +0 -102
  147. package/dist/utils/backgroundColour/backgroundColour.js.map +0 -1
  148. package/dist/utils/fgColour/fgColor.d.ts +0 -5
  149. package/dist/utils/fgColour/fgColor.js +0 -84
  150. package/dist/utils/fgColour/fgColor.js.map +0 -1
@@ -1 +1 @@
1
- ._button_1pjm3_1{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;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);justify-content:center;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-xs) var(--alto-sem-space-md);text-decoration:none}._button_1pjm3_1,._button_1pjm3_1 ._content_1pjm3_22{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1pjm3_31 ._loadingSpinner_1pjm3_31{opacity:0;position:absolute}._isNotLoading_1pjm3_31 ._content_1pjm3_22{opacity:1}._isLoading_1pjm3_40 ._loadingSpinner_1pjm3_31{opacity:1;position:absolute}._isLoading_1pjm3_40 ._content_1pjm3_22{opacity:0}._focusWhite_1pjm3_52[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_1pjm3_59{min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_1pjm3_64{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_1pjm3_69{height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1pjm3_74{width:100%}._textAlignLeft_1pjm3_81{text-align:left}._textAlignCenter_1pjm3_85{text-align:center}._textAlignRight_1pjm3_89{text-align:right}._accentPrimary_1pjm3_97[data-focused],._accentPrimary_1pjm3_97[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1pjm3_97[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1pjm3_97[data-pressed][data-focused]{outline:none}._accentPrimary_1pjm3_97:disabled,._accentPrimary_1pjm3_97[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_1pjm3_117{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_1pjm3_117[data-focused],._accentSecondary_1pjm3_117[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1pjm3_117[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1pjm3_117[data-pressed][data-focused]{outline:none}._accentSecondary_1pjm3_117:disabled,._accentSecondary_1pjm3_117[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}._accentTertiary_1pjm3_147{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1pjm3_147[data-focused],._accentTertiary_1pjm3_147[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1pjm3_147[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1pjm3_147[data-pressed][data-focused]{outline:none}._accentTertiary_1pjm3_147:disabled,._accentTertiary_1pjm3_147[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_1pjm3_173{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1pjm3_173[data-focused],._accentQuaternary_1pjm3_173[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1pjm3_173[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1pjm3_173[data-pressed][data-focused]{outline:none}._accentQuaternary_1pjm3_173:disabled,._accentQuaternary_1pjm3_173[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_1pjm3_199{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1pjm3_199[data-focused],._criticalPrimary_1pjm3_199[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1pjm3_199[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1pjm3_199[data-pressed][data-focused]{outline:none}._criticalPrimary_1pjm3_199:disabled,._criticalPrimary_1pjm3_199[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1pjm3_224{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_1pjm3_224[data-focused],._criticalSecondary_1pjm3_224[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1pjm3_224[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1pjm3_224[data-pressed][data-focused]{outline:none}._criticalSecondary_1pjm3_224:disabled,._criticalSecondary_1pjm3_224[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}._criticalTertiary_1pjm3_254{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1pjm3_254[data-focused],._criticalTertiary_1pjm3_254[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1pjm3_254[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1pjm3_254[data-pressed][data-focused]{outline:none}._criticalTertiary_1pjm3_254:disabled,._criticalTertiary_1pjm3_254[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_1pjm3_280{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1pjm3_280[data-focused],._criticalQuaternary_1pjm3_280[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1pjm3_280[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1pjm3_280[data-pressed][data-focused]{outline:none}._criticalQuaternary_1pjm3_280:disabled,._criticalQuaternary_1pjm3_280[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_1pjm3_307{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1pjm3_307[data-focused],._neutralPrimary_1pjm3_307[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1pjm3_307[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1pjm3_307[data-pressed][data-focused]{outline:none}._neutralPrimary_1pjm3_307:disabled,._neutralPrimary_1pjm3_307[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1pjm3_332{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_1pjm3_332[data-focused],._neutralSecondary_1pjm3_332[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1pjm3_332[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1pjm3_332[data-pressed][data-focused]{outline:none}._neutralSecondary_1pjm3_332:disabled,._neutralSecondary_1pjm3_332[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_1pjm3_361{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1pjm3_361[data-focused],._neutralTertiary_1pjm3_361[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1pjm3_361[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1pjm3_361[data-pressed][data-focused]{outline:none}._neutralTertiary_1pjm3_361:disabled,._neutralTertiary_1pjm3_361[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_1pjm3_387{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1pjm3_387[data-focused],._neutralQuaternary_1pjm3_387[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1pjm3_387[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1pjm3_387[data-pressed][data-focused]{outline:none}._neutralQuaternary_1pjm3_387:disabled,._neutralQuaternary_1pjm3_387[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_1pjm3_414{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1pjm3_414[data-focused],._whitePrimary_1pjm3_414[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1pjm3_414[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1pjm3_414[data-pressed][data-focused]{outline:none}._whitePrimary_1pjm3_414:disabled,._whitePrimary_1pjm3_414[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_1pjm3_440{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_1pjm3_440[data-focused],._whiteSecondary_1pjm3_440[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1pjm3_440[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1pjm3_440[data-pressed][data-focused]{outline:none}._whiteSecondary_1pjm3_440[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1pjm3_440:disabled,._whiteSecondary_1pjm3_440[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_1pjm3_473{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1pjm3_473[data-focused],._whiteTertiary_1pjm3_473[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1pjm3_473[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1pjm3_473[data-pressed][data-focused]{outline:none}._whiteTertiary_1pjm3_473[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1pjm3_473:disabled,._whiteTertiary_1pjm3_473[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_1pjm3_503{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1pjm3_503[data-focused],._whiteQuaternary_1pjm3_503[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1pjm3_503[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1pjm3_503[data-pressed][data-focused]{outline:none}._whiteQuaternary_1pjm3_503[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1pjm3_503:disabled,._whiteQuaternary_1pjm3_503[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_1pjm3_535{height:1rem;width:1rem}._icon-wrapper_1pjm3_540{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
1
+ ._button_1t97g_1{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;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:500;justify-content:center;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-xs) var(--alto-sem-space-md);text-decoration:none}._button_1t97g_1,._button_1t97g_1 ._content_1t97g_22{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1t97g_31 ._loadingSpinner_1t97g_31{opacity:0;position:absolute}._isNotLoading_1t97g_31 ._content_1t97g_22{opacity:1}._isLoading_1t97g_40 ._loadingSpinner_1t97g_31{opacity:1;position:absolute}._isLoading_1t97g_40 ._content_1t97g_22{opacity:0}._focusWhite_1t97g_52[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_1t97g_59{min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_1t97g_64{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_1t97g_69{height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1t97g_74{width:100%}._textAlignLeft_1t97g_81{text-align:left}._textAlignCenter_1t97g_85{text-align:center}._textAlignRight_1t97g_89{text-align:right}._accentPrimary_1t97g_97[data-focused],._accentPrimary_1t97g_97[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1t97g_97[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1t97g_97[data-pressed][data-focused]{outline:none}._accentPrimary_1t97g_97:disabled,._accentPrimary_1t97g_97[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_1t97g_117{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_1t97g_117[data-focused],._accentSecondary_1t97g_117[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1t97g_117[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1t97g_117[data-pressed][data-focused]{outline:none}._accentSecondary_1t97g_117:disabled,._accentSecondary_1t97g_117[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}._accentTertiary_1t97g_147{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1t97g_147[data-focused],._accentTertiary_1t97g_147[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1t97g_147[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1t97g_147[data-pressed][data-focused]{outline:none}._accentTertiary_1t97g_147:disabled,._accentTertiary_1t97g_147[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_1t97g_173{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1t97g_173[data-focused],._accentQuaternary_1t97g_173[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1t97g_173[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1t97g_173[data-pressed][data-focused]{outline:none}._accentQuaternary_1t97g_173:disabled,._accentQuaternary_1t97g_173[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_1t97g_199{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1t97g_199[data-focused],._criticalPrimary_1t97g_199[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1t97g_199[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1t97g_199[data-pressed][data-focused]{outline:none}._criticalPrimary_1t97g_199:disabled,._criticalPrimary_1t97g_199[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1t97g_224{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_1t97g_224[data-focused],._criticalSecondary_1t97g_224[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1t97g_224[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1t97g_224[data-pressed][data-focused]{outline:none}._criticalSecondary_1t97g_224:disabled,._criticalSecondary_1t97g_224[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}._criticalTertiary_1t97g_254{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1t97g_254[data-focused],._criticalTertiary_1t97g_254[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1t97g_254[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1t97g_254[data-pressed][data-focused]{outline:none}._criticalTertiary_1t97g_254:disabled,._criticalTertiary_1t97g_254[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_1t97g_280{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1t97g_280[data-focused],._criticalQuaternary_1t97g_280[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1t97g_280[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1t97g_280[data-pressed][data-focused]{outline:none}._criticalQuaternary_1t97g_280:disabled,._criticalQuaternary_1t97g_280[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_1t97g_307{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1t97g_307[data-focused],._neutralPrimary_1t97g_307[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1t97g_307[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1t97g_307[data-pressed][data-focused]{outline:none}._neutralPrimary_1t97g_307:disabled,._neutralPrimary_1t97g_307[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1t97g_332{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_1t97g_332[data-focused],._neutralSecondary_1t97g_332[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1t97g_332[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1t97g_332[data-pressed][data-focused]{outline:none}._neutralSecondary_1t97g_332:disabled,._neutralSecondary_1t97g_332[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_1t97g_361{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1t97g_361[data-focused],._neutralTertiary_1t97g_361[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1t97g_361[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1t97g_361[data-pressed][data-focused]{outline:none}._neutralTertiary_1t97g_361:disabled,._neutralTertiary_1t97g_361[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_1t97g_387{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1t97g_387[data-focused],._neutralQuaternary_1t97g_387[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1t97g_387[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1t97g_387[data-pressed][data-focused]{outline:none}._neutralQuaternary_1t97g_387:disabled,._neutralQuaternary_1t97g_387[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_1t97g_414{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1t97g_414[data-focused],._whitePrimary_1t97g_414[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1t97g_414[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1t97g_414[data-pressed][data-focused]{outline:none}._whitePrimary_1t97g_414:disabled,._whitePrimary_1t97g_414[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_1t97g_440{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_1t97g_440[data-focused],._whiteSecondary_1t97g_440[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1t97g_440[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1t97g_440[data-pressed][data-focused]{outline:none}._whiteSecondary_1t97g_440[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1t97g_440:disabled,._whiteSecondary_1t97g_440[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_1t97g_473{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1t97g_473[data-focused],._whiteTertiary_1t97g_473[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1t97g_473[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1t97g_473[data-pressed][data-focused]{outline:none}._whiteTertiary_1t97g_473[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1t97g_473:disabled,._whiteTertiary_1t97g_473[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_1t97g_503{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1t97g_503[data-focused],._whiteQuaternary_1t97g_503[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1t97g_503[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1t97g_503[data-pressed][data-focused]{outline:none}._whiteQuaternary_1t97g_503[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1t97g_503:disabled,._whiteQuaternary_1t97g_503[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_1t97g_535{height:1rem;width:1rem}._icon-wrapper_1t97g_540{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
@@ -0,0 +1 @@
1
+ ._creditCardNumberField_1d9o2_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._creditCardNumberField_1d9o2_1 input{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box;display:flex;font-size:var(--alto-sem-text-body-md-font-size);height:48px;justify-content:space-between;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-xs) var(--alto-sem-space-sm);width:100%}._creditCardNumberField_1d9o2_1 input[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._creditCardNumberField_1d9o2_1 input[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._creditCardNumberField_1d9o2_1 input[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._creditCardNumberField_1d9o2_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._creditCardNumberField_1d9o2_1 ._inputWrapper_1d9o2_45{align-items:center;display:flex;position:relative}._creditCardNumberField_1d9o2_1 ._iconEnd_1d9o2_51{color:var(--alto-sem-color-fg-secondary);padding-right:var(--alto-sem-space-sm);position:absolute;right:0}._creditCardNumberField_1d9o2_1:has(._iconEnd_1d9o2_51) input{padding-right:44px}
@@ -0,0 +1 @@
1
+ ._detailsDisclosure_9jcud_1{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs);width:100%}._detailsDisclosureIcon_9jcud_8{rotate:0deg;transition:rotate .2s}._detailsDisclosure_9jcud_1[data-expanded] ._detailsDisclosureIcon_9jcud_8{rotate:90deg}._detailsDisclosure_9jcud_1 button[slot=trigger]{all:unset;border-radius:var(--alto-sem-radius-circle);color:var(--alto-sem-color-fg-accent-primary);cursor:pointer;display:flex;flex-direction:row;font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-xs)}._detailsDisclosure_9jcud_1 button[slot=trigger][data-focus-visible]{color:var(--alto-sem-color-fg-accent-secondary);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._detailsDisclosure_9jcud_1 button[slot=trigger][data-hovered],._detailsDisclosure_9jcud_1 button[slot=trigger][data-pressed]{color:var(--alto-sem-color-fg-accent-secondary)}._detailsDisclosureDetails_9jcud_40{padding-left:20px;position:relative}._detailsDisclosureDetails_9jcud_40:before{background:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);content:"";height:100%;left:0;margin-left:3px;position:absolute;top:0;width:4px}
@@ -0,0 +1 @@
1
+ ._dialogWrapper_o29gm_1{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:2}._overlay_o29gm_10{background-color:var(--alto-sem-color-overlay-scrim);top:0;right:0;bottom:0;left:0;position:fixed}._dialog_o29gm_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)}@media (min-width:640px){._dialog_o29gm_1{margin:var(--alto-sem-space-xl);padding:var(--alto-sem-space-xl);width:calc(100% - var(--alto-sem-space-xl)*2)}}@media (min-width:1024px){._dialog_o29gm_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)}}._dialogContent_o29gm_47{display:flex;flex-direction:column;gap:var(--alto-sem-space-md);position:relative}._dialogHeading_o29gm_54{margin:0}._dialogContentInner_o29gm_58{display:flex;flex-direction:column;gap:var(--alto-sem-space-md)}._noHeader_o29gm_64 ._dialogContentInner_o29gm_58{padding-top:0}._closeButton_o29gm_68{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_o29gm_68:focus,._closeButton_o29gm_68:hover{background-color:var(--alto-sem-color-bg-hover)}._closeButton_o29gm_68:focus{outline-color:var(--alto-sem-color-focus-ring)}._dialogSmall_o29gm_94{max-width:25.625rem}._dialogMedium_o29gm_98{max-width:39.25rem}._dialogLarge_o29gm_102{max-width:52.875rem}
@@ -1 +1 @@
1
- ._fieldsetHeader_abhm4_1{align-items:start;display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs)}._fieldsetHeader_abhm4_1 legend{padding-inline:0}._fieldsetHeader-description_abhm4_12{color:var(--alto-sem-color-fg-secondary);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-regular-font-weight);line-height:var(--alto-sem-text-body-md-line-height)}
1
+ ._fieldsetHeader_6pt1c_1{align-items:flex-start;display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs)}._fieldsetHeader_6pt1c_1 legend{padding-inline:0}._fieldsetHeader-description_6pt1c_12{color:var(--alto-sem-color-fg-secondary);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-regular-font-weight);line-height:var(--alto-sem-text-body-md-line-height)}
@@ -0,0 +1 @@
1
+ ._icon-wrapper_h11q1_1{align-items:center;display:inline-flex;justify-content:center}._iconSize0_5x_h11q1_8{font-size:.5rem}._iconSize0_75x_h11q1_12{font-size:.75rem}._iconSize1_25x_h11q1_16{font-size:1.25rem}._iconSize1_5x_h11q1_20{font-size:1.5rem}._iconSize2_5x_h11q1_24{font-size:2.5rem}._iconSize0_5x_h11q1_8 svg{height:.5rem;width:.5rem!important}._iconSize0_75x_h11q1_12 svg{height:.75rem;width:.75rem!important}._iconSize1x_h11q1_39 svg{height:1rem;width:1rem!important}._iconSize1_25x_h11q1_16 svg{height:1.25rem;width:1.25rem!important}._iconSize1_5x_h11q1_20 svg{height:1.5rem;width:1.5rem!important}._iconSize2x_h11q1_54 svg{height:2rem;width:2rem!important}._iconSize2_5x_h11q1_24 svg{height:2.5rem;width:2.5rem!important}._iconSize3x_h11q1_64 svg{height:3rem;width:3rem!important}._iconSize4x_h11q1_69 svg{height:4rem;width:4rem!important}._iconSize5x_h11q1_74 svg{height:5rem;width:5rem!important}._iconSize6x_h11q1_79 svg{height:6rem;width:6rem!important}._iconSize7x_h11q1_84 svg{height:7rem;width:7rem!important}._iconSize8x_h11q1_89 svg{height:8rem;width:8rem!important}._iconSize9x_h11q1_94 svg{height:9rem;width:9rem!important}._iconSize10x_h11q1_99 svg{height:10rem;width:10rem!important}._icon_h11q1_1._fixedWidth_h11q1_105{padding:0 .125em}._icon_h11q1_1._square_h11q1_109{padding:.125em}._icon_h11q1_1._roomy_h11q1_113{padding:.25em}
@@ -0,0 +1 @@
1
+ ._iconBackdrop_1e7m2_1{align-items:center;display:flex;justify-content:center}._squircle_1e7m2_7 svg{border-radius:.375em}._circle_1e7m2_11 svg{border-radius:50%}
@@ -1 +1 @@
1
- ._iconButton_by3pb_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-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-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:0}._sm_by3pb_24{font-size:16px;height:36px;width:36px}._md_by3pb_30{font-size:16px;height:48px;width:48px}._lg_by3pb_36{font-size:20px;height:55px;width:55px}._accentPrimary_by3pb_46[data-focused],._accentPrimary_by3pb_46[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_by3pb_46[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_by3pb_46[data-pressed][data-focused]{outline:none}._accentPrimary_by3pb_46[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_by3pb_69{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_by3pb_69[data-focused],._accentSecondary_by3pb_69[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_by3pb_69[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_by3pb_69[data-pressed][data-focused]{outline:none}._accentSecondary_by3pb_69[data-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:none}._accentTertiary_by3pb_98{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_by3pb_98[data-focused],._accentTertiary_by3pb_98[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_by3pb_98[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_by3pb_98[data-pressed][data-focused]{outline:none}._accentTertiary_by3pb_98[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_by3pb_127{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_by3pb_127[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_by3pb_127[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_by3pb_127[data-pressed][data-focused]{outline:none}._accentQuaternary_by3pb_127[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_by3pb_151{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_by3pb_151[data-focused],._criticalPrimary_by3pb_151[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_by3pb_151[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_by3pb_151[data-pressed][data-focused]{outline:none}._criticalPrimary_by3pb_151[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_by3pb_175{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_by3pb_175[data-focused],._criticalSecondary_by3pb_175[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_by3pb_175[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_by3pb_175[data-pressed][data-focused]{outline:none}._criticalSecondary_by3pb_175[data-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:none}._criticalTertiary_by3pb_204{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_by3pb_204[data-focused],._criticalTertiary_by3pb_204[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_by3pb_204[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_by3pb_204[data-pressed][data-focused]{outline:none}._criticalTertiary_by3pb_204[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_by3pb_229{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_by3pb_229[data-focused],._criticalQuaternary_by3pb_229[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_by3pb_229[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_by3pb_229[data-pressed][data-focused]{outline:none}._criticalQuaternary_by3pb_229[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_by3pb_254{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_by3pb_254[data-focused],._neutralPrimary_by3pb_254[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_by3pb_254[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_by3pb_254[data-pressed][data-focused]{outline:none}._neutralPrimary_by3pb_254[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_by3pb_278{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)}._neutralSecondary_by3pb_278[data-focused],._neutralSecondary_by3pb_278[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_by3pb_278[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_by3pb_278[data-pressed][data-focused]{outline:none}._neutralSecondary_by3pb_278[data-disabled]{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_by3pb_305{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_by3pb_305[data-focused],._neutralTertiary_by3pb_305[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_by3pb_305[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_by3pb_305[data-pressed][data-focused]{outline:none}._neutralTertiary_by3pb_305[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_by3pb_330{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_by3pb_330[data-focused],._neutralQuaternary_by3pb_330[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_by3pb_330[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_by3pb_330[data-pressed][data-focused]{outline:none}._neutralQuaternary_by3pb_330[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_by3pb_356{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_by3pb_356[data-focused],._whitePrimary_by3pb_356[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_by3pb_356[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_by3pb_356[data-pressed][data-focused]{outline:none}._whitePrimary_by3pb_356[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whitePrimary_by3pb_356[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_by3pb_385{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)}._whiteSecondary_by3pb_385[data-focused],._whiteSecondary_by3pb_385[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_by3pb_385[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_by3pb_385[data-pressed][data-focused]{outline:none}._whiteSecondary_by3pb_385[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_by3pb_385[data-disabled]{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_by3pb_416{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_by3pb_416[data-focused],._whiteTertiary_by3pb_416[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_by3pb_416[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_by3pb_416[data-pressed][data-focused]{outline:none}._whiteTertiary_by3pb_416[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_by3pb_416[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_by3pb_445{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_by3pb_445[data-focused],._whiteQuaternary_by3pb_445[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_by3pb_445[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_by3pb_445[data-pressed][data-focused]{outline:none}._whiteQuaternary_by3pb_445[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_by3pb_445[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_by3pb_476{height:1rem;width:1rem}._icon-wrapper_by3pb_481{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
1
+ ._iconButton_kb1oz_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-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:500;gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:0}._sm_kb1oz_24{font-size:16px;height:36px;width:36px}._md_kb1oz_30{font-size:16px;height:48px;width:48px}._lg_kb1oz_36{font-size:20px;height:55px;width:55px}._accentPrimary_kb1oz_46[data-focused],._accentPrimary_kb1oz_46[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_kb1oz_46[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_kb1oz_46[data-pressed][data-focused]{outline:none}._accentPrimary_kb1oz_46[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_kb1oz_69{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_kb1oz_69[data-focused],._accentSecondary_kb1oz_69[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_kb1oz_69[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_kb1oz_69[data-pressed][data-focused]{outline:none}._accentSecondary_kb1oz_69[data-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:none}._accentTertiary_kb1oz_98{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_kb1oz_98[data-focused],._accentTertiary_kb1oz_98[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_kb1oz_98[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_kb1oz_98[data-pressed][data-focused]{outline:none}._accentTertiary_kb1oz_98[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_kb1oz_127{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_kb1oz_127[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_kb1oz_127[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_kb1oz_127[data-pressed][data-focused]{outline:none}._accentQuaternary_kb1oz_127[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_kb1oz_151{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_kb1oz_151[data-focused],._criticalPrimary_kb1oz_151[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_kb1oz_151[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_kb1oz_151[data-pressed][data-focused]{outline:none}._criticalPrimary_kb1oz_151[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_kb1oz_175{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_kb1oz_175[data-focused],._criticalSecondary_kb1oz_175[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_kb1oz_175[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_kb1oz_175[data-pressed][data-focused]{outline:none}._criticalSecondary_kb1oz_175[data-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:none}._criticalTertiary_kb1oz_204{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_kb1oz_204[data-focused],._criticalTertiary_kb1oz_204[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_kb1oz_204[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_kb1oz_204[data-pressed][data-focused]{outline:none}._criticalTertiary_kb1oz_204[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_kb1oz_229{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_kb1oz_229[data-focused],._criticalQuaternary_kb1oz_229[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_kb1oz_229[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_kb1oz_229[data-pressed][data-focused]{outline:none}._criticalQuaternary_kb1oz_229[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_kb1oz_254{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_kb1oz_254[data-focused],._neutralPrimary_kb1oz_254[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_kb1oz_254[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_kb1oz_254[data-pressed][data-focused]{outline:none}._neutralPrimary_kb1oz_254[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_kb1oz_278{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)}._neutralSecondary_kb1oz_278[data-focused],._neutralSecondary_kb1oz_278[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_kb1oz_278[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_kb1oz_278[data-pressed][data-focused]{outline:none}._neutralSecondary_kb1oz_278[data-disabled]{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_kb1oz_305{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_kb1oz_305[data-focused],._neutralTertiary_kb1oz_305[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_kb1oz_305[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_kb1oz_305[data-pressed][data-focused]{outline:none}._neutralTertiary_kb1oz_305[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_kb1oz_330{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_kb1oz_330[data-focused],._neutralQuaternary_kb1oz_330[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_kb1oz_330[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_kb1oz_330[data-pressed][data-focused]{outline:none}._neutralQuaternary_kb1oz_330[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_kb1oz_356{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_kb1oz_356[data-focused],._whitePrimary_kb1oz_356[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_kb1oz_356[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_kb1oz_356[data-pressed][data-focused]{outline:none}._whitePrimary_kb1oz_356[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whitePrimary_kb1oz_356[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_kb1oz_385{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)}._whiteSecondary_kb1oz_385[data-focused],._whiteSecondary_kb1oz_385[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_kb1oz_385[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_kb1oz_385[data-pressed][data-focused]{outline:none}._whiteSecondary_kb1oz_385[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_kb1oz_385[data-disabled]{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_kb1oz_416{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_kb1oz_416[data-focused],._whiteTertiary_kb1oz_416[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_kb1oz_416[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_kb1oz_416[data-pressed][data-focused]{outline:none}._whiteTertiary_kb1oz_416[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_kb1oz_416[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_kb1oz_445{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_kb1oz_445[data-focused],._whiteQuaternary_kb1oz_445[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_kb1oz_445[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_kb1oz_445[data-pressed][data-focused]{outline:none}._whiteQuaternary_kb1oz_445[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_kb1oz_445[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_kb1oz_476{height:1rem;width:1rem}._icon-wrapper_kb1oz_481{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
@@ -0,0 +1 @@
1
+ ._passwordField_esslh_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._passwordField__strength_esslh_10{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);list-style:none;margin-left:0;margin-top:var(--alto-sem-space-xs);padding:0}._passwordField_esslh_1 input{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)}._passwordField_esslh_1>[role=group]{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;position:relative}._passwordField_esslh_1>[role=group][data-focus-within]:not(:has(>button[data-focused])){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._passwordField_esslh_1>[role=group]:has(input[data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._passwordField_esslh_1>[role=group]:has(input[data-hovered]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._passwordField_esslh_1>[role=group]:has(input[data-pressed]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active)}._passwordField_esslh_1>[role=group]:has(input[data-invalid]){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._passwordField_esslh_1>[role=group]>button{flex-shrink:0;margin:0 var(--alto-sem-space-3xs)}._passwordField_esslh_1 input{border:none;height:48px;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);width:100%}._passwordField_esslh_1 input[data-focused]{outline:none}._passwordStrengthItem_esslh_88{align-items:center;display:flex;font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._passwordStrengthItemValid_esslh_98{color:var(--alto-sem-color-fg-success-primary)}._passwordStrengthItemNeutral_esslh_102{color:var(--alto-sem-color-fg-secondary)}._passwordStrengthItemInvalid_esslh_106{color:var(--alto-sem-color-fg-critical-primary)}
@@ -0,0 +1 @@
1
+ ._phoneNumberField_1owea_1{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:1px solid;border-color:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row-reverse;font-size:var(--alto-sem-text-body-md-font-size);height:48px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);width:100%}input::-moz-placeholder{color:red;font-weight:700;opacity:.5}input::placeholder{color:red;font-weight:700;opacity:.5}._phoneNumberField_1owea_1:focus-within{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._phoneNumberField_1owea_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1owea_1:has(input[data-hovered]) ._selectHandlerValue_1owea_35{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1owea_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1owea_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1owea_1:has(input[data-focused]) ._selectHandlerValue_1owea_35{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1owea_1:has(input[data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_1owea_1:has(input[data-disabled]) ._selectHandlerValue_1owea_35{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_1owea_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_1owea_1:has(input[data-disabled]) ._selectHandlerIcon_1owea_66{opacity:0}._phoneNumberField_1owea_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_1owea_1:has(input[data-invalid]) ._selectHandlerValue_1owea_35{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_1owea_78{flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectHandlerValue_1owea_35{align-items:center;border-right:1px solid var(--alto-sem-color-border-primary-default);color:var(--alto-sem-color-fg-primary);display:flex;font-size:var(--alto-sem-text-label-sm-font-size);gap:var(--alto-sem-space-2xs);height:48px;justify-content:center;letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);max-width:90px;padding:0 var(--alto-sem-space-xs)}._selectHandlerIcon_1owea_66{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_1owea_1 select{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border-radius:var(--alto-sem-radius-sm);cursor:pointer;display:inline-flex;font-size:0;height:48px;left:0;max-width:90px;opacity:0;position:absolute;top:0;width:100%}._phoneNumberField_1owea_1 input{all:unset;align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);background-color:transparent;border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex:1 1 auto;font-size:var(--alto-sem-text-body-md-font-size);height:48px;justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-width:200px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);text-align:left;width:100%}
@@ -0,0 +1 @@
1
+ ._popoverWrapper_qrzbw_1{max-width:410px;position:absolute}._popover_qrzbw_1{background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius,12px);box-shadow:0 4px 6px -1px var(--alto-sem-color-overlay-state-darken-active),0 2px 4px -2px var(--alto-sem-color-overlay-state-darken-active);position:relative}._arrow_qrzbw_16{background:url('data:image/svg+xml;utf8,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_15337_1997" fill="white"><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z"/></mask><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z" fill="%23FEFEFE"/><path d="M8.51472 0.814707L9.22182 0.107601L8.51472 -0.599506L7.80761 0.107601L8.51472 0.814707ZM0.736542 10.0071L9.22182 1.52181L7.80761 0.107601L-0.677672 8.59288L0.736542 10.0071ZM7.80761 1.52181L16.2929 10.0071L17.7071 8.59288L9.22182 0.107601L7.80761 1.52181Z" fill="%239593A0" fill-opacity="0.25" mask="url(%23path-1-inside-1_15337_1997)"/></svg>') 50% no-repeat;height:16px;position:absolute;width:16px}._arrow_qrzbw_16[data-placement=top]{bottom:-9px;left:50%;margin-left:-8.5px;transform:rotate(180deg)}._arrow_qrzbw_16[data-placement=bottom]{left:50%;margin-left:-8.5px;top:-9px}._arrow_qrzbw_16[data-placement=left]{margin-top:-9px;right:-9px;top:50%;transform:rotate(90deg)}._arrow_qrzbw_16[data-placement=right]{left:-9px;margin-top:-9px;top:50%;transform:rotate(-90deg)}
@@ -0,0 +1 @@
1
+ ._select_2fygw_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._selectInput_2fygw_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234B4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);color:var(--alto-sem-color-fg-primary);cursor:pointer;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-xs) var(--alto-sem-space-sm)}._selectInput_2fygw_10 option[value=""][disabled]{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:-moz-placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._select_2fygw_1[data-disabled] ._selectInput_2fygw_10{background-color:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._select_2fygw_1[data-invalid] ._selectInput_2fygw_10{border:2px solid var(--alto-sem-color-border-critical)}@-moz-document url-prefix(){._selectInput_2fygw_10{padding-right:var(--alto-sem-space-xl);text-indent:0;text-overflow:""}}
@@ -0,0 +1 @@
1
+ ._fieldHeaderWrapper_12sym_1{position:relative}._output_12sym_5{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-sm-font-size);line-height:var(--alto-sem-text-body-sm-line-height);position:absolute;right:0;top:0}._sliderContainer_12sym_14{align-items:center;display:flex;height:24px;position:relative}._track_12sym_21{background-color:var(--alto-sem-color-border-secondary);border-radius:3px;height:6px;overflow:visible;position:relative;width:100%}._fill_12sym_30{background-color:var(--alto-sem-color-border-accent);border-radius:3px;height:100%;position:absolute}._thumbContainer_12sym_37{position:absolute;top:50%;transform:translate(-50%)}._thumb_12sym_37{background-color:var(--alto-sem-color-fg-accent-on-vibrant);border:2px solid var(--alto-sem-color-border-accent);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;cursor:pointer;height:20px;position:relative;touch-action:none;transform:translateY(-50%);transition:transform .2s,border-width .2s;width:20px}._thumb_12sym_37:active,._thumb_12sym_37:hover,._thumb_12sym_37[data-dragging]{transform:translateY(-50%) scale(1.1)}._thumb_12sym_37[data-dragging]{border-width:var(--alto-sem-space-4xs)}._thumb_12sym_37[data-focus-visible]:not([data-dragging]){border-width:var(--alto-sem-space-4xs);box-shadow:0 0 0 2px var(--alto-sem-color-border-white);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);transition:none}._slider_12sym_14[data-disabled]{cursor:not-allowed;opacity:.5}._slider_12sym_14[data-disabled] ._track_12sym_21{background-color:var(--alto-sem-color-border-disabled-subtle)}._slider_12sym_14[data-disabled] ._fill_12sym_30{background-color:var(--alto-sem-color-border-disabled-vibrant)}._slider_12sym_14[data-disabled] ._thumb_12sym_37{background:linear-gradient(0deg,var(--alto-sem-color-bg-disabled-vibrant,rgba(10,10,12,.32)) 0,var(--alto-sem-color-bg-disabled-vibrant,rgba(10,10,12,.32)) 100%),var(--alto-sem-color-bg-base);border-color:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed}
@@ -0,0 +1 @@
1
+ ._switch_1mhci_1{align-items:center;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-size:var(--alto-sem-text-body-md-font-size);forced-color-adjust:none;gap:var(--alto-sem-space-sm);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);--alto-switch-width:52px;--alto-switch-height:32px;--alto-switch-indicator-default-size:16px;--alto-switch-indicator-pressed-size:24px}._switch_1mhci_1 ._indicator_1mhci_18{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);height:var(--alto-switch-height);transition:transform .2s;width:var(--alto-switch-width)}._switch_1mhci_1 ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-secondary);border-radius:var(--alto-sem-radius-circle);content:"";display:block;height:var(--alto-switch-indicator-default-size);margin:var(--alto-sem-space-2xs);transition:transform .2s;width:var(--alto-switch-indicator-default-size)}._switch_1mhci_1[data-hovered] ._indicator_1mhci_18{background:linear-gradient(0deg,var(--alto-sem-color-overlay-state-darken-invert-hover) 0,var(--alto-sem-color-overlay-state-darken-invert-hover) 100%),var(--alto-sem-color-bg-layer2-default)}._switch_1mhci_1[data-hovered] ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-secondary)}._switch_1mhci_1[data-pressed] ._indicator_1mhci_18{background:linear-gradient(0deg,var(--alto-sem-color-overlay-state-darken-invert-active) 0,var(--alto-sem-color-overlay-state-darken-invert-active) 100%),var(--alto-sem-color-bg-layer2-default)}._switch_1mhci_1[data-selected] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._switch_1mhci_1[data-selected] ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-accent-on-vibrant);height:var(--alto-switch-indicator-pressed-size);margin:var(--alto-sem-space-4xs) 0;transform:translate(100%);width:var(--alto-switch-indicator-pressed-size)}._switch_1mhci_1[data-selected][data-hovered] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._switch_1mhci_1[data-selected][data-pressed] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._switch_1mhci_1[data-focus-visible] ._indicator_1mhci_18{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-space-5xs)}._switch_1mhci_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._switch_1mhci_1[data-disabled] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._switch_1mhci_1[data-disabled] ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-disabled-primary)}._switch_1mhci_1[data-disabled][data-selected] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-disabled-vibrant);border-color:transparent}._switch_1mhci_1[data-disabled][data-selected] ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-disabled-on-vibrant)}._switch_1mhci_1[data-focus-visible],._switch_1mhci_1[data-focused]{outline:none}
@@ -1 +1 @@
1
- ._toggleButton_17fie_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;min-height:48px}._fa-spinner-third_17fie_21{height:1rem;width:1rem}._icon-wrapper_17fie_26{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}._sm_17fie_35{height:36px;min-height:36px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._md_17fie_42,._sm_17fie_35{font-size:var(--alto-sem-text-label-md-font-size)}._md_17fie_42{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_17fie_48{font-size:var(--alto-sem-text-label-lg-font-size);min-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._lg_17fie_48 ._fa-spinner-third_17fie_21{height:1.25rem;width:1.25rem}._toggleButton_17fie_1[data-focused]{outline-color:var(--alto-sem-color-bg-accent-deep-active)}._toggleButton_17fie_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleButton_17fie_1[data-disabled]{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleButton_17fie_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:transparent;color:var(--alto-sem-color-bg-layer2-default)}._toggleButton_17fie_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_17fie_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleButton_17fie_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_17fie_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}
1
+ ._toggleButton_1q059_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;min-height:48px}._fa-spinner-third_1q059_21{height:1rem;width:1rem}._icon-wrapper_1q059_26{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}._sm_1q059_35{height:36px;min-height:36px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._md_1q059_42,._sm_1q059_35{font-size:var(--alto-sem-text-label-md-font-size)}._md_1q059_42{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1q059_48{font-size:var(--alto-sem-text-label-lg-font-size);min-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._lg_1q059_48 ._fa-spinner-third_1q059_21{height:1.25rem;width:1.25rem}._toggleButton_1q059_1[data-focused]{outline-color:var(--alto-sem-color-bg-accent-deep-active)}._toggleButton_1q059_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleButton_1q059_1[data-disabled]{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleButton_1q059_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:transparent;color:var(--alto-sem-color-bg-layer2-default)}._toggleButton_1q059_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_1q059_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleButton_1q059_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_1q059_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}
@@ -1 +1 @@
1
- ._toggleIconButton_1pk2t_1{align-items:center;background:var(--alto-sem-color-bg-inverse-subtle-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing)}._sm_1pk2t_26{font-size:16px;height:36px;width:36px}._md_1pk2t_32{font-size:16px;height:48px;width:48px}._lg_1pk2t_38{font-size:20px;height:55px;width:55px}._lg_1pk2t_38 ._fa-spinner-third_1pk2t_44{height:1.25rem;width:1.25rem}._toggleIconButton_1pk2t_1[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._toggleIconButton_1pk2t_1[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._toggleIconButton_1pk2t_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleIconButton_1pk2t_1[data-disabled]{background:transparent;color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleIconButton_1pk2t_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-bg-layer2-default)}._toggleIconButton_1pk2t_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1pk2t_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleIconButton_1pk2t_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1pk2t_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}._fa-spinner-third_1pk2t_44{height:1rem;width:1rem}._icon-wrapper_1pk2t_17{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
1
+ ._toggleIconButton_1za7z_1{align-items:center;background:var(--alto-sem-color-bg-inverse-subtle-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing)}._sm_1za7z_26{font-size:16px;height:36px;width:36px}._md_1za7z_32{font-size:16px;height:48px;width:48px}._lg_1za7z_38{font-size:20px;height:55px;width:55px}._lg_1za7z_38 ._fa-spinner-third_1za7z_44{height:1.25rem;width:1.25rem}._toggleIconButton_1za7z_1[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._toggleIconButton_1za7z_1[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._toggleIconButton_1za7z_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleIconButton_1za7z_1[data-disabled]{background:transparent;color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleIconButton_1za7z_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-bg-layer2-default)}._toggleIconButton_1za7z_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1za7z_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleIconButton_1za7z_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1za7z_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}._fa-spinner-third_1za7z_44{height:1rem;width:1rem}._icon-wrapper_1za7z_17{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
@@ -0,0 +1 @@
1
+ ._backgroundColor-transparent_it5xu_1{background-color:transparent}._backgroundColor-base_it5xu_5{background-color:var(--alto-sem-color-bg-base)}._backgroundColor-layer1_it5xu_9{background-color:var(--alto-sem-color-bg-layer1-default)}._backgroundColor-layer2_it5xu_13{background-color:var(--alto-sem-color-bg-layer2-default)}._backgroundColor-layer3_it5xu_17{background-color:var(--alto-sem-color-bg-layer3-default)}._backgroundColor-accent-vibrant_it5xu_21{background-color:var(--alto-sem-color-bg-accent-vibrant-default)}._backgroundColor-accent-subtle_it5xu_25{background-color:var(--alto-sem-color-bg-accent-subtle-default)}._backgroundColor-accent-deep_it5xu_29{background-color:var(--alto-sem-color-bg-accent-deep-default)}._backgroundColor-critical-vibrant_it5xu_33{background-color:var(--alto-sem-color-bg-critical-vibrant-default)}._backgroundColor-critical-subtle_it5xu_37{background-color:var(--alto-sem-color-bg-critical-subtle-default)}._backgroundColor-warning-vibrant_it5xu_41{background-color:var(--alto-sem-color-bg-warning-vibrant-default)}._backgroundColor-warning-subtle_it5xu_45{background-color:var(--alto-sem-color-bg-warning-subtle-default)}._backgroundColor-caution-vibrant_it5xu_49{background-color:var(--alto-sem-color-bg-caution-vibrant-default)}._backgroundColor-caution-subtle_it5xu_53{background-color:var(--alto-sem-color-bg-caution-subtle-default)}._backgroundColor-success-vibrant_it5xu_57{background-color:var(--alto-sem-color-bg-success-vibrant-default)}._backgroundColor-success-subtle_it5xu_61{background-color:var(--alto-sem-color-bg-success-subtle-default)}._backgroundColor-information-vibrant_it5xu_65{background-color:var(--alto-sem-color-bg-information-vibrant-default)}._backgroundColor-information-subtle_it5xu_69{background-color:var(--alto-sem-color-bg-information-subtle-default)}._backgroundColor-inverse-vibrant_it5xu_73{background-color:var(--alto-sem-color-bg-inverse-vibrant-default)}._backgroundColor-inverse-subtle_it5xu_77{background-color:var(--alto-sem-color-bg-inverse-subtle-default)}._backgroundColor-white-vibrant_it5xu_81{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._backgroundColor-white-subtle_it5xu_85{background-color:var(--alto-sem-color-bg-white-subtle-default)}._backgroundColor-disabled-vibrant_it5xu_89{background-color:var(--alto-sem-color-bg-disabled-vibrant)}._backgroundColor-disabled-subtle_it5xu_93{background-color:var(--alto-sem-color-bg-disabled-subtle)}._backgroundColor-sale-vibrant_it5xu_97{background-color:var(--alto-sem-color-bg-sale-vibrant-default)}
@@ -1 +1 @@
1
- ._flex_1ug5y_1{display:flex}._flexInline_1ug5y_5{display:inline-flex}._flexJustifyContentStart_1ug5y_9{justify-content:flex-start}._flexJustifyContentCenter_1ug5y_13{justify-content:center}._flexJustifyContentEnd_1ug5y_17{justify-content:flex-end}._flexWrapWrap_1ug5y_21{flex-wrap:wrap}._flexWrapNowrap_1ug5y_25{flex-wrap:nowrap}._flexGrow1_1ug5y_29{flex-grow:1}._flexGrow0_1ug5y_33{flex-grow:0}._flexShrink1_1ug5y_37{flex-shrink:1}._flexShrink0_1ug5y_41{flex-shrink:0}._flexDirectionRow_1ug5y_45{flex-direction:row}._flexDirectionRowReverse_1ug5y_49{flex-direction:row-reverse}._flexDirectionColumn_1ug5y_53{flex-direction:column}._flexDirectionColumnReverse_1ug5y_57{flex-direction:column-reverse}._flexAlignItemsStart_1ug5y_61{align-items:flex-start}._flexAlignItemsCenter_1ug5y_65{align-items:center}._flexAlignItemsEnd_1ug5y_69{align-items:flex-end}._flexGap5xs_1ug5y_73{gap:var(--alto-sem-space-5xs)}._flexGap4xs_1ug5y_77{gap:var(--alto-sem-space-4xs)}._flexGap3xs_1ug5y_81{gap:var(--alto-sem-space-3xs)}._flexGap2xs_1ug5y_85{gap:var(--alto-sem-space-2xs)}._flexGapXs_1ug5y_89{gap:var(--alto-sem-space-xs)}._flexGapSm_1ug5y_93{gap:var(--alto-sem-space-sm)}._flexGapMd_1ug5y_97{gap:var(--alto-sem-space-md)}._flexGapLg_1ug5y_101{gap:var(--alto-sem-space-lg)}._flexGapXl_1ug5y_105{gap:var(--alto-sem-space-xl)}._flexGap2xl_1ug5y_109{gap:var(--alto-sem-space-2xl)}._flexGap3xl_1ug5y_113{gap:var(--alto-sem-space-3xl)}._flexGap4xl_1ug5y_117{gap:var(--alto-sem-space-4xl)}._flexGap5xl_1ug5y_121{gap:var(--alto-sem-space-5xl)}._flexGap6xl_1ug5y_125{gap:var(--alto-sem-space-6xl)}
1
+ ._flex_12kod_1{display:flex}._flexInline_12kod_5{display:inline-flex}._flexJustifyContentStart_12kod_9{justify-content:flex-start}._flexJustifyContentCenter_12kod_13{justify-content:center}._flexJustifyContentEnd_12kod_17{justify-content:flex-end}._flexJustifyContentSpaceBetween_12kod_21{justify-content:space-between}._flexJustifyContentSpaceAround_12kod_25{justify-content:space-around}._flexJustifyContentSpaceEvenly_12kod_29{justify-content:space-evenly}._flexWrapWrap_12kod_33{flex-wrap:wrap}._flexWrapNowrap_12kod_37{flex-wrap:nowrap}._flexGrow1_12kod_41{flex-grow:1}._flexGrow0_12kod_45{flex-grow:0}._flexShrink1_12kod_49{flex-shrink:1}._flexShrink0_12kod_53{flex-shrink:0}._flexDirectionRow_12kod_57{flex-direction:row}._flexDirectionRowReverse_12kod_61{flex-direction:row-reverse}._flexDirectionColumn_12kod_65{flex-direction:column}._flexDirectionColumnReverse_12kod_69{flex-direction:column-reverse}._flexAlignItemsStart_12kod_73{align-items:flex-start}._flexAlignItemsCenter_12kod_77{align-items:center}._flexAlignItemsEnd_12kod_81{align-items:flex-end}._flexAlignItemsStretch_12kod_85{align-items:stretch}._flexGap5xs_12kod_89{gap:var(--alto-sem-space-5xs)}._flexGap4xs_12kod_93{gap:var(--alto-sem-space-4xs)}._flexGap3xs_12kod_97{gap:var(--alto-sem-space-3xs)}._flexGap2xs_12kod_101{gap:var(--alto-sem-space-2xs)}._flexGapXs_12kod_105{gap:var(--alto-sem-space-xs)}._flexGapSm_12kod_109{gap:var(--alto-sem-space-sm)}._flexGapMd_12kod_113{gap:var(--alto-sem-space-md)}._flexGapLg_12kod_117{gap:var(--alto-sem-space-lg)}._flexGapXl_12kod_121{gap:var(--alto-sem-space-xl)}._flexGap2xl_12kod_125{gap:var(--alto-sem-space-2xl)}._flexGap3xl_12kod_129{gap:var(--alto-sem-space-3xl)}._flexGap4xl_12kod_133{gap:var(--alto-sem-space-4xl)}._flexGap5xl_12kod_137{gap:var(--alto-sem-space-5xl)}._flexGap6xl_12kod_141{gap:var(--alto-sem-space-6xl)}
@@ -0,0 +1 @@
1
+ ._foregroundColor-primary_6k06r_1{color:var(--alto-sem-color-fg-primary)}._foregroundColor-secondary_6k06r_5{color:var(--alto-sem-color-fg-secondary)}._foregroundColor-accent-primary_6k06r_9{color:var(--alto-sem-color-fg-accent-primary)}._foregroundColor-accent-secondary_6k06r_13{color:var(--alto-sem-color-fg-accent-secondary)}._foregroundColor-accent-on-vibrant_6k06r_17{color:var(--alto-sem-color-fg-accent-on-vibrant)}._foregroundColor-accent-on-vibrant-accent_6k06r_21{color:var(--alto-sem-color-fg-accent-on-vibrant-accent)}._foregroundColor-accent-on-subtle_6k06r_25{color:var(--alto-sem-color-fg-accent-on-subtle)}._foregroundColor-accent-on-deep_6k06r_29{color:var(--alto-sem-color-fg-accent-on-deep)}._foregroundColor-critical-primary_6k06r_33{color:var(--alto-sem-color-fg-critical-primary)}._foregroundColor-critical-on-vibrant_6k06r_37{color:var(--alto-sem-color-fg-critical-on-vibrant)}._foregroundColor-critical-on-subtle_6k06r_41{color:var(--alto-sem-color-fg-critical-on-subtle)}._foregroundColor-warning-primary_6k06r_45{color:var(--alto-sem-color-fg-warning-primary)}._foregroundColor-warning-on-vibrant_6k06r_49{color:var(--alto-sem-color-fg-warning-on-vibrant)}._foregroundColor-warning-on-subtle_6k06r_53{color:var(--alto-sem-color-fg-warning-on-subtle)}._foregroundColor-caution-primary_6k06r_57{color:var(--alto-sem-color-fg-caution-primary)}._foregroundColor-caution-on-vibrant_6k06r_61{color:var(--alto-sem-color-fg-caution-on-vibrant)}._foregroundColor-caution-on-subtle_6k06r_65{color:var(--alto-sem-color-fg-caution-on-subtle)}._foregroundColor-success-primary_6k06r_69{color:var(--alto-sem-color-fg-success-primary)}._foregroundColor-success-on-vibrant_6k06r_73{color:var(--alto-sem-color-fg-success-on-vibrant)}._foregroundColor-success-on-subtle_6k06r_77{color:var(--alto-sem-color-fg-success-on-subtle)}._foregroundColor-information-primary_6k06r_81{color:var(--alto-sem-color-fg-information-primary)}._foregroundColor-information-on-vibrant_6k06r_85{color:var(--alto-sem-color-fg-information-on-vibrant)}._foregroundColor-information-on-subtle_6k06r_89{color:var(--alto-sem-color-fg-information-on-subtle)}._foregroundColor-inverse-primary_6k06r_93{color:var(--alto-sem-color-fg-inverse-primary)}._foregroundColor-inverse-on-vibrant_6k06r_97{color:var(--alto-sem-color-fg-inverse-on-vibrant)}._foregroundColor-inverse-on-subtle_6k06r_101{color:var(--alto-sem-color-fg-inverse-on-subtle)}._foregroundColor-white-primary_6k06r_105{color:var(--alto-sem-color-fg-white-primary)}._foregroundColor-white-on-vibrant_6k06r_109{color:var(--alto-sem-color-fg-white-on-vibrant)}._foregroundColor-white-on-subtle_6k06r_113{color:var(--alto-sem-color-fg-white-on-subtle)}._foregroundColor-disabled-primary_6k06r_117{color:var(--alto-sem-color-fg-disabled-primary)}._foregroundColor-disabled-on-vibrant_6k06r_121{color:var(--alto-sem-color-fg-disabled-on-vibrant)}._foregroundColor-disabled-on-subtle_6k06r_125{color:var(--alto-sem-color-fg-disabled-on-subtle)}._foregroundColor-sale-primary_6k06r_129{color:var(--alto-sem-color-fg-sale-primary)}._foregroundColor-sale-on-vibrant_6k06r_133{color:var(--alto-sem-color-fg-sale-on-vibrant)}
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- import { BackgroundVariants } from '../../utils/backgroundColour/backgroundColour';
2
+ import { BackgroundVariants } from '../../utils/backgroundColor/backgroundColor';
3
3
  import { FlexVariants } from '../../utils/flex/flex';
4
4
  import { BorderVariants } from '../../utils/border/border';
5
5
  import { PaddingVariants } from '../../utils/padding/padding';
@@ -39,6 +39,10 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
39
39
  * Accepts any valid CSS unit.
40
40
  */
41
41
  minHeight?: string;
42
+ /**
43
+ * @deprecated Use `backgroundColor` instead.
44
+ */
45
+ backgroundColour?: BackgroundVariants['backgroundColor'];
42
46
  }
43
- export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
47
+ export declare const Box: ({ children, as: Component, backgroundColour, width, maxWidth, minWidth, height, maxHeight, minHeight, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
44
48
  export default Box;
@@ -1,11 +1,12 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { backgroundColorVariants } from "../../utils/backgroundColour/backgroundColour.js";
2
+ import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundColor.js";
3
3
  import { flexVariants } from "../../utils/flex/flex.js";
4
4
  import { borderVariants } from "../../utils/border/border.js";
5
5
  import { paddingVariants } from "../../utils/padding/padding.js";
6
6
  const Box = ({
7
7
  children,
8
8
  as: Component = "div",
9
+ backgroundColour,
9
10
  width,
10
11
  maxWidth,
11
12
  minWidth,
@@ -14,6 +15,10 @@ const Box = ({
14
15
  minHeight,
15
16
  ...props
16
17
  }) => {
18
+ if (backgroundColour && !props.backgroundColor) {
19
+ console.warn("Warning: `backgroundColour` is deprecated and will be removed in a future release. Please use `backgroundColor` instead.");
20
+ }
21
+ const resolvedBackgroundColor = props.backgroundColor ?? backgroundColour;
17
22
  const borderWidth = !(props == null ? void 0 : props.borderWidth) && props.borderColour !== "none" ? "sm" : props.borderWidth;
18
23
  const stylesProp = {
19
24
  width: width === "full" ? "100%" : width,
@@ -31,6 +36,7 @@ const Box = ({
31
36
  })} ${paddingVariants({
32
37
  ...props
33
38
  })} ${backgroundColorVariants({
39
+ backgroundColor: resolvedBackgroundColor,
34
40
  ...props
35
41
  })}`, style: stylesProp, children });
36
42
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -8,35 +8,35 @@ import { useFocusRing } from "@react-aria/focus";
8
8
  import { Icon } from "../Icon/Icon.js";
9
9
  import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
10
10
  import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
11
- import '../../assets/Button.css';const button$1 = "_button_1pjm3_1";
12
- const content = "_content_1pjm3_22";
13
- const isNotLoading = "_isNotLoading_1pjm3_31";
14
- const loadingSpinner = "_loadingSpinner_1pjm3_31";
15
- const isLoading = "_isLoading_1pjm3_40";
16
- const focusWhite = "_focusWhite_1pjm3_52";
17
- const sm = "_sm_1pjm3_59";
18
- const md = "_md_1pjm3_64";
19
- const lg = "_lg_1pjm3_69";
20
- const fullWidth = "_fullWidth_1pjm3_74";
21
- const textAlignLeft = "_textAlignLeft_1pjm3_81";
22
- const textAlignCenter = "_textAlignCenter_1pjm3_85";
23
- const textAlignRight = "_textAlignRight_1pjm3_89";
24
- const accentPrimary = "_accentPrimary_1pjm3_97";
25
- const accentSecondary = "_accentSecondary_1pjm3_117";
26
- const accentTertiary = "_accentTertiary_1pjm3_147";
27
- const accentQuaternary = "_accentQuaternary_1pjm3_173";
28
- const criticalPrimary = "_criticalPrimary_1pjm3_199";
29
- const criticalSecondary = "_criticalSecondary_1pjm3_224";
30
- const criticalTertiary = "_criticalTertiary_1pjm3_254";
31
- const criticalQuaternary = "_criticalQuaternary_1pjm3_280";
32
- const neutralPrimary = "_neutralPrimary_1pjm3_307";
33
- const neutralSecondary = "_neutralSecondary_1pjm3_332";
34
- const neutralTertiary = "_neutralTertiary_1pjm3_361";
35
- const neutralQuaternary = "_neutralQuaternary_1pjm3_387";
36
- const whitePrimary = "_whitePrimary_1pjm3_414";
37
- const whiteSecondary = "_whiteSecondary_1pjm3_440";
38
- const whiteTertiary = "_whiteTertiary_1pjm3_473";
39
- const whiteQuaternary = "_whiteQuaternary_1pjm3_503";
11
+ import '../../assets/Button.css';const button$1 = "_button_1t97g_1";
12
+ const content = "_content_1t97g_22";
13
+ const isNotLoading = "_isNotLoading_1t97g_31";
14
+ const loadingSpinner = "_loadingSpinner_1t97g_31";
15
+ const isLoading = "_isLoading_1t97g_40";
16
+ const focusWhite = "_focusWhite_1t97g_52";
17
+ const sm = "_sm_1t97g_59";
18
+ const md = "_md_1t97g_64";
19
+ const lg = "_lg_1t97g_69";
20
+ const fullWidth = "_fullWidth_1t97g_74";
21
+ const textAlignLeft = "_textAlignLeft_1t97g_81";
22
+ const textAlignCenter = "_textAlignCenter_1t97g_85";
23
+ const textAlignRight = "_textAlignRight_1t97g_89";
24
+ const accentPrimary = "_accentPrimary_1t97g_97";
25
+ const accentSecondary = "_accentSecondary_1t97g_117";
26
+ const accentTertiary = "_accentTertiary_1t97g_147";
27
+ const accentQuaternary = "_accentQuaternary_1t97g_173";
28
+ const criticalPrimary = "_criticalPrimary_1t97g_199";
29
+ const criticalSecondary = "_criticalSecondary_1t97g_224";
30
+ const criticalTertiary = "_criticalTertiary_1t97g_254";
31
+ const criticalQuaternary = "_criticalQuaternary_1t97g_280";
32
+ const neutralPrimary = "_neutralPrimary_1t97g_307";
33
+ const neutralSecondary = "_neutralSecondary_1t97g_332";
34
+ const neutralTertiary = "_neutralTertiary_1t97g_361";
35
+ const neutralQuaternary = "_neutralQuaternary_1t97g_387";
36
+ const whitePrimary = "_whitePrimary_1t97g_414";
37
+ const whiteSecondary = "_whiteSecondary_1t97g_440";
38
+ const whiteTertiary = "_whiteTertiary_1t97g_473";
39
+ const whiteQuaternary = "_whiteQuaternary_1t97g_503";
40
40
  const styles = {
41
41
  button: button$1,
42
42
  content,
@@ -67,8 +67,8 @@ const styles = {
67
67
  whiteSecondary,
68
68
  whiteTertiary,
69
69
  whiteQuaternary,
70
- "fa-spinner-third": "_fa-spinner-third_1pjm3_535",
71
- "icon-wrapper": "_icon-wrapper_1pjm3_540"
70
+ "fa-spinner-third": "_fa-spinner-third_1t97g_535",
71
+ "icon-wrapper": "_icon-wrapper_1t97g_540"
72
72
  };
73
73
  const button = cva(styles.button, {
74
74
  variants: {
@@ -0,0 +1,29 @@
1
+ import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
2
+ import { FieldProps } from '../_base/Field';
3
+ type CreditCardNumberValue = string | number | null | undefined;
4
+ interface CreditCardNumberFieldBaseProps {
5
+ /**
6
+ * The icon to display.
7
+ * If a function is provided, it will be called with the current value of the input.
8
+ * Expects an icon name from the font-awesome `brands` icon pack.
9
+ * https://fontawesome.com/search?q=credit%20card&o=r&ip=brands
10
+ */
11
+ cardIcon?: string | ((value?: CreditCardNumberValue) => string);
12
+ /**
13
+ * The controlled value of the credit card number.
14
+ */
15
+ value?: CreditCardNumberValue;
16
+ /**
17
+ * The controlled onChange handler for the credit card number.
18
+ */
19
+ onChange?: (value?: CreditCardNumberValue) => void;
20
+ /**
21
+ * The default value of the credit card number.
22
+ */
23
+ defaultValue?: CreditCardNumberValue;
24
+ }
25
+ export interface CreditCardNumberFieldProps extends FieldProps<Omit<AriaTextFieldProps, 'defaultValue' | 'value' | 'onChange'>>, CreditCardNumberFieldBaseProps {
26
+ placeholder?: string;
27
+ }
28
+ export declare const CreditCardNumberField: ({ cardIcon: cardIconProp, defaultValue, value: valueControlled, onChange: onChangeControlled, ...props }: CreditCardNumberFieldProps) => import("react/jsx-runtime").JSX.Element;
29
+ export default CreditCardNumberField;
@@ -0,0 +1,45 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import { TextField, Input } from "react-aria-components";
4
+ import { P as PatternFormat } from "../../react-number-format.es-DMLgWFZX.js";
5
+ import { Field } from "../_base/Field/Field.js";
6
+ import { Icon } from "../Icon/Icon.js";
7
+ import { getCardIcon } from "../../utils/creditCard/creditCard.js";
8
+ import '../../assets/CreditCardNumberField.css';const creditCardNumberField = "_creditCardNumberField_1d9o2_1";
9
+ const inputWrapper = "_inputWrapper_1d9o2_45";
10
+ const iconEnd = "_iconEnd_1d9o2_51";
11
+ const styles = {
12
+ creditCardNumberField,
13
+ inputWrapper,
14
+ iconEnd
15
+ };
16
+ const CreditCardNumberField = ({
17
+ cardIcon: cardIconProp = getCardIcon,
18
+ defaultValue,
19
+ value: valueControlled,
20
+ onChange: onChangeControlled,
21
+ ...props
22
+ }) => {
23
+ const [value, setValue] = React.useState(defaultValue);
24
+ const valueDefinitive = valueControlled ?? value;
25
+ const cardIcon = React.useMemo(() => {
26
+ if (typeof cardIconProp === "function") {
27
+ return cardIconProp(value) || "credit-card";
28
+ }
29
+ return cardIconProp || "credit-card";
30
+ }, [value, cardIconProp]);
31
+ return /* @__PURE__ */ jsx(Field, { className: styles.creditCardNumberField, as: TextField, ...props, children: /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
32
+ /* @__PURE__ */ jsx(PatternFormat, { type: "text", format: "#### #### #### ####", customInput: Input, "aria-label": (props == null ? void 0 : props.label) || "Credit card number", placeholder: props == null ? void 0 : props.placeholder, defaultValue, value: valueDefinitive, onValueChange: (values) => {
33
+ if (typeof onChangeControlled === "function") {
34
+ onChangeControlled(values.value);
35
+ }
36
+ setValue(values.value);
37
+ } }),
38
+ /* @__PURE__ */ jsx(Icon, { iconName: cardIcon, iconPack: cardIcon === "credit-card" ? "solid" : "brands", className: styles.iconEnd, iconSize: "1.25x", padding: "roomy" })
39
+ ] }) });
40
+ };
41
+ export {
42
+ CreditCardNumberField,
43
+ CreditCardNumberField as default
44
+ };
45
+ //# sourceMappingURL=CreditCardNumberField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CreditCardNumberField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1 @@
1
+ export { default } from './CreditCardNumberField';
@@ -0,0 +1,5 @@
1
+ import { CreditCardNumberField } from "./CreditCardNumberField.js";
2
+ export {
3
+ CreditCardNumberField as default
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,33 @@
1
+ import { default as React } from 'react';
2
+ import { DisclosureProps as AriaDisclosureProps, DisclosurePanelProps as AriaDisclosurePanelProps } from 'react-aria-components';
3
+ interface DetailsDisclosureProps extends AriaDisclosureProps {
4
+ /**
5
+ * Whether the disclosure is expanded by default.
6
+ */
7
+ defaultExpanded?: boolean;
8
+ /**
9
+ * Whether the disclosure is expanded (Controlled)
10
+ */
11
+ isExpanded?: boolean;
12
+ /**
13
+ * Callback function that is called when the disclosure is expanded or collapsed. (Controlled)
14
+ */
15
+ onExpandedChange?: (isExpanded: boolean) => void;
16
+ /**
17
+ * <DetailsDisclosure.Trigger> and <DetailsDisclosure.Panel> children.
18
+ */
19
+ children?: React.ReactNode;
20
+ }
21
+ declare const DetailsDisclosure: {
22
+ ({ children, ...props }: DetailsDisclosureProps): import("react/jsx-runtime").JSX.Element;
23
+ Summary: {
24
+ ({ children, }: Pick<DetailsDisclosureProps, "children">): import("react/jsx-runtime").JSX.Element;
25
+ displayName: string;
26
+ };
27
+ Details: {
28
+ ({ children, ...props }: AriaDisclosurePanelProps): import("react/jsx-runtime").JSX.Element;
29
+ displayName: string;
30
+ };
31
+ };
32
+ export type { DetailsDisclosureProps };
33
+ export default DetailsDisclosure;
@@ -0,0 +1,39 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { Disclosure, Button, DisclosurePanel } from "react-aria-components";
3
+ import { Icon } from "../Icon/Icon.js";
4
+ import '../../assets/DetailsDisclosure.css';const detailsDisclosure = "_detailsDisclosure_9jcud_1";
5
+ const detailsDisclosureIcon = "_detailsDisclosureIcon_9jcud_8";
6
+ const detailsDisclosureDetails = "_detailsDisclosureDetails_9jcud_40";
7
+ const styles = {
8
+ detailsDisclosure,
9
+ detailsDisclosureIcon,
10
+ detailsDisclosureDetails
11
+ };
12
+ const DetailsDisclosureSummary = ({
13
+ children
14
+ }) => {
15
+ return /* @__PURE__ */ jsxs(Button, { slot: "trigger", children: [
16
+ /* @__PURE__ */ jsx(Icon, { className: styles["detailsDisclosureIcon"], iconName: "caret-right", iconPrefix: "fas", ariaLabel: "Open disclosure" }),
17
+ children
18
+ ] });
19
+ };
20
+ DetailsDisclosureSummary.displayName = "DetailsDisclosure.Summary";
21
+ const DetailsDisclosureDetails = ({
22
+ children,
23
+ ...props
24
+ }) => {
25
+ return /* @__PURE__ */ jsx(DisclosurePanel, { className: styles["detailsDisclosureDetails"], ...props, children });
26
+ };
27
+ DetailsDisclosureDetails.displayName = "DetailsDisclosure.Details";
28
+ const DetailsDisclosure = ({
29
+ children,
30
+ ...props
31
+ }) => {
32
+ return /* @__PURE__ */ jsx(Disclosure, { className: styles["detailsDisclosure"], ...props, children });
33
+ };
34
+ DetailsDisclosure.Summary = DetailsDisclosureSummary;
35
+ DetailsDisclosure.Details = DetailsDisclosureDetails;
36
+ export {
37
+ DetailsDisclosure as default
38
+ };
39
+ //# sourceMappingURL=DetailsDisclosure.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DetailsDisclosure.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,2 @@
1
+ export type { DetailsDisclosureProps } from './DetailsDisclosure';
2
+ export { default } from './DetailsDisclosure';
@@ -0,0 +1,5 @@
1
+ import { default as default2 } from "./DetailsDisclosure.js";
2
+ export {
3
+ default2 as default
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}