@alto-avios/alto-ui 5.1.2 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CalendarDate-uEuHKGse.js +2 -0
- package/dist/CalendarDate-uEuHKGse.js.map +1 -0
- package/dist/{DateField-oLDKE7Lh.js → DateField-rBq9QuR6.js} +4 -4
- package/dist/DateField-rBq9QuR6.js.map +1 -0
- package/dist/DatePicker.module-DlLCFGCM.js +2 -0
- package/dist/DatePicker.module-DlLCFGCM.js.map +1 -0
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/AviosCurrency.css +1 -1
- package/dist/assets/AviosCurrencyBadge.css +1 -1
- package/dist/assets/AviosCurrencySymbol.css +1 -1
- package/dist/assets/Badge.css +1 -1
- package/dist/assets/BannerSectionContent.css +1 -0
- package/dist/assets/BannerSectionPlectrum.css +1 -0
- package/dist/assets/BoxLink.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CalloutBanner.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/ClearFieldButton.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/ErrorSummary.css +1 -1
- package/dist/assets/IntroSection.css +1 -0
- package/dist/assets/Link.css +1 -1
- package/dist/assets/ProductTile.css +1 -0
- package/dist/assets/Radio.css +1 -1
- package/dist/assets/SelectCard.css +1 -1
- package/dist/assets/Tag.css +1 -1
- package/dist/components/Accordion/Accordion.js +12 -12
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/AviosBadge/AviosBadge.js.map +1 -1
- package/dist/components/AviosCurrency/AviosCurrency.js +4 -4
- package/dist/components/AviosCurrency/AviosCurrency.js.map +1 -1
- package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.js +2 -2
- package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.js.map +1 -1
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js +6 -6
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js.map +1 -1
- package/dist/components/Badge/Badge.js +2 -2
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/BannerSectionContent/BannerSectionContent.d.ts +31 -0
- package/dist/components/BannerSectionContent/BannerSectionContent.js +5 -0
- package/dist/components/BannerSectionContent/BannerSectionContent.js.map +1 -0
- package/dist/components/BannerSectionContent/index.d.ts +2 -0
- package/dist/components/BannerSectionContent/index.js +2 -0
- package/dist/components/BannerSectionContent/index.js.map +1 -0
- package/dist/components/BannerSectionPlectrum/BannerSectionPlectrum.d.ts +39 -0
- package/dist/components/BannerSectionPlectrum/BannerSectionPlectrum.js +9 -0
- package/dist/components/BannerSectionPlectrum/BannerSectionPlectrum.js.map +1 -0
- package/dist/components/BannerSectionPlectrum/index.d.ts +2 -0
- package/dist/components/BannerSectionPlectrum/index.js +2 -0
- package/dist/components/BannerSectionPlectrum/index.js.map +1 -0
- package/dist/components/Box/Box.js +2 -2
- package/dist/components/BoxLink/BoxLink.d.ts +52 -0
- package/dist/components/BoxLink/BoxLink.js +3 -0
- package/dist/components/BoxLink/BoxLink.js.map +1 -0
- package/dist/components/BoxLink/BoxLinkContext.d.ts +24 -0
- package/dist/components/BoxLink/BoxLinkContext.js +2 -0
- package/dist/components/BoxLink/BoxLinkContext.js.map +1 -0
- package/dist/components/BoxLink/index.d.ts +4 -0
- package/dist/components/BoxLink/index.js +2 -0
- package/dist/components/BoxLink/index.js.map +1 -0
- package/dist/components/Button/Button.d.ts +12 -83
- package/dist/components/Button/Button.js +3 -3
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/components/Calendar/Calendar.js +1 -1
- package/dist/components/CalendarRange/CalendarRange.js +1 -1
- package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
- package/dist/components/CalloutBanner/CalloutBanner.js +9 -9
- package/dist/components/CardSection/CardSection.js +1 -1
- package/dist/components/Carousel/Carousel.d.ts +8 -1
- package/dist/components/Carousel/Carousel.js +7 -7
- package/dist/components/Carousel/Carousel.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.js +5 -5
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/ClearFieldButton/ClearFieldButton.js +2 -1
- package/dist/components/ClearFieldButton/ClearFieldButton.js.map +1 -1
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +1 -1
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +1 -1
- package/dist/components/Currency/Currency.js +1 -1
- package/dist/components/DateField/DateField.d.ts +5 -1
- package/dist/components/DateField/DateField.js +1 -1
- package/dist/components/DateField/index.js +1 -1
- package/dist/components/DatePicker/DatePicker.js +3 -3
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +3 -3
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/Dialog/Dialog.js +5 -5
- package/dist/components/ErrorSummary/ErrorSummary.js +2 -2
- package/dist/components/Eyebrow/Eyebrow.js +1 -1
- package/dist/components/Form/Form.js +1 -1
- package/dist/components/Grid/Grid.d.ts +3 -3
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Heading/Heading.js +2 -2
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/IconBackdrop/IconBackdrop.js +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/Image/Image.js +1 -1
- package/dist/components/IntroSection/IntroSection.d.ts +42 -0
- package/dist/components/IntroSection/IntroSection.js +4 -0
- package/dist/components/IntroSection/IntroSection.js.map +1 -0
- package/dist/components/IntroSection/index.d.ts +2 -0
- package/dist/components/IntroSection/index.js +2 -0
- package/dist/components/IntroSection/index.js.map +1 -0
- package/dist/components/Label/Label.js +1 -1
- package/dist/components/Link/Link.d.ts +7 -2
- package/dist/components/Link/Link.js +3 -3
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/LoadingSpinner/LoadingSpinner.js +1 -1
- package/dist/components/Menu/Menu.d.ts +8 -36
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/NumberField/NumberField.js +2 -2
- package/dist/components/NumberField/NumberField.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +1 -1
- package/dist/components/PasswordField/PasswordField.js +1 -1
- package/dist/components/PhoneNumberField/PhoneNumberField.js +1 -1
- package/dist/components/ProductTile/ProductTile.d.ts +51 -0
- package/dist/components/ProductTile/ProductTile.js +7 -0
- package/dist/components/ProductTile/ProductTile.js.map +1 -0
- package/dist/components/ProductTile/index.d.ts +2 -0
- package/dist/components/ProductTile/index.js +2 -0
- package/dist/components/ProductTile/index.js.map +1 -0
- package/dist/components/Radio/Radio.js +1 -1
- package/dist/components/Section/Section.js +1 -1
- package/dist/components/SelectCard/SelectCard.js +5 -5
- package/dist/components/Spacer/Spacer.js +1 -1
- package/dist/components/SubHeading/SubHeading.js +1 -1
- package/dist/components/Tabs/TabList.js +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tag/Tag.js +2 -2
- package/dist/components/ToggleButton/ToggleButton.js +1 -1
- package/dist/components/ToggleIconButton/ToggleIconButton.js +1 -1
- package/dist/components/_base/Calendar/Calendar.js +1 -1
- package/dist/components/_base/Input/Input.js +1 -1
- package/dist/components/index.d.ts +12 -2
- package/dist/components/index.js +1 -1
- package/dist/{flex-D0sfBoFP.js → flex-BJOhaXnU.js} +2 -2
- package/dist/{flex-D0sfBoFP.js.map → flex-BJOhaXnU.js.map} +1 -1
- package/dist/index-CCUt_dAN.js +2 -0
- package/dist/{index-DiYWUa65.js.map → index-CCUt_dAN.js.map} +1 -1
- package/dist/index.js +1 -1
- package/dist/{input-DoPyN5PO.js → input-Ct1NB1lu.js} +2 -2
- package/dist/{input-DoPyN5PO.js.map → input-Ct1NB1lu.js.map} +1 -1
- package/dist/{padding-BPweMQaC.js → padding-nClUzhWp.js} +2 -2
- package/dist/{padding-BPweMQaC.js.map → padding-nClUzhWp.js.map} +1 -1
- package/dist/react-number-format.es-kdABQClE.js +2 -0
- package/dist/react-number-format.es-kdABQClE.js.map +1 -0
- package/dist/useCalendarState-BKam8aTi.js +2 -0
- package/dist/useCalendarState-BKam8aTi.js.map +1 -0
- package/dist/useControlledState-CLJIwghQ.js +2 -0
- package/dist/useControlledState-CLJIwghQ.js.map +1 -0
- package/dist/useGlobalListeners-CGYK0FZ8.js +2 -0
- package/dist/useGlobalListeners-CGYK0FZ8.js.map +1 -0
- package/dist/utils/backgroundColor/backgroundColor.js +1 -1
- package/dist/utils/border/border.js +1 -1
- package/dist/utils/date/date.js +1 -1
- package/dist/utils/flex/flex.js +1 -1
- package/dist/utils/focus/focusStyles.js +1 -1
- package/dist/utils/foregroundColour/foregroundColor.js +1 -1
- package/dist/utils/forms/field.js +1 -1
- package/dist/utils/forms/input/input.js +1 -1
- package/dist/utils/padding/padding.js +1 -1
- package/dist/utils/position/position.js +1 -1
- package/dist/utils/stories/DraggableContainer.js +7 -7
- package/dist/utils/stories/DraggableContainer.js.map +1 -1
- package/package.json +11 -5
- package/dist/CalendarDate-B7n_TjYa.js +0 -2
- package/dist/CalendarDate-B7n_TjYa.js.map +0 -1
- package/dist/DateField-oLDKE7Lh.js.map +0 -1
- package/dist/DatePicker.module-CGXPuf59.js +0 -2
- package/dist/DatePicker.module-CGXPuf59.js.map +0 -1
- package/dist/index-DiYWUa65.js +0 -2
- package/dist/react-number-format.es-7RDg5nwN.js +0 -2
- package/dist/react-number-format.es-7RDg5nwN.js.map +0 -1
- package/dist/useCalendarState-C9LlCwg-.js +0 -2
- package/dist/useCalendarState-C9LlCwg-.js.map +0 -1
- package/dist/useControlledState-DCczKDCM.js +0 -2
- package/dist/useControlledState-DCczKDCM.js.map +0 -1
- package/dist/useFormValidationState-CqKt4CQY.js +0 -2
- package/dist/useFormValidationState-CqKt4CQY.js.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{c as _}from"../../index-
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{c as _}from"../../index-CCUt_dAN.js";import{foregroundColorVariants as s}from"../../utils/foregroundColour/foregroundColor.js";import '../../assets/truncate.css';import '../../assets/Paragraph.css';/* empty css */import{getBaseValue as t,generateResponsiveClasses as l}from"../../utils/breakpoint/responsiveSSR.js";const a={paragraph:"_paragraph_1fw8b_4","size--xs":"_size--xs_1fw8b_39","size--sm":"_size--sm_1fw8b_42","size--md":"_size--md_1fw8b_45","size--lg":"_size--lg_1fw8b_48","align--start":"_align--start_1fw8b_65","align--center":"_align--center_1fw8b_68","align--end":"_align--end_1fw8b_71","truncate--true":"_truncate--true_1fw8b_91","truncate--false":"_truncate--false_1fw8b_95","sm:size--xs":"_sm:size--xs_1fw8b_1","sm:size--sm":"_sm:size--sm_1fw8b_1","sm:size--md":"_sm:size--md_1fw8b_1","sm:size--lg":"_sm:size--lg_1fw8b_1","sm:align--start":"_sm:align--start_1fw8b_1","sm:align--center":"_sm:align--center_1fw8b_1","sm:align--end":"_sm:align--end_1fw8b_1","sm:truncate--true":"_sm:truncate--true_1fw8b_1","sm:truncate--false":"_sm:truncate--false_1fw8b_1","md:size--xs":"_md:size--xs_1fw8b_1","md:size--sm":"_md:size--sm_1fw8b_1","md:size--md":"_md:size--md_1fw8b_1","md:size--lg":"_md:size--lg_1fw8b_1","md:align--start":"_md:align--start_1fw8b_1","md:align--center":"_md:align--center_1fw8b_1","md:align--end":"_md:align--end_1fw8b_1","md:truncate--true":"_md:truncate--true_1fw8b_1","md:truncate--false":"_md:truncate--false_1fw8b_1","lg:size--xs":"_lg:size--xs_1fw8b_1","lg:size--sm":"_lg:size--sm_1fw8b_1","lg:size--md":"_lg:size--md_1fw8b_1","lg:size--lg":"_lg:size--lg_1fw8b_1","lg:align--start":"_lg:align--start_1fw8b_1","lg:align--center":"_lg:align--center_1fw8b_1","lg:align--end":"_lg:align--end_1fw8b_1","lg:truncate--true":"_lg:truncate--true_1fw8b_1","lg:truncate--false":"_lg:truncate--false_1fw8b_1","xl:size--xs":"_xl:size--xs_1fw8b_1","xl:size--sm":"_xl:size--sm_1fw8b_1","xl:size--md":"_xl:size--md_1fw8b_1","xl:size--lg":"_xl:size--lg_1fw8b_1","xl:align--start":"_xl:align--start_1fw8b_1","xl:align--center":"_xl:align--center_1fw8b_1","xl:align--end":"_xl:align--end_1fw8b_1","xl:truncate--true":"_xl:truncate--true_1fw8b_1","xl:truncate--false":"_xl:truncate--false_1fw8b_1","xxl:size--xs":"_xxl:size--xs_1fw8b_1","xxl:size--sm":"_xxl:size--sm_1fw8b_1","xxl:size--md":"_xxl:size--md_1fw8b_1","xxl:size--lg":"_xxl:size--lg_1fw8b_1","xxl:align--start":"_xxl:align--start_1fw8b_1","xxl:align--center":"_xxl:align--center_1fw8b_1","xxl:align--end":"_xxl:align--end_1fw8b_1","xxl:truncate--true":"_xxl:truncate--true_1fw8b_1","xxl:truncate--false":"_xxl:truncate--false_1fw8b_1"},n=l(a),i=_(a.paragraph,{variants:{size:{xs:a["size--xs"],sm:a["size--sm"],md:a["size--md"],lg:a["size--lg"]},textAlign:{start:a["align--start"],center:a["align--center"],end:a["align--end"]},truncate:{true:a["truncate--true"],false:a["truncate--false"]}},defaultVariants:{size:"md",textAlign:"start"}}),r=({children:_,size:l="md",foregroundColor:a="secondary",textAlign:r="start",truncate:g=!1,...f})=>{const m=t(l,"md"),x=t(r,"start"),d=t(g,!1),z=n(l,"size"),b=n(r,"align"),u=n(g,"truncate");/* @__PURE__ */
|
|
2
2
|
return e("p",{className:[i({size:m,textAlign:x,truncate:d}),s({foregroundColor:a}),...z,...b,...u].filter(Boolean).join(" "),...f,children:_})};export{r as Paragraph,r as default};
|
|
3
3
|
//# sourceMappingURL=Paragraph.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as a}from"react/jsx-runtime";import s,{forwardRef as t,useState as i,useMemo as r}from"react";import{Field as l}from"../_base/Field/Field.js";import{TextField as n,Group as o,Input as d}from"react-aria-components";import{IconButton as c}from"../IconButton/IconButton.js";import{c as m}from"../../index-
|
|
1
|
+
import{jsxs as e,jsx as a}from"react/jsx-runtime";import s,{forwardRef as t,useState as i,useMemo as r}from"react";import{Field as l}from"../_base/Field/Field.js";import{TextField as n,Group as o,Input as d}from"react-aria-components";import{IconButton as c}from"../IconButton/IconButton.js";import{c as m}from"../../index-CCUt_dAN.js";import{Icon as u}from"../Icon/Icon.js";import '../../assets/PasswordField.css';const p="_passwordField__wrapper_14zwq_1",h="_passwordField_14zwq_1",_="_passwordField__strength_14zwq_12",w="_passwordField__strength-text_14zwq_22",g="_passwordStrengthItem_14zwq_113",b="_passwordStrengthItemValid_14zwq_125",f="_passwordStrengthItemNeutral_14zwq_129",v="_passwordStrengthItemInvalid_14zwq_133",N={valid:"Requirement met",neutral:"Requirement",invalid:"Requirement not met"},q=t(({screenReaderStrengthLabels:t,tooltipLabelShowPassword:m="Show Password",tooltipLabelHidePassword:u="Hide Password",requirementsLabel:w="Password requirements",...g},b)=>{const[f,v]=i(g.isVisible||!1),[q,P]=i(g?.defaultValue),I=g?.value??q,S=g?.isVisible??f,y=s.useId(),z=[!!g.strengthValidations?.length&&y,g["aria-describedby"]].filter(Boolean).join(" ")||void 0,V=s.useCallback(e=>{P(e.target.value),g?.onChange?.(e.target.value)},[g.onChange]),F=r(()=>({...N,...t??{}}),[t]),L=S?u:m;/* @__PURE__ */
|
|
2
2
|
return e("div",{className:p,children:[
|
|
3
3
|
/* @__PURE__ */a(l,{as:n,className:h,label:"Password",hasEndIcon:!0,...g,children:/* @__PURE__ */a("div",{className:h,children:/* @__PURE__ */e(o,{children:[
|
|
4
4
|
/* @__PURE__ */a(d,{ref:b,type:S?"text":"password",value:I,onChange:V,"data-testid":"alto-password-field-input","aria-describedby":z}),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as l,useId as r,useState as t}from"react";import{TextField as n,Input as o}from"react-aria-components";import{useObjectRef as c}from"@react-aria/utils";import{u as i,N as s}from"../../react-number-format.es-
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as l,useId as r,useState as t}from"react";import{TextField as n,Input as o}from"react-aria-components";import{useObjectRef as c}from"@react-aria/utils";import{u as i,N as s}from"../../react-number-format.es-kdABQClE.js";import{resolveCountryCode as u,DEFAULT_OPTIONS as d,DEFAULT_PATTERN as m,getCountryOptions as p,getCountryFlagEmoji as h,getPhoneNumberValue as f}from"../../utils/phoneNumber/phoneNumber.js";import{Field as v}from"../_base/Field/Field.js";import '../../assets/PhoneNumberField.css';const b={phoneNumberField:"_phoneNumberField_1x7nr_1",selectHandlerValue:"_selectHandlerValue_1x7nr_35",selectHandlerIcon:"_selectHandlerIcon_1x7nr_66",selectWrapper:"_selectWrapper_1x7nr_78"},y=l(function({defaultCountry:l,hasCountrySelect:y=!0,options:g=d,onChange:_,countryCode:C,value:N,countryCodes:x,isFormatted:F=!0,id:I,countrySelectLabel:w="Select a country",label:H="Phone number",...V},j){const S=r(),W=I||S,B=c(j),D=u(l)||"GB",[E,L]=t(D),$=u(C)??E,[G,P]=t(""),R=N??G,k=g?.find(e=>e.countryCode===$),q=y?(k?.pattern??m)+"#":m,[z,A]=t(!1),{format:J,...K}=i({allowEmptyFormatting:!1,format:z||!F?m:q,placeholder:V?.placeholder,name:V?.name}),M=p(g,x),O=M.find(e=>e.value===D);/* @__PURE__ */
|
|
2
2
|
return e(v,{as:n,label:H,labelFor:W,hasEndIcon:!1,hasStartIcon:!1,...V,children:/* @__PURE__ */a("div",{className:b.phoneNumberField,children:[y&&/* @__PURE__ */a("div",{className:b.selectWrapper,children:[
|
|
3
3
|
/* @__PURE__ */e("select",{className:b.selectInput,...C?{value:$}:{defaultValue:O?.value},onChange:e=>{return a=e.target.value,L(a),_?.(f({value:R,countryCode:a,options:g})),void B.current?.focus();var a},"aria-label":w,id:`${W}-country-select`,disabled:V?.isDisabled,"aria-disabled":V?.isDisabled,children:M.map(a=>/* @__PURE__ */e("option",{value:a.value,children:a.label},a.value))}),
|
|
4
4
|
/* @__PURE__ */a("div",{className:b.selectHandlerValue,"aria-hidden":"true",id:`${W}-country-display`,children:[h($)+" "+$,
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BoxLinkProps } from '../BoxLink';
|
|
3
|
+
import { BoxProps } from '../Box';
|
|
4
|
+
export interface ProductTileProps {
|
|
5
|
+
/**
|
|
6
|
+
* Destination URL for the tile.
|
|
7
|
+
*/
|
|
8
|
+
href: NonNullable<BoxLinkProps['href']>;
|
|
9
|
+
/**
|
|
10
|
+
* The target attribute for the link.
|
|
11
|
+
* @default '_self'
|
|
12
|
+
*/
|
|
13
|
+
target?: BoxLinkProps['target'];
|
|
14
|
+
/**
|
|
15
|
+
* Leading media content.
|
|
16
|
+
*/
|
|
17
|
+
media: React.ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Main title content.
|
|
20
|
+
*/
|
|
21
|
+
title: string;
|
|
22
|
+
/**
|
|
23
|
+
* The width of the Box.
|
|
24
|
+
* Accepts any valid CSS unit or "full"
|
|
25
|
+
* @default '390px'
|
|
26
|
+
*/
|
|
27
|
+
width?: BoxProps['width'];
|
|
28
|
+
/**
|
|
29
|
+
* **[Responsive]** The maximum width of the Box.
|
|
30
|
+
* Accepts any valid CSS unit or "pageWidth" to use the `section-container-max-width` token.
|
|
31
|
+
* @default '390px'
|
|
32
|
+
*/
|
|
33
|
+
maxWidth?: BoxProps['maxWidth'];
|
|
34
|
+
/**
|
|
35
|
+
* Optional supporting text.
|
|
36
|
+
*/
|
|
37
|
+
description?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Optional details subcomponent content, such as `ProductTile.Details`.
|
|
40
|
+
*/
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
}
|
|
43
|
+
export interface ProductTileDetailsProps {
|
|
44
|
+
/** Content rendered inside the ProductTile details area. */
|
|
45
|
+
children: React.ReactNode;
|
|
46
|
+
}
|
|
47
|
+
interface ProductTileComponent extends React.ForwardRefExoticComponent<ProductTileProps & React.RefAttributes<HTMLAnchorElement>> {
|
|
48
|
+
Details: React.FC<ProductTileDetailsProps>;
|
|
49
|
+
}
|
|
50
|
+
export declare const ProductTile: ProductTileComponent;
|
|
51
|
+
export default ProductTile;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Box as o}from"../Box/Box.js";import{BoxLink as r}from"../BoxLink/BoxLink.js";import"../BoxLink/BoxLinkContext.js";import{Paragraph as c}from"../Paragraph/Paragraph.js";import{Icon as n}from"../Icon/Icon.js";import '../../assets/ProductTile.css';const d={"product-tile":"_product-tile_zcaft_1","product-tile__media":"_product-tile__media_zcaft_6","product-tile__content":"_product-tile__content_zcaft_12","product-tile__content-details":"_product-tile__content-details_zcaft_19","product-tile__content-icon":"_product-tile__content-icon_zcaft_26","product-tile__content-title":"_product-tile__content-title_zcaft_38"},a=({children:e})=>/* @__PURE__ */t("div",{className:d["product-tile__content-details"],children:e}),l=i(function({href:i,target:a,media:l,title:_,width:s="390px",maxWidth:p="390px",description:m,children:u},h){/* @__PURE__ */
|
|
2
|
+
return t(r,{href:i,target:a,styleVariant:"default",ref:h,children:/* @__PURE__ */t("div",{className:d["product-tile"],children:/* @__PURE__ */e(o,{paddingTop:"xs",paddingBottom:"xs",paddingLeft:"xs",paddingRight:"sm",backgroundColor:"layer2",borderRadius:"sm",display:"flex",flexDirection:"row",gap:"xs",width:s,maxWidth:p,alignItems:"center",justifyContent:"spaceBetween",children:[
|
|
3
|
+
/* @__PURE__ */t("div",{className:d["product-tile__media"],children:l}),
|
|
4
|
+
/* @__PURE__ */e("div",{className:d["product-tile__content"],children:[
|
|
5
|
+
/* @__PURE__ */t("div",{className:d["product-tile__content-title"],children:/* @__PURE__ */t(c,{foregroundColor:"accentSecondary",size:"md",children:/* @__PURE__ */t("strong",{children:_})})}),m&&/* @__PURE__ */t("div",{className:d["product-tile__content-description"],children:/* @__PURE__ */t(c,{foregroundColor:"secondary",size:"sm",children:m})}),u]}),
|
|
6
|
+
/* @__PURE__ */t("div",{className:d["product-tile__content-icon"],children:/* @__PURE__ */t(n,{iconName:"circle-arrow-right",iconSize:"1.5x",padding:"none",color:"accentSecondary",pull:"right"})})]})})})});l.Details=a,a.displayName="ProductTile.Details";export{l as ProductTile,l as default};
|
|
7
|
+
//# sourceMappingURL=ProductTile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductTile.js","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styles from './ProductTile.module.css';\nimport Box from '../Box';\nimport BoxLink from '../BoxLink';\nimport type { BoxLinkProps } from '../BoxLink';\nimport type { BoxProps } from '../Box';\nimport Paragraph from '../Paragraph';\nimport Icon from '../Icon';\n\nexport interface ProductTileProps {\n /**\n * Destination URL for the tile.\n */\n href: NonNullable<BoxLinkProps['href']>;\n /**\n * The target attribute for the link.\n * @default '_self'\n */\n target?: BoxLinkProps['target'];\n /**\n * Leading media content.\n */\n media: React.ReactNode;\n /**\n * Main title content.\n */\n title: string;\n /**\n * The width of the Box.\n * Accepts any valid CSS unit or \"full\"\n * @default '390px'\n */\n width?: BoxProps['width'];\n /**\n * **[Responsive]** The maximum width of the Box.\n * Accepts any valid CSS unit or \"pageWidth\" to use the `section-container-max-width` token.\n * @default '390px'\n */\n maxWidth?: BoxProps['maxWidth'];\n /**\n * Optional supporting text.\n */\n description?: string;\n /**\n * Optional details subcomponent content, such as `ProductTile.Details`.\n */\n children?: React.ReactNode;\n}\n\nexport interface ProductTileDetailsProps {\n /** Content rendered inside the ProductTile details area. */\n children: React.ReactNode;\n}\n\ninterface ProductTileComponent\n extends React.ForwardRefExoticComponent<\n ProductTileProps & React.RefAttributes<HTMLAnchorElement>\n > {\n Details: React.FC<ProductTileDetailsProps>;\n}\n\nconst Details = ({ children }: ProductTileDetailsProps) => (\n <div className={styles['product-tile__content-details']}>{children}</div>\n);\n\nexport const ProductTile = forwardRef<HTMLAnchorElement, ProductTileProps>(\n function ProductTile(\n {\n href,\n target,\n media,\n title,\n width = '390px',\n maxWidth = '390px',\n description,\n children,\n },\n ref,\n ) {\n return (\n <BoxLink href={href} target={target} styleVariant=\"default\" ref={ref}>\n <div className={styles['product-tile']}>\n <Box\n paddingTop=\"xs\"\n paddingBottom=\"xs\"\n paddingLeft=\"xs\"\n paddingRight=\"sm\"\n backgroundColor=\"layer2\"\n borderRadius=\"sm\"\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"xs\"\n width={width}\n maxWidth={maxWidth}\n alignItems=\"center\"\n justifyContent=\"spaceBetween\"\n >\n <div className={styles['product-tile__media']}>{media}</div>\n <div className={styles['product-tile__content']}>\n <div className={styles['product-tile__content-title']}>\n <Paragraph foregroundColor=\"accentSecondary\" size=\"md\">\n <strong>{title}</strong>\n </Paragraph>\n </div>\n {description && (\n <div className={styles['product-tile__content-description']}>\n <Paragraph foregroundColor=\"secondary\" size=\"sm\">\n {description}\n </Paragraph>\n </div>\n )}\n {children}\n </div>\n <div className={styles['product-tile__content-icon']}>\n <Icon\n iconName=\"circle-arrow-right\"\n iconSize=\"1.5x\"\n padding=\"none\"\n color=\"accentSecondary\"\n pull=\"right\"\n />\n </div>\n </Box>\n </div>\n </BoxLink>\n );\n },\n) as ProductTileComponent;\n\nProductTile.Details = Details;\nDetails.displayName = 'ProductTile.Details';\n\nexport default ProductTile;\n"],"names":["Details","children","jsx","className","styles","ProductTile","forwardRef","href","target","media","title","width","maxWidth","description","ref","BoxLink","styleVariant","jsxs","Box","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderRadius","display","flexDirection","gap","alignItems","justifyContent","Paragraph","foregroundColor","size","Icon","iconName","iconSize","padding","color","pull","displayName"],"mappings":"+pBA6DMA,EAAU,EAAGC,6BACjBC,EAAC,MAAA,CAAIC,UAAWC,EAAO,iCAAmCH,aAG/CI,EAAcC,EACzB,UACEC,KACEA,EAAAC,OACAA,EAAAC,MACAA,EAAAC,MACAA,EAAAC,MACAA,EAAQ,QAAAC,SACRA,EAAW,QAAAC,YACXA,EAAAZ,SACAA,GAEFa;AAEA,SACGC,EAAA,CAAQR,OAAYC,SAAgBQ,aAAa,UAAUF,MAC1Db,wBAAAC,EAAC,MAAA,CAAIC,UAAWC,EAAO,gBACrBH,wBAAAgB,EAACC,EAAA,CACCC,WAAW,KACXC,cAAc,KACdC,YAAY,KACZC,aAAa,KACbC,gBAAgB,SAChBC,aAAa,KACbC,QAAQ,OACRC,cAAc,MACdC,IAAI,KACJhB,QACAC,WACAgB,WAAW,SACXC,eAAe,eAEf5B,SAAA;eAAAC,EAAC,MAAA,CAAIC,UAAWC,EAAO,uBAAyBH,SAAAQ;iBAC/C,MAAA,CAAIN,UAAWC,EAAO,yBACrBH,SAAA;eAAAC,EAAC,MAAA,CAAIC,UAAWC,EAAO,+BACrBH,wBAAAC,EAAC4B,EAAA,CAAUC,gBAAgB,kBAAkBC,KAAK,KAChD/B,wBAAAC,EAAC,SAAA,CAAQD,SAAAS,QAGZG,oBACE,MAAA,CAAIV,UAAWC,EAAO,qCACrBH,wBAAAC,EAAC4B,EAAA,CAAUC,gBAAgB,YAAYC,KAAK,KACzC/B,eAINA;iBAEF,MAAA,CAAIE,UAAWC,EAAO,8BACrBH,wBAAAC,EAAC+B,EAAA,CACCC,SAAS,qBACTC,SAAS,OACTC,QAAQ,OACRC,MAAM,kBACNC,KAAK,kBAOnB,GAGFjC,EAAYL,QAAUA,EACtBA,EAAQuC,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as a}from"react/jsx-runtime";import{Radio as e}from"react-aria-components";import{c as
|
|
1
|
+
import{jsx as a}from"react/jsx-runtime";import{Radio as e}from"react-aria-components";import{c as s}from"../../index-CCUt_dAN.js";import '../../assets/Radio.css';const t=s("_radio_s2boa_1",{variants:{focusStyle:{default:"_defaultFocus_s2boa_44",white:"_whiteFocus_s2boa_48"}},defaultVariants:{focusStyle:"default"}}),o=({value:s,children:o,isDisabled:i=!1,focusStyle:l="default",...r})=>/* @__PURE__ */a(e,{className:t({focusStyle:l}),value:s,isDisabled:i,...r,children:o});export{o as Radio,o as default};
|
|
2
2
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import d,{forwardRef as i}from"react";import{backgroundColorVariants as a}from"../../utils/backgroundColor/backgroundColor.js";import{p as n,a as e}from"../../padding-
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import d,{forwardRef as i}from"react";import{backgroundColorVariants as a}from"../../utils/backgroundColor/backgroundColor.js";import{p as n,a as e}from"../../padding-nClUzhWp.js";import{c as l}from"../../index-CCUt_dAN.js";import{f as o,a as r}from"../../flex-BJOhaXnU.js";import{getBaseValueOrUndefined as f,generateResponsiveClasses as p}from"../../utils/breakpoint/responsiveSSR.js";import '../../assets/Section.css';const g={section:"_section_1vbrj_1",container:"_container_1vbrj_8","container--max-width-page":"_container--max-width-page_1vbrj_16","container--max-width-full-width":"_container--max-width-full-width_1vbrj_20","sm:container--max-width-page":"_sm:container--max-width-page_1vbrj_1","sm:container--max-width-full-width":"_sm:container--max-width-full-width_1vbrj_1","md:container--max-width-page":"_md:container--max-width-page_1vbrj_1","md:container--max-width-full-width":"_md:container--max-width-full-width_1vbrj_1","lg:container--max-width-page":"_lg:container--max-width-page_1vbrj_1","lg:container--max-width-full-width":"_lg:container--max-width-full-width_1vbrj_1","xl:container--max-width-page":"_xl:container--max-width-page_1vbrj_1","xl:container--max-width-full-width":"_xl:container--max-width-full-width_1vbrj_1","xxl:container--max-width-page":"_xxl:container--max-width-page_1vbrj_1","xxl:container--max-width-full-width":"_xxl:container--max-width-full-width_1vbrj_1","padding-X--default":"_padding-X--default_1vbrj_35","padding-Y--default":"_padding-Y--default_1vbrj_40","padding-top--default":"_padding-top--default_1vbrj_45","padding-right--default":"_padding-right--default_1vbrj_49","padding-bottom--default":"_padding-bottom--default_1vbrj_53","padding-left--default":"_padding-left--default_1vbrj_57"},u=p(g),m=p(e),c=p(r),s=l("",{variants:{paddingX:{default:g["padding-X--default"]},paddingY:{default:g["padding-Y--default"]},paddingTop:{default:g["padding-top--default"]},paddingRight:{default:g["padding-right--default"]},paddingBottom:{default:g["padding-bottom--default"]},paddingLeft:{default:g["padding-left--default"]}}}),h=l("",{variants:{containerMaxWidth:{"full-width":g["container--max-width-full-width"],page:g["container--max-width-page"]}}}),x=({children:d,className:i,containerMaxWidth:a="page",flexDirection:n,justifyContent:e,alignItems:l})=>{const r=f(a)??"page",p=f(n),m=f(e),s=f(l),x=u(a,"container--max-width"),_=c(n,"flex--direction"),w=c(e,"flex--justify-content"),v=c(l,"flex--align-items"),j="full-width"===r?g.fullWidth:g.pageWidth;/* @__PURE__ */
|
|
2
2
|
return t("div",{className:[h({containerMaxWidth:r}),g.container,j,...x,o({display:p||m||l?"flex":void 0,flexDirection:p,justifyContent:m,alignItems:s}),..._,...w,...v,i||""].filter(Boolean).join(" "),children:d})},_=i(({children:i,containerMaxWidth:e="page",backgroundColor:l,paddingTop:r,paddingBottom:p,paddingLeft:u,paddingRight:h,paddingX:_,paddingY:w="default",style:v,className:j,flexDirection:b,justifyContent:y,alignItems:C},W)=>{const X=f(r),Y=f(p),B=f(u),D=f(h),I=f(_),M=f(w),k=f(b),N=f(y),R=f(C),L=m(r,"padding--top"),T=m(_,"padding--x"),S=m(w,"padding--y"),E=m(p,"padding--bottom"),V=m(u,"padding--left"),q=m(h,"padding--right"),z=c(b,"flex--direction"),A=c(y,"flex--justify-content"),F=c(C,"flex--align-items"),G=null!=r,H=null!=p,J=null!=u,K=null!=h;/* @__PURE__ */
|
|
3
3
|
return t("section",{ref:W,className:[g.section,n({paddingTop:"default"!==X?X:void 0,paddingBottom:"default"!==Y?Y:void 0,paddingLeft:"default"!==B?B:void 0,paddingRight:"default"!==D?D:void 0,paddingX:"default"!==I?I:void 0,paddingY:"default"!==M?M:void 0}),s({paddingTop:"default"===X?"default":void 0,paddingBottom:"default"===Y?"default":void 0,paddingLeft:"default"===B?"default":void 0,paddingRight:"default"===D?"default":void 0,paddingX:"default"!==I||J||K?void 0:"default",paddingY:"default"!==M||G||H?void 0:"default"}),a({backgroundColor:l}),o({flexDirection:k,justifyContent:N,alignItems:R}),...L,...q,...E,...V,...T,...S,...z,...A,...F,j].filter(Boolean).join(" "),style:v,"data-testid":"section",children:d.Children.map(i,t=>d.isValidElement(t)&&t.type===x?d.cloneElement(t,{...t.props,containerMaxWidth:t.props.containerMaxWidth??e,flexDirection:t.props.flexDirection??b,justifyContent:t.props.justifyContent??y,alignItems:t.props.alignItems??C}):t)})});_.displayName="Section",_.Container=x;export{_ as default};
|
|
4
4
|
//# sourceMappingURL=Section.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
2
|
-
return e("div",{className:_,"data-select-control":
|
|
3
|
-
return
|
|
4
|
-
/* @__PURE__ */e(
|
|
5
|
-
/* @__PURE__ */e(
|
|
1
|
+
import{jsx as e,jsxs as l}from"react/jsx-runtime";import a,{createContext as r,useContext as c,Children as s}from"react";import{Paragraph as t}from"../Paragraph/Paragraph.js";import{Checkbox as d,Radio as i}from"react-aria-components";import '../../assets/SelectCard.css';const _="_select-card_k6svz_1",n="_select-card__details_k6svz_23",o="_select-card__header-content-wrapper_k6svz_40",h="_select-card__start-slot_k6svz_41",m="_select-card__end-slot_k6svz_42",v="_select-card__body_k6svz_43",p="_select-card__label-title_k6svz_47",b="_select-card__header_k6svz_40",k="_select-card__label_k6svz_47",u="_select-card__checkbox-input_k6svz_106",z="_select-card__checkbox-input-icon_k6svz_190",N="_select-card__radio-input_k6svz_216",y=r({}),f=({children:l,hasSelectControl:r=!0,...c})=>{const s=a.useId();/* @__PURE__ */
|
|
2
|
+
return e("div",{className:_,"data-select-control":r,children:/* @__PURE__ */e(y.Provider,{value:{"aria-labelledby":c["aria-labelledby"]||s,hasSelectControl:r,...c},children:l})})},x=({children:l})=>/* @__PURE__ */e("div",{className:h,children:l}),S=({children:l})=>/* @__PURE__ */e("div",{className:m,children:l}),g=({title:a,description:r,headingLevel:s})=>{const d=c(y);/* @__PURE__ */
|
|
3
|
+
return l("div",{className:k,children:[
|
|
4
|
+
/* @__PURE__ */e(s||"h3",{className:p,id:d?.["aria-labelledby"],children:a}),
|
|
5
|
+
/* @__PURE__ */e(t,{size:"sm",foregroundColor:d?.isDisabled?"disabledOnSubtle":"default",children:r})]})};f.Header=({children:r})=>{const{hasSelectControl:t,..._}=c(y),n=s.map(r,(l,r)=>{const c=l;return c?.type!==g&&c?.type!==x&&c?.type!==S?/* @__PURE__ */e("div",{className:o,children:l},r):a.isValidElement(l)?a.cloneElement(l,{key:r}):l});return"checkbox"===_.type?/* @__PURE__ */l(d,{className:b,..._,children:[t&&/* @__PURE__ */e("div",{className:u,children:/* @__PURE__ */e("svg",{className:z,viewBox:"0 0 18 18","aria-hidden":"true",children:_?.isIndeterminate?/* @__PURE__ */e("rect",{x:1,y:7.5,width:15,height:3}):/* @__PURE__ */e("polyline",{points:"1 9 7 14 15 4"})})}),n]}):/* @__PURE__ */l(i,{className:b,..._,children:[t&&/* @__PURE__ */e("span",{className:N}),n]})},f.StartSlot=x,f.EndSlot=S,f.Label=g,f.Body=({children:l})=>/* @__PURE__ */e("div",{className:v,children:l}),f.Details=({children:l})=>/* @__PURE__ */e("div",{className:n,children:l});export{y as SelectCardContext,f as default};
|
|
6
6
|
//# sourceMappingURL=SelectCard.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as x}from"react/jsx-runtime";import{c as s}from"../../index-
|
|
1
|
+
import{jsx as x}from"react/jsx-runtime";import{c as s}from"../../index-CCUt_dAN.js";import '../../assets/Spacer.css';const _={spacer:"_spacer_13sex_1",debugVisible:"_debugVisible_13sex_10","h-0":"_h-0_13sex_16","h-5xs":"_h-5xs_13sex_20","h-4xs":"_h-4xs_13sex_24","h-3xs":"_h-3xs_13sex_28","h-2xs":"_h-2xs_13sex_32","h-xs":"_h-xs_13sex_36","h-sm":"_h-sm_13sex_40","h-md":"_h-md_13sex_44","h-lg":"_h-lg_13sex_48","h-xl":"_h-xl_13sex_52","h-2xl":"_h-2xl_13sex_56","h-3xl":"_h-3xl_13sex_60","h-4xl":"_h-4xl_13sex_64","h-5xl":"_h-5xl_13sex_68","w-0":"_w-0_13sex_72","w-5xs":"_w-5xs_13sex_76","w-4xs":"_w-4xs_13sex_80","w-3xs":"_w-3xs_13sex_84","w-2xs":"_w-2xs_13sex_88","w-xs":"_w-xs_13sex_92","w-sm":"_w-sm_13sex_96","w-md":"_w-md_13sex_100","w-lg":"_w-lg_13sex_104","w-xl":"_w-xl_13sex_108","w-2xl":"_w-2xl_13sex_112","w-3xl":"_w-3xl_13sex_116","w-4xl":"_w-4xl_13sex_120","w-5xl":"_w-5xl_13sex_124"},e=s(_.spacer,{variants:{w:{none:_["w-0"],0:_["w-0"],"5xs":_["w-5xs"],"4xs":_["w-4xs"],"3xs":_["w-3xs"],"2xs":_["w-2xs"],xs:_["w-xs"],sm:_["w-sm"],md:_["w-md"],lg:_["w-lg"],xl:_["w-xl"],"2xl":_["w-2xl"],"3xl":_["w-3xl"],"4xl":_["w-4xl"],"5xl":_["w-5xl"]},h:{none:_["h-0"],0:_["h-0"],"5xs":_["h-5xs"],"4xs":_["h-4xs"],"3xs":_["h-3xs"],"2xs":_["h-2xs"],xs:_["h-xs"],sm:_["h-sm"],md:_["h-md"],lg:_["h-lg"],xl:_["h-xl"],"2xl":_["h-2xl"],"3xl":_["h-3xl"],"4xl":_["h-4xl"],"5xl":_["h-5xl"]},inline:{true:_.spacerInline}},defaultVariants:{h:"sm",w:"sm"}}),l=({debugVisible:s,...l})=>/* @__PURE__ */x("span",{className:`${e(l)} ${s?_.debugVisible:""}`,"aria-hidden":"true",role:"presentation"});export{l as Spacer,l as default,e as spacerVariants};
|
|
2
2
|
//# sourceMappingURL=Spacer.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{c as t}from"../../index-
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{c as t}from"../../index-CCUt_dAN.js";import{foregroundColorVariants as _}from"../../utils/foregroundColour/foregroundColor.js";import '../../assets/truncate.css';import '../../assets/SubHeading.css';/* empty css */import{getBaseValue as s,generateResponsiveClasses as n}from"../../utils/breakpoint/responsiveSSR.js";const a={subHeading:"_subHeading_5fx4j_1","size--xs":"_size--xs_5fx4j_24","size--sm":"_size--sm_5fx4j_27","align--start":"_align--start_5fx4j_44","align--center":"_align--center_5fx4j_47","align--end":"_align--end_5fx4j_50","truncate--true":"_truncate--true_5fx4j_70","truncate--false":"_truncate--false_5fx4j_74","sm:size--xs":"_sm:size--xs_5fx4j_1","sm:size--sm":"_sm:size--sm_5fx4j_1","sm:align--start":"_sm:align--start_5fx4j_1","sm:align--center":"_sm:align--center_5fx4j_1","sm:align--end":"_sm:align--end_5fx4j_1","sm:truncate--true":"_sm:truncate--true_5fx4j_1","sm:truncate--false":"_sm:truncate--false_5fx4j_1","md:size--xs":"_md:size--xs_5fx4j_1","md:size--sm":"_md:size--sm_5fx4j_1","md:align--start":"_md:align--start_5fx4j_1","md:align--center":"_md:align--center_5fx4j_1","md:align--end":"_md:align--end_5fx4j_1","md:truncate--true":"_md:truncate--true_5fx4j_1","md:truncate--false":"_md:truncate--false_5fx4j_1","lg:size--xs":"_lg:size--xs_5fx4j_1","lg:size--sm":"_lg:size--sm_5fx4j_1","lg:align--start":"_lg:align--start_5fx4j_1","lg:align--center":"_lg:align--center_5fx4j_1","lg:align--end":"_lg:align--end_5fx4j_1","lg:truncate--true":"_lg:truncate--true_5fx4j_1","lg:truncate--false":"_lg:truncate--false_5fx4j_1","xl:size--xs":"_xl:size--xs_5fx4j_1","xl:size--sm":"_xl:size--sm_5fx4j_1","xl:align--start":"_xl:align--start_5fx4j_1","xl:align--center":"_xl:align--center_5fx4j_1","xl:align--end":"_xl:align--end_5fx4j_1","xl:truncate--true":"_xl:truncate--true_5fx4j_1","xl:truncate--false":"_xl:truncate--false_5fx4j_1","xxl:size--xs":"_xxl:size--xs_5fx4j_1","xxl:size--sm":"_xxl:size--sm_5fx4j_1","xxl:align--start":"_xxl:align--start_5fx4j_1","xxl:align--center":"_xxl:align--center_5fx4j_1","xxl:align--end":"_xxl:align--end_5fx4j_1","xxl:truncate--true":"_xxl:truncate--true_5fx4j_1","xxl:truncate--false":"_xxl:truncate--false_5fx4j_1"},l=n(a),r=t(a.subHeading,{variants:{size:{xs:a["size--xs"],sm:a["size--sm"]},textAlign:{start:a["align--start"],center:a["align--center"],end:a["align--end"]},truncate:{true:a["truncate--true"],false:a["truncate--false"]}},defaultVariants:{size:"sm",textAlign:"start"}}),x=({children:t,as:n="span",size:a,foregroundColor:x="accentPrimary",textAlign:i="start",truncate:f=!1,...g})=>{const u=s(a,"sm"),m=s(i,"start"),c=s(f,!1),j=l(a,"size"),d=l(i,"align"),o=l(f,"truncate");/* @__PURE__ */
|
|
2
2
|
return e(n,{className:[r({size:u,textAlign:m,truncate:c}),_({foregroundColor:x}),...j,...d,...o].filter(Boolean).join(" "),...g,children:t})};export{x as SubHeading,x as default};
|
|
3
3
|
//# sourceMappingURL=SubHeading.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"react";import"react-aria-components";import"../../index-
|
|
1
|
+
import"react/jsx-runtime";import"react";import"react-aria-components";import"../../index-CCUt_dAN.js";import"../Carousel/CarouselButton/CarouselButton.js";import{TabList as t,TabList as r}from"./Tabs.js";import"../../TabPanel-C7ANBbTA.js";export{t as TabList,r as default};
|
|
2
2
|
//# sourceMappingURL=TabList.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import r,{useRef as a,useState as i,useCallback as l,useEffect as s,createContext as o,useContext as c}from"react";import{TabList as d,Tab as u,Tabs as h}from"react-aria-components";import{c as f}from"../../index-
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import r,{useRef as a,useState as i,useCallback as l,useEffect as s,createContext as o,useContext as c}from"react";import{TabList as d,Tab as u,Tabs as h}from"react-aria-components";import{c as f}from"../../index-CCUt_dAN.js";import{s as m,T as g}from"../../TabPanel-C7ANBbTA.js";import{CarouselButton as v}from"../Carousel/CarouselButton/CarouselButton.js";import{Heading as b}from"../Heading/Heading.js";import{Icon as y}from"../Icon/Icon.js";import{focusStyleVariants as S}from"../../utils/focus/focusStyles.js";const p=f(m.tabList,{variants:{fillContainer:{true:m.fillContainer,false:void 0},hasScrollButtons:{true:m.hasScrollButtons,false:void 0}},defaultVariants:{fillContainer:!1,hasScrollButtons:!1}}),C=({children:n,className:o})=>{const c=w(),{styleVariant:u,align:h,fillContainer:f,focusStyle:g}=c,b=a(null),y=a(null),S=a(null),C=a(null),[L,B]=i(!1),[T,N]=i(!1),[x,V]=i(!1),R=r.Children.toArray(n).length,j=l(()=>{if(!b.current||!y.current||f)return!1;const e=b.current,t=y.current,n=getComputedStyle(t),r="contained"===u?parseInt(n.paddingLeft)+parseInt(n.paddingRight):0,a=t.clientWidth-r;return e.scrollWidth>a+2},[f,u]),z=l(e=>{if(!b.current||!y.current)return!0;const t=b.current,n=y.current,r=Array.from(t.children);if(!r[e])return!0;const a=r[e],i=n.getBoundingClientRect(),l=t.getBoundingClientRect(),s=a.getBoundingClientRect(),o=Math.max(i.left,l.left),c=Math.min(i.right,l.right);return s.left>=o-1&&s.right<=c+1},[]),$=l(()=>{if(!j()||0===R)return{canScrollLeft:!1,canScrollRight:!1};return{canScrollLeft:!z(0),canScrollRight:!z(R-1)}},[j,z,R]),E=l(()=>{if(!j()||f)return B(!1),N(!1),void V(!1);const{canScrollLeft:e,canScrollRight:t}=$();B(e||t),N(e),V(t)},[j,$,f]),K=l(()=>{requestAnimationFrame(()=>{E()})},[E]),W=l(()=>{K()},[K]),A=l(()=>{if(!b.current||!T)return;const e=b.current;if(z(0)){const t=.6*e.clientWidth;e.scrollBy({left:-t,behavior:"smooth"})}else e.scrollTo({left:0,behavior:"smooth"})},[T,z]),D=l(()=>{if(!b.current||!x)return;const e=b.current;if(z(R-1)){const t=.6*e.clientWidth;e.scrollBy({left:t,behavior:"smooth"})}else{const t=e.scrollWidth-e.clientWidth;e.scrollTo({left:t,behavior:"smooth"})}},[x,z,R]),I=()=>"contained"===u?"shapeElevated":"gradient";s(()=>{const e=b.current,t=y.current;if(!e||!t)return;const n=setTimeout(()=>{E()},100),r=new ResizeObserver(()=>{K()});r.observe(t),r.observe(e),e.addEventListener("scroll",W,{passive:!0});const a=new MutationObserver(()=>{K()});a.observe(e,{childList:!0,subtree:!0,characterData:!0});const i=()=>{K()};return window.addEventListener("resize",i,{passive:!0}),()=>{clearTimeout(n),r.disconnect(),a.disconnect(),e.removeEventListener("scroll",W),window.removeEventListener("resize",i)}},[E,K,W]),s(()=>{const e=setTimeout(()=>{E()},50);return()=>clearTimeout(e)},[n,E]);const P=o?`${p({fillContainer:f,hasScrollButtons:L})} ${o}`:p({fillContainer:f,hasScrollButtons:L});/* @__PURE__ */
|
|
2
2
|
return e("div",{className:m.tabListContainer,ref:y,"data-has-scroll-buttons":L?"true":void 0,"data-style-variant":u,children:[L&&T&&/* @__PURE__ */t(v,{ref:S,dir:"prev",variant:I(),size:"md",focusStyle:g,hideDisabledArrow:!1,className:m.scrollButtonPrev,onClick:A,standalone:!0}),
|
|
3
3
|
/* @__PURE__ */t(d,{ref:b,className:P,"data-style-variant":u,"data-align":h,children:n}),L&&x&&/* @__PURE__ */t(v,{ref:C,dir:"next",variant:I(),size:"md",focusStyle:g,hideDisabledArrow:!1,className:m.scrollButtonNext,onClick:D,standalone:!0})]})},L=({id:r,children:a,iconName:i,href:l,isDisabled:s,className:o})=>{const c=w(),{styleVariant:d,focusStyle:h,headingLevel:f}=c,g=o?`${m.tab} ${S({focusStyle:h})} ${o}`:`${m.tab} ${S({focusStyle:h})}`;/* @__PURE__ */
|
|
4
4
|
return t(u,{id:r,href:l,className:g,"data-has-icon":i?"true":void 0,"data-focus-style":"white"===h?"white":void 0,isDisabled:s,children:/* @__PURE__ */t("span",{className:m.tabText,children:(()=>{const r=/* @__PURE__ */e(n,{children:[i&&/* @__PURE__ */t(y,{iconName:i,iconSize:"heading"===d?"1.5x":"1x",padding:"square","aria-hidden":"true"}),a]});return"heading"===d?/* @__PURE__ */t(b,{as:f,size:"sm",children:r}):r})()})})},B=f(m.tabs,{variants:{styleVariant:{line:m.line,pill:m.pill,contained:m.contained,heading:m.heading},align:{start:m.alignStart,center:m.alignCenter}},defaultVariants:{styleVariant:"line",align:"start"}}),T=o(null),w=()=>{const e=c(T);if(!e)throw new Error("Tab components must be used within a Tabs component");return e},N=({children:n,styleVariant:r="line",align:a="start",fillContainer:i=!1,focusStyle:l="default",headingLevel:s="h3",selectedKey:o,defaultSelectedKey:c,disabledKeys:d,onSelectionChange:u,routes:f})=>{const v={styleVariant:r,align:a,fillContainer:i,focusStyle:l,headingLevel:s};/* @__PURE__ */
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{Tag as
|
|
2
|
-
return o(
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{Tag as i}from"react-aria-components";import{Icon as s}from"../Icon/Icon.js";import{IconButton as t}from"../IconButton/IconButton.js";import{focusStyleVariants as a}from"../../utils/focus/focusStyles.js";import '../../assets/Tag.css';const r="_tag_1piub_1",n="_isRemovable_1piub_21",c="_iconWrapper_1piub_122",l=({children:l,id:m,leadingIconProps:p,isDisabled:u,isRemovable:d,focusStyle:f="default",..._})=>{const b="string"==typeof l?l:void 0;/* @__PURE__ */
|
|
2
|
+
return o(i,{className:`${r} ${d?n:""} ${a({focusStyle:f})}`,isDisabled:u,id:m?.toString(),textValue:b,..._,children:[p?/* @__PURE__ */e("span",{className:c,children:/* @__PURE__ */e(s,{...p,iconSize:"0.75x",padding:"square"})}):null,l,d&&/* @__PURE__ */e(t,{slot:"remove",size:"sm",iconProps:{iconName:"close"},"aria-label":"Remove "+(b?`${b} tag`:"tag")})]})};export{l as Tag,l as default};
|
|
3
3
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{c as i}from"../../index-
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{c as i}from"../../index-CCUt_dAN.js";import{useRef as s,useState as n,useEffect as r}from"react";import{ToggleButton as a}from"react-aria-components";import l from"../LoadingSpinner/LoadingSpinner.js";import{focusStyleVariants as d}from"../../utils/focus/focusStyles.js";import '../../assets/ToggleButton.css';const c=i("_toggleButton_1bwka_1",{variants:{size:{sm:"_sm_1bwka_35",md:"_md_1bwka_42",lg:"_lg_1bwka_48"}},defaultVariants:{size:"md"}}),u=({size:i="md",children:u,isLoading:m=!1,focusStyle:p="default",isSelected:f,defaultSelected:g,isDisabled:_,autoFocus:S,type:b,onClick:w,...y})=>{"production"!==process.env.NODE_ENV&&b&&"button"!==b&&console.warn("[ToggleButton] `type` is not supported by react-aria-components ToggleButton and will be ignored.");const h=s(null),[k,x]=n(null),[z,j]=n(g||!1),v=void 0!==f?f:z;r(()=>{h.current&&x(h.current.offsetWidth)},[m,i]);/* @__PURE__ */
|
|
2
2
|
return e(a,{className:`${c({size:i})} ${d({focusStyle:p})}`,ref:h,isSelected:v,defaultSelected:g,isDisabled:_,autoFocus:S,onPress:e=>{void 0===f&&j(!z),w&&w(e)},"aria-label":m?"Loading Spinner":u?u.toString():"",style:{width:m&&k?`${k}px`:"auto"},...y,children:[m&&/* @__PURE__ */t(l,{size:"1x"}),!m&&/* @__PURE__ */t(o,{children:u})]})};export{u as default};
|
|
3
3
|
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{c as t}from"../../index-
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{c as t}from"../../index-CCUt_dAN.js";import{useRef as i,useState as s,useEffect as l}from"react";import{ToggleButton as n}from"react-aria-components";import{Icon as r}from"../Icon/Icon.js";import a from"../LoadingSpinner/LoadingSpinner.js";import{focusStyleVariants as c}from"../../utils/focus/focusStyles.js";import{Tooltip as d}from"../Tooltip/Tooltip.js";import '../../assets/ToggleIconButton.css';const p=t("_toggleIconButton_ze2lp_1",{variants:{size:{sm:"_sm_ze2lp_26",md:"_md_ze2lp_32",lg:"_lg_ze2lp_38"}},defaultVariants:{size:"md"}}),m=({iconProps:t={iconName:"circle"},isLoading:m=!1,size:u="md",focusStyle:f="default",tooltipLabel:g="",tooltipPlacement:_="top",isSelected:S,defaultSelected:b,isDisabled:z,autoFocus:y,type:j,onClick:v,...x})=>{"production"!==process.env.NODE_ENV&&j&&"button"!==j&&console.warn("[ToggleButton] `type` is not supported by react-aria-components ToggleButton and will be ignored.");const L=i(null),[h,D]=s(null),[I,N]=s(b||!1),T=void 0!==S?S:I;l(()=>{L.current&&D(L.current.offsetWidth)},[m,u]);const w=/* @__PURE__ */e(n,{className:`${p({size:u})} ${c({focusStyle:f})}`,ref:L,isSelected:T,defaultSelected:b,isDisabled:z,autoFocus:y,onPress:e=>{void 0===S&&N(!I),v&&v(e)},"aria-label":g?void 0:m?"Loading Spinner":"Icon",style:{width:m&&h?`${h}px`:void 0},...x,children:[m&&/* @__PURE__ */o(a,{size:"1x"}),!m&&/* @__PURE__ */o(r,{...t})]});return g?/* @__PURE__ */o(d,{label:g,placement:_,isDisabled:z,children:w}):w};export{m as default};
|
|
2
2
|
//# sourceMappingURL=ToggleIconButton.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as a}from"react/jsx-runtime";import r,{createContext as t,forwardRef as n,useContext as d}from"react";import{i,j as l,k as s,l as c,m as o}from"../../../CalendarDate-
|
|
1
|
+
import{jsxs as e,jsx as a}from"react/jsx-runtime";import r,{createContext as t,forwardRef as n,useContext as d}from"react";import{i,j as l,k as s,l as c,m as o}from"../../../CalendarDate-uEuHKGse.js";import{useDateFormatter as h}from"@react-aria/i18n";import{useCalendarGrid as g,useCalendarCell as m}from"@react-aria/calendar";import{IconButton as p}from"../../IconButton/IconButton.js";import{Heading as u}from"../../Heading/Heading.js";import{Box as _}from"../../Box/Box.js";import '../../../assets/Calendar.css';const f={calendar:"_calendar_f2728_1","calendar-header":"_calendar-header_f2728_17","calendar-grid":"_calendar-grid_f2728_41","calendar-grid-header__cell":"_calendar-grid-header__cell_f2728_45","calendar-grid__cell":"_calendar-grid__cell_f2728_65"},v=e=>e||void 0,y=t({state:{}}),D=()=>d(y),R=({date:e})=>{const t=r.useRef(null),{state:n}=D(),{cellProps:d,buttonProps:h,isOutsideVisibleRange:g,formattedDate:p,isFocused:u,isPressed:_,isSelected:y,isUnavailable:R}=m({date:e},n,t),P=l(e,s()),b=c(e,o(e)),x=c(e,i(e));let N=!1,k=!1,j=!1;if("highlightedRange"in n){const a=n;N=a?.highlightedRange?.start&&c(e,a?.highlightedRange?.start)||!1,k=a?.highlightedRange?.end&&c(e,a?.highlightedRange?.end)||!1,j=!N&&!k&&a?.highlightedRange?.start&&a?.highlightedRange?.end&&e.compare(a?.highlightedRange?.start)>0&&e.compare(a?.highlightedRange?.end)<0||!1}const B={...h,ref:t,className:f["calendar-grid__cell"],hidden:g,"data-focused":v(u),"data-pressed":v(_),"data-unavailable":v(R),"data-selected":v(y),"data-today":v(P),"data-month-start":v(b),"data-month-end":v(x),"data-range-start":v(N),"data-range-end":v(k),"data-within-range":v(j)};/* @__PURE__ */
|
|
2
2
|
return a("td",{...d,children:/* @__PURE__ */a("button",{...B,children:p})})},P=n(function(t,n){const{state:d}=D(),{gridProps:i,headerProps:l,weekDays:s,weeksInMonth:c}=g({...t,weekdayStyle:"short"},d);/* @__PURE__ */
|
|
3
3
|
return e("table",{className:f["calendar-grid"],...i,ref:n,children:[
|
|
4
4
|
/* @__PURE__ */a("thead",{className:f["calendar-grid-header"],...l,children:/* @__PURE__ */a("tr",{children:s.map((e,r)=>/* @__PURE__ */a("th",{scope:"col",className:f["calendar-grid-header__cell"],children:e},r))})}),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{createContext as n,forwardRef as l,useContext as r,isValidElement as a,useRef as d,useLayoutEffect as s,useEffect as o}from"react";import{TextField as c,Input as u}from"react-aria-components";import{i as p,a as f}from"../../../input-
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{createContext as n,forwardRef as l,useContext as r,isValidElement as a,useRef as d,useLayoutEffect as s,useEffect as o}from"react";import{TextField as c,Input as u}from"react-aria-components";import{i as p,a as f}from"../../../input-Ct1NB1lu.js";import{FieldHeader as _}from"../../FieldHeader/FieldHeader.js";import{IconButton as m}from"../../IconButton/IconButton.js";import{Button as b}from"../../Button/Button.js";import{FieldError as y}from"../../FieldError/FieldError.js";import{getBaseValue as h,generateResponsiveClasses as v}from"../../../utils/breakpoint/responsiveSSR.js";import{useBreakpoint as I}from"../../../utils/breakpoint/hooks/useBreakpoint.js";import{resolveResponsiveProp as S}from"../../../utils/breakpoint/responsive.js";import{Icon as E}from"../../Icon/Icon.js";import '../../../assets/Input.css';const x={"input-field":"_input-field_14jbw_1","input-field__grid":"_input-field__grid_14jbw_20","input-field__wrapper":"_input-field__wrapper_14jbw_26","input-field__input":"_input-field__input_14jbw_56","input-field__startSelect":"_input-field__startSelect_14jbw_117","input-field__endSelect":"_input-field__endSelect_14jbw_118","input-field__prefix":"_input-field__prefix_14jbw_134","input-field__suffix":"_input-field__suffix_14jbw_135","input-field__startIcon":"_input-field__startIcon_14jbw_138","input-field__endIcon":"_input-field__endIcon_14jbw_139","input-field__startSlot":"_input-field__startSlot_14jbw_140","input-field__endSlot":"_input-field__endSlot_14jbw_141","input-field__clearButton":"_input-field__clearButton_14jbw_261","input-field__errorMessage":"_input-field__errorMessage_14jbw_319","input-field__input--hideSearchClear":"_input-field__input--hideSearchClear_14jbw_324"};function w(e){return a(e)&&(e.type===m||"function"==typeof e.type&&"IconButton"===e.type.name)}function N(e){return a(e)&&(e.type===b||"function"==typeof e.type&&"Button"===e.type.name)}let j=null;const R=e=>{if(!e.current)return 0;if(j){const t=j.get(e.current);if("number"==typeof t)return t}const t=[()=>e.current?.offsetWidth||0,()=>e.current?.clientWidth||0,()=>e.current?.scrollWidth||0,()=>Array.from(e.current?.children||[]).reduce((e,t)=>Math.max(e,t.clientWidth),0)];for(const i of t){const t=i();if(t>0)return j&&j.set(e.current,t),t}return j&&j.set(e.current,0),0},C=n({}),g=l(({children:t,visuallyHiddenLabel:i},n)=>{const l=r(C);return"string"!=typeof t?(console.warn("Input.Prefix only accepts a single string as a child"),/* @__PURE__ */e("div",{ref:n,className:x["input-field__prefix"],...l.isDisabled?{"data-disabled":!0}:{},...l.isInvalid?{"data-invalid":!0}:{},"data-prefix-type":"invalid",style:{color:"red"},"aria-hidden":i?"true":void 0,children:"Invalid Prefix"})):/* @__PURE__ */e("div",{ref:n,className:x["input-field__prefix"],...l.isDisabled?{"data-disabled":!0}:{},...l.isInvalid?{"data-invalid":!0}:{},"data-prefix-type":"text","aria-hidden":i?"true":void 0,children:t})});g.displayName="Input.Prefix";const D=l(({children:t,visuallyHiddenLabel:i},n)=>{const l=r(C);return"string"!=typeof t?(console.warn("Input.Suffix only accepts a single string as a child"),/* @__PURE__ */e("div",{ref:n,className:x["input-field__suffix"],...l.isDisabled?{"data-disabled":!0}:{},...l.isInvalid?{"data-invalid":!0}:{},"data-suffix-type":"invalid",style:{color:"red"},"aria-hidden":i?"true":void 0,children:"Invalid Suffix"})):/* @__PURE__ */e("div",{ref:n,className:x["input-field__suffix"],...l.isDisabled?{"data-disabled":!0}:{},...l.isInvalid?{"data-invalid":!0}:{},"data-suffix-type":"text","aria-hidden":i?"true":void 0,children:t})});D.displayName="Input.Suffix";const P=(e,t)=>{const n=e=>e.props.iconEndProps?t?{iconEndProps:{...e.props.iconEndProps,color:"disabledPrimary"}}:{iconEndProps:e.props.iconEndProps}:{};return i.Children.map(e,e=>{return i.isValidElement(e)?N(e)?i.cloneElement(e,{isDisabled:t,...n(e)}):a(l=e)&&(l.type===E||"function"==typeof l.type&&"Icon"===l.type.name)?i.cloneElement(e,{color:t?"disabledPrimary":e.props.color}):"string"==typeof(r=e.type)&&["button","input","select","textarea"].includes(r)?i.cloneElement(e,{disabled:t}):i.cloneElement(e,{isDisabled:t}):e;var l,r})},B=l(({children:t,className:n,increment:l,decrement:a},d)=>{const s=r(C);let o=P(t,s.isDisabled);return(l||a)&&(o=i.Children.map(t,e=>i.isValidElement(e)&&(N(e)||w(e))?i.cloneElement(e,{..."object"==typeof l&&null!==l?l:{},..."object"==typeof a&&null!==a?a:{}}):e)),/* @__PURE__ */e("div",{ref:d,className:`\n ${x["input-field__startSlot"]} \n ${n||""}\n `,...s.isDisabled?{"data-disabled":!0}:{},...s.isInvalid?{"data-invalid":!0}:{},"data-start-slot-button":i.Children.toArray(t).some(N)?"true":void 0,children:o})});B.displayName="Input.StartSlot";const V=l(({children:t,className:n,increment:l,decrement:a},d)=>{const s=r(C);let o=P(t,s.isDisabled);return(l||a)&&(o=i.Children.map(t,e=>i.isValidElement(e)&&(N(e)||w(e))?i.cloneElement(e,{..."object"==typeof l&&null!==l?l:{},..."object"==typeof a&&null!==a?a:{}}):e)),/* @__PURE__ */e("div",{ref:d,className:[x["input-field__endSlot"],n||""].filter(Boolean).join(" "),...s.isDisabled?{"data-disabled":!0}:{},...s.isInvalid?{"data-invalid":!0}:{},"data-end-slot-button":i.Children.toArray(t).some(N)?"true":void 0,children:o})});V.displayName="Input.EndSlot";const $=l(({children:t,className:i},n)=>{const l=r(C),a=P(t,l.isDisabled);/* @__PURE__ */
|
|
2
2
|
return e("div",{ref:n,className:`\n ${x["input-field__startIcon"]} \n ${i||""}\n `,...l.isDisabled?{"data-disabled":!0}:{},...l.isInvalid?{"data-invalid":!0}:{},children:a})});$.displayName="Input.StartIcon";const L=l(({children:t,className:i},n)=>{const l=r(C),a=P(t,l.isDisabled);/* @__PURE__ */
|
|
3
3
|
return e("div",{ref:n,className:`\n ${x["input-field__endIcon"]} \n ${i||""}\n `,...l.isDisabled?{"data-disabled":!0}:{},...l.isInvalid?{"data-invalid":!0}:{},children:a})});L.displayName="Input.EndIcon";const M=l(({children:t,className:n},l)=>{const d=r(C);if(!(a(t)&&("select"===t.type||"string"==typeof t.type&&"select"===t.type.toLowerCase())))throw new Error("Input.StartSelect only accepts a select element");/* @__PURE__ */
|
|
4
4
|
return e("div",{ref:l,className:`\n ${x["input-field__startSelect"]} \n ${n||""}\n `,...d.isDisabled?{"data-disabled":!0}:{},...d.isInvalid?{"data-invalid":!0}:{},children:i.cloneElement(t,{disabled:d.isDisabled,onFocusCapture:()=>{l&&"current"in l&&l.current&&(l.current.dataset.focused="true",l.current.dataset.focusVisible="true")},onBlurCapture:()=>{l&&"current"in l&&l.current&&(delete l.current.dataset.focused,delete l.current.dataset.focusVisible)}})})});M.displayName="Input.StartSelect";const k=l(({children:t,className:n},l)=>{const d=r(C);if(!(a(t)&&("select"===t.type||"string"==typeof t.type&&"select"===t.type.toLowerCase())))throw new Error("Input.EndSelect only accepts a select element");/* @__PURE__ */
|
|
@@ -10,8 +10,14 @@ export { default as AviosCurrencySymbol } from './AviosCurrencySymbol';
|
|
|
10
10
|
export type * from './AviosCurrencySymbol';
|
|
11
11
|
export { default as Badge } from './Badge';
|
|
12
12
|
export type * from './Badge';
|
|
13
|
+
export { default as BannerSectionContent } from './BannerSectionContent';
|
|
14
|
+
export type * from './BannerSectionContent';
|
|
15
|
+
export { default as BannerSectionPlectrum } from './BannerSectionPlectrum';
|
|
16
|
+
export type * from './BannerSectionPlectrum';
|
|
13
17
|
export { default as Box } from './Box';
|
|
14
18
|
export type * from './Box';
|
|
19
|
+
export { default as BoxLink, BoxLinkContext, useBoxLink } from './BoxLink';
|
|
20
|
+
export type * from './BoxLink';
|
|
15
21
|
export { default as Breadcrumbs } from './Breadcrumbs';
|
|
16
22
|
export type * from './Breadcrumbs';
|
|
17
23
|
export { default as Button } from './Button';
|
|
@@ -84,6 +90,8 @@ export { default as IconButton } from './IconButton';
|
|
|
84
90
|
export type * from './IconButton';
|
|
85
91
|
export { default as Image } from './Image';
|
|
86
92
|
export type * from './Image';
|
|
93
|
+
export { default as IntroSection } from './IntroSection';
|
|
94
|
+
export type * from './IntroSection';
|
|
87
95
|
export { default as Label } from './Label';
|
|
88
96
|
export type * from './Label';
|
|
89
97
|
export { default as Link } from './Link';
|
|
@@ -102,12 +110,14 @@ export { default as NumberField } from './NumberField';
|
|
|
102
110
|
export type * from './NumberField';
|
|
103
111
|
export { default as Paragraph } from './Paragraph';
|
|
104
112
|
export type * from './Paragraph';
|
|
113
|
+
export { default as PasswordField } from './PasswordField';
|
|
114
|
+
export type * from './PasswordField';
|
|
105
115
|
export { default as PhoneNumberField } from './PhoneNumberField';
|
|
106
116
|
export type * from './PhoneNumberField';
|
|
107
117
|
export { default as Popover } from './Popover';
|
|
108
118
|
export type * from './Popover';
|
|
109
|
-
export { default as
|
|
110
|
-
export type * from './
|
|
119
|
+
export { default as ProductTile } from './ProductTile';
|
|
120
|
+
export type * from './ProductTile';
|
|
111
121
|
export { default as Radio } from './Radio';
|
|
112
122
|
export type * from './Radio';
|
|
113
123
|
export { default as RadioGroup } from './RadioGroup';
|
package/dist/components/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import '../assets/global.css';/* empty css */import{Accordion as o,AccordionGroup as r}from"./Accordion/Accordion.js";import{AviosCurrencyBadge as e}from"./AviosCurrencyBadge/AviosCurrencyBadge.js";import{AviosCurrency as i}from"./AviosCurrency/AviosCurrency.js";import{AviosBadge as t}from"./AviosBadge/AviosBadge.js";import{AviosCurrencySymbol as m}from"./AviosCurrencySymbol/AviosCurrencySymbol.js";import{Badge as a}from"./Badge/Badge.js";import{
|
|
1
|
+
import '../assets/global.css';/* empty css */import{Accordion as o,AccordionGroup as r}from"./Accordion/Accordion.js";import{AviosCurrencyBadge as e}from"./AviosCurrencyBadge/AviosCurrencyBadge.js";import{AviosCurrency as i}from"./AviosCurrency/AviosCurrency.js";import{AviosBadge as t}from"./AviosBadge/AviosBadge.js";import{AviosCurrencySymbol as m}from"./AviosCurrencySymbol/AviosCurrencySymbol.js";import{Badge as a}from"./Badge/Badge.js";import{BannerSectionContent as s}from"./BannerSectionContent/BannerSectionContent.js";import{BannerSectionPlectrum as n}from"./BannerSectionPlectrum/BannerSectionPlectrum.js";import{Box as p}from"./Box/Box.js";import{BoxLink as d}from"./BoxLink/BoxLink.js";import{BoxLinkContext as l,useBoxLink as f}from"./BoxLink/BoxLinkContext.js";import{Breadcrumbs as j}from"./Breadcrumbs/Breadcrumbs.js";import{Button as u}from"./Button/Button.js";import{ButtonGroup as c}from"./ButtonGroup/ButtonGroup.js";import{Calendar as C}from"./Calendar/Calendar.js";import{CalendarRange as g}from"./CalendarRange/CalendarRange.js";import{CalloutBanner as B}from"./CalloutBanner/CalloutBanner.js";import{default as S}from"./CardSection/CardSection.js";import{Carousel as F}from"./Carousel/Carousel.js";import{Checkbox as b}from"./Checkbox/Checkbox.js";import{CheckboxGroup as x}from"./CheckboxGroup/CheckboxGroup.js";import{ClearFieldButton as T}from"./ClearFieldButton/ClearFieldButton.js";import{ComboBox as L}from"./ComboBox/ComboBox.js";import{CreditCardNumberField as k}from"./CreditCardNumberField/CreditCardNumberField.js";import{CreditCardSecurityCodeField as y}from"./CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";import{Currency as P}from"./Currency/Currency.js";import{D}from"../DateField-rBq9QuR6.js";import{DatePicker as h}from"./DatePicker/DatePicker.js";import{DateRangePicker as I}from"./DateRangePicker/DateRangePicker.js";import{DestinationHeading as v}from"./DestinationHeading/DestinationHeading.js";import{DetailsDisclosure as A}from"./DetailsDisclosure/DetailsDisclosure.js";import{Dialog as H}from"./Dialog/Dialog.js";import{ErrorSummary as N}from"./ErrorSummary/ErrorSummary.js";import{Eyebrow as G}from"./Eyebrow/Eyebrow.js";import{default as R}from"./FieldDescription/FieldDescription.js";import{FieldError as w}from"./FieldError/FieldError.js";import{FieldHeader as E}from"./FieldHeader/FieldHeader.js";import{FieldLabel as M}from"./FieldLabel/FieldLabel.js";import{default as V}from"./Fieldset/Fieldset.js";import{FieldsetHeader as Y}from"./FieldsetHeader/FieldsetHeader.js";import{Form as q}from"./Form/Form.js";import{Grid as z}from"./Grid/Grid.js";import{Heading as J}from"./Heading/Heading.js";import{Icon as K}from"./Icon/Icon.js";import{IconBackdrop as O}from"./IconBackdrop/IconBackdrop.js";import{IconButton as Q}from"./IconButton/IconButton.js";import{Image as U}from"./Image/Image.js";import{IntroSection as W}from"./IntroSection/IntroSection.js";import{Label as X}from"./Label/Label.js";import{default as Z}from"./Link/Link.js";import{ListBox as $}from"./ListBox/ListBox.js";import{ListBoxItem as _}from"./ListBoxItem/ListBoxItem.js";import{default as oo}from"./LoadingSpinner/LoadingSpinner.js";import{Menu as ro}from"./Menu/Menu.js";import{MonthYearField as eo}from"./MonthYearField/MonthYearField.js";import{NumberField as io}from"./NumberField/NumberField.js";import{Paragraph as to}from"./Paragraph/Paragraph.js";import{PasswordField as mo}from"./PasswordField/PasswordField.js";import{PhoneNumberField as ao}from"./PhoneNumberField/PhoneNumberField.js";import"../utils/phoneNumber/phoneNumber.js";import{Popover as so}from"./Popover/Popover.js";import{ProductTile as no}from"./ProductTile/ProductTile.js";import{Radio as po}from"./Radio/Radio.js";import{RadioGroup as lo}from"./RadioGroup/RadioGroup.js";import{SearchField as fo}from"./SearchField/SearchField.js";import{default as jo}from"./Section/Section.js";import{default as uo}from"./SelectCard/SelectCard.js";import{default as co}from"./SelectNative/SelectNative.js";import{SkeletonLoader as Co}from"./SkeletonLoader/SkeletonLoader.js";import{Slider as go}from"./Slider/Slider.js";import{Spacer as Bo}from"./Spacer/Spacer.js";import{SubHeading as So}from"./SubHeading/SubHeading.js";import{Switch as Fo}from"./Switch/Switch.js";import{Tab as bo,TabList as xo,Tabs as To,useTabsContext as Lo}from"./Tabs/Tabs.js";import{T as ko}from"../TabPanel-C7ANBbTA.js";import{Tag as yo}from"./Tag/Tag.js";import{TagGroup as Po}from"./TagGroup/TagGroup.js";import{TextField as Do}from"./TextField/TextField.js";import{TextAreaField as ho}from"./TextAreaField/TextAreaField.js";import{default as Io}from"./ToggleButton/ToggleButton.js";import{default as vo}from"./ToggleIconButton/ToggleIconButton.js";import{Tooltip as Ao}from"./Tooltip/Tooltip.js";import{VisuallyHidden as Ho}from"./VisuallyHidden/VisuallyHidden.js";export{o as Accordion,r as AccordionGroup,t as AviosBadge,i as AviosCurrency,e as AviosCurrencyBadge,m as AviosCurrencySymbol,a as Badge,s as BannerSectionContent,n as BannerSectionPlectrum,p as Box,d as BoxLink,l as BoxLinkContext,j as Breadcrumbs,u as Button,c as ButtonGroup,C as Calendar,g as CalendarRange,B as CalloutBanner,S as CardSection,F as Carousel,b as Checkbox,x as CheckboxGroup,T as ClearFieldButton,L as ComboBox,k as CreditCardNumberField,y as CreditCardSecurityCodeField,P as Currency,D as DateField,h as DatePicker,I as DateRangePicker,v as DestinationHeading,A as DetailsDisclosure,H as Dialog,N as ErrorSummary,G as Eyebrow,R as FieldDescription,w as FieldError,E as FieldHeader,M as FieldLabel,V as Fieldset,Y as FieldsetHeader,q as Form,z as Grid,J as Heading,K as Icon,O as IconBackdrop,Q as IconButton,U as Image,W as IntroSection,X as Label,Z as Link,$ as ListBox,_ as ListBoxItem,oo as LoadingSpinner,ro as Menu,eo as MonthYearField,io as NumberField,to as Paragraph,mo as PasswordField,ao as PhoneNumberField,so as Popover,no as ProductTile,po as Radio,lo as RadioGroup,fo as SearchField,jo as Section,uo as SelectCard,co as SelectNative,Co as SkeletonLoader,go as Slider,Bo as Spacer,So as SubHeading,Fo as Switch,bo as Tab,xo as TabList,ko as TabPanel,To as Tabs,yo as Tag,Po as TagGroup,ho as TextAreaField,Do as TextField,Io as ToggleButton,vo as ToggleIconButton,Ao as Tooltip,Ho as VisuallyHidden,f as useBoxLink,Lo as useTabsContext};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|