@alto-avios/alto-ui 4.3.0 → 4.5.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.
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/Breadcrumbs.css +1 -0
- package/dist/assets/Carousel.css +1 -1
- package/dist/assets/CarouselButton.css +1 -1
- package/dist/assets/CarouselDots.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/FieldError.css +1 -1
- package/dist/assets/Icon.css +1 -1
- package/dist/assets/Link.css +1 -1
- package/dist/assets/ListBoxItem.css +1 -1
- package/dist/assets/LoadingSpinner.css +1 -1
- package/dist/assets/Popover.css +1 -1
- package/dist/assets/SelectCard.css +1 -1
- package/dist/assets/SelectNative.css +1 -1
- package/dist/assets/SkeletonLoader.css +1 -1
- package/dist/assets/skeleton.css +1 -0
- package/dist/components/Accordion/Accordion.d.ts +2 -0
- package/dist/components/Accordion/Accordion.js +16 -16
- package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.d.ts +5 -1
- package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.js +20 -27
- package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.js.map +1 -1
- package/dist/components/Badge/Badge.js +13 -2
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Box/Box.js +2 -1
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +73 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js +132 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/components/Breadcrumbs/index.d.ts +2 -0
- package/dist/components/Breadcrumbs/index.js +5 -0
- package/dist/components/Breadcrumbs/index.js.map +1 -0
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +2 -1
- package/dist/components/CalloutBanner/CalloutBanner.js +5 -1
- package/dist/components/CalloutBanner/CalloutBanner.js.map +1 -1
- package/dist/components/Carousel/Carousel.js +23 -23
- package/dist/components/Carousel/CarouselButton/CarouselButton.js +11 -11
- package/dist/components/Carousel/CarouselDots/CarouselDots.js +6 -6
- package/dist/components/Checkbox/Checkbox.d.ts +21 -2
- package/dist/components/Checkbox/Checkbox.js +46 -18
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +11 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.js +4 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/components/ComboBox/ComboBox.js +1 -1
- package/dist/components/Dialog/Dialog.d.ts +5 -0
- package/dist/components/Dialog/Dialog.js +20 -20
- package/dist/components/FieldError/FieldError.d.ts +23 -5
- package/dist/components/FieldError/FieldError.js +62 -14
- package/dist/components/FieldError/FieldError.js.map +1 -1
- package/dist/components/FieldHeader/FieldHeader.d.ts +3 -1
- package/dist/components/FieldHeader/FieldHeader.js +4 -2
- package/dist/components/FieldHeader/FieldHeader.js.map +1 -1
- package/dist/components/Icon/Icon.js +20 -20
- package/dist/components/Link/Link.d.ts +7 -1
- package/dist/components/Link/Link.js +20 -15
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/ListBox/ListBox.d.ts +1 -1
- package/dist/components/ListBoxItem/ListBoxItem.d.ts +7 -2
- package/dist/components/ListBoxItem/ListBoxItem.js +18 -6
- package/dist/components/ListBoxItem/ListBoxItem.js.map +1 -1
- package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +14 -2
- package/dist/components/LoadingSpinner/LoadingSpinner.js +73 -12
- package/dist/components/LoadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/components/Menu/Menu.d.ts +49 -2
- package/dist/components/Menu/Menu.js +54 -6
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/MonthYearField/MonthYearField.d.ts +4 -0
- package/dist/components/MonthYearField/MonthYearField.js +7 -2
- package/dist/components/MonthYearField/MonthYearField.js.map +1 -1
- package/dist/components/PasswordField/PasswordField.js +4 -9
- package/dist/components/PasswordField/PasswordField.js.map +1 -1
- package/dist/components/Popover/Popover.js +4 -4
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/SelectCard/SelectCard.js +22 -15
- package/dist/components/SelectCard/SelectCard.js.map +1 -1
- package/dist/components/SelectNative/SelectNative.d.ts +7 -2
- package/dist/components/SelectNative/SelectNative.js +6 -5
- package/dist/components/SelectNative/SelectNative.js.map +1 -1
- package/dist/components/SkeletonLoader/SkeletonLoader.js +2 -1
- package/dist/components/SkeletonLoader/SkeletonLoader.js.map +1 -1
- package/dist/components/_base/Field/Field.d.ts +11 -2
- package/dist/components/_base/Field/Field.js +15 -6
- package/dist/components/_base/Field/Field.js.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/utils/backgroundColor/backgroundColor.js +5 -1
- package/dist/utils/backgroundColor/backgroundColor.js.map +1 -1
- package/dist/utils/border/border.d.ts +3 -0
- package/dist/utils/border/border.js +71 -19
- package/dist/utils/border/border.js.map +1 -1
- package/dist/utils/flex/flex.d.ts +145 -0
- package/dist/utils/flex/flex.js +245 -0
- package/dist/utils/flex/flex.js.map +1 -1
- package/dist/utils/foregroundColour/foregroundColor.js +5 -1
- package/dist/utils/foregroundColour/foregroundColor.js.map +1 -1
- package/dist/utils/padding/padding.js +80 -27
- package/dist/utils/padding/padding.js.map +1 -1
- package/dist/utils/position/position.js +5 -1
- package/dist/utils/position/position.js.map +1 -1
- package/dist/utils/stories/DraggableContainer.d.ts +8 -0
- package/dist/utils/stories/DraggableContainer.js +134 -0
- package/dist/utils/stories/DraggableContainer.js.map +1 -0
- package/package.json +4 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._accordion_1f1yj_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_1f1yj_14,._accordionStack_1f1yj_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1f1yj_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1f1yj_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_1f1yj_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1f1yj_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1f1yj_57{display:flex;flex-direction:column}._endContainer_1f1yj_62{gap:var(--alto-sem-space-sm)}._endContainer_1f1yj_62,._titleEnd_1f1yj_69,._titleStart_1f1yj_68{align-items:center;display:flex}._accordionTitle_1f1yj_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);word-break:break-all}._accordionDescription_1f1yj_88,._accordionTitle_1f1yj_74{font-family:var(--alto-sem-text-body-font-family);margin:0;text-align:left}._accordionDescription_1f1yj_88{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-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1f1yj_98{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_1f1yj_1[data-expanded=true] ._iconWrapper_1f1yj_98{transform:rotate(180deg)}._accordion_1f1yj_1>[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1f1yj_1>[role=group],._accordion_1f1yj_1[data-expanded=true]>[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0s linear}._accordion_1f1yj_1[data-expanded=true]>[role=group]{height:var(--group-height);visibility:visible}._panelContent_1f1yj_130{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_1f1yj_1[data-expanded=true],._accordion_1f1yj_1[data-expanded=true] ._trigger_1f1yj_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_1f1yj_1[data-expanded=true] ._trigger_1f1yj_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}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-focused]{outline:none}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-disabled] ._iconWrapper_1f1yj_98,._trigger_1f1yj_33[data-disabled] ._accordionDescription_1f1yj_88,._trigger_1f1yj_33[data-disabled] ._accordionTitle_1f1yj_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_1f1yj_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._breadcrumbs_xrrvy_1{display:inline-block;font-family:var(--alto-sem-text-body-font-family);font-style:normal}._breadcrumbs__list_xrrvy_8{align-items:center;display:flex;gap:var(--alto-sem-space-2xs);list-style-type:none;margin:0;min-height:56px;padding:0;text-align:left}._breadcrumbs__list-item_xrrvy_20>a:focus-visible{border-radius:var(--alto-sem-radius-6xs)}._breadcrumbs__list-item_xrrvy_20>a,._breadcrumbs_xrrvy_1>span{font-weight:400}._breadcrumbs__overflow-list_xrrvy_30{align-items:stretch;display:flex;flex-direction:column;list-style:none;margin:0;outline:none;overflow:hidden;padding:0}._breadcrumbs__overflow-list_xrrvy_30 ._breadcrumbs__list-item_xrrvy_20{border-bottom:1px solid var(--alto-sem-color-border-tertiary)}._breadcrumbs__overflow-list_xrrvy_30 ._breadcrumbs__list-item_xrrvy_20:first-child{border-top-left-radius:var(--alto-tag-radius);border-top-right-radius:var(--alto-tag-radius)}._breadcrumbs__overflow-list_xrrvy_30 ._breadcrumbs__list-item_xrrvy_20:last-child{border-bottom:none;border-bottom-left-radius:var(--alto-tag-radius);border-bottom-right-radius:var(--alto-tag-radius)}._breadcrumbs__overflow-list_xrrvy_30 ._breadcrumbs__list-item_xrrvy_20 a{color:var(--alto-sem-color-fg-primary);cursor:pointer;display:block;outline:none;padding:var(--alto-sem-space-sm) var(--alto-sem-space-md);text-decoration:none}._breadcrumbs__overflow-list_xrrvy_30 ._breadcrumbs__list-item_xrrvy_20:has([data-hovered]),._breadcrumbs__overflow-list_xrrvy_30 ._breadcrumbs__list-item_xrrvy_20:hover{background-color:var(--alto-sem-color-bg-layer2-hover)}._breadcrumbs__overflow-list_xrrvy_30 ._breadcrumbs__list-item_xrrvy_20:focus,._breadcrumbs__overflow-list_xrrvy_30 ._breadcrumbs__list-item_xrrvy_20:has([data-focused]){background-color:var(--alto-sem-color-bg-layer2-active)}._breadcrumbs__overflow-list_xrrvy_30 ._breadcrumbs__list-item_xrrvy_20:has([data-active]){background-color:var(--alto-sem-color-bg-layer2-active)}@media screen and (max-width:479px){._breadcrumbs__list-item_xrrvy_20,._breadcrumbs__list-separator_xrrvy_82{display:none}._breadcrumbs__list-item_xrrvy_20[data-parent],._breadcrumbs__list-separator_xrrvy_82:has(+[data-parent]){display:block}._breadcrumbs__list-separator_xrrvy_82:has(+[data-parent]) svg{transform:rotate(180deg)}}[dir=rtl] ._breadcrumbs__list-separator_xrrvy_82{transform:rotate(180deg)}
|
package/dist/assets/Carousel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carouselWrapper_16uhe_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_16uhe_2,._carouselWrapper_16uhe_2._showPartialItems_16uhe_14,._carouselWrapper_16uhe_2._showPartialItems_16uhe_14 ._carousel_16uhe_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_16uhe_2._hasScrollPadding_16uhe_25,._carouselWrapper_16uhe_2._hasScrollPadding_16uhe_25 ._carousel_16uhe_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_16uhe_2{overflow-x:visible;position:relative;width:100%}._carousel_16uhe_2,._scroller_16uhe_43{box-sizing:border-box;overflow-y:hidden}._scroller_16uhe_43{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:auto;transition:all .3s ease}._scroller_16uhe_43:focus{outline-offset:-2px;outline-width:2px}._scroller_16uhe_43::-webkit-scrollbar{display:none}._carouselWrapper_16uhe_2 [data-dragging=true] ._scroller_16uhe_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_16uhe_2 ._scroller_16uhe_43:hover{cursor:grab;touch-action:pan-x}._item_16uhe_84{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_16uhe_2 ._carousel_16uhe_2 ._scroller_16uhe_43 ._item_16uhe_84>*{display:block;height:auto;width:100%}[data-scroll-padding=true],[data-scroll-padding=true] ._carousel_16uhe_2,[data-scroll-padding=true] ._scroller_16uhe_43{overflow-x:visible!important;overflow-y:hidden!important}[data-scroll-padding=true] ._item_16uhe_84{scroll-snap-align:start}._slideLeft_16uhe_122{animation:_slideLeftAnimation_16uhe_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_16uhe_126{animation:_slideRightAnimation_16uhe_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_16uhe_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_16uhe_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_16uhe_149{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._defaultPrevButton_16uhe_160{left:10px}._defaultNextButton_16uhe_168,._defaultPrevButton_16uhe_160{position:absolute;top:50%;transform:translateY(-50%);z-index:5}._defaultNextButton_16uhe_168{right:10px}._defaultDotsContainer_16uhe_177{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._defaultCarouselWrapper_16uhe_188{margin:0 auto;max-width:800px;width:360px}._defaultAutoplayControl_16uhe_195{pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._showOnHover_16uhe_204 ._arrowContainer_16uhe_204{opacity:0;transition:opacity .3s ease}._carouselWrapper_16uhe_2 [data-arrows-visible=true] ._showOnHover_16uhe_204 ._arrowContainer_16uhe_204{opacity:1}._hidden_16uhe_214{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_16uhe_223{pointer-events:auto;z-index:2}._dotsContainer_16uhe_223{position:relative}@media (max-width:768px){._carouselWrapper_16uhe_2 ._dotsContainerWrapper_16uhe_223{cursor:pointer}._carouselWrapper_16uhe_2 ._dotsContainerWrapper_16uhe_223:active{opacity:.8}}._hiddenTabs_16uhe_245{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}._tapEnabled_16uhe_258{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_16uhe_273{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_16uhe_287{height:100%;overflow-x:hidden;width:361px}._carouselDefault_16uhe_287 ._prevButton_16uhe_292{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_16uhe_287 ._nextButton_16uhe_299{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_16uhe_287 ._dotsContainer_16uhe_223{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_16uhe_317{position:relative;width:100%}._carouselWithAutoPlay_16uhe_317 ._prevButton_16uhe_292{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_16uhe_317 ._nextButton_16uhe_299{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_16uhe_317 ._dotsContainer_16uhe_223{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_16uhe_317 ._autoplayControl_16uhe_273{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_16uhe_353{position:relative}._carouselWithScrollPeek_16uhe_353,._carouselWithScrollPeek_16uhe_353 ._carousel_16uhe_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_16uhe_353 ._prevButton_16uhe_292{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_16uhe_353 ._nextButton_16uhe_299{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_16uhe_353 ._dotsContainer_16uhe_223{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_16uhe_387{position:relative}._carouselWithFractionalItems_16uhe_387,._carouselWithFractionalItems_16uhe_387 ._carousel_16uhe_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_16uhe_387 ._prevButton_16uhe_292{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_16uhe_387 ._nextButton_16uhe_299{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_16uhe_387 ._dotsContainer_16uhe_223{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_16uhe_421{position:relative;width:100%}._paginationDotsDefault_16uhe_421 ._prevButton_16uhe_292{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_16uhe_421 ._nextButton_16uhe_299{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_16uhe_421 ._dotsContainer_16uhe_223{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_16uhe_450{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_16uhe_450 ._prevButton_16uhe_292{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_16uhe_450 ._nextButton_16uhe_299{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_16uhe_450:focus-within ._nextButton_16uhe_299,._hoverArrowsDefault_16uhe_450:focus-within ._prevButton_16uhe_292,._hoverArrowsDefault_16uhe_450:hover ._nextButton_16uhe_299,._hoverArrowsDefault_16uhe_450:hover ._prevButton_16uhe_292{opacity:1}._hoverArrowsDefault_16uhe_450 ._dotsContainer_16uhe_223{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._arrowContainer_x58j2_1{background:none;border:none;box-shadow:none!important;outline:none!important;padding:0;pointer-events:auto;z-index:2}._arrowContainer_x58j2_1:focus,._arrowContainer_x58j2_1:focus-visible{box-shadow:none!important;outline:none!important}._iconButton_x58j2_19{align-items:center;display:flex;justify-content:center}._arrowContainer_x58j2_1._hideDisabledArrow_x58j2_25[aria-disabled=true]{display:none}._arrowContainer_x58j2_1._neutral_x58j2_31 ._iconButton_x58j2_19[data-focused=true],._arrowContainer_x58j2_1._neutral_x58j2_31 ._iconButton_x58j2_19[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._arrowContainer_x58j2_1:not([aria-disabled]) ._neutral_x58j2_31 ._iconButton_x58j2_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._arrowContainer_x58j2_1._white_x58j2_43 ._iconButton_x58j2_19{background-color:transparent;border:none;border-radius:0}._arrowContainer_x58j2_1._white_x58j2_43:not([aria-disabled]) ._iconButton_x58j2_19[data-focused=true],._arrowContainer_x58j2_1._white_x58j2_43:not([aria-disabled]) ._iconButton_x58j2_19[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-lighten-hover)}._arrowContainer_x58j2_1._white_x58j2_43:not([aria-disabled]) ._iconButton_x58j2_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_x58j2_1._shapeFlat_x58j2_61 ._iconButton_x58j2_19{border-radius:var(--alto-sem-radius-circle)}._arrowContainer_x58j2_1._shapeFlat_x58j2_61:not([aria-disabled]) ._iconButton_x58j2_19{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._arrowContainer_x58j2_1._shapeFlat_x58j2_61:not([aria-disabled]) ._iconButton_x58j2_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_x58j2_1._shapeElevated_x58j2_74 ._iconButton_x58j2_19{border-radius:var(--alto-sem-radius-circle)}._arrowContainer_x58j2_1._shapeElevated_x58j2_74:not([aria-disabled]) ._iconButton_x58j2_19{background-color:var(--alto-sem-color-bg-white-vibrant-default);box-shadow:0 11.4px 9.12px #2f2a850d,0 2.59px 4.4px #2f2a850d,0 6.99px 18.18px #2f2a8514}._arrowContainer_x58j2_1._shapeElevated_x58j2_74:not([aria-disabled]) ._iconButton_x58j2_19[data-focused=true],._arrowContainer_x58j2_1._shapeElevated_x58j2_74:not([aria-disabled]) ._iconButton_x58j2_19[data-parent-hovered=true]{background-color:var(--alto-sem-color-bg-white-vibrant-hover)}._arrowContainer_x58j2_1._shapeElevated_x58j2_74:not([aria-disabled]) ._iconButton_x58j2_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_x58j2_1._gradient_x58j2_98:not([aria-disabled]) ._iconButton_x58j2_19{background:linear-gradient(90deg,#fefefe 50%,#fff0);border:none;border-radius:0;height:100%}._arrowContainer_x58j2_1._gradient_x58j2_98._next_x58j2_105:not([aria-disabled]) ._iconButton_x58j2_19{background:linear-gradient(90deg,#fff0,#fefefe 50%)}._arrowContainer_x58j2_1._gradient_x58j2_98:not([aria-disabled]) ._iconButton_x58j2_19[data-focused=true],._arrowContainer_x58j2_1._gradient_x58j2_98:not([aria-disabled]) ._iconButton_x58j2_19[data-parent-hovered=true]{background:linear-gradient(90deg,#fefefe 50%,#fff0);color:var(--alto-sem-color-fg-accent-primary);outline-offset:-2px}._arrowContainer_x58j2_1._gradient_x58j2_98._next_x58j2_105:not([aria-disabled]) ._iconButton_x58j2_19[data-focused=true],._arrowContainer_x58j2_1._gradient_x58j2_98._next_x58j2_105:not([aria-disabled]) ._iconButton_x58j2_19[data-parent-hovered=true]{background:linear-gradient(90deg,#fff0,#fefefe 50%);color:var(--alto-sem-color-fg-accent-primary);outline-offset:-2px}._arrowContainer_x58j2_1._gradient_x58j2_98:not([aria-disabled]) ._iconButton_x58j2_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_x58j2_1[aria-disabled] ._iconButton_x58j2_19{background-color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;opacity:var(--alto-sem-opacity-30)}._arrowContainer_x58j2_1._fullHeight_x58j2_139{align-items:center;bottom:0;cursor:pointer;display:flex;height:100%;top:0;transform:none}._arrowContainer_x58j2_1._fullHeight_x58j2_139._prev_x58j2_150{justify-content:flex-start;left:0}._arrowContainer_x58j2_1._fullHeight_x58j2_139._next_x58j2_105{justify-content:flex-end;right:0}._arrowContainer_x58j2_1._fullHeight_x58j2_139 ._iconButton_x58j2_19{position:relative;z-index:2}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabsContainer_nzxrr_1{margin:0 auto;min-height:30px;width:auto}._tabsContainer_nzxrr_1,._tabs_nzxrr_1{align-items:center;display:flex;justify-content:center}._tabs_nzxrr_1{background-color:var(--alto-sem-color-bg-white-vibrant-default);border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);position:relative}._tabs_nzxrr_1._transparent_nzxrr_20{background-color:transparent}._dotsScroller_nzxrr_24{align-items:center;display:flex;flex-wrap:wrap;gap:var(--alto-sem-space-2xs);justify-content:center;position:relative;white-space:nowrap}._tab_nzxrr_1{background-color:#0000004d;border:none;border-radius:var(--alto-sem-radius-circle);cursor:pointer;display:block;flex-shrink:0;margin:0;padding:0}._tab_nzxrr_1:hover,._tab_nzxrr_1[data-hovered=true]{transform:scale(1.1)}._tab_nzxrr_1._activeTab_nzxrr_51{background-color:var(--alto-sem-color-fg-primary)}._tabs_nzxrr_1[data-focused=true] ._tab_nzxrr_1._activeTab_nzxrr_51{background-color:var(--alto-sem-color-border-accent)}._tabMd_nzxrr_60{height:8px;width:8px}._tabLg_nzxrr_65{height:12px;width:12px}._tabsContainer_nzxrr_1[data-transitioning=true] ._tab_nzxrr_1{pointer-events:none;transition:none!important}._tabsContainer_nzxrr_1[data-transitioning=true] ._dotsScroller_nzxrr_24{transition:none!important}
|
package/dist/assets/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._checkbox_dtluy_2{align-items:flex-start;box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);forced-color-adjust:none;gap:.571rem;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:36px;padding-top:var(--alto-sem-space-xs);text-align:left}._checkbox_dtluy_2:only-child{min-height:24px;padding-bottom:var(--alto-sem-space-xs)}._checkboxContainer_dtluy_26{display:flex;flex-direction:column}._checkboxLabel_dtluy_31{padding-left:var(--alto-sem-space-3xs)}._checkboxDescription_dtluy_35{padding-left:42px;text-align:left}._checkboxSvgWrapper_dtluy_40{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:2px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:1.5rem;min-width:1.5rem}._checkbox_dtluy_2 ._svg_dtluy_54{fill:none;min-height:1rem;min-width:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s}._checkbox_dtluy_2[data-hovered] ._checkboxSvgWrapper_dtluy_40{border-color:var(--alto-sem-color-border-primary-hover)}._checkbox_dtluy_2[data-pressed] ._checkboxSvgWrapper_dtluy_40{border-color:var(--alto-sem-color-border-primary-active)}._checkbox_dtluy_2[data-focus-visible] ._checkboxSvgWrapper_dtluy_40{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._defaultFocus_dtluy_82[data-focus-visible] ._checkboxSvgWrapper_dtluy_40{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_dtluy_86[data-focus-visible] ._checkboxSvgWrapper_dtluy_40{outline-color:var(--alto-sem-color-border-white)}._checkbox_dtluy_2[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._checkboxSvgWrapper_dtluy_40[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle);cursor:default}._svg_dtluy_54[data-disabled]{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_dtluy_2[data-selected] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_dtluy_2[data-selected][data-hovered] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._checkbox_dtluy_2[data-selected][data-pressed] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._checkbox_dtluy_2[data-selected] ._svg_dtluy_54{stroke-dashoffset:44}._checkbox_dtluy_2[data-indeterminate] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_dtluy_2[data-indeterminate] ._svg_dtluy_54{fill:var(--alto-sem-color-fg-accent-on-vibrant);stroke:none}._checkbox_dtluy_2[data-invalid] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-critical-subtle-default);border-color:var(--alto-sem-color-border-critical)}._checkbox_dtluy_2[data-invalid][data-hovered] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-critical-subtle-hover)}._checkbox_dtluy_2[data-invalid][data-pressed] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-tertiary-active)}._checkbox_dtluy_2[data-invalid][data-indeterminate] ._checkboxSvgWrapper_dtluy_40,._checkbox_dtluy_2[data-invalid][data-selected] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-critical-vibrant-default);border-color:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_dtluy_2[data-invalid][data-indeterminate][data-hovered] ._checkboxSvgWrapper_dtluy_40,._checkbox_dtluy_2[data-invalid][data-selected][data-hovered] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_dtluy_2[data-invalid][data-indeterminate][data-pressed] ._checkboxSvgWrapper_dtluy_40,._checkbox_dtluy_2[data-invalid][data-selected][data-pressed] ._checkboxSvgWrapper_dtluy_40{background:var(--alto-sem-color-bg-critical-subtle-active);border-color:var(--alto-sem-color-bg-critical-vibrant-active)}._checkbox_dtluy_2[data-disabled] ._checkboxSvgWrapper_dtluy_40{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._checkbox_dtluy_2[data-disabled] ._svg_dtluy_54{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_dtluy_2[data-indeterminate] ._svg_dtluy_54{stroke:var(--alto-sem-color-fg-disabled-onSubtle)}._checkboxLabelWrapper_dtluy_180{display:flex;flex-direction:column;justify-content:center}
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dialogWrapper_1i48s_1{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:99}._overlay_1i48s_10{background-color:var(--alto-sem-color-overlay-scrim);top:0;right:0;bottom:0;left:0;position:fixed}._dialog_1i48s_1{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius);box-shadow:0 25px 50px -12px #00000040;margin:var(--alto-sem-space-md);max-height:calc(100vh - var(--alto-sem-space-xl)*2);outline:none;overflow-y:auto;padding:var(--alto-sem-space-lg);position:relative;width:calc(100% - var(--alto-sem-space-md)*2)}._dialog_1i48s_1._noPadding_1i48s_30{padding:0}@media (min-width:640px){._dialog_1i48s_1{margin:var(--alto-sem-space-xl);padding:var(--alto-sem-space-xl);width:calc(100% - var(--alto-sem-space-xl)*2)}._dialog_1i48s_1._noPadding_1i48s_30{padding:0}}@media (min-width:1024px){._dialog_1i48s_1{margin:var(--alto-sem-space-2xl);max-height:calc(100vh - var(--alto-sem-space-2xl)*2);padding:var(--alto-sem-space-2xl);width:calc(100% - var(--alto-sem-space-2xl)*2)}._dialog_1i48s_1._noPadding_1i48s_30{padding:0}}._dialogContent_1i48s_59{display:flex;flex-direction:column;gap:var(--alto-sem-space-md);position:relative}._dialogHeading_1i48s_66{margin:0}._dialogContentInner_1i48s_70{display:flex;flex-direction:column;gap:var(--alto-sem-space-md)}._noHeader_1i48s_76 ._dialogContentInner_1i48s_70{padding-top:0}._closeButton_1i48s_80{align-items:center;background:none;border:none;border-radius:var(--alto-sem-border-radius-sm);color:var(--alto-sem-color-fg-secondary);cursor:pointer;display:flex;justify-content:center;outline:2px solid transparent;outline-offset:2px;position:absolute;right:var(--alto-sem-space-sm);top:var(--alto-sem-space-sm);transition:outline-color .2s ease}._closeButton_1i48s_80:focus,._closeButton_1i48s_80:hover{background-color:var(--alto-sem-color-bg-hover)}._closeButton_1i48s_80:focus{outline-color:var(--alto-sem-color-focus-ring)}._dialogSmall_1i48s_106{max-width:25.625rem}._dialogMedium_1i48s_110{max-width:39.25rem}._dialogLarge_1i48s_114{max-width:52.875rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldError_1bhog_1{align-items:center;align-self:stretch;color:var(--alto-sem-color-fg-critical-primary);display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);gap:var(--alto-sem-space-4xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._sr-only_1bhog_13{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}
|
package/dist/assets/Icon.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._icon-
|
|
1
|
+
._icon-wrapper_1wjol_1{align-items:center;display:inline-flex;justify-content:center}._iconSize0_5x_1wjol_8{font-size:.5rem}._iconSize0_75x_1wjol_12{font-size:.75rem}._iconSize1_25x_1wjol_16{font-size:1.25rem}._iconSize1_5x_1wjol_20{font-size:1.5rem}._iconSize2_5x_1wjol_24{font-size:2.5rem}._iconSize0_5x_1wjol_8,._iconSize0_5x_1wjol_8 svg{height:.5rem;width:.5rem!important}._iconSize0_75x_1wjol_12,._iconSize0_75x_1wjol_12 svg{height:.75rem;width:.75rem!important}._iconSize1x_1wjol_41,._iconSize1x_1wjol_41 svg{height:1rem;width:1rem!important}._iconSize1_25x_1wjol_16,._iconSize1_25x_1wjol_16 svg{height:1.25rem;width:1.25rem!important}._iconSize1_5x_1wjol_20,._iconSize1_5x_1wjol_20 svg{height:1.5rem;width:1.5rem!important}._iconSize2x_1wjol_59,._iconSize2x_1wjol_59 svg{height:2rem;width:2rem!important}._iconSize2_5x_1wjol_24,._iconSize2_5x_1wjol_24 svg{height:2.5rem;width:2.5rem!important}._iconSize3x_1wjol_71,._iconSize3x_1wjol_71 svg{height:3rem;width:3rem!important}._iconSize4x_1wjol_77,._iconSize4x_1wjol_77 svg{height:4rem;width:4rem!important}._iconSize5x_1wjol_83,._iconSize5x_1wjol_83 svg{height:5rem;width:5rem!important}._iconSize6x_1wjol_89,._iconSize6x_1wjol_89 svg{height:6rem;width:6rem!important}._iconSize7x_1wjol_95,._iconSize7x_1wjol_95 svg{height:7rem;width:7rem!important}._iconSize8x_1wjol_101,._iconSize8x_1wjol_101 svg{height:8rem;width:8rem!important}._iconSize9x_1wjol_107,._iconSize9x_1wjol_107 svg{height:9rem;width:9rem!important}._iconSize10x_1wjol_113,._iconSize10x_1wjol_113 svg{height:10rem;width:10rem!important}._icon_1wjol_1._fixedWidth_1wjol_120{padding:0 .125em}._icon_1wjol_1._square_1wjol_124{padding:.125em}._icon_1wjol_1._roomy_1wjol_128{padding:.25em}
|
package/dist/assets/Link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._link_pwc7n_1{align-items:center;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-4xs);text-decoration:none}._xs_pwc7n_11{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_pwc7n_17{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_pwc7n_23{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_pwc7n_29{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._link_pwc7n_1[data-focused],._link_pwc7n_1[data-hovered]{text-decoration:underline}._link_pwc7n_1:focus-visible{border-radius:var(--alto-sem-radius-6xs)}._link_pwc7n_1[data-pressed]{text-decoration:none}._link_pwc7n_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none;text-decoration-line:none}._underline_pwc7n_55{text-decoration:underline}._underline_pwc7n_55[data-focused],._underline_pwc7n_55[data-hovered]{text-decoration:none}._underline_pwc7n_55[data-pressed]{text-decoration:underline}._underline_pwc7n_55[data-disabled]{text-decoration-line:underline}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._listBoxItem_nivvq_1{align-items:center;border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-size:var(--alto-sem-text-body-sm-font-size);gap:var(--alto-sem-space-xs);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);margin:var(--alto-sem-space-4xs);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);text-align:left;width:100%;width:-webkit-fill-available}._listBoxItemLabel_nivvq_19{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listBoxItem_nivvq_1[data-loading]{cursor:progress;outline-style:none}._listBoxItem_nivvq_1[data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._listBoxItem_nivvq_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._listBoxItem_nivvq_1[data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._listBoxItem_nivvq_1[data-focused][data-focus-visible]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._listBoxItem_nivvq_1[data-focused]{outline:none}._listBoxItem_nivvq_1[data-selected]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-default)}._listBoxItem_nivvq_1[data-selected][data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItem_nivvq_1[data-selected][data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-active)}._listBoxItem_nivvq_1[data-selected][data-focused]:not([data-loading]){background:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItemIcon_nivvq_71,._listBoxItemSelected_nivvq_77{align-items:center;display:inline-flex;justify-content:center}._listBoxItemSelected_nivvq_77{opacity:0}._listBoxItem_nivvq_1[data-selected] ._listBoxItemSelected_nivvq_77{opacity:1}._sr-only_nivvq_88{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._loadingSpinner_1pdea_1{align-items:center;display:inline-flex;justify-content:center;line-height:1}._fa-spinner-third_1pdea_8{height:1rem;width:1rem}._iconWrapper_1pdea_13{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}._spinner_1pdea_21{animation:_spinner-rotate_1pdea_1 1s linear infinite;fill:currentColor;height:100%;transform-box:fill-box;transform-origin:50% 50%;width:100%}@keyframes _spinner-rotate_1pdea_1{to{transform:rotate(1turn)}}._iconSize0_5x_1pdea_37{height:.5rem;width:.5rem!important}._iconSize0_75x_1pdea_42{height:.75rem;width:.75rem!important}._iconSize1x_1pdea_47{height:1rem;width:1rem!important}._iconSize1_25x_1pdea_52{height:1.25rem;width:1.25rem!important}._iconSize1_5x_1pdea_57{height:1.5rem;width:1.5rem!important}._iconSize2x_1pdea_62{height:2rem;width:2rem!important}._iconSize2_5x_1pdea_67{height:2.5rem;width:2.5rem!important}._iconSize3x_1pdea_72{height:3rem;width:3rem!important}._iconSize4x_1pdea_77{height:4rem;width:4rem!important}._iconSize5x_1pdea_82{height:5rem;width:5rem!important}._iconSize6x_1pdea_87{height:6rem;width:6rem!important}._iconSize7x_1pdea_92{height:7rem;width:7rem!important}._iconSize8x_1pdea_97{height:8rem;width:8rem!important}._iconSize9x_1pdea_102{height:9rem;width:9rem!important}._iconSize10x_1pdea_107{height:10rem;width:10rem!important}
|
package/dist/assets/Popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._popoverWrapper_1yhlj_1{position:absolute}._popover_1yhlj_1{background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius,12px);box-shadow:0 4px 6px -1px var(--alto-sem-color-overlay-state-darken-active),0 2px 4px -2px var(--alto-sem-color-overlay-state-darken-active);position:relative}._arrow_1yhlj_15{background:url('data:image/svg+xml;utf8,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_15337_1997" fill="white"><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z"/></mask><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z" fill="%23FEFEFE"/><path d="M8.51472 0.814707L9.22182 0.107601L8.51472 -0.599506L7.80761 0.107601L8.51472 0.814707ZM0.736542 10.0071L9.22182 1.52181L7.80761 0.107601L-0.677672 8.59288L0.736542 10.0071ZM7.80761 1.52181L16.2929 10.0071L17.7071 8.59288L9.22182 0.107601L7.80761 1.52181Z" fill="%239593A0" fill-opacity="0.25" mask="url(%23path-1-inside-1_15337_1997)"/></svg>') 50% no-repeat;height:16px;position:absolute;width:16px}._arrow_1yhlj_15[data-placement=top]{bottom:-9px;left:50%;margin-left:-8.5px;transform:rotate(180deg)}._arrow_1yhlj_15[data-placement=bottom]{left:50%;margin-left:-8.5px;top:-9px}._arrow_1yhlj_15[data-placement=left]{margin-top:-9px;right:-9px;top:50%;transform:rotate(90deg)}._arrow_1yhlj_15[data-placement=right]{left:-9px;margin-top:-9px;top:50%;transform:rotate(-90deg)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._select-
|
|
1
|
+
._select-card_1j57x_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_1j57x_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_1j57x_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_1j57x_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1j57x_1[data-focus-visible],._select-card_1j57x_1[data-selected][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1j57x_1[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-sm)}._select-card_1j57x_1[data-focus-visible][data-selected]{outline-width:var(--alto-sem-border-width-lg)}._select-card__header_1j57x_46{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card__header_1j57x_46[data-select-control=false]>._checkboxSvgWrapper_1j57x_53{display:none}._select-card_1j57x_1 ._select-card__header-content-wrapper_1j57x_58{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card_1j57x_1[data-disabled] ._select-card__header-content-wrapper_1j57x_58,._select-card_1j57x_1[data-disabled] ._select-card__start-slot_1j57x_70{opacity:.5}._select-card__label-title_1j57x_75{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_1j57x_1[data-disabled] ._select-card__label-title_1j57x_75{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_1j57x_75{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_1j57x_99{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_1j57x_1[data-disabled] ._select-card__end-slot_1j57x_99{opacity:.5}._select-card__body_1j57x_111{display:flex;width:-webkit-fill-available}._select-card_1j57x_1[data-disabled] ._select-card__body_1j57x_111{opacity:.5}._select-card_1j57x_1:not([data-selected]) ._select-card__details_1j57x_122{display:none}._select-card_1j57x_1[data-selected] ._select-card__details_1j57x_122{display:flex;width:-webkit-fill-available}._select-card_1j57x_1[data-disabled] ._select-card__details_1j57x_122{display:none}._select-card__checkbox_1j57x_136 ._checkboxSvgWrapper_1j57x_53{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_1j57x_1 ._svg_1j57x_150{fill:none;height:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s;width:1rem}._select-card__checkbox_1j57x_136[data-selected] ._checkboxSvgWrapper_1j57x_53{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__checkbox_1j57x_136[data-selected][data-hovered] ._checkboxSvgWrapper_1j57x_53{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__checkbox_1j57x_136[data-selected][data-pressed] ._checkboxSvgWrapper_1j57x_53{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__checkbox_1j57x_136[data-selected] ._svg_1j57x_150{stroke-dashoffset:44}._select-card__checkbox_1j57x_136[data-hovered] ._checkboxSvgWrapper_1j57x_53{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__checkbox_1j57x_136[data-pressed] ._checkboxSvgWrapper_1j57x_53{border-color:var(--alto-sem-color-border-primary-active)}._select-card__checkbox_1j57x_136[data-focus-visible][data-select-control=false] ._checkboxSvgWrapper_1j57x_53{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__checkbox_1j57x_136[data-selected=true][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1j57x_1[data-disabled] ._checkboxSvgWrapper_1j57x_53{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1j57x_1[data-disabled][data-selected] ._checkboxSvgWrapper_1j57x_53{border-color:transparent}._select-card_1j57x_1[data-disabled] ._svg_1j57x_150{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__radio_1j57x_220 ._select-card__header_1j57x_46: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_1j57x_220[data-hovered] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__radio_1j57x_220[data-focus-visible][data-select-control=false] ._select-card__header_1j57x_46: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_1j57x_220[data-pressed] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-border-primary-active)}._select-card__radio_1j57x_220[data-selected] ._select-card__header_1j57x_46: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_1j57x_220[data-selected][data-hovered] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1j57x_220[data-selected][data-focused] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1j57x_220[data-selected][data-focus-visible] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1j57x_220[data-selected][data-pressed] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1j57x_220[data-invalid] ._select-card__header_1j57x_46: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_1j57x_220[data-invalid][data-hovered] ._select-card__header_1j57x_46:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1j57x_220[data-invalid][data-focused] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1j57x_220[data-invalid][data-focus-visible] ._select-card__header_1j57x_46:before,._select-card__radio_1j57x_220[data-invalid][data-pressed] ._select-card__header_1j57x_46:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1j57x_220[data-invalid][data-selected] ._select-card__header_1j57x_46: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_1j57x_220[data-disabled] ._select-card__header_1j57x_46: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_1j57x_220[data-disabled][data-selected] ._select-card__header_1j57x_46: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
|
-
.
|
|
1
|
+
._select_1b9f5_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._selectInput_1b9f5_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234b4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);color:var(--alto-sem-color-fg-primary);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._selectInput_1b9f5_10 option[value=""][disabled]{color:var(--alto-sem-color-fg-secondary)}._selectInput_1b9f5_10:-moz-placeholder{color:var(--alto-sem-color-fg-secondary)}._selectInput_1b9f5_10:placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._select_1b9f5_1[data-disabled] ._selectInput_1b9f5_10{background-color:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._select_1b9f5_1[data-invalid] ._selectInput_1b9f5_10{border:2px solid var(--alto-sem-color-border-critical)}._selectInput_1b9f5_10:focus-visible{outline:none}._selectInput_1b9f5_10[data-focus-visible]{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)}._selectInput_1b9f5_10:hover{border:1px solid var(--alto-sem-color-border-primary-hover)}._selectInput_1b9f5_10:active{border:1px solid var(--alto-sem-color-border-primary-active)}@-moz-document url-prefix(){._selectInput_1b9f5_10{padding-right:var(--alto-sem-space-xl);text-indent:0;text-overflow:""}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._skeletonLoader_2xt5b_1{border-radius:var(--alto-sem-radius-5xs);line-height:1;mix-blend-mode:luminosity;text-align:left;--skeleton-base-color:hsla(252,2%,50%,.4);--skeleton-highlight-start:hsla(0,0%,100%,0);--skeleton-highlight-center:hsla(0,0%,100%,.6);--skeleton-highlight-end:hsla(0,0%,100%,0);--animation-duration:2s}._skeletonLoader_2xt5b_1._multiLine_2xt5b_15{display:flex;flex-direction:column;line-height:unset}._skeletonLoader_2xt5b_1._multiLine_2xt5b_15 span:not(._srOnly_2xt5b_22){display:block;width:100%}._skeletonLoader_2xt5b_1._multiLine_2xt5b_15 span:not(:last-child,._srOnly_2xt5b_22){margin-bottom:var(--alto-sem-space-2xs)}._skeletonLoader_2xt5b_1 span:not(._srOnly_2xt5b_22){mix-blend-mode:inherit}._skeletonLoader_2xt5b_1 span:after{width:calc(var(--skeleton-width)*2)}@media (prefers-reduced-motion:reduce){._skeletonLoader_2xt5b_1{--animation-duration:0s}._skeletonLoader_2xt5b_1 span{animation:none}}@media (prefers-contrast:high){._skeletonLoader_2xt5b_1{--skeleton-base-color:rgba(0,0,0,.8);--skeleton-highlight-center:#fff}}._srOnly_2xt5b_22{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:var( --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%) );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
|
|
@@ -20,6 +20,8 @@ export interface AccordionProps extends Omit<AriaDisclosureProps, 'children'> {
|
|
|
20
20
|
id?: string;
|
|
21
21
|
/** The semantic heading level for the accordion title */
|
|
22
22
|
headingLevel?: HeadingLevel;
|
|
23
|
+
/** Whether the accordion is disabled and cannot be interacted with */
|
|
24
|
+
isDisabled?: boolean;
|
|
23
25
|
}
|
|
24
26
|
export interface AccordionGroupProps {
|
|
25
27
|
/** Title for the accordion group - can be string or ReactNode */
|
|
@@ -2,21 +2,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
|
|
4
4
|
import { Icon } from "../Icon/Icon.js";
|
|
5
|
-
import '../../assets/Accordion.css';const accordion = "
|
|
6
|
-
const accordionGroup = "
|
|
7
|
-
const accordionStack = "
|
|
8
|
-
const accordionHeader = "
|
|
9
|
-
const trigger = "
|
|
10
|
-
const buttonContent = "
|
|
11
|
-
const titleContainer = "
|
|
12
|
-
const titleWrapper = "
|
|
13
|
-
const endContainer = "
|
|
14
|
-
const titleStart = "
|
|
15
|
-
const titleEnd = "
|
|
16
|
-
const accordionTitle = "
|
|
17
|
-
const accordionDescription = "
|
|
18
|
-
const iconWrapper = "
|
|
19
|
-
const panelContent = "
|
|
5
|
+
import '../../assets/Accordion.css';const accordion = "_accordion_1f1yj_1";
|
|
6
|
+
const accordionGroup = "_accordionGroup_1f1yj_14";
|
|
7
|
+
const accordionStack = "_accordionStack_1f1yj_20";
|
|
8
|
+
const accordionHeader = "_accordionHeader_1f1yj_26";
|
|
9
|
+
const trigger = "_trigger_1f1yj_33";
|
|
10
|
+
const buttonContent = "_buttonContent_1f1yj_42";
|
|
11
|
+
const titleContainer = "_titleContainer_1f1yj_50";
|
|
12
|
+
const titleWrapper = "_titleWrapper_1f1yj_57";
|
|
13
|
+
const endContainer = "_endContainer_1f1yj_62";
|
|
14
|
+
const titleStart = "_titleStart_1f1yj_68";
|
|
15
|
+
const titleEnd = "_titleEnd_1f1yj_69";
|
|
16
|
+
const accordionTitle = "_accordionTitle_1f1yj_74";
|
|
17
|
+
const accordionDescription = "_accordionDescription_1f1yj_88";
|
|
18
|
+
const iconWrapper = "_iconWrapper_1f1yj_98";
|
|
19
|
+
const panelContent = "_panelContent_1f1yj_130";
|
|
20
20
|
const styles = {
|
|
21
21
|
accordion,
|
|
22
22
|
accordionGroup,
|
|
@@ -55,7 +55,7 @@ const AccordionTrigger = ({
|
|
|
55
55
|
] }),
|
|
56
56
|
/* @__PURE__ */ jsxs("span", { className: styles.endContainer, children: [
|
|
57
57
|
titleEnd2 && /* @__PURE__ */ jsx("span", { className: styles.titleEnd, children: titleEnd2 }),
|
|
58
|
-
/* @__PURE__ */ jsx(Icon, { iconName: "chevron-down", iconPrefix: "fas", className: styles.iconWrapper })
|
|
58
|
+
/* @__PURE__ */ jsx(Icon, { iconName: "chevron-down", iconPrefix: "fas", className: styles.iconWrapper, color: "accentSecondary" })
|
|
59
59
|
] })
|
|
60
60
|
] }) });
|
|
61
61
|
};
|
|
@@ -39,10 +39,14 @@ export interface AviosCurrencyBadgeProps extends Omit<AviosCurrencyProps, 'isStr
|
|
|
39
39
|
* Example: "Collect 50,000 Avios points"
|
|
40
40
|
*/
|
|
41
41
|
ariaLabel?: string;
|
|
42
|
+
/**
|
|
43
|
+
* ARIA role for the badge container
|
|
44
|
+
*/
|
|
45
|
+
role?: string;
|
|
42
46
|
/**
|
|
43
47
|
* Number of Avios points
|
|
44
48
|
*/
|
|
45
49
|
children?: number;
|
|
46
50
|
}
|
|
47
|
-
export declare const AviosCurrencyBadge: ({ kind, size, textStart, textEnd, textStartBold, textEndBold, ariaLabel, children, ...props }: AviosCurrencyBadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
export declare const AviosCurrencyBadge: ({ kind, size, textStart, textEnd, textStartBold, textEndBold, ariaLabel, role, children, ...props }: AviosCurrencyBadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
52
|
export default AviosCurrencyBadge;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { AviosCurrency } from "../AviosCurrency/AviosCurrency.js";
|
|
3
3
|
import { c as cva } from "../../index-DdUYounA.js";
|
|
4
|
+
import { useMemo } from "react";
|
|
4
5
|
import '../../assets/AviosCurrencyBadge.css';const aviosCurrencyBadge$1 = "_aviosCurrencyBadge_cc82y_1";
|
|
5
6
|
const collect = "_collect_cc82y_17";
|
|
6
7
|
const spend = "_spend_cc82y_21";
|
|
@@ -60,7 +61,7 @@ const aviosCurrencyBadge = cva(styles.aviosCurrencyBadge, {
|
|
|
60
61
|
class: styles["xs-bold"]
|
|
61
62
|
}, {
|
|
62
63
|
kind: "spend",
|
|
63
|
-
|
|
64
|
+
class: styles.onSpend
|
|
64
65
|
}]
|
|
65
66
|
});
|
|
66
67
|
const textCva = cva(styles.textStart, {
|
|
@@ -105,6 +106,13 @@ const textCva = cva(styles.textStart, {
|
|
|
105
106
|
}]
|
|
106
107
|
});
|
|
107
108
|
const BADGE_SIZES = ["xs", "sm", "md", "lg", "xl"];
|
|
109
|
+
const sizeMap = {
|
|
110
|
+
xs: "5xs",
|
|
111
|
+
sm: "4xs",
|
|
112
|
+
md: "3xs",
|
|
113
|
+
lg: "2xs",
|
|
114
|
+
xl: "xs"
|
|
115
|
+
};
|
|
108
116
|
const AviosCurrencyBadge = ({
|
|
109
117
|
kind = "collect",
|
|
110
118
|
size = "md",
|
|
@@ -113,43 +121,28 @@ const AviosCurrencyBadge = ({
|
|
|
113
121
|
textStartBold = false,
|
|
114
122
|
textEndBold = false,
|
|
115
123
|
ariaLabel,
|
|
124
|
+
role,
|
|
116
125
|
children,
|
|
117
126
|
...props
|
|
118
127
|
}) => {
|
|
119
|
-
const formattedPoints =
|
|
120
|
-
const
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
aviosCurrencySize = "4xs";
|
|
128
|
-
break;
|
|
129
|
-
case "md":
|
|
130
|
-
aviosCurrencySize = "3xs";
|
|
131
|
-
break;
|
|
132
|
-
case "lg":
|
|
133
|
-
aviosCurrencySize = "2xs";
|
|
134
|
-
break;
|
|
135
|
-
case "xl":
|
|
136
|
-
aviosCurrencySize = "xs";
|
|
137
|
-
break;
|
|
138
|
-
default:
|
|
139
|
-
aviosCurrencySize = "3xs";
|
|
140
|
-
break;
|
|
141
|
-
}
|
|
142
|
-
return /* @__PURE__ */ jsxs("span", { role: "status", "aria-label": ariaLabel || defaultAriaLabel, className: `${aviosCurrencyBadge({
|
|
128
|
+
const formattedPoints = useMemo(() => children !== void 0 ? children.toLocaleString() : void 0, [children]);
|
|
129
|
+
const computedAriaLabel = useMemo(() => {
|
|
130
|
+
if (ariaLabel) return ariaLabel;
|
|
131
|
+
const formatted = formattedPoints ?? "";
|
|
132
|
+
return `${textStart || ""} ${formatted} Avios ${textEnd || ""}`.trim();
|
|
133
|
+
}, [ariaLabel, textStart, textEnd, formattedPoints]);
|
|
134
|
+
const aviosCurrencySize = sizeMap[size] ?? "3xs";
|
|
135
|
+
return /* @__PURE__ */ jsxs("span", { "aria-label": computedAriaLabel, role: role || void 0, className: aviosCurrencyBadge({
|
|
143
136
|
size,
|
|
144
137
|
kind,
|
|
145
138
|
textStartBold,
|
|
146
139
|
textEndBold
|
|
147
|
-
})
|
|
140
|
+
}), children: [
|
|
148
141
|
textStart && /* @__PURE__ */ jsx("span", { className: textCva({
|
|
149
142
|
size,
|
|
150
143
|
bold: textStartBold
|
|
151
144
|
}), children: textStart }),
|
|
152
|
-
children && /* @__PURE__ */ jsx(AviosCurrency, { styleVariant: kind === "collect" ? "onCollect" : "onSpend", size: aviosCurrencySize, kind, ...props, children }),
|
|
145
|
+
children && /* @__PURE__ */ jsx(AviosCurrency, { "aria-hidden": true, styleVariant: kind === "collect" ? "onCollect" : "onSpend", size: aviosCurrencySize, kind, ...props, children }),
|
|
153
146
|
textEnd && /* @__PURE__ */ jsx("span", { className: textCva({
|
|
154
147
|
size,
|
|
155
148
|
bold: textEndBold
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AviosCurrencyBadge.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AviosCurrencyBadge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -62,15 +62,26 @@ const Badge = ({
|
|
|
62
62
|
className,
|
|
63
63
|
...props
|
|
64
64
|
}) => {
|
|
65
|
+
const defaultIconProps = {
|
|
66
|
+
iconSize: size === "md" ? "0.75x" : "0.5x",
|
|
67
|
+
iconPrefix: "fas",
|
|
68
|
+
padding: "square"
|
|
69
|
+
};
|
|
65
70
|
return /* @__PURE__ */ jsxs("span", { className: `${badge({
|
|
66
71
|
size,
|
|
67
72
|
styleVariant
|
|
68
73
|
})} ${focusStyleVariants({
|
|
69
74
|
focusStyle
|
|
70
75
|
})} ${className || ""}`, role: "status", "aria-label": ariaLabel, ...props, children: [
|
|
71
|
-
iconStartProps && /* @__PURE__ */ jsx(Icon, { ...
|
|
76
|
+
iconStartProps && /* @__PURE__ */ jsx(Icon, { ...{
|
|
77
|
+
...defaultIconProps,
|
|
78
|
+
...iconStartProps
|
|
79
|
+
} }),
|
|
72
80
|
children,
|
|
73
|
-
iconEndProps && /* @__PURE__ */ jsx(Icon, { ...
|
|
81
|
+
iconEndProps && /* @__PURE__ */ jsx(Icon, { ...{
|
|
82
|
+
...defaultIconProps,
|
|
83
|
+
...iconEndProps
|
|
84
|
+
} })
|
|
74
85
|
] });
|
|
75
86
|
};
|
|
76
87
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { AriaBreadcrumbsProps } from '@react-aria/breadcrumbs';
|
|
3
|
+
import { LinkProps } from '../Link';
|
|
4
|
+
import { IconProps } from '../Icon';
|
|
5
|
+
import { ButtonProps } from '../Button';
|
|
6
|
+
export type BreadcrumbItemProps<T = LinkProps> = T & Pick<LinkProps, 'children' | 'foregroundColor'> & {
|
|
7
|
+
/**
|
|
8
|
+
* The React component to be rendered as the breadcrumb item. For use with external library components like Next.JS Link.
|
|
9
|
+
* @default Link
|
|
10
|
+
*/
|
|
11
|
+
as?: React.ElementType;
|
|
12
|
+
/**
|
|
13
|
+
* Whether the breadcrumb item is the link for the current page
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
16
|
+
isCurrent?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Data attribute used to show parent link in CSS on mobile
|
|
19
|
+
* @private
|
|
20
|
+
*/
|
|
21
|
+
'data-parent'?: boolean;
|
|
22
|
+
};
|
|
23
|
+
export declare function BreadcrumbItem<T = LinkProps>({ as, isCurrent, foregroundColor, 'data-parent': dataParent, children, ...props }: BreadcrumbItemProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export interface BreadcrumbsProps extends AriaBreadcrumbsProps {
|
|
25
|
+
/**
|
|
26
|
+
* The React component to be rendered as the breadcrumb item. For use with external library components like Next.JS Link.
|
|
27
|
+
* @default Link
|
|
28
|
+
*/
|
|
29
|
+
as?: React.ElementType;
|
|
30
|
+
/**
|
|
31
|
+
* Breadcrumb items rendered in the list.
|
|
32
|
+
*/
|
|
33
|
+
children?: React.ReactNode;
|
|
34
|
+
/**
|
|
35
|
+
* Colour of the breadcrumb item links.
|
|
36
|
+
* @default 'primary'
|
|
37
|
+
*/
|
|
38
|
+
itemForegroundColor?: LinkProps['foregroundColor'];
|
|
39
|
+
/**
|
|
40
|
+
* Colour of the separator chevron icons.
|
|
41
|
+
*/
|
|
42
|
+
separatorForegroundColor?: IconProps['color'];
|
|
43
|
+
/**
|
|
44
|
+
* Style variant of the overflow menu trigger iconButton.
|
|
45
|
+
* @default 'neutral'
|
|
46
|
+
*/
|
|
47
|
+
buttonStyleVariant?: ButtonProps['styleVariant'];
|
|
48
|
+
/**
|
|
49
|
+
* The amount of items shown before the overflow menu is shown.
|
|
50
|
+
* @default 4
|
|
51
|
+
*/
|
|
52
|
+
maxItems?: number;
|
|
53
|
+
/**
|
|
54
|
+
* Accessible label for the breadcrumb nav element.
|
|
55
|
+
* @default 'Breadcrumbs'
|
|
56
|
+
*/
|
|
57
|
+
'aria-label'?: string;
|
|
58
|
+
/**
|
|
59
|
+
* Hide any breadcrumb items with `isCurrent` set to `true`
|
|
60
|
+
* @default true
|
|
61
|
+
*/
|
|
62
|
+
hasCurrentItem?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Disable automatic showing and hiding of the overflow menu. Can be used if the parent element width isn't properly calculated by the browser.
|
|
65
|
+
* @default false
|
|
66
|
+
*/
|
|
67
|
+
disableAutomaticOverflow?: boolean;
|
|
68
|
+
}
|
|
69
|
+
interface BreadcrumbsComponent extends React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>> {
|
|
70
|
+
Item: typeof BreadcrumbItem;
|
|
71
|
+
}
|
|
72
|
+
export declare const Breadcrumbs: BreadcrumbsComponent;
|
|
73
|
+
export default Breadcrumbs;
|