@cloudscape-design/components 3.0.839 → 3.0.840

package/date-picker/styles.scoped.css

@@ -138,7 +138,7 @@
 */
 /* 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_root_145pa_1d8ct_141:not(#\9) {
+.awsui_root_145pa_1vwzw_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -147,12 +147,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -174,17 +171,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_focus-lock_145pa_1d8ct_176:not(#\9) {
+.awsui_focus-lock_145pa_1vwzw_173:not(#\9) {
   display: contents;
 }
 
-.awsui_calendar_145pa_1d8ct_180:not(#\9) {
+.awsui_calendar_145pa_1vwzw_177:not(#\9) {
   overflow: auto;
 }
-.awsui_calendar_145pa_1d8ct_180:not(#\9):focus {
+.awsui_calendar_145pa_1vwzw_177:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1d8ct_180:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1vwzw_177:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
@@ -194,20 +191,20 @@ body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1d8ct_180:not(#\9):foc
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_date-picker-container_145pa_1d8ct_196:not(#\9) {
+.awsui_date-picker-container_145pa_1vwzw_193:not(#\9) {
   position: relative;
   max-inline-size: 234px;
 }
 
-.awsui_date-picker-trigger_145pa_1d8ct_201:not(#\9) {
+.awsui_date-picker-trigger_145pa_1vwzw_198:not(#\9) {
   display: flex;
 }
 
-.awsui_date-picker-input_145pa_1d8ct_205:not(#\9) {
+.awsui_date-picker-input_145pa_1vwzw_202:not(#\9) {
   padding-inline-end: var(--space-xs-zb16t3, 8px);
   inline-size: 100%;
 }
 
-.awsui_open-calendar-button_145pa_1d8ct_210:not(#\9) {
+.awsui_open-calendar-button_145pa_1vwzw_207:not(#\9) {
   /* used in test-utils */
 }

package/date-picker/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_145pa_1d8ct_141",
-  "focus-lock": "awsui_focus-lock_145pa_1d8ct_176",
-  "calendar": "awsui_calendar_145pa_1d8ct_180",
-  "date-picker-container": "awsui_date-picker-container_145pa_1d8ct_196",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1d8ct_201",
-  "date-picker-input": "awsui_date-picker-input_145pa_1d8ct_205",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_1d8ct_210"
+  "root": "awsui_root_145pa_1vwzw_141",
+  "focus-lock": "awsui_focus-lock_145pa_1vwzw_173",
+  "calendar": "awsui_calendar_145pa_1vwzw_177",
+  "date-picker-container": "awsui_date-picker-container_145pa_1vwzw_193",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1vwzw_198",
+  "date-picker-input": "awsui_date-picker-input_145pa_1vwzw_202",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_1vwzw_207"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/dropdown.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAQpD,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,gBAAkC,CAAC;AAElF,MAAM,WAAW,4BACf,SAAQ,IAAI,CACR,QAAQ,CAAC,oBAAoB,CAAC,EAC5B,QAAQ,GACR,eAAe,GACf,cAAc,GACd,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,UAAU,GACV,iBAAiB,GACjB,mBAAmB,CACtB,EACD,IAAI,CACF,oBAAoB,EAClB,aAAa,GACb,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,iBAAiB,GACjB,aAAa,GACb,0BAA0B,GAC1B,oBAAoB,CACvB;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,KAAK,oBAAoB,CAAC,gBAAgB,CAAC;IAC7F,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,0BAA0B,EAAE,oBAAoB,CAAC,oBAAoB,GAAG,SAAS,CAAC;CACnF;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAW,EACX,WAAW,EACX,aAAa,EACb,kBAA6B,EAC7B,YAAY,EACZ,KAAK,EACL,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,aAAa,EACb,UAAU,EACV,eAAe,EACf,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,0BAA0B,EAC1B,wBAAwB,GACzB,EAAE,4BAA4B,eAuM9B"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/dropdown.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAQpD,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,gBAAkC,CAAC;AAElF,MAAM,WAAW,4BACf,SAAQ,IAAI,CACR,QAAQ,CAAC,oBAAoB,CAAC,EAC5B,QAAQ,GACR,eAAe,GACf,cAAc,GACd,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,UAAU,GACV,iBAAiB,GACjB,mBAAmB,CACtB,EACD,IAAI,CACF,oBAAoB,EAClB,aAAa,GACb,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,iBAAiB,GACjB,aAAa,GACb,0BAA0B,GAC1B,oBAAoB,CACvB;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,KAAK,oBAAoB,CAAC,gBAAgB,CAAC;IAC7F,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,0BAA0B,EAAE,oBAAoB,CAAC,oBAAoB,GAAG,SAAS,CAAC;CACnF;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAW,EACX,WAAW,EACX,aAAa,EACb,kBAA6B,EAC7B,YAAY,EACZ,KAAK,EACL,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,aAAa,EACb,UAAU,EACV,eAAe,EACf,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,0BAA0B,EAC1B,wBAAwB,GACzB,EAAE,4BAA4B,eAsM9B"}

package/date-range-picker/dropdown.js

