@alto-avios/alto-ui 3.1.0 → 3.2.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 (96) hide show
  1. package/dist/assets/Accordion.css +1 -0
  2. package/dist/assets/AviosBadge.css +1 -0
  3. package/dist/assets/Button.css +1 -1
  4. package/dist/assets/CalloutBanner.css +1 -0
  5. package/dist/assets/ErrorSummary.css +1 -0
  6. package/dist/assets/FieldHeader.css +1 -1
  7. package/dist/assets/FieldLabel.css +1 -1
  8. package/dist/assets/Menu.css +1 -0
  9. package/dist/assets/PhoneNumberField.css +1 -1
  10. package/dist/assets/SelectCard.css +1 -0
  11. package/dist/assets/Tag.css +1 -1
  12. package/dist/assets/flex.css +1 -1
  13. package/dist/assets/position.css +1 -0
  14. package/dist/components/Accordion/Accordion.d.ts +35 -0
  15. package/dist/components/Accordion/Accordion.js +140 -0
  16. package/dist/components/Accordion/Accordion.js.map +1 -0
  17. package/dist/components/Accordion/index.d.ts +1 -0
  18. package/dist/components/Accordion/index.js +5 -0
  19. package/dist/components/Accordion/index.js.map +1 -0
  20. package/dist/components/AviosBadge/AviosBadge.d.ts +34 -0
  21. package/dist/components/AviosBadge/AviosBadge.js +58 -0
  22. package/dist/components/AviosBadge/AviosBadge.js.map +1 -0
  23. package/dist/components/AviosBadge/index.d.ts +1 -0
  24. package/dist/components/AviosBadge/index.js +5 -0
  25. package/dist/components/AviosBadge/index.js.map +1 -0
  26. package/dist/components/Badge/Badge.d.ts +7 -2
  27. package/dist/components/Badge/Badge.js +2 -1
  28. package/dist/components/Badge/Badge.js.map +1 -1
  29. package/dist/components/Box/Box.d.ts +4 -4
  30. package/dist/components/Box/Box.js +6 -3
  31. package/dist/components/Box/Box.js.map +1 -1
  32. package/dist/components/Button/Button.js +31 -31
  33. package/dist/components/CalloutBanner/CalloutBanner.d.ts +21 -0
  34. package/dist/components/CalloutBanner/CalloutBanner.js +96 -0
  35. package/dist/components/CalloutBanner/CalloutBanner.js.map +1 -0
  36. package/dist/components/CalloutBanner/index.d.ts +1 -0
  37. package/dist/components/CalloutBanner/index.js +5 -0
  38. package/dist/components/CalloutBanner/index.js.map +1 -0
  39. package/dist/components/Checkbox/index.d.ts +1 -0
  40. package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +2 -2
  41. package/dist/components/CreditCardNumberField/CreditCardNumberField.js +4 -3
  42. package/dist/components/CreditCardNumberField/CreditCardNumberField.js.map +1 -1
  43. package/dist/components/DateField/DateField.d.ts +22 -3
  44. package/dist/components/DateField/DateField.js +856 -2
  45. package/dist/components/DateField/DateField.js.map +1 -1
  46. package/dist/components/ErrorSummary/ErrorSummary.d.ts +7 -0
  47. package/dist/components/ErrorSummary/ErrorSummary.js +44 -0
  48. package/dist/components/ErrorSummary/ErrorSummary.js.map +1 -0
  49. package/dist/components/ErrorSummary/index.d.ts +1 -0
  50. package/dist/components/ErrorSummary/index.js +5 -0
  51. package/dist/components/ErrorSummary/index.js.map +1 -0
  52. package/dist/components/FieldHeader/FieldHeader.js +6 -6
  53. package/dist/components/FieldLabel/FieldLabel.js +1 -1
  54. package/dist/components/Heading/Heading.d.ts +1 -1
  55. package/dist/components/Icon/Icon.d.ts +1 -0
  56. package/dist/components/Image/Image.d.ts +1 -1
  57. package/dist/components/Menu/Menu.d.ts +75 -0
  58. package/dist/components/Menu/Menu.js +356 -0
  59. package/dist/components/Menu/Menu.js.map +1 -0
  60. package/dist/components/Menu/index.d.ts +1 -0
  61. package/dist/components/Menu/index.js +5 -0
  62. package/dist/components/Menu/index.js.map +1 -0
  63. package/dist/components/Paragraph/Paragraph.d.ts +1 -1
  64. package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +1 -1
  65. package/dist/components/PhoneNumberField/PhoneNumberField.js +13 -8
  66. package/dist/components/PhoneNumberField/PhoneNumberField.js.map +1 -1
  67. package/dist/components/Popover/Popover.d.ts +36 -4
  68. package/dist/components/Popover/Popover.js +21 -24
  69. package/dist/components/Popover/Popover.js.map +1 -1
  70. package/dist/components/Radio/index.d.ts +1 -0
  71. package/dist/components/SelectCard/SelectCard.d.ts +51 -0
  72. package/dist/components/SelectCard/SelectCard.js +85 -0
  73. package/dist/components/SelectCard/SelectCard.js.map +1 -0
  74. package/dist/components/SelectCard/index.d.ts +1 -0
  75. package/dist/components/SelectCard/index.js +5 -0
  76. package/dist/components/SelectCard/index.js.map +1 -0
  77. package/dist/components/SubHeading/SubHeading.d.ts +1 -1
  78. package/dist/components/Tag/Tag.js +4 -4
  79. package/dist/components/index.d.ts +6 -0
  80. package/dist/components/index.js +16 -4
  81. package/dist/components/index.js.map +1 -1
  82. package/dist/index.js +16 -4
  83. package/dist/index.js.map +1 -1
  84. package/dist/utils/border/border.d.ts +2 -2
  85. package/dist/utils/flex/flex.d.ts +10 -5
  86. package/dist/utils/flex/flex.js +383 -51
  87. package/dist/utils/flex/flex.js.map +1 -1
  88. package/dist/utils/flex/flex.test.d.ts +1 -0
  89. package/dist/utils/focus/focusStyles.d.ts +1 -1
  90. package/dist/utils/foregroundColour/foregroundColor.d.ts +1 -1
  91. package/dist/utils/position/position.d.ts +8 -0
  92. package/dist/utils/position/position.js +57 -0
  93. package/dist/utils/position/position.js.map +1 -0
  94. package/dist/utils/position/position.test.d.ts +1 -0
  95. package/dist/utils/stories/iconPropsArgTypes.js +49 -49
  96. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ ._accordion_1x2oh_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_1x2oh_14,._accordionStack_1x2oh_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1x2oh_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1x2oh_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_1x2oh_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1x2oh_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1x2oh_57{display:flex;flex-direction:column}._endContainer_1x2oh_62{gap:var(--alto-sem-space-sm)}._endContainer_1x2oh_62,._titleEnd_1x2oh_69,._titleStart_1x2oh_68{align-items:center;display:flex}._accordionTitle_1x2oh_74{color:var(--alto-sem-color-fg-primary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_1x2oh_87,._accordionTitle_1x2oh_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1x2oh_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1x2oh_96{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}[data-expanded=true] ._iconWrapper_1x2oh_96{transform:rotate(180deg)}[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}[data-expanded=true] [role=group],[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}[data-expanded=true] [role=group]{height:var(--group-height);visibility:visible}._panelContent_1x2oh_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}[data-expanded=true] ._trigger_1x2oh_33,[data-expanded=true]._accordion_1x2oh_1{background-color:var(--alto-sem-color-bg-layer1-default)}._trigger_1x2oh_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._trigger_1x2oh_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._trigger_1x2oh_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}[data-expanded=true] ._trigger_1x2oh_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._trigger_1x2oh_33[data-focused]{outline:none}._trigger_1x2oh_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);cursor:not-allowed}._trigger_1x2oh_33[data-disabled],._trigger_1x2oh_33[data-disabled] ._accordionDescription_1x2oh_87,._trigger_1x2oh_33[data-disabled] ._accordionTitle_1x2oh_74,._trigger_1x2oh_33[data-disabled] ._iconWrapper_1x2oh_96{color:var(--alto-sem-color-fg-disabled-on-subtle)}[data-disabled]._accordion_1x2oh_1{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
@@ -0,0 +1 @@
1
+ ._aviosBadge_a9p4a_1{align-items:center;border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;display:inline-flex;gap:var(--alto-sem-space-5xs);height:28px;line-height:var(--alto-sem-text-label-md-line-height);padding:var(--alto-sem-space-4xs) var(--alto-sem-space-xs)}._aviosBadge_a9p4a_1,._collect_a9p4a_13{color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._collect_a9p4a_13{background-color:var(--alto-sem-color-bg-collect-vibrant-default)}._spend_a9p4a_18{background-color:var(--alto-sem-color-bg-spend-vibrant-default);color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._content_a9p4a_23{align-items:center;display:inline-flex;gap:var(--alto-sem-space-5xs);padding-right:var(--alto-sem-space-5xs)}._label_a9p4a_31,._points_a9p4a_30{font-family:var(--alto-sem-text-heading-font-family);font-size:var(--alto-sem-text-label-md-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight)}._textEnd_a9p4a_37{font-size:var(--alto-sem-text-body-xs-font-size);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_a9p4a_43{height:22px;padding:var(--alto-sem-space-5xs) var(--alto-sem-space-2xs)}._lg_a9p4a_48{height:32px}._sm_a9p4a_43 ._points_a9p4a_30{font-size:var(--alto-sem-text-label-sm-font-size);line-height:var(--alto-sem-text-label-sm-line-height)}._sm_a9p4a_43 ._textEnd_a9p4a_37{font-size:var(--alto-sem-text-label-2xs-font-size)}._lg_a9p4a_48 ._points_a9p4a_30{font-size:var(--alto-sem-text-label-lg-font-size);line-height:var(--alto-sem-text-label-lg-line-height)}._lg_a9p4a_48 ._textEnd_a9p4a_37{font-size:var(--alto-sem-text-body-sm-font-size)}
@@ -1 +1 @@
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}
1
+ ._button_etsb3_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-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_etsb3_1,._button_etsb3_1 ._content_etsb3_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_etsb3_28 ._loadingSpinner_etsb3_28{opacity:0;position:absolute}._isNotLoading_etsb3_28 ._content_etsb3_19{opacity:1}._isLoading_etsb3_37 ._loadingSpinner_etsb3_28{opacity:1;position:absolute}._isLoading_etsb3_37 ._content_etsb3_19{opacity:0}._focusWhite_etsb3_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_etsb3_56{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_etsb3_64{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);min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_etsb3_72{font-size:var(--alto-sem-text-body-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_etsb3_80{width:100%}._textAlignLeft_etsb3_87{text-align:left}._textAlignCenter_etsb3_91{text-align:center}._textAlignRight_etsb3_95{text-align:right}._accentPrimary_etsb3_103[data-focused],._accentPrimary_etsb3_103[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_etsb3_103[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_etsb3_103[data-pressed][data-focused]{outline:none}._accentPrimary_etsb3_103:disabled,._accentPrimary_etsb3_103[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_etsb3_123{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_etsb3_123[data-focused],._accentSecondary_etsb3_123[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_etsb3_123[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_etsb3_123[data-pressed][data-focused]{outline:none}._accentSecondary_etsb3_123:disabled,._accentSecondary_etsb3_123[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_etsb3_153{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_etsb3_153[data-focused],._accentTertiary_etsb3_153[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_etsb3_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_etsb3_153[data-pressed][data-focused]{outline:none}._accentTertiary_etsb3_153:disabled,._accentTertiary_etsb3_153[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_etsb3_179{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_etsb3_179[data-focused],._accentQuaternary_etsb3_179[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_etsb3_179[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_etsb3_179[data-pressed][data-focused]{outline:none}._accentQuaternary_etsb3_179:disabled,._accentQuaternary_etsb3_179[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_etsb3_205{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_etsb3_205[data-focused],._criticalPrimary_etsb3_205[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_etsb3_205[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_etsb3_205[data-pressed][data-focused]{outline:none}._criticalPrimary_etsb3_205:disabled,._criticalPrimary_etsb3_205[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_etsb3_230{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_etsb3_230[data-focused],._criticalSecondary_etsb3_230[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_etsb3_230[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_etsb3_230[data-pressed][data-focused]{outline:none}._criticalSecondary_etsb3_230:disabled,._criticalSecondary_etsb3_230[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_etsb3_260{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_etsb3_260[data-focused],._criticalTertiary_etsb3_260[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_etsb3_260[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_etsb3_260[data-pressed][data-focused]{outline:none}._criticalTertiary_etsb3_260:disabled,._criticalTertiary_etsb3_260[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_etsb3_286{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_etsb3_286[data-focused],._criticalQuaternary_etsb3_286[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_etsb3_286[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_etsb3_286[data-pressed][data-focused]{outline:none}._criticalQuaternary_etsb3_286:disabled,._criticalQuaternary_etsb3_286[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_etsb3_313{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_etsb3_313[data-focused],._neutralPrimary_etsb3_313[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_etsb3_313[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_etsb3_313[data-pressed][data-focused]{outline:none}._neutralPrimary_etsb3_313:disabled,._neutralPrimary_etsb3_313[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_etsb3_338{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_etsb3_338[data-focused],._neutralSecondary_etsb3_338[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_etsb3_338[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_etsb3_338[data-pressed][data-focused]{outline:none}._neutralSecondary_etsb3_338:disabled,._neutralSecondary_etsb3_338[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_etsb3_367{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_etsb3_367[data-focused],._neutralTertiary_etsb3_367[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_etsb3_367[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_etsb3_367[data-pressed][data-focused]{outline:none}._neutralTertiary_etsb3_367:disabled,._neutralTertiary_etsb3_367[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_etsb3_393{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_etsb3_393[data-focused],._neutralQuaternary_etsb3_393[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_etsb3_393[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_etsb3_393[data-pressed][data-focused]{outline:none}._neutralQuaternary_etsb3_393:disabled,._neutralQuaternary_etsb3_393[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_etsb3_420{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_etsb3_420[data-focused],._whitePrimary_etsb3_420[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_etsb3_420[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_etsb3_420[data-pressed][data-focused]{outline:none}._whitePrimary_etsb3_420:disabled,._whitePrimary_etsb3_420[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_etsb3_446{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_etsb3_446[data-focused],._whiteSecondary_etsb3_446[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_etsb3_446[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_etsb3_446[data-pressed][data-focused]{outline:none}._whiteSecondary_etsb3_446[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_etsb3_446:disabled,._whiteSecondary_etsb3_446[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_etsb3_479{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_etsb3_479[data-focused],._whiteTertiary_etsb3_479[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_etsb3_479[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_etsb3_479[data-pressed][data-focused]{outline:none}._whiteTertiary_etsb3_479[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_etsb3_479:disabled,._whiteTertiary_etsb3_479[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_etsb3_509{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_etsb3_509[data-focused],._whiteQuaternary_etsb3_509[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_etsb3_509[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_etsb3_509[data-pressed][data-focused]{outline:none}._whiteQuaternary_etsb3_509[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_etsb3_509:disabled,._whiteQuaternary_etsb3_509[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_etsb3_541{height:1rem;width:1rem}._icon-wrapper_etsb3_546{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
@@ -0,0 +1 @@
1
+ ._calloutBanner_1o7bw_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;width:100%}._calloutBanner__icon_1o7bw_11{align-self:flex-start}._calloutBanner__start_1o7bw_15{display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__dismiss_1o7bw_23{position:absolute;right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_1o7bw_29{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;justify-content:center;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._calloutBanner__meta-title_1o7bw_41{font-weight:600}._calloutBanner__meta-description_1o7bw_45{margin-top:var(--alto-sem-space-4xs)}._calloutBanner__meta-label_1o7bw_49{margin-top:var(--alto-sem-space-xs)}._calloutBanner__start_1o7bw_15{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant)}._calloutBanner__end_1o7bw_58{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm,16px)}._calloutBanner-critical_1o7bw_66{border-color:var(--alto-sem-color-border-critical)}._calloutBanner-primary_1o7bw_70._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-critical-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-critical_1o7bw_66:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner-success_1o7bw_89{border-color:var(--alto-sem-color-border-success)}._calloutBanner-primary_1o7bw_70._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-success-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-success);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-success_1o7bw_89:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner-information_1o7bw_112{border-color:var(--alto-sem-color-border-information)}._calloutBanner-primary_1o7bw_70._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-information-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-information);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-information_1o7bw_112:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner-neutral_1o7bw_135{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner-primary_1o7bw_70._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-layer1-default);border-bottom:1px solid var(--alto-sem-color-border-secondary);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-neutral_1o7bw_135:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner-tertiary_1o7bw_80{border-color:transparent}._calloutBanner-tertiary_1o7bw_80 ._calloutBanner__end_1o7bw_58{border-radius:var(--alto-card-radius)}
@@ -0,0 +1 @@
1
+ ._errorSummary-list_yt1ru_1 a{display:block;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-fontSize);font-weight:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-lineHeight);margin:0;margin-bottom:var(--alto-sem-space-sm);padding:0;text-align:left;text-decoration:underline}._errorSummary-list_yt1ru_1 a,._errorSummary-list_yt1ru_1 a:focus,._errorSummary-list_yt1ru_1 a:hover{color:var(--alto-sem-color-fg-critical-primary)}._errorSummary-list__item_yt1ru_24{margin-bottom:var(--alto-sem-space-xs)}
@@ -1 +1 @@
1
- ._fieldHeader_3rjlj_1{color:var(--alto-sem-color-fg-primary);flex-direction:column;font-family:var(--alto-sem-text-body-font-family);gap:var(--alto-sem-space-5xs);margin-bottom:var(--alto-sem-space-2xs)}._fieldHeader_3rjlj_1,._label-container_3rjlj_12{display:flex;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight)}._label-container_3rjlj_12{align-items:center;color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-sm-font-size);gap:8px;justify-content:space-between;line-height:var(--alto-sem-text-body-sm-line-height)}._fieldHeader_3rjlj_1 label{display:flex;flex-wrap:wrap}
1
+ ._fieldHeader_jjofg_1{color:var(--alto-sem-color-fg-primary);flex-direction:column;font-family:var(--alto-sem-text-body-font-family);gap:var(--alto-sem-space-5xs);margin-bottom:var(--alto-sem-space-2xs);text-align:left}._fieldHeader_jjofg_1,._label-container_jjofg_13{display:flex;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight)}._label-container_jjofg_13{align-items:center;color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-sm-font-size);gap:8px;justify-content:space-between;line-height:var(--alto-sem-text-body-sm-line-height)}._fieldHeader_jjofg_1 label{display:flex;flex-wrap:wrap}
@@ -1 +1 @@
1
- ._fieldLabel_1jqml_1{color:var(--alto-sem-color-fg-primary);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-3xs);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}
1
+ ._fieldLabel_vou7c_1{color:var(--alto-sem-color-fg-primary);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-3xs);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);text-align:left}
@@ -0,0 +1 @@
1
+ ._menuContainer_qw7ps_1{display:inline-block;position:relative}._menuContent_qw7ps_6{border-radius:var(--alto-card-radius);max-width:max(300px,90vw);min-width:200px;overflow:hidden;width:-moz-max-content;width:max-content}
@@ -1 +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%}
1
+ ._phoneNumberField_1udln_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;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{font-weight:700;opacity:.5}input::placeholder{font-weight:700;opacity:.5}._phoneNumberField_1udln_1:focus-within:not(:has(select: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_1udln_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1udln_1:has(input[data-hovered]) ._selectHandlerValue_1udln_34{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1udln_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_1:has(input[data-focused]) ._selectHandlerValue_1udln_34{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_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_1udln_1:has(input[data-disabled]) ._selectHandlerValue_1udln_34{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_1udln_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_1udln_1:has(input[data-disabled]) ._selectHandlerIcon_1udln_65{opacity:0}._phoneNumberField_1udln_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_1udln_1:has(input[data-invalid]) ._selectHandlerValue_1udln_34{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_1udln_77{border:1px solid transparent;flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectWrapper_1udln_77:has(select:focus-within){border-bottom-left-radius:var(--alto-sem-radius-sm);border-color:var(--alto-sem-color-border-accent);border-top-left-radius:var(--alto-sem-radius-sm)}._selectHandlerValue_1udln_34{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_1udln_65{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_1udln_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_1udln_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
+ ._select-card_dir9q_1{align-items:flex-start;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius,12px);cursor:pointer;display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_dir9q_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_dir9q_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_dir9q_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card__header_dir9q_30{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card_dir9q_1[data-disabled] ._select-card__start-slot_dir9q_38{opacity:.5}._select-card__label-title_dir9q_43{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card_dir9q_1[data-disabled] ._select-card__label-title_dir9q_43{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_dir9q_43{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_dir9q_67{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_dir9q_1[data-disabled] ._select-card__end-slot_dir9q_67{opacity:.5}._select-card__body_dir9q_79{display:flex;width:-webkit-fill-available}._select-card_dir9q_1[data-disabled] ._select-card__body_dir9q_79{opacity:.5}._select-card_dir9q_1:not([data-selected]) ._select-card__details_dir9q_90{display:none}._select-card_dir9q_1[data-selected] ._select-card__details_dir9q_90{display:flex;width:-webkit-fill-available}._select-card_dir9q_1[data-disabled] ._select-card__details_dir9q_90{display:none}._select-card__checkbox_dir9q_104 ._checkboxSvgWrapper_dir9q_104{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}._select-card_dir9q_1 ._svg_dir9q_118{height:1rem;width:1rem;fill:none;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-width:3px;stroke-dasharray:22px;stroke-dashoffset:66;transition:all .2s}._select-card__checkbox_dir9q_104[data-selected] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__checkbox_dir9q_104[data-selected][data-hovered] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__checkbox_dir9q_104[data-selected][data-pressed] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__checkbox_dir9q_104[data-selected] ._svg_dir9q_118{stroke-dashoffset:44}._select-card__checkbox_dir9q_104[data-hovered] ._checkboxSvgWrapper_dir9q_104{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__checkbox_dir9q_104[data-pressed] ._checkboxSvgWrapper_dir9q_104{border-color:var(--alto-sem-color-border-primary-active)}._select-card__checkbox_dir9q_104[data-focus-visible] ._checkboxSvgWrapper_dir9q_104{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)}._select-card_dir9q_1[data-disabled] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_dir9q_1[data-disabled][data-selected] ._checkboxSvgWrapper_dir9q_104{border-color:transparent}._select-card_dir9q_1[data-disabled] ._svg_dir9q_118{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__radio_dir9q_183 ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__radio_dir9q_183[data-hovered] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__radio_dir9q_183[data-focus-visible] ._select-card__header_dir9q_30:before{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);transition:none}._select-card__radio_dir9q_183[data-pressed] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-primary-active)}._select-card__radio_dir9q_183[data-selected] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._select-card__radio_dir9q_183[data-selected][data-hovered] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_dir9q_183[data-selected][data-focused] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_dir9q_183[data-selected][data-focus-visible] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_dir9q_183[data-selected][data-pressed] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_dir9q_183[data-invalid] ._select-card__header_dir9q_30:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_dir9q_183[data-invalid][data-hovered] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-focused] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-focus-visible] ._select-card__header_dir9q_30:before,._select-card__radio_dir9q_183[data-invalid][data-pressed] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-selected] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__radio_dir9q_183[data-disabled] ._select-card__header_dir9q_30:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_dir9q_183[data-disabled][data-selected] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}
@@ -1 +1 @@
1
- ._tag_ob7tq_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-tag-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);min-height:2.125rem;padding:0 var(--alto-sem-space-xs);position:relative}._tag_ob7tq_1._isRemovable_ob7tq_21{padding-right:0}._tag_ob7tq_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-primary-hover)}._tag_ob7tq_1[data-pressed]{background-color:var(--alto-sem-color-bg-accent-vibrant-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_ob7tq_1 [slot=remove]{background:none;color:var(--alto-sem-color-fg-primary);height:inherit}._tag_ob7tq_1 [slot=remove][data-focused],._tag_ob7tq_1 [slot=remove][data-hovered]{background-color:var(--alto-sem-color-bg-state-overlay-darken-invert-hover);border-radius:0 7px 7px 0}._tag_ob7tq_1[data-pressed] [slot=remove],._tag_ob7tq_1[data-selected]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_ob7tq_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border:1px solid transparent}._tag_ob7tq_1[data-selected][data-hovered]{background-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._tag_ob7tq_1[data-selected][data-pressed]{background-color:var(--alto-sem-color-bg-layer2-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_ob7tq_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._tag_ob7tq_1[data-selected] [slot=remove]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_ob7tq_1[data-selected][data-pressed] [slot=remove]{color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_ob7tq_1[data-selected] [slot=remove][data-hovered]{border-radius:0 var(--alto-tag-radius) var(--alto-tag-radius) 0}._tag_ob7tq_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:none}._tag_ob7tq_1[data-disabled],._tag_ob7tq_1[data-disabled] [slot=remove]{color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:default}._tag_ob7tq_1[data-disabled] [slot=remove][data-hovered]{background-color:inherit;border-radius:inherit}._tag_ob7tq_1[data-href]{cursor:pointer;text-decoration:none}._iconWrapper_ob7tq_123{padding-right:14px}
1
+ ._tag_1jz2y_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-tag-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);min-height:2.125rem;padding:0 var(--alto-sem-space-xs);position:relative}._tag_1jz2y_1._isRemovable_1jz2y_21{padding-right:0}._tag_1jz2y_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-primary-hover)}._tag_1jz2y_1[data-pressed]{background-color:var(--alto-sem-color-bg-accent-vibrant-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1 [slot=remove]{background:none;color:var(--alto-sem-color-fg-primary);height:inherit}._tag_1jz2y_1 [slot=remove][data-focused],._tag_1jz2y_1 [slot=remove][data-hovered]{background-color:var(--alto-sem-color-bg-state-overlay-darken-invert-hover);border-radius:0 7px 7px 0}._tag_1jz2y_1[data-pressed] [slot=remove],._tag_1jz2y_1[data-selected]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border:1px solid transparent}._tag_1jz2y_1[data-selected][data-hovered]{background-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._tag_1jz2y_1[data-selected][data-pressed]{background-color:var(--alto-sem-color-bg-layer2-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_1jz2y_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._tag_1jz2y_1[data-selected] [slot=remove]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1[data-selected][data-pressed] [slot=remove]{color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_1jz2y_1[data-selected] [slot=remove][data-hovered]{border-radius:0 var(--alto-tag-radius) var(--alto-tag-radius) 0}._tag_1jz2y_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:none}._tag_1jz2y_1[data-disabled],._tag_1jz2y_1[data-disabled] [slot=remove]{color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:default}._tag_1jz2y_1[data-disabled] [slot=remove][data-hovered]{background-color:inherit;border-radius:inherit}._tag_1jz2y_1[data-href]{cursor:pointer;text-decoration:none}._iconWrapper_1jz2y_123{display:flex;padding-right:9.5px}
@@ -1 +1 @@
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)}
1
+ ._flex_z1fyb_1{display:flex}._flexInline_z1fyb_5{display:inline-flex}._flexJustifyContentFlexStart_z1fyb_9,._flexJustifyContentStart_z1fyb_13{justify-content:flex-start}._flexJustifyContentCenter_z1fyb_17{justify-content:center}._flexJustifyContentFlexEnd_z1fyb_21{justify-content:flex-end}._flexJustifyContentEnd_z1fyb_25{justify-content:end}._flexJustifyContentSpaceBetween_z1fyb_29{justify-content:space-between}._flexJustifyContentSpaceAround_z1fyb_33{justify-content:space-around}._flexJustifyContentSpaceEvenly_z1fyb_37{justify-content:space-evenly}._flexJustifyContentLeft_z1fyb_41{justify-content:left}._flexJustifyContentRight_z1fyb_45{justify-content:right}._flexJustifyContentNormal_z1fyb_49{justify-content:normal}._flexJustifyContentStretch_z1fyb_53{justify-content:stretch}._flexJustifyContentInherit_z1fyb_57{justify-content:inherit}._flexJustifyContentInitial_z1fyb_61{justify-content:normal}._flexJustifyContentRevert_z1fyb_65{justify-content:revert}._flexJustifyContentRevertLayer_z1fyb_69{justify-content:revert-layer}._flexJustifyContentUnset_z1fyb_73{justify-content:unset}._flexAlignItemsFlexStart_z1fyb_77{align-items:flex-start}._flexAlignItemsStart_z1fyb_81{align-items:start}._flexAlignItemsCenter_z1fyb_85{align-items:center}._flexAlignItemsFlexEnd_z1fyb_89{align-items:flex-end}._flexAlignItemsEnd_z1fyb_93{align-items:end}._flexAlignItemsStretch_z1fyb_97{align-items:stretch}._flexAlignItemsSelfStart_z1fyb_101{align-items:self-start}._flexAlignItemsSelfEnd_z1fyb_105{align-items:self-end}._flexAlignItemsSelfCenter_z1fyb_109{align-items:self-center}._flexAlignItemsSelfFlexStart_z1fyb_113{align-items:flex-start}._flexAlignItemsSelfFlexEnd_z1fyb_117{align-items:flex-end}._flexAlignItemsSelfSelfStart_z1fyb_121{align-items:self-start}._flexAlignItemsSelfSelfEnd_z1fyb_125{align-items:self-end}._flexAlignItemsSelfBaseline_z1fyb_129{align-items:baseline}._flexAlignItemsSelfStretch_z1fyb_133{align-items:stretch}._flexAlignItemsSelfInherit_z1fyb_137{align-items:inherit}._flexAlignItemsSelfInitial_z1fyb_141{align-items:normal}._flexAlignItemsSelfRevert_z1fyb_145{align-items:revert}._flexAlignItemsSelfRevertLayer_z1fyb_149{align-items:revert-layer}._flexAlignItemsSelfUnset_z1fyb_153{align-items:unset}._flexAlignContentNormal_z1fyb_158{align-content:normal}._flexAlignContentStart_z1fyb_162{align-content:start}._flexAlignContentCenter_z1fyb_166{align-content:center}._flexAlignContentEnd_z1fyb_170{align-content:end}._flexAlignContentFlexStart_z1fyb_174{align-content:flex-start}._flexAlignContentFlexEnd_z1fyb_178{align-content:flex-end}._flexAlignContentBaseline_z1fyb_182{align-content:baseline}._flexAlignContentFirstBaseline_z1fyb_186{align-content:first baseline}._flexAlignContentLastBaseline_z1fyb_190{align-content:last baseline}._flexAlignContentSpaceBetween_z1fyb_194{align-content:space-between}._flexAlignContentSpaceAround_z1fyb_198{align-content:space-around}._flexAlignContentSpaceEvenly_z1fyb_202{align-content:space-evenly}._flexAlignContentStretch_z1fyb_206{align-content:stretch}._flexAlignContentSafeCenter_z1fyb_210{align-content:safe center}._flexAlignContentUnsafeCenter_z1fyb_214{align-content:unsafe center}._flexAlignContentInherit_z1fyb_218{align-content:inherit}._flexAlignContentInitial_z1fyb_222{align-content:normal}._flexAlignContentRevert_z1fyb_226{align-content:revert}._flexAlignContentRevertLayer_z1fyb_230{align-content:revert-layer}._flexAlignContentUnset_z1fyb_234{align-content:unset}._flexWrapWrap_z1fyb_238{flex-wrap:wrap}._flexWrapNowrap_z1fyb_242{flex-wrap:nowrap}._flexWrapWrapReverse_z1fyb_246{flex-wrap:wrap-reverse}._flexGrow1_z1fyb_250{flex-grow:1}._flexGrow0_z1fyb_254{flex-grow:0}._flexGrowInherit_z1fyb_258{flex-grow:inherit}._flexGrowInitial_z1fyb_262{flex-grow:0}._flexGrowRevert_z1fyb_266{flex-grow:revert}._flexGrowRevertLayer_z1fyb_270{flex-grow:revert-layer}._flexGrowUnset_z1fyb_274{flex-grow:unset}._flexShrink1_z1fyb_278{flex-shrink:1}._flexShrink0_z1fyb_282{flex-shrink:0}._flexShrinkInherit_z1fyb_286{flex-shrink:inherit}._flexShrinkInitial_z1fyb_290{flex-shrink:1}._flexShrinkRevert_z1fyb_294{flex-shrink:revert}._flexShrinkRevertLayer_z1fyb_298{flex-shrink:revert-layer}._flexShrinkUnset_z1fyb_302{flex-shrink:unset}._flexDirectionRow_z1fyb_306{flex-direction:row}._flexDirectionRowReverse_z1fyb_310{flex-direction:row-reverse}._flexDirectionColumn_z1fyb_314{flex-direction:column}._flexDirectionColumnReverse_z1fyb_318{flex-direction:column-reverse}._flexGap5xs_z1fyb_322{gap:var(--alto-sem-space-5xs)}._flexRowGap5xs_z1fyb_326{row-gap:var(--alto-sem-space-5xs)}._flexColumnGap5xs_z1fyb_330{-moz-column-gap:var(--alto-sem-space-5xs);column-gap:var(--alto-sem-space-5xs)}._flexGap4xs_z1fyb_334{gap:var(--alto-sem-space-4xs)}._flexRowGap4xs_z1fyb_338{row-gap:var(--alto-sem-space-4xs)}._flexColumnGap4xs_z1fyb_342{-moz-column-gap:var(--alto-sem-space-4xs);column-gap:var(--alto-sem-space-4xs)}._flexGap3xs_z1fyb_346{gap:var(--alto-sem-space-3xs)}._flexRowGap3xs_z1fyb_350{row-gap:var(--alto-sem-space-3xs)}._flexColumnGap3xs_z1fyb_354{-moz-column-gap:var(--alto-sem-space-3xs);column-gap:var(--alto-sem-space-3xs)}._flexGap2xs_z1fyb_358{gap:var(--alto-sem-space-2xs)}._flexRowGap2xs_z1fyb_362{row-gap:var(--alto-sem-space-2xs)}._flexColumnGap2xs_z1fyb_366{-moz-column-gap:var(--alto-sem-space-2xs);column-gap:var(--alto-sem-space-2xs)}._flexGapXs_z1fyb_370{gap:var(--alto-sem-space-xs)}._flexRowGapXs_z1fyb_374{row-gap:var(--alto-sem-space-xs)}._flexColumnGapXs_z1fyb_378{-moz-column-gap:var(--alto-sem-space-xs);column-gap:var(--alto-sem-space-xs)}._flexGapSm_z1fyb_382{gap:var(--alto-sem-space-sm)}._flexRowGapSm_z1fyb_386{row-gap:var(--alto-sem-space-sm)}._flexColumnGapSm_z1fyb_390{-moz-column-gap:var(--alto-sem-space-sm);column-gap:var(--alto-sem-space-sm)}._flexGapMd_z1fyb_394{gap:var(--alto-sem-space-md)}._flexRowGapMd_z1fyb_398{row-gap:var(--alto-sem-space-md)}._flexColumnGapMd_z1fyb_402{-moz-column-gap:var(--alto-sem-space-md);column-gap:var(--alto-sem-space-md)}._flexGapLg_z1fyb_406{gap:var(--alto-sem-space-lg)}._flexRowGapLg_z1fyb_410{row-gap:var(--alto-sem-space-lg)}._flexColumnGapLg_z1fyb_414{-moz-column-gap:var(--alto-sem-space-lg);column-gap:var(--alto-sem-space-lg)}._flexGapXl_z1fyb_418{gap:var(--alto-sem-space-xl)}._flexRowGapXl_z1fyb_422{row-gap:var(--alto-sem-space-xl)}._flexColumnGapXl_z1fyb_426{-moz-column-gap:var(--alto-sem-space-xl);column-gap:var(--alto-sem-space-xl)}._flexGap2xl_z1fyb_430{gap:var(--alto-sem-space-2xl)}._flexRowGap2xl_z1fyb_434{row-gap:var(--alto-sem-space-2xl)}._flexColumnGap2xl_z1fyb_438{-moz-column-gap:var(--alto-sem-space-2xl);column-gap:var(--alto-sem-space-2xl)}._flexGap3xl_z1fyb_442{gap:var(--alto-sem-space-3xl)}._flexRowGap3xl_z1fyb_446{row-gap:var(--alto-sem-space-3xl)}._flexColumnGap3xl_z1fyb_450{-moz-column-gap:var(--alto-sem-space-3xl);column-gap:var(--alto-sem-space-3xl)}._flexGap4xl_z1fyb_454{gap:var(--alto-sem-space-4xl)}._flexRowGap4xl_z1fyb_458{row-gap:var(--alto-sem-space-4xl)}._flexColumnGap4xl_z1fyb_462{-moz-column-gap:var(--alto-sem-space-4xl);column-gap:var(--alto-sem-space-4xl)}._flexGap5xl_z1fyb_466{gap:var(--alto-sem-space-5xl)}._flexRowGap5xl_z1fyb_470{row-gap:var(--alto-sem-space-5xl)}._flexColumnGap5xl_z1fyb_474{-moz-column-gap:var(--alto-sem-space-5xl);column-gap:var(--alto-sem-space-5xl)}._flexGap6xl_z1fyb_478{gap:var(--alto-sem-space-6xl)}._flexRowGap6xl_z1fyb_482{row-gap:var(--alto-sem-space-6xl)}._flexColumnGap6xl_z1fyb_486{-moz-column-gap:var(--alto-sem-space-6xl);column-gap:var(--alto-sem-space-6xl)}._flexAlignSelfAuto_z1fyb_490{align-self:auto}._flexAlignSelfNormal_z1fyb_494{align-self:normal}._flexAlignSelfStart_z1fyb_498{align-self:start}._flexAlignSelfEnd_z1fyb_502{align-self:end}._flexAlignSelfCenter_z1fyb_506{align-self:center}._flexAlignSelfFlexStart_z1fyb_510{align-self:flex-start}._flexAlignSelfFlexEnd_z1fyb_514{align-self:flex-end}._flexAlignSelfSelfStart_z1fyb_518{align-self:self-start}._flexAlignSelfSelfEnd_z1fyb_522{align-self:self-end}._flexAlignSelfBaseline_z1fyb_526{align-self:baseline}._flexAlignSelfStretch_z1fyb_530{align-self:stretch}._flexAlignSelfInherit_z1fyb_534{align-self:inherit}._flexAlignSelfInitial_z1fyb_538{align-self:auto}._flexAlignSelfRevert_z1fyb_542{align-self:revert}._flexAlignSelfRevertLayer_z1fyb_546{align-self:revert-layer}._flexAlignSelfUnset_z1fyb_550{align-self:unset}._flexBasisMaxContent_z1fyb_555{flex-basis:max-content}._flexBasisMinContent_z1fyb_559{flex-basis:min-content}._flexBasisFitContent_z1fyb_563{flex-basis:fit-content}._flexBasisContent_z1fyb_567{flex-basis:content}._flexBasisInherit_z1fyb_571{flex-basis:inherit}._flexBasisInitial_z1fyb_575{flex-basis:auto}._flexBasisRevert_z1fyb_579{flex-basis:revert}._flexBasisRevertLayer_z1fyb_583{flex-basis:revert-layer}._flexBasisUnset_z1fyb_587{flex-basis:unset}
@@ -0,0 +1 @@
1
+ ._position-absolute_1wcx5_1{position:absolute}._position-static_1wcx5_5{position:static}._position-relative_1wcx5_9{position:relative}._position-fixed_1wcx5_13{position:fixed}._position-sticky_1wcx5_17{position:sticky}._position-inherit_1wcx5_22{position:inherit}._position-initial_1wcx5_26{position:static}._position-revert_1wcx5_30{position:revert}._position-revert-layer_1wcx5_34{position:revert-layer}._position-unset_1wcx5_38{position:unset}
@@ -0,0 +1,35 @@
1
+ import { default as React } from 'react';
2
+ import { DisclosureProps as AriaDisclosureProps } from 'react-aria-components';
3
+ export interface AccordionProps extends Omit<AriaDisclosureProps, 'children'> {
4
+ /** The title text displayed in the accordion header */
5
+ title: string;
6
+ /** Optional description text displayed below the title */
7
+ description?: string;
8
+ /** Content rendered inside the accordion when expanded */
9
+ children: React.ReactNode;
10
+ /** Controls if accordion is expanded on initial render */
11
+ defaultExpanded?: boolean;
12
+ /** Additional CSS class for custom styling */
13
+ className?: string;
14
+ /** Content (typically an icon) rendered before the heading */
15
+ titleStart?: React.ReactNode;
16
+ /** Content (typically an icon) rendered after the heading */
17
+ titleEnd?: React.ReactNode;
18
+ /** Unique identifier for the accordion */
19
+ id?: string;
20
+ }
21
+ export interface AccordionGroupProps {
22
+ /** Title for the accordion group - can be string or ReactNode */
23
+ title?: string | React.ReactNode;
24
+ /** Description for the accordion group - can be string or ReactNode */
25
+ description?: string | React.ReactNode;
26
+ /** Collection of Accordion components */
27
+ children?: React.ReactNode;
28
+ /** Additional CSS class for custom styling */
29
+ className?: string;
30
+ /** Whether multiple accordions can be expanded at once */
31
+ allowsMultipleExpanded?: boolean;
32
+ }
33
+ export declare const Accordion: ({ title, description, children, defaultExpanded, className, titleStart, titleEnd, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
34
+ export declare const AccordionGroup: ({ title, description, children, className, allowsMultipleExpanded, }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
35
+ export default Accordion;
@@ -0,0 +1,140 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
4
+ import { Icon } from "../Icon/Icon.js";
5
+ import '../../assets/Accordion.css';const accordion = "_accordion_1x2oh_1";
6
+ const accordionGroup = "_accordionGroup_1x2oh_14";
7
+ const accordionStack = "_accordionStack_1x2oh_20";
8
+ const accordionHeader = "_accordionHeader_1x2oh_26";
9
+ const trigger = "_trigger_1x2oh_33";
10
+ const buttonContent = "_buttonContent_1x2oh_42";
11
+ const titleContainer = "_titleContainer_1x2oh_50";
12
+ const titleWrapper = "_titleWrapper_1x2oh_57";
13
+ const endContainer = "_endContainer_1x2oh_62";
14
+ const titleStart = "_titleStart_1x2oh_68";
15
+ const titleEnd = "_titleEnd_1x2oh_69";
16
+ const accordionTitle = "_accordionTitle_1x2oh_74";
17
+ const accordionDescription = "_accordionDescription_1x2oh_87";
18
+ const iconWrapper = "_iconWrapper_1x2oh_96";
19
+ const panelContent = "_panelContent_1x2oh_129";
20
+ const styles = {
21
+ accordion,
22
+ accordionGroup,
23
+ accordionStack,
24
+ accordionHeader,
25
+ trigger,
26
+ buttonContent,
27
+ titleContainer,
28
+ titleWrapper,
29
+ endContainer,
30
+ titleStart,
31
+ titleEnd,
32
+ accordionTitle,
33
+ accordionDescription,
34
+ iconWrapper,
35
+ panelContent
36
+ };
37
+ const AccordionTrigger = ({
38
+ title,
39
+ description,
40
+ titleStart: titleStart2,
41
+ titleEnd: titleEnd2
42
+ }) => {
43
+ return /* @__PURE__ */ jsx(Button, { slot: "trigger", className: styles.trigger, children: /* @__PURE__ */ jsxs("span", { className: styles.buttonContent, children: [
44
+ /* @__PURE__ */ jsxs("span", { className: styles.titleContainer, children: [
45
+ titleStart2 && /* @__PURE__ */ jsx("span", { className: styles.titleStart, children: titleStart2 }),
46
+ /* @__PURE__ */ jsxs("div", { className: styles.titleWrapper, children: [
47
+ /* @__PURE__ */ jsx("h3", { className: styles.accordionTitle, children: title }),
48
+ description && /* @__PURE__ */ jsx("p", { className: styles.accordionDescription, children: description })
49
+ ] })
50
+ ] }),
51
+ /* @__PURE__ */ jsxs("span", { className: styles.endContainer, children: [
52
+ titleEnd2 && /* @__PURE__ */ jsx("span", { className: styles.titleEnd, children: titleEnd2 }),
53
+ /* @__PURE__ */ jsx(Icon, { iconName: "chevron-down", iconPrefix: "fas", className: styles.iconWrapper })
54
+ ] })
55
+ ] }) });
56
+ };
57
+ const AccordionPanel = ({
58
+ children,
59
+ ...props
60
+ }) => {
61
+ const contentRef = React.useRef(null);
62
+ React.useEffect(() => {
63
+ const content = contentRef.current;
64
+ if (!content) return;
65
+ const group = content.closest('[role="group"]');
66
+ if (!group) return;
67
+ requestAnimationFrame(() => {
68
+ const height = content.scrollHeight;
69
+ group.style.setProperty("--group-height", `${height}px`);
70
+ });
71
+ const updateHeight = () => {
72
+ const height = content.scrollHeight;
73
+ group.style.setProperty("--group-height", `${height}px`);
74
+ };
75
+ updateHeight();
76
+ const resizeObserver = new ResizeObserver(() => {
77
+ updateHeight();
78
+ });
79
+ resizeObserver.observe(content);
80
+ resizeObserver.observe(group);
81
+ window.addEventListener("resize", updateHeight);
82
+ return () => {
83
+ resizeObserver.disconnect();
84
+ window.removeEventListener("resize", updateHeight);
85
+ };
86
+ }, []);
87
+ return /* @__PURE__ */ jsx(DisclosurePanel, { ...props, children: /* @__PURE__ */ jsx("div", { ref: contentRef, className: styles.panelContent, children }) });
88
+ };
89
+ const Accordion = ({
90
+ title,
91
+ description,
92
+ children,
93
+ defaultExpanded = false,
94
+ className,
95
+ titleStart: titleStart2,
96
+ titleEnd: titleEnd2,
97
+ ...props
98
+ }) => {
99
+ const accordionClasses = [styles.accordion, className].filter(Boolean).join(" ");
100
+ return /* @__PURE__ */ jsxs(Disclosure, { className: accordionClasses, defaultExpanded, ...props, children: [
101
+ /* @__PURE__ */ jsx(AccordionTrigger, { title, description, titleStart: titleStart2, titleEnd: titleEnd2 }),
102
+ /* @__PURE__ */ jsx(AccordionPanel, { children })
103
+ ] });
104
+ };
105
+ const AccordionGroup = ({
106
+ title,
107
+ description,
108
+ children,
109
+ className,
110
+ allowsMultipleExpanded = true
111
+ }) => {
112
+ const groupClasses = [styles.accordionGroup, className].filter(Boolean).join(" ");
113
+ const defaultExpandedKeys = React.Children.toArray(children).map((child, index) => {
114
+ if (React.isValidElement(child) && child.props.defaultExpanded) {
115
+ return `accordion-${index}`;
116
+ }
117
+ return null;
118
+ }).filter((key) => key !== null);
119
+ return /* @__PURE__ */ jsxs("div", { className: groupClasses, children: [
120
+ (title || description) && /* @__PURE__ */ jsxs("div", { className: styles.accordionHeader, children: [
121
+ title,
122
+ description
123
+ ] }),
124
+ /* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React.Children.map(children, (child, index) => {
125
+ if (React.isValidElement(child)) {
126
+ return React.cloneElement(child, {
127
+ key: `accordion-${index}`,
128
+ id: `accordion-${index}`
129
+ });
130
+ }
131
+ return child;
132
+ }) })
133
+ ] });
134
+ };
135
+ export {
136
+ Accordion,
137
+ AccordionGroup,
138
+ Accordion as default
139
+ };
140
+ //# sourceMappingURL=Accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1 @@
1
+ export { default } from './Accordion';
@@ -0,0 +1,5 @@
1
+ import { Accordion } from "./Accordion.js";
2
+ export {
3
+ Accordion as default
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,34 @@
1
+ import { default as React } from 'react';
2
+ import { BadgeProps } from '../Badge/Badge';
3
+ export type AviosBadgeKind = 'collect' | 'spend';
4
+ export interface AviosBadgeProps extends Omit<BadgeProps, 'variant' | 'size'> {
5
+ /**
6
+ * The kind of Avios badge (collect or spend)
7
+ * @default 'collect'
8
+ */
9
+ kind?: AviosBadgeKind;
10
+ /**
11
+ * Additional text to be displayed at the end of the badge
12
+ */
13
+ textEnd?: string;
14
+ /**
15
+ * Number of Avios points
16
+ */
17
+ points: number;
18
+ /**
19
+ * Optional label text
20
+ */
21
+ children?: React.ReactNode;
22
+ /**
23
+ * Size of the badge
24
+ * @default 'md'
25
+ */
26
+ size?: 'sm' | 'md' | 'lg';
27
+ /**
28
+ * A string representation of the badge's contents, used for accessibility
29
+ * Example: "Collect 50,000 Avios points"
30
+ */
31
+ ariaLabel?: string;
32
+ }
33
+ export declare const AviosBadge: ({ kind, size, textEnd, points, children, ariaLabel, className, ...props }: AviosBadgeProps) => import("react/jsx-runtime").JSX.Element;
34
+ export default AviosBadge;
@@ -0,0 +1,58 @@
1
+ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
+ import { Badge } from "../Badge/Badge.js";
3
+ import { AviosCurrencySymbol } from "../AviosCurrencySymbol/AviosCurrencySymbol.js";
4
+ import '../../assets/AviosBadge.css';const aviosBadge = "_aviosBadge_a9p4a_1";
5
+ const collect = "_collect_a9p4a_13";
6
+ const spend = "_spend_a9p4a_18";
7
+ const content = "_content_a9p4a_23";
8
+ const points = "_points_a9p4a_30";
9
+ const label = "_label_a9p4a_31";
10
+ const textEnd = "_textEnd_a9p4a_37";
11
+ const sm = "_sm_a9p4a_43";
12
+ const lg = "_lg_a9p4a_48";
13
+ const styles = {
14
+ aviosBadge,
15
+ collect,
16
+ spend,
17
+ content,
18
+ points,
19
+ label,
20
+ textEnd,
21
+ sm,
22
+ lg
23
+ };
24
+ const AviosBadge = ({
25
+ kind = "collect",
26
+ size = "md",
27
+ textEnd: textEnd2,
28
+ points: points2,
29
+ children,
30
+ ariaLabel,
31
+ className,
32
+ ...props
33
+ }) => {
34
+ const formattedPoints = points2.toLocaleString();
35
+ const defaultAriaLabel = `${kind} ${formattedPoints} ${children || "Avios"} ${textEnd2 || ""}`.trim();
36
+ const iconSizes = {
37
+ sm: "18px",
38
+ md: "20px",
39
+ lg: "24px"
40
+ };
41
+ const badgeSize = size === "lg" ? "md" : size;
42
+ return /* @__PURE__ */ jsxs(Badge, { variant: kind === "collect" ? "success" : "info", size: badgeSize, ariaLabel: ariaLabel || defaultAriaLabel, className: `${styles.aviosBadge} ${styles[size]} ${styles[kind]} ${className || ""}`, ...props, children: [
43
+ /* @__PURE__ */ jsx(AviosCurrencySymbol, { kind, styleVariant: "secondary", width: iconSizes[size], height: iconSizes[size], "aria-hidden": "true" }),
44
+ /* @__PURE__ */ jsxs("span", { className: styles.content, children: [
45
+ /* @__PURE__ */ jsx("span", { className: styles.points, children: formattedPoints }),
46
+ children && /* @__PURE__ */ jsx("span", { className: styles.label, children }),
47
+ textEnd2 && /* @__PURE__ */ jsxs(Fragment, { children: [
48
+ /* @__PURE__ */ jsx("span", { className: styles.plusSign, children: "+" }),
49
+ /* @__PURE__ */ jsx("span", { className: styles.textEnd, children: textEnd2 })
50
+ ] })
51
+ ] })
52
+ ] });
53
+ };
54
+ export {
55
+ AviosBadge,
56
+ AviosBadge as default
57
+ };
58
+ //# sourceMappingURL=AviosBadge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AviosBadge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1 @@
1
+ export { default } from './AviosBadge';
@@ -0,0 +1,5 @@
1
+ import { AviosBadge } from "./AviosBadge.js";
2
+ export {
3
+ AviosBadge as default
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -26,9 +26,14 @@ export interface BadgeProps {
26
26
  */
27
27
  trailingIconProps?: IconProps;
28
28
  /**
29
- * The focus style of the button
29
+ * The focus style of the button
30
30
  */
31
31
  focusStyle?: 'default' | 'white';
32
+ /**
33
+ * @internal
34
+ * Internal className prop for design system use only
35
+ */
36
+ className?: string;
32
37
  }
33
- export declare const Badge: ({ children, size, variant, ariaLabel, leadingIconProps, trailingIconProps, focusStyle, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
38
+ export declare const Badge: ({ children, size, variant, ariaLabel, leadingIconProps, trailingIconProps, focusStyle, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
34
39
  export default Badge;
@@ -55,6 +55,7 @@ const Badge = ({
55
55
  leadingIconProps,
56
56
  trailingIconProps,
57
57
  focusStyle = "default",
58
+ className,
58
59
  ...props
59
60
  }) => {
60
61
  return /* @__PURE__ */ jsxs("span", { className: `${badge({
@@ -62,7 +63,7 @@ const Badge = ({
62
63
  variant
63
64
  })} ${focusStyleVariants({
64
65
  focusStyle
65
- })}`, role: "status", "aria-label": ariaLabel, ...props, children: [
66
+ })} ${className || ""}`, role: "status", "aria-label": ariaLabel, ...props, children: [
66
67
  leadingIconProps && /* @__PURE__ */ jsx(Icon, { ...leadingIconProps }),
67
68
  children,
68
69
  trailingIconProps && /* @__PURE__ */ jsx(Icon, { ...trailingIconProps })
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,12 +3,12 @@ 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';
6
- export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVariants, PaddingVariants {
7
- children: React.ReactNode;
6
+ import { PositionVariants } from '../../utils/position/position';
7
+ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVariants, PaddingVariants, PositionVariants, Omit<React.HTMLAttributes<Element>, 'className' | 'style'> {
8
8
  /**
9
9
  * The HTML element to render the Box as.
10
10
  */
11
- as?: 'div' | 'article';
11
+ as?: 'div' | 'article' | 'aside' | 'nav' | 'section' | 'main';
12
12
  /**
13
13
  * The width of the Box.
14
14
  * Accepts any valid CSS unit or "full"
@@ -44,5 +44,5 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
44
44
  */
45
45
  backgroundColour?: BackgroundVariants['backgroundColor'];
46
46
  }
47
- export declare const Box: ({ children, as: Component, backgroundColour, width, maxWidth, minWidth, height, maxHeight, minHeight, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
47
+ export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, position, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
48
48
  export default Box;
@@ -3,22 +3,23 @@ import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundC
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
+ import { positionVariants } from "../../utils/position/position.js";
6
7
  const Box = ({
7
8
  children,
8
9
  as: Component = "div",
9
- backgroundColour,
10
10
  width,
11
11
  maxWidth,
12
12
  minWidth,
13
13
  height,
14
14
  maxHeight,
15
15
  minHeight,
16
+ position,
16
17
  ...props
17
18
  }) => {
18
- if (backgroundColour && !props.backgroundColor) {
19
+ if ((props == null ? void 0 : props.backgroundColour) && !(props == null ? void 0 : props.backgroundColor)) {
19
20
  console.warn("Warning: `backgroundColour` is deprecated and will be removed in a future release. Please use `backgroundColor` instead.");
20
21
  }
21
- const resolvedBackgroundColor = props.backgroundColor ?? backgroundColour;
22
+ const resolvedBackgroundColor = props.backgroundColor ?? props.backgroundColour;
22
23
  const borderWidth = !(props == null ? void 0 : props.borderWidth) && props.borderColour !== "none" ? "sm" : props.borderWidth;
23
24
  const stylesProp = {
24
25
  width: width === "full" ? "100%" : width,
@@ -38,6 +39,8 @@ const Box = ({
38
39
  })} ${backgroundColorVariants({
39
40
  backgroundColor: resolvedBackgroundColor,
40
41
  ...props
42
+ })} ${positionVariants({
43
+ position
41
44
  })}`, style: stylesProp, children });
42
45
  };
43
46
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}