@aws-amplify/ui-react 3.2.1 → 3.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/{IconWarning-2a211ab8.js → IconWarning-281e9bf4.js} +1 -1
- package/dist/esm/PrimitiveCatalog.js +1 -1
- package/dist/esm/primitives/Alert/Alert.js +1 -1
- package/dist/esm/primitives/Alert/AlertIcon.js +1 -1
- package/dist/esm/primitives/Collection/Collection.js +1 -1
- package/dist/esm/primitives/Heading/Heading.js +1 -1
- package/dist/esm/primitives/shared/constants.js +1 -1
- package/dist/index.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/styles.css +7 -1
- package/dist/types/primitives/Alert/AlertIcon.d.ts +1 -0
- package/dist/types/primitives/Collection/Collection.d.ts +1 -1
- package/dist/types/primitives/shared/constants.d.ts +1 -0
- package/dist/types/primitives/types/collection.d.ts +6 -0
- package/dist/types/primitives/types/icon.d.ts +1 -1
- package/package.json +2 -2
- package/dist/primitives.json +0 -27133
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as s}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as
|
|
1
|
+
import{__rest as s}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as r from"react";import a from"classnames";import{ComponentClassNames as t,ComponentText as o}from"../shared/constants.js";import{isFunction as n,classNameModifier as l}from"../shared/utils.js";import{View as m}from"../View/View.js";import{Flex as c}from"../Flex/Flex.js";import{Button as d}from"../Button/Button.js";import{AlertIcon as f}from"./AlertIcon.js";import{IconClose as b}from"../Icon/icons/IconClose.js";const h=r.forwardRef(((h,j)=>{var{buttonRef:u,children:p,className:g,dismissButtonLabel:A=o.Alert.dismissButtonLabel,hasIcon:N=!0,heading:v,isDismissible:B=!1,onDismiss:x,variation:D}=h,I=s(h,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[O,L]=r.useState(!1),k=r.useCallback((()=>{L(!O),n(x)&&x()}),[L,x,O]);return!O&&i(c,Object.assign({className:a(t.Alert,g,l(t.Alert,D)),"data-variation":D,ref:j,role:"alert"},I,{children:[N&&e(f,{variation:D,ariaHidden:!0}),i(m,Object.assign({flex:"1"},{children:[v&&e(m,Object.assign({className:t.AlertHeading},{children:v})),e(m,Object.assign({className:t.AlertBody},{children:p}))]})),B&&e(d,Object.assign({ariaLabel:A,variation:"link",className:t.AlertDismiss,onClick:k,ref:u},{children:e(b,{"aria-hidden":"true"})}))]}))}));h.displayName="Alert";export{h as Alert};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{ComponentClassNames as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{ComponentClassNames as n}from"../shared/constants.js";import"classnames";import"../View/View.js";import{IconCheckCircle as o}from"../Icon/icons/IconCheckCircle.js";import{IconError as e}from"../Icon/icons/IconError.js";import{IconInfo as s}from"../Icon/icons/IconInfo.js";import{IconWarning as a}from"../Icon/icons/IconWarning.js";const c=({variation:c,ariaHidden:i})=>{switch(c){case"info":return r(s,{"aria-hidden":i,className:n.AlertIcon});case"error":return r(e,{"aria-hidden":i,className:n.AlertIcon});case"warning":return r(a,{"aria-hidden":i,className:n.AlertIcon});case"success":return r(o,{"aria-hidden":i,className:n.AlertIcon});default:return null}};c.displayName="AlertIcon";export{c as AlertIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as s,jsxs as
|
|
1
|
+
import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as s,jsxs as t}from"react/jsx-runtime";import r from"classnames";import a from"lodash/debounce";import*as i from"react";import{Flex as l}from"../Flex/Flex.js";import{Grid as o}from"../Grid/Grid.js";import{Text as n}from"../Text/Text.js";import{Pagination as c}from"../Pagination/Pagination.js";import{usePagination as m}from"../Pagination/usePagination.js";import{SearchField as d}from"../SearchField/SearchField.js";import{ComponentClassNames as h,ComponentText as u}from"../shared/constants.js";import{strHasLength as g}from"../shared/utils.js";import{getPageCount as j,getItemsAtPage as p,itemHasText as b}from"./utils.js";const f=10,P=t=>{var{children:r,direction:a="column",items:i}=t,o=e(t,["children","direction","items"]);return s(l,Object.assign({direction:a},o,{children:Array.isArray(i)?i.map(r):null}))},C=t=>{var{children:r,items:a}=t,i=e(t,["children","items"]);return s(o,Object.assign({},i,{children:Array.isArray(a)?a.map(r):null}))},N=(e,t,r)=>t.length?e:r||s(l,Object.assign({justifyContent:"center"},{children:s(n,{children:u.Collection.searchNoResultsFound})})),y=o=>{var{className:n,isSearchable:y,isPaginated:F,items:O,itemsPerPage:x=f,searchFilter:A=b,searchLabel:S=u.Collection.searchButtonLabel,searchNoResultsFound:I,searchPlaceholder:v,type:L="list",testId:R}=o,G=e(o,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchNoResultsFound","searchPlaceholder","type","testId"]);const[T,k]=i.useState(),B=i.useCallback(a(k,300),[k]);O=Array.isArray(O)?O:[],y&&g(T)&&(O=O.filter((e=>A(e,T))));const _=m({totalPages:j(O.length,x)});F&&(O=p(O,_.currentPage,x));const q="list"===L?s(P,Object.assign({className:h.CollectionItems,items:O},G)):"grid"===L?s(C,Object.assign({className:h.CollectionItems,items:O},G)):null;return t(l,Object.assign({testId:R,className:r(h.Collection,n)},{children:[y?s(l,Object.assign({className:h.CollectionSearch},{children:s(d,{label:S,placeholder:v,onChange:e=>B(e.target.value),onClear:()=>k("")})})):null,N(q,O,I),F?s(l,Object.assign({className:h.CollectionPagination},{children:s(c,Object.assign({},_))})):null]}))};y.displayName="Collection";export{y as Collection};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as r}from"react/jsx-runtime";import*as s from"react";import a from"classnames";import{classNameModifier as i}from"../shared/utils.js";import{ComponentClassNames as m}from"../shared/constants.js";import{View as o}from"../View/View.js";const
|
|
1
|
+
import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as r}from"react/jsx-runtime";import*as s from"react";import a from"classnames";import{classNameModifier as i,classNameModifierByFlag as t}from"../shared/utils.js";import{ComponentClassNames as m}from"../shared/constants.js";import{View as o}from"../View/View.js";const n={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},d=s.forwardRef(((s,d)=>{var{className:l,children:c,isTruncated:h,level:f=6}=s,p=e(s,["className","children","isTruncated","level"]);return r(o,Object.assign({as:n[f],className:a(m.Heading,i(m.Heading,f),t(m.Heading,"truncated",h),l),ref:d},p,{children:c}))}));d.displayName="Heading";export{d as Heading};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ComponentClassName as e}from"./types.js";const a={Alert:{className:e.Alert,components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:e.AlertIcon,components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:e.AlertHeading,components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:e.AlertBody,components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:e.AlertDismiss,components:["Alert"],description:"Class applied to the close Button"},Badge:{className:e.Badge,components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:e.Button,components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:e.ButtonGroup},ButtonLoaderWrapper:{className:e.ButtonLoaderWrapper,components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:e.Card,components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:e.Checkbox,components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:e.CheckboxButton,components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:e.CheckboxIcon,components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:e.CheckboxInput,components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:e.CheckboxLabel,components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:e.CheckboxField,components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:e.Collection,components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:e.CollectionItems,components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:e.CollectionSearch,components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:e.CollectionPagination,components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:e.CountryCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:e.Divider,components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:e.DividerLabel,components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:e.Expander,components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:e.ExpanderContent,components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:e.ExpanderContentText,components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:e.ExpanderHeader,components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:e.ExpanderIcon,components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:e.ExpanderItem,components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:e.ExpanderTrigger,components:["Expander"],description:"Expander item trigger(button)"},Field:{className:e.Field},FieldDescription:{className:e.FieldDescription},FieldErrorMessage:{className:e.FieldErrorMessage},FieldGroup:{className:e.FieldGroup},FieldGroupControl:{className:e.FieldGroupControl},FieldGroupOuterEnd:{className:e.FieldGroupOuterEnd},FieldGroupOuterStart:{className:e.FieldGroupOuterStart},FieldGroupInnerEnd:{className:e.FieldGroupInnerEnd},FieldGroupInnerStart:{className:e.FieldGroupInnerStart},FieldGroupIcon:{className:e.FieldGroupIcon},FieldGroupIconButton:{className:e.FieldGroupIconButton},FieldGroupHasInnerEnd:{className:e.FieldGroupHasInnerEnd},FieldGroupHasInnerStart:{className:e.FieldGroupHasInnerStart},FieldShowPassword:{className:e.FieldShowPassword},FieldGroupFieldWrapper:{className:e.FieldGroupFieldWrapper},Flex:{className:e.Flex,components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:e.Grid,components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:e.Heading,components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:e.Icon,components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:e.Image,components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:e.Input},Label:{className:e.Label},Link:{className:e.Link,components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:e.Loader,components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:e.LoaderDeterminate,components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:e.LoaderPercentageText,components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:e.MenuContent,components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:e.MenuItem,components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:e.MenuTrigger,components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:e.Pagination,components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:e.PaginationItemButton,components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:e.PaginationItemCurrent,components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:e.PaginationItemEllipsis,components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:e.PasswordField,components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:e.PhoneNumberField,components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:e.Placeholder,components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:e.Radio,components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:e.RadioButton,components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:e.RadioInput,components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:e.RadioLabel,components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:e.RadioGroupField,components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:e.RadioGroup,components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:e.Rating,components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:e.ScrollView,components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:e.SearchField,components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:e.SearchFieldClear,components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:e.SearchFieldSearch,components:["SearchField"],description:"Class applied to the search button"},Select:{className:e.Select,components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:e.SelectField,components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:e.SelectWrapper,components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:e.SelectIconWrapper,components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:e.SliderField,components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:e.SliderFieldGroup,components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:e.SliderFieldLabel,components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:e.SliderFieldRange,components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:e.SliderFieldRoot,components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:e.SliderFieldThumb,components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:e.SliderFieldTrack,components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:e.StepperField,components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:e.StepperFieldButtonDecrease,components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:e.StepperFieldButtonIncrease,components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:e.StepperFieldInput,components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:e.SwitchField,components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:e.SwitchLabel,components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:e.SwitchThumb,components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:e.SwitchTrack,components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:e.SwitchWrapper,components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:e.Table,components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:e.TableCaption,components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:e.TableBody,components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:e.TableTd,components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:e.TableTh,components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:e.TableFoot,components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:e.TableHead,components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:e.TableRow,components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:e.Tabs,components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:e.TabItems,components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:e.Text,components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:e.Textarea,components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:e.TextAreaField,components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:e.TextField,components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:e.ToggleButton,components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:e.ToggleButtonGroup,components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:e.VisuallyHidden,components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},t={Alert:a.Alert.className,AlertIcon:a.AlertIcon.className,AlertHeading:a.AlertHeading.className,AlertBody:a.AlertBody.className,AlertDismiss:a.AlertDismiss.className,Badge:a.Badge.className,Button:a.Button.className,ButtonGroup:a.ButtonGroup.className,ButtonLoaderWrapper:a.ButtonLoaderWrapper.className,Card:a.Card.className,Checkbox:a.Checkbox.className,CheckboxButton:a.CheckboxButton.className,CheckboxIcon:a.CheckboxIcon.className,CheckboxInput:a.CheckboxInput.className,CheckboxLabel:a.CheckboxLabel.className,CheckboxField:a.CheckboxField.className,Collection:a.Collection.className,CollectionItems:a.CollectionItems.className,CollectionSearch:a.CollectionSearch.className,CollectionPagination:a.CollectionPagination.className,CountryCodeSelect:a.CountryCodeSelect.className,Divider:a.Divider.className,DividerLabel:a.DividerLabel.className,Expander:a.Expander.className,ExpanderContent:a.ExpanderContent.className,ExpanderContentText:a.ExpanderContentText.className,ExpanderHeader:a.ExpanderHeader.className,ExpanderIcon:a.ExpanderIcon.className,ExpanderItem:a.ExpanderItem.className,ExpanderTrigger:a.ExpanderTrigger.className,Field:a.Field.className,FieldDescription:a.FieldDescription.className,FieldErrorMessage:a.FieldErrorMessage.className,FieldGroup:a.FieldGroup.className,FieldGroupControl:a.FieldGroupControl.className,FieldGroupOuterEnd:a.FieldGroupOuterEnd.className,FieldGroupOuterStart:a.FieldGroupOuterStart.className,FieldGroupInnerEnd:a.FieldGroupInnerEnd.className,FieldGroupInnerStart:a.FieldGroupInnerStart.className,FieldGroupIcon:a.FieldGroupIcon.className,FieldGroupIconButton:a.FieldGroupIconButton.className,FieldGroupHasInnerEnd:a.FieldGroupHasInnerEnd.className,FieldGroupHasInnerStart:a.FieldGroupHasInnerStart.className,FieldShowPassword:a.FieldShowPassword.className,FieldGroupFieldWrapper:a.FieldGroupFieldWrapper.className,Flex:a.Flex.className,Grid:a.Grid.className,Heading:a.Heading.className,Icon:a.Icon.className,Image:a.Image.className,Input:a.Input.className,Label:a.Label.className,Link:a.Link.className,Loader:a.Loader.className,LoaderDeterminate:a.LoaderDeterminate.className,LoaderPercentageText:a.LoaderPercentageText.className,MenuContent:a.MenuContent.className,MenuItem:a.MenuItem.className,MenuTrigger:a.MenuTrigger.className,Pagination:a.Pagination.className,PaginationItemButton:a.PaginationItemButton.className,PaginationItemCurrent:a.PaginationItemCurrent.className,PaginationItemEllipsis:a.PaginationItemEllipsis.className,PasswordField:a.PasswordField.className,PhoneNumberField:a.PhoneNumberField.className,Placeholder:a.Placeholder.className,Radio:a.Radio.className,RadioButton:a.RadioButton.className,RadioInput:a.RadioInput.className,RadioLabel:a.RadioLabel.className,RadioGroupField:a.RadioGroupField.className,RadioGroup:a.RadioGroup.className,Rating:a.Rating.className,ScrollView:a.ScrollView.className,SearchField:a.SearchField.className,SearchFieldClear:a.SearchFieldClear.className,SearchFieldSearch:a.SearchFieldSearch.className,Select:a.Select.className,SelectField:a.SelectField.className,SelectWrapper:a.SelectWrapper.className,SelectIconWrapper:a.SelectIconWrapper.className,SliderField:a.SliderField.className,SliderFieldGroup:a.SliderFieldGroup.className,SliderFieldLabel:a.SliderFieldLabel.className,SliderFieldRange:a.SliderFieldRange.className,SliderFieldRoot:a.SliderFieldRoot.className,SliderFieldThumb:a.SliderFieldThumb.className,SliderFieldTrack:a.SliderFieldTrack.className,StepperField:a.StepperField.className,StepperFieldButtonDecrease:a.StepperFieldButtonDecrease.className,StepperFieldButtonIncrease:a.StepperFieldButtonIncrease.className,StepperFieldInput:a.StepperFieldInput.className,SwitchField:a.SwitchField.className,SwitchLabel:a.SwitchLabel.className,SwitchThumb:a.SwitchThumb.className,SwitchTrack:a.SwitchTrack.className,SwitchWrapper:a.SwitchWrapper.className,Table:a.Table.className,TableCaption:a.TableCaption.className,TableBody:a.TableBody.className,TableTd:a.TableTd.className,TableTh:a.TableTh.className,TableFoot:a.TableFoot.className,TableHead:a.TableHead.className,TableRow:a.TableRow.className,Tabs:a.Tabs.className,TabItems:a.TabItems.className,Text:a.Text.className,Textarea:a.Textarea.className,TextAreaField:a.TextAreaField.className,TextField:a.TextField.className,ToggleButton:a.ToggleButton.className,ToggleButtonGroup:a.ToggleButtonGroup.className,VisuallyHidden:a.VisuallyHidden.className},l={Alert:{dismissButtonLabel:"Dismiss alert"},Collection:{searchButtonLabel:"Search"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Page",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{passwordIsHidden:"Password is hidden",passwordIsShown:"Password is shown",showPassword:"Show password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},i={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"};export{t as ComponentClassNames,a as ComponentClassObject,l as ComponentText,i as stylePropsToThemeKeys};
|
|
1
|
+
import{ComponentClassName as e}from"./types.js";const a={Alert:{className:e.Alert,components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:e.AlertIcon,components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:e.AlertHeading,components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:e.AlertBody,components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:e.AlertDismiss,components:["Alert"],description:"Class applied to the close Button"},Badge:{className:e.Badge,components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:e.Button,components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:e.ButtonGroup},ButtonLoaderWrapper:{className:e.ButtonLoaderWrapper,components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:e.Card,components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:e.Checkbox,components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:e.CheckboxButton,components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:e.CheckboxIcon,components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:e.CheckboxInput,components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:e.CheckboxLabel,components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:e.CheckboxField,components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:e.Collection,components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:e.CollectionItems,components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:e.CollectionSearch,components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:e.CollectionPagination,components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:e.CountryCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:e.Divider,components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:e.DividerLabel,components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:e.Expander,components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:e.ExpanderContent,components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:e.ExpanderContentText,components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:e.ExpanderHeader,components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:e.ExpanderIcon,components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:e.ExpanderItem,components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:e.ExpanderTrigger,components:["Expander"],description:"Expander item trigger(button)"},Field:{className:e.Field},FieldDescription:{className:e.FieldDescription},FieldErrorMessage:{className:e.FieldErrorMessage},FieldGroup:{className:e.FieldGroup},FieldGroupControl:{className:e.FieldGroupControl},FieldGroupOuterEnd:{className:e.FieldGroupOuterEnd},FieldGroupOuterStart:{className:e.FieldGroupOuterStart},FieldGroupInnerEnd:{className:e.FieldGroupInnerEnd},FieldGroupInnerStart:{className:e.FieldGroupInnerStart},FieldGroupIcon:{className:e.FieldGroupIcon},FieldGroupIconButton:{className:e.FieldGroupIconButton},FieldGroupHasInnerEnd:{className:e.FieldGroupHasInnerEnd},FieldGroupHasInnerStart:{className:e.FieldGroupHasInnerStart},FieldShowPassword:{className:e.FieldShowPassword},FieldGroupFieldWrapper:{className:e.FieldGroupFieldWrapper},Flex:{className:e.Flex,components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:e.Grid,components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:e.Heading,components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:e.Icon,components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:e.Image,components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:e.Input},Label:{className:e.Label},Link:{className:e.Link,components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:e.Loader,components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:e.LoaderDeterminate,components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:e.LoaderPercentageText,components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:e.MenuContent,components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:e.MenuItem,components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:e.MenuTrigger,components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:e.Pagination,components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:e.PaginationItemButton,components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:e.PaginationItemCurrent,components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:e.PaginationItemEllipsis,components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:e.PasswordField,components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:e.PhoneNumberField,components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:e.Placeholder,components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:e.Radio,components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:e.RadioButton,components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:e.RadioInput,components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:e.RadioLabel,components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:e.RadioGroupField,components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:e.RadioGroup,components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:e.Rating,components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:e.ScrollView,components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:e.SearchField,components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:e.SearchFieldClear,components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:e.SearchFieldSearch,components:["SearchField"],description:"Class applied to the search button"},Select:{className:e.Select,components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:e.SelectField,components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:e.SelectWrapper,components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:e.SelectIconWrapper,components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:e.SliderField,components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:e.SliderFieldGroup,components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:e.SliderFieldLabel,components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:e.SliderFieldRange,components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:e.SliderFieldRoot,components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:e.SliderFieldThumb,components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:e.SliderFieldTrack,components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:e.StepperField,components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:e.StepperFieldButtonDecrease,components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:e.StepperFieldButtonIncrease,components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:e.StepperFieldInput,components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:e.SwitchField,components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:e.SwitchLabel,components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:e.SwitchThumb,components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:e.SwitchTrack,components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:e.SwitchWrapper,components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:e.Table,components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:e.TableCaption,components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:e.TableBody,components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:e.TableTd,components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:e.TableTh,components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:e.TableFoot,components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:e.TableHead,components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:e.TableRow,components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:e.Tabs,components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:e.TabItems,components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:e.Text,components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:e.Textarea,components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:e.TextAreaField,components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:e.TextField,components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:e.ToggleButton,components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:e.ToggleButtonGroup,components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:e.VisuallyHidden,components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},t={Alert:a.Alert.className,AlertIcon:a.AlertIcon.className,AlertHeading:a.AlertHeading.className,AlertBody:a.AlertBody.className,AlertDismiss:a.AlertDismiss.className,Badge:a.Badge.className,Button:a.Button.className,ButtonGroup:a.ButtonGroup.className,ButtonLoaderWrapper:a.ButtonLoaderWrapper.className,Card:a.Card.className,Checkbox:a.Checkbox.className,CheckboxButton:a.CheckboxButton.className,CheckboxIcon:a.CheckboxIcon.className,CheckboxInput:a.CheckboxInput.className,CheckboxLabel:a.CheckboxLabel.className,CheckboxField:a.CheckboxField.className,Collection:a.Collection.className,CollectionItems:a.CollectionItems.className,CollectionSearch:a.CollectionSearch.className,CollectionPagination:a.CollectionPagination.className,CountryCodeSelect:a.CountryCodeSelect.className,Divider:a.Divider.className,DividerLabel:a.DividerLabel.className,Expander:a.Expander.className,ExpanderContent:a.ExpanderContent.className,ExpanderContentText:a.ExpanderContentText.className,ExpanderHeader:a.ExpanderHeader.className,ExpanderIcon:a.ExpanderIcon.className,ExpanderItem:a.ExpanderItem.className,ExpanderTrigger:a.ExpanderTrigger.className,Field:a.Field.className,FieldDescription:a.FieldDescription.className,FieldErrorMessage:a.FieldErrorMessage.className,FieldGroup:a.FieldGroup.className,FieldGroupControl:a.FieldGroupControl.className,FieldGroupOuterEnd:a.FieldGroupOuterEnd.className,FieldGroupOuterStart:a.FieldGroupOuterStart.className,FieldGroupInnerEnd:a.FieldGroupInnerEnd.className,FieldGroupInnerStart:a.FieldGroupInnerStart.className,FieldGroupIcon:a.FieldGroupIcon.className,FieldGroupIconButton:a.FieldGroupIconButton.className,FieldGroupHasInnerEnd:a.FieldGroupHasInnerEnd.className,FieldGroupHasInnerStart:a.FieldGroupHasInnerStart.className,FieldShowPassword:a.FieldShowPassword.className,FieldGroupFieldWrapper:a.FieldGroupFieldWrapper.className,Flex:a.Flex.className,Grid:a.Grid.className,Heading:a.Heading.className,Icon:a.Icon.className,Image:a.Image.className,Input:a.Input.className,Label:a.Label.className,Link:a.Link.className,Loader:a.Loader.className,LoaderDeterminate:a.LoaderDeterminate.className,LoaderPercentageText:a.LoaderPercentageText.className,MenuContent:a.MenuContent.className,MenuItem:a.MenuItem.className,MenuTrigger:a.MenuTrigger.className,Pagination:a.Pagination.className,PaginationItemButton:a.PaginationItemButton.className,PaginationItemCurrent:a.PaginationItemCurrent.className,PaginationItemEllipsis:a.PaginationItemEllipsis.className,PasswordField:a.PasswordField.className,PhoneNumberField:a.PhoneNumberField.className,Placeholder:a.Placeholder.className,Radio:a.Radio.className,RadioButton:a.RadioButton.className,RadioInput:a.RadioInput.className,RadioLabel:a.RadioLabel.className,RadioGroupField:a.RadioGroupField.className,RadioGroup:a.RadioGroup.className,Rating:a.Rating.className,ScrollView:a.ScrollView.className,SearchField:a.SearchField.className,SearchFieldClear:a.SearchFieldClear.className,SearchFieldSearch:a.SearchFieldSearch.className,Select:a.Select.className,SelectField:a.SelectField.className,SelectWrapper:a.SelectWrapper.className,SelectIconWrapper:a.SelectIconWrapper.className,SliderField:a.SliderField.className,SliderFieldGroup:a.SliderFieldGroup.className,SliderFieldLabel:a.SliderFieldLabel.className,SliderFieldRange:a.SliderFieldRange.className,SliderFieldRoot:a.SliderFieldRoot.className,SliderFieldThumb:a.SliderFieldThumb.className,SliderFieldTrack:a.SliderFieldTrack.className,StepperField:a.StepperField.className,StepperFieldButtonDecrease:a.StepperFieldButtonDecrease.className,StepperFieldButtonIncrease:a.StepperFieldButtonIncrease.className,StepperFieldInput:a.StepperFieldInput.className,SwitchField:a.SwitchField.className,SwitchLabel:a.SwitchLabel.className,SwitchThumb:a.SwitchThumb.className,SwitchTrack:a.SwitchTrack.className,SwitchWrapper:a.SwitchWrapper.className,Table:a.Table.className,TableCaption:a.TableCaption.className,TableBody:a.TableBody.className,TableTd:a.TableTd.className,TableTh:a.TableTh.className,TableFoot:a.TableFoot.className,TableHead:a.TableHead.className,TableRow:a.TableRow.className,Tabs:a.Tabs.className,TabItems:a.TabItems.className,Text:a.Text.className,Textarea:a.Textarea.className,TextAreaField:a.TextAreaField.className,TextField:a.TextField.className,ToggleButton:a.ToggleButton.className,ToggleButtonGroup:a.ToggleButtonGroup.className,VisuallyHidden:a.VisuallyHidden.className},l={Alert:{dismissButtonLabel:"Dismiss alert"},Collection:{searchButtonLabel:"Search",searchNoResultsFound:"No results found"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Page",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{passwordIsHidden:"Password is hidden",passwordIsShown:"Password is shown",showPassword:"Show password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},i={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"};export{t as ComponentClassNames,a as ComponentClassObject,l as ComponentText,i as stylePropsToThemeKeys};
|