@cloudscape-design/components-themeable 3.0.847 → 3.0.849

package/lib/internal/template/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\nimport React, { Ref, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalBox from '../box/internal';\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 { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { isDevelopment } from '../internal/is-development.js';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { formatDateRange, isIsoDateOnly } from '../internal/utils/date-time';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport { joinStrings } from '../internal/utils/strings/join-strings';\nimport { DateRangePickerDropdown } from './dropdown';\nimport { DateRangePickerProps } from './interfaces';\nimport { normalizeTimeOffset, shiftTimeOffset } from './time-offset';\nimport { formatValue } from './utils';\n\nimport styles from './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  if (!range) {\n    return (\n      <span className={styles['label-text']} aria-disabled={true}>\n        {placeholder}\n      </span>\n    );\n  }\n\n  const formatted =\n    range.type === 'relative' ? (\n      formatRelativeRange?.(range) ?? ''\n    ) : (\n      <BreakSpaces\n        text={formatDateRange({\n          startDate: range.startDate,\n          endDate: range.endDate,\n          timeOffset,\n          hideTimeOffset,\n          format: absoluteFormat,\n          locale,\n        })}\n      />\n    );\n\n  return (\n    <InternalBox fontWeight=\"normal\" display=\"inline\" color=\"inherit\" variant=\"span\">\n      {formatted}\n    </InternalBox>\n  );\n}\n\nfunction BreakSpaces({ text }: { text: string }) {\n  const tokens = text.split(/( )/);\n  return (\n    <>\n      {tokens.map((token, index) => (\n        <React.Fragment key={index}>\n          {token.length > 1 ? <span className={styles['label-token-nowrap']}>{token}</span> : token}\n          {token === ' ' && <wbr />}\n        </React.Fragment>\n      ))}\n    </>\n  );\n}\n\nfunction isDateOnly(value: null | DateRangePickerProps.Value) {\n  if (!value || value.type !== 'absolute') {\n    return false;\n  }\n  return isIsoDateOnly(value.startDate) && isIsoDateOnly(value.endDate);\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      expandToViewport = false,\n      rangeSelectorMode = 'default',\n      customAbsoluteRangeControl,\n      absoluteFormat = 'iso',\n      hideTimeOffset,\n      customRelativeRangeUnits,\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        hideTimeOffset,\n      },\n      metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n    });\n    checkControlled('DateRangePicker', 'value', value, 'onChange', onChange);\n\n    const normalizedTimeOffset = normalizeTimeOffset(value, getTimeOffset, timeOffset);\n    value = isDateOnly(value) ? value : shiftTimeOffset(value, normalizedTimeOffset);\n\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        timeOffset: 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,\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(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          absoluteFormat === 'long-localized' && !dateOnly && 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        >\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                timeInputFormat={timeInputFormat}\n                rangeSelectorMode={rangeSelectorMode}\n                ariaLabelledby={ariaLabelledby}\n                ariaDescribedby={ariaDescribedby}\n                customAbsoluteRangeControl={customAbsoluteRangeControl}\n                customRelativeRangeUnits={customRelativeRangeUnits}\n              />\n            )}\n          </ResetContextsForModal>\n        </Dropdown>\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\nimport React, { Ref, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { 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 { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { isDevelopment } from '../internal/is-development.js';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { isIsoDateOnly } from '../internal/utils/date-time';\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, shiftTimeOffset } from './time-offset';\nimport { formatValue } from './utils';\n\nimport styles from './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\nfunction isDateOnly(value: null | DateRangePickerProps.Value) {\n  if (!value || value.type !== 'absolute') {\n    return false;\n  }\n  return isIsoDateOnly(value.startDate) && isIsoDateOnly(value.endDate);\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      expandToViewport = false,\n      rangeSelectorMode = 'default',\n      customAbsoluteRangeControl,\n      absoluteFormat = 'iso',\n      hideTimeOffset,\n      customRelativeRangeUnits,\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        hideTimeOffset,\n      },\n      metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n    });\n    checkControlled('DateRangePicker', 'value', value, 'onChange', onChange);\n\n    const normalizedTimeOffset = normalizeTimeOffset(value, getTimeOffset, timeOffset);\n    value = isDateOnly(value) ? value : shiftTimeOffset(value, normalizedTimeOffset);\n\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        timeOffset: 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,\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(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          absoluteFormat === 'long-localized' && !dateOnly && 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        >\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                timeInputFormat={timeInputFormat}\n                rangeSelectorMode={rangeSelectorMode}\n                ariaLabelledby={ariaLabelledby}\n                ariaDescribedby={ariaDescribedby}\n                customAbsoluteRangeControl={customAbsoluteRangeControl}\n                customRelativeRangeUnits={customRelativeRangeUnits}\n              />\n            )}\n          </ResetContextsForModal>\n        </Dropdown>\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DateRangePicker, 'DateRangePicker');\nexport default DateRangePicker;\n"]}

