@aws-amplify/ui-react 2.18.1 → 2.19.0

package/dist/esm/primitives/shared/constants.js

@@ -1 +1 @@
-const e={Alert:{className:"amplify-alert",components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:"amplify-alert__icon",components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:"amplify-alert__heading",components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:"amplify-alert__body",components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:"amplify-alert__dismiss",components:["Alert"],description:"Class applied to the close Button"},Badge:{className:"amplify-badge",components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:"amplify-button",components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:"amplify-buttongroup"},ButtonLoaderWrapper:{className:"amplify-button__loader-wrapper",components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:"amplify-card",components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:"amplify-checkbox",components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:"amplify-checkbox__button",components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:"amplify-checkbox__icon",components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:"amplify-checkbox__input",components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:"amplify-checkbox__label",components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:"amplify-checkboxfield",components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:"amplify-collection",components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:"amplify-collection-items",components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:"amplify-collection-search",components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:"amplify-collection-pagination",components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:"amplify-countrycodeselect",components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:"amplify-divider",components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:"amplify-divider--label",components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:"amplify-expander",components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:"amplify-expander__content",components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:"amplify-expander__content__text",components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:"amplify-expander__header",components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:"amplify-expander__icon",components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:"amplify-expander__item",components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:"amplify-expander__trigger",components:["Expander"],description:"Expander item trigger(button)"},Field:{className:"amplify-field"},FieldDescription:{className:"amplify-field__description"},FieldErrorMessage:{className:"amplify-field__error-message"},FieldGroup:{className:"amplify-field-group"},FieldGroupControl:{className:"amplify-field-group__control"},FieldGroupOuterEnd:{className:"amplify-field-group__outer-end"},FieldGroupOuterStart:{className:"amplify-field-group__outer-start"},FieldGroupInnerEnd:{className:"amplify-field-group__inner-end"},FieldGroupInnerStart:{className:"amplify-field-group__inner-start"},FieldGroupIcon:{className:"amplify-field-group__icon"},FieldGroupIconButton:{className:"amplify-field-group__icon-button"},FieldGroupHasInnerEnd:{className:"amplify-field-group--has-inner-end"},FieldGroupHasInnerStart:{className:"amplify-field-group--has-inner-start"},FieldShowPassword:{className:"amplify-field__show-password"},FieldGroupFieldWrapper:{className:"amplify-field-group__field-wrapper"},Flex:{className:"amplify-flex",components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:"amplify-grid",components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:"amplify-heading",components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:"amplify-icon",components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:"amplify-image",components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:"amplify-input"},Label:{className:"amplify-label"},Link:{className:"amplify-link",components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:"amplify-loader",components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:"amplify-loader--determinate",components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:"amplify-loader__percentage-text",components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:"amplify-menu-content",components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:"amplify-menu-content__item",components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:"amplify-menu-trigger",components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:"amplify-pagination",components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:"amplify-pagination__item-button",components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:"amplify-pagination__item-current",components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:"amplify-pagination__item-ellipsis",components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:"amplify-passwordfield",components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:"amplify-phonenumberfield",components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:"amplify-placeholder",components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:"amplify-radio",components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:"amplify-radio__button",compoents:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:"amplify-radio__input",components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:"amplify-radio__label",components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:"amplify-radiogroupfield",components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:"amplify-radiogroup",components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:"amplify-rating",components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:"amplify-scrollview",components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:"amplify-searchfield",components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:"amplify-searchfield__clear",components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:"amplify-searchfield__search",components:["SearchField"],description:"Class applied to the search button"},Select:{className:"amplify-select",components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:"amplify-selectfield",components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:"amplify-select__wrapper",components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:"amplify-select__icon-wrapper",components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:"amplify-sliderfield",components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:"amplify-sliderfield__group",components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:"amplify-sliderfield__label",components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:"amplify-sliderfield__range",components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:"amplify-sliderfield__root",components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:"amplify-sliderfield__thumb",components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:"amplify-sliderfield__track",components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:"amplify-stepperfield",components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:"amplify-stepperfield__button--decrease",components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:"amplify-stepperfield__button--increase",components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:"amplify-stepperfield__input",components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:"amplify-switchfield",components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:"amplify-switch-label",components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:"amplify-switch-thumb",components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:"amplify-switch-track",components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:"amplify-switch__wrapper",components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:"amplify-table",components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:"amplify-table__caption",components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:"amplify-table__body",components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:"amplify-table__td",components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:"amplify-table__th",components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:"amplify-table__foot",components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:"amplify-table__head",components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:"amplify-table__row",components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:"amplify-tabs",components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:"amplify-tabs-item",components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:"amplify-text",components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:"amplify-textarea",components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:"amplify-textareafield",components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:"amplify-textfield",components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:"amplify-togglebutton",components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:"amplify-togglebuttongroup",components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:"amplify-visually-hidden",components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}};let t={};Object.keys(e).map((i=>{t[i]=e[i].className})),Object.freeze(t);export{t as ComponentClassNames,e as ComponentClassObject};
+const e={Alert:{className:"amplify-alert",components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:"amplify-alert__icon",components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:"amplify-alert__heading",components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:"amplify-alert__body",components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:"amplify-alert__dismiss",components:["Alert"],description:"Class applied to the close Button"},Badge:{className:"amplify-badge",components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:"amplify-button",components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:"amplify-buttongroup"},ButtonLoaderWrapper:{className:"amplify-button__loader-wrapper",components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:"amplify-card",components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:"amplify-checkbox",components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:"amplify-checkbox__button",components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:"amplify-checkbox__icon",components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:"amplify-checkbox__input",components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:"amplify-checkbox__label",components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:"amplify-checkboxfield",components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:"amplify-collection",components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:"amplify-collection-items",components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:"amplify-collection-search",components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:"amplify-collection-pagination",components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:"amplify-countrycodeselect",components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:"amplify-divider",components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:"amplify-divider--label",components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:"amplify-expander",components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:"amplify-expander__content",components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:"amplify-expander__content__text",components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:"amplify-expander__header",components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:"amplify-expander__icon",components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:"amplify-expander__item",components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:"amplify-expander__trigger",components:["Expander"],description:"Expander item trigger(button)"},Field:{className:"amplify-field"},FieldDescription:{className:"amplify-field__description"},FieldErrorMessage:{className:"amplify-field__error-message"},FieldGroup:{className:"amplify-field-group"},FieldGroupControl:{className:"amplify-field-group__control"},FieldGroupOuterEnd:{className:"amplify-field-group__outer-end"},FieldGroupOuterStart:{className:"amplify-field-group__outer-start"},FieldGroupInnerEnd:{className:"amplify-field-group__inner-end"},FieldGroupInnerStart:{className:"amplify-field-group__inner-start"},FieldGroupIcon:{className:"amplify-field-group__icon"},FieldGroupIconButton:{className:"amplify-field-group__icon-button"},FieldGroupHasInnerEnd:{className:"amplify-field-group--has-inner-end"},FieldGroupHasInnerStart:{className:"amplify-field-group--has-inner-start"},FieldShowPassword:{className:"amplify-field__show-password"},FieldGroupFieldWrapper:{className:"amplify-field-group__field-wrapper"},Flex:{className:"amplify-flex",components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:"amplify-grid",components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:"amplify-heading",components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:"amplify-icon",components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:"amplify-image",components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:"amplify-input"},Label:{className:"amplify-label"},Link:{className:"amplify-link",components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:"amplify-loader",components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:"amplify-loader--determinate",components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:"amplify-loader__percentage-text",components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:"amplify-menu-content",components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:"amplify-menu-content__item",components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:"amplify-menu-trigger",components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:"amplify-pagination",components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:"amplify-pagination__item-button",components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:"amplify-pagination__item-current",components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:"amplify-pagination__item-ellipsis",components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:"amplify-passwordfield",components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:"amplify-phonenumberfield",components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:"amplify-placeholder",components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:"amplify-radio",components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:"amplify-radio__button",compoents:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:"amplify-radio__input",components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:"amplify-radio__label",components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:"amplify-radiogroupfield",components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:"amplify-radiogroup",components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:"amplify-rating",components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:"amplify-scrollview",components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:"amplify-searchfield",components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:"amplify-searchfield__clear",components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:"amplify-searchfield__search",components:["SearchField"],description:"Class applied to the search button"},Select:{className:"amplify-select",components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:"amplify-selectfield",components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:"amplify-select__wrapper",components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:"amplify-select__icon-wrapper",components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:"amplify-sliderfield",components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:"amplify-sliderfield__group",components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:"amplify-sliderfield__label",components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:"amplify-sliderfield__range",components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:"amplify-sliderfield__root",components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:"amplify-sliderfield__thumb",components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:"amplify-sliderfield__track",components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:"amplify-stepperfield",components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:"amplify-stepperfield__button--decrease",components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:"amplify-stepperfield__button--increase",components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:"amplify-stepperfield__input",components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:"amplify-switchfield",components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:"amplify-switch-label",components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:"amplify-switch-thumb",components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:"amplify-switch-track",components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:"amplify-switch__wrapper",components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:"amplify-table",components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:"amplify-table__caption",components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:"amplify-table__body",components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:"amplify-table__td",components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:"amplify-table__th",components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:"amplify-table__foot",components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:"amplify-table__head",components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:"amplify-table__row",components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:"amplify-tabs",components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:"amplify-tabs-item",components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:"amplify-text",components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:"amplify-textarea",components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:"amplify-textareafield",components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:"amplify-textfield",components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:"amplify-togglebutton",components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:"amplify-togglebuttongroup",components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:"amplify-visually-hidden",components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},t={Collection:{searchButtonLabel:"Search"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Current Page:",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{showPasswordButtonLabel:"Show password",hidePasswordButtonLabel:"Hide password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},a={CountryCodeSelect:{ariaLabel:"Country code"},ShowPasswordButton:{ariaLabel:{showPassword:"Show password",hidePassword:"Hide password"}},Fields:{ariaLabel:{clearField:"Clear search"}},SearchField:{ariaLabel:{search:"Search"}},StepperField:{ariaLabel:{IncreaseTo:"Increase to",DecreaseTo:"Decrease to"}},Collection:{SearchFieldLabel:"Search"}};let i={};Object.keys(e).map((t=>{i[t]=e[t].className})),Object.freeze(i);export{i as ComponentClassNames,e as ComponentClassObject,t as ComponentText,a as SharedText};

package/dist/esm/primitives/shared/styleUtils.js

@@ -1 +1 @@
-import{__rest as o}from"../../node_modules/tslib/tslib.es6.js";import*as t from"react";import{isDesignToken as n}from"@aws-amplify/ui";import{ComponentPropsToStylePropsMap as r}from"../types/style.js";import{getValueAtCurrentBreakpoint as e}from"./responsive/utils.js";import{useBreakpoint as i}from"./responsive/useBreakpoint.js";import"../../components/AmplifyProvider/AmplifyContext.js";import{useTheme as a}from"../../hooks/useTheme.js";import{isNullOrEmptyString as s,isEmptyString as p}from"./utils.js";const l=n=>{const{rowSpan:r,columnSpan:e,row:i,column:a}=n,p=o(n,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:l,columnFromSpanValue:m}=t.useMemo((()=>({rowFromSpanValue:c(r),columnFromSpanValue:c(e)})),[r,e]);return Object.assign({row:s(i)?l:i,column:s(a)?m:a},p)},m=(o,n)=>{const{breakpoints:{values:r,defaultBreakpoint:e}}=a(),s=i({breakpoints:r,defaultBreakpoint:e}),p=l(o);return t.useMemo((()=>d({props:p,style:n,breakpoint:s,breakpoints:r})),[p,n,r,s])},u=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),c=o=>{if(u(o))return g(o);if(Array.isArray(o))return o.map((o=>g(o)));if("object"==typeof o&&null!=o){const t={};return Object.entries(o).forEach((([o,n])=>{t[o]=g(n)})),t}return null},g=o=>"auto"===o?"auto":`span ${o}`,d=({props:o={},style:t={},breakpoint:i,breakpoints:a})=>{const s={};return Object.keys(o).filter((t=>null!=o[t])).forEach((l=>{if(l in r){if(!p(o[l])){let s=o[l];s=n(s)?s.toString():e(s,i,a);const p=r[l];t=Object.assign(Object.assign({},t),{[p]:s})}}else s[l]=o[l]})),{propStyles:t,nonStyleProps:s}},f={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},S={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},b=o=>{const t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(o).forEach((n=>{n in f?t.flexContainerStyleProps[n]=o[n]:n in S?t.baseStyleProps[n]=o[n]:t.rest[n]=o[n]})),t};export{c as convertGridSpan,d as convertStylePropsToStyleObj,g as getGridSpan,u as isSpanPrimitiveValue,b as splitPrimitiveProps,m as useStyles,l as useTransformStyleProps};
+import{__rest as o}from"../../node_modules/tslib/tslib.es6.js";import*as t from"react";import{isDesignToken as n}from"@aws-amplify/ui";import{ComponentPropsToStylePropsMap as r}from"../types/style.js";import{getValueAtCurrentBreakpoint as e}from"./responsive/utils.js";import{useBreakpoint as i}from"./responsive/useBreakpoint.js";import"../../components/ThemeProvider/AmplifyContext.js";import{useTheme as a}from"../../hooks/useTheme.js";import{isNullOrEmptyString as s,isEmptyString as p}from"./utils.js";const l=n=>{const{rowSpan:r,columnSpan:e,row:i,column:a}=n,p=o(n,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:l,columnFromSpanValue:m}=t.useMemo((()=>({rowFromSpanValue:c(r),columnFromSpanValue:c(e)})),[r,e]);return Object.assign({row:s(i)?l:i,column:s(a)?m:a},p)},m=(o,n)=>{const{breakpoints:{values:r,defaultBreakpoint:e}}=a(),s=i({breakpoints:r,defaultBreakpoint:e}),p=l(o);return t.useMemo((()=>d({props:p,style:n,breakpoint:s,breakpoints:r})),[p,n,r,s])},u=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),c=o=>{if(u(o))return g(o);if(Array.isArray(o))return o.map((o=>g(o)));if("object"==typeof o&&null!=o){const t={};return Object.entries(o).forEach((([o,n])=>{t[o]=g(n)})),t}return null},g=o=>"auto"===o?"auto":`span ${o}`,d=({props:o={},style:t={},breakpoint:i,breakpoints:a})=>{const s={};return Object.keys(o).filter((t=>null!=o[t])).forEach((l=>{if(l in r){if(!p(o[l])){let s=o[l];s=n(s)?s.toString():e(s,i,a);const p=r[l];t=Object.assign(Object.assign({},t),{[p]:s})}}else s[l]=o[l]})),{propStyles:t,nonStyleProps:s}},f={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},S={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},b=o=>{const t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(o).forEach((n=>{n in f?t.flexContainerStyleProps[n]=o[n]:n in S?t.baseStyleProps[n]=o[n]:t.rest[n]=o[n]})),t};export{c as convertGridSpan,d as convertStylePropsToStyleObj,g as getGridSpan,u as isSpanPrimitiveValue,b as splitPrimitiveProps,m as useStyles,l as useTransformStyleProps};

