@arc-ui/components 13.2.0 → 13.3.0

package/lib/index.d.cts

@@ -58,7 +58,7 @@ interface LinkProps {
     /**
      * Configures the size of `Link`.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Removes underline if true.
      */
@@ -553,7 +553,7 @@ interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement>
 
 type AvatarImage = Pick<ImageProps, "src" | "loading" | "sizes" | "srcSet" | "width" | "height" | "alt" | "fadeOnLoad">;
 
-type AvatarSize = "s" | "m" | "l" | "xl";
+type AvatarSize = "xl" | "l" | "m" | "s";
 
 /** Use `Avatar` to visually represent a user. */
 declare const Avatar: ({ img, initials, href, title, ariaLabel, onClick, size, ...props }: AvatarProps) => React__default.JSX.Element;
@@ -651,7 +651,7 @@ declare const Heading: ({ align, casing, color, children, level, isInline, fontS
 type HeadingCasing = "auto" | "none";
 type HeadingColor = "auto" | "brand";
 type HeadingLevel = SemanticHeadingLevel;
-type HeadingSize = "xxxs" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl";
+type HeadingSize = "xxxl" | "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | "xxxs";
 interface HeadingProps {
     /**
      * Text alignment of the Heading.
@@ -1079,7 +1079,7 @@ interface ButtonProps extends ButtonElementProps, LinkElementProps$2 {
     /**
      * How should a Button icon be displayed?
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Optional supporting text for the Button.
      */
@@ -1209,7 +1209,7 @@ interface ButtonV2Props extends ButtonV2ElementProps, LinkElementProps$1 {
     /**
      * Size of `ButtonV2`
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * HTML ID for the `ButtonV2`
      */
@@ -1470,7 +1470,7 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
     /**
      * Size of the Checkbox.
      */
-    size?: "s" | "m";
+    size?: "m" | "s";
     /**
      * Value for the Checkbox.
      */
@@ -1538,7 +1538,7 @@ interface CheckboxIconProps extends Omit<CheckedProps, "defaultChecked"> {
     /**
      * Size of the Checkbox.
      */
-    size?: "s" | "m";
+    size?: "m" | "s";
     /**
      * Value for the Checkbox.
      */
@@ -1677,7 +1677,7 @@ interface FormControlProps {
     /**
      * Label size.
      */
-    labelSize?: "s" | "m" | "l";
+    labelSize?: "l" | "m" | "s";
     /**
      * Position of Label (Switch component only)
      */
@@ -1715,7 +1715,7 @@ interface FormControlProps {
 
 type FocusHandler = (e: React.FocusEvent<HTMLInputElement, Element>) => void;
 
-type InputSize = "s" | "m" | "l";
+type InputSize = "l" | "m" | "s";
 
 /** Use `ComboBox` to assist a text input with a dropdown list of options. */
 declare const ComboBox: ({ ref, name, onBlur, onFocus, label, helper, id, hideLabel, isFluid, errorMessage, disclosureTitle, disclosureText, onClickDisclosure, listBoxAriaLabel, prefixIcon, onChange, noResultsSupportingCopy, customOptionSupportingCopy, multiSelectLimit, options: initialOptions, clearButtonTooltip, defaultSelectedValues, defaultValue, size, visibleTagCount, isClearButtonEnabled, isReadOnly, isMultiSelectable, isDisabled, isRequired, isAutocomplete, isCustomEntryAllowed, ...props }: ComboBoxProps) => React__default.JSX.Element;
@@ -2101,7 +2101,7 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
     /**
      * Size of the input.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Determine the alignment of the text within the input
      */
@@ -2245,7 +2245,7 @@ interface DisclosureMiniProps {
     /**
      * Disclosure size.
      */
-    size?: "s" | "l";
+    size?: "l" | "s";
 }
 
 declare const iconNames: readonly ["alertDismiss", "alertError", "alertGeneral", "alertSuccess", "alertWarning", "avatarUser", "breadcrumbLeft", "breadcrumbRight", "buttonLeft", "buttonRight", "calendarLeft", "calendarRight", "cardRight", "cardPlay", "carouselRight", "carouselLeft", "checkboxChecked", "checkboxError", "comboboxTagRemove", "comboboxAutoComplete", "comboboxSelected", "comboboxNoResults", "comboboxClear", "datePickerCalendar", "disclosureExpand", "disclosureMiniExpand", "downloadFile", "downloadAccessibility", "drawerClose", "formControlAlert", "linkExternal", "modalClose", "navigationHeaderSideMenuBack", "navigationHeaderClose", "navigationHeaderDisclosure", "navigationHeaderArrowRight", "navigationHeaderMenuLinkSmall", "navigationHeaderMenuLinkLarge", "navigationHeaderBasket", "navigationHeaderSearch", "navigationHeaderUser", "paginationPrevious", "paginationNext", "paginationSimplePrevious", "paginationSimpleNext", "progressBarSuccess", "progressBarError", "progressBarRefresh", "progressStepperComplete", "progressStepperCurrent", "progressStepperWarning", "progressStepperError", "scrollToTop", "selectTrigger", "selectScrollUp", "selectScrollDown", "selectIndicator", "siteFooterExpand", "siteHeaderBack", "siteHeaderBurger", "siteHeaderLink", "siteHeaderItemGroupExpand", "siteHeaderNavItemExpand", "siteHeaderNavItemExpandAlt", "siteHeaderViewAll", "siteHeaderSubNavOpen", "switchToggle", "tabsNext", "tabsPrevious", "tagRemove", "textInputShowPassword", "textInputHidePassword", "textInputClear", "toastGeneral", "toastSuccess", "toastWarning", "toastError", "toastDismiss", "videoPlayerTranscript", "videoPlayerPlay"];
@@ -2336,7 +2336,7 @@ interface DrawerProps {
     /**
      * Size preset for the drawer. These can be overridden by setting custom `height` (for Bottom position) or `width` (for 'Left, 'Right'). Use 'auto' to hug the `drawer` content.
      */
-    size?: "s" | "m" | "l" | "auto";
+    size?: "l" | "m" | "s" | "auto";
     /**
      * Set Drawer open or closed.
      */
@@ -2840,7 +2840,7 @@ interface CardFooterProps {
     /**
      * Size of the button.
      */
-    buttonSize?: "s" | "m";
+    buttonSize?: "m" | "s";
     /**
      * Whether to show the button.
      */
@@ -3611,7 +3611,7 @@ interface ModalProps {
     /**
      * Size of the modal dialog.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Set modal open or closed.
      */
@@ -4322,7 +4322,7 @@ interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementTy
     /**
      * Size of the RadioGroup
      */
-    size?: "s" | "l";
+    size?: "l" | "s";
     /**
      * Error message for the RadioGroup
      */
@@ -4340,7 +4340,7 @@ type ContextProps = {
     groupDisabled: boolean;
     checkedValue?: string;
     name: string;
-    size: "s" | "l";
+    size: "l" | "s";
 };
 
 declare const RadioGroupButton: ({ ref, id, changeEvent, isDisabled, size, labelSize, checked, defaultChecked, radioButtonAlignment, name, blurEvent, value, label, helper, hideLabel, withMargin, isError, }: RadioGroupButtonProps) => React__default.JSX.Element;
@@ -4596,7 +4596,7 @@ interface SelectProps extends Omit<FormControlProps, "children" | "elementType"
     /**
      * determine the size of the select.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Sets the Select to 100% width.
      */
@@ -5131,7 +5131,7 @@ interface SpacingProps {
  * Use `Spinner` to display a loading state.
  */
 declare const Spinner: ({ size, color, ...props }: SpinnerProps) => React__default.JSX.Element;
-type SpinnerSize = "s" | "m" | "l" | "xl" | "xxl";
+type SpinnerSize = "xxl" | "xl" | "l" | "m" | "s";
 interface SpinnerProps {
     /**
      * Colour options. If no `color` option defined, the colour will use currentColor.
@@ -5173,7 +5173,7 @@ interface SwitchProps extends Omit<FormControlProps, "children" | "elementType"
     /**
      * Size of the Switch.
      */
-    size?: "s" | "m";
+    size?: "m" | "s";
     /**
      * set the switch to be checked by default
      */
@@ -5366,7 +5366,7 @@ interface TagProps {
  */
 declare const Text: ({ align, children, id, isInline, isMeasured, size, tone, elementType, ...props }: TextProps) => React__default.JSX.Element;
 type Tone = "default" | "supporting" | "muted";
-type TextSize = "xs" | "s" | "m" | "l";
+type TextSize = "l" | "m" | "s" | "xs";
 interface TextProps {
     /**
      * Alignment of the Text.
@@ -5574,7 +5574,7 @@ interface InputIconProps {
     /**
      * Pass in TextInput size to Icon.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Set a Tooltip to appear on hover.
      */

package/lib/index.d.mts

@@ -58,7 +58,7 @@ interface LinkProps {
     /**
      * Configures the size of `Link`.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Removes underline if true.
      */
@@ -553,7 +553,7 @@ interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement>
 
 type AvatarImage = Pick<ImageProps, "src" | "loading" | "sizes" | "srcSet" | "width" | "height" | "alt" | "fadeOnLoad">;
 
-type AvatarSize = "s" | "m" | "l" | "xl";
+type AvatarSize = "xl" | "l" | "m" | "s";
 
 /** Use `Avatar` to visually represent a user. */
 declare const Avatar: ({ img, initials, href, title, ariaLabel, onClick, size, ...props }: AvatarProps) => React__default.JSX.Element;
@@ -651,7 +651,7 @@ declare const Heading: ({ align, casing, color, children, level, isInline, fontS
 type HeadingCasing = "auto" | "none";
 type HeadingColor = "auto" | "brand";
 type HeadingLevel = SemanticHeadingLevel;
-type HeadingSize = "xxxs" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl";
+type HeadingSize = "xxxl" | "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | "xxxs";
 interface HeadingProps {
     /**
      * Text alignment of the Heading.
@@ -1079,7 +1079,7 @@ interface ButtonProps extends ButtonElementProps, LinkElementProps$2 {
     /**
      * How should a Button icon be displayed?
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Optional supporting text for the Button.
      */
@@ -1209,7 +1209,7 @@ interface ButtonV2Props extends ButtonV2ElementProps, LinkElementProps$1 {
     /**
      * Size of `ButtonV2`
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * HTML ID for the `ButtonV2`
      */
@@ -1470,7 +1470,7 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
     /**
      * Size of the Checkbox.
      */
-    size?: "s" | "m";
+    size?: "m" | "s";
     /**
      * Value for the Checkbox.
      */
@@ -1538,7 +1538,7 @@ interface CheckboxIconProps extends Omit<CheckedProps, "defaultChecked"> {
     /**
      * Size of the Checkbox.
      */
-    size?: "s" | "m";
+    size?: "m" | "s";
     /**
      * Value for the Checkbox.
      */
@@ -1677,7 +1677,7 @@ interface FormControlProps {
     /**
      * Label size.
      */
-    labelSize?: "s" | "m" | "l";
+    labelSize?: "l" | "m" | "s";
     /**
      * Position of Label (Switch component only)
      */
@@ -1715,7 +1715,7 @@ interface FormControlProps {
 
 type FocusHandler = (e: React.FocusEvent<HTMLInputElement, Element>) => void;
 
-type InputSize = "s" | "m" | "l";
+type InputSize = "l" | "m" | "s";
 
 /** Use `ComboBox` to assist a text input with a dropdown list of options. */
 declare const ComboBox: ({ ref, name, onBlur, onFocus, label, helper, id, hideLabel, isFluid, errorMessage, disclosureTitle, disclosureText, onClickDisclosure, listBoxAriaLabel, prefixIcon, onChange, noResultsSupportingCopy, customOptionSupportingCopy, multiSelectLimit, options: initialOptions, clearButtonTooltip, defaultSelectedValues, defaultValue, size, visibleTagCount, isClearButtonEnabled, isReadOnly, isMultiSelectable, isDisabled, isRequired, isAutocomplete, isCustomEntryAllowed, ...props }: ComboBoxProps) => React__default.JSX.Element;
@@ -2101,7 +2101,7 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
     /**
      * Size of the input.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Determine the alignment of the text within the input
      */
@@ -2245,7 +2245,7 @@ interface DisclosureMiniProps {
     /**
      * Disclosure size.
      */
-    size?: "s" | "l";
+    size?: "l" | "s";
 }
 
 declare const iconNames: readonly ["alertDismiss", "alertError", "alertGeneral", "alertSuccess", "alertWarning", "avatarUser", "breadcrumbLeft", "breadcrumbRight", "buttonLeft", "buttonRight", "calendarLeft", "calendarRight", "cardRight", "cardPlay", "carouselRight", "carouselLeft", "checkboxChecked", "checkboxError", "comboboxTagRemove", "comboboxAutoComplete", "comboboxSelected", "comboboxNoResults", "comboboxClear", "datePickerCalendar", "disclosureExpand", "disclosureMiniExpand", "downloadFile", "downloadAccessibility", "drawerClose", "formControlAlert", "linkExternal", "modalClose", "navigationHeaderSideMenuBack", "navigationHeaderClose", "navigationHeaderDisclosure", "navigationHeaderArrowRight", "navigationHeaderMenuLinkSmall", "navigationHeaderMenuLinkLarge", "navigationHeaderBasket", "navigationHeaderSearch", "navigationHeaderUser", "paginationPrevious", "paginationNext", "paginationSimplePrevious", "paginationSimpleNext", "progressBarSuccess", "progressBarError", "progressBarRefresh", "progressStepperComplete", "progressStepperCurrent", "progressStepperWarning", "progressStepperError", "scrollToTop", "selectTrigger", "selectScrollUp", "selectScrollDown", "selectIndicator", "siteFooterExpand", "siteHeaderBack", "siteHeaderBurger", "siteHeaderLink", "siteHeaderItemGroupExpand", "siteHeaderNavItemExpand", "siteHeaderNavItemExpandAlt", "siteHeaderViewAll", "siteHeaderSubNavOpen", "switchToggle", "tabsNext", "tabsPrevious", "tagRemove", "textInputShowPassword", "textInputHidePassword", "textInputClear", "toastGeneral", "toastSuccess", "toastWarning", "toastError", "toastDismiss", "videoPlayerTranscript", "videoPlayerPlay"];
@@ -2336,7 +2336,7 @@ interface DrawerProps {
     /**
      * Size preset for the drawer. These can be overridden by setting custom `height` (for Bottom position) or `width` (for 'Left, 'Right'). Use 'auto' to hug the `drawer` content.
      */
-    size?: "s" | "m" | "l" | "auto";
+    size?: "l" | "m" | "s" | "auto";
     /**
      * Set Drawer open or closed.
      */
@@ -2840,7 +2840,7 @@ interface CardFooterProps {
     /**
      * Size of the button.
      */
-    buttonSize?: "s" | "m";
+    buttonSize?: "m" | "s";
     /**
      * Whether to show the button.
      */
@@ -3611,7 +3611,7 @@ interface ModalProps {
     /**
      * Size of the modal dialog.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Set modal open or closed.
      */
@@ -4322,7 +4322,7 @@ interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementTy
     /**
      * Size of the RadioGroup
      */
-    size?: "s" | "l";
+    size?: "l" | "s";
     /**
      * Error message for the RadioGroup
      */
@@ -4340,7 +4340,7 @@ type ContextProps = {
     groupDisabled: boolean;
     checkedValue?: string;
     name: string;
-    size: "s" | "l";
+    size: "l" | "s";
 };
 
 declare const RadioGroupButton: ({ ref, id, changeEvent, isDisabled, size, labelSize, checked, defaultChecked, radioButtonAlignment, name, blurEvent, value, label, helper, hideLabel, withMargin, isError, }: RadioGroupButtonProps) => React__default.JSX.Element;
@@ -4596,7 +4596,7 @@ interface SelectProps extends Omit<FormControlProps, "children" | "elementType"
     /**
      * determine the size of the select.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Sets the Select to 100% width.
      */
@@ -5131,7 +5131,7 @@ interface SpacingProps {
  * Use `Spinner` to display a loading state.
  */
 declare const Spinner: ({ size, color, ...props }: SpinnerProps) => React__default.JSX.Element;
-type SpinnerSize = "s" | "m" | "l" | "xl" | "xxl";
+type SpinnerSize = "xxl" | "xl" | "l" | "m" | "s";
 interface SpinnerProps {
     /**
      * Colour options. If no `color` option defined, the colour will use currentColor.
@@ -5173,7 +5173,7 @@ interface SwitchProps extends Omit<FormControlProps, "children" | "elementType"
     /**
      * Size of the Switch.
      */
-    size?: "s" | "m";
+    size?: "m" | "s";
     /**
      * set the switch to be checked by default
      */
@@ -5366,7 +5366,7 @@ interface TagProps {
  */
 declare const Text: ({ align, children, id, isInline, isMeasured, size, tone, elementType, ...props }: TextProps) => React__default.JSX.Element;
 type Tone = "default" | "supporting" | "muted";
-type TextSize = "xs" | "s" | "m" | "l";
+type TextSize = "l" | "m" | "s" | "xs";
 interface TextProps {
     /**
      * Alignment of the Text.
@@ -5574,7 +5574,7 @@ interface InputIconProps {
     /**
      * Pass in TextInput size to Icon.
      */
-    size?: "s" | "m" | "l";
+    size?: "l" | "m" | "s";
     /**
      * Set a Tooltip to appear on hover.
      */