package/lib/internal/template/expandable-section/styles.css.js

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_137c3_157",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_137c3_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_137c3_179",
-  "icon": "awsui_icon_gwq0h_137c3_193",
-  "root": "awsui_root_gwq0h_137c3_207",
-  "expand-button": "awsui_expand-button_gwq0h_137c3_245",
-  "expanded": "awsui_expanded_gwq0h_137c3_253",
-  "icon-container": "awsui_icon-container_gwq0h_137c3_263",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_137c3_267",
-  "wrapper": "awsui_wrapper_gwq0h_137c3_271",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_137c3_279",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_137c3_279",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_137c3_279",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_137c3_283",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_137c3_286",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_137c3_290",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_137c3_303",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_137c3_309",
-  "header": "awsui_header_gwq0h_137c3_303",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_137c3_346",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_137c3_358",
-  "header-button": "awsui_header-button_gwq0h_137c3_364",
-  "header-container-button": "awsui_header-container-button_gwq0h_137c3_364",
-  "header-container": "awsui_header-container_gwq0h_137c3_364",
-  "header-navigation": "awsui_header-navigation_gwq0h_137c3_399",
-  "header-text": "awsui_header-text_gwq0h_137c3_436",
-  "content": "awsui_content_gwq0h_137c3_157",
-  "content-default": "awsui_content-default_gwq0h_137c3_449",
-  "content-inline": "awsui_content-inline_gwq0h_137c3_449",
-  "content-footer": "awsui_content-footer_gwq0h_137c3_453",
-  "content-expanded": "awsui_content-expanded_gwq0h_137c3_457",
-  "content-compact": "awsui_content-compact_gwq0h_137c3_460",
-  "focusable": "awsui_focusable_gwq0h_137c3_464",
-  "click-target": "awsui_click-target_gwq0h_137c3_479"
+  "content-enter": "awsui_content-enter_gwq0h_1errh_157",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1errh_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1errh_179",
+  "icon": "awsui_icon_gwq0h_1errh_193",
+  "root": "awsui_root_gwq0h_1errh_207",
+  "expand-button": "awsui_expand-button_gwq0h_1errh_245",
+  "expanded": "awsui_expanded_gwq0h_1errh_253",
+  "icon-container": "awsui_icon-container_gwq0h_1errh_263",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_1errh_267",
+  "wrapper": "awsui_wrapper_gwq0h_1errh_271",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_1errh_279",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1errh_279",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1errh_279",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1errh_283",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_1errh_286",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1errh_290",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_1errh_303",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1errh_309",
+  "header": "awsui_header_gwq0h_1errh_303",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_1errh_346",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1errh_358",
+  "header-button": "awsui_header-button_gwq0h_1errh_364",
+  "header-container-button": "awsui_header-container-button_gwq0h_1errh_364",
+  "header-container": "awsui_header-container_gwq0h_1errh_364",
+  "header-navigation": "awsui_header-navigation_gwq0h_1errh_399",
+  "header-text": "awsui_header-text_gwq0h_1errh_436",
+  "content": "awsui_content_gwq0h_1errh_157",
+  "content-default": "awsui_content-default_gwq0h_1errh_449",
+  "content-inline": "awsui_content-inline_gwq0h_1errh_449",
+  "content-footer": "awsui_content-footer_gwq0h_1errh_453",
+  "content-expanded": "awsui_content-expanded_gwq0h_1errh_457",
+  "content-compact": "awsui_content-compact_gwq0h_1errh_460",
+  "focusable": "awsui_focusable_gwq0h_1errh_464",
+  "click-target": "awsui_click-target_gwq0h_1errh_479"
 };
   