package/dist/esm/primitives-catalog.js

@@ -3216,6 +3216,9 @@ export const PrimitiveCatalog = {
       "isSearchable": {
         "type": "boolean"
       },
+      "searchLabel": {
+        "type": "string"
+      },
       "searchPlaceholder": {
         "type": "string"
       },
@@ -12584,6 +12587,18 @@ export const PrimitiveCatalog = {
       },
       "hasMorePages": {
         "type": "boolean"
+      },
+      "currentPageLabel": {
+        "type": "string"
+      },
+      "pageLabel": {
+        "type": "string"
+      },
+      "previousLabel": {
+        "type": "string"
+      },
+      "nextLabel": {
+        "type": "string"
       }
     }
   },
@@ -13218,6 +13233,12 @@ export const PrimitiveCatalog = {
         "type": "boolean",
         "priority": true
       },
+      "hidePasswordButtonLabel": {
+        "type": "string"
+      },
+      "showPasswordButtonLabel": {
+        "type": "string"
+      },
       "outerEndComponent": {
         "type": "string"
       },
@@ -17173,6 +17194,9 @@ export const PrimitiveCatalog = {
       },
       "innerEndComponent": {
         "type": "string"
+      },
+      "clearButtonLabel": {
+        "type": "string"
       }
     }
   },
@@ -18988,6 +19012,12 @@ export const PrimitiveCatalog = {
       },
       "innerEndComponent": {
         "type": "string"
+      },
+      "increaseButtonLabel": {
+        "type": "string"
+      },
+      "decreaseButtonLabel": {
+        "type": "string"
       }
     }
   },