@@ -69,7 +69,7 @@ export function DateRangePickerDropdown({ locale = '', startOfWeek, isDateEnable
     useEffect(() => { var _a; return (_a = scrollableContainerRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, [scrollableContainerRef]);
     return (React.createElement(React.Fragment, null,
         React.createElement(FocusLock, { className: styles['focus-lock'], autoFocus: true },
-            React.createElement("div", { ref: scrollableContainerRef, className: styles.dropdown, tabIndex: 0, role: "dialog", "aria-modal": "true", "aria-label": i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.ariaLabel, "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.ariaLabelledby, "aria-describedby": ariaDescribedby !== null && ariaDescribedby !== void 0 ? ariaDescribedby : i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.ariaDescribedby },
+            React.createElement("div", { ref: scrollableContainerRef, className: styles.dropdown, tabIndex: 0, role: "dialog", "aria-label": i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.ariaLabel, "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.ariaLabelledby, "aria-describedby": ariaDescribedby !== null && ariaDescribedby !== void 0 ? ariaDescribedby : i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.ariaDescribedby },
                 React.createElement("div", { className: clsx(styles['dropdown-content'], {
                         [styles['one-grid']]: isSingleGrid,
                     }) },

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/date-range-picker/dropdown.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\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalAlert from '../alert/internal';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalSpaceBetween from '../space-between/internal';\nimport Calendar from './calendar';\nimport { DateRangePickerProps } from './interfaces';\nimport ModeSwitcher from './mode-switcher';\nimport RelativeRangePicker from './relative-range';\nimport { normalizeTimeOffset } from './time-offset';\nimport { formatValue, getDefaultMode, joinAbsoluteValue, splitAbsoluteValue } from './utils';\n\nimport styles from './styles.css.js';\n\nexport const VALID_RANGE: DateRangePickerProps.ValidRangeResult = { valid: true };\n\nexport interface DateRangePickerDropdownProps\n  extends Pick<\n      Required<DateRangePickerProps>,\n      | 'locale'\n      | 'isDateEnabled'\n      | 'isValidRange'\n      | 'value'\n      | 'relativeOptions'\n      | 'showClearButton'\n      | 'dateOnly'\n      | 'timeInputFormat'\n      | 'rangeSelectorMode'\n    >,\n    Pick<\n      DateRangePickerProps,\n      | 'startOfWeek'\n      | 'getTimeOffset'\n      | 'timeOffset'\n      | 'ariaLabelledby'\n      | 'ariaDescribedby'\n      | 'i18nStrings'\n      | 'customRelativeRangeUnits'\n      | 'dateDisabledReason'\n    > {\n  onClear: () => void;\n  onApply: (value: null | DateRangePickerProps.Value) => DateRangePickerProps.ValidationResult;\n  onDropdownClose: () => void;\n  isSingleGrid: boolean;\n  customAbsoluteRangeControl: DateRangePickerProps.AbsoluteRangeControl | undefined;\n}\n\nexport function DateRangePickerDropdown({\n  locale = '',\n  startOfWeek,\n  isDateEnabled,\n  dateDisabledReason = () => '',\n  isValidRange,\n  value,\n  onClear: clearValue,\n  onApply: applyValue,\n  getTimeOffset,\n  timeOffset,\n  onDropdownClose,\n  relativeOptions,\n  showClearButton,\n  isSingleGrid,\n  i18nStrings,\n  dateOnly,\n  timeInputFormat,\n  rangeSelectorMode,\n  ariaLabelledby,\n  ariaDescribedby,\n  customAbsoluteRangeControl,\n  customRelativeRangeUnits,\n}: DateRangePickerDropdownProps) {\n  const i18n = useInternalI18n('date-range-picker');\n\n  const [rangeSelectionMode, setRangeSelectionMode] = useState<'absolute' | 'relative'>(\n    getDefaultMode(value, relativeOptions, rangeSelectorMode)\n  );\n\n  const [selectedAbsoluteRange, setSelectedAbsoluteRange] = useState<DateRangePickerProps.PendingAbsoluteValue>(() =>\n    splitAbsoluteValue(value?.type === 'absolute' ? value : null)\n  );\n\n  const [selectedRelativeRange, setSelectedRelativeRange] = useState<DateRangePickerProps.RelativeValue | null>(\n    value?.type === 'relative' ? value : null\n  );\n\n  const scrollableContainerRef = useRef<HTMLDivElement | null>(null);\n  const applyButtonRef = useRef<ButtonProps.Ref>(null);\n\n  const [applyClicked, setApplyClicked] = useState<boolean>(false);\n\n  const [validationResult, setValidationResult] = useState<\n    DateRangePickerProps.ValidRangeResult | DateRangePickerProps.InvalidRangeResult\n  >(VALID_RANGE);\n\n  const closeDropdown = () => {\n    setApplyClicked(false);\n    onDropdownClose();\n  };\n\n  const onClear = () => {\n    closeDropdown();\n    clearValue();\n  };\n\n  const onApply = () => {\n    const newValue =\n      rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n    const newValidationResult = applyValue(newValue);\n    if (newValidationResult.valid === false) {\n      setApplyClicked(true);\n      setValidationResult(newValidationResult);\n    } else {\n      setApplyClicked(false);\n      closeDropdown();\n    }\n  };\n\n  useEffect(() => {\n    if (applyClicked) {\n      const visibleRange =\n        rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n      const formattedRange = formatValue(visibleRange, {\n        dateOnly,\n        timeOffset: normalizeTimeOffset(visibleRange, getTimeOffset, timeOffset),\n      });\n      const newValidationResult = isValidRange(formattedRange);\n      setValidationResult(newValidationResult || VALID_RANGE);\n    }\n  }, [\n    applyClicked,\n    isValidRange,\n    rangeSelectionMode,\n    selectedRelativeRange,\n    selectedAbsoluteRange,\n    setValidationResult,\n    dateOnly,\n    getTimeOffset,\n    timeOffset,\n  ]);\n\n  useEffect(() => scrollableContainerRef.current?.focus(), [scrollableContainerRef]);\n\n  return (\n    <>\n      <FocusLock className={styles['focus-lock']} autoFocus={true}>\n        <div\n          ref={scrollableContainerRef}\n          className={styles.dropdown}\n          tabIndex={0}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={i18nStrings?.ariaLabel}\n          aria-labelledby={ariaLabelledby ?? i18nStrings?.ariaLabelledby}\n          aria-describedby={ariaDescribedby ?? i18nStrings?.ariaDescribedby}\n        >\n          <div\n            className={clsx(styles['dropdown-content'], {\n              [styles['one-grid']]: isSingleGrid,\n            })}\n          >\n            <InternalSpaceBetween size=\"l\">\n              <InternalBox padding={{ top: 'm', horizontal: 'l' }}>\n                <InternalSpaceBetween direction=\"vertical\" size=\"s\">\n                  {rangeSelectorMode === 'default' && (\n                    <ModeSwitcher\n                      mode={rangeSelectionMode}\n                      onChange={(mode: 'absolute' | 'relative') => {\n                        setRangeSelectionMode(mode);\n                        setApplyClicked(false);\n                        setValidationResult(VALID_RANGE);\n                      }}\n                      i18nStrings={i18nStrings}\n                    />\n                  )}\n\n                  {rangeSelectionMode === 'absolute' && (\n                    <Calendar\n                      value={selectedAbsoluteRange}\n                      setValue={setSelectedAbsoluteRange}\n                      locale={locale}\n                      startOfWeek={startOfWeek}\n                      isDateEnabled={isDateEnabled}\n                      dateDisabledReason={dateDisabledReason}\n                      i18nStrings={i18nStrings}\n                      dateOnly={dateOnly}\n                      timeInputFormat={timeInputFormat}\n                      customAbsoluteRangeControl={customAbsoluteRangeControl}\n                    />\n                  )}\n\n                  {rangeSelectionMode === 'relative' && (\n                    <RelativeRangePicker\n                      isSingleGrid={isSingleGrid}\n                      options={relativeOptions}\n                      dateOnly={dateOnly}\n                      initialSelection={selectedRelativeRange}\n                      onChange={range => setSelectedRelativeRange(range)}\n                      i18nStrings={i18nStrings}\n                      customUnits={customRelativeRangeUnits}\n                    />\n                  )}\n                </InternalSpaceBetween>\n\n                <InternalBox\n                  className={styles['validation-section']}\n                  margin={!validationResult.valid ? { top: 's' } : undefined}\n                >\n                  {!validationResult.valid && (\n                    <>\n                      <InternalAlert\n                        type=\"error\"\n                        statusIconAriaLabel={i18n('i18nStrings.errorIconAriaLabel', i18nStrings?.errorIconAriaLabel)}\n                      >\n                        <span className={styles['validation-error']}>{validationResult.errorMessage}</span>\n                      </InternalAlert>\n                      <InternalLiveRegion hidden={true} tagName=\"span\">\n                        {validationResult.errorMessage}\n                      </InternalLiveRegion>\n                    </>\n                  )}\n                </InternalBox>\n              </InternalBox>\n\n              <div\n                className={clsx(styles.footer, {\n                  [styles['one-grid']]: isSingleGrid,\n                  [styles['has-clear-button']]: showClearButton,\n                })}\n              >\n                {showClearButton && (\n                  <div className={styles['footer-button-wrapper']}>\n                    <InternalButton\n                      onClick={onClear}\n                      className={styles['clear-button']}\n                      variant=\"link\"\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.clearButtonLabel', i18nStrings?.clearButtonLabel)}\n                    </InternalButton>\n                  </div>\n                )}\n                <div className={styles['footer-button-wrapper']}>\n                  <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n                    <InternalButton\n                      onClick={closeDropdown}\n                      className={styles['cancel-button']}\n                      variant=\"link\"\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.cancelButtonLabel', i18nStrings?.cancelButtonLabel)}\n                    </InternalButton>\n\n                    <InternalButton\n                      onClick={onApply}\n                      className={styles['apply-button']}\n                      ref={applyButtonRef}\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.applyButtonLabel', i18nStrings?.applyButtonLabel)}\n                    </InternalButton>\n                  </InternalSpaceBetween>\n                </div>\n              </div>\n            </InternalSpaceBetween>\n          </div>\n        </div>\n      </FocusLock>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/date-range-picker/dropdown.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\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalAlert from '../alert/internal';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalSpaceBetween from '../space-between/internal';\nimport Calendar from './calendar';\nimport { DateRangePickerProps } from './interfaces';\nimport ModeSwitcher from './mode-switcher';\nimport RelativeRangePicker from './relative-range';\nimport { normalizeTimeOffset } from './time-offset';\nimport { formatValue, getDefaultMode, joinAbsoluteValue, splitAbsoluteValue } from './utils';\n\nimport styles from './styles.css.js';\n\nexport const VALID_RANGE: DateRangePickerProps.ValidRangeResult = { valid: true };\n\nexport interface DateRangePickerDropdownProps\n  extends Pick<\n      Required<DateRangePickerProps>,\n      | 'locale'\n      | 'isDateEnabled'\n      | 'isValidRange'\n      | 'value'\n      | 'relativeOptions'\n      | 'showClearButton'\n      | 'dateOnly'\n      | 'timeInputFormat'\n      | 'rangeSelectorMode'\n    >,\n    Pick<\n      DateRangePickerProps,\n      | 'startOfWeek'\n      | 'getTimeOffset'\n      | 'timeOffset'\n      | 'ariaLabelledby'\n      | 'ariaDescribedby'\n      | 'i18nStrings'\n      | 'customRelativeRangeUnits'\n      | 'dateDisabledReason'\n    > {\n  onClear: () => void;\n  onApply: (value: null | DateRangePickerProps.Value) => DateRangePickerProps.ValidationResult;\n  onDropdownClose: () => void;\n  isSingleGrid: boolean;\n  customAbsoluteRangeControl: DateRangePickerProps.AbsoluteRangeControl | undefined;\n}\n\nexport function DateRangePickerDropdown({\n  locale = '',\n  startOfWeek,\n  isDateEnabled,\n  dateDisabledReason = () => '',\n  isValidRange,\n  value,\n  onClear: clearValue,\n  onApply: applyValue,\n  getTimeOffset,\n  timeOffset,\n  onDropdownClose,\n  relativeOptions,\n  showClearButton,\n  isSingleGrid,\n  i18nStrings,\n  dateOnly,\n  timeInputFormat,\n  rangeSelectorMode,\n  ariaLabelledby,\n  ariaDescribedby,\n  customAbsoluteRangeControl,\n  customRelativeRangeUnits,\n}: DateRangePickerDropdownProps) {\n  const i18n = useInternalI18n('date-range-picker');\n\n  const [rangeSelectionMode, setRangeSelectionMode] = useState<'absolute' | 'relative'>(\n    getDefaultMode(value, relativeOptions, rangeSelectorMode)\n  );\n\n  const [selectedAbsoluteRange, setSelectedAbsoluteRange] = useState<DateRangePickerProps.PendingAbsoluteValue>(() =>\n    splitAbsoluteValue(value?.type === 'absolute' ? value : null)\n  );\n\n  const [selectedRelativeRange, setSelectedRelativeRange] = useState<DateRangePickerProps.RelativeValue | null>(\n    value?.type === 'relative' ? value : null\n  );\n\n  const scrollableContainerRef = useRef<HTMLDivElement | null>(null);\n  const applyButtonRef = useRef<ButtonProps.Ref>(null);\n\n  const [applyClicked, setApplyClicked] = useState<boolean>(false);\n\n  const [validationResult, setValidationResult] = useState<\n    DateRangePickerProps.ValidRangeResult | DateRangePickerProps.InvalidRangeResult\n  >(VALID_RANGE);\n\n  const closeDropdown = () => {\n    setApplyClicked(false);\n    onDropdownClose();\n  };\n\n  const onClear = () => {\n    closeDropdown();\n    clearValue();\n  };\n\n  const onApply = () => {\n    const newValue =\n      rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n    const newValidationResult = applyValue(newValue);\n    if (newValidationResult.valid === false) {\n      setApplyClicked(true);\n      setValidationResult(newValidationResult);\n    } else {\n      setApplyClicked(false);\n      closeDropdown();\n    }\n  };\n\n  useEffect(() => {\n    if (applyClicked) {\n      const visibleRange =\n        rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n      const formattedRange = formatValue(visibleRange, {\n        dateOnly,\n        timeOffset: normalizeTimeOffset(visibleRange, getTimeOffset, timeOffset),\n      });\n      const newValidationResult = isValidRange(formattedRange);\n      setValidationResult(newValidationResult || VALID_RANGE);\n    }\n  }, [\n    applyClicked,\n    isValidRange,\n    rangeSelectionMode,\n    selectedRelativeRange,\n    selectedAbsoluteRange,\n    setValidationResult,\n    dateOnly,\n    getTimeOffset,\n    timeOffset,\n  ]);\n\n  useEffect(() => scrollableContainerRef.current?.focus(), [scrollableContainerRef]);\n\n  return (\n    <>\n      <FocusLock className={styles['focus-lock']} autoFocus={true}>\n        <div\n          ref={scrollableContainerRef}\n          className={styles.dropdown}\n          tabIndex={0}\n          role=\"dialog\"\n          aria-label={i18nStrings?.ariaLabel}\n          aria-labelledby={ariaLabelledby ?? i18nStrings?.ariaLabelledby}\n          aria-describedby={ariaDescribedby ?? i18nStrings?.ariaDescribedby}\n        >\n          <div\n            className={clsx(styles['dropdown-content'], {\n              [styles['one-grid']]: isSingleGrid,\n            })}\n          >\n            <InternalSpaceBetween size=\"l\">\n              <InternalBox padding={{ top: 'm', horizontal: 'l' }}>\n                <InternalSpaceBetween direction=\"vertical\" size=\"s\">\n                  {rangeSelectorMode === 'default' && (\n                    <ModeSwitcher\n                      mode={rangeSelectionMode}\n                      onChange={(mode: 'absolute' | 'relative') => {\n                        setRangeSelectionMode(mode);\n                        setApplyClicked(false);\n                        setValidationResult(VALID_RANGE);\n                      }}\n                      i18nStrings={i18nStrings}\n                    />\n                  )}\n\n                  {rangeSelectionMode === 'absolute' && (\n                    <Calendar\n                      value={selectedAbsoluteRange}\n                      setValue={setSelectedAbsoluteRange}\n                      locale={locale}\n                      startOfWeek={startOfWeek}\n                      isDateEnabled={isDateEnabled}\n                      dateDisabledReason={dateDisabledReason}\n                      i18nStrings={i18nStrings}\n                      dateOnly={dateOnly}\n                      timeInputFormat={timeInputFormat}\n                      customAbsoluteRangeControl={customAbsoluteRangeControl}\n                    />\n                  )}\n\n                  {rangeSelectionMode === 'relative' && (\n                    <RelativeRangePicker\n                      isSingleGrid={isSingleGrid}\n                      options={relativeOptions}\n                      dateOnly={dateOnly}\n                      initialSelection={selectedRelativeRange}\n                      onChange={range => setSelectedRelativeRange(range)}\n                      i18nStrings={i18nStrings}\n                      customUnits={customRelativeRangeUnits}\n                    />\n                  )}\n                </InternalSpaceBetween>\n\n                <InternalBox\n                  className={styles['validation-section']}\n                  margin={!validationResult.valid ? { top: 's' } : undefined}\n                >\n                  {!validationResult.valid && (\n                    <>\n                      <InternalAlert\n                        type=\"error\"\n                        statusIconAriaLabel={i18n('i18nStrings.errorIconAriaLabel', i18nStrings?.errorIconAriaLabel)}\n                      >\n                        <span className={styles['validation-error']}>{validationResult.errorMessage}</span>\n                      </InternalAlert>\n                      <InternalLiveRegion hidden={true} tagName=\"span\">\n                        {validationResult.errorMessage}\n                      </InternalLiveRegion>\n                    </>\n                  )}\n                </InternalBox>\n              </InternalBox>\n\n              <div\n                className={clsx(styles.footer, {\n                  [styles['one-grid']]: isSingleGrid,\n                  [styles['has-clear-button']]: showClearButton,\n                })}\n              >\n                {showClearButton && (\n                  <div className={styles['footer-button-wrapper']}>\n                    <InternalButton\n                      onClick={onClear}\n                      className={styles['clear-button']}\n                      variant=\"link\"\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.clearButtonLabel', i18nStrings?.clearButtonLabel)}\n                    </InternalButton>\n                  </div>\n                )}\n                <div className={styles['footer-button-wrapper']}>\n                  <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n                    <InternalButton\n                      onClick={closeDropdown}\n                      className={styles['cancel-button']}\n                      variant=\"link\"\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.cancelButtonLabel', i18nStrings?.cancelButtonLabel)}\n                    </InternalButton>\n\n                    <InternalButton\n                      onClick={onApply}\n                      className={styles['apply-button']}\n                      ref={applyButtonRef}\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.applyButtonLabel', i18nStrings?.applyButtonLabel)}\n                    </InternalButton>\n                  </InternalSpaceBetween>\n                </div>\n              </div>\n            </InternalSpaceBetween>\n          </div>\n        </div>\n      </FocusLock>\n    </>\n  );\n}\n"]}

package/date-range-picker/styles.css.js

@@ -1,43 +1,43 @@
 
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_mgja0_1tqik_149",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1tqik_1",
-  "root": "awsui_root_mgja0_1tqik_172",
-  "wide": "awsui_wide_mgja0_1tqik_206",
-  "focus-lock": "awsui_focus-lock_mgja0_1tqik_213",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_1tqik_217",
-  "calendar-container": "awsui_calendar-container_mgja0_1tqik_221",
-  "one-grid": "awsui_one-grid_mgja0_1tqik_224",
-  "calendar-header": "awsui_calendar-header_mgja0_1tqik_228",
-  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_1tqik_234",
-  "calendar-header-month": "awsui_calendar-header-month_mgja0_1tqik_234",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_1tqik_253",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_1tqik_256",
-  "first-grid": "awsui_first-grid_mgja0_1tqik_260",
-  "second-grid": "awsui_second-grid_mgja0_1tqik_261",
-  "date-and-time-container": "awsui_date-and-time-container_mgja0_1tqik_265",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1tqik_271",
-  "footer": "awsui_footer_mgja0_1tqik_278",
-  "has-clear-button": "awsui_has-clear-button_mgja0_1tqik_287",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1tqik_296",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_1tqik_303",
-  "label": "awsui_label_mgja0_1tqik_308",
-  "label-enabled": "awsui_label-enabled_mgja0_1tqik_313",
-  "label-text": "awsui_label-text_mgja0_1tqik_317",
-  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_1tqik_322",
-  "mode-switch": "awsui_mode-switch_mgja0_1tqik_326",
-  "dropdown": "awsui_dropdown_mgja0_1tqik_330",
-  "dropdown-content": "awsui_dropdown-content_mgja0_1tqik_352",
-  "start-date-input": "awsui_start-date-input_mgja0_1tqik_361",
-  "start-time-input": "awsui_start-time-input_mgja0_1tqik_362",
-  "end-date-input": "awsui_end-date-input_mgja0_1tqik_363",
-  "end-time-input": "awsui_end-time-input_mgja0_1tqik_364",
-  "validation-section": "awsui_validation-section_mgja0_1tqik_368",
-  "validation-error": "awsui_validation-error_mgja0_1tqik_372",
-  "clear-button": "awsui_clear-button_mgja0_1tqik_376",
-  "apply-button": "awsui_apply-button_mgja0_1tqik_380",
-  "cancel-button": "awsui_cancel-button_mgja0_1tqik_384",
-  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_1tqik_388"
+  "calendar": "awsui_calendar_mgja0_16597_149",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_16597_1",
+  "root": "awsui_root_mgja0_16597_172",
+  "wide": "awsui_wide_mgja0_16597_203",
+  "focus-lock": "awsui_focus-lock_mgja0_16597_210",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_16597_214",
+  "calendar-container": "awsui_calendar-container_mgja0_16597_218",
+  "one-grid": "awsui_one-grid_mgja0_16597_221",
+  "calendar-header": "awsui_calendar-header_mgja0_16597_225",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_16597_231",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_16597_231",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_16597_250",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_16597_253",
+  "first-grid": "awsui_first-grid_mgja0_16597_257",
+  "second-grid": "awsui_second-grid_mgja0_16597_258",
+  "date-and-time-container": "awsui_date-and-time-container_mgja0_16597_262",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_16597_268",
+  "footer": "awsui_footer_mgja0_16597_275",
+  "has-clear-button": "awsui_has-clear-button_mgja0_16597_284",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_16597_293",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_16597_300",
+  "label": "awsui_label_mgja0_16597_305",
+  "label-enabled": "awsui_label-enabled_mgja0_16597_310",
+  "label-text": "awsui_label-text_mgja0_16597_314",
+  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_16597_319",
+  "mode-switch": "awsui_mode-switch_mgja0_16597_323",
+  "dropdown": "awsui_dropdown_mgja0_16597_327",
+  "dropdown-content": "awsui_dropdown-content_mgja0_16597_349",
+  "start-date-input": "awsui_start-date-input_mgja0_16597_358",
+  "start-time-input": "awsui_start-time-input_mgja0_16597_359",
+  "end-date-input": "awsui_end-date-input_mgja0_16597_360",
+  "end-time-input": "awsui_end-time-input_mgja0_16597_361",
+  "validation-section": "awsui_validation-section_mgja0_16597_365",
+  "validation-error": "awsui_validation-error_mgja0_16597_369",
+  "clear-button": "awsui_clear-button_mgja0_16597_373",
+  "apply-button": "awsui_apply-button_mgja0_16597_377",
+  "cancel-button": "awsui_cancel-button_mgja0_16597_381",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_16597_385"
 };
   

package/date-range-picker/styles.scoped.css

@@ -146,11 +146,11 @@ 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_calendar_mgja0_1tqik_149:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_mgja0_1tqik_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
+.awsui_calendar_mgja0_16597_149:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_mgja0_16597_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_mgja0_1tqik_1 {
+@keyframes awsui_awsui-motion-fade-in-0_mgja0_16597_1 {
   from {
     opacity: 0;
   }
@@ -159,17 +159,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_mgja0_1tqik_149:not(#\9) {
+  .awsui_calendar_mgja0_16597_149:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_mgja0_1tqik_149:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_1tqik_149:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_mgja0_16597_149:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_16597_149:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_mgja0_1tqik_172:not(#\9) {
+.awsui_root_mgja0_16597_172:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -178,12 +178,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -204,35 +201,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_mgja0_1tqik_172:not(#\9):not(.awsui_wide_mgja0_1tqik_206) {
+.awsui_root_mgja0_16597_172:not(#\9):not(.awsui_wide_mgja0_16597_203) {
   max-inline-size: 32em;
 }
-.awsui_root_mgja0_1tqik_172.awsui_wide_mgja0_1tqik_206:not(#\9) {
+.awsui_root_mgja0_16597_172.awsui_wide_mgja0_16597_203:not(#\9) {
   max-inline-size: 39em;
 }
 
-.awsui_focus-lock_mgja0_1tqik_213:not(#\9) {
+.awsui_focus-lock_mgja0_16597_210:not(#\9) {
   display: contents;
 }
 
-.awsui_trigger-flexbox_mgja0_1tqik_217:not(#\9) {
+.awsui_trigger-flexbox_mgja0_16597_214:not(#\9) {
   display: flex;
 }
 
-.awsui_calendar-container_mgja0_1tqik_221:not(#\9) {
+.awsui_calendar-container_mgja0_16597_218:not(#\9) {
   inline-size: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_calendar-container_mgja0_1tqik_221.awsui_one-grid_mgja0_1tqik_224:not(#\9) {
+.awsui_calendar-container_mgja0_16597_218.awsui_one-grid_mgja0_16597_221:not(#\9) {
   inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
 }
 
-.awsui_calendar-header_mgja0_1tqik_228:not(#\9) {
+.awsui_calendar-header_mgja0_16597_225:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_calendar-header-months-wrapper_mgja0_1tqik_234:not(#\9) {
+.awsui_calendar-header-months-wrapper_mgja0_16597_231:not(#\9) {
   position: absolute;
   inset: 0;
   margin-block: 0;
@@ -243,7 +240,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1;
   pointer-events: none;
 }
-.awsui_calendar-header-month_mgja0_1tqik_234:not(#\9) {
+.awsui_calendar-header-month_mgja0_16597_231:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: 700;
@@ -251,32 +248,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   pointer-events: auto;
 }
-.awsui_calendar-next-month-btn_mgja0_1tqik_253:not(#\9) {
+.awsui_calendar-next-month-btn_mgja0_16597_250:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_mgja0_1tqik_256:not(#\9) {
+.awsui_calendar-prev-month-btn_mgja0_16597_253:not(#\9) {
   /* used for identifying element */
 }
 
-.awsui_first-grid_mgja0_1tqik_260:not(#\9),
-.awsui_second-grid_mgja0_1tqik_261:not(#\9) {
+.awsui_first-grid_mgja0_16597_257:not(#\9),
+.awsui_second-grid_mgja0_16597_258:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_date-and-time-container_mgja0_1tqik_265:not(#\9) {
+.awsui_date-and-time-container_mgja0_16597_262:not(#\9) {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-lrunz7, 238px), 1fr));
   gap: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_date-and-time-wrapper_mgja0_1tqik_271:not(#\9) {
+.awsui_date-and-time-wrapper_mgja0_16597_268:not(#\9) {
   inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
   display: grid;
   gap: var(--space-xs-zb16t3, 8px);
   grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
 }
 
-.awsui_footer_mgja0_1tqik_278:not(#\9) {
+.awsui_footer_mgja0_16597_275:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
@@ -285,51 +282,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-s-34lx8l, 12px);
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_footer_mgja0_1tqik_278.awsui_has-clear-button_mgja0_1tqik_287:not(#\9) {
+.awsui_footer_mgja0_16597_275.awsui_has-clear-button_mgja0_16597_284:not(#\9) {
   justify-content: space-between;
 }
-.awsui_footer_mgja0_1tqik_278.awsui_one-grid_mgja0_1tqik_224:not(#\9) {
+.awsui_footer_mgja0_16597_275.awsui_one-grid_mgja0_16597_221:not(#\9) {
   padding-block-start: 0;
   padding-block-end: var(--space-s-34lx8l, 12px);
   padding-inline: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_footer-button-wrapper_mgja0_1tqik_296:not(#\9) {
+.awsui_footer-button-wrapper_mgja0_16597_293:not(#\9) {
   padding-block-start: var(--space-s-34lx8l, 12px);
 }
-.awsui_footer-button-wrapper_mgja0_1tqik_296:not(#\9):last-child {
+.awsui_footer-button-wrapper_mgja0_16597_293:not(#\9):last-child {
   margin-inline-start: auto;
 }
 
-.awsui_icon-wrapper_mgja0_1tqik_303:not(#\9) {
+.awsui_icon-wrapper_mgja0_16597_300:not(#\9) {
   color: var(--color-text-interactive-default-tkx8fe, #424650);
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_label_mgja0_1tqik_308:not(#\9) {
+.awsui_label_mgja0_16597_305:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   cursor: default;
 }
 
-.awsui_label_mgja0_1tqik_308.awsui_label-enabled_mgja0_1tqik_313:not(#\9):hover > .awsui_trigger-flexbox_mgja0_1tqik_217 > .awsui_icon-wrapper_mgja0_1tqik_303 {
+.awsui_label_mgja0_16597_305.awsui_label-enabled_mgja0_16597_310:not(#\9):hover > .awsui_trigger-flexbox_mgja0_16597_214 > .awsui_icon-wrapper_mgja0_16597_300 {
   color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
 }
 
-.awsui_label-text_mgja0_1tqik_317:not(#\9) {
+.awsui_label-text_mgja0_16597_314:not(#\9) {
   color: var(--color-text-input-placeholder-f3x213, #656871);
   font-style: italic;
 }
 
-.awsui_label-token-nowrap_mgja0_1tqik_322:not(#\9) {
+.awsui_label-token-nowrap_mgja0_16597_319:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_mode-switch_mgja0_1tqik_326:not(#\9) {
+.awsui_mode-switch_mgja0_16597_323:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dropdown_mgja0_1tqik_330:not(#\9) {
+.awsui_dropdown_mgja0_16597_327:not(#\9) {
   overflow: auto;
   border-block-start: 1px solid var(--color-border-container-top-736buh, transparent);
   border-block-end: 1px solid var(--color-border-container-top-736buh, transparent);
@@ -338,10 +335,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
   border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
 }
-.awsui_dropdown_mgja0_1tqik_330:not(#\9):focus {
+.awsui_dropdown_mgja0_16597_327:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_1tqik_330:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_16597_327:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
@@ -351,43 +348,43 @@ body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_1tqik_330:not(#\9):foc
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_dropdown-content_mgja0_1tqik_352:not(#\9) {
+.awsui_dropdown-content_mgja0_16597_349:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   inline-size: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px) + 2 * var(--space-l-t419sm, 20px));
 }
-.awsui_dropdown-content_mgja0_1tqik_352.awsui_one-grid_mgja0_1tqik_224:not(#\9) {
+.awsui_dropdown-content_mgja0_16597_349.awsui_one-grid_mgja0_16597_221:not(#\9) {
   inline-size: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
 }
 
-.awsui_start-date-input_mgja0_1tqik_361:not(#\9),
-.awsui_start-time-input_mgja0_1tqik_362:not(#\9),
-.awsui_end-date-input_mgja0_1tqik_363:not(#\9),
-.awsui_end-time-input_mgja0_1tqik_364:not(#\9) {
+.awsui_start-date-input_mgja0_16597_358:not(#\9),
+.awsui_start-time-input_mgja0_16597_359:not(#\9),
+.awsui_end-date-input_mgja0_16597_360:not(#\9),
+.awsui_end-time-input_mgja0_16597_361:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_validation-section_mgja0_1tqik_368:not(#\9) {
+.awsui_validation-section_mgja0_16597_365:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_validation-error_mgja0_1tqik_372:not(#\9) {
+.awsui_validation-error_mgja0_16597_369:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_clear-button_mgja0_1tqik_376:not(#\9) {
+.awsui_clear-button_mgja0_16597_373:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_apply-button_mgja0_1tqik_380:not(#\9) {
+.awsui_apply-button_mgja0_16597_377:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_cancel-button_mgja0_1tqik_384:not(#\9) {
+.awsui_cancel-button_mgja0_16597_381:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar-aria-live_mgja0_1tqik_388:not(#\9) {
+.awsui_calendar-aria-live_mgja0_16597_385:not(#\9) {
   /* used in test-utils */
 }

package/date-range-picker/styles.selectors.js

@@ -2,43 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_mgja0_1tqik_149",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1tqik_1",
-  "root": "awsui_root_mgja0_1tqik_172",
-  "wide": "awsui_wide_mgja0_1tqik_206",
-  "focus-lock": "awsui_focus-lock_mgja0_1tqik_213",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_1tqik_217",
-  "calendar-container": "awsui_calendar-container_mgja0_1tqik_221",
-  "one-grid": "awsui_one-grid_mgja0_1tqik_224",
-  "calendar-header": "awsui_calendar-header_mgja0_1tqik_228",
-  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_1tqik_234",
-  "calendar-header-month": "awsui_calendar-header-month_mgja0_1tqik_234",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_1tqik_253",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_1tqik_256",
-  "first-grid": "awsui_first-grid_mgja0_1tqik_260",
-  "second-grid": "awsui_second-grid_mgja0_1tqik_261",
-  "date-and-time-container": "awsui_date-and-time-container_mgja0_1tqik_265",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1tqik_271",
-  "footer": "awsui_footer_mgja0_1tqik_278",
-  "has-clear-button": "awsui_has-clear-button_mgja0_1tqik_287",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1tqik_296",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_1tqik_303",
-  "label": "awsui_label_mgja0_1tqik_308",
-  "label-enabled": "awsui_label-enabled_mgja0_1tqik_313",
-  "label-text": "awsui_label-text_mgja0_1tqik_317",
-  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_1tqik_322",
-  "mode-switch": "awsui_mode-switch_mgja0_1tqik_326",
-  "dropdown": "awsui_dropdown_mgja0_1tqik_330",
-  "dropdown-content": "awsui_dropdown-content_mgja0_1tqik_352",
-  "start-date-input": "awsui_start-date-input_mgja0_1tqik_361",
-  "start-time-input": "awsui_start-time-input_mgja0_1tqik_362",
-  "end-date-input": "awsui_end-date-input_mgja0_1tqik_363",
-  "end-time-input": "awsui_end-time-input_mgja0_1tqik_364",
-  "validation-section": "awsui_validation-section_mgja0_1tqik_368",
-  "validation-error": "awsui_validation-error_mgja0_1tqik_372",
-  "clear-button": "awsui_clear-button_mgja0_1tqik_376",
-  "apply-button": "awsui_apply-button_mgja0_1tqik_380",
-  "cancel-button": "awsui_cancel-button_mgja0_1tqik_384",
-  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_1tqik_388"
+  "calendar": "awsui_calendar_mgja0_16597_149",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_16597_1",
+  "root": "awsui_root_mgja0_16597_172",
+  "wide": "awsui_wide_mgja0_16597_203",
+  "focus-lock": "awsui_focus-lock_mgja0_16597_210",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_16597_214",
+  "calendar-container": "awsui_calendar-container_mgja0_16597_218",
+  "one-grid": "awsui_one-grid_mgja0_16597_221",
+  "calendar-header": "awsui_calendar-header_mgja0_16597_225",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_16597_231",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_16597_231",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_16597_250",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_16597_253",
+  "first-grid": "awsui_first-grid_mgja0_16597_257",
+  "second-grid": "awsui_second-grid_mgja0_16597_258",
+  "date-and-time-container": "awsui_date-and-time-container_mgja0_16597_262",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_16597_268",
+  "footer": "awsui_footer_mgja0_16597_275",
+  "has-clear-button": "awsui_has-clear-button_mgja0_16597_284",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_16597_293",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_16597_300",
+  "label": "awsui_label_mgja0_16597_305",
+  "label-enabled": "awsui_label-enabled_mgja0_16597_310",
+  "label-text": "awsui_label-text_mgja0_16597_314",
+  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_16597_319",
+  "mode-switch": "awsui_mode-switch_mgja0_16597_323",
+  "dropdown": "awsui_dropdown_mgja0_16597_327",
+  "dropdown-content": "awsui_dropdown-content_mgja0_16597_349",
+  "start-date-input": "awsui_start-date-input_mgja0_16597_358",
+  "start-time-input": "awsui_start-time-input_mgja0_16597_359",
+  "end-date-input": "awsui_end-date-input_mgja0_16597_360",
+  "end-time-input": "awsui_end-time-input_mgja0_16597_361",
+  "validation-section": "awsui_validation-section_mgja0_16597_365",
+  "validation-error": "awsui_validation-error_mgja0_16597_369",
+  "clear-button": "awsui_clear-button_mgja0_16597_373",
+  "apply-button": "awsui_apply-button_mgja0_16597_377",
+  "cancel-button": "awsui_cancel-button_mgja0_16597_381",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_16597_385"
 };