package/lib/internal/template/expandable-section/styles.scoped.css

@@ -154,10 +154,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content-enter_gwq0h_137c3_157:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_137c3_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
+.awsui_content-enter_gwq0h_1errh_157:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_1errh_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_137c3_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_1errh_1 {
   from {
     opacity: 0.2;
   }
@@ -166,45 +166,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_137c3_157:not(#\9) {
+  .awsui_content-enter_gwq0h_1errh_157:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_137c3_157:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_137c3_157:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_1errh_157:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1errh_157:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_trigger-expanded_gwq0h_137c3_179:not(#\9) {
+.awsui_trigger-expanded_gwq0h_1errh_179:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_137c3_179:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_1errh_179:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_137c3_179:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_137c3_179:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1errh_179:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1errh_179:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_icon_gwq0h_137c3_193:not(#\9) {
+.awsui_icon_gwq0h_1errh_193:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-bpnkq9, 135ms) var(--motion-easing-rotate-90-c61wiy, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_137c3_193:not(#\9) {
+  .awsui_icon_gwq0h_1errh_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_137c3_193:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_137c3_193:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_1errh_193:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1errh_193:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_gwq0h_137c3_207:not(#\9) {
+.awsui_root_gwq0h_1errh_207:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -243,33 +243,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_expand-button_gwq0h_137c3_245:not(#\9) {
+.awsui_expand-button_gwq0h_1errh_245:not(#\9) {
   outline: none;
 }
 
-.awsui_icon_gwq0h_137c3_193:not(#\9) {
+.awsui_icon_gwq0h_1errh_193:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_icon_gwq0h_137c3_193.awsui_expanded_gwq0h_137c3_253:not(#\9) {
+.awsui_icon_gwq0h_1errh_193.awsui_expanded_gwq0h_1errh_253:not(#\9) {
   transform: rotate(0deg);
 }
-.awsui_icon_gwq0h_137c3_193:not(#\9):dir(rtl) {
+.awsui_icon_gwq0h_1errh_193:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_icon_gwq0h_137c3_193:not(#\9):dir(rtl).awsui_expanded_gwq0h_137c3_253 {
+.awsui_icon_gwq0h_1errh_193:not(#\9):dir(rtl).awsui_expanded_gwq0h_1errh_253 {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_137c3_263:not(#\9) {
+.awsui_icon-container_gwq0h_1errh_263:not(#\9) {
   position: relative;
   margin-inline: calc((var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2) calc(var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px));
 }
-.awsui_icon-container-container_gwq0h_137c3_267:not(#\9) {
+.awsui_icon-container-container_gwq0h_1errh_267:not(#\9) {
   margin-inline-end: var(--space-xs-6dgkww, 8px);
 }
 
-.awsui_wrapper_gwq0h_137c3_271:not(#\9) {
+.awsui_wrapper_gwq0h_1errh_271:not(#\9) {
   box-sizing: border-box;
   border-block: none;
   border-inline: none;
@@ -277,78 +277,78 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-gw0130, 22px);
   text-align: start;
 }
-.awsui_wrapper-default_gwq0h_137c3_279:not(#\9), .awsui_wrapper-inline_gwq0h_137c3_279:not(#\9), .awsui_wrapper-footer_gwq0h_137c3_279:not(#\9) {
+.awsui_wrapper-default_gwq0h_1errh_279:not(#\9), .awsui_wrapper-inline_gwq0h_1errh_279:not(#\9), .awsui_wrapper-footer_gwq0h_1errh_279:not(#\9) {
   border-block: var(--border-divider-section-width-iueskx, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-iueskx, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_137c3_283:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_1errh_283:not(#\9) {
   border-inline-start: var(--border-divider-section-width-iueskx, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_137c3_283:not(#\9), .awsui_wrapper-container_gwq0h_137c3_286:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_1errh_283:not(#\9), .awsui_wrapper-container_gwq0h_1errh_286:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-zyfn4j, 700);
 }
-.awsui_wrapper-default_gwq0h_137c3_279:not(#\9), .awsui_wrapper-inline_gwq0h_137c3_279:not(#\9), .awsui_wrapper-navigation_gwq0h_137c3_283:not(#\9), .awsui_wrapper-footer_gwq0h_137c3_279:not(#\9), .awsui_wrapper-compact_gwq0h_137c3_290:not(#\9) {
+.awsui_wrapper-default_gwq0h_1errh_279:not(#\9), .awsui_wrapper-inline_gwq0h_1errh_279:not(#\9), .awsui_wrapper-navigation_gwq0h_1errh_283:not(#\9), .awsui_wrapper-footer_gwq0h_1errh_279:not(#\9), .awsui_wrapper-compact_gwq0h_1errh_290:not(#\9) {
   color: var(--color-text-expandable-section-default-vicj65, #545b64);
   -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
 }
-.awsui_wrapper-default_gwq0h_137c3_279:not(#\9), .awsui_wrapper-inline_gwq0h_137c3_279:not(#\9), .awsui_wrapper-navigation_gwq0h_137c3_283:not(#\9), .awsui_wrapper-footer_gwq0h_137c3_279:not(#\9) {
+.awsui_wrapper-default_gwq0h_1errh_279:not(#\9), .awsui_wrapper-inline_gwq0h_1errh_279:not(#\9), .awsui_wrapper-navigation_gwq0h_1errh_283:not(#\9), .awsui_wrapper-footer_gwq0h_1errh_279:not(#\9) {
   font-size: var(--font-expandable-heading-size-1w0ot0, 14px);
   letter-spacing: var(--letter-spacing-heading-s-zr7975, normal);
 }
-.awsui_wrapper-default_gwq0h_137c3_279:not(#\9) {
+.awsui_wrapper-default_gwq0h_1errh_279:not(#\9) {
   padding-block: var(--space-scaled-xxs-krq5fq, 4px);
   padding-inline-end: var(--space-xxs-y2432o, 4px);
 }
-.awsui_wrapper-default_gwq0h_137c3_279.awsui_header-deprecated_gwq0h_137c3_303:not(#\9) {
+.awsui_wrapper-default_gwq0h_1errh_279.awsui_header-deprecated_gwq0h_1errh_303:not(#\9) {
   padding-inline-start: var(--space-xxs-y2432o, 4px);
 }
-.awsui_wrapper-default_gwq0h_137c3_279:not(#\9):not(.awsui_header-deprecated_gwq0h_137c3_303), .awsui_wrapper-inline_gwq0h_137c3_279:not(#\9):not(.awsui_header-deprecated_gwq0h_137c3_303) {
+.awsui_wrapper-default_gwq0h_1errh_279:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303), .awsui_wrapper-inline_gwq0h_1errh_279:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303) {
   padding-inline-start: calc(var(--size-icon-normal-19036g, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px));
 }
-.awsui_wrapper-default_gwq0h_137c3_279.awsui_wrapper-expanded_gwq0h_137c3_309:not(#\9), .awsui_wrapper-inline_gwq0h_137c3_279.awsui_wrapper-expanded_gwq0h_137c3_309:not(#\9) {
+.awsui_wrapper-default_gwq0h_1errh_279.awsui_wrapper-expanded_gwq0h_1errh_309:not(#\9), .awsui_wrapper-inline_gwq0h_1errh_279.awsui_wrapper-expanded_gwq0h_1errh_309:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-krq5fq, 4px);
   border-block-end-color: var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_wrapper-footer_gwq0h_137c3_279:not(#\9) {
+.awsui_wrapper-footer_gwq0h_1errh_279:not(#\9) {
   padding-block: var(--space-scaled-xxs-krq5fq, 4px);
 }
-.awsui_wrapper-footer_gwq0h_137c3_279:not(#\9), .awsui_wrapper-compact_gwq0h_137c3_290:not(#\9) {
+.awsui_wrapper-footer_gwq0h_1errh_279:not(#\9), .awsui_wrapper-compact_gwq0h_1errh_290:not(#\9) {
   padding-inline-end: 0;
 }
-.awsui_wrapper-footer_gwq0h_137c3_279.awsui_header-deprecated_gwq0h_137c3_303:not(#\9), .awsui_wrapper-compact_gwq0h_137c3_290.awsui_header-deprecated_gwq0h_137c3_303:not(#\9) {
+.awsui_wrapper-footer_gwq0h_1errh_279.awsui_header-deprecated_gwq0h_1errh_303:not(#\9), .awsui_wrapper-compact_gwq0h_1errh_290.awsui_header-deprecated_gwq0h_1errh_303:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_wrapper-footer_gwq0h_137c3_279:not(#\9):not(.awsui_header-deprecated_gwq0h_137c3_303), .awsui_wrapper-compact_gwq0h_137c3_290:not(#\9):not(.awsui_header-deprecated_gwq0h_137c3_303) {
+.awsui_wrapper-footer_gwq0h_1errh_279:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303), .awsui_wrapper-compact_gwq0h_1errh_290:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303) {
   padding-inline-start: calc(var(--size-icon-normal-19036g, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px));
 }
-.awsui_wrapper-container_gwq0h_137c3_286:not(#\9) {
+.awsui_wrapper-container_gwq0h_1errh_286:not(#\9) {
   padding-block: var(--space-container-header-top-2yfg3x, 12px) var(--space-container-header-bottom-p6av5y, 12px);
   padding-inline-end: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_wrapper-container_gwq0h_137c3_286:not(#\9):not(.awsui_wrapper-expanded_gwq0h_137c3_309) {
+.awsui_wrapper-container_gwq0h_1errh_286:not(#\9):not(.awsui_wrapper-expanded_gwq0h_1errh_309) {
   padding-block-end: var(--space-container-header-top-2yfg3x, 12px);
 }
-.awsui_wrapper-container_gwq0h_137c3_286.awsui_header-deprecated_gwq0h_137c3_303:not(#\9) {
+.awsui_wrapper-container_gwq0h_1errh_286.awsui_header-deprecated_gwq0h_1errh_303:not(#\9) {
   padding-inline-start: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_wrapper-container_gwq0h_137c3_286:not(#\9):not(.awsui_header-deprecated_gwq0h_137c3_303) {
+.awsui_wrapper-container_gwq0h_1errh_286:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303) {
   padding-inline-start: calc(var(--space-container-horizontal-v3575u, 20px) + calc(var(--size-icon-medium-r52788, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xs-6dgkww, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_137c3_286:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1errh_286:not(#\9):focus {
   padding-block: calc(var(--space-scaled-s-8j7izy, 12px) - var(--border-divider-section-width-iueskx, 1px));
   padding-inline: calc(var(--space-l-eenfqd, 20px) - var(--border-divider-section-width-iueskx, 1px));
 }
 
-.awsui_header_gwq0h_137c3_303:not(#\9) {
+.awsui_header_gwq0h_1errh_303:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_137c3_346:not(#\9), .awsui_header-deprecated_gwq0h_137c3_303:not(#\9) {
+.awsui_header-wrapper_gwq0h_1errh_346:not(#\9), .awsui_header-deprecated_gwq0h_1errh_303:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-zyfn4j, 700);
 }
-.awsui_header-wrapper_gwq0h_137c3_346:not(#\9) {
+.awsui_header-wrapper_gwq0h_1errh_346:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin-block: 0;
@@ -356,20 +356,20 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_137c3_286:not
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_137c3_358:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_1errh_358:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_137c3_364:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_137c3_364:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1errh_364:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1errh_364:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_137c3_364:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_137c3_364:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1errh_364:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1errh_364:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_137c3_364:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_137c3_364:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1errh_364:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1errh_364:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -383,21 +383,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_137c3_364:not(#\9
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_header-button_gwq0h_137c3_364:not(#\9) {
+.awsui_header-button_gwq0h_1errh_364:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-inline-start: calc(-1 * calc(var(--size-icon-normal-19036g, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px)));
 }
-.awsui_header-container-button_gwq0h_137c3_364:not(#\9) {
+.awsui_header-container-button_gwq0h_1errh_364:not(#\9) {
   margin-inline-start: calc(-1 * calc(var(--size-icon-medium-r52788, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xs-6dgkww, 8px)));
 }
-.awsui_header-container_gwq0h_137c3_364:not(#\9) {
+.awsui_header-container_gwq0h_1errh_364:not(#\9) {
   inline-size: 100%;
 }
-.awsui_header-container_gwq0h_137c3_364 > .awsui_icon-container_gwq0h_137c3_263:not(#\9) {
+.awsui_header-container_gwq0h_1errh_364 > .awsui_icon-container_gwq0h_1errh_263:not(#\9) {
   margin-block-start: var(--space-expandable-section-icon-offset-top-r1pryk, 8px);
 }
-.awsui_header-navigation_gwq0h_137c3_399 > .awsui_icon-container_gwq0h_137c3_263:not(#\9) {
+.awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-lfxrit, #879596);
@@ -410,17 +410,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_137c3_364:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_137c3_399 > .awsui_icon-container_gwq0h_137c3_263:not(#\9):hover {
+.awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-4hvgvf, #16191f);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_137c3_399 > .awsui_icon-container_gwq0h_137c3_263:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_137c3_399 > .awsui_icon-container_gwq0h_137c3_263:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_137c3_399 > .awsui_icon-container_gwq0h_137c3_263:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -434,42 +434,42 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_137c3_399 > .
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_header-text_gwq0h_137c3_436:not(#\9) {
+.awsui_header-text_gwq0h_1errh_436:not(#\9) {
   /* used in test-utils */
 }
 
-:not(#\9):not(.awsui_wrapper-compact_gwq0h_137c3_290) > .awsui_header-actions-wrapper_gwq0h_137c3_358 {
+:not(#\9):not(.awsui_wrapper-compact_gwq0h_1errh_290) > .awsui_header-actions-wrapper_gwq0h_1errh_358 {
   flex-wrap: wrap;
   column-gap: var(--space-xs-6dgkww, 8px);
   row-gap: var(--space-scaled-xxxs-6vyqo7, 2px);
 }
 
-.awsui_content_gwq0h_137c3_157:not(#\9) {
+.awsui_content_gwq0h_1errh_157:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_137c3_449:not(#\9), .awsui_content-inline_gwq0h_137c3_449:not(#\9) {
+.awsui_content-default_gwq0h_1errh_449:not(#\9), .awsui_content-inline_gwq0h_1errh_449:not(#\9) {
   padding-block: var(--space-scaled-xs-t3am3w, 8px);
   padding-inline: 0;
 }
-.awsui_content-footer_gwq0h_137c3_453:not(#\9) {
+.awsui_content-footer_gwq0h_1errh_453:not(#\9) {
   padding-block: var(--space-xs-6dgkww, 8px);
   padding-inline: 0;
 }
-.awsui_content-expanded_gwq0h_137c3_457:not(#\9) {
+.awsui_content-expanded_gwq0h_1errh_457:not(#\9) {
   display: block;
 }
-.awsui_content-compact_gwq0h_137c3_460:not(#\9) {
+.awsui_content-compact_gwq0h_1errh_460:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-19036g, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px));
 }
 
-.awsui_focusable_gwq0h_137c3_464:not(#\9):focus {
+.awsui_focusable_gwq0h_1errh_464:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_137c3_464:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1errh_464:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
+  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
   border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
@@ -477,9 +477,9 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_137c3_464:not(#\9):fo
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_click-target_gwq0h_137c3_479:not(#\9) {
+.awsui_click-target_gwq0h_1errh_479:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_137c3_479:not(#\9):not(.awsui_wrapper-container_gwq0h_137c3_286):not(.awsui_header-container-button_gwq0h_137c3_364):hover {
+.awsui_click-target_gwq0h_1errh_479:not(#\9):not(.awsui_wrapper-container_gwq0h_1errh_286):not(.awsui_header-container-button_gwq0h_1errh_364):hover {
   color: var(--color-text-expandable-section-hover-4hvgvf, #16191f);
 }

package/lib/internal/template/expandable-section/styles.selectors.js

@@ -2,39 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_137c3_157",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_137c3_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_137c3_179",
-  "icon": "awsui_icon_gwq0h_137c3_193",
-  "root": "awsui_root_gwq0h_137c3_207",
-  "expand-button": "awsui_expand-button_gwq0h_137c3_245",
-  "expanded": "awsui_expanded_gwq0h_137c3_253",
-  "icon-container": "awsui_icon-container_gwq0h_137c3_263",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_137c3_267",
-  "wrapper": "awsui_wrapper_gwq0h_137c3_271",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_137c3_279",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_137c3_279",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_137c3_279",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_137c3_283",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_137c3_286",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_137c3_290",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_137c3_303",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_137c3_309",
-  "header": "awsui_header_gwq0h_137c3_303",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_137c3_346",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_137c3_358",
-  "header-button": "awsui_header-button_gwq0h_137c3_364",
-  "header-container-button": "awsui_header-container-button_gwq0h_137c3_364",
-  "header-container": "awsui_header-container_gwq0h_137c3_364",
-  "header-navigation": "awsui_header-navigation_gwq0h_137c3_399",
-  "header-text": "awsui_header-text_gwq0h_137c3_436",
-  "content": "awsui_content_gwq0h_137c3_157",
-  "content-default": "awsui_content-default_gwq0h_137c3_449",
-  "content-inline": "awsui_content-inline_gwq0h_137c3_449",
-  "content-footer": "awsui_content-footer_gwq0h_137c3_453",
-  "content-expanded": "awsui_content-expanded_gwq0h_137c3_457",
-  "content-compact": "awsui_content-compact_gwq0h_137c3_460",
-  "focusable": "awsui_focusable_gwq0h_137c3_464",
-  "click-target": "awsui_click-target_gwq0h_137c3_479"
+  "content-enter": "awsui_content-enter_gwq0h_1errh_157",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1errh_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1errh_179",
+  "icon": "awsui_icon_gwq0h_1errh_193",
+  "root": "awsui_root_gwq0h_1errh_207",
+  "expand-button": "awsui_expand-button_gwq0h_1errh_245",
+  "expanded": "awsui_expanded_gwq0h_1errh_253",
+  "icon-container": "awsui_icon-container_gwq0h_1errh_263",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_1errh_267",
+  "wrapper": "awsui_wrapper_gwq0h_1errh_271",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_1errh_279",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1errh_279",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1errh_279",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1errh_283",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_1errh_286",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1errh_290",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_1errh_303",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1errh_309",
+  "header": "awsui_header_gwq0h_1errh_303",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_1errh_346",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1errh_358",
+  "header-button": "awsui_header-button_gwq0h_1errh_364",
+  "header-container-button": "awsui_header-container-button_gwq0h_1errh_364",
+  "header-container": "awsui_header-container_gwq0h_1errh_364",
+  "header-navigation": "awsui_header-navigation_gwq0h_1errh_399",
+  "header-text": "awsui_header-text_gwq0h_1errh_436",
+  "content": "awsui_content_gwq0h_1errh_157",
+  "content-default": "awsui_content-default_gwq0h_1errh_449",
+  "content-inline": "awsui_content-inline_gwq0h_1errh_449",
+  "content-footer": "awsui_content-footer_gwq0h_1errh_453",
+  "content-expanded": "awsui_content-expanded_gwq0h_1errh_457",
+  "content-compact": "awsui_content-compact_gwq0h_1errh_460",
+  "focusable": "awsui_focusable_gwq0h_1errh_464",
+  "click-target": "awsui_click-target_gwq0h_1errh_479"
 };