@arc-ui/components 12.0.0-beta.18 → 12.0.0-beta.20
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/lib/Alert/Alert.cjs +1 -1
- package/lib/Alert/Alert.mjs +1 -1
- package/lib/Alert/styles.css +1 -1
- package/lib/Align/styles.css +1 -1
- package/lib/AppButton/styles.css +1 -1
- package/lib/Avatar/Avatar.cjs +2 -1
- package/lib/Avatar/Avatar.mjs +2 -1
- package/lib/Avatar/styles.css +1 -1
- package/lib/AvatarGroup/AvatarGroup.cjs +2 -1
- package/lib/AvatarGroup/AvatarGroup.mjs +2 -1
- package/lib/AvatarGroup/styles.css +1 -1
- package/lib/Badge/styles.css +1 -1
- package/lib/Banner/Banner.cjs +2 -3
- package/lib/Banner/Banner.mjs +2 -3
- package/lib/Box/styles.css +1 -1
- package/lib/BrandLogo/styles.css +1 -1
- package/lib/Breadcrumbs/Breadcrumbs.cjs +2 -1
- package/lib/Breadcrumbs/Breadcrumbs.mjs +2 -1
- package/lib/Breadcrumbs/styles.css +1 -1
- package/lib/Button/Button.cjs +2 -2
- package/lib/Button/Button.mjs +2 -2
- package/lib/Button/styles.css +1 -1
- package/lib/ButtonGroup/ButtonGroup.cjs +3 -3
- package/lib/ButtonGroup/ButtonGroup.mjs +3 -3
- package/lib/ButtonGroup/styles.css +1 -1
- package/lib/ButtonV2/ButtonV2.cjs +2 -2
- package/lib/ButtonV2/ButtonV2.mjs +2 -2
- package/lib/ButtonV2/styles.css +1 -1
- package/lib/Calendar/Calendar.cjs +3 -3
- package/lib/Calendar/Calendar.mjs +3 -3
- package/lib/Calendar/styles.css +1 -1
- package/lib/CardFooter/CardFooter.cjs +2 -2
- package/lib/CardFooter/CardFooter.mjs +2 -2
- package/lib/CardFooter/styles.css +1 -1
- package/lib/CardHeading/styles.css +1 -1
- package/lib/Carousel/Carousel.cjs +1 -1
- package/lib/Carousel/Carousel.mjs +1 -1
- package/lib/Carousel/styles.css +1 -1
- package/lib/Checkbox/Checkbox.cjs +2 -2
- package/lib/Checkbox/Checkbox.mjs +2 -2
- package/lib/Checkbox/styles.css +1 -1
- package/lib/Columns/styles.css +1 -1
- package/lib/ComboBox/ComboBox.cjs +3 -3
- package/lib/ComboBox/ComboBox.mjs +3 -3
- package/lib/ComboBox/styles.css +1 -1
- package/lib/ContentSwitcher/ContentSwitcher.cjs +1 -1
- package/lib/ContentSwitcher/ContentSwitcher.mjs +1 -1
- package/lib/ContentSwitcher/styles.css +1 -1
- package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.cjs +1 -1
- package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.mjs +1 -1
- package/lib/ContentSwitcherDropdown/styles.css +1 -1
- package/lib/DatePicker/DatePicker.cjs +196 -17
- package/lib/DatePicker/DatePicker.mjs +200 -17
- package/lib/DatePicker/styles.css +1 -1
- package/lib/Disclosure/styles.css +1 -1
- package/lib/DisclosureMini/styles.css +1 -1
- package/lib/Download/styles.css +1 -1
- package/lib/Drawer/Drawer.cjs +46 -323
- package/lib/Drawer/Drawer.mjs +44 -306
- package/lib/Drawer/styles.css +1 -1
- package/lib/Elevation/styles.css +1 -1
- package/lib/Filter/styles.css +1 -1
- package/lib/FormControl/FormControl.cjs +1 -1
- package/lib/FormControl/FormControl.mjs +1 -1
- package/lib/FormControl/styles.css +1 -1
- package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs +1 -1
- package/lib/GhostedHeroBanner/GhostedHeroBanner.mjs +1 -1
- package/lib/GhostedHeroBanner/styles.css +1 -1
- package/lib/GradientPageBackground/GradientPageBackground.cjs +257 -0
- package/lib/GradientPageBackground/GradientPageBackground.mjs +237 -0
- package/lib/GradientPageBackground/styles.css +1 -0
- package/lib/Grid/styles.css +1 -1
- package/lib/Group/styles.css +1 -1
- package/lib/Heading/styles.css +1 -1
- package/lib/HeroBanner/HeroBanner.cjs +2 -3
- package/lib/HeroBanner/HeroBanner.mjs +2 -3
- package/lib/HeroBanner/styles.css +1 -1
- package/lib/HeroButton/HeroButton.cjs +2 -2
- package/lib/HeroButton/HeroButton.mjs +2 -2
- package/lib/HeroButton/styles.css +1 -1
- package/lib/Hidden/styles.css +1 -1
- package/lib/HorizontalCard/HorizontalCard.cjs +3 -2
- package/lib/HorizontalCard/HorizontalCard.mjs +3 -2
- package/lib/HorizontalCard/styles.css +1 -1
- package/lib/Icon/Icon.cjs +1 -1
- package/lib/Icon/Icon.mjs +1 -1
- package/lib/Icon/styles.css +1 -1
- package/lib/Image/styles.css +1 -1
- package/lib/ImpactCard/ImpactCard.cjs +7 -4
- package/lib/ImpactCard/ImpactCard.mjs +7 -4
- package/lib/ImpactCard/styles.css +1 -1
- package/lib/InformationCard/InformationCard.cjs +7 -5
- package/lib/InformationCard/InformationCard.mjs +7 -5
- package/lib/InformationCard/styles.css +1 -1
- package/lib/Link/Link.cjs +1 -1
- package/lib/Link/Link.mjs +1 -1
- package/lib/Link/styles.css +1 -1
- package/lib/Markup/styles.css +1 -1
- package/lib/MediaCard/MediaCard.cjs +3 -5
- package/lib/MediaCard/MediaCard.mjs +3 -5
- package/lib/MediaCard/styles.css +1 -1
- package/lib/Menu/Menu.cjs +35 -48
- package/lib/Menu/Menu.mjs +21 -34
- package/lib/Menu/styles.css +1 -1
- package/lib/Modal/Modal.cjs +2 -2
- package/lib/Modal/Modal.mjs +2 -2
- package/lib/Modal/styles.css +1 -1
- package/lib/Pagination/styles.css +1 -1
- package/lib/PaginationSimple/PaginationSimple.cjs +1 -1
- package/lib/PaginationSimple/PaginationSimple.mjs +1 -1
- package/lib/PaginationSimple/styles.css +1 -1
- package/lib/Popover/styles.css +1 -1
- package/lib/Poster/styles.css +1 -1
- package/lib/ProgressBar/styles.css +1 -1
- package/lib/ProgressStepper/ProgressStepper.cjs +10 -72
- package/lib/ProgressStepper/ProgressStepper.mjs +8 -74
- package/lib/ProgressStepper/styles.css +1 -1
- package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs +20 -0
- package/lib/ProgressStepperOverflow/ProgressStepperOverflow.mjs +14 -0
- package/lib/ProgressStepperOverflow/styles.css +1 -0
- package/lib/RadioCardGroup/RadioCardGroup.cjs +3 -3
- package/lib/RadioCardGroup/RadioCardGroup.mjs +4 -4
- package/lib/RadioCardGroup/styles.css +1 -1
- package/lib/RadioGroup/RadioGroup.cjs +4 -5
- package/lib/RadioGroup/RadioGroup.mjs +5 -6
- package/lib/RadioGroup/styles.css +1 -1
- package/lib/Rule/styles.css +1 -1
- package/lib/ScrollToTop/ScrollToTop.cjs +5 -2
- package/lib/ScrollToTop/ScrollToTop.mjs +5 -2
- package/lib/ScrollToTop/styles.css +1 -1
- package/lib/Section/styles.css +1 -1
- package/lib/Select/Select.cjs +11 -15
- package/lib/Select/Select.mjs +12 -16
- package/lib/Select/styles.css +1 -1
- package/lib/SiteFooter/SiteFooter.cjs +10 -7
- package/lib/SiteFooter/SiteFooter.mjs +10 -7
- package/lib/SiteFooter/styles.css +1 -1
- package/lib/SiteFooterV2/SiteFooterV2.cjs +19 -22
- package/lib/SiteFooterV2/SiteFooterV2.mjs +19 -22
- package/lib/SiteFooterV2/styles.css +1 -1
- package/lib/SiteHeaderV2/SiteHeaderV2.cjs +4 -4
- package/lib/SiteHeaderV2/SiteHeaderV2.mjs +5 -5
- package/lib/SiteHeaderV2/styles.css +1 -1
- package/lib/Skeleton/styles.css +1 -1
- package/lib/SkipLink/styles.css +1 -1
- package/lib/Spinner/styles.css +1 -1
- package/lib/Surface/styles.css +1 -1
- package/lib/Switch/Switch.cjs +17 -14
- package/lib/Switch/Switch.mjs +17 -14
- package/lib/Switch/styles.css +1 -1
- package/lib/TabbedBanner/TabbedBanner.cjs +9 -6
- package/lib/TabbedBanner/TabbedBanner.mjs +9 -6
- package/lib/TabbedBanner/styles.css +1 -1
- package/lib/Tabs/Tabs.cjs +1 -1
- package/lib/Tabs/Tabs.mjs +1 -1
- package/lib/Tabs/styles.css +1 -1
- package/lib/Tag/Tag.cjs +1 -1
- package/lib/Tag/Tag.mjs +1 -1
- package/lib/Tag/styles.css +1 -1
- package/lib/TemplateBanner/TemplateBanner.cjs +2 -3
- package/lib/TemplateBanner/TemplateBanner.mjs +2 -3
- package/lib/TemplateBanner/styles.css +1 -1
- package/lib/Text/styles.css +1 -1
- package/lib/TextArea/TextArea.cjs +19 -17
- package/lib/TextArea/TextArea.mjs +19 -17
- package/lib/TextArea/styles.css +1 -1
- package/lib/TextInput/TextInput.cjs +2 -2
- package/lib/TextInput/TextInput.mjs +2 -2
- package/lib/TextInput/styles.css +1 -1
- package/lib/Theme/Theme.cjs +1 -1
- package/lib/Theme/Theme.mjs +1 -1
- package/lib/Theme/styles.css +1 -1
- package/lib/ThemeIcon/styles.css +1 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +5 -8
- package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +5 -8
- package/lib/ThumbnailSignpost/styles.css +1 -1
- package/lib/Toast/styles.css +1 -1
- package/lib/Tooltip/Tooltip.cjs +1 -1
- package/lib/Tooltip/Tooltip.mjs +1 -1
- package/lib/Tooltip/styles.css +1 -1
- package/lib/Truncate/styles.css +1 -1
- package/lib/TypographyCard/TypographyCard.cjs +7 -4
- package/lib/TypographyCard/TypographyCard.mjs +7 -4
- package/lib/TypographyCard/styles.css +1 -1
- package/lib/UniversalHeader/styles.css +1 -1
- package/lib/VerticalSpace/styles.css +1 -1
- package/lib/VideoPlayer/VideoPlayer.cjs +1 -1
- package/lib/VideoPlayer/VideoPlayer.mjs +1 -1
- package/lib/VideoPlayer/styles.css +1 -1
- package/lib/Visible/Visible.cjs +6 -14
- package/lib/Visible/Visible.mjs +4 -16
- package/lib/Visible/styles.css +1 -1
- package/lib/VisuallyHidden/styles.css +1 -1
- package/lib/_shared/cjs/{Avatar-CxbjOB_b.cjs → Avatar-CrUioj_6.cjs} +4 -1
- package/lib/_shared/cjs/{Button-CKTa6bQL.cjs → Button-uD9mR8w-.cjs} +1 -1
- package/lib/_shared/cjs/{ButtonV2-CRNNZ_nd.cjs → ButtonV2-Bta5SVVY.cjs} +2 -2
- package/lib/_shared/cjs/{Calendar-C5C0evEy.cjs → Calendar-D4ZSaHHU.cjs} +3 -3
- package/lib/_shared/cjs/{CardFooter-DwE-u0Om.cjs → CardFooter-ChphRFHe.cjs} +1 -1
- package/lib/_shared/cjs/{Checkbox-D2UQsmiB.cjs → Checkbox-DfZMjO1Y.cjs} +1 -1
- package/lib/_shared/cjs/{ComboBox-BIMxZhJp.cjs → ComboBox-BGUhlqx1.cjs} +2 -2
- package/lib/_shared/cjs/{ContentSwitcherDropdown-CAWaAMZN.cjs → ContentSwitcherDropdown-U5ZTbJTe.cjs} +1 -1
- package/lib/_shared/cjs/{ContentSwitcherList-I7jCZn8C.cjs → ContentSwitcherList-nlxMHXs-.cjs} +3 -2
- package/lib/_shared/cjs/{DatePicker-BgU6iidG.cjs → DatePicker-DS6fAvxD.cjs} +48 -30
- package/lib/_shared/cjs/{FormControl-D3-JbAVb.cjs → FormControl-BPnKQrCm.cjs} +19 -13
- package/lib/_shared/cjs/{HeroButton-CiIygZ16.cjs → HeroButton-CrzkTUwP.cjs} +1 -1
- package/lib/_shared/cjs/{Icon-KMACQ1i3.cjs → Icon-CzhyKqMd.cjs} +1 -1
- package/lib/_shared/cjs/{MediaCard-kcqfmeue.cjs → MediaCard-BEZFbiYO.cjs} +5 -9
- package/lib/_shared/cjs/{MenuSubContent-Bs2_ebS3.cjs → MenuItemMultiLevelContent-vLr6hSBm.cjs} +7 -9
- package/lib/_shared/cjs/ProgressStepper-BL9Y5c4X.cjs +77 -0
- package/lib/_shared/cjs/ProgressStepperOverflow-v-TyS5Sp.cjs +142 -0
- package/lib/_shared/cjs/{RadioCardGroupInput-BmntgyWB.cjs → RadioCardGroupInput-CeUM3yPS.cjs} +1 -1
- package/lib/_shared/cjs/{RadioGroupInput-D3trTxB5.cjs → RadioGroupInput-w2qkfsnG.cjs} +2 -2
- package/lib/_shared/cjs/{SiteHeaderV2NavItemWithSubNav-DgoCW2W3.cjs → SiteHeaderV2NavItemWithSubNav-fQPk0gZU.cjs} +3 -3
- package/lib/_shared/cjs/{TemplateBanner-BMi77IGK.cjs → TemplateBanner-CGtTUy81.cjs} +13 -6
- package/lib/_shared/cjs/{TextInput-DT4hi02U.cjs → TextInput-ByySubi5.cjs} +7 -7
- package/lib/_shared/cjs/Visible-Dx__9oZG.cjs +18 -0
- package/lib/_shared/cjs/{index.es-sqSQUWYg.cjs → index.es-DBEGtWPg.cjs} +1 -1
- package/lib/_shared/esm/{Avatar-B8aoUhmE.mjs → Avatar-Fb1E5MA9.mjs} +4 -1
- package/lib/_shared/esm/{Button-9L4AksQP.mjs → Button-BxuM3_gz.mjs} +1 -1
- package/lib/_shared/esm/{ButtonV2-2U4PvnpS.mjs → ButtonV2-DwYBAojW.mjs} +2 -2
- package/lib/_shared/esm/{Calendar-L6u3D8xb.mjs → Calendar-CjqPM7ta.mjs} +3 -3
- package/lib/_shared/esm/{CardFooter-CgDDDI7Z.mjs → CardFooter-fsAY4cc6.mjs} +1 -1
- package/lib/_shared/esm/{Checkbox-NxnK40uZ.mjs → Checkbox-CwOHzlQF.mjs} +1 -1
- package/lib/_shared/esm/{ComboBox-DUTrEu0N.mjs → ComboBox-CRlJjeev.mjs} +2 -2
- package/lib/_shared/esm/{ContentSwitcherDropdown-dktkyAjY.mjs → ContentSwitcherDropdown-BCkuAfwC.mjs} +1 -1
- package/lib/_shared/esm/{ContentSwitcherList-OnZoE86O.mjs → ContentSwitcherList-DKPD9GfN.mjs} +3 -2
- package/lib/_shared/esm/{DatePicker-CccSfg17.mjs → DatePicker-3sYJ3wGn.mjs} +46 -31
- package/lib/_shared/esm/{FormControl-B9fp1ilz.mjs → FormControl-CWyrVi1u.mjs} +19 -13
- package/lib/_shared/esm/{HeroButton-HYskwyvn.mjs → HeroButton-jdjjV_Gf.mjs} +1 -1
- package/lib/_shared/esm/{Icon-MZfaoOo9.mjs → Icon-CcPOJcQm.mjs} +1 -1
- package/lib/_shared/esm/{MediaCard-CjTDOvmx.mjs → MediaCard-DqMaNWsE.mjs} +5 -9
- package/lib/_shared/esm/{MenuSubContent-Cv9mSn58.mjs → MenuItemMultiLevelContent-JTOHqpzg.mjs} +7 -8
- package/lib/_shared/esm/ProgressStepper-CLBtBNy2.mjs +74 -0
- package/lib/_shared/esm/ProgressStepperOverflow-B9ba8ljs.mjs +140 -0
- package/lib/_shared/esm/{RadioCardGroupInput-Cy1r7M8l.mjs → RadioCardGroupInput-D7W28geB.mjs} +1 -1
- package/lib/_shared/esm/{RadioGroupInput-DiRS2jwQ.mjs → RadioGroupInput-zAWSV29m.mjs} +2 -2
- package/lib/_shared/esm/{SiteHeaderV2NavItemWithSubNav-BLqiSeEC.mjs → SiteHeaderV2NavItemWithSubNav-BMoBdUxK.mjs} +3 -3
- package/lib/_shared/esm/{TemplateBanner-zc4VmeeW.mjs → TemplateBanner-Up6cR-3_.mjs} +14 -7
- package/lib/_shared/esm/{TextInput-Vp_cBbpQ.mjs → TextInput-Dk7qNGoh.mjs} +7 -7
- package/lib/_shared/esm/Visible-C-jVXUWp.mjs +16 -0
- package/lib/_shared/esm/{index.es-C3WGtwrW.mjs → index.es-DCvYtQfu.mjs} +2 -2
- package/lib/index.cjs +1177 -877
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +193 -63
- package/lib/index.d.mts +193 -63
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +1167 -872
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +8 -22
- package/package.json +8 -8
- package/lib/GradientBackground/GradientBackground.cjs +0 -19
- package/lib/GradientBackground/GradientBackground.mjs +0 -17
- package/lib/GradientBackground/styles.css +0 -1
package/lib/index.d.cts
CHANGED
|
@@ -195,7 +195,7 @@ interface AvatarProps {
|
|
|
195
195
|
size?: AvatarSize;
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
-
type GroupAvatar = Omit<AvatarProps, "size" | "title" | "href" | "onClick">;
|
|
198
|
+
type GroupAvatar = Omit<AvatarProps, "size" | "title" | "href" | "onClick" | "ariaLabel">;
|
|
199
199
|
|
|
200
200
|
/** Use `AvatarGroup` to visually represent a group of users. */
|
|
201
201
|
declare const AvatarGroup: React.FC<AvatarGroupProps>;
|
|
@@ -277,9 +277,9 @@ interface HeadingProps {
|
|
|
277
277
|
*/
|
|
278
278
|
isResponsive?: boolean;
|
|
279
279
|
/**
|
|
280
|
-
* Changes the Heading font family. Please note `dottee` fonts will only work when theme is set to `ee
|
|
280
|
+
* Changes the Heading font family. Please note `dottee` fonts will only work when theme is set to `ee`
|
|
281
281
|
*/
|
|
282
|
-
fontStyle?: "default" | "display-standard" | "display-condensed" | "display-extended";
|
|
282
|
+
fontStyle?: "default" | "display-standard" | "display-condensed" | "display-extended" | "overline";
|
|
283
283
|
}
|
|
284
284
|
|
|
285
285
|
interface BannerImageProps extends Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "width" | "height" | "fadeOnLoad" | "fit"> {
|
|
@@ -1066,7 +1066,7 @@ interface FormControlProps {
|
|
|
1066
1066
|
/**
|
|
1067
1067
|
* Label size.
|
|
1068
1068
|
*/
|
|
1069
|
-
labelSize?: "s" | "l";
|
|
1069
|
+
labelSize?: "s" | "m" | "l";
|
|
1070
1070
|
/**
|
|
1071
1071
|
* Position of Label (Switch component only)
|
|
1072
1072
|
*/
|
|
@@ -1297,7 +1297,7 @@ type EventType$4 = React.ChangeEvent<HTMLInputElement>;
|
|
|
1297
1297
|
* Use `TextInput` to allow users to enter short form text.
|
|
1298
1298
|
*/
|
|
1299
1299
|
declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
1300
|
-
interface TextInputComponentProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelPosition"> {
|
|
1300
|
+
interface TextInputComponentProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelPosition" | "labelSize"> {
|
|
1301
1301
|
/**
|
|
1302
1302
|
* Uncontrolled default value of the TextInput. If the TextInput is controlled
|
|
1303
1303
|
* via `value`/`onChange`, `defaultValue` will be ignored.
|
|
@@ -1357,7 +1357,7 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
|
|
|
1357
1357
|
/**
|
|
1358
1358
|
* Size of the input.
|
|
1359
1359
|
*/
|
|
1360
|
-
|
|
1360
|
+
size?: "s" | "m" | "l";
|
|
1361
1361
|
/**
|
|
1362
1362
|
* Determine the alignment of the text within the input
|
|
1363
1363
|
*/
|
|
@@ -1420,7 +1420,7 @@ type TextInputWithPlaceholderProps = TextInputComponentProps;
|
|
|
1420
1420
|
* Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
|
|
1421
1421
|
*/
|
|
1422
1422
|
declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
1423
|
-
interface DatePickerRangeSelection extends RangeSelection {
|
|
1423
|
+
interface DatePickerRangeSelection$1 extends RangeSelection {
|
|
1424
1424
|
formattedRange: string;
|
|
1425
1425
|
}
|
|
1426
1426
|
interface DatePickerProps extends Omit<TextInputWithPlaceholderProps, "defaultValue" | "inputMode" | "minLength" | "maxLength" | "pattern" | "type" | "showPassword" | "placeholder" | "iconButton" | "prefix" | "suffix">, Omit<CalendarProps, "onDateSelect" | "onRangeSelect" | "selectedDate" | "selectedRange"> {
|
|
@@ -1429,6 +1429,18 @@ interface DatePickerProps extends Omit<TextInputWithPlaceholderProps, "defaultVa
|
|
|
1429
1429
|
date: Date;
|
|
1430
1430
|
formattedDate: string;
|
|
1431
1431
|
}) => void;
|
|
1432
|
+
onRangeSelect?: (value: DatePickerRangeSelection$1) => void;
|
|
1433
|
+
}
|
|
1434
|
+
|
|
1435
|
+
declare const DatePickerRange: React.FC<DatePickerRangeProps>;
|
|
1436
|
+
interface DatePickerRangeSelection extends RangeSelection {
|
|
1437
|
+
formattedStart: string;
|
|
1438
|
+
formattedEnd: string;
|
|
1439
|
+
}
|
|
1440
|
+
type SharedInputProps = Omit<TextInputWithPlaceholderProps, "defaultValue" | "inputMode" | "minLength" | "maxLength" | "pattern" | "type" | "showPassword" | "placeholder" | "iconButton" | "prefix" | "suffix" | "label"> & Partial<Pick<TextInputWithPlaceholderProps, "label">>;
|
|
1441
|
+
interface DatePickerRangeProps extends Pick<CalendarProps, "type" | "minDate" | "maxDate" | "disabledDates"> {
|
|
1442
|
+
inputStart: SharedInputProps;
|
|
1443
|
+
inputEnd: SharedInputProps;
|
|
1432
1444
|
onRangeSelect?: (value: DatePickerRangeSelection) => void;
|
|
1433
1445
|
}
|
|
1434
1446
|
|
|
@@ -1538,21 +1550,19 @@ interface DownloadProps {
|
|
|
1538
1550
|
declare const Drawer: React.FC<DrawerProps>;
|
|
1539
1551
|
interface DrawerProps {
|
|
1540
1552
|
/**
|
|
1541
|
-
*
|
|
1542
|
-
*/
|
|
1543
|
-
title: string;
|
|
1544
|
-
/**
|
|
1545
|
-
* The position on the screen the drawer should render.
|
|
1553
|
+
* Show or hide page overlay.
|
|
1546
1554
|
*/
|
|
1547
|
-
|
|
1555
|
+
noOverlay?: boolean;
|
|
1548
1556
|
/**
|
|
1549
|
-
*
|
|
1557
|
+
* Set the height of the Drawer. Position Bottom Only. Accepts string (px, %, em etc) or number.
|
|
1558
|
+
* If a number is provided, it will be treated as pixels.
|
|
1550
1559
|
*/
|
|
1551
|
-
|
|
1560
|
+
height?: string | number;
|
|
1552
1561
|
/**
|
|
1553
|
-
*
|
|
1562
|
+
* Set the width of the Drawer. Position Left / Right Only. Accepts string (px, %, em etc) or number.
|
|
1563
|
+
* If a number is provided, it will be treated as pixels.
|
|
1554
1564
|
*/
|
|
1555
|
-
|
|
1565
|
+
width?: string | number;
|
|
1556
1566
|
/**
|
|
1557
1567
|
* Function to be called when the Drawer has been requested to close by either the esc key being pressed, outside the dialog being clicked or the close button being clicked. The callback must set the open state of the Drawer to false.
|
|
1558
1568
|
*/
|
|
@@ -1562,17 +1572,57 @@ interface DrawerProps {
|
|
|
1562
1572
|
*/
|
|
1563
1573
|
shouldReturnFocus?: boolean;
|
|
1564
1574
|
/**
|
|
1565
|
-
* Size
|
|
1575
|
+
* 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.
|
|
1566
1576
|
*/
|
|
1567
|
-
size?: "s" | "l";
|
|
1577
|
+
size?: "s" | "m" | "l" | "auto";
|
|
1568
1578
|
/**
|
|
1569
1579
|
* Set Drawer open or closed.
|
|
1570
1580
|
*/
|
|
1571
1581
|
isOpen?: boolean;
|
|
1572
1582
|
/**
|
|
1573
|
-
*
|
|
1583
|
+
* Content to include with in the `Drawer` This should typically be `DrawerHeader`, `DrawerFooter` and `DrawerFooter`. This can also have custom content.
|
|
1574
1584
|
*/
|
|
1575
1585
|
children?: React.ReactNode;
|
|
1586
|
+
/**
|
|
1587
|
+
* Set the position of the `Drawer`
|
|
1588
|
+
*/
|
|
1589
|
+
position?: "right" | "left" | "bottom";
|
|
1590
|
+
}
|
|
1591
|
+
|
|
1592
|
+
declare const DrawerHeader: React.FC<DrawerHeaderProps>;
|
|
1593
|
+
interface DrawerHeaderProps {
|
|
1594
|
+
/**
|
|
1595
|
+
* Title for the DrawerHeader
|
|
1596
|
+
*/
|
|
1597
|
+
title?: string;
|
|
1598
|
+
/**
|
|
1599
|
+
* Determine if the `DrawerHeader` is fixed to the top of the `Drawer`
|
|
1600
|
+
*/
|
|
1601
|
+
isFixed?: boolean;
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
declare const DrawerFooter: React.FC<DrawerFooterProps>;
|
|
1605
|
+
interface DrawerFooterProps {
|
|
1606
|
+
/**
|
|
1607
|
+
* Content to display within the DrawerFooter. This will typically be ButtonGroup
|
|
1608
|
+
*/
|
|
1609
|
+
children?: React.ReactNode;
|
|
1610
|
+
/**
|
|
1611
|
+
* Determine if the `DrawerFooter` is fixed to the bottom of the `Drawer`
|
|
1612
|
+
*/
|
|
1613
|
+
isFixed?: boolean;
|
|
1614
|
+
}
|
|
1615
|
+
|
|
1616
|
+
declare const DrawerContent: React.FC<DrawerContentProps>;
|
|
1617
|
+
interface DrawerContentProps {
|
|
1618
|
+
/**
|
|
1619
|
+
* Display content within the DrawerContent sectino
|
|
1620
|
+
*/
|
|
1621
|
+
children: React.ReactNode;
|
|
1622
|
+
/**
|
|
1623
|
+
* This property removes all arc styling and opens the Drawer to have fully custom content
|
|
1624
|
+
*/
|
|
1625
|
+
isFullBleed?: boolean;
|
|
1576
1626
|
}
|
|
1577
1627
|
|
|
1578
1628
|
/**
|
|
@@ -1687,11 +1737,57 @@ interface FilterControlProps {
|
|
|
1687
1737
|
declare const GhostedHeroBanner: React.FC<GhostedHeroBannerProps>;
|
|
1688
1738
|
type GhostedHeroBannerProps = Pick<TemplateBannerProps, "heading" | "img" | "children" | "label" | "text" | "headingLevel">;
|
|
1689
1739
|
|
|
1690
|
-
declare const
|
|
1691
|
-
interface
|
|
1692
|
-
|
|
1693
|
-
|
|
1740
|
+
declare const GradientPageBackground: React.FC<GradientPageBackgroundProps>;
|
|
1741
|
+
interface GradientPageBackgroundProps {
|
|
1742
|
+
/**
|
|
1743
|
+
* Select the gradient type
|
|
1744
|
+
*/
|
|
1745
|
+
type?: "HomepageDark1" | "HomepageDark2" | "ProductpageDark1" | "ProductpageDark2" | "HomepageLight1" | "HomepageLight2" | "ProductpageLight1" | "ProductpageLight2" | "FooterLight";
|
|
1746
|
+
/**
|
|
1747
|
+
* Select the gradient fade sizing, default heights "s" 640px, "m" 1024px and "l" 1280px
|
|
1748
|
+
*/
|
|
1749
|
+
scrimFadeSize?: "s" | "m" | "l";
|
|
1750
|
+
/**
|
|
1751
|
+
* Set a custom height at each breakpoint for the gradient fade that will override the scrimFadeSize height. Larger breakpoints will inherit smaller breakpoints if no value is provided.
|
|
1752
|
+
*/
|
|
1753
|
+
scrimFadeHeights?: {
|
|
1754
|
+
xs?: number;
|
|
1755
|
+
s?: number;
|
|
1756
|
+
m?: number;
|
|
1757
|
+
l?: number;
|
|
1758
|
+
xl?: number;
|
|
1759
|
+
xxl?: number;
|
|
1760
|
+
};
|
|
1761
|
+
/**
|
|
1762
|
+
* Select the gradient fade positioning
|
|
1763
|
+
*/
|
|
1764
|
+
scrimFadePosition?: "top" | "bottom";
|
|
1765
|
+
/**
|
|
1766
|
+
* Set a height at each breakpoint for the gradient to extend beyond it 100% height. Larger breakpoints will inherit smaller breakpoints if no value is provided.
|
|
1767
|
+
*/
|
|
1768
|
+
extendBackgrounds?: {
|
|
1769
|
+
xs?: number;
|
|
1770
|
+
s?: number;
|
|
1771
|
+
m?: number;
|
|
1772
|
+
l?: number;
|
|
1773
|
+
xl?: number;
|
|
1774
|
+
xxl?: number;
|
|
1775
|
+
};
|
|
1776
|
+
/**
|
|
1777
|
+
* Content to be displayed on top of the gradient
|
|
1778
|
+
*/
|
|
1694
1779
|
children: React.ReactNode;
|
|
1780
|
+
/**
|
|
1781
|
+
* Add customGradients svgs for each desired breakpoint. Larger breakpoints will inherit smaller breakpoints if no svg is provided. Ensure preserveAspectRatio="none" and the svg has no height or width defined. Name must include light or dark for surface context.
|
|
1782
|
+
*/
|
|
1783
|
+
customGradients?: {
|
|
1784
|
+
xs?: string;
|
|
1785
|
+
s?: string;
|
|
1786
|
+
m?: string;
|
|
1787
|
+
l?: string;
|
|
1788
|
+
xl?: string;
|
|
1789
|
+
xxl?: string;
|
|
1790
|
+
};
|
|
1695
1791
|
}
|
|
1696
1792
|
|
|
1697
1793
|
/**
|
|
@@ -1921,7 +2017,7 @@ interface HorizontalCardProps {
|
|
|
1921
2017
|
* Use `Icon` to display brand iconography.
|
|
1922
2018
|
*/
|
|
1923
2019
|
declare const Icon: FC<IconProps>;
|
|
1924
|
-
declare const colors: readonly ["auto", "brand", "
|
|
2020
|
+
declare const colors: readonly ["auto", "brand", "brand-alt", "statusRed", "statusAmber", "statusGreen"];
|
|
1925
2021
|
type IconColor = (typeof colors)[number];
|
|
1926
2022
|
interface IconProps {
|
|
1927
2023
|
/**
|
|
@@ -2252,8 +2348,8 @@ interface MenuItemContentTemplateProps {
|
|
|
2252
2348
|
keyCommands?: string;
|
|
2253
2349
|
}
|
|
2254
2350
|
|
|
2255
|
-
declare const
|
|
2256
|
-
interface
|
|
2351
|
+
declare const MenuItemCheckbox: React.FC<MenuItemCheckboxProps>;
|
|
2352
|
+
interface MenuItemCheckboxProps extends Pick<MenuItemContentTemplateProps, "supportingText" | "children"> {
|
|
2257
2353
|
/**
|
|
2258
2354
|
* Controls whether the checkbox is checked, unchecked.
|
|
2259
2355
|
*/
|
|
@@ -2271,7 +2367,7 @@ interface MenuCheckboxItemProps extends Pick<MenuItemContentTemplateProps, "supp
|
|
|
2271
2367
|
*/
|
|
2272
2368
|
onSelect?: (event: Event) => void;
|
|
2273
2369
|
/**
|
|
2274
|
-
* ID for the
|
|
2370
|
+
* ID for the MenuItemCheckbox.
|
|
2275
2371
|
*/
|
|
2276
2372
|
id?: string;
|
|
2277
2373
|
/**
|
|
@@ -2424,14 +2520,14 @@ interface MenuPortalProps {
|
|
|
2424
2520
|
/**
|
|
2425
2521
|
* Groups menu items allowing single selection from multiple options.
|
|
2426
2522
|
*/
|
|
2427
|
-
declare const
|
|
2428
|
-
interface
|
|
2523
|
+
declare const MenuGroupSingleSelect: React.FC<MenuGroupSingleSelectProps>;
|
|
2524
|
+
interface MenuGroupSingleSelectProps {
|
|
2429
2525
|
/**
|
|
2430
|
-
* The
|
|
2526
|
+
* The single select items inside the group.
|
|
2431
2527
|
*/
|
|
2432
2528
|
children: React.ReactNode;
|
|
2433
2529
|
/**
|
|
2434
|
-
* The current selected value of the
|
|
2530
|
+
* The current selected value of the single select group.
|
|
2435
2531
|
*/
|
|
2436
2532
|
value?: string;
|
|
2437
2533
|
/**
|
|
@@ -2443,8 +2539,8 @@ interface MenuRadioGroupProps {
|
|
|
2443
2539
|
/**
|
|
2444
2540
|
* A selectable menu item used within a radio group.
|
|
2445
2541
|
*/
|
|
2446
|
-
declare const
|
|
2447
|
-
interface
|
|
2542
|
+
declare const MenuItemSingleSelect: React.FC<MenuItemSingleSelectProps>;
|
|
2543
|
+
interface MenuItemSingleSelectProps extends Omit<MenuItemContentTemplateProps, "trailingIcon"> {
|
|
2448
2544
|
/**
|
|
2449
2545
|
* The value assigned to this radio item.
|
|
2450
2546
|
*/
|
|
@@ -2457,6 +2553,10 @@ interface MenuRadioItemProps extends Omit<MenuItemContentTemplateProps, "trailin
|
|
|
2457
2553
|
* Callback function triggered when the item is selected.
|
|
2458
2554
|
*/
|
|
2459
2555
|
onSelect?: () => void;
|
|
2556
|
+
/**
|
|
2557
|
+
* Prevents the menu from closing when this item is selected.
|
|
2558
|
+
*/
|
|
2559
|
+
shouldKeepOpen?: boolean;
|
|
2460
2560
|
}
|
|
2461
2561
|
|
|
2462
2562
|
/**
|
|
@@ -2476,39 +2576,39 @@ interface MenuScrollableProps {
|
|
|
2476
2576
|
declare const MenuSeparator: React.FC;
|
|
2477
2577
|
|
|
2478
2578
|
/**
|
|
2479
|
-
* Container for
|
|
2579
|
+
* Container for multi-level menu content within a dropdown menu.
|
|
2480
2580
|
*/
|
|
2481
|
-
declare const
|
|
2482
|
-
interface
|
|
2581
|
+
declare const MenuItemMultiLevel: React.FC<MenuItemMultiLevelProps>;
|
|
2582
|
+
interface MenuItemMultiLevelProps {
|
|
2483
2583
|
/**
|
|
2484
|
-
* The content inside the
|
|
2584
|
+
* The content inside the multi-level menu.
|
|
2485
2585
|
*/
|
|
2486
2586
|
children: React.ReactNode;
|
|
2487
2587
|
}
|
|
2488
2588
|
|
|
2489
2589
|
/**
|
|
2490
|
-
* The
|
|
2590
|
+
* The multi-level menu content that pops out when a menu item with children is hovered or clicked.
|
|
2491
2591
|
*/
|
|
2492
|
-
declare const
|
|
2493
|
-
interface
|
|
2592
|
+
declare const MenuItemMultiLevelContent: React.ForwardRefExoticComponent<MenuItemMultiLevelContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
2593
|
+
interface MenuItemMultiLevelContentProps {
|
|
2494
2594
|
/**
|
|
2495
|
-
* The
|
|
2595
|
+
* The multi-level menu content, typically containing `Menu.Item` elements.
|
|
2496
2596
|
*/
|
|
2497
2597
|
children: React.ReactNode;
|
|
2498
2598
|
/**
|
|
2499
|
-
* The width of the
|
|
2599
|
+
* The width of the multi-level menu content. Can be any valid CSS width value. This is `fit-content` by default and needs to be set to `auto` to use other properties.
|
|
2500
2600
|
*/
|
|
2501
2601
|
width?: string | number | "auto";
|
|
2502
2602
|
/**
|
|
2503
|
-
* The minimum width of the
|
|
2603
|
+
* The minimum width of the multi-level menu content.
|
|
2504
2604
|
*/
|
|
2505
2605
|
minWidth?: string | number;
|
|
2506
2606
|
/**
|
|
2507
|
-
* The maximum width of the
|
|
2607
|
+
* The maximum width of the multi-level menu content.
|
|
2508
2608
|
*/
|
|
2509
2609
|
maxWidth?: string | number;
|
|
2510
2610
|
/**
|
|
2511
|
-
* Horizontal alignment of the
|
|
2611
|
+
* Horizontal alignment of the multi-level menu relative to the parent trigger.
|
|
2512
2612
|
*/
|
|
2513
2613
|
align?: "start" | "center" | "end";
|
|
2514
2614
|
/**
|
|
@@ -2516,22 +2616,22 @@ interface MenuSubContentProps {
|
|
|
2516
2616
|
*/
|
|
2517
2617
|
alignOffset?: number;
|
|
2518
2618
|
/**
|
|
2519
|
-
* The side of the parent trigger to display the
|
|
2619
|
+
* The side of the parent trigger to display the multi-level menu.
|
|
2520
2620
|
*/
|
|
2521
2621
|
side?: "top" | "right" | "bottom" | "left";
|
|
2522
2622
|
/**
|
|
2523
|
-
* If true, hides the
|
|
2623
|
+
* If true, hides the multi-level menu when it's detached from its trigger.
|
|
2524
2624
|
*/
|
|
2525
2625
|
hideWhenDetached?: boolean;
|
|
2526
2626
|
}
|
|
2527
2627
|
|
|
2528
2628
|
/**
|
|
2529
|
-
* Trigger element that opens a
|
|
2629
|
+
* Trigger element that opens a multi-level menu when selected.
|
|
2530
2630
|
*/
|
|
2531
|
-
declare const
|
|
2532
|
-
interface
|
|
2631
|
+
declare const MenuItemMultiLevelTrigger: React.FC<MenuItemMultiLevelTriggerProps>;
|
|
2632
|
+
interface MenuItemMultiLevelTriggerProps extends Pick<MenuItemProps, "keyCommands" | "leadingIcon" | "ariaLabel" | "supportingText"> {
|
|
2533
2633
|
/**
|
|
2534
|
-
* The trigger element for opening the
|
|
2634
|
+
* The trigger element for opening the multi-level menu.
|
|
2535
2635
|
*/
|
|
2536
2636
|
children: React.ReactNode;
|
|
2537
2637
|
/**
|
|
@@ -2916,6 +3016,10 @@ interface ProgressStepperProps {
|
|
|
2916
3016
|
* <b>DEPRECATED</b>: This will be removed in a future release.
|
|
2917
3017
|
*/
|
|
2918
3018
|
isExpandable?: boolean;
|
|
3019
|
+
/**
|
|
3020
|
+
* Optional property to provide component Ref
|
|
3021
|
+
*/
|
|
3022
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2919
3023
|
}
|
|
2920
3024
|
|
|
2921
3025
|
type ProgressStatus = "completed" | "current" | "warning" | "error" | "todo";
|
|
@@ -2981,6 +3085,33 @@ interface ProgressStepperItemProps {
|
|
|
2981
3085
|
isStepContentHidden?: boolean;
|
|
2982
3086
|
}
|
|
2983
3087
|
|
|
3088
|
+
/** Use `ProgressStepperOverflow` to wrap `ProgressStepperItem`s and allow overflow behaviour. */
|
|
3089
|
+
declare const ProgressStepperOverflow: React.ForwardRefExoticComponent<Omit<ProgressStepperOverflowProps, "ref"> & React.RefAttributes<ProgressStepperOverflowRef>>;
|
|
3090
|
+
interface ProgressStepperOverflowProps extends Omit<ProgressStepperProps, "isFluid" | "isExpandable" | "direction"> {
|
|
3091
|
+
/**
|
|
3092
|
+
* Children of `<ProgressStepperOverflow />` should only contain `<ProgressStepperItem />`
|
|
3093
|
+
*/
|
|
3094
|
+
children?: React.ReactNode;
|
|
3095
|
+
/**
|
|
3096
|
+
* onIndexChange handler for the ProgressStepperOverflow.
|
|
3097
|
+
*/
|
|
3098
|
+
onIndexChange?: (index: number) => void;
|
|
3099
|
+
/**
|
|
3100
|
+
* Select the index of the step to scroll to on inital load.
|
|
3101
|
+
*/
|
|
3102
|
+
onLoadStep?: number;
|
|
3103
|
+
/**
|
|
3104
|
+
* Add an offset to the start of the steps.
|
|
3105
|
+
*/
|
|
3106
|
+
offsetLeft?: 0 | 8 | 12 | 16 | 24 | 32 | 40;
|
|
3107
|
+
}
|
|
3108
|
+
interface ProgressStepperOverflowRef {
|
|
3109
|
+
handleStepScroll: (increment: number) => void;
|
|
3110
|
+
scrollToStep: (step: number) => void;
|
|
3111
|
+
handleViewScroll: (direction: boolean) => void;
|
|
3112
|
+
isLastChildVisible: () => boolean;
|
|
3113
|
+
}
|
|
3114
|
+
|
|
2984
3115
|
type EventType$3 = React.ChangeEvent<HTMLInputElement>;
|
|
2985
3116
|
/**
|
|
2986
3117
|
* Use `RadioCardGroup` to wrap and control `RadioCard` buttons and apply default values
|
|
@@ -3181,10 +3312,6 @@ interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementTy
|
|
|
3181
3312
|
* Label for the RadioGroup
|
|
3182
3313
|
*/
|
|
3183
3314
|
label: string;
|
|
3184
|
-
/**
|
|
3185
|
-
* Label size for the RadioGroup
|
|
3186
|
-
*/
|
|
3187
|
-
labelSize?: "s" | "l";
|
|
3188
3315
|
/**
|
|
3189
3316
|
* Name for the RadioGroup
|
|
3190
3317
|
*/
|
|
@@ -3218,7 +3345,6 @@ type ContextProps = {
|
|
|
3218
3345
|
changeEvent: (event: EventType) => void;
|
|
3219
3346
|
groupDisabled: boolean;
|
|
3220
3347
|
checkedValue: string;
|
|
3221
|
-
labelSize: "s" | "l";
|
|
3222
3348
|
name: string;
|
|
3223
3349
|
size: "s" | "l";
|
|
3224
3350
|
};
|
|
@@ -3235,7 +3361,7 @@ interface RadioGroupButtonProps {
|
|
|
3235
3361
|
value?: string;
|
|
3236
3362
|
isDisabled?: boolean;
|
|
3237
3363
|
helper?: string;
|
|
3238
|
-
labelSize?: ContextProps["
|
|
3364
|
+
labelSize?: ContextProps["size"];
|
|
3239
3365
|
size?: ContextProps["size"];
|
|
3240
3366
|
radioButtonAlignment?: "top" | "center";
|
|
3241
3367
|
changeEvent?: ContextProps["changeEvent"];
|
|
@@ -3332,7 +3458,7 @@ interface SectionProps extends ExtentableContainer {
|
|
|
3332
3458
|
|
|
3333
3459
|
/** Use `Select` to choose from a dropdown list of options. */
|
|
3334
3460
|
declare const Select: React.FC<SelectProps>;
|
|
3335
|
-
interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel" | "supplementaryInfo"> {
|
|
3461
|
+
interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel" | "supplementaryInfo" | "labelSize" | "labelPosition"> {
|
|
3336
3462
|
/**
|
|
3337
3463
|
* Name for the Select.
|
|
3338
3464
|
*/
|
|
@@ -3389,9 +3515,9 @@ interface SelectProps extends Omit<FormControlProps, "children" | "elementType"
|
|
|
3389
3515
|
*/
|
|
3390
3516
|
open?: boolean;
|
|
3391
3517
|
/**
|
|
3392
|
-
*
|
|
3518
|
+
* determine the size of the select.
|
|
3393
3519
|
*/
|
|
3394
|
-
|
|
3520
|
+
size?: "s" | "m" | "l";
|
|
3395
3521
|
/**
|
|
3396
3522
|
* Sets the Select to 100% width.
|
|
3397
3523
|
*/
|
|
@@ -3880,7 +4006,7 @@ interface SpinnerProps {
|
|
|
3880
4006
|
|
|
3881
4007
|
/** Use `Switch` to allow users to immediately toggle between two states. */
|
|
3882
4008
|
declare const Switch: FC<SwitchProps>;
|
|
3883
|
-
interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper" | "helpUnderLabel" | "supplementaryInfo"> {
|
|
4009
|
+
interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper" | "helpUnderLabel" | "supplementaryInfo" | "labelSize"> {
|
|
3884
4010
|
/**
|
|
3885
4011
|
* Hide Label above toggle?
|
|
3886
4012
|
*/
|
|
@@ -3905,6 +4031,10 @@ interface SwitchProps extends Omit<FormControlProps, "children" | "elementType"
|
|
|
3905
4031
|
* handler for blur
|
|
3906
4032
|
*/
|
|
3907
4033
|
onBlur?: SwitchProps$1["onBlur"];
|
|
4034
|
+
/**
|
|
4035
|
+
* Size of the Switch.
|
|
4036
|
+
*/
|
|
4037
|
+
size?: "s" | "m";
|
|
3908
4038
|
/**
|
|
3909
4039
|
* set the switch to be checked by default
|
|
3910
4040
|
*/
|
|
@@ -4537,4 +4667,4 @@ interface VisuallyHiddenProps {
|
|
|
4537
4667
|
*/
|
|
4538
4668
|
declare const useMediaQuery: (mediaQuery: string) => boolean;
|
|
4539
4669
|
|
|
4540
|
-
export { Alert, type AlertProps, Align, type AlignProps, type AlignmentValue, AppButton, type AppButtonProps, type RangeSelection as ArcCalendarRangeSelection, type SelectionType as ArcCalendarSelectionType, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, BrandLogo, colors$1 as BrandLogoColors, type BrandLogoProps, Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonV2, type ButtonV2Props, Calendar, type CalendarProps, Carousel, type CarouselProps, Checkbox, type CheckboxProps, type ColumnValue, Columns, ColumnsCol, type ColumnsColProps, type ColumnsProps, ComboBox, type ComboBoxProps, ContentSwitcher, ContentSwitcherContent, ContentSwitcherDropdown, ContentSwitcherDropdownContent, type ContentSwitcherDropdownProps, ContentSwitcherList, type ContentSwitcherProps, ContentSwitcherTab, DATE_FORMAT, DatePicker, type DatePickerProps, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, FilterControls, FilterItem, FilterItems, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, GhostedHeroBanner, type GhostedHeroBannerProps,
|
|
4670
|
+
export { Alert, type AlertProps, Align, type AlignProps, type AlignmentValue, AppButton, type AppButtonProps, type RangeSelection as ArcCalendarRangeSelection, type SelectionType as ArcCalendarSelectionType, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, BrandLogo, colors$1 as BrandLogoColors, type BrandLogoProps, Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonV2, type ButtonV2Props, Calendar, type CalendarProps, Carousel, type CarouselProps, Checkbox, type CheckboxProps, type ColumnValue, Columns, ColumnsCol, type ColumnsColProps, type ColumnsProps, ComboBox, type ComboBoxProps, ContentSwitcher, ContentSwitcherContent, ContentSwitcherDropdown, ContentSwitcherDropdownContent, type ContentSwitcherDropdownProps, ContentSwitcherList, type ContentSwitcherProps, ContentSwitcherTab, DATE_FORMAT, DatePicker, type DatePickerProps, DatePickerRange, type DatePickerRangeProps, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, DrawerContent, DrawerFooter, DrawerHeader, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, FilterControls, FilterItem, FilterItems, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, GhostedHeroBanner, type GhostedHeroBannerProps, GradientPageBackground, type GradientPageBackgroundProps, Grid, GridCol, type GridProps, GridRow, type GridValue, Group, GroupItem, type GroupProps, Heading, type HeadingLevel, type HeadingProps, HeroBanner, type HeroBannerProps, HeroButton, type HeroButtonProps, Hidden, type HiddenProps, HorizontalCard, type HorizontalCardProps, Icon, type IconColor, colors as IconColors, type IconProps, Image, fitOptions as ImageFitOptions, overlayOptions as ImageOverlayOptions, type ImageProps, ImageSource, type ImageSourceProps, ImpactCard, type ImpactCardProps, InformationCard, type InformationCardProps, Link, type LinkProps, Markup, type MarkupProps, MediaCard, type MediaCardProps, Menu, MenuContent, MenuFooter, MenuGroup, MenuGroupSingleSelect, MenuHeader, MenuItem, MenuItemCheckbox, MenuItemContentTemplate, MenuItemMultiLevel, MenuItemMultiLevelContent, MenuItemMultiLevelTrigger, MenuItemSingleSelect, MenuLabel, MenuPortal, type MenuProps, MenuScrollable, MenuSeparator, MenuTrigger, Modal, type ModalProps, Pagination, type PaginationProps, PaginationSimple, type PaginationSimpleProps, Popover, type PopoverProps, Poster, PosterImage, type PosterProps, PosterVideo, ProgressBar, type ProgressBarProps, type ProgressBarState, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, ProgressStepperOverflow, type ProgressStepperOverflowRef, type ProgressStepperProps, RadioCardGroup, RadioCardGroupInput, type RadioCardGroupProps, RadioGroup, RadioGroupButton, RadioGroupInput, type RadioGroupProps, Rule, type RuleProps, ScrollToTop, type ScrollToTopProps, Section, type SectionProps, Select, type SelectProps, SiteFooter, SiteFooterItem, SiteFooterItemGroup, type SiteFooterProps, SiteFooterV2, SiteFooterV2Item, SiteFooterV2ItemGroup, SiteFooterV2Main, SiteFooterV2Utility, SiteHeaderV2, SiteHeaderV2Column, SiteHeaderV2Item, SiteHeaderV2ItemGroup, SiteHeaderV2NavItem, SiteHeaderV2NavItemWithSubNav, SiteHeaderV2NodeItem, type SiteHeaderV2Props, SiteHeaderV2SubNavItem, SiteHeaderV2VerticalDivider, Skeleton, type SkeletonProps, SkipLink, SkipLinkItem, type Span, Spinner, type SpinnerProps, Surface, type SurfaceBackgroundColor, Context$1 as SurfaceContext, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, TabbedBanner, type TabbedBannerProps, Tabs, TabsContent, TabsItem, TabsList, type TabsListProps, type TabsProps, Tag, type TagProps, TemplateBanner, type TemplateBannerProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Theme, ThemeIcon, type ThemeIconNames, type ThemeIconProps, type ThemeProps, type ThemeType, ThumbnailSignpost, type ThumbnailSignpostProps, Toast, ToastNotification, type ToastProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, TypographyCard, type TypographyCardProps, UniversalHeader, UniversalHeaderItem, type UniversalHeaderProps, VerticalSpace, type VerticalSpaceProps, VideoPlayer, type VideoPlayerProps, Visible, type VisibleProps, VisuallyHidden, type VisuallyHiddenProps, backgrounds, backgroundsBT, isDateValid, isRangeValid, loadingOptions, parseDateString, parseRangeString, themes, useMediaQuery };
|