@cloudscape-design/components 3.0.1203 → 3.0.1205

package/content-layout/styles.scoped.css

@@ -142,72 +142,72 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_layout_5gtk3_1e3fo_145:not(#\9) {
-  --awsui-content-layout-default-horizontal-padding-4hh3rt: var(--space-layout-content-horizontal-buc0zz, 24px);
-  --awsui-content-layout-max-content-width-4hh3rt: 0px;
-  --awsui-content-layout-main-gap-4hh3rt: 0px;
+.awsui_layout_5gtk3_ltgov_145:not(#\9) {
+  --awsui-content-layout-default-horizontal-padding-c5ek4l: var(--space-layout-content-horizontal-buc0zz, 24px);
+  --awsui-content-layout-max-content-width-c5ek4l: 0px;
+  --awsui-content-layout-main-gap-c5ek4l: 0px;
   display: grid;
-  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-4hh3rt)) 1fr 0 0;
-  grid-template-rows: var(--awsui-content-layout-main-gap-4hh3rt) min-content min-content auto var(--space-dark-header-overlap-distance-ld45ap, 36px) 1fr;
+  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-c5ek4l)) 1fr 0 0;
+  grid-template-rows: var(--awsui-content-layout-main-gap-c5ek4l) min-content min-content auto var(--space-dark-header-overlap-distance-ld45ap, 36px) 1fr;
   min-block-size: 100%;
 }
 @media (max-width: 688px) {
-  .awsui_layout_5gtk3_1e3fo_145:not(#\9) {
-    --awsui-content-layout-default-horizontal-padding-4hh3rt: var(--space-l-2ud1p3, 20px);
+  .awsui_layout_5gtk3_ltgov_145:not(#\9) {
+    --awsui-content-layout-default-horizontal-padding-c5ek4l: var(--space-l-2ud1p3, 20px);
   }
 }
-.awsui_layout_5gtk3_1e3fo_145 > .awsui_background_5gtk3_1e3fo_159:not(#\9) {
+.awsui_layout_5gtk3_ltgov_145 > .awsui_background_5gtk3_ltgov_159:not(#\9) {
   grid-column: 1/8;
   grid-row: 1/6;
   color: var(--color-text-body-default-vvtq8u, #0f141a);
 }
-.awsui_layout_5gtk3_1e3fo_145 > .awsui_background_5gtk3_1e3fo_159.awsui_is-overlap-disabled_5gtk3_1e3fo_164:not(#\9) {
+.awsui_layout_5gtk3_ltgov_145 > .awsui_background_5gtk3_ltgov_159.awsui_is-overlap-disabled_5gtk3_ltgov_164:not(#\9) {
   grid-row: 1/5;
 }
-.awsui_layout_5gtk3_1e3fo_145 > .awsui_background_5gtk3_1e3fo_159 > .awsui_header-background_5gtk3_1e3fo_167:not(#\9) {
+.awsui_layout_5gtk3_ltgov_145 > .awsui_background_5gtk3_ltgov_159 > .awsui_header-background_5gtk3_ltgov_167:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
 }
-.awsui_layout_5gtk3_1e3fo_145 > .awsui_notifications_5gtk3_1e3fo_171:not(#\9) {
+.awsui_layout_5gtk3_ltgov_145 > .awsui_notifications_5gtk3_ltgov_171:not(#\9) {
   grid-column: 4;
   grid-row: 2;
   padding-block-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_layout_5gtk3_1e3fo_145 > .awsui_breadcrumbs_5gtk3_1e3fo_176:not(#\9) {
+.awsui_layout_5gtk3_ltgov_145 > .awsui_breadcrumbs_5gtk3_ltgov_176:not(#\9) {
   grid-column: 4;
   grid-row: 3;
   padding-block-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_layout_5gtk3_1e3fo_145.awsui_default-padding_5gtk3_1e3fo_181:not(#\9) {
-  --awsui-content-layout-main-gap-4hh3rt: var(--space-scaled-m-m892r9, 16px);
-  grid-template-columns: var(--awsui-toggles-left-width-4hh3rt, 0) var(--awsui-content-layout-default-horizontal-padding-4hh3rt, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-4hh3rt)) 1fr var(--awsui-content-layout-default-horizontal-padding-4hh3rt, 0) var(--awsui-toggles-right-width-4hh3rt, 0);
+.awsui_layout_5gtk3_ltgov_145.awsui_default-padding_5gtk3_ltgov_181:not(#\9) {
+  --awsui-content-layout-main-gap-c5ek4l: var(--space-scaled-m-m892r9, 16px);
+  grid-template-columns: var(--awsui-toggles-left-width-c5ek4l, 0) var(--awsui-content-layout-default-horizontal-padding-c5ek4l, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-c5ek4l)) 1fr var(--awsui-content-layout-default-horizontal-padding-c5ek4l, 0) var(--awsui-toggles-right-width-c5ek4l, 0);
 }
-.awsui_layout_5gtk3_1e3fo_145 > .awsui_header-wrapper_5gtk3_1e3fo_185:not(#\9) {
+.awsui_layout_5gtk3_ltgov_145 > .awsui_header-wrapper_5gtk3_ltgov_185:not(#\9) {
   grid-column: 4;
   grid-row: 4;
   padding-block-end: var(--space-content-header-padding-bottom-rvy5xz, 16px);
 }
-.awsui_layout_5gtk3_1e3fo_145 > .awsui_header-wrapper_5gtk3_1e3fo_185.awsui_with-divider_5gtk3_1e3fo_190:not(#\9) {
+.awsui_layout_5gtk3_ltgov_145 > .awsui_header-wrapper_5gtk3_ltgov_185.awsui_with-divider_5gtk3_ltgov_190:not(#\9) {
   border-block-end: 1px solid var(--color-border-divider-default-nr68jt, #c6c6cd);
 }
-.awsui_layout_5gtk3_1e3fo_145 > .awsui_content_5gtk3_1e3fo_193:not(#\9) {
+.awsui_layout_5gtk3_ltgov_145 > .awsui_content_5gtk3_ltgov_193:not(#\9) {
   grid-column: 4;
   grid-row: 5/8;
 }
-.awsui_layout_5gtk3_1e3fo_145:not(#\9):not(.awsui_has-header_5gtk3_1e3fo_197) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-4hh3rt) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-ld45ap, 36px)) 1fr;
+.awsui_layout_5gtk3_ltgov_145:not(#\9):not(.awsui_has-header_5gtk3_ltgov_197) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-c5ek4l) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-ld45ap, 36px)) 1fr;
 }
-.awsui_layout_5gtk3_1e3fo_145.awsui_is-overlap-disabled_5gtk3_1e3fo_164:not(#\9) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-4hh3rt) min-content min-content auto 0 1fr;
+.awsui_layout_5gtk3_ltgov_145.awsui_is-overlap-disabled_5gtk3_ltgov_164:not(#\9) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-c5ek4l) min-content min-content auto 0 1fr;
 }
 
-.awsui_layout_5gtk3_1e3fo_145.awsui_is-visual-refresh_5gtk3_1e3fo_204 > .awsui_background_5gtk3_1e3fo_159.awsui_has-default-background_5gtk3_1e3fo_204:not(#\9) {
+.awsui_layout_5gtk3_ltgov_145.awsui_is-visual-refresh_5gtk3_ltgov_204 > .awsui_background_5gtk3_ltgov_159.awsui_has-default-background_5gtk3_ltgov_204:not(#\9) {
   background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
 }
 
-.awsui_layout_5gtk3_1e3fo_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1e3fo_204).awsui_has-notifications_5gtk3_1e3fo_208 {
-  --awsui-content-layout-main-gap-4hh3rt: 0px;
+.awsui_layout_5gtk3_ltgov_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ltgov_204).awsui_has-notifications_5gtk3_ltgov_208 {
+  --awsui-content-layout-main-gap-c5ek4l: 0px;
 }
-.awsui_layout_5gtk3_1e3fo_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1e3fo_204) > .awsui_notifications_5gtk3_1e3fo_171 {
+.awsui_layout_5gtk3_ltgov_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ltgov_204) > .awsui_notifications_5gtk3_ltgov_171 {
   grid-column: 1/8;
 }

package/content-layout/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_1e3fo_145",
-  "background": "awsui_background_5gtk3_1e3fo_159",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1e3fo_164",
-  "header-background": "awsui_header-background_5gtk3_1e3fo_167",
-  "notifications": "awsui_notifications_5gtk3_1e3fo_171",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_1e3fo_176",
-  "default-padding": "awsui_default-padding_5gtk3_1e3fo_181",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_1e3fo_185",
-  "with-divider": "awsui_with-divider_5gtk3_1e3fo_190",
-  "content": "awsui_content_5gtk3_1e3fo_193",
-  "has-header": "awsui_has-header_5gtk3_1e3fo_197",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1e3fo_204",
-  "has-default-background": "awsui_has-default-background_5gtk3_1e3fo_204",
-  "has-notifications": "awsui_has-notifications_5gtk3_1e3fo_208"
+  "layout": "awsui_layout_5gtk3_ltgov_145",
+  "background": "awsui_background_5gtk3_ltgov_159",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_ltgov_164",
+  "header-background": "awsui_header-background_5gtk3_ltgov_167",
+  "notifications": "awsui_notifications_5gtk3_ltgov_171",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_ltgov_176",
+  "default-padding": "awsui_default-padding_5gtk3_ltgov_181",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_ltgov_185",
+  "with-divider": "awsui_with-divider_5gtk3_ltgov_190",
+  "content": "awsui_content_5gtk3_ltgov_193",
+  "has-header": "awsui_has-header_5gtk3_ltgov_197",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_ltgov_204",
+  "has-default-background": "awsui_has-default-background_5gtk3_ltgov_204",
+  "has-notifications": "awsui_has-notifications_5gtk3_ltgov_208"
 };
   

package/date-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AA0BlE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAsMf,CAAC;AAGF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AA0BlE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAuMf,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/date-picker/index.js

@@ -82,7 +82,7 @@ const DatePicker = React.forwardRef(({ locale, startOfWeek, isDateEnabled, dateD
         React.createElement("div", null,
             React.createElement(InternalButton, { iconName: "calendar", className: styles['open-calendar-button'], onClick: onButtonClickHandler, ref: buttonRef, ariaLabel: buttonAriaLabel, disabled: disabled || readOnly, formAction: "none" }))));
     baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);
-    return (React.createElement("div", { ...baseProps, ref: mergedRef, onKeyDown: !disabled && !readOnly ? onWrapperKeyDownHandler : undefined }, disabled || readOnly ? (trigger) : (React.createElement(Dropdown, { stretchWidth: true, stretchHeight: true, open: isDropDownOpen, onDropdownClose: onDropdownCloseHandler, trigger: trigger, expandToViewport: expandToViewport, scrollable: false, dropdownId: dropdownId, content: isDropDownOpen ? (React.createElement(FocusLock, { className: styles['focus-lock'], autoFocus: true },
+    return (React.createElement("div", { ...baseProps, ref: mergedRef, onKeyDown: !disabled && !readOnly ? onWrapperKeyDownHandler : undefined }, disabled || readOnly ? (trigger) : (React.createElement(Dropdown, { minWidth: "trigger", maxWidth: "trigger", stretchHeight: true, open: isDropDownOpen, onDropdownClose: onDropdownCloseHandler, trigger: trigger, expandToViewport: expandToViewport, scrollable: false, dropdownId: dropdownId, content: isDropDownOpen ? (React.createElement(FocusLock, { className: styles['focus-lock'], autoFocus: true },
             React.createElement("div", { tabIndex: 0, className: styles.calendar, role: "dialog" },
                 React.createElement(InternalCalendar, { value: value, onChange: e => {
                         var _a;

package/date-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useCallback, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalCalendar from '../calendar/internal';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport InternalDateInput from '../date-input/internal';\nimport { useInternalI18n } from '../i18n/context.js';\nimport { useLocale } from '../i18n/context.js';\nimport { InputProps } from '../input/interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport Dropdown from '../internal/components/dropdown';\nimport FocusLock from '../internal/components/focus-lock';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport { parseDate } from '../internal/utils/date-time';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport InternalLiveRegion from '../live-region/internal';\nimport { DatePickerProps } from './interfaces';\nimport { getBaseDateLabel, getSelectedDateLabel, isValidFullDate } from './utils';\n\nimport styles from './styles.css.js';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n  (\n    {\n      locale,\n      startOfWeek,\n      isDateEnabled,\n      dateDisabledReason,\n      nextMonthAriaLabel,\n      previousMonthAriaLabel,\n      todayAriaLabel,\n      i18nStrings,\n      placeholder = '',\n      value = '',\n      readOnly = false,\n      disabled = false,\n      onBlur,\n      autoFocus = false,\n      onChange,\n      onFocus,\n      name,\n      ariaLabel,\n      ariaRequired,\n      controlId,\n      invalid,\n      warning,\n      openCalendarAriaLabel,\n      expandToViewport,\n      granularity = 'day',\n      format = 'slashed',\n      inputFormat = 'slashed',\n      ...restProps\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker', {\n      props: { autoFocus, expandToViewport, granularity, readOnly },\n      metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n    });\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n    const i18n = useInternalI18n('date-picker');\n    const contextLocale = useLocale();\n    const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n    const baseProps = getBaseProps(restProps);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n    const internalInputRef = useRef<HTMLInputElement>(null);\n    const buttonRef = useRef<ButtonProps.Ref>(null);\n    useForwardFocus(ref, internalInputRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('calender');\n    const calendarDescriptionId = useUniqueId('calendar-description-');\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n    const onButtonClickHandler = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(true);\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n        event.stopPropagation();\n        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      fireNonCancelableEvent(onChange, { value: event.detail.value });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(false);\n      }\n    };\n\n    // Set displayed date to value if defined or to current date otherwise.\n    const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n    const baseDate = parsedValue || new Date();\n\n    const hasFullValue = isValidFullDate({ date: value, granularity });\n\n    const defaultOpenCalendarAriaLabel = i18n(\n      'i18nStrings.openCalendarAriaLabel',\n      i18nStrings?.openCalendarAriaLabel ?? openCalendarAriaLabel,\n      format => (selectedDate: string | null) => format({ selectedDate: selectedDate ?? 'none' })\n    );\n\n    const buttonAriaLabel = defaultOpenCalendarAriaLabel?.(\n      hasFullValue && parsedValue\n        ? getSelectedDateLabel({ date: parsedValue, granularity, locale: normalizedLocale })\n        : null\n    );\n\n    const trigger = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <InternalDateInput\n            name={name}\n            invalid={invalid}\n            warning={warning}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\n            onFocus={onDropdownCloseHandler}\n            granularity={granularity}\n            locale={locale}\n            format={format}\n            inputFormat={inputFormat}\n          />\n        </div>\n        <div>\n          <InternalButton\n            iconName=\"calendar\"\n            className={styles['open-calendar-button']}\n            onClick={onButtonClickHandler}\n            ref={buttonRef}\n            ariaLabel={buttonAriaLabel}\n            disabled={disabled || readOnly}\n            formAction=\"none\"\n          />\n        </div>\n      </div>\n    );\n\n    baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n    return (\n      <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n        {disabled || readOnly ? (\n          trigger\n        ) : (\n          <Dropdown\n            stretchWidth={true}\n            stretchHeight={true}\n            open={isDropDownOpen}\n            onDropdownClose={onDropdownCloseHandler}\n            trigger={trigger}\n            expandToViewport={expandToViewport}\n            scrollable={false}\n            dropdownId={dropdownId}\n            content={\n              isDropDownOpen ? (\n                <FocusLock className={styles['focus-lock']} autoFocus={true}>\n                  <div tabIndex={0} className={styles.calendar} role=\"dialog\">\n                    <InternalCalendar\n                      value={value}\n                      onChange={e => {\n                        fireNonCancelableEvent(onChange, e.detail);\n                        buttonRef?.current?.focus();\n                        setIsDropDownOpen(false);\n                      }}\n                      locale={normalizedLocale}\n                      startOfWeek={startOfWeek}\n                      ariaDescribedby={calendarDescriptionId}\n                      ariaLabel={ariaLabel}\n                      ariaLabelledby={ariaLabelledby}\n                      granularity={granularity}\n                      isDateEnabled={isDateEnabled}\n                      dateDisabledReason={dateDisabledReason}\n                      i18nStrings={{\n                        ...i18nStrings,\n                        todayAriaLabel: i18nStrings?.todayAriaLabel ?? todayAriaLabel,\n                        nextMonthAriaLabel: i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel,\n                        previousMonthAriaLabel: i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel,\n                      }}\n                    />\n                    <InternalLiveRegion id={calendarDescriptionId} hidden={true} tagName=\"span\">\n                      {getBaseDateLabel({ date: baseDate, granularity, locale: normalizedLocale })}\n                    </InternalLiveRegion>\n                  </div>\n                </FocusLock>\n              ) : undefined\n            }\n          />\n        )}\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useCallback, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalCalendar from '../calendar/internal';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport InternalDateInput from '../date-input/internal';\nimport { useInternalI18n } from '../i18n/context.js';\nimport { useLocale } from '../i18n/context.js';\nimport { InputProps } from '../input/interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport Dropdown from '../internal/components/dropdown';\nimport FocusLock from '../internal/components/focus-lock';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport { parseDate } from '../internal/utils/date-time';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport InternalLiveRegion from '../live-region/internal';\nimport { DatePickerProps } from './interfaces';\nimport { getBaseDateLabel, getSelectedDateLabel, isValidFullDate } from './utils';\n\nimport styles from './styles.css.js';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n  (\n    {\n      locale,\n      startOfWeek,\n      isDateEnabled,\n      dateDisabledReason,\n      nextMonthAriaLabel,\n      previousMonthAriaLabel,\n      todayAriaLabel,\n      i18nStrings,\n      placeholder = '',\n      value = '',\n      readOnly = false,\n      disabled = false,\n      onBlur,\n      autoFocus = false,\n      onChange,\n      onFocus,\n      name,\n      ariaLabel,\n      ariaRequired,\n      controlId,\n      invalid,\n      warning,\n      openCalendarAriaLabel,\n      expandToViewport,\n      granularity = 'day',\n      format = 'slashed',\n      inputFormat = 'slashed',\n      ...restProps\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker', {\n      props: { autoFocus, expandToViewport, granularity, readOnly },\n      metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n    });\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n    const i18n = useInternalI18n('date-picker');\n    const contextLocale = useLocale();\n    const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n    const baseProps = getBaseProps(restProps);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n    const internalInputRef = useRef<HTMLInputElement>(null);\n    const buttonRef = useRef<ButtonProps.Ref>(null);\n    useForwardFocus(ref, internalInputRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('calender');\n    const calendarDescriptionId = useUniqueId('calendar-description-');\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n    const onButtonClickHandler = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(true);\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n        event.stopPropagation();\n        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      fireNonCancelableEvent(onChange, { value: event.detail.value });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(false);\n      }\n    };\n\n    // Set displayed date to value if defined or to current date otherwise.\n    const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n    const baseDate = parsedValue || new Date();\n\n    const hasFullValue = isValidFullDate({ date: value, granularity });\n\n    const defaultOpenCalendarAriaLabel = i18n(\n      'i18nStrings.openCalendarAriaLabel',\n      i18nStrings?.openCalendarAriaLabel ?? openCalendarAriaLabel,\n      format => (selectedDate: string | null) => format({ selectedDate: selectedDate ?? 'none' })\n    );\n\n    const buttonAriaLabel = defaultOpenCalendarAriaLabel?.(\n      hasFullValue && parsedValue\n        ? getSelectedDateLabel({ date: parsedValue, granularity, locale: normalizedLocale })\n        : null\n    );\n\n    const trigger = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <InternalDateInput\n            name={name}\n            invalid={invalid}\n            warning={warning}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\n            onFocus={onDropdownCloseHandler}\n            granularity={granularity}\n            locale={locale}\n            format={format}\n            inputFormat={inputFormat}\n          />\n        </div>\n        <div>\n          <InternalButton\n            iconName=\"calendar\"\n            className={styles['open-calendar-button']}\n            onClick={onButtonClickHandler}\n            ref={buttonRef}\n            ariaLabel={buttonAriaLabel}\n            disabled={disabled || readOnly}\n            formAction=\"none\"\n          />\n        </div>\n      </div>\n    );\n\n    baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n    return (\n      <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n        {disabled || readOnly ? (\n          trigger\n        ) : (\n          <Dropdown\n            minWidth=\"trigger\"\n            maxWidth=\"trigger\"\n            stretchHeight={true}\n            open={isDropDownOpen}\n            onDropdownClose={onDropdownCloseHandler}\n            trigger={trigger}\n            expandToViewport={expandToViewport}\n            scrollable={false}\n            dropdownId={dropdownId}\n            content={\n              isDropDownOpen ? (\n                <FocusLock className={styles['focus-lock']} autoFocus={true}>\n                  <div tabIndex={0} className={styles.calendar} role=\"dialog\">\n                    <InternalCalendar\n                      value={value}\n                      onChange={e => {\n                        fireNonCancelableEvent(onChange, e.detail);\n                        buttonRef?.current?.focus();\n                        setIsDropDownOpen(false);\n                      }}\n                      locale={normalizedLocale}\n                      startOfWeek={startOfWeek}\n                      ariaDescribedby={calendarDescriptionId}\n                      ariaLabel={ariaLabel}\n                      ariaLabelledby={ariaLabelledby}\n                      granularity={granularity}\n                      isDateEnabled={isDateEnabled}\n                      dateDisabledReason={dateDisabledReason}\n                      i18nStrings={{\n                        ...i18nStrings,\n                        todayAriaLabel: i18nStrings?.todayAriaLabel ?? todayAriaLabel,\n                        nextMonthAriaLabel: i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel,\n                        previousMonthAriaLabel: i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel,\n                      }}\n                    />\n                    <InternalLiveRegion id={calendarDescriptionId} hidden={true} tagName=\"span\">\n                      {getBaseDateLabel({ date: baseDate, granularity, locale: normalizedLocale })}\n                    </InternalLiveRegion>\n                  </div>\n                </FocusLock>\n              ) : undefined\n            }\n          />\n        )}\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}

package/date-range-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA0BhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAOpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAmDhC,QAAA,MAAM,eAAe,uGAkRpB,CAAC;AAGF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA0BhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAOpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAmDhC,QAAA,MAAM,eAAe,uGAgRpB,CAAC;AAGF,eAAe,eAAe,CAAC"}

package/date-range-picker/index.js

@@ -179,7 +179,7 @@ const DateRangePicker = React.forwardRef(({ locale = '', startOfWeek, isDateEnab
             React.createElement("span", { id: triggerContentId }, formattedDate))));
     const mergedRef = useMergeRefs(rootRef, __internalRootRef);
     return (React.createElement("div", { ...baseProps, ref: mergedRef, className: clsx(baseProps.className, styles.root, testutilStyles.root, absoluteFormat === 'long-localized' && !dateOnly && !isMonthOnly && styles.wide), onKeyDown: onWrapperKeyDownHandler },
-        React.createElement(Dropdown, { stretchWidth: true, stretchHeight: true, open: isDropDownOpen, onDropdownClose: () => closeDropdown(), trigger: trigger, stretchToTriggerWidth: false, expandToViewport: expandToViewport, dropdownId: dropdownId, content: 
+        React.createElement(Dropdown, { stretchHeight: true, open: isDropDownOpen, onDropdownClose: () => closeDropdown(), trigger: trigger, expandToViewport: expandToViewport, dropdownId: dropdownId, content: 
             /* Reset form field context to prevent a wrapper form field from labelling all inputs inside the dropdown. */
             React.createElement(ResetContextsForModal, null, isDropDownOpen && (React.createElement(DateRangePickerDropdown, { startOfWeek: startOfWeek, locale: normalizedLocale, isSingleGrid: isSingleGrid, onDropdownClose: () => closeDropdown(true), value: value, showClearButton: showClearButton, isDateEnabled: isDateEnabled, dateDisabledReason: dateDisabledReason, i18nStrings: i18nStrings, onClear: onClear, onApply: onApply, getTimeOffset: getTimeOffset, timeOffset: timeOffset, relativeOptions: relativeOptions, isValidRange: isValidRange, dateOnly: dateOnly, absoluteFormat: absoluteFormat, timeInputFormat: timeInputFormat, dateInputFormat: dateInputFormat, rangeSelectorMode: rangeSelectorMode, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, customAbsoluteRangeControl: customAbsoluteRangeControl, customRelativeRangeUnits: customRelativeRangeUnits, renderRelativeRangeContent: renderRelativeRangeContent, granularity: granularity }))) })));
 });

package/date-range-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport ButtonTrigger from '../internal/components/button-trigger';\nimport Dropdown from '../internal/components/dropdown';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal.js';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport { isDevelopment } from '../internal/is-development.js';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { formatDateTimeWithOffset } from '../internal/utils/date-time/format-date-time-with-offset';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport { joinStrings } from '../internal/utils/strings/join-strings';\nimport { DateRangePickerDropdown } from './dropdown';\nimport { DateRangePickerProps } from './interfaces';\nimport { normalizeTimeOffset } from './time-offset';\nimport { formatInitialValue, formatValue } from './utils';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\nexport { DateRangePickerProps };\n\nfunction renderDateRange({\n  locale,\n  range,\n  placeholder = '',\n  formatRelativeRange,\n  absoluteFormat,\n  hideTimeOffset,\n  timeOffset,\n}: {\n  locale?: string;\n  range: null | DateRangePickerProps.Value;\n  placeholder?: string;\n  formatRelativeRange: DateRangePickerProps.I18nStrings['formatRelativeRange'];\n  absoluteFormat: DateRangePickerProps.AbsoluteFormat;\n  hideTimeOffset?: boolean;\n  timeOffset: { startDate?: number; endDate?: number };\n}) {\n  const firstPart = range\n    ? range.type === 'relative'\n      ? (formatRelativeRange?.(range) ?? '')\n      : formatDateTimeWithOffset({\n          date: range.startDate,\n          timeOffset: timeOffset.startDate,\n          hideTimeOffset,\n          format: absoluteFormat,\n          locale,\n        })\n    : placeholder;\n\n  const secondPart =\n    range?.type === 'absolute'\n      ? formatDateTimeWithOffset({\n          date: range.endDate,\n          timeOffset: timeOffset.endDate,\n          hideTimeOffset,\n          format: absoluteFormat,\n          locale,\n        })\n      : '';\n\n  return (\n    <span className={(!range && styles['label-text']) || undefined} aria-disabled={!range}>\n      <span className={range?.type === 'absolute' ? styles['label-token-nowrap'] : undefined}>{firstPart}</span>\n      <span>{secondPart && ' — '}</span>\n      <span className={styles['label-token-nowrap']}>{secondPart}</span>\n    </span>\n  );\n}\n\nconst DateRangePicker = React.forwardRef(\n  (\n    {\n      locale = '',\n      startOfWeek,\n      isDateEnabled = () => true,\n      dateDisabledReason,\n      value,\n      placeholder,\n      readOnly = false,\n      disabled = false,\n      onChange,\n      onBlur,\n      onFocus,\n      relativeOptions = [],\n      i18nStrings,\n      isValidRange = () => ({ valid: true }),\n      showClearButton = true,\n      dateOnly = false,\n      timeOffset,\n      getTimeOffset,\n      timeInputFormat = 'hh:mm:ss',\n      dateInputFormat = 'slashed',\n      expandToViewport = false,\n      rangeSelectorMode = 'default',\n      customAbsoluteRangeControl,\n      absoluteFormat = 'iso',\n      hideTimeOffset,\n      customRelativeRangeUnits,\n      renderRelativeRangeContent,\n      granularity = 'day',\n      ...rest\n    }: DateRangePickerProps,\n    ref: Ref<DateRangePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DateRangePicker', {\n      props: {\n        absoluteFormat,\n        dateOnly,\n        expandToViewport,\n        rangeSelectorMode,\n        readOnly,\n        showClearButton,\n        timeInputFormat,\n        dateInputFormat,\n        hideTimeOffset,\n        granularity,\n      },\n      metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n    });\n    const isMonthOnly = granularity === 'month';\n    const hideTime = dateOnly || isMonthOnly;\n    checkControlled('DateRangePicker', 'value', value, 'onChange', onChange);\n\n    const normalizedTimeOffset = hideTime\n      ? { startDate: undefined, endDate: undefined }\n      : normalizeTimeOffset(value, getTimeOffset, timeOffset);\n    value = formatInitialValue(value, dateOnly, isMonthOnly, normalizedTimeOffset);\n    const baseProps = getBaseProps(rest);\n    const { invalid, warning, controlId, ariaDescribedby, ariaLabelledby } = useFormFieldContext({\n      ariaLabelledby: rest.ariaLabelledby ?? i18nStrings?.ariaLabelledby,\n      ariaDescribedby: rest.ariaDescribedby ?? i18nStrings?.ariaDescribedby,\n      ...rest,\n    });\n    const isSingleGrid = useMobile();\n\n    const triggerRef = useRef<HTMLButtonElement | null>(null);\n    useForwardFocus(ref, triggerRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('date-range-picker-dropdown');\n    const triggerContentId = useUniqueId('date-range-picker-trigger');\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n    const normalizedLocale = normalizeLocale('DateRangePicker', locale);\n\n    const closeDropdown = (focusTrigger = false) => {\n      setIsDropDownOpen(false);\n      if (focusTrigger) {\n        triggerRef.current?.focus();\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape) {\n        if (isDropDownOpen) {\n          event.stopPropagation();\n        }\n        closeDropdown(true);\n      }\n    };\n\n    const onClear = () => {\n      fireNonCancelableEvent(onChange, { value: null });\n    };\n\n    const onApply = (newValue: null | DateRangePickerProps.Value): DateRangePickerProps.ValidationResult => {\n      const formattedValue = formatValue(newValue, {\n        dateOnly,\n        monthOnly: isMonthOnly,\n        timeOffset: hideTime\n          ? { startDate: undefined, endDate: undefined }\n          : normalizeTimeOffset(newValue, getTimeOffset, timeOffset),\n      });\n\n      const validationResult = isValidRange(formattedValue);\n      if (validationResult?.valid === false) {\n        return validationResult;\n      }\n\n      if (isDevelopment) {\n        if (newValue?.type === 'absolute') {\n          const [startDateWithoutTime] = newValue.startDate.split('T');\n          const [endDateWithoutTime] = newValue.endDate.split('T');\n          if (!startDateWithoutTime || !endDateWithoutTime) {\n            warnOnce(\n              'DateRangePicker',\n              'You have provided an `isValidRange` prop that did not catch a missing start or end date.'\n            );\n          }\n        }\n      }\n      fireNonCancelableEvent(onChange, { value: formattedValue });\n      return validationResult || { valid: true };\n    };\n\n    const prevDateOnly = usePrevious(dateOnly);\n    useEffect(() => {\n      if (prevDateOnly !== undefined && prevDateOnly !== dateOnly) {\n        warnOnce(\n          'DateRangePicker',\n          `The provided \\`dateOnly\\` flag has been changed from \"${prevDateOnly}\" to \"${dateOnly}\" which can lead to unexpected value format. Consider using separate components.`\n        );\n      }\n    }, [prevDateOnly, dateOnly]);\n\n    if (value && value.type !== 'absolute' && value.type !== 'relative') {\n      warnOnce('DateRangePicker', 'You provided an invalid value. Reverting back to default.');\n      value = null;\n    }\n\n    if (\n      (value?.type === 'absolute' && rangeSelectorMode === 'relative-only') ||\n      (value?.type === 'relative' && rangeSelectorMode === 'absolute-only')\n    ) {\n      warnOnce(\n        'DateRangePicker',\n        'The provided value does not correspond to the current range selector mode. Reverting back to default.'\n      );\n      value = null;\n    }\n\n    const i18n = useInternalI18n('date-range-picker');\n    const formatRelativeRange = i18n(\n      'i18nStrings.formatRelativeRange',\n      i18nStrings?.formatRelativeRange,\n      format =>\n        ({ amount, unit }) =>\n          format({ amount, unit })\n    );\n\n    if (isDevelopment) {\n      if (!formatRelativeRange && rangeSelectorMode !== 'absolute-only') {\n        warnOnce(\n          'DateRangePicker',\n          'A function for i18nStrings.formatRelativeRange was not provided. Relative ranges will not be correctly rendered.'\n        );\n      }\n    }\n\n    const formattedDate: string | JSX.Element = renderDateRange({\n      locale: normalizedLocale,\n      range: value,\n      placeholder,\n      formatRelativeRange,\n      absoluteFormat,\n      hideTimeOffset: hideTime || hideTimeOffset,\n      timeOffset: normalizedTimeOffset,\n    });\n\n    const trigger = (\n      <ButtonTrigger\n        ref={triggerRef}\n        id={controlId}\n        invalid={invalid}\n        warning={warning}\n        ariaLabelledby={joinStrings(ariaLabelledby, triggerContentId)}\n        ariaLabel={i18nStrings?.ariaLabel}\n        ariaDescribedby={ariaDescribedby}\n        className={clsx(testutilStyles.label, styles.label, {\n          [styles['label-enabled']]: !readOnly && !disabled,\n        })}\n        hideCaret={true}\n        onClick={() => {\n          setIsDropDownOpen(true);\n        }}\n        disabled={disabled}\n        readOnly={readOnly}\n        ariaHasPopup=\"dialog\"\n      >\n        <span className={styles['trigger-flexbox']}>\n          <span className={styles['icon-wrapper']}>\n            <InternalIcon name=\"calendar\" variant={disabled || readOnly ? 'disabled' : 'normal'} />\n          </span>\n          <span id={triggerContentId}>{formattedDate}</span>\n        </span>\n      </ButtonTrigger>\n    );\n\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    return (\n      <div\n        {...baseProps}\n        ref={mergedRef}\n        className={clsx(\n          baseProps.className,\n          styles.root,\n          testutilStyles.root,\n          absoluteFormat === 'long-localized' && !dateOnly && !isMonthOnly && styles.wide\n        )}\n        onKeyDown={onWrapperKeyDownHandler}\n      >\n        <Dropdown\n          stretchWidth={true}\n          stretchHeight={true}\n          open={isDropDownOpen}\n          onDropdownClose={() => closeDropdown()}\n          trigger={trigger}\n          stretchToTriggerWidth={false}\n          expandToViewport={expandToViewport}\n          dropdownId={dropdownId}\n          content={\n            /* Reset form field context to prevent a wrapper form field from labelling all inputs inside the dropdown. */\n            <ResetContextsForModal>\n              {isDropDownOpen && (\n                <DateRangePickerDropdown\n                  startOfWeek={startOfWeek}\n                  locale={normalizedLocale}\n                  isSingleGrid={isSingleGrid}\n                  onDropdownClose={() => closeDropdown(true)}\n                  value={value}\n                  showClearButton={showClearButton}\n                  isDateEnabled={isDateEnabled}\n                  dateDisabledReason={dateDisabledReason}\n                  i18nStrings={i18nStrings}\n                  onClear={onClear}\n                  onApply={onApply}\n                  getTimeOffset={getTimeOffset}\n                  timeOffset={timeOffset}\n                  relativeOptions={relativeOptions}\n                  isValidRange={isValidRange}\n                  dateOnly={dateOnly}\n                  absoluteFormat={absoluteFormat}\n                  timeInputFormat={timeInputFormat}\n                  dateInputFormat={dateInputFormat}\n                  rangeSelectorMode={rangeSelectorMode}\n                  ariaLabelledby={ariaLabelledby}\n                  ariaDescribedby={ariaDescribedby}\n                  customAbsoluteRangeControl={customAbsoluteRangeControl}\n                  customRelativeRangeUnits={customRelativeRangeUnits}\n                  renderRelativeRangeContent={renderRelativeRangeContent}\n                  granularity={granularity}\n                />\n              )}\n            </ResetContextsForModal>\n          }\n        />\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DateRangePicker, 'DateRangePicker');\nexport default DateRangePicker;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport ButtonTrigger from '../internal/components/button-trigger';\nimport Dropdown from '../internal/components/dropdown';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal.js';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport { isDevelopment } from '../internal/is-development.js';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { formatDateTimeWithOffset } from '../internal/utils/date-time/format-date-time-with-offset';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport { joinStrings } from '../internal/utils/strings/join-strings';\nimport { DateRangePickerDropdown } from './dropdown';\nimport { DateRangePickerProps } from './interfaces';\nimport { normalizeTimeOffset } from './time-offset';\nimport { formatInitialValue, formatValue } from './utils';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\nexport { DateRangePickerProps };\n\nfunction renderDateRange({\n  locale,\n  range,\n  placeholder = '',\n  formatRelativeRange,\n  absoluteFormat,\n  hideTimeOffset,\n  timeOffset,\n}: {\n  locale?: string;\n  range: null | DateRangePickerProps.Value;\n  placeholder?: string;\n  formatRelativeRange: DateRangePickerProps.I18nStrings['formatRelativeRange'];\n  absoluteFormat: DateRangePickerProps.AbsoluteFormat;\n  hideTimeOffset?: boolean;\n  timeOffset: { startDate?: number; endDate?: number };\n}) {\n  const firstPart = range\n    ? range.type === 'relative'\n      ? (formatRelativeRange?.(range) ?? '')\n      : formatDateTimeWithOffset({\n          date: range.startDate,\n          timeOffset: timeOffset.startDate,\n          hideTimeOffset,\n          format: absoluteFormat,\n          locale,\n        })\n    : placeholder;\n\n  const secondPart =\n    range?.type === 'absolute'\n      ? formatDateTimeWithOffset({\n          date: range.endDate,\n          timeOffset: timeOffset.endDate,\n          hideTimeOffset,\n          format: absoluteFormat,\n          locale,\n        })\n      : '';\n\n  return (\n    <span className={(!range && styles['label-text']) || undefined} aria-disabled={!range}>\n      <span className={range?.type === 'absolute' ? styles['label-token-nowrap'] : undefined}>{firstPart}</span>\n      <span>{secondPart && ' — '}</span>\n      <span className={styles['label-token-nowrap']}>{secondPart}</span>\n    </span>\n  );\n}\n\nconst DateRangePicker = React.forwardRef(\n  (\n    {\n      locale = '',\n      startOfWeek,\n      isDateEnabled = () => true,\n      dateDisabledReason,\n      value,\n      placeholder,\n      readOnly = false,\n      disabled = false,\n      onChange,\n      onBlur,\n      onFocus,\n      relativeOptions = [],\n      i18nStrings,\n      isValidRange = () => ({ valid: true }),\n      showClearButton = true,\n      dateOnly = false,\n      timeOffset,\n      getTimeOffset,\n      timeInputFormat = 'hh:mm:ss',\n      dateInputFormat = 'slashed',\n      expandToViewport = false,\n      rangeSelectorMode = 'default',\n      customAbsoluteRangeControl,\n      absoluteFormat = 'iso',\n      hideTimeOffset,\n      customRelativeRangeUnits,\n      renderRelativeRangeContent,\n      granularity = 'day',\n      ...rest\n    }: DateRangePickerProps,\n    ref: Ref<DateRangePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DateRangePicker', {\n      props: {\n        absoluteFormat,\n        dateOnly,\n        expandToViewport,\n        rangeSelectorMode,\n        readOnly,\n        showClearButton,\n        timeInputFormat,\n        dateInputFormat,\n        hideTimeOffset,\n        granularity,\n      },\n      metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n    });\n    const isMonthOnly = granularity === 'month';\n    const hideTime = dateOnly || isMonthOnly;\n    checkControlled('DateRangePicker', 'value', value, 'onChange', onChange);\n\n    const normalizedTimeOffset = hideTime\n      ? { startDate: undefined, endDate: undefined }\n      : normalizeTimeOffset(value, getTimeOffset, timeOffset);\n    value = formatInitialValue(value, dateOnly, isMonthOnly, normalizedTimeOffset);\n    const baseProps = getBaseProps(rest);\n    const { invalid, warning, controlId, ariaDescribedby, ariaLabelledby } = useFormFieldContext({\n      ariaLabelledby: rest.ariaLabelledby ?? i18nStrings?.ariaLabelledby,\n      ariaDescribedby: rest.ariaDescribedby ?? i18nStrings?.ariaDescribedby,\n      ...rest,\n    });\n    const isSingleGrid = useMobile();\n\n    const triggerRef = useRef<HTMLButtonElement | null>(null);\n    useForwardFocus(ref, triggerRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('date-range-picker-dropdown');\n    const triggerContentId = useUniqueId('date-range-picker-trigger');\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n    const normalizedLocale = normalizeLocale('DateRangePicker', locale);\n\n    const closeDropdown = (focusTrigger = false) => {\n      setIsDropDownOpen(false);\n      if (focusTrigger) {\n        triggerRef.current?.focus();\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape) {\n        if (isDropDownOpen) {\n          event.stopPropagation();\n        }\n        closeDropdown(true);\n      }\n    };\n\n    const onClear = () => {\n      fireNonCancelableEvent(onChange, { value: null });\n    };\n\n    const onApply = (newValue: null | DateRangePickerProps.Value): DateRangePickerProps.ValidationResult => {\n      const formattedValue = formatValue(newValue, {\n        dateOnly,\n        monthOnly: isMonthOnly,\n        timeOffset: hideTime\n          ? { startDate: undefined, endDate: undefined }\n          : normalizeTimeOffset(newValue, getTimeOffset, timeOffset),\n      });\n\n      const validationResult = isValidRange(formattedValue);\n      if (validationResult?.valid === false) {\n        return validationResult;\n      }\n\n      if (isDevelopment) {\n        if (newValue?.type === 'absolute') {\n          const [startDateWithoutTime] = newValue.startDate.split('T');\n          const [endDateWithoutTime] = newValue.endDate.split('T');\n          if (!startDateWithoutTime || !endDateWithoutTime) {\n            warnOnce(\n              'DateRangePicker',\n              'You have provided an `isValidRange` prop that did not catch a missing start or end date.'\n            );\n          }\n        }\n      }\n      fireNonCancelableEvent(onChange, { value: formattedValue });\n      return validationResult || { valid: true };\n    };\n\n    const prevDateOnly = usePrevious(dateOnly);\n    useEffect(() => {\n      if (prevDateOnly !== undefined && prevDateOnly !== dateOnly) {\n        warnOnce(\n          'DateRangePicker',\n          `The provided \\`dateOnly\\` flag has been changed from \"${prevDateOnly}\" to \"${dateOnly}\" which can lead to unexpected value format. Consider using separate components.`\n        );\n      }\n    }, [prevDateOnly, dateOnly]);\n\n    if (value && value.type !== 'absolute' && value.type !== 'relative') {\n      warnOnce('DateRangePicker', 'You provided an invalid value. Reverting back to default.');\n      value = null;\n    }\n\n    if (\n      (value?.type === 'absolute' && rangeSelectorMode === 'relative-only') ||\n      (value?.type === 'relative' && rangeSelectorMode === 'absolute-only')\n    ) {\n      warnOnce(\n        'DateRangePicker',\n        'The provided value does not correspond to the current range selector mode. Reverting back to default.'\n      );\n      value = null;\n    }\n\n    const i18n = useInternalI18n('date-range-picker');\n    const formatRelativeRange = i18n(\n      'i18nStrings.formatRelativeRange',\n      i18nStrings?.formatRelativeRange,\n      format =>\n        ({ amount, unit }) =>\n          format({ amount, unit })\n    );\n\n    if (isDevelopment) {\n      if (!formatRelativeRange && rangeSelectorMode !== 'absolute-only') {\n        warnOnce(\n          'DateRangePicker',\n          'A function for i18nStrings.formatRelativeRange was not provided. Relative ranges will not be correctly rendered.'\n        );\n      }\n    }\n\n    const formattedDate: string | JSX.Element = renderDateRange({\n      locale: normalizedLocale,\n      range: value,\n      placeholder,\n      formatRelativeRange,\n      absoluteFormat,\n      hideTimeOffset: hideTime || hideTimeOffset,\n      timeOffset: normalizedTimeOffset,\n    });\n\n    const trigger = (\n      <ButtonTrigger\n        ref={triggerRef}\n        id={controlId}\n        invalid={invalid}\n        warning={warning}\n        ariaLabelledby={joinStrings(ariaLabelledby, triggerContentId)}\n        ariaLabel={i18nStrings?.ariaLabel}\n        ariaDescribedby={ariaDescribedby}\n        className={clsx(testutilStyles.label, styles.label, {\n          [styles['label-enabled']]: !readOnly && !disabled,\n        })}\n        hideCaret={true}\n        onClick={() => {\n          setIsDropDownOpen(true);\n        }}\n        disabled={disabled}\n        readOnly={readOnly}\n        ariaHasPopup=\"dialog\"\n      >\n        <span className={styles['trigger-flexbox']}>\n          <span className={styles['icon-wrapper']}>\n            <InternalIcon name=\"calendar\" variant={disabled || readOnly ? 'disabled' : 'normal'} />\n          </span>\n          <span id={triggerContentId}>{formattedDate}</span>\n        </span>\n      </ButtonTrigger>\n    );\n\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    return (\n      <div\n        {...baseProps}\n        ref={mergedRef}\n        className={clsx(\n          baseProps.className,\n          styles.root,\n          testutilStyles.root,\n          absoluteFormat === 'long-localized' && !dateOnly && !isMonthOnly && styles.wide\n        )}\n        onKeyDown={onWrapperKeyDownHandler}\n      >\n        <Dropdown\n          stretchHeight={true}\n          open={isDropDownOpen}\n          onDropdownClose={() => closeDropdown()}\n          trigger={trigger}\n          expandToViewport={expandToViewport}\n          dropdownId={dropdownId}\n          content={\n            /* Reset form field context to prevent a wrapper form field from labelling all inputs inside the dropdown. */\n            <ResetContextsForModal>\n              {isDropDownOpen && (\n                <DateRangePickerDropdown\n                  startOfWeek={startOfWeek}\n                  locale={normalizedLocale}\n                  isSingleGrid={isSingleGrid}\n                  onDropdownClose={() => closeDropdown(true)}\n                  value={value}\n                  showClearButton={showClearButton}\n                  isDateEnabled={isDateEnabled}\n                  dateDisabledReason={dateDisabledReason}\n                  i18nStrings={i18nStrings}\n                  onClear={onClear}\n                  onApply={onApply}\n                  getTimeOffset={getTimeOffset}\n                  timeOffset={timeOffset}\n                  relativeOptions={relativeOptions}\n                  isValidRange={isValidRange}\n                  dateOnly={dateOnly}\n                  absoluteFormat={absoluteFormat}\n                  timeInputFormat={timeInputFormat}\n                  dateInputFormat={dateInputFormat}\n                  rangeSelectorMode={rangeSelectorMode}\n                  ariaLabelledby={ariaLabelledby}\n                  ariaDescribedby={ariaDescribedby}\n                  customAbsoluteRangeControl={customAbsoluteRangeControl}\n                  customRelativeRangeUnits={customRelativeRangeUnits}\n                  renderRelativeRangeContent={renderRelativeRangeContent}\n                  granularity={granularity}\n                />\n              )}\n            </ResetContextsForModal>\n          }\n        />\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DateRangePicker, 'DateRangePicker');\nexport default DateRangePicker;\n"]}

package/flashbar/interfaces.d.ts

@@ -205,6 +205,8 @@ export interface FlashbarProps extends BaseComponentProps {
    */
   i18nStrings?: FlashbarProps.I18nStrings;
   /**
+   * An object containing CSS properties to customize the flashbar's visual appearance.
+   * Refer to the [style](/components/flashbar/?tabId=style) tab for more details.
    * @awsuiSystem core
    */
   style?: FlashbarProps.Style;

package/flashbar/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,iBAAiB;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC;QAC1B,QAAQ,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC;QAClC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QACrC,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACnC,iBAAiB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC;QACxD,iBAAiB,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC;KACrD;IAED,UAAiB,qBAAqB;QACpC,wBAAwB,CAAC,EAAE,OAAO,CAAC;QACnC,YAAY,CAAC,EAAE,YAAY,CAAC;KAC7B;IACD,UAAiB,iBAAiB;QAChC,SAAS,EAAE,MAAM,CAAC;QAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;KACnC;IAED,UAAiB,WAAW;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,IAAI,CAAC,EAAE;gBACL,UAAU,CAAC,EAAE;oBACX,KAAK,CAAC,EAAE,MAAM,CAAC;oBACf,IAAI,CAAC,EAAE,MAAM,CAAC;oBACd,UAAU,CAAC,EAAE,MAAM,CAAC;oBACpB,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;iBAClB,CAAC;gBACF,WAAW,CAAC,EAAE;oBACZ,KAAK,CAAC,EAAE,MAAM,CAAC;oBACf,IAAI,CAAC,EAAE,MAAM,CAAC;oBACd,UAAU,CAAC,EAAE,MAAM,CAAC;oBACpB,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;iBAClB,CAAC;gBACF,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,KAAK,CAAC,EAAE;oBACN,KAAK,CAAC,EAAE,MAAM,CAAC;oBACf,IAAI,CAAC,EAAE,MAAM,CAAC;oBACd,UAAU,CAAC,EAAE,MAAM,CAAC;oBACpB,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;iBAClB,CAAC;gBACF,SAAS,CAAC,EAAE;oBACV,WAAW,CAAC,EAAE;wBACZ,KAAK,CAAC,EAAE,MAAM,CAAC;wBACf,IAAI,CAAC,EAAE,MAAM,CAAC;wBACd,UAAU,CAAC,EAAE,MAAM,CAAC;wBACpB,OAAO,CAAC,EAAE,MAAM,CAAC;wBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;qBAClB,CAAC;oBACF,YAAY,CAAC,EAAE,MAAM,CAAC;oBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;iBACtB,CAAC;aACH,CAAC;YACF,aAAa,CAAC,EAAE;gBACd,KAAK,CAAC,EAAE;oBACN,MAAM,CAAC,EAAE;wBACP,KAAK,CAAC,EAAE,MAAM,CAAC;wBACf,IAAI,CAAC,EAAE,MAAM,CAAC;wBACd,UAAU,CAAC,EAAE,MAAM,CAAC;wBACpB,OAAO,CAAC,EAAE,MAAM,CAAC;wBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;qBAClB,CAAC;oBACF,OAAO,CAAC,EAAE;wBACR,KAAK,CAAC,EAAE,MAAM,CAAC;wBACf,IAAI,CAAC,EAAE,MAAM,CAAC;wBACd,UAAU,CAAC,EAAE,MAAM,CAAC;wBACpB,OAAO,CAAC,EAAE,MAAM,CAAC;wBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;qBAClB,CAAC;oBACF,KAAK,CAAC,EAAE;wBACN,KAAK,CAAC,EAAE,MAAM,CAAC;wBACf,IAAI,CAAC,EAAE,MAAM,CAAC;wBACd,UAAU,CAAC,EAAE,MAAM,CAAC;wBACpB,OAAO,CAAC,EAAE,MAAM,CAAC;wBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;qBAClB,CAAC;iBACH,CAAC;gBACF,SAAS,CAAC,EAAE;oBACV,WAAW,CAAC,EAAE;wBACZ,KAAK,CAAC,EAAE,MAAM,CAAC;wBACf,IAAI,CAAC,EAAE,MAAM,CAAC;wBACd,UAAU,CAAC,EAAE,MAAM,CAAC;wBACpB,OAAO,CAAC,EAAE,MAAM,CAAC;wBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;qBAClB,CAAC;oBACF,YAAY,CAAC,EAAE,MAAM,CAAC;oBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;iBACtB,CAAC;aACH,CAAC;SACH,CAAC;QACF,eAAe,CAAC,EAAE;YAChB,IAAI,CAAC,EAAE;gBACL,UAAU,CAAC,EAAE;oBACX,MAAM,CAAC,EAAE,MAAM,CAAC;oBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,KAAK,CAAC,EAAE,MAAM,CAAC;iBAChB,CAAC;gBACF,WAAW,CAAC,EAAE;oBACZ,MAAM,CAAC,EAAE,MAAM,CAAC;oBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,KAAK,CAAC,EAAE,MAAM,CAAC;iBAChB,CAAC;gBACF,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,KAAK,CAAC,EAAE;oBACN,MAAM,CAAC,EAAE,MAAM,CAAC;oBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,KAAK,CAAC,EAAE,MAAM,CAAC;iBAChB,CAAC;aACH,CAAC;YACF,YAAY,CAAC,EAAE;gBACb,SAAS,CAAC,EAAE;oBACV,WAAW,CAAC,EAAE,MAAM,CAAC;oBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;oBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;iBACtB,CAAC;aACH,CAAC;SACH,CAAC;KACH;IAED,KAAY,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,aAAa,CAAC;IAC5E,KAAY,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC3C;AAED,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkCG;IACH,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAEtD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,0BAA0B,CAAC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"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"}

package/flashbar/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport namespace FlashbarProps {\n  export interface MessageDefinition {\n    header?: React.ReactNode;\n    content?: React.ReactNode;\n    dismissible?: boolean;\n    dismissLabel?: string;\n    statusIconAriaLabel?: string;\n    loading?: boolean;\n    type?: FlashbarProps.Type;\n    ariaRole?: FlashbarProps.AriaRole;\n    action?: React.ReactNode;\n    id?: string;\n    buttonText?: ButtonProps['children'];\n    onButtonClick?: ButtonProps['onClick'];\n    onDismiss?: ButtonProps['onClick'];\n    analyticsMetadata?: FlashbarProps.ItemAnalyticsMetadata;\n    persistenceConfig?: FlashbarProps.PersistenceConfig;\n  }\n\n  export interface ItemAnalyticsMetadata {\n    suppressFlowMetricEvents?: boolean;\n    errorContext?: ErrorContext;\n  }\n  export interface PersistenceConfig {\n    uniqueKey: string;\n    crossServicePersistence?: boolean;\n  }\n\n  export interface I18nStrings {\n    ariaLabel?: string;\n    errorIconAriaLabel?: string;\n    infoIconAriaLabel?: string;\n    inProgressIconAriaLabel?: string;\n    notificationBarAriaLabel?: string;\n    notificationBarText?: string;\n    successIconAriaLabel?: string;\n    warningIconAriaLabel?: string;\n  }\n\n  export interface Style {\n    item?: {\n      root?: {\n        background?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderColor?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n      dismissButton?: {\n        color?: {\n          active?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          default?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          hover?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n    notificationBar?: {\n      root?: {\n        background?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderColor?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n      };\n      expandButton?: {\n        focusRing?: {\n          borderColor?: string;\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n  }\n\n  export type Type = 'success' | 'warning' | 'info' | 'error' | 'in-progress';\n  export type AriaRole = 'alert' | 'status';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n  /**\n   * Specifies flash messages that appear in the same order that they are listed.\n   * The value is an array of flash message definition objects.\n   *\n   * A flash message object contains the following properties:\n   * * `header` (ReactNode) - Specifies the heading text.\n   * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n   * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info, in-progress`. The default is `info`.\n   * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n   * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n   * When a user clicks on this button the `onDismiss` handler is called.\n   * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n   * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.\n   * If not provided, `i18nStrings.{type}IconAriaLabel` will be used as a fallback.\n   * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive\n   * technology. Use \"status\" for status updates or informational content. Use \"alert\" for important messages that need the\n   * user's attention.\n   * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n   * our UX guidelines only allow you to add a button.\n   * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n   * When a user clicks on this button the `onButtonClick` handler is called.\n   * If the `action` property is set, this property is ignored. **Deprecated**, replaced by `action`.\n   * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n   *   using the `action` property. **Deprecated**, replaced by `action`.\n   * * `onDismiss` (event => void) - (Optional) Called when a user clicks on the dismiss button.\n   * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n   *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n   *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n   * * `persistenceConfig` (FlashbarProps.PersistenceConfig) - Config to persist dismiss state for dismissable Flashbar item, used only in AWS Consoles.\n   *   * `uniqueKey` (string) - This key to store the persistence state, it must be unique across your console.\n   *   * `crossServicePersistence` (boolean) - If true, the persistence state will be shared across AWS services.\n   * * `analyticsMetadata` (FlashbarProps.ItemAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n   *   * `suppressFlowMetricEvents` - Prevent this item from generating events related to flow metrics.\n   * @analytics\n   */\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n\n  /**\n   * Specifies whether flash messages should be stacked.\n   */\n  stackItems?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component. The object should contain:\n   *\n   * * `ariaLabel` - Specifies the ARIA label for the list of notifications.\n   *\n   * If `stackItems` is set to `true`, it should also contain:\n   *\n   * * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar\n   * * `notificationBarText` - (optional) Specifies the text shown in the notification bar\n   * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.\n   * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.\n   * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.\n   * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.\n   * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `in-progress` or with `loading` set to `true`.\n   * @i18n\n   */\n  i18nStrings?: FlashbarProps.I18nStrings;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: FlashbarProps.Style;\n}\n\nexport type InternalFlashbarProps = FlashbarProps & InternalBaseComponentProps;\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport namespace FlashbarProps {\n  export interface MessageDefinition {\n    header?: React.ReactNode;\n    content?: React.ReactNode;\n    dismissible?: boolean;\n    dismissLabel?: string;\n    statusIconAriaLabel?: string;\n    loading?: boolean;\n    type?: FlashbarProps.Type;\n    ariaRole?: FlashbarProps.AriaRole;\n    action?: React.ReactNode;\n    id?: string;\n    buttonText?: ButtonProps['children'];\n    onButtonClick?: ButtonProps['onClick'];\n    onDismiss?: ButtonProps['onClick'];\n    analyticsMetadata?: FlashbarProps.ItemAnalyticsMetadata;\n    persistenceConfig?: FlashbarProps.PersistenceConfig;\n  }\n\n  export interface ItemAnalyticsMetadata {\n    suppressFlowMetricEvents?: boolean;\n    errorContext?: ErrorContext;\n  }\n  export interface PersistenceConfig {\n    uniqueKey: string;\n    crossServicePersistence?: boolean;\n  }\n\n  export interface I18nStrings {\n    ariaLabel?: string;\n    errorIconAriaLabel?: string;\n    infoIconAriaLabel?: string;\n    inProgressIconAriaLabel?: string;\n    notificationBarAriaLabel?: string;\n    notificationBarText?: string;\n    successIconAriaLabel?: string;\n    warningIconAriaLabel?: string;\n  }\n\n  export interface Style {\n    item?: {\n      root?: {\n        background?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderColor?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n      dismissButton?: {\n        color?: {\n          active?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          default?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          hover?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n    notificationBar?: {\n      root?: {\n        background?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderColor?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n      };\n      expandButton?: {\n        focusRing?: {\n          borderColor?: string;\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n  }\n\n  export type Type = 'success' | 'warning' | 'info' | 'error' | 'in-progress';\n  export type AriaRole = 'alert' | 'status';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n  /**\n   * Specifies flash messages that appear in the same order that they are listed.\n   * The value is an array of flash message definition objects.\n   *\n   * A flash message object contains the following properties:\n   * * `header` (ReactNode) - Specifies the heading text.\n   * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n   * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info, in-progress`. The default is `info`.\n   * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n   * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n   * When a user clicks on this button the `onDismiss` handler is called.\n   * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n   * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.\n   * If not provided, `i18nStrings.{type}IconAriaLabel` will be used as a fallback.\n   * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive\n   * technology. Use \"status\" for status updates or informational content. Use \"alert\" for important messages that need the\n   * user's attention.\n   * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n   * our UX guidelines only allow you to add a button.\n   * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n   * When a user clicks on this button the `onButtonClick` handler is called.\n   * If the `action` property is set, this property is ignored. **Deprecated**, replaced by `action`.\n   * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n   *   using the `action` property. **Deprecated**, replaced by `action`.\n   * * `onDismiss` (event => void) - (Optional) Called when a user clicks on the dismiss button.\n   * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n   *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n   *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n   * * `persistenceConfig` (FlashbarProps.PersistenceConfig) - Config to persist dismiss state for dismissable Flashbar item, used only in AWS Consoles.\n   *   * `uniqueKey` (string) - This key to store the persistence state, it must be unique across your console.\n   *   * `crossServicePersistence` (boolean) - If true, the persistence state will be shared across AWS services.\n   * * `analyticsMetadata` (FlashbarProps.ItemAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n   *   * `suppressFlowMetricEvents` - Prevent this item from generating events related to flow metrics.\n   * @analytics\n   */\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n\n  /**\n   * Specifies whether flash messages should be stacked.\n   */\n  stackItems?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component. The object should contain:\n   *\n   * * `ariaLabel` - Specifies the ARIA label for the list of notifications.\n   *\n   * If `stackItems` is set to `true`, it should also contain:\n   *\n   * * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar\n   * * `notificationBarText` - (optional) Specifies the text shown in the notification bar\n   * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.\n   * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.\n   * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.\n   * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.\n   * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `in-progress` or with `loading` set to `true`.\n   * @i18n\n   */\n  i18nStrings?: FlashbarProps.I18nStrings;\n\n  /**\n   * An object containing CSS properties to customize the flashbar's visual appearance.\n   * Refer to the [style](/components/flashbar/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: FlashbarProps.Style;\n}\n\nexport type InternalFlashbarProps = FlashbarProps & InternalBaseComponentProps;\n"]}

package/flashbar/styles.css.js

@@ -1,55 +1,55 @@
 
     import './styles.scoped.css';
     export default {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_t2sge_157",
-  "enter": "awsui_enter_1q84n_t2sge_157",
-  "flash-body": "awsui_flash-body_1q84n_t2sge_171",
-  "flash-message": "awsui_flash-message_1q84n_t2sge_171",
-  "flash-header": "awsui_flash-header_1q84n_t2sge_171",
-  "flash-content": "awsui_flash-content_1q84n_t2sge_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_t2sge_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_t2sge_174",
-  "flash-icon": "awsui_flash-icon_1q84n_t2sge_197",
-  "entering": "awsui_entering_1q84n_t2sge_210",
-  "entered": "awsui_entered_1q84n_t2sge_231",
-  "exiting": "awsui_exiting_1q84n_t2sge_336",
-  "stack": "awsui_stack_1q84n_t2sge_370",
-  "animation-running": "awsui_animation-running_1q84n_t2sge_370",
-  "item": "awsui_item_1q84n_t2sge_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_t2sge_371",
-  "notification-bar": "awsui_notification-bar_1q84n_t2sge_372",
-  "collapsed": "awsui_collapsed_1q84n_t2sge_392",
-  "animation-ready": "awsui_animation-ready_1q84n_t2sge_392",
-  "expanded-only": "awsui_expanded-only_1q84n_t2sge_392",
-  "expanded": "awsui_expanded_1q84n_t2sge_392",
-  "flash": "awsui_flash_1q84n_t2sge_157",
-  "collapsible": "awsui_collapsible_1q84n_t2sge_448",
-  "short-list": "awsui_short-list_1q84n_t2sge_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_t2sge_454",
-  "status": "awsui_status_1q84n_t2sge_601",
-  "header": "awsui_header_1q84n_t2sge_601",
-  "item-count": "awsui_item-count_1q84n_t2sge_602",
-  "button": "awsui_button_1q84n_t2sge_603",
-  "type-count": "awsui_type-count_1q84n_t2sge_636",
-  "count-number": "awsui_count-number_1q84n_t2sge_636",
-  "icon": "awsui_icon_1q84n_t2sge_674",
-  "floating": "awsui_floating_1q84n_t2sge_715",
-  "flashbar": "awsui_flashbar_1q84n_t2sge_719",
-  "initial-hidden": "awsui_initial-hidden_1q84n_t2sge_778",
-  "flash-list": "awsui_flash-list_1q84n_t2sge_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_t2sge_802",
-  "flash-text": "awsui_flash-text_1q84n_t2sge_832",
-  "hidden": "awsui_hidden_1q84n_t2sge_851",
-  "header-replacement": "awsui_header-replacement_1q84n_t2sge_856",
-  "content-replacement": "awsui_content-replacement_1q84n_t2sge_861",
-  "dismiss-button": "awsui_dismiss-button_1q84n_t2sge_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_t2sge_879",
-  "action-button": "awsui_action-button_1q84n_t2sge_173",
-  "action-slot": "awsui_action-slot_1q84n_t2sge_886",
-  "flash-type-success": "awsui_flash-type-success_1q84n_t2sge_890",
-  "flash-type-error": "awsui_flash-type-error_1q84n_t2sge_894",
-  "flash-type-info": "awsui_flash-type-info_1q84n_t2sge_898",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_t2sge_899",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_t2sge_903"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_3hm0n_157",
+  "enter": "awsui_enter_1q84n_3hm0n_157",
+  "flash-body": "awsui_flash-body_1q84n_3hm0n_171",
+  "flash-message": "awsui_flash-message_1q84n_3hm0n_171",
+  "flash-header": "awsui_flash-header_1q84n_3hm0n_171",
+  "flash-content": "awsui_flash-content_1q84n_3hm0n_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_3hm0n_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_3hm0n_174",
+  "flash-icon": "awsui_flash-icon_1q84n_3hm0n_197",
+  "entering": "awsui_entering_1q84n_3hm0n_210",
+  "entered": "awsui_entered_1q84n_3hm0n_231",
+  "exiting": "awsui_exiting_1q84n_3hm0n_336",
+  "stack": "awsui_stack_1q84n_3hm0n_370",
+  "animation-running": "awsui_animation-running_1q84n_3hm0n_370",
+  "item": "awsui_item_1q84n_3hm0n_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_3hm0n_371",
+  "notification-bar": "awsui_notification-bar_1q84n_3hm0n_372",
+  "collapsed": "awsui_collapsed_1q84n_3hm0n_392",
+  "animation-ready": "awsui_animation-ready_1q84n_3hm0n_392",
+  "expanded-only": "awsui_expanded-only_1q84n_3hm0n_392",
+  "expanded": "awsui_expanded_1q84n_3hm0n_392",
+  "flash": "awsui_flash_1q84n_3hm0n_157",
+  "collapsible": "awsui_collapsible_1q84n_3hm0n_448",
+  "short-list": "awsui_short-list_1q84n_3hm0n_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_3hm0n_454",
+  "status": "awsui_status_1q84n_3hm0n_601",
+  "header": "awsui_header_1q84n_3hm0n_601",
+  "item-count": "awsui_item-count_1q84n_3hm0n_602",
+  "button": "awsui_button_1q84n_3hm0n_603",
+  "type-count": "awsui_type-count_1q84n_3hm0n_636",
+  "count-number": "awsui_count-number_1q84n_3hm0n_636",
+  "icon": "awsui_icon_1q84n_3hm0n_674",
+  "floating": "awsui_floating_1q84n_3hm0n_715",
+  "flashbar": "awsui_flashbar_1q84n_3hm0n_719",
+  "initial-hidden": "awsui_initial-hidden_1q84n_3hm0n_778",
+  "flash-list": "awsui_flash-list_1q84n_3hm0n_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_3hm0n_802",
+  "flash-text": "awsui_flash-text_1q84n_3hm0n_832",
+  "hidden": "awsui_hidden_1q84n_3hm0n_851",
+  "header-replacement": "awsui_header-replacement_1q84n_3hm0n_856",
+  "content-replacement": "awsui_content-replacement_1q84n_3hm0n_861",
+  "dismiss-button": "awsui_dismiss-button_1q84n_3hm0n_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_3hm0n_879",
+  "action-button": "awsui_action-button_1q84n_3hm0n_173",
+  "action-slot": "awsui_action-slot_1q84n_3hm0n_886",
+  "flash-type-success": "awsui_flash-type-success_1q84n_3hm0n_890",
+  "flash-type-error": "awsui_flash-type-error_1q84n_3hm0n_894",
+  "flash-type-info": "awsui_flash-type-info_1q84n_3hm0n_898",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_3hm0n_899",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_3hm0n_903"
 };