@alto-avios/alto-ui 5.7.0 → 5.8.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/TabPanel-DDYn4r31.js +3 -0
- package/dist/{TabPanel-C7ANBbTA.js.map → TabPanel-DDYn4r31.js.map} +1 -1
- package/dist/assets/AppBannerSection.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CalloutBanner.css +1 -1
- package/dist/assets/Carousel.css +1 -1
- package/dist/assets/DetailsDisclosure.css +1 -1
- package/dist/assets/Grid.css +1 -1
- package/dist/assets/Popover.css +1 -1
- package/dist/assets/TabPanel.css +1 -1
- package/dist/components/AppBannerSection/AppBannerSection.d.ts +52 -0
- package/dist/components/AppBannerSection/AppBannerSection.js +8 -0
- package/dist/components/AppBannerSection/AppBannerSection.js.map +1 -0
- package/dist/components/AppBannerSection/index.d.ts +2 -0
- package/dist/components/AppBannerSection/index.js +2 -0
- package/dist/components/AppBannerSection/index.js.map +1 -0
- package/dist/components/Button/Button.js +3 -3
- package/dist/components/CalloutBanner/CalloutBanner.js +9 -9
- package/dist/components/CalloutBanner/CalloutBanner.js.map +1 -1
- package/dist/components/Carousel/Carousel.js +4 -4
- package/dist/components/DetailsDisclosure/DetailsDisclosure.js +3 -3
- package/dist/components/Grid/Grid.d.ts +12 -8
- package/dist/components/Grid/Grid.js +3 -3
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Heading/Heading.d.ts +1 -1
- package/dist/components/Paragraph/Paragraph.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts +3 -4
- package/dist/components/Popover/Popover.js +3 -3
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Spacer/Spacer.d.ts +2 -2
- package/dist/components/SubHeading/SubHeading.d.ts +1 -1
- package/dist/components/Tabs/Tab.js +1 -1
- package/dist/components/Tabs/TabList.js +1 -1
- package/dist/components/Tabs/TabPanel.js +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/dist/utils/border/border.d.ts +5 -5
- package/dist/utils/flex/flex.d.ts +7 -7
- package/dist/utils/margin/margin.d.ts +7 -7
- package/dist/utils/padding/padding.d.ts +7 -7
- package/dist/utils/stories/DraggableContainer.js +1 -1
- package/dist/utils/stories/DraggableContainer.js.map +1 -1
- package/package.json +1 -1
- package/dist/TabPanel-C7ANBbTA.js +0 -3
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{TabPanel as _}from"react-aria-components";import './assets/TabPanel.css';const a={tabs:"_tabs_h95gp_1",tab:"_tab_h95gp_1",tabText:"_tabText_h95gp_18",tabList:"_tabList_h95gp_32",fillContainer:"_fillContainer_h95gp_38",contained:"_contained_h95gp_39",pill:"_pill_h95gp_41",alignStart:"_alignStart_h95gp_50",alignCenter:"_alignCenter_h95gp_54",line:"_line_h95gp_101",heading:"_heading_h95gp_198",tabPanel:"_tabPanel_h95gp_244",tabListContainer:"_tabListContainer_h95gp_257",scrollButtonPrev:"_scrollButtonPrev_h95gp_270",scrollButtonNext:"_scrollButtonNext_h95gp_271",hasScrollButtons:"_hasScrollButtons_h95gp_337"},n=({id:n,children:e,className:l})=>{const i=l?`${a.tabPanel} ${l}`:a.tabPanel;/* @__PURE__ */
|
|
2
|
+
return t(_,{id:String(n),className:i,children:e})};export{n as T,a as s};
|
|
3
|
+
//# sourceMappingURL=TabPanel-DDYn4r31.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPanel-
|
|
1
|
+
{"version":3,"file":"TabPanel-DDYn4r31.js","sources":["../src/components/Tabs/TabPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { TabPanel as AriaTabPanel, type Key } from 'react-aria-components';\nimport styles from './Tabs.module.css';\n\nexport interface TabPanelProps {\n /** Unique identifier that matches a Tab id */\n id: Key;\n /** Panel content to display when tab is selected */\n children: React.ReactNode;\n /** Additional CSS class names\n * @ignore\n * */\n className?: string;\n}\nexport const TabPanel: React.FC<TabPanelProps> = ({\n id,\n children,\n className,\n}) => {\n const combinedClassName = className\n ? `${styles.tabPanel} ${className}`\n : styles.tabPanel;\n\n return (\n <AriaTabPanel id={String(id)} className={combinedClassName}>\n {children}\n </AriaTabPanel>\n );\n};\n\nexport default TabPanel;\n"],"names":["TabPanel","id","children","className","combinedClassName","styles","tabPanel","jsx","AriaTabPanel","String"],"mappings":"snBAcaA,EAAoC,EAC/CC,KACAC,WACAC,gBAEA,MAAMC,EAAoBD,EACtB,GAAGE,EAAOC,YAAYH,IACtBE,EAAOC;AAEX,OACEC,EAACC,GAAaP,GAAIQ,OAAOR,GAAKE,UAAWC,EACtCF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._app-banner-section_1ixwj_1{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);box-shadow:0 1px 2px 0 var(--alto-shadow-ink-400),0 4px 8px 0 var(--alto-shadow-ink-400);display:flex;flex-direction:column;gap:var(--alto-sem-space-sm);padding:var(--alto-sem-space-md);width:100%}@media(min-width:1024px){._app-banner-section_1ixwj_1{flex-direction:row;gap:0;padding:var(--alto-sem-space-lg)}}._app-banner-section__content_1ixwj_23{align-items:center;display:flex;flex-direction:column}@media(min-width:1024px){._app-banner-section__content_1ixwj_23{flex-direction:row}}@media(min-width:1024px){._app-banner-section__content_1ixwj_23:after{background:var(--alto-sem-color-border-tertiary);content:"";display:block;height:70px;width:1px}}._app-banner-section_1ixwj_1 [data-app-banner-asset],._app-banner-section_1ixwj_1 [data-app-banner-link]{display:inline-flex;height:100%;width:100%}._app-banner-section__content_1ixwj_23 [data-app-banner-slot=app-media]{display:inline-flex;height:76px;margin-bottom:var(--alto-sem-space-md);width:76px}@media(min-width:1024px){._app-banner-section__content_1ixwj_23 [data-app-banner-slot=app-media]{margin-bottom:0}}._app-banner-section__content-text_1ixwj_59{align-items:center;display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}@media(min-width:1024px){._app-banner-section__content-text_1ixwj_59{align-items:flex-start;gap:0;margin-left:var(--alto-sem-space-md);padding-right:var(--alto-sem-space-3xl)}}._app-banner-section__links_1ixwj_72{align-items:center;display:flex;gap:var(--alto-sem-space-sm)}@media(min-width:1024px){._app-banner-section__links_1ixwj_72{padding-left:var(--alto-sem-space-3xl)}}._app-banner-section__links_1ixwj_72 [data-app-banner-slot=qr-code]{display:none;flex-shrink:0;height:70px;width:70px}@media(min-width:768px){._app-banner-section__links_1ixwj_72 [data-app-banner-slot=qr-code]{display:inline-flex}}._app-banner-section__links_1ixwj_72 [data-app-banner-slot=app-store-badge]{display:inline-flex;flex-shrink:0;height:40px;width:120px}._app-banner-section__links_1ixwj_72 [data-app-banner-slot=google-play-badge]{display:inline-flex;flex-shrink:0;height:40px;width:135px}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_3d089_1{--alto-motion-easing-standard:cubic-bezier(.5,0,.23,1);--alto-motion-duration-short:.15s;--alto-motion-transition-interaction:var(--alto-motion-duration-short) var(--alto-motion-easing-standard);--button-transition:var(--alto-motion-transition-interaction);align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;gap:var(--alto-sem-space-2xs);justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none;transition:background-color var(--button-transition)}@media(prefers-reduced-motion:reduce){._button_3d089_1{--button-transition:0ms}}._button_3d089_1 ._content_3d089_34:only-child{flex-grow:1}._isNotLoading_3d089_41 ._loadingSpinner_3d089_41{opacity:0;position:absolute}._isNotLoading_3d089_41 ._content_3d089_34{opacity:1}._isLoading_3d089_50 ._loadingSpinner_3d089_41{opacity:1;position:absolute}._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._isLoading_3d089_50 ._content_3d089_34{opacity:0}._focusWhite_3d089_66[data-focus-visible]{outline-color:var(--alto-sem-color-border-white)}._iconButton_3d089_70{line-height:0!important;padding:0}._iconButton__sm_3d089_75{width:36px}._iconButton__md_3d089_79{width:48px}._iconButton__lg_3d089_83{width:55px}._full-width--true_3d089_87{width:100%}._full-width--false_3d089_91{width:auto}._iconButton_3d089_70._iconButton__sm_3d089_75{height:36px;width:36px}._iconButton_3d089_70._iconButton__md_3d089_79{height:48px;width:48px}._iconButton_3d089_70._iconButton__lg_3d089_83{height:55px;width:55px}._size--sm_3d089_139{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._size--md_3d089_142{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._size--lg_3d089_145{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._size--sm_3d089_139 svg{font-size:var((--alto-sem-text-label-sm-font-size))!important;height:14px!important;width:14px!important}._size--md_3d089_142 svg{font-size:var((--alto-sem-text-label-md-font-size))}._size--lg_3d089_145 svg{font-size:var((--alto-sem-text-label-lg-font-size));height:18px!important;width:18px!important}._text-align--left_3d089_178{text-align:start}._text-align--center_3d089_181{text-align:center}._text-align--right_3d089_184{text-align:end}@media(min-width:480px){._sm\:size--sm_3d089_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._sm\:size--md_3d089_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._sm\:size--lg_3d089_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._sm\:text-align--left_3d089_1{text-align:start}._sm\:text-align--center_3d089_1{text-align:center}._sm\:text-align--right_3d089_1{text-align:end}._sm\:full-width--true_3d089_1{width:100%}._sm\:full-width--false_3d089_1{width:auto}}@media(min-width:768px){._md\:size--sm_3d089_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._md\:size--md_3d089_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._md\:size--lg_3d089_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._md\:text-align--left_3d089_1{text-align:start}._md\:text-align--center_3d089_1{text-align:center}._md\:text-align--right_3d089_1{text-align:end}._md\:full-width--true_3d089_1{width:100%}._md\:full-width--false_3d089_1{width:auto}}@media(min-width:1024px){._lg\:size--sm_3d089_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._lg\:size--md_3d089_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg\:size--lg_3d089_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._lg\:text-align--left_3d089_1{text-align:start}._lg\:text-align--center_3d089_1{text-align:center}._lg\:text-align--right_3d089_1{text-align:end}._lg\:full-width--true_3d089_1{width:100%}._lg\:full-width--false_3d089_1{width:auto}}@media(min-width:1440px){._xl\:size--sm_3d089_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._xl\:size--md_3d089_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._xl\:size--lg_3d089_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._xl\:text-align--left_3d089_1{text-align:start}._xl\:text-align--center_3d089_1{text-align:center}._xl\:text-align--right_3d089_1{text-align:end}._xl\:full-width--true_3d089_1{width:100%}._xl\:full-width--false_3d089_1{width:auto}}@media(min-width:1920px){._xxl\:size--sm_3d089_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._xxl\:size--md_3d089_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._xxl\:size--lg_3d089_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._xxl\:text-align--left_3d089_1{text-align:start}._xxl\:text-align--center_3d089_1{text-align:center}._xxl\:text-align--right_3d089_1{text-align:end}._xxl\:full-width--true_3d089_1{width:100%}._xxl\:full-width--false_3d089_1{width:auto}}._accentPrimary_3d089_224[data-focused],._accentPrimary_3d089_224[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_3d089_224[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_3d089_224[data-pressed][data-focused]{outline:none}._accentPrimary_3d089_224:disabled,._accentPrimary_3d089_224[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-vibrant),var(--alto-sem-color-bg-disabled-vibrant)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._accentPrimary_3d089_224._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondary_3d089_253{background-color:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_3d089_253[data-focused],._accentSecondary_3d089_253[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_3d089_253[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_3d089_253[data-pressed][data-focused]{outline:none}._accentSecondary_3d089_253:disabled,._accentSecondary_3d089_253[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentSecondary_3d089_253._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg,._accentTertiary_3d089_291{color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_3d089_291{background:var(--alto-sem-color-bg-accent-subtle-default)}._accentTertiary_3d089_291[data-focused],._accentTertiary_3d089_291[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_3d089_291[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_3d089_291[data-pressed][data-focused]{outline:none}._accentTertiary_3d089_291:disabled,._accentTertiary_3d089_291[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-subtle),var(--alto-sem-color-bg-disabled-subtle)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_3d089_325,._accentTertiary_3d089_291._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg{color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_3d089_325{background:var(--alto-sem-color-bg-base)}._accentQuaternary_3d089_325[data-focused],._accentQuaternary_3d089_325[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_3d089_325[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_3d089_325[data-pressed][data-focused]{outline:none}._accentQuaternary_3d089_325:disabled,._accentQuaternary_3d089_325[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_3d089_325._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg,._accentSecondaryFilled_3d089_359{color:var(--alto-sem-color-fg-accent-primary)}._accentSecondaryFilled_3d089_359{background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent)}._accentSecondaryFilled_3d089_359[data-focused],._accentSecondaryFilled_3d089_359[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover);color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondaryFilled_3d089_359[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentSecondaryFilled_3d089_359[data-pressed][data-focused]{outline:none}._accentSecondaryFilled_3d089_359._isLoading_3d089_50{background:var(--alto-sem-color-bg-accent-vibrant-default)}._accentSecondaryFilled_3d089_359._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondaryFilled_3d089_359:disabled,._accentSecondaryFilled_3d089_359[aria-disabled]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_3d089_403{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_3d089_403[data-focused],._criticalPrimary_3d089_403[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_3d089_403[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_3d089_403[data-pressed][data-focused]{outline:none}._criticalPrimary_3d089_403:disabled,._criticalPrimary_3d089_403[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-vibrant),var(--alto-sem-color-bg-disabled-vibrant)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_3d089_433{background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_3d089_433[data-focused],._criticalSecondary_3d089_433[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_3d089_433[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_3d089_433[data-pressed][data-focused]{outline:none}._criticalSecondary_3d089_433:disabled,._criticalSecondary_3d089_433[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalSecondary_3d089_433._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg,._criticalTertiary_3d089_471{color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_3d089_471{background:var(--alto-sem-color-bg-critical-subtle-default)}._criticalTertiary_3d089_471[data-focused],._criticalTertiary_3d089_471[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_3d089_471[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_3d089_471[data-pressed][data-focused]{outline:none}._criticalTertiary_3d089_471:disabled,._criticalTertiary_3d089_471[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-subtle),var(--alto-sem-color-bg-disabled-subtle)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_3d089_505,._criticalTertiary_3d089_471._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg{color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_3d089_505{background:var(--alto-sem-color-bg-base)}._criticalQuaternary_3d089_505[data-focused],._criticalQuaternary_3d089_505[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_3d089_505[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_3d089_505[data-pressed][data-focused]{outline:none}._criticalQuaternary_3d089_505:disabled,._criticalQuaternary_3d089_505[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_3d089_505._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg,._criticalSecondaryFilled_3d089_539{color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondaryFilled_3d089_539{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical)}._criticalSecondaryFilled_3d089_539[data-focused],._criticalSecondaryFilled_3d089_539[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalSecondaryFilled_3d089_539[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalSecondaryFilled_3d089_539[data-pressed][data-focused]{outline:none}._criticalSecondaryFilled_3d089_539._isLoading_3d089_50{background:var(--alto-sem-color-bg-critical-vibrant-default)}._criticalSecondaryFilled_3d089_539._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._criticalSecondaryFilled_3d089_539:disabled,._criticalSecondaryFilled_3d089_539[aria-disabled]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_3d089_582{background:var(--alto-sem-color-bg-layer2-default);color:var(--alto-sem-color-fg-accent-secondary)}._neutralPrimary_3d089_582[data-focused],._neutralPrimary_3d089_582[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._neutralPrimary_3d089_582[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._neutralPrimary_3d089_582[data-pressed][data-focused]{outline:none}._neutralPrimary_3d089_582:disabled,._neutralPrimary_3d089_582[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-vibrant),var(--alto-sem-color-bg-disabled-vibrant)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._neutralPrimary_3d089_582._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg,._neutralSecondary_3d089_616{color:var(--alto-sem-color-fg-accent-secondary)}._neutralSecondary_3d089_616{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary)}._neutralSecondary_3d089_616[data-focused],._neutralSecondary_3d089_616[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._neutralSecondary_3d089_616[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._neutralSecondary_3d089_616[data-pressed][data-focused]{outline:none}._neutralSecondary_3d089_616:disabled,._neutralSecondary_3d089_616[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);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}._neutralSecondary_3d089_616._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg,._neutralTertiary_3d089_654{color:var(--alto-sem-color-fg-accent-secondary)}._neutralTertiary_3d089_654{background:var(--alto-sem-color-bg-inverse-subtle-default)}._neutralTertiary_3d089_654[data-focused],._neutralTertiary_3d089_654[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_3d089_654[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_3d089_654[data-pressed][data-focused]{outline:none}._neutralTertiary_3d089_654:disabled,._neutralTertiary_3d089_654[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-subtle),var(--alto-sem-color-bg-disabled-subtle)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_3d089_688,._neutralTertiary_3d089_654._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg{color:var(--alto-sem-color-fg-accent-secondary)}._neutralQuaternary_3d089_688{background:var(--alto-sem-color-bg-layer2-default)}._neutralQuaternary_3d089_688[data-focused],._neutralQuaternary_3d089_688[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._neutralQuaternary_3d089_688[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._neutralQuaternary_3d089_688[data-pressed][data-focused]{outline:none}._neutralQuaternary_3d089_688:disabled,._neutralQuaternary_3d089_688[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_3d089_688._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg,._neutralSecondaryFilled_3d089_722{color:var(--alto-sem-color-fg-accent-secondary)}._neutralSecondaryFilled_3d089_722{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary)}._neutralSecondaryFilled_3d089_722[data-focused],._neutralSecondaryFilled_3d089_722[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover);color:var(--alto-sem-color-fg-accent-on-vibrant)}._neutralSecondaryFilled_3d089_722[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active);color:var(--alto-sem-color-fg-accent-on-vibrant)}._neutralSecondaryFilled_3d089_722[data-pressed][data-focused]{outline:none}._neutralSecondaryFilled_3d089_722._isLoading_3d089_50{background:var(--alto-sem-color-bg-layer2-default)}._neutralSecondaryFilled_3d089_722._isLoading_3d089_50 ._loadingSpinner_3d089_41 svg{color:var(--alto-sem-color-fg-accent-secondary)}._neutralSecondaryFilled_3d089_722:disabled,._neutralSecondaryFilled_3d089_722[aria-disabled]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._fa-spinner-third_3d089_768{height:1rem;width:1rem}._icon-wrapper_3d089_773{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._button_lts25_1{--alto-motion-easing-standard:cubic-bezier(.5,0,.23,1);--alto-motion-duration-short:.15s;--alto-motion-transition-interaction:var(--alto-motion-duration-short) var(--alto-motion-easing-standard);--button-transition:var(--alto-motion-transition-interaction);align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;gap:var(--alto-sem-space-2xs);justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none;transition:background-color var(--button-transition)}@media(prefers-reduced-motion:reduce){._button_lts25_1{--button-transition:0ms}}._button_lts25_1 ._content_lts25_34:only-child{flex-grow:1}._isNotLoading_lts25_41 ._loadingSpinner_lts25_41{opacity:0;position:absolute}._isNotLoading_lts25_41 ._content_lts25_34{opacity:1}._isLoading_lts25_50 ._loadingSpinner_lts25_41{opacity:1;position:absolute}._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._isLoading_lts25_50 ._content_lts25_34{opacity:0}._focusWhite_lts25_66[data-focus-visible]{outline-color:var(--alto-sem-color-border-white)}._iconButton_lts25_70{line-height:0!important;padding:0}._iconButton__sm_lts25_75{width:36px}._iconButton__md_lts25_79{width:48px}._iconButton__lg_lts25_83{width:55px}._full-width--true_lts25_87{width:100%}._full-width--false_lts25_91{width:auto}._iconButton_lts25_70._iconButton__sm_lts25_75{height:36px;width:36px}._iconButton_lts25_70._iconButton__md_lts25_79{height:48px;width:48px}._iconButton_lts25_70._iconButton__lg_lts25_83{height:55px;width:55px}._size--sm_lts25_139{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._size--md_lts25_142{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._size--lg_lts25_145{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._size--sm_lts25_139 svg{font-size:var(--alto-sem-text-label-sm-font-size)!important;height:14px!important;width:14px!important}._size--md_lts25_142 svg{font-size:var(--alto-sem-text-label-md-font-size)}._size--lg_lts25_145 svg{font-size:var(--alto-sem-text-label-lg-font-size);height:18px!important;width:18px!important}._text-align--left_lts25_178{text-align:start}._text-align--center_lts25_181{text-align:center}._text-align--right_lts25_184{text-align:end}@media(min-width:480px){._sm\:size--sm_lts25_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._sm\:size--md_lts25_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._sm\:size--lg_lts25_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._sm\:text-align--left_lts25_1{text-align:start}._sm\:text-align--center_lts25_1{text-align:center}._sm\:text-align--right_lts25_1{text-align:end}._sm\:full-width--true_lts25_1{width:100%}._sm\:full-width--false_lts25_1{width:auto}}@media(min-width:768px){._md\:size--sm_lts25_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._md\:size--md_lts25_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._md\:size--lg_lts25_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._md\:text-align--left_lts25_1{text-align:start}._md\:text-align--center_lts25_1{text-align:center}._md\:text-align--right_lts25_1{text-align:end}._md\:full-width--true_lts25_1{width:100%}._md\:full-width--false_lts25_1{width:auto}}@media(min-width:1024px){._lg\:size--sm_lts25_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._lg\:size--md_lts25_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg\:size--lg_lts25_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._lg\:text-align--left_lts25_1{text-align:start}._lg\:text-align--center_lts25_1{text-align:center}._lg\:text-align--right_lts25_1{text-align:end}._lg\:full-width--true_lts25_1{width:100%}._lg\:full-width--false_lts25_1{width:auto}}@media(min-width:1440px){._xl\:size--sm_lts25_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._xl\:size--md_lts25_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._xl\:size--lg_lts25_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._xl\:text-align--left_lts25_1{text-align:start}._xl\:text-align--center_lts25_1{text-align:center}._xl\:text-align--right_lts25_1{text-align:end}._xl\:full-width--true_lts25_1{width:100%}._xl\:full-width--false_lts25_1{width:auto}}@media(min-width:1920px){._xxl\:size--sm_lts25_1{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-sm) var(--alto-button-sm-padding-bottom)}._xxl\:size--md_lts25_1{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._xxl\:size--lg_lts25_1{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._xxl\:text-align--left_lts25_1{text-align:start}._xxl\:text-align--center_lts25_1{text-align:center}._xxl\:text-align--right_lts25_1{text-align:end}._xxl\:full-width--true_lts25_1{width:100%}._xxl\:full-width--false_lts25_1{width:auto}}._accentPrimary_lts25_224[data-focused],._accentPrimary_lts25_224[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_lts25_224[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_lts25_224[data-pressed][data-focused]{outline:none}._accentPrimary_lts25_224:disabled,._accentPrimary_lts25_224[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-vibrant),var(--alto-sem-color-bg-disabled-vibrant)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._accentPrimary_lts25_224._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondary_lts25_253{background-color:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_lts25_253[data-focused],._accentSecondary_lts25_253[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_lts25_253[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_lts25_253[data-pressed][data-focused]{outline:none}._accentSecondary_lts25_253:disabled,._accentSecondary_lts25_253[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentSecondary_lts25_253._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg,._accentTertiary_lts25_291{color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_lts25_291{background:var(--alto-sem-color-bg-accent-subtle-default)}._accentTertiary_lts25_291[data-focused],._accentTertiary_lts25_291[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_lts25_291[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_lts25_291[data-pressed][data-focused]{outline:none}._accentTertiary_lts25_291:disabled,._accentTertiary_lts25_291[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-subtle),var(--alto-sem-color-bg-disabled-subtle)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_lts25_325,._accentTertiary_lts25_291._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg{color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_lts25_325{background:var(--alto-sem-color-bg-base)}._accentQuaternary_lts25_325[data-focused],._accentQuaternary_lts25_325[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_lts25_325[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_lts25_325[data-pressed][data-focused]{outline:none}._accentQuaternary_lts25_325:disabled,._accentQuaternary_lts25_325[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_lts25_325._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg,._accentSecondaryFilled_lts25_359{color:var(--alto-sem-color-fg-accent-primary)}._accentSecondaryFilled_lts25_359{background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent)}._accentSecondaryFilled_lts25_359[data-focused],._accentSecondaryFilled_lts25_359[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover);color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondaryFilled_lts25_359[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentSecondaryFilled_lts25_359[data-pressed][data-focused]{outline:none}._accentSecondaryFilled_lts25_359._isLoading_lts25_50{background:var(--alto-sem-color-bg-accent-vibrant-default)}._accentSecondaryFilled_lts25_359._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._accentSecondaryFilled_lts25_359:disabled,._accentSecondaryFilled_lts25_359[aria-disabled]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_lts25_403{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_lts25_403[data-focused],._criticalPrimary_lts25_403[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_lts25_403[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_lts25_403[data-pressed][data-focused]{outline:none}._criticalPrimary_lts25_403:disabled,._criticalPrimary_lts25_403[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-vibrant),var(--alto-sem-color-bg-disabled-vibrant)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_lts25_433{background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_lts25_433[data-focused],._criticalSecondary_lts25_433[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_lts25_433[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_lts25_433[data-pressed][data-focused]{outline:none}._criticalSecondary_lts25_433:disabled,._criticalSecondary_lts25_433[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalSecondary_lts25_433._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg,._criticalTertiary_lts25_471{color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_lts25_471{background:var(--alto-sem-color-bg-critical-subtle-default)}._criticalTertiary_lts25_471[data-focused],._criticalTertiary_lts25_471[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_lts25_471[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_lts25_471[data-pressed][data-focused]{outline:none}._criticalTertiary_lts25_471:disabled,._criticalTertiary_lts25_471[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-subtle),var(--alto-sem-color-bg-disabled-subtle)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_lts25_505,._criticalTertiary_lts25_471._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg{color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_lts25_505{background:var(--alto-sem-color-bg-base)}._criticalQuaternary_lts25_505[data-focused],._criticalQuaternary_lts25_505[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_lts25_505[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_lts25_505[data-pressed][data-focused]{outline:none}._criticalQuaternary_lts25_505:disabled,._criticalQuaternary_lts25_505[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_lts25_505._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg,._criticalSecondaryFilled_lts25_539{color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondaryFilled_lts25_539{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical)}._criticalSecondaryFilled_lts25_539[data-focused],._criticalSecondaryFilled_lts25_539[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalSecondaryFilled_lts25_539[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalSecondaryFilled_lts25_539[data-pressed][data-focused]{outline:none}._criticalSecondaryFilled_lts25_539._isLoading_lts25_50{background:var(--alto-sem-color-bg-critical-vibrant-default)}._criticalSecondaryFilled_lts25_539._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg{color:var(--alto-sem-color-fg-accent-on-vibrant)}._criticalSecondaryFilled_lts25_539:disabled,._criticalSecondaryFilled_lts25_539[aria-disabled]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_lts25_582{background:var(--alto-sem-color-bg-layer2-default);color:var(--alto-sem-color-fg-accent-secondary)}._neutralPrimary_lts25_582[data-focused],._neutralPrimary_lts25_582[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._neutralPrimary_lts25_582[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._neutralPrimary_lts25_582[data-pressed][data-focused]{outline:none}._neutralPrimary_lts25_582:disabled,._neutralPrimary_lts25_582[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-vibrant),var(--alto-sem-color-bg-disabled-vibrant)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._neutralPrimary_lts25_582._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg,._neutralSecondary_lts25_616{color:var(--alto-sem-color-fg-accent-secondary)}._neutralSecondary_lts25_616{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary)}._neutralSecondary_lts25_616[data-focused],._neutralSecondary_lts25_616[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._neutralSecondary_lts25_616[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._neutralSecondary_lts25_616[data-pressed][data-focused]{outline:none}._neutralSecondary_lts25_616:disabled,._neutralSecondary_lts25_616[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);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}._neutralSecondary_lts25_616._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg,._neutralTertiary_lts25_654{color:var(--alto-sem-color-fg-accent-secondary)}._neutralTertiary_lts25_654{background:var(--alto-sem-color-bg-inverse-subtle-default)}._neutralTertiary_lts25_654[data-focused],._neutralTertiary_lts25_654[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_lts25_654[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_lts25_654[data-pressed][data-focused]{outline:none}._neutralTertiary_lts25_654:disabled,._neutralTertiary_lts25_654[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-disabled-subtle),var(--alto-sem-color-bg-disabled-subtle)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_lts25_688,._neutralTertiary_lts25_654._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg{color:var(--alto-sem-color-fg-accent-secondary)}._neutralQuaternary_lts25_688{background:var(--alto-sem-color-bg-layer2-default)}._neutralQuaternary_lts25_688[data-focused],._neutralQuaternary_lts25_688[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._neutralQuaternary_lts25_688[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._neutralQuaternary_lts25_688[data-pressed][data-focused]{outline:none}._neutralQuaternary_lts25_688:disabled,._neutralQuaternary_lts25_688[aria-disabled=true]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_lts25_688._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg,._neutralSecondaryFilled_lts25_722{color:var(--alto-sem-color-fg-accent-secondary)}._neutralSecondaryFilled_lts25_722{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary)}._neutralSecondaryFilled_lts25_722[data-focused],._neutralSecondaryFilled_lts25_722[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover);color:var(--alto-sem-color-fg-accent-on-vibrant)}._neutralSecondaryFilled_lts25_722[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active);color:var(--alto-sem-color-fg-accent-on-vibrant)}._neutralSecondaryFilled_lts25_722[data-pressed][data-focused]{outline:none}._neutralSecondaryFilled_lts25_722._isLoading_lts25_50{background:var(--alto-sem-color-bg-layer2-default)}._neutralSecondaryFilled_lts25_722._isLoading_lts25_50 ._loadingSpinner_lts25_41 svg{color:var(--alto-sem-color-fg-accent-secondary)}._neutralSecondaryFilled_lts25_722:disabled,._neutralSecondaryFilled_lts25_722[aria-disabled]{background:linear-gradient(var(--alto-sem-color-bg-layer2-default),var(--alto-sem-color-bg-layer2-default)),var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._fa-spinner-third_lts25_768{height:1rem;width:1rem}._icon-wrapper_lts25_773{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._callout-banner_18tp6_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%}._callout-banner__icon_18tp6_12{align-self:flex-start}._callout-banner_18tp6_1:has(._callout-banner__meta-title_18tp6_21:only-child):has(:not(._callout-banner__meta-label_18tp6_19)) ._callout-banner__start_18tp6_17{align-items:center}._callout-banner__start_18tp6_17{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant);display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._callout-banner__end_18tp6_38{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm)}._callout-banner__dismiss_18tp6_45{right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._callout-banner__meta_18tp6_19{display:flex;flex-direction:row-reverse;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;gap:var(--alto-sem-space-xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);width:100%}._callout-banner__meta-content_18tp6_62{display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);width:100%}._callout-banner__meta-label_18tp6_19{align-items:flex-start;display:flex}._callout-banner__meta-content--row_18tp6_74{flex-direction:row;justify-content:space-between}._callout-banner__meta-top_18tp6_79{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;text-wrap:wrap;word-wrap:break-word;word-break:break-word}._callout-banner__custom-asset_18tp6_89{max-width:52px}._callout-banner__custom-asset_18tp6_89>:first-child{max-width:inherit}._callout-banner__meta-title_18tp6_21{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);margin:0}._callout-banner__meta-description_18tp6_103{margin:var(--alto-sem-space-4xs) 0 0}._callout-banner__severity-label_18tp6_108{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}._callout-banner__default-asset--center_18tp6_119{align-self:center;display:flex}._callout-banner--critical_18tp6_125{border-color:var(--alto-sem-color-border-critical)}._callout-banner--primary_18tp6_129._callout-banner--critical_18tp6_125 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-critical-vibrant-default)}._callout-banner--secondary_18tp6_133._callout-banner--critical_18tp6_125 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--secondary_18tp6_133._callout-banner--critical_18tp6_125 ._callout-banner__end_18tp6_38{border-top:1px solid var(--alto-sem-color-border-critical)}._callout-banner--tertiary_18tp6_142._callout-banner--critical_18tp6_125 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--critical_18tp6_125:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-critical-primary)}._callout-banner--success_18tp6_151{border-color:var(--alto-sem-color-border-success)}._callout-banner--primary_18tp6_129._callout-banner--success_18tp6_151 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-success-vibrant-default)}._callout-banner--secondary_18tp6_133._callout-banner--success_18tp6_151 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--secondary_18tp6_133._callout-banner--success_18tp6_151 ._callout-banner__end_18tp6_38{border-top:1px solid var(--alto-sem-color-border-success)}._callout-banner--tertiary_18tp6_142._callout-banner--success_18tp6_151 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--success_18tp6_151:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-success-primary)}._callout-banner--information_18tp6_177{border-color:var(--alto-sem-color-border-information)}._callout-banner--primary_18tp6_129._callout-banner--information_18tp6_177 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-information-vibrant-default)}._callout-banner--secondary_18tp6_133._callout-banner--information_18tp6_177 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--secondary_18tp6_133._callout-banner--information_18tp6_177 ._callout-banner__end_18tp6_38{border-top:1px solid var(--alto-sem-color-border-information)}._callout-banner--tertiary_18tp6_142._callout-banner--information_18tp6_177 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--information_18tp6_177:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-information-primary)}._callout-banner--neutral_18tp6_204{border-color:var(--alto-sem-color-border-secondary)}._callout-banner--primary_18tp6_129._callout-banner--neutral_18tp6_204 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._callout-banner--secondary_18tp6_133._callout-banner--neutral_18tp6_204 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--secondary_18tp6_133._callout-banner--neutral_18tp6_204 ._callout-banner__end_18tp6_38{border-top:1px solid var(--alto-sem-color-border-secondary)}._callout-banner--tertiary_18tp6_142._callout-banner--neutral_18tp6_204 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--neutral_18tp6_204:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-primary)}._callout-banner--accent_18tp6_230{border-color:var(--alto-sem-color-border-accent)}._callout-banner--primary_18tp6_129._callout-banner--accent_18tp6_230 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-fg-accent-on-vibrant)}._callout-banner--secondary_18tp6_133._callout-banner--accent_18tp6_230{border:none}._callout-banner--secondary_18tp6_133._callout-banner--accent_18tp6_230 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--tertiary_18tp6_142._callout-banner--accent_18tp6_230 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--accent_18tp6_230:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-accent-primary)}._callout-banner--tertiary_18tp6_142{border-color:transparent;gap:var(--alto-sem-space-4xs)}._callout-banner--tertiary_18tp6_142 ._callout-banner__start_18tp6_17{padding:0}._callout-banner--tertiary_18tp6_142 ._callout-banner__end_18tp6_38{background:var(--alto-sem-color-bg-layer1-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius)}
|
package/dist/assets/Carousel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carouselWrapper_1gfyq_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_1gfyq_2,._carouselWrapper_1gfyq_2._showPartialItems_1gfyq_14,._carouselWrapper_1gfyq_2._showPartialItems_1gfyq_14 ._carousel_1gfyq_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_1gfyq_2._hasScrollPadding_1gfyq_25,._carouselWrapper_1gfyq_2._hasScrollPadding_1gfyq_25 ._carousel_1gfyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_1gfyq_2{overflow-x:visible;position:relative;width:100%}._carousel_1gfyq_2,._scroller_1gfyq_43{box-sizing:border-box;overflow-y:hidden}._scroller_1gfyq_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_1gfyq_43:focus{outline-offset:-2px;outline-width:2px}._scroller_1gfyq_43::-webkit-scrollbar{display:none}._carouselWrapper_1gfyq_2 [data-dragging=true] ._scroller_1gfyq_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_1gfyq_2 ._scroller_1gfyq_43:hover{cursor:grab;touch-action:pan-x}._carouselWrapper_1gfyq_2 [data-dragging=true] ._item_1gfyq_84 a,._carouselWrapper_1gfyq_2 [data-dragging=true] ._scroller_1gfyq_43{cursor:grabbing}._item_1gfyq_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_1gfyq_2 ._carousel_1gfyq_2 ._scroller_1gfyq_43 ._item_1gfyq_84>*{display:block;height:auto;width:100%}._carouselWrapper_1gfyq_2[data-scroll-padding=true],._carouselWrapper_1gfyq_2[data-scroll-padding=true] ._carousel_1gfyq_2,._carouselWrapper_1gfyq_2[data-scroll-padding=true] ._scroller_1gfyq_43{overflow-x:visible!important;overflow-y:hidden!important}._carouselWrapper_1gfyq_2[data-scroll-padding=true] ._item_1gfyq_84{scroll-snap-align:start}._slideLeft_1gfyq_127{animation:_slideLeftAnimation_1gfyq_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_1gfyq_131{animation:_slideRightAnimation_1gfyq_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_1gfyq_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_1gfyq_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_1gfyq_154{inset:0;pointer-events:none;position:absolute;z-index:1}._defaultPrevButton_1gfyq_165{left:10px}._defaultNextButton_1gfyq_173,._defaultPrevButton_1gfyq_165{position:absolute;top:50%;transform:translateY(-50%);z-index:5}._defaultNextButton_1gfyq_173{right:10px}._defaultDotsContainer_1gfyq_182{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._defaultCarouselWrapper_1gfyq_193{margin:0 auto;max-width:800px;width:360px}._defaultAutoplayControl_1gfyq_200{pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._showOnHover_1gfyq_209 ._arrowContainer_1gfyq_209{opacity:0;transition:opacity .3s ease}._carouselWrapper_1gfyq_2 [data-arrows-visible=true] ._showOnHover_1gfyq_209 ._arrowContainer_1gfyq_209{opacity:1}._hidden_1gfyq_219{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_1gfyq_228{pointer-events:auto;z-index:2}._dotsContainer_1gfyq_228{position:relative}@media(max-width:768px){._carouselWrapper_1gfyq_2 ._dotsContainerWrapper_1gfyq_228{cursor:pointer}._carouselWrapper_1gfyq_2 ._dotsContainerWrapper_1gfyq_228:active{opacity:.8}}._hiddenTabs_1gfyq_250{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_1gfyq_263{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_1gfyq_268{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_1gfyq_282{height:100%;overflow-x:hidden;width:361px}._carouselDefault_1gfyq_282 ._prevButton_1gfyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1gfyq_282 ._nextButton_1gfyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1gfyq_282 ._dotsContainer_1gfyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1gfyq_312{position:relative;width:100%}._carouselWithAutoPlay_1gfyq_312 ._prevButton_1gfyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1gfyq_312 ._nextButton_1gfyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1gfyq_312 ._dotsContainer_1gfyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1gfyq_312 ._autoplayControl_1gfyq_268{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_1gfyq_348{position:relative}._carouselWithScrollPeek_1gfyq_348,._carouselWithScrollPeek_1gfyq_348 ._carousel_1gfyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_1gfyq_348 ._prevButton_1gfyq_287{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1gfyq_348 ._nextButton_1gfyq_294{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1gfyq_348 ._dotsContainer_1gfyq_228{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_1gfyq_382{position:relative}._carouselWithFractionalItems_1gfyq_382,._carouselWithFractionalItems_1gfyq_382 ._carousel_1gfyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_1gfyq_382 ._prevButton_1gfyq_287{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1gfyq_382 ._nextButton_1gfyq_294{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1gfyq_382 ._dotsContainer_1gfyq_228{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_1gfyq_416{position:relative;width:100%}._paginationDotsDefault_1gfyq_416 ._prevButton_1gfyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1gfyq_416 ._nextButton_1gfyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1gfyq_416 ._dotsContainer_1gfyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_1gfyq_445{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_1gfyq_445 ._prevButton_1gfyq_287{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1gfyq_445 ._nextButton_1gfyq_294{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1gfyq_445:focus-within ._nextButton_1gfyq_294,._hoverArrowsDefault_1gfyq_445:focus-within ._prevButton_1gfyq_287,._hoverArrowsDefault_1gfyq_445:hover ._nextButton_1gfyq_294,._hoverArrowsDefault_1gfyq_445:hover ._prevButton_1gfyq_287{opacity:1}._hoverArrowsDefault_1gfyq_445 ._dotsContainer_1gfyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._detailsDisclosure_c8gor_1{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs);width:100%}._detailsDisclosure__heading_c8gor_8{margin:0}._detailsDisclosure__icon_c8gor_12{rotate:0deg;transition:rotate .2s}._detailsDisclosure_c8gor_1[data-expanded] ._detailsDisclosure__icon_c8gor_12{rotate:90deg}._detailsDisclosure_c8gor_1 button[slot=trigger]{all:unset;align-items:center;border-radius:var(--alto-sem-radius-circle);cursor:pointer;display:flex;flex-direction:row;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-4xs);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);width:100%}._detailsDisclosure_c8gor_1 button[slot=trigger][data-focus-visible]{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._detailsDisclosureDetails_c8gor_42{display:flex;gap:var(--alto-sem-space-2xs)}._detailsDisclosureDetails_c8gor_42:has([data-panel-border]){padding-left:7px}._detailsDisclosureDetails__border_c8gor_51{max-width:10px;position:relative;width:100%}._detailsDisclosureDetails__border_c8gor_51:before{background:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);content:"";height:100%;left:50%;position:absolute;transform:translate(-50%);width:var(--alto-details-disclosure-panel-border-width)}._detailsDisclosureDetails__content_c8gor_68{padding-block:var(--alto-sem-space-4xs)}._detailsDisclosureDetails_c8gor_42[hidden]{display:none}@supports (content-visibility:hidden){._detailsDisclosureDetails_c8gor_42[hidden=until-found]{content-visibility:hidden;display:flex}}
|
package/dist/assets/Grid.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._grid_1ejgf_1{--grid-template-columns-base:initial;--grid-template-columns-sm:initial;--grid-template-columns-md:initial;--grid-template-columns-lg:initial;--grid-template-columns-xl:initial;--grid-template-columns-xxl:initial;--grid-template-rows-base:initial;--grid-template-rows-sm:initial;--grid-template-rows-md:initial;--grid-template-rows-lg:initial;--grid-template-rows-xl:initial;--grid-template-rows-xxl:initial;--grid-gap-base:initial;--grid-gap-sm:initial;--grid-gap-md:initial;--grid-gap-lg:initial;--grid-gap-xl:initial;--grid-gap-xxl:initial;--grid-row-gap-base:initial;--grid-row-gap-sm:initial;--grid-row-gap-md:initial;--grid-row-gap-lg:initial;--grid-row-gap-xl:initial;--grid-row-gap-xxl:initial;--grid-column-gap-base:initial;--grid-column-gap-sm:initial;--grid-column-gap-md:initial;--grid-column-gap-lg:initial;--grid-column-gap-xl:initial;--grid-column-gap-xxl:initial;--grid-align-content-base:initial;--grid-align-content-sm:initial;--grid-align-content-md:initial;--grid-align-content-lg:initial;--grid-align-content-xl:initial;--grid-align-content-xxl:initial;--grid-template-columns-current:var(--grid-template-columns-base,none);--grid-template-rows-current:var(--grid-template-rows-base,none);--grid-gap-current:var(--grid-gap-base,0);--grid-row-gap-current:var(--grid-row-gap-base,var(--grid-gap-current));--grid-column-gap-current:var( --grid-column-gap-base,var(--grid-gap-current) );--grid-align-content-current:var(--grid-align-content-base,normal);align-content:var(--grid-align-content-current);box-sizing:border-box;gap:var(--grid-gap-current);-moz-column-gap:var(--grid-column-gap-current);column-gap:var(--grid-column-gap-current);grid-template-columns:var(--grid-template-columns-current);grid-template-rows:var(--grid-template-rows-current);row-gap:var(--grid-row-gap-current);width:100%}@media(min-width:480px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-sm,var(--grid-template-columns-base,none) );--grid-template-rows-current:var( --grid-template-rows-sm,var(--grid-template-rows-base,none) );--grid-gap-current:var(--grid-gap-sm,var(--grid-gap-base,0));--grid-row-gap-current:var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) );--grid-column-gap-current:var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) );--grid-align-content-current:var( --grid-align-content-sm,var(--grid-align-content-base,normal) )}}@media(min-width:768px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-md,var(--grid-template-columns-sm,var(--grid-template-columns-base,none)) );--grid-template-rows-current:var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) );--grid-gap-current:var( --grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0)) );--grid-row-gap-current:var( --grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current))) );--grid-column-gap-current:var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) );--grid-align-content-current:var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) )}}@media(min-width:1024px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-lg,var( --grid-template-columns-md,var(--grid-template-columns-sm,var(--grid-template-columns-base,none)) ) );--grid-template-rows-current:var( --grid-template-rows-lg,var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) ) );--grid-gap-current:var( --grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0))) );--grid-row-gap-current:var( --grid-row-gap-lg,var( --grid-row-gap-md,var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) ) ) );--grid-column-gap-current:var( --grid-column-gap-lg,var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) ) );--grid-align-content-current:var( --grid-align-content-lg,var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) ) )}}@media(min-width:1440px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-xl,var( --grid-template-columns-lg,var( --grid-template-columns-md,var( --grid-template-columns-sm,var(--grid-template-columns-base,none) ) ) ) );--grid-template-rows-current:var( --grid-template-rows-xl,var( --grid-template-rows-lg,var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) ) ) );--grid-gap-current:var( --grid-gap-xl,var( --grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0))) ) );--grid-row-gap-current:var( --grid-row-gap-xl,var( --grid-row-gap-lg,var( --grid-row-gap-md,var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) ) ) ) );--grid-column-gap-current:var( --grid-column-gap-xl,var( --grid-column-gap-lg,var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) ) ) );--grid-align-content-current:var( --grid-align-content-xl,var( --grid-align-content-lg,var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) ) ) )}}@media(min-width:1920px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-xxl,var( --grid-template-columns-xl,var( --grid-template-columns-lg,var( --grid-template-columns-md,var( --grid-template-columns-sm,var(--grid-template-columns-base,none) ) ) ) ) );--grid-template-rows-current:var( --grid-template-rows-xxl,var( --grid-template-rows-xl,var( --grid-template-rows-lg,var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) ) ) ) );--grid-gap-current:var( --grid-gap-xxl,var( --grid-gap-xl,var( --grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0))) ) ) );--grid-row-gap-current:var( --grid-row-gap-xxl,var( --grid-row-gap-xl,var( --grid-row-gap-lg,var( --grid-row-gap-md,var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) ) ) ) ) );--grid-column-gap-current:var( --grid-column-gap-xxl,var( --grid-column-gap-xl,var( --grid-column-gap-lg,var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) ) ) ) );--grid-align-content-current:var( --grid-align-content-xxl,var( --grid-align-content-xl,var( --grid-align-content-lg,var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) ) ) ) )}}._grid-cell_1ejgf_353{--grid-cell-grid-column-sm:initial;--grid-cell-grid-column-md:initial;--grid-cell-grid-column-lg:initial;--grid-cell-grid-column-xl:initial;--grid-cell-grid-column-xxl:initial;--grid-cell-grid-row-base:initial;--grid-cell-grid-row-sm:initial;--grid-cell-grid-row-md:initial;--grid-cell-grid-row-lg:initial;--grid-cell-grid-row-xl:initial;--grid-cell-grid-row-xxl:initial;--grid-cell-grid-column-current:var(--grid-cell-grid-column-base,auto);--grid-cell-grid-row-current:var(--grid-cell-grid-row-base,auto);grid-column:var(--grid-cell-grid-column-current);grid-row:var(--grid-cell-grid-row-current)}@media(min-width:480px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto) )}}@media(min-width:768px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-md,var(--grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto)) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-md,var(--grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto)) )}}@media(min-width:1024px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-lg,var( --grid-cell-grid-column-md,var(--grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto)) ) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-lg,var( --grid-cell-grid-row-md,var(--grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto)) ) )}}@media(min-width:1440px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-xl,var( --grid-cell-grid-column-lg,var( --grid-cell-grid-column-md,var( --grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto) ) ) ) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-xl,var( --grid-cell-grid-row-lg,var( --grid-cell-grid-row-md,var(--grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto)) ) ) )}}@media(min-width:1920px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-xxl,var( --grid-cell-grid-column-xl,var( --grid-cell-grid-column-lg,var( --grid-cell-grid-column-md,var( --grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto) ) ) ) ) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-xxl,var( --grid-cell-grid-row-xl,var( --grid-cell-grid-row-lg,var( --grid-cell-grid-row-md,var(--grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto)) ) ) ) )}}
|
package/dist/assets/Popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._popover_1de57_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_1de57_11{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_1de57_11[data-placement=top]{bottom:-9px;left:50%;margin-left:-8.5px;transform:rotate(180deg)}._arrow_1de57_11[data-placement=bottom]{left:50%;margin-left:-8.5px;top:-9px}._arrow_1de57_11[data-placement=left]{margin-top:-9px;right:-9px;top:50%;transform:rotate(90deg)}._arrow_1de57_11[data-placement=right]{left:-9px;margin-top:-9px;top:50%;transform:rotate(-90deg)}
|
package/dist/assets/TabPanel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_h95gp_1[data-focus-visible]{outline:none}._tab_h95gp_1{background:none;border:none;cursor:pointer;outline:none;padding:var(--alto-sem-space-2xs) 0;position:relative}._tabText_h95gp_18,._tab_h95gp_1{align-items:center;display:flex;justify-content:center}._tabText_h95gp_18{border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-accent-secondary);font-family:var(--alto-sem-text-label-font-family);font-size:var(--alto-sem-text-label-md-font-size);font-weight:var(--alto-sem-text-label-font-weight);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);width:-moz-max-content;width:max-content}._tabList_h95gp_32{display:flex;gap:var(--alto-sem-space-2xs);padding-left:var(--alto-sem-space-4xs)}._contained_h95gp_39 ._tabList_h95gp_32._fillContainer_h95gp_38,._contained_h95gp_39 ._tabList_h95gp_32._fillContainer_h95gp_38 ._tabText_h95gp_18,._pill_h95gp_41 ._tabList_h95gp_32._fillContainer_h95gp_38 ._tabText_h95gp_18,._tabList_h95gp_32._fillContainer_h95gp_38{width:100%}._tabList_h95gp_32._fillContainer_h95gp_38 ._tab_h95gp_1{flex:1}._alignStart_h95gp_50 ._tabList_h95gp_32{justify-content:flex-start}._alignCenter_h95gp_54 ._tabList_h95gp_32{justify-content:center}._tab_h95gp_1:focus-visible{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-sm)}._tab_h95gp_1[data-focus-visible=true]{outline:none;outline-offset:none}._tab_h95gp_1[data-focus-visible=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:-2px}._tab_h95gp_1:hover:not([data-selected=true],[data-disabled=true]) ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-inverse-subtle-hover)}._tab_h95gp_1:hover:not([data-selected=true],[data-disabled=true])[data-pressed=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-inverse-subtle-active)}._tab_h95gp_1:hover:not([data-selected=true],[data-disabled=true])[data-focus-visible=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:-2px}._line_h95gp_101 ._tab_h95gp_1[data-hovered=true][data-selected=true] ._tabText_h95gp_18,._tab_h95gp_1[data-hovered=true][data-selected=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._tab_h95gp_1[data-hovered=true][data-pressed=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-active)}._tab_h95gp_1[data-selected=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-default)}._tab_h95gp_1[data-disabled=true] ._tabText_h95gp_18{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed}._tab_h95gp_1[data-has-icon=true] ._tabText_h95gp_18{gap:var(--alto-sem-space-4xs)}._line_h95gp_101 ._tabList_h95gp_32{border-bottom:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-tertiary);padding-left:0}._line_h95gp_101 ._tab_h95gp_1{border-bottom:var(--alto-sem-border-width-md) solid transparent;margin-bottom:calc(var(--alto-sem-border-width-sm)*-1)}._line_h95gp_101 ._tabText_h95gp_18{border-radius:var(--alto-tag-radius);padding:var(--alto-sem-space-2xs)}._line_h95gp_101 ._tab_h95gp_1[data-selected=true]{background-color:transparent;border-bottom-color:var(--alto-sem-color-fg-accent-secondary)}._line_h95gp_101 ._tab_h95gp_1[data-selected=true] ._tabText_h95gp_18{background:none}._pill_h95gp_41 ._tabText_h95gp_18{border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._pill_h95gp_41 ._tab_h95gp_1[data-focus-visible=true] ._tabText_h95gp_18{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:2px}._contained_h95gp_39 ._tabList_h95gp_32{background-color:var(--alto-sem-color-bg-inverse-subtle-default);border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-4xs);width:-moz-fit-content;width:fit-content}._contained_h95gp_39 ._tabList_h95gp_32 ._tab_h95gp_1{padding:0}._contained_h95gp_39 ._tabText_h95gp_18{border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._contained_h95gp_39 ._tab_h95gp_1[data-selected=true]{border-radius:inherit;box-shadow:0 1px 2px #0000000d;outline:1px solid var(--alto-sem-color-border-tertiary)}._contained_h95gp_39 ._tab_h95gp_1[data-selected=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-layer2-default)}._contained_h95gp_39 ._tab_h95gp_1[data-focus-visible=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-layer2-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:-1px}._heading_h95gp_198 ._tabList_h95gp_32{border-bottom:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-tertiary)}._heading_h95gp_198 ._tab_h95gp_1{border-bottom:var(--alto-sem-border-width-lg) solid transparent;margin-bottom:calc(var(--alto-sem-border-width-sm)*-1)}._heading_h95gp_198 ._tabText_h95gp_18,._heading_h95gp_198 ._tabText_h95gp_18>:is(h1,h2,h3,h4,h5,h6){background-color:transparent;border-radius:var(--alto-sem-radius-3xs);display:flex;font-family:var(--alto-sem-text-heading-font-family);font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);gap:var(--alto-sem-space-2xs);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height);padding:var(--alto-sem-space-2xs)}._heading_h95gp_198 ._tabText_h95gp_18>:is(h1,h2,h3,h4,h5,h6){padding:0}._heading_h95gp_198 ._tab_h95gp_1[data-selected=true]{background-color:transparent;border-bottom-color:var(--alto-sem-color-border-accent)}._heading_h95gp_198 ._tab_h95gp_1[data-selected=true] ._tabText_h95gp_18{background-color:transparent;color:var(--alto-sem-color-fg-accent-primary)}._heading_h95gp_198 ._tab_h95gp_1:hover:not([data-selected=true]) ._tabText_h95gp_18{background-color:transparent}._heading_h95gp_198 ._tab_h95gp_1[data-disabled=true] :is(h1,h2,h3,h4,h5,h6){color:inherit}._tabPanel_h95gp_244{margin-top:var(--alto-sem-space-2xs);outline:none;padding:var(--alto-sem-space-lg) 0}._tabPanel_h95gp_244:focus-visible{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-sm)}._tabListContainer_h95gp_257{overflow:hidden;position:relative;width:100%}._tabListContainer_h95gp_257[data-has-scroll-buttons=true]{align-items:center;display:flex}._scrollButtonNext_h95gp_271,._scrollButtonPrev_h95gp_270{flex-shrink:0;opacity:1;pointer-events:auto;position:absolute!important;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:10}._scrollButtonPrev_h95gp_270{left:0}._scrollButtonNext_h95gp_271{right:0}._scrollButtonNext_h95gp_271[aria-disabled=true],._scrollButtonPrev_h95gp_270[aria-disabled=true]{opacity:.3}._tabListContainer_h95gp_257:not([data-style-variant]) ._scrollButtonPrev_h95gp_270,._tabListContainer_h95gp_257[data-style-variant=line] ._scrollButtonPrev_h95gp_270{left:0}._tabListContainer_h95gp_257:not([data-style-variant]) ._scrollButtonNext_h95gp_271,._tabListContainer_h95gp_257[data-style-variant=line] ._scrollButtonNext_h95gp_271{right:0}._tabListContainer_h95gp_257[data-style-variant=contained] ._scrollButtonPrev_h95gp_270{left:var(--alto-sem-space-4xs)}._tabListContainer_h95gp_257[data-style-variant=contained] ._scrollButtonNext_h95gp_271{right:var(--alto-sem-space-4xs)}._tabListContainer_h95gp_257[data-style-variant=pill] ._scrollButtonPrev_h95gp_270{left:0}._tabListContainer_h95gp_257[data-style-variant=pill] ._scrollButtonNext_h95gp_271{right:0}._tabListContainer_h95gp_257[data-style-variant=heading] ._scrollButtonPrev_h95gp_270{left:0}._tabListContainer_h95gp_257[data-style-variant=heading] ._scrollButtonNext_h95gp_271{right:0}._tabList_h95gp_32._hasScrollButtons_h95gp_337{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}._tabList_h95gp_32._hasScrollButtons_h95gp_337::-webkit-scrollbar{display:none}._tabList_h95gp_32._hasScrollButtons_h95gp_337 ._tab_h95gp_1:first-child{margin-left:0}._tabList_h95gp_32._hasScrollButtons_h95gp_337 ._tab_h95gp_1:last-child{margin-right:0}._tabListContainer_h95gp_257[data-has-scroll-buttons=true]:after,._tabListContainer_h95gp_257[data-has-scroll-buttons=true]:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:var(--alto-sem-space-2xl);z-index:5}._contained_h95gp_39 ._tab_h95gp_1[data-focus-style=white][data-focus-visible=true] ._tabText_h95gp_18,._pill_h95gp_41 ._tab_h95gp_1[data-focus-style=white][data-focus-visible=true] ._tabText_h95gp_18,._tab_h95gp_1[data-focus-style=white][data-focus-visible=true] ._tabText_h95gp_18{outline-color:var(--alto-sem-color-border-white)}._tabListContainer_h95gp_257[data-style-variant=contained] ._scrollButtonNext_h95gp_271>div,._tabListContainer_h95gp_257[data-style-variant=contained] ._scrollButtonPrev_h95gp_270>div{border:1px solid var(--alto-sem-color-border-tertiary);box-shadow:0 1px 2px #0000000d!important}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { LinkProps } from '../Link';
|
|
3
|
+
export type AppBannerLinkProps = Omit<LinkProps, 'children' | 'inline'> & {
|
|
4
|
+
/**
|
|
5
|
+
* All AppBannerSection subcomponents are rendered inside the design-system Link component,
|
|
6
|
+
* so Link props like href/target/isDisabled are supported here.
|
|
7
|
+
*/
|
|
8
|
+
/** Custom asset (image/SVG) to render inside the link */
|
|
9
|
+
customAsset?: React.ReactNode;
|
|
10
|
+
/** @ignore Always controlled by AppBannerSection slots. */
|
|
11
|
+
children?: never;
|
|
12
|
+
/** @ignore Always enabled for banner assets. */
|
|
13
|
+
inline?: never;
|
|
14
|
+
};
|
|
15
|
+
export type AppBannerSectionMediaProps = AppBannerLinkProps;
|
|
16
|
+
export type AppBannerSectionLinkProps = AppBannerLinkProps;
|
|
17
|
+
export interface AppBannerSectionProps {
|
|
18
|
+
/** Optional compound subcomponents */
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
/** Main heading text for the banner. */
|
|
21
|
+
title: string;
|
|
22
|
+
/** Semantic heading level for the title.
|
|
23
|
+
* @default 'h2'
|
|
24
|
+
*/
|
|
25
|
+
headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
26
|
+
/** Supporting text rendered below the heading. */
|
|
27
|
+
description: string;
|
|
28
|
+
}
|
|
29
|
+
interface AppBannerSectionComponent extends React.FC<AppBannerSectionProps> {
|
|
30
|
+
AppMedia: React.FC<AppBannerSectionMediaProps>;
|
|
31
|
+
QRCode: React.FC<AppBannerSectionLinkProps>;
|
|
32
|
+
AppStoreBadge: React.FC<AppBannerSectionLinkProps>;
|
|
33
|
+
GooglePlayBadge: React.FC<AppBannerSectionLinkProps>;
|
|
34
|
+
}
|
|
35
|
+
export declare const AppBannerSectionAppMedia: {
|
|
36
|
+
({ customAsset, ...linkProps }: AppBannerSectionMediaProps): import("react/jsx-runtime").JSX.Element | null;
|
|
37
|
+
displayName: string;
|
|
38
|
+
};
|
|
39
|
+
export declare const AppBannerSectionQRCode: {
|
|
40
|
+
({ customAsset, ...linkProps }: AppBannerSectionLinkProps): import("react/jsx-runtime").JSX.Element | null;
|
|
41
|
+
displayName: string;
|
|
42
|
+
};
|
|
43
|
+
export declare const AppBannerSectionAppStoreBadge: {
|
|
44
|
+
({ customAsset, ...linkProps }: AppBannerSectionLinkProps): import("react/jsx-runtime").JSX.Element | null;
|
|
45
|
+
displayName: string;
|
|
46
|
+
};
|
|
47
|
+
export declare const AppBannerSectionGooglePlayBadge: {
|
|
48
|
+
({ customAsset, ...linkProps }: AppBannerSectionLinkProps): import("react/jsx-runtime").JSX.Element | null;
|
|
49
|
+
displayName: string;
|
|
50
|
+
};
|
|
51
|
+
export declare const AppBannerSection: AppBannerSectionComponent;
|
|
52
|
+
export default AppBannerSection;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import n from"react";import i from"../Link/Link.js";import{Heading as l}from"../Heading/Heading.js";import{Paragraph as t}from"../Paragraph/Paragraph.js";import p from"../Section/Section.js";import '../../assets/AppBannerSection.css';const d="_app-banner-section_1ixwj_1",r="_app-banner-section__content_1ixwj_23",s="_app-banner-section__content-text_1ixwj_59",o="_app-banner-section__links_1ixwj_72",c=({customAsset:a,...n})=>a?/* @__PURE__ */e("span",{"data-app-banner-slot":"app-media",children:/* @__PURE__ */e(i,{inline:!0,"data-app-banner-link":!0,...n,children:/* @__PURE__ */e("span",{"data-app-banner-asset":!0,children:a})})}):null,m=({customAsset:a,...n})=>a?/* @__PURE__ */e("span",{"data-app-banner-slot":"qr-code",children:/* @__PURE__ */e(i,{inline:!0,"data-app-banner-link":!0,...n,children:/* @__PURE__ */e("span",{"data-app-banner-asset":!0,children:a})})}):null,h=({customAsset:a,...n})=>a?/* @__PURE__ */e("span",{"data-app-banner-slot":"app-store-badge",children:/* @__PURE__ */e(i,{inline:!0,"data-app-banner-link":!0,...n,children:/* @__PURE__ */e("span",{"data-app-banner-asset":!0,children:a})})}):null,g=({customAsset:a,...n})=>a?/* @__PURE__ */e("span",{"data-app-banner-slot":"google-play-badge",children:/* @__PURE__ */e(i,{inline:!0,"data-app-banner-link":!0,...n,children:/* @__PURE__ */e("span",{"data-app-banner-asset":!0,children:a})})}):null,b=({children:i,title:b,headingLevel:_="h2",description:u})=>{const A=n.Children.toArray(i),f=A.find(e=>n.isValidElement(e)&&e.type===c),y=A.find(e=>n.isValidElement(e)&&e.type===m),x=A.find(e=>n.isValidElement(e)&&e.type===h),j=A.find(e=>n.isValidElement(e)&&e.type===g),B=f&&n.isValidElement(f)?f:null,N=y&&n.isValidElement(y)?y:null,S=x&&n.isValidElement(x)?x:null,E=j&&n.isValidElement(j)?j:null;/* @__PURE__ */
|
|
2
|
+
return e(p,{containerMaxWidth:"page",paddingX:"default",paddingY:"default",children:/* @__PURE__ */e(p.Container,{children:/* @__PURE__ */a("div",{className:d,children:[
|
|
3
|
+
/* @__PURE__ */a("div",{className:r,children:[B,
|
|
4
|
+
/* @__PURE__ */a("div",{className:s,children:[
|
|
5
|
+
/* @__PURE__ */e(l,{as:_,size:"xxs",children:b}),
|
|
6
|
+
/* @__PURE__ */e(t,{size:"md",textAlign:{base:"center",lg:"start"},children:u})]})]}),
|
|
7
|
+
/* @__PURE__ */a("div",{className:o,children:[N,S,E]})]})})})};b.AppMedia=c,b.QRCode=m,b.AppStoreBadge=h,b.GooglePlayBadge=g,b.displayName="AppBannerSection",c.displayName="AppBannerSection.AppMedia",m.displayName="AppBannerSection.QRCode",h.displayName="AppBannerSection.AppStoreBadge",g.displayName="AppBannerSection.GooglePlayBadge";export{b as AppBannerSection,c as AppBannerSectionAppMedia,h as AppBannerSectionAppStoreBadge,g as AppBannerSectionGooglePlayBadge,m as AppBannerSectionQRCode,b as default};
|
|
8
|
+
//# sourceMappingURL=AppBannerSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppBannerSection.js","sources":["../../../src/components/AppBannerSection/AppBannerSection.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './AppBannerSection.module.css';\nimport Link, { type LinkProps } from '../Link';\nimport Heading from '../Heading';\nimport Paragraph from '../Paragraph';\nimport Section from '../Section';\n\nexport type AppBannerLinkProps = Omit<LinkProps, 'children' | 'inline'> & {\n /**\n * All AppBannerSection subcomponents are rendered inside the design-system Link component,\n * so Link props like href/target/isDisabled are supported here.\n */\n /** Custom asset (image/SVG) to render inside the link */\n customAsset?: React.ReactNode;\n /** @ignore Always controlled by AppBannerSection slots. */\n children?: never;\n /** @ignore Always enabled for banner assets. */\n inline?: never;\n};\n\nexport type AppBannerSectionMediaProps = AppBannerLinkProps;\n\nexport type AppBannerSectionLinkProps = AppBannerLinkProps;\n\nexport interface AppBannerSectionProps {\n /** Optional compound subcomponents */\n children?: React.ReactNode;\n /** Main heading text for the banner. */\n title: string;\n /** Semantic heading level for the title.\n * @default 'h2'\n */\n headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n /** Supporting text rendered below the heading. */\n description: string;\n}\n\ninterface AppBannerSectionComponent extends React.FC<AppBannerSectionProps> {\n AppMedia: React.FC<AppBannerSectionMediaProps>;\n QRCode: React.FC<AppBannerSectionLinkProps>;\n AppStoreBadge: React.FC<AppBannerSectionLinkProps>;\n GooglePlayBadge: React.FC<AppBannerSectionLinkProps>;\n}\n\nexport const AppBannerSectionAppMedia = ({\n customAsset,\n ...linkProps\n}: AppBannerSectionMediaProps) => {\n if (!customAsset) {\n return null;\n }\n\n return (\n <span data-app-banner-slot=\"app-media\">\n <Link inline data-app-banner-link {...linkProps}>\n <span data-app-banner-asset>{customAsset}</span>\n </Link>\n </span>\n );\n};\n\nexport const AppBannerSectionQRCode = ({\n customAsset,\n ...linkProps\n}: AppBannerSectionLinkProps) => {\n if (!customAsset) {\n return null;\n }\n\n return (\n <span data-app-banner-slot=\"qr-code\">\n <Link inline data-app-banner-link {...linkProps}>\n <span data-app-banner-asset>{customAsset}</span>\n </Link>\n </span>\n );\n};\n\nexport const AppBannerSectionAppStoreBadge = ({\n customAsset,\n ...linkProps\n}: AppBannerSectionLinkProps) => {\n if (!customAsset) {\n return null;\n }\n\n return (\n <span data-app-banner-slot=\"app-store-badge\">\n <Link inline data-app-banner-link {...linkProps}>\n <span data-app-banner-asset>{customAsset}</span>\n </Link>\n </span>\n );\n};\n\nexport const AppBannerSectionGooglePlayBadge = ({\n customAsset,\n ...linkProps\n}: AppBannerSectionLinkProps) => {\n if (!customAsset) {\n return null;\n }\n\n return (\n <span data-app-banner-slot=\"google-play-badge\">\n <Link inline data-app-banner-link {...linkProps}>\n <span data-app-banner-asset>{customAsset}</span>\n </Link>\n </span>\n );\n};\n\nexport const AppBannerSection = (({\n children,\n title,\n headingLevel = 'h2',\n description,\n}: AppBannerSectionProps) => {\n const childComponents = React.Children.toArray(children);\n\n const mediaChild = childComponents.find(\n (child) =>\n React.isValidElement<AppBannerSectionMediaProps>(child) &&\n child.type === AppBannerSectionAppMedia,\n );\n\n const qrCodeChild = childComponents.find(\n (child) =>\n React.isValidElement<AppBannerSectionLinkProps>(child) &&\n child.type === AppBannerSectionQRCode,\n );\n\n const appStoreBadgeChild = childComponents.find(\n (child) =>\n React.isValidElement<AppBannerSectionLinkProps>(child) &&\n child.type === AppBannerSectionAppStoreBadge,\n );\n\n const googlePlayBadgeChild = childComponents.find(\n (child) =>\n React.isValidElement<AppBannerSectionLinkProps>(child) &&\n child.type === AppBannerSectionGooglePlayBadge,\n );\n\n const mediaNode =\n mediaChild && React.isValidElement<AppBannerSectionMediaProps>(mediaChild)\n ? mediaChild\n : null;\n\n const qrCodeNode =\n qrCodeChild && React.isValidElement<AppBannerSectionLinkProps>(qrCodeChild)\n ? qrCodeChild\n : null;\n\n const appStoreBadgeNode =\n appStoreBadgeChild &&\n React.isValidElement<AppBannerSectionLinkProps>(appStoreBadgeChild)\n ? appStoreBadgeChild\n : null;\n\n const googlePlayBadgeNode =\n googlePlayBadgeChild &&\n React.isValidElement<AppBannerSectionLinkProps>(googlePlayBadgeChild)\n ? googlePlayBadgeChild\n : null;\n\n return (\n <Section containerMaxWidth=\"page\" paddingX=\"default\" paddingY=\"default\">\n <Section.Container>\n <div className={styles['app-banner-section']}>\n <div className={styles['app-banner-section__content']}>\n {mediaNode}\n <div className={styles['app-banner-section__content-text']}>\n <Heading as={headingLevel} size=\"xxs\">\n {title}\n </Heading>\n <Paragraph size=\"md\" textAlign={{ base: 'center', lg: 'start' }}>\n {description}\n </Paragraph>\n </div>\n </div>\n\n <div className={styles['app-banner-section__links']}>\n {qrCodeNode}\n {appStoreBadgeNode}\n {googlePlayBadgeNode}\n </div>\n </div>\n </Section.Container>\n </Section>\n );\n}) as AppBannerSectionComponent;\n\nAppBannerSection.AppMedia = AppBannerSectionAppMedia;\nAppBannerSection.QRCode = AppBannerSectionQRCode;\nAppBannerSection.AppStoreBadge = AppBannerSectionAppStoreBadge;\nAppBannerSection.GooglePlayBadge = AppBannerSectionGooglePlayBadge;\n\nAppBannerSection.displayName = 'AppBannerSection';\nAppBannerSectionAppMedia.displayName = 'AppBannerSection.AppMedia';\nAppBannerSectionQRCode.displayName = 'AppBannerSection.QRCode';\nAppBannerSectionAppStoreBadge.displayName = 'AppBannerSection.AppStoreBadge';\nAppBannerSectionGooglePlayBadge.displayName =\n 'AppBannerSection.GooglePlayBadge';\n\nexport default AppBannerSection;\n"],"names":["AppBannerSectionAppMedia","customAsset","linkProps","children","jsx","Link","inline","AppBannerSectionQRCode","AppBannerSectionAppStoreBadge","AppBannerSectionGooglePlayBadge","AppBannerSection","title","headingLevel","description","childComponents","React","Children","toArray","mediaChild","find","child","isValidElement","type","qrCodeChild","appStoreBadgeChild","googlePlayBadgeChild","mediaNode","qrCodeNode","appStoreBadgeNode","googlePlayBadgeNode","Section","containerMaxWidth","paddingX","paddingY","Container","jsxs","className","styles","Heading","as","size","Paragraph","textAlign","base","lg","AppMedia","QRCode","AppStoreBadge","GooglePlayBadge","displayName"],"mappings":"wZA4CaA,EAA2B,EACtCC,iBACGC,KAEED,mBAKF,OAAA,CAAK,uBAAqB,YACzBE,wBAAAC,EAACC,EAAA,CAAKC,QAAM,EAAC,wBAAoB,KAAKJ,EACpCC,wBAAAC,EAAC,OAAA,CAAK,yBAAqB,EAAED,SAAAF,QAN1B,KAYEM,EAAyB,EACpCN,iBACGC,KAEED,mBAKF,OAAA,CAAK,uBAAqB,UACzBE,wBAAAC,EAACC,EAAA,CAAKC,QAAM,EAAC,wBAAoB,KAAKJ,EACpCC,wBAAAC,EAAC,OAAA,CAAK,yBAAqB,EAAED,SAAAF,QAN1B,KAYEO,EAAgC,EAC3CP,iBACGC,KAEED,mBAKF,OAAA,CAAK,uBAAqB,kBACzBE,wBAAAC,EAACC,EAAA,CAAKC,QAAM,EAAC,wBAAoB,KAAKJ,EACpCC,wBAAAC,EAAC,OAAA,CAAK,yBAAqB,EAAED,SAAAF,QAN1B,KAYEQ,EAAkC,EAC7CR,iBACGC,KAEED,mBAKF,OAAA,CAAK,uBAAqB,oBACzBE,wBAAAC,EAACC,EAAA,CAAKC,QAAM,EAAC,wBAAoB,KAAKJ,EACpCC,wBAAAC,EAAC,OAAA,CAAK,yBAAqB,EAAED,SAAAF,QAN1B,KAYES,IACXP,WACAQ,QACAC,eAAe,KACfC,kBAEA,MAAMC,EAAkBC,EAAMC,SAASC,QAAQd,GAEzCe,EAAaJ,EAAgBK,KAChCC,GACCL,EAAMM,eAA2CD,IACjDA,EAAME,OAAStB,GAGbuB,EAAcT,EAAgBK,KACjCC,GACCL,EAAMM,eAA0CD,IAChDA,EAAME,OAASf,GAGbiB,EAAqBV,EAAgBK,KACxCC,GACCL,EAAMM,eAA0CD,IAChDA,EAAME,OAASd,GAGbiB,EAAuBX,EAAgBK,KAC1CC,GACCL,EAAMM,eAA0CD,IAChDA,EAAME,OAASb,GAGbiB,EACJR,GAAcH,EAAMM,eAA2CH,GAC3DA,EACA,KAEAS,EACJJ,GAAeR,EAAMM,eAA0CE,GAC3DA,EACA,KAEAK,EACJJ,GACAT,EAAMM,eAA0CG,GAC5CA,EACA,KAEAK,EACJJ,GACAV,EAAMM,eAA0CI,GAC5CA,EACA;AAEN,SACGK,EAAA,CAAQC,kBAAkB,OAAOC,SAAS,UAAUC,SAAS,UAC5D9B,wBAAAC,EAAC0B,EAAQI,UAAR,CACC/B,wBAAAgC,EAAC,OAAIC,UAAWC,EACdlC,SAAA;iBAAC,MAAA,CAAIiC,UAAWC,EACblC,SAAA,CAAAuB;iBACA,MAAA,CAAIU,UAAWC,EACdlC,SAAA;eAAAC,EAACkC,EAAA,CAAQC,GAAI3B,EAAc4B,KAAK,MAC7BrC,SAAAQ;eAEHP,EAACqC,EAAA,CAAUD,KAAK,KAAKE,UAAW,CAAEC,KAAM,SAAUC,GAAI,SACnDzC,SAAAU;iBAKN,MAAA,CAAIuB,UAAWC,EACblC,SAAA,CAAAwB,EACAC,EACAC,WAMb,EAEAnB,EAAiBmC,SAAW7C,EAC5BU,EAAiBoC,OAASvC,EAC1BG,EAAiBqC,cAAgBvC,EACjCE,EAAiBsC,gBAAkBvC,EAEnCC,EAAiBuC,YAAc,mBAC/BjD,EAAyBiD,YAAc,4BACvC1C,EAAuB0C,YAAc,0BACrCzC,EAA8ByC,YAAc,iCAC5CxC,EAAgCwC,YAC9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as t,jsxs as
|
|
2
|
-
return t(
|
|
3
|
-
/* @__PURE__ */t("span",{className:x.content,children:S}),w&&/* @__PURE__ */t(
|
|
1
|
+
import{jsx as t,jsxs as l,Fragment as e}from"react/jsx-runtime";import{c as i}from"../../index-CCUt_dAN.js";import{forwardRef as a}from"react";import{useButton as r}from"@react-aria/button";import{useObjectRef as s,mergeProps as n}from"@react-aria/utils";import{useHover as _}from"@react-aria/interactions";import{useFocusRing as c}from"@react-aria/focus";import{Icon as o}from"../Icon/Icon.js";import d from"../LoadingSpinner/LoadingSpinner.js";import{focusStyleVariants as u}from"../../utils/focus/focusStyles.js";import{getBaseValue as m,generateResponsiveClasses as g}from"../../utils/breakpoint/responsiveSSR.js";import '../../assets/Button.css';const x={button:"_button_lts25_1",content:"_content_lts25_34",isNotLoading:"_isNotLoading_lts25_41",loadingSpinner:"_loadingSpinner_lts25_41",isLoading:"_isLoading_lts25_50",focusWhite:"_focusWhite_lts25_66",iconButton:"_iconButton_lts25_70",iconButton__sm:"_iconButton__sm_lts25_75",iconButton__md:"_iconButton__md_lts25_79",iconButton__lg:"_iconButton__lg_lts25_83","full-width--true":"_full-width--true_lts25_87","full-width--false":"_full-width--false_lts25_91","size--sm":"_size--sm_lts25_139","size--md":"_size--md_lts25_142","size--lg":"_size--lg_lts25_145","text-align--left":"_text-align--left_lts25_178","text-align--center":"_text-align--center_lts25_181","text-align--right":"_text-align--right_lts25_184","sm:size--sm":"_sm:size--sm_lts25_1","sm:size--md":"_sm:size--md_lts25_1","sm:size--lg":"_sm:size--lg_lts25_1","sm:text-align--left":"_sm:text-align--left_lts25_1","sm:text-align--center":"_sm:text-align--center_lts25_1","sm:text-align--right":"_sm:text-align--right_lts25_1","sm:full-width--true":"_sm:full-width--true_lts25_1","sm:full-width--false":"_sm:full-width--false_lts25_1","md:size--sm":"_md:size--sm_lts25_1","md:size--md":"_md:size--md_lts25_1","md:size--lg":"_md:size--lg_lts25_1","md:text-align--left":"_md:text-align--left_lts25_1","md:text-align--center":"_md:text-align--center_lts25_1","md:text-align--right":"_md:text-align--right_lts25_1","md:full-width--true":"_md:full-width--true_lts25_1","md:full-width--false":"_md:full-width--false_lts25_1","lg:size--sm":"_lg:size--sm_lts25_1","lg:size--md":"_lg:size--md_lts25_1","lg:size--lg":"_lg:size--lg_lts25_1","lg:text-align--left":"_lg:text-align--left_lts25_1","lg:text-align--center":"_lg:text-align--center_lts25_1","lg:text-align--right":"_lg:text-align--right_lts25_1","lg:full-width--true":"_lg:full-width--true_lts25_1","lg:full-width--false":"_lg:full-width--false_lts25_1","xl:size--sm":"_xl:size--sm_lts25_1","xl:size--md":"_xl:size--md_lts25_1","xl:size--lg":"_xl:size--lg_lts25_1","xl:text-align--left":"_xl:text-align--left_lts25_1","xl:text-align--center":"_xl:text-align--center_lts25_1","xl:text-align--right":"_xl:text-align--right_lts25_1","xl:full-width--true":"_xl:full-width--true_lts25_1","xl:full-width--false":"_xl:full-width--false_lts25_1","xxl:size--sm":"_xxl:size--sm_lts25_1","xxl:size--md":"_xxl:size--md_lts25_1","xxl:size--lg":"_xxl:size--lg_lts25_1","xxl:text-align--left":"_xxl:text-align--left_lts25_1","xxl:text-align--center":"_xxl:text-align--center_lts25_1","xxl:text-align--right":"_xxl:text-align--right_lts25_1","xxl:full-width--true":"_xxl:full-width--true_lts25_1","xxl:full-width--false":"_xxl:full-width--false_lts25_1",accentPrimary:"_accentPrimary_lts25_224",accentSecondary:"_accentSecondary_lts25_253",accentTertiary:"_accentTertiary_lts25_291",accentQuaternary:"_accentQuaternary_lts25_325",accentSecondaryFilled:"_accentSecondaryFilled_lts25_359",criticalPrimary:"_criticalPrimary_lts25_403",criticalSecondary:"_criticalSecondary_lts25_433",criticalTertiary:"_criticalTertiary_lts25_471",criticalQuaternary:"_criticalQuaternary_lts25_505",criticalSecondaryFilled:"_criticalSecondaryFilled_lts25_539",neutralPrimary:"_neutralPrimary_lts25_582",neutralSecondary:"_neutralSecondary_lts25_616",neutralTertiary:"_neutralTertiary_lts25_654",neutralQuaternary:"_neutralQuaternary_lts25_688",neutralSecondaryFilled:"_neutralSecondaryFilled_lts25_722","fa-spinner-third":"_fa-spinner-third_lts25_768","icon-wrapper":"_icon-wrapper_lts25_773"},f=g(x),y=i(x.button,{variants:{size:{sm:x["size--sm"],md:x["size--md"],lg:x["size--lg"]},accent:{primary:x.accentPrimary,secondary:x.accentSecondary,tertiary:x.accentTertiary,quaternary:x.accentQuaternary,secondaryFilled:x.accentSecondaryFilled},critical:{primary:x.criticalPrimary,secondary:x.criticalSecondary,tertiary:x.criticalTertiary,quaternary:x.criticalQuaternary,secondaryFilled:x.criticalSecondaryFilled},neutral:{primary:x.neutralPrimary,secondary:x.neutralSecondary,tertiary:x.neutralTertiary,quaternary:x.neutralQuaternary,secondaryFilled:x.neutralSecondaryFilled},white:{primary:x.whitePrimary,secondary:x.whiteSecondary,tertiary:x.whiteTertiary,quaternary:x.whiteQuaternary,secondaryFilled:x.whiteSecondaryFilled},fullWidth:{true:x["full-width--true"],false:x["full-width--false"]},focusStyle:{default:void 0,white:x.focusWhite},isLoading:{false:x.isNotLoading,true:x.isLoading},textAlign:{left:x["text-align--left"],center:x["text-align--center"],right:x["text-align--right"]},iconButton:{true:x.iconButton}},compoundVariants:[{size:"md",accent:"primary",className:x.accentPrimary},{size:"sm",iconButton:!0,className:x.iconButton__sm},{size:"md",iconButton:!0,className:x.iconButton__md},{size:"lg",iconButton:!0,className:x.iconButton__lg}],defaultVariants:{size:"md"}}),h=a(function({as:i,elementType:a,styleVariant:g,emphasis:h="primary",size:z="md",iconStartProps:p,iconEndProps:w,children:S,fullWidth:B,textAlign:P="center",focusStyle:b="default",passthroughProps:F,isLoading:v=!1,iconButton:L,slot:T,...N},Q){const j=s(Q),{buttonProps:W,isPressed:q}=r({...N,elementType:a??i},j),{hoverProps:V,isHovered:A}=_(N),{isFocusVisible:D,focusProps:I,isFocused:k}=c(N),E=m(z,"md"),H=m(P,"center"),R=m(B,!1),$=f(z,"size"),C=f(P,"text-align"),G=f(B,"full-width"),J="white"===g?"neutral":g??"accent",K=y({size:E,focusStyle:b,isLoading:v,textAlign:H,fullWidth:R,iconButton:L,[J]:h});/* @__PURE__ */
|
|
2
|
+
return t(i??"button",{className:[K,u({focusStyle:b}),...$,...C,...G].filter(Boolean).join(" "),ref:j,"data-focused":!!k||void 0,"data-focus-visible":!!D||void 0,"data-hovered":!!A||void 0,"data-pressed":!!q||void 0,"aria-label":(()=>{if(v)return"Loading Spinner";const t=W["aria-label"]||("string"==typeof S?S:void 0);return N.isDisabled&&t?`${t}, unavailable`:t})(),"aria-disabled":!!N.isDisabled||void 0,"data-testid":"alto-button",slot:T,...n(W,V,I),...F,children:/* @__PURE__ */l(e,{children:[v&&/* @__PURE__ */t(d,{className:x.loadingSpinner,size:"lg"===z?"1.25x":"1x","aria-hidden":"true"}),p&&/* @__PURE__ */t(o,{...p,"aria-hidden":"true"}),
|
|
3
|
+
/* @__PURE__ */t("span",{className:x.content,children:S}),w&&/* @__PURE__ */t(o,{...w,"aria-hidden":"true"})]})})});export{h as Button,h as default};
|
|
4
4
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{jsxs as a,jsx as e}from"react/jsx-runtime";import
|
|
2
|
-
return a("div",{className:o({emphasis:
|
|
3
|
-
/* @__PURE__ */a("div",{className:c
|
|
4
|
-
/* @__PURE__ */a("div",{className:c
|
|
5
|
-
/* @__PURE__ */a("div",{className:[c["
|
|
6
|
-
/* @__PURE__ */e("div",{children:/* @__PURE__ */a("div",{className:`${c["
|
|
7
|
-
/* @__PURE__ */a(z,{id:A,className:c["
|
|
8
|
-
/* @__PURE__ */a("span",{className:c["
|
|
9
|
-
/* @__PURE__ */e("bdi",{dir:"auto",children:
|
|
1
|
+
import{jsxs as a,jsx as e}from"react/jsx-runtime";import t from"react";import{Icon as n}from"../Icon/Icon.js";import{c as l}from"../../index-CCUt_dAN.js";import{IconButton as r}from"../IconButton/IconButton.js";import '../../assets/CalloutBanner.css';const c={"callout-banner":"_callout-banner_18tp6_1","callout-banner__icon":"_callout-banner__icon_18tp6_12","callout-banner__meta-title":"_callout-banner__meta-title_18tp6_21","callout-banner__meta-label":"_callout-banner__meta-label_18tp6_19","callout-banner__start":"_callout-banner__start_18tp6_17","callout-banner__end":"_callout-banner__end_18tp6_38","callout-banner__dismiss":"_callout-banner__dismiss_18tp6_45","callout-banner__meta":"_callout-banner__meta_18tp6_19","callout-banner__meta-content":"_callout-banner__meta-content_18tp6_62","callout-banner__meta-content--row":"_callout-banner__meta-content--row_18tp6_74","callout-banner__meta-top":"_callout-banner__meta-top_18tp6_79","callout-banner__custom-asset":"_callout-banner__custom-asset_18tp6_89","callout-banner__meta-description":"_callout-banner__meta-description_18tp6_103","callout-banner__severity-label":"_callout-banner__severity-label_18tp6_108","callout-banner__default-asset--center":"_callout-banner__default-asset--center_18tp6_119","callout-banner--critical":"_callout-banner--critical_18tp6_125","callout-banner--primary":"_callout-banner--primary_18tp6_129","callout-banner--secondary":"_callout-banner--secondary_18tp6_133","callout-banner--tertiary":"_callout-banner--tertiary_18tp6_142","callout-banner--success":"_callout-banner--success_18tp6_151","callout-banner--information":"_callout-banner--information_18tp6_177","callout-banner--neutral":"_callout-banner--neutral_18tp6_204","callout-banner--accent":"_callout-banner--accent_18tp6_230"},o=l(c["callout-banner"],{variants:{emphasis:{primary:c["callout-banner--primary"],secondary:c["callout-banner--secondary"],tertiary:c["callout-banner--tertiary"]},styleVariant:{critical:c["callout-banner--critical"],success:c["callout-banner--success"],information:c["callout-banner--information"],neutral:c["callout-banner--neutral"],accent:c["callout-banner--accent"]},headerLayout:{row:c["callout-banner__header--row"],column:c["callout-banner__header-column"]}},defaultVariants:{emphasis:"primary",styleVariant:"critical"}}),i={critical:{icon:"circle-exclamation",severityLabel:"Critical",role:"alert"},success:{icon:"check-circle",severityLabel:"Success",role:"status"},information:{icon:"info-circle",severityLabel:"Information",role:"status"},neutral:{icon:"check-circle",severityLabel:"",role:"region"},accent:{icon:"house",severityLabel:"",role:"region"}},_=({title:l,description:_,label:u,children:b,styleVariant:m="critical",emphasis:d="primary",headingLevel:p="h3",dismissButtonTooltipLabel:y,onDismiss:h,customAsset:f,hideIllustration:v=!1,alignButtons:N="left",headerLayout:L="column",severityLabel:g,role:x,dismissButtonProps:I={"aria-label":"Dismiss banner"},...V})=>{const w="function"==typeof h,{icon:B,severityLabel:j,role:P}=i[m],z=p,A=t.useId(),S=t.useId(),k=g??j,C=x||P,D=t.Children.toArray(b),E=D.find(a=>t.isValidElement(a)&&a.type===s),$=D.filter(a=>!(t.isValidElement(a)&&a.type===s)),T=!_;/* @__PURE__ */
|
|
2
|
+
return a("div",{className:o({emphasis:d,styleVariant:m}),role:C,"aria-labelledby":A,"aria-describedby":_?S:void 0,...V,children:[
|
|
3
|
+
/* @__PURE__ */a("div",{className:c["callout-banner__start"],children:[!v&&/* @__PURE__ */e("div",f?{className:c["callout-banner__custom-asset"],children:f}:{className:T?c["callout-banner__default-asset--center"]:void 0,children:/* @__PURE__ */e(n,{iconName:B,iconPrefix:"fas",className:c["callout-banner__icon"],iconSize:"1.25x",padding:"roomy"})}),
|
|
4
|
+
/* @__PURE__ */a("div",{className:c["callout-banner__meta"],children:[w&&/* @__PURE__ */e("div",{className:c["callout-banner__dismiss"],children:/* @__PURE__ */e(r,{onPress:h,styleVariant:"neutral",emphasis:"tertiary"===d?"tertiary":"primary",size:"sm",iconProps:{iconName:"close",iconPrefix:"fas",iconSize:"1x"},tooltipLabel:y,...I})}),
|
|
5
|
+
/* @__PURE__ */a("div",{className:[c["callout-banner__meta-content"],"right"===N?c["callout-banner__meta-right"]:"","row"===L?c["callout-banner__meta-content--row"]:""].filter(Boolean).join(" "),children:[
|
|
6
|
+
/* @__PURE__ */e("div",{children:/* @__PURE__ */a("div",{className:`${c["callout-banner__meta-top"]} ${w?c["callout-banner__meta-top-dismiss"]:""}`,children:[
|
|
7
|
+
/* @__PURE__ */a(z,{id:A,className:c["callout-banner__meta-title"],children:[
|
|
8
|
+
/* @__PURE__ */a("span",{className:c["callout-banner__severity-label"],dir:"auto",children:[k,k?": ":""]}),
|
|
9
|
+
/* @__PURE__ */e("bdi",{dir:"auto",children:l})]}),_&&/* @__PURE__ */e("p",{id:S,className:c["callout-banner__meta-description"],children:_||null})]})}),u&&/* @__PURE__ */e("div",{className:c["callout-banner__meta-label"],children:u}),E&&/* @__PURE__ */e("div",{className:c["callout-banner__meta-label"],children:E.props.children})]})]})]}),$.length>0&&/* @__PURE__ */e("div",{className:c["callout-banner__end"],children:$})]})},s=({children:a})=>/* @__PURE__ */e("div",{className:c["callout-banner__meta-label"],children:a});_.Action=s;export{_ as CalloutBanner,s as CalloutBannerAction,_ as default};
|
|
10
10
|
//# sourceMappingURL=CalloutBanner.js.map
|