npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.60 → 3.0.62 - Mend

@cloudscape-design/components-themeable 3.0.60 → 3.0.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/lib/internal/template/calendar/styles.scoped.css CHANGED Viewed

@@ -90,11 +90,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_1ykar_1lht6_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1ykar_1lht6_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
+.awsui_calendar_1ykar_5qnhi_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1ykar_5qnhi_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1ykar_1lht6_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1ykar_5qnhi_1 {
   from {
     opacity: 0;
   }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_1ykar_1lht6_93:not(#\9) {
+  .awsui_calendar_1ykar_5qnhi_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_1ykar_1lht6_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_1lht6_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_1ykar_5qnhi_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_5qnhi_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -117,11 +117,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_root_1ykar_1lht6_120:not(#\9) {
+.awsui_root_1ykar_5qnhi_120:not(#\9) {
   /* used in test-utils */
 }
-.awsui_calendar_1ykar_1lht6_93:not(#\9) {
+.awsui_calendar_1ykar_5qnhi_93:not(#\9) {
   display: block;
   width: 234px;
   overflow: auto;
@@ -160,31 +160,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_calendar-inner_1ykar_1lht6_137:not(#\9) {
+.awsui_calendar-inner_1ykar_5qnhi_137:not(#\9) {
   margin: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_calendar-header_1ykar_1lht6_140:not(#\9) {
+.awsui_calendar-header_1ykar_5qnhi_140:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-month_1ykar_1lht6_145:not(#\9) {
+.awsui_calendar-header-month_1ykar_5qnhi_145:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: 700;
   color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
 }
-.awsui_calendar-next-month-btn_1ykar_1lht6_151:not(#\9) {
+.awsui_calendar-next-month-btn_1ykar_5qnhi_151:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_1ykar_1lht6_154:not(#\9) {
+.awsui_calendar-prev-month-btn_1ykar_5qnhi_154:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-names_1ykar_1lht6_157:not(#\9) {
+.awsui_calendar-day-names_1ykar_5qnhi_157:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day-name_1ykar_1lht6_157:not(#\9) {
+.awsui_calendar-day-name_1ykar_5qnhi_157:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -195,74 +195,79 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
 }
-.awsui_calendar-dates_1ykar_1lht6_172:not(#\9) {
+.awsui_calendar-dates_1ykar_5qnhi_172:not(#\9) {
   border: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
 }
-.awsui_calendar-week_1ykar_1lht6_175:not(#\9) {
+.awsui_calendar-week_1ykar_5qnhi_175:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day_1ykar_1lht6_157:not(#\9) {
+.awsui_calendar-day_1ykar_5qnhi_157:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
   text-align: center;
   border-bottom: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
   border-right: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
-  border-radius: var(--border-radius-item-wjpc1f, 0px);
   padding: var(--space-xxs-ynfts5, 4px) 0;
   color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
   position: relative;
 }
-.awsui_calendar-day_1ykar_1lht6_157:not(#\9):last-child {
+.awsui_calendar-day_1ykar_5qnhi_157:not(#\9):last-child {
   border-right: none;
 }
-.awsui_calendar-day-in-last-week_1ykar_1lht6_194:not(#\9) {
+.awsui_calendar-day-in-last-week_1ykar_5qnhi_193:not(#\9) {
   border-bottom: none;
 }
-.awsui_calendar-day-focusable_1ykar_1lht6_197:not(#\9) {
+.awsui_calendar-day-focusable_1ykar_5qnhi_196:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-enabled_1ykar_1lht6_200:not(#\9) {
+.awsui_calendar-day-enabled_1ykar_5qnhi_199:not(#\9) {
   cursor: pointer;
   color: var(--color-text-dropdown-item-secondary-8hw5go, #687078);
 }
-.awsui_calendar-day-enabled_1ykar_1lht6_200.awsui_calendar-day-current-month_1ykar_1lht6_204:not(#\9) {
+.awsui_calendar-day-enabled_1ykar_5qnhi_199:not(#\9)::after {
+  border-radius: var(--border-radius-item-wjpc1f, 0px);
+}
+.awsui_calendar-day-enabled_1ykar_5qnhi_199.awsui_calendar-day-current-month_1ykar_5qnhi_206:not(#\9) {
   color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
 }
-.awsui_calendar-day-enabled_1ykar_1lht6_200.awsui_calendar-day-current-month_1ykar_1lht6_204:not(#\9):hover {
+.awsui_calendar-day-enabled_1ykar_5qnhi_199.awsui_calendar-day-current-month_1ykar_5qnhi_206:not(#\9):hover {
   color: var(--color-text-calendar-day-hover-p7s945, #16191f);
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
 }
-.awsui_calendar-day-enabled_1ykar_1lht6_200.awsui_calendar-day-current-month_1ykar_1lht6_204:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_1lht6_211)::after {
+.awsui_calendar-day-enabled_1ykar_5qnhi_199.awsui_calendar-day-current-month_1ykar_5qnhi_206:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_5qnhi_213)::after {
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-hover-d32f3f, #879596);
-  border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_calendar-day-today_1ykar_1lht6_215:not(#\9) {
+.awsui_calendar-day-today_1ykar_5qnhi_216:not(#\9) {
   background-color: var(--color-background-calendar-today-wm2baz, #f2f3f3);
+  border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_calendar-day_1ykar_1lht6_157:not(#\9)::after {
+.awsui_calendar-day_1ykar_5qnhi_157:not(#\9)::after {
   content: "";
   position: absolute;
-  top: -1px;
+  z-index: 1;
+  top: calc(-1 * var(--border-item-width-yvnixs, 1px));
   left: -1px;
   bottom: -1px;
-  right: -1px;
+  right: calc(-1 * var(--border-item-width-yvnixs, 1px));
   background-color: transparent;
 }
-.awsui_calendar-day_1ykar_1lht6_157 > .awsui_day-inner_1ykar_1lht6_227:not(#\9) {
+.awsui_calendar-day_1ykar_5qnhi_157 > .awsui_day-inner_1ykar_5qnhi_230:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-day_1ykar_1lht6_157:not(#\9):focus {
+.awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus {
   outline: none;
+}
+.awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus[data-awsui-focus-visible=true]:focus {
   position: relative;
 }
-.awsui_calendar-day_1ykar_1lht6_157:not(#\9):focus {
+.awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus[data-awsui-focus-visible=true]:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
 }
-.awsui_calendar-day_1ykar_1lht6_157:not(#\9):focus::before {
+.awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -273,19 +278,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_calendar-day_1ykar_1lht6_157:not(#\9):focus::before {
+.awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
   z-index: 2;
 }
-.awsui_calendar-day-selected_1ykar_1lht6_211:not(#\9) {
+.awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9) {
   border-color: transparent;
   position: relative;
+  z-index: 2;
+}
+.awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9):focus[data-awsui-focus-visible=true]:focus {
+  position: relative;
+}
+.awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9):focus[data-awsui-focus-visible=true]:focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
 }
-.awsui_calendar-day-selected_1ykar_1lht6_211:not(#\9)::after {
-  background-color: var(--color-background-dropdown-item-selected-w7iegd, #f1faff);
-  border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-selected-bzuxys, #00a1c9);
+.awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
+  top: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
+  width: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
+  height: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
+  border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-vzbqhb, #0073bb);
+}
+.awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
+  z-index: 2;
+}
+.awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9)::after {
+  background-color: var(--color-background-control-checked-dyuc53, #0073bb);
+  border: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
   border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_calendar-day-selected_1ykar_1lht6_211 > .awsui_day-inner_1ykar_1lht6_227:not(#\9) {
-  color: var(--color-text-calendar-day-selected-fr68ny, #16191f);
+.awsui_calendar-day-selected_1ykar_5qnhi_213 > .awsui_day-inner_1ykar_5qnhi_230:not(#\9) {
+  z-index: 2;
+  color: var(--color-background-control-default-8xmy94, #ffffff);
   position: relative;
 }

package/lib/internal/template/calendar/styles.selectors.js CHANGED Viewed

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_1ykar_1lht6_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_1lht6_1",
-  "root": "awsui_root_1ykar_1lht6_120",
-  "calendar-inner": "awsui_calendar-inner_1ykar_1lht6_137",
-  "calendar-header": "awsui_calendar-header_1ykar_1lht6_140",
-  "calendar-header-month": "awsui_calendar-header-month_1ykar_1lht6_145",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_1lht6_151",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_1lht6_154",
-  "calendar-day-names": "awsui_calendar-day-names_1ykar_1lht6_157",
-  "calendar-day-name": "awsui_calendar-day-name_1ykar_1lht6_157",
-  "calendar-dates": "awsui_calendar-dates_1ykar_1lht6_172",
-  "calendar-week": "awsui_calendar-week_1ykar_1lht6_175",
-  "calendar-day": "awsui_calendar-day_1ykar_1lht6_157",
-  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_1lht6_194",
-  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_1lht6_197",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_1lht6_200",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_1lht6_204",
-  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_1lht6_211",
-  "calendar-day-today": "awsui_calendar-day-today_1ykar_1lht6_215",
-  "day-inner": "awsui_day-inner_1ykar_1lht6_227"
+  "calendar": "awsui_calendar_1ykar_5qnhi_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_5qnhi_1",
+  "root": "awsui_root_1ykar_5qnhi_120",
+  "calendar-inner": "awsui_calendar-inner_1ykar_5qnhi_137",
+  "calendar-header": "awsui_calendar-header_1ykar_5qnhi_140",
+  "calendar-header-month": "awsui_calendar-header-month_1ykar_5qnhi_145",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_5qnhi_151",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_5qnhi_154",
+  "calendar-day-names": "awsui_calendar-day-names_1ykar_5qnhi_157",
+  "calendar-day-name": "awsui_calendar-day-name_1ykar_5qnhi_157",
+  "calendar-dates": "awsui_calendar-dates_1ykar_5qnhi_172",
+  "calendar-week": "awsui_calendar-week_1ykar_5qnhi_175",
+  "calendar-day": "awsui_calendar-day_1ykar_5qnhi_157",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_5qnhi_193",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_5qnhi_196",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_5qnhi_199",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_5qnhi_206",
+  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_5qnhi_213",
+  "calendar-day-today": "awsui_calendar-day-today_1ykar_5qnhi_216",
+  "day-inner": "awsui_day-inner_1ykar_5qnhi_230"
 };

package/lib/internal/template/date-input/internal.js CHANGED Viewed

@@ -24,7 +24,7 @@ var maskArgs = {
 };
 var InternalDateInput = React.forwardRef(function (_a, ref) {
     var value = _a.value, onChange = _a.onChange, _b = _a.disableBrowserAutocorrect, disableBrowserAutocorrect = _b === void 0 ? true : _b, _c = _a.__internalRootRef, __internalRootRef = _c === void 0 ? null : _c, props = __rest(_a, ["value", "onChange", "disableBrowserAutocorrect", "__internalRootRef"]);
-    return (React.createElement(MaskedInput, __assign({ ref: ref }, props, { value: isoToDisplay(value), onChange: function (event) { return fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) }); }, className: clsx(styles.root, props.className), mask: maskArgs, autofix: true, autoComplete: false, disableAutocompleteOnBlur: false, disableBrowserAutocorrect: disableBrowserAutocorrect, __internalRootRef: __internalRootRef })));
+    return (React.createElement(MaskedInput, __assign({ ref: ref }, props, { value: isoToDisplay(value || ''), onChange: function (event) { return fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) }); }, className: clsx(styles.root, props.className), mask: maskArgs, autofix: true, autoComplete: false, disableAutocompleteOnBlur: false, disableBrowserAutocorrect: disableBrowserAutocorrect, __internalRootRef: __internalRootRef })));
 });
 export default InternalDateInput;
 //# sourceMappingURL=internal.js.map

package/lib/internal/template/date-input/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/date-input/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAG9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,SAAS,OAAO,CAAC,KAAa;IAC5B,2EAA2E;IAC3E,IAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,IAAM,QAAQ,GAAa;IACzB,SAAS,EAAE,GAAG;IACd,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAChC,QAAQ,EAAE;QACR,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,SAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;QAC/C,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QAC9B,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE;KACpC;CACF,CAAC;AAEF,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,UACE,EAAiH,EACjH,GAA0B;IADxB,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,iCAAgC,EAAhC,yBAAyB,mBAAG,IAAI,KAAA,EAAE,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EAAK,KAAK,cAAvF,uEAAyF,CAAF;IAGvF,OAAO,CACL,oBAAC,WAAW,aACV,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,~~EAC1B~~,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAA7E,CAA6E,EAChG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,KAAK,EACnB,yBAAyB,EAAE,KAAK,EAChC,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport { getDaysInMonth } from 'date-fns';\nimport React, { Ref } from 'react';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { displayToIso, isoToDisplay, parseDate } from '../internal/utils/date-time';\n\nimport MaskedInput from '../internal/components/masked-input';\nimport { MaskArgs } from '../internal/components/masked-input/utils/mask-format';\n\nimport styles from './styles.css.js';\nimport { DateInputProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ntype InternalDateInputProps = DateInputProps & InternalBaseComponentProps;\n\nfunction daysMax(value: string): number {\n // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018\n const baseDate = displayToIso(value).substring(0, 7);\n return getDaysInMonth(parseDate(baseDate));\n}\n\nconst maskArgs: MaskArgs = {\n separator: '/',\n inputSeparators: ['-', '.', ' '],\n segments: [\n { min: 0, max: 9999, default: 2000, length: 4 },\n { min: 1, max: 12, length: 2 },\n { min: 1, max: daysMax, length: 2 },\n ],\n};\n\nconst InternalDateInput = React.forwardRef(\n (\n { value, onChange, disableBrowserAutocorrect = true, __internalRootRef = null, ...props }: InternalDateInputProps,\n ref: Ref<HTMLInputElement>\n ) => {\n return (\n <MaskedInput\n ref={ref}\n {...props}\n value={isoToDisplay(value)}\n onChange={event => fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) })}\n className={clsx(styles.root, props.className)}\n mask={maskArgs}\n autofix={true}\n autoComplete={false}\n disableAutocompleteOnBlur={false}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n __internalRootRef={__internalRootRef}\n />\n );\n }\n);\n\nexport default InternalDateInput;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/date-input/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAG9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,SAAS,OAAO,CAAC,KAAa;IAC5B,2EAA2E;IAC3E,IAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,IAAM,QAAQ,GAAa;IACzB,SAAS,EAAE,GAAG;IACd,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAChC,QAAQ,EAAE;QACR,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,SAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;QAC/C,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QAC9B,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE;KACpC;CACF,CAAC;AAEF,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,UACE,EAAiH,EACjH,GAA0B;IADxB,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,iCAAgC,EAAhC,yBAAyB,mBAAG,IAAI,KAAA,EAAE,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EAAK,KAAK,cAAvF,uEAAyF,CAAF;IAGvF,OAAO,CACL,oBAAC,WAAW,aACV,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,KAAK,EAAE,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,EAChC,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAA7E,CAA6E,EAChG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,KAAK,EACnB,yBAAyB,EAAE,KAAK,EAChC,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport { getDaysInMonth } from 'date-fns';\nimport React, { Ref } from 'react';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { displayToIso, isoToDisplay, parseDate } from '../internal/utils/date-time';\n\nimport MaskedInput from '../internal/components/masked-input';\nimport { MaskArgs } from '../internal/components/masked-input/utils/mask-format';\n\nimport styles from './styles.css.js';\nimport { DateInputProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ntype InternalDateInputProps = DateInputProps & InternalBaseComponentProps;\n\nfunction daysMax(value: string): number {\n // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018\n const baseDate = displayToIso(value).substring(0, 7);\n return getDaysInMonth(parseDate(baseDate));\n}\n\nconst maskArgs: MaskArgs = {\n separator: '/',\n inputSeparators: ['-', '.', ' '],\n segments: [\n { min: 0, max: 9999, default: 2000, length: 4 },\n { min: 1, max: 12, length: 2 },\n { min: 1, max: daysMax, length: 2 },\n ],\n};\n\nconst InternalDateInput = React.forwardRef(\n (\n { value, onChange, disableBrowserAutocorrect = true, __internalRootRef = null, ...props }: InternalDateInputProps,\n ref: Ref<HTMLInputElement>\n ) => {\n return (\n <MaskedInput\n ref={ref}\n {...props}\n value={isoToDisplay(value \|\| '')}\n onChange={event => fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) })}\n className={clsx(styles.root, props.className)}\n mask={maskArgs}\n autofix={true}\n autoComplete={false}\n disableAutocompleteOnBlur={false}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n __internalRootRef={__internalRootRef}\n />\n );\n }\n);\n\nexport default InternalDateInput;\n"]}

package/lib/internal/template/date-range-picker/calendar/grids/day/styles.css.js CHANGED Viewed

@@ -1,26 +1,26 @@
     import './styles.scoped.css';
     export default {
-  "day": "awsui_day_vci2l_14yn9_93",
-  "day-inner": "awsui_day-inner_vci2l_14yn9_117",
-  "in-first-row": "awsui_in-first-row_vci2l_14yn9_141",
-  "in-previous-month": "awsui_in-previous-month_vci2l_14yn9_141",
-  "last-day-of-month": "awsui_last-day-of-month_vci2l_14yn9_145",
-  "in-next-month": "awsui_in-next-month_vci2l_14yn9_149",
-  "in-first-column": "awsui_in-first-column_vci2l_14yn9_153",
-  "in-current-month": "awsui_in-current-month_vci2l_14yn9_156",
-  "enabled": "awsui_enabled_vci2l_14yn9_160",
-  "in-range": "awsui_in-range_vci2l_14yn9_166",
-  "end-date": "awsui_end-date_vci2l_14yn9_166",
-  "start-date": "awsui_start-date_vci2l_14yn9_166",
-  "no-range": "awsui_no-range_vci2l_14yn9_166",
-  "selected": "awsui_selected_vci2l_14yn9_173",
-  "today": "awsui_today_vci2l_14yn9_177",
-  "range-start-date": "awsui_range-start-date_vci2l_14yn9_213",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_14yn9_216",
-  "range-end-date": "awsui_range-end-date_vci2l_14yn9_219",
-  "in-range-border-top": "awsui_in-range-border-top_vci2l_14yn9_222",
-  "in-range-border-right": "awsui_in-range-border-right_vci2l_14yn9_237",
-  "in-range-border-left": "awsui_in-range-border-left_vci2l_14yn9_243"
+  "day": "awsui_day_vci2l_yhnrz_93",
+  "day-inner": "awsui_day-inner_vci2l_yhnrz_136",
+  "in-first-row": "awsui_in-first-row_vci2l_yhnrz_141",
+  "in-previous-month": "awsui_in-previous-month_vci2l_yhnrz_141",
+  "last-day-of-month": "awsui_last-day-of-month_vci2l_yhnrz_145",
+  "in-next-month": "awsui_in-next-month_vci2l_yhnrz_149",
+  "in-first-column": "awsui_in-first-column_vci2l_yhnrz_153",
+  "in-current-month": "awsui_in-current-month_vci2l_yhnrz_156",
+  "enabled": "awsui_enabled_vci2l_yhnrz_160",
+  "in-range": "awsui_in-range_vci2l_yhnrz_166",
+  "end-date": "awsui_end-date_vci2l_yhnrz_166",
+  "start-date": "awsui_start-date_vci2l_yhnrz_166",
+  "no-range": "awsui_no-range_vci2l_yhnrz_166",
+  "selected": "awsui_selected_vci2l_yhnrz_173",
+  "today": "awsui_today_vci2l_yhnrz_177",
+  "range-start-date": "awsui_range-start-date_vci2l_yhnrz_213",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_yhnrz_216",
+  "range-end-date": "awsui_range-end-date_vci2l_yhnrz_219",
+  "in-range-border-top": "awsui_in-range-border-top_vci2l_yhnrz_222",
+  "in-range-border-right": "awsui_in-range-border-right_vci2l_yhnrz_237",
+  "in-range-border-left": "awsui_in-range-border-left_vci2l_yhnrz_243"
 };

package/lib/internal/template/date-range-picker/calendar/grids/day/styles.scoped.css CHANGED Viewed

@@ -90,7 +90,7 @@ 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_day_vci2l_14yn9_93:not(#\9) {
+.awsui_day_vci2l_yhnrz_93:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -101,10 +101,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
   position: relative;
 }
-.awsui_day_vci2l_14yn9_93:not(#\9):focus {
+.awsui_day_vci2l_yhnrz_93:not(#\9):focus {
   outline: none;
 }
-.awsui_day_vci2l_14yn9_93:not(#\9)::after {
+.awsui_day_vci2l_yhnrz_93:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -114,19 +114,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: calc(-1 * var(--border-item-width-yvnixs, 1px));
   background-color: transparent;
 }
-.awsui_day_vci2l_14yn9_93 > .awsui_day-inner_vci2l_14yn9_117:not(#\9) {
-  position: relative;
-  z-index: 1;
-}
-.awsui_day_vci2l_14yn9_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_day_vci2l_yhnrz_93[data-awsui-focus-visible=true]:not(#\9):focus {
   z-index: 2;
   position: relative;
 }
-.awsui_day_vci2l_14yn9_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_day_vci2l_yhnrz_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
 }
-.awsui_day_vci2l_14yn9_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_day_vci2l_yhnrz_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -137,61 +133,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
+.awsui_day_vci2l_yhnrz_93 > .awsui_day-inner_vci2l_yhnrz_136:not(#\9) {
+  position: relative;
+  z-index: 1;
+}
-.awsui_in-first-row_vci2l_14yn9_141:not(#\9):not(.awsui_in-previous-month_vci2l_14yn9_141) {
+.awsui_in-first-row_vci2l_yhnrz_141:not(#\9):not(.awsui_in-previous-month_vci2l_yhnrz_141) {
   border-top: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
 }
-.awsui_in-previous-month_vci2l_14yn9_141:not(#\9):not(.awsui_last-day-of-month_vci2l_14yn9_145) {
+.awsui_in-previous-month_vci2l_yhnrz_141:not(#\9):not(.awsui_last-day-of-month_vci2l_yhnrz_145) {
   border-right-color: transparent;
 }
-.awsui_in-next-month_vci2l_14yn9_149:not(#\9) {
+.awsui_in-next-month_vci2l_yhnrz_149:not(#\9) {
   border-color: transparent;
 }
-.awsui_in-first-column_vci2l_14yn9_153:not(#\9) {
+.awsui_in-first-column_vci2l_yhnrz_153:not(#\9) {
   border-left: 1px solid transparent;
 }
-.awsui_in-first-column_vci2l_14yn9_153.awsui_in-current-month_vci2l_14yn9_156:not(#\9) {
+.awsui_in-first-column_vci2l_yhnrz_153.awsui_in-current-month_vci2l_yhnrz_156:not(#\9) {
   border-left: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
 }
-.awsui_enabled_vci2l_14yn9_160:not(#\9) {
+.awsui_enabled_vci2l_yhnrz_160:not(#\9) {
   cursor: pointer;
 }
-.awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9) {
+.awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9) {
   color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
 }
-.awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9):not(.awsui_in-range_vci2l_14yn9_166), .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9):not(.awsui_in-range_vci2l_14yn9_166)::after, .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156.awsui_end-date_vci2l_14yn9_166.awsui_start-date_vci2l_14yn9_166:not(#\9), .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156.awsui_end-date_vci2l_14yn9_166.awsui_start-date_vci2l_14yn9_166:not(#\9)::after, .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156.awsui_no-range_vci2l_14yn9_166:not(#\9), .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156.awsui_no-range_vci2l_14yn9_166:not(#\9)::after {
+.awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9):not(.awsui_in-range_vci2l_yhnrz_166), .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9):not(.awsui_in-range_vci2l_yhnrz_166)::after, .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156.awsui_end-date_vci2l_yhnrz_166.awsui_start-date_vci2l_yhnrz_166:not(#\9), .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156.awsui_end-date_vci2l_yhnrz_166.awsui_start-date_vci2l_yhnrz_166:not(#\9)::after, .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156.awsui_no-range_vci2l_yhnrz_166:not(#\9), .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156.awsui_no-range_vci2l_yhnrz_166:not(#\9)::after {
   border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9):hover {
+.awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9):hover {
   color: var(--color-text-calendar-day-hover-p7s945, #16191f);
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
 }
-.awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9):hover:not(.awsui_selected_vci2l_14yn9_173)::after {
+.awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9):hover:not(.awsui_selected_vci2l_yhnrz_173)::after {
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-hover-d32f3f, #879596);
 }
-.awsui_today_vci2l_14yn9_177:not(#\9):not(.awsui_in-range_vci2l_14yn9_166) {
+.awsui_today_vci2l_yhnrz_177:not(#\9):not(.awsui_in-range_vci2l_yhnrz_166) {
   background-color: var(--color-background-calendar-today-wm2baz, #f2f3f3);
   border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_selected_vci2l_14yn9_173:not(#\9) {
+.awsui_selected_vci2l_yhnrz_173:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
 }
-.awsui_selected_vci2l_14yn9_173[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_selected_vci2l_yhnrz_173[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_selected_vci2l_14yn9_173[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_selected_vci2l_yhnrz_173[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-s5ollf, 2px) - 1px);
 }
-.awsui_selected_vci2l_14yn9_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_selected_vci2l_yhnrz_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -202,56 +202,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-vzbqhb, #0073bb);
 }
-.awsui_selected_vci2l_14yn9_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_selected_vci2l_yhnrz_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
   z-index: 1;
 }
-.awsui_selected_vci2l_14yn9_173:not(#\9)::after {
+.awsui_selected_vci2l_yhnrz_173:not(#\9)::after {
   background-color: var(--color-background-control-checked-dyuc53, #0073bb);
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
   z-index: 0;
 }
-.awsui_selected_vci2l_14yn9_173.awsui_start-date_vci2l_14yn9_166:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_start-date_vci2l_14yn9_166:not(#\9)::after, .awsui_selected_vci2l_14yn9_173.awsui_range-start-date_vci2l_14yn9_213:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_range-start-date_vci2l_14yn9_213:not(#\9)::after {
+.awsui_selected_vci2l_yhnrz_173.awsui_start-date_vci2l_yhnrz_166:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_start-date_vci2l_yhnrz_166:not(#\9)::after, .awsui_selected_vci2l_yhnrz_173.awsui_range-start-date_vci2l_yhnrz_213:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_range-start-date_vci2l_yhnrz_213:not(#\9)::after {
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_selected_vci2l_14yn9_173.awsui_start-date_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_start-date_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9)::after, .awsui_selected_vci2l_14yn9_173.awsui_range-start-date_vci2l_14yn9_213.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_range-start-date_vci2l_14yn9_213.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9)::after {
+.awsui_selected_vci2l_yhnrz_173.awsui_start-date_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_start-date_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9)::after, .awsui_selected_vci2l_yhnrz_173.awsui_range-start-date_vci2l_yhnrz_213.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_range-start-date_vci2l_yhnrz_213.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9)::after {
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_selected_vci2l_14yn9_173.awsui_end-date_vci2l_14yn9_166:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_end-date_vci2l_14yn9_166:not(#\9)::after, .awsui_selected_vci2l_14yn9_173.awsui_range-end-date_vci2l_14yn9_219:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_range-end-date_vci2l_14yn9_219:not(#\9)::after {
+.awsui_selected_vci2l_yhnrz_173.awsui_end-date_vci2l_yhnrz_166:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_end-date_vci2l_yhnrz_166:not(#\9)::after, .awsui_selected_vci2l_yhnrz_173.awsui_range-end-date_vci2l_yhnrz_219:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_range-end-date_vci2l_yhnrz_219:not(#\9)::after {
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_selected_vci2l_14yn9_173.awsui_end-date_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_end-date_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9)::after, .awsui_selected_vci2l_14yn9_173.awsui_range-end-date_vci2l_14yn9_219.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_range-end-date_vci2l_14yn9_219.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9)::after {
+.awsui_selected_vci2l_yhnrz_173.awsui_end-date_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_end-date_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9)::after, .awsui_selected_vci2l_yhnrz_173.awsui_range-end-date_vci2l_yhnrz_219.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_range-end-date_vci2l_yhnrz_219.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9)::after {
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_selected_vci2l_14yn9_173 > .awsui_day-inner_vci2l_14yn9_117:not(#\9) {
+.awsui_selected_vci2l_yhnrz_173 > .awsui_day-inner_vci2l_yhnrz_136:not(#\9) {
   color: var(--color-background-control-default-8xmy94, #ffffff);
   position: relative;
   z-index: 2;
 }
-.awsui_in-range_vci2l_14yn9_166:not(#\9) {
+.awsui_in-range_vci2l_yhnrz_166:not(#\9) {
   background-color: var(--color-background-dropdown-item-selected-w7iegd, #f1faff);
 }
-.awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9)::after {
+.awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9)::after {
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
-.awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9)::after {
+.awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9)::after {
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
-.awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9)::after {
+.awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9)::after {
   border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
-.awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9)::after {
+.awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9)::after {
   border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
-.awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9), .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9)::after {
+.awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9), .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9)::after {
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9), .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9)::after {
+.awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9), .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9)::after {
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9), .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9)::after {
+.awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9), .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9)::after {
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9), .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9)::after {
+.awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9), .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9)::after {
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }

package/lib/internal/template/date-range-picker/calendar/grids/day/styles.selectors.js CHANGED Viewed

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "day": "awsui_day_vci2l_14yn9_93",
-  "day-inner": "awsui_day-inner_vci2l_14yn9_117",
-  "in-first-row": "awsui_in-first-row_vci2l_14yn9_141",
-  "in-previous-month": "awsui_in-previous-month_vci2l_14yn9_141",
-  "last-day-of-month": "awsui_last-day-of-month_vci2l_14yn9_145",
-  "in-next-month": "awsui_in-next-month_vci2l_14yn9_149",
-  "in-first-column": "awsui_in-first-column_vci2l_14yn9_153",
-  "in-current-month": "awsui_in-current-month_vci2l_14yn9_156",
-  "enabled": "awsui_enabled_vci2l_14yn9_160",
-  "in-range": "awsui_in-range_vci2l_14yn9_166",
-  "end-date": "awsui_end-date_vci2l_14yn9_166",
-  "start-date": "awsui_start-date_vci2l_14yn9_166",
-  "no-range": "awsui_no-range_vci2l_14yn9_166",
-  "selected": "awsui_selected_vci2l_14yn9_173",
-  "today": "awsui_today_vci2l_14yn9_177",
-  "range-start-date": "awsui_range-start-date_vci2l_14yn9_213",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_14yn9_216",
-  "range-end-date": "awsui_range-end-date_vci2l_14yn9_219",
-  "in-range-border-top": "awsui_in-range-border-top_vci2l_14yn9_222",
-  "in-range-border-right": "awsui_in-range-border-right_vci2l_14yn9_237",
-  "in-range-border-left": "awsui_in-range-border-left_vci2l_14yn9_243"
+  "day": "awsui_day_vci2l_yhnrz_93",
+  "day-inner": "awsui_day-inner_vci2l_yhnrz_136",
+  "in-first-row": "awsui_in-first-row_vci2l_yhnrz_141",
+  "in-previous-month": "awsui_in-previous-month_vci2l_yhnrz_141",
+  "last-day-of-month": "awsui_last-day-of-month_vci2l_yhnrz_145",
+  "in-next-month": "awsui_in-next-month_vci2l_yhnrz_149",
+  "in-first-column": "awsui_in-first-column_vci2l_yhnrz_153",
+  "in-current-month": "awsui_in-current-month_vci2l_yhnrz_156",
+  "enabled": "awsui_enabled_vci2l_yhnrz_160",
+  "in-range": "awsui_in-range_vci2l_yhnrz_166",
+  "end-date": "awsui_end-date_vci2l_yhnrz_166",
+  "start-date": "awsui_start-date_vci2l_yhnrz_166",
+  "no-range": "awsui_no-range_vci2l_yhnrz_166",
+  "selected": "awsui_selected_vci2l_yhnrz_173",
+  "today": "awsui_today_vci2l_yhnrz_177",
+  "range-start-date": "awsui_range-start-date_vci2l_yhnrz_213",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_yhnrz_216",
+  "range-end-date": "awsui_range-end-date_vci2l_yhnrz_219",
+  "in-range-border-top": "awsui_in-range-border-top_vci2l_yhnrz_222",
+  "in-range-border-right": "awsui_in-range-border-right_vci2l_yhnrz_237",
+  "in-range-border-left": "awsui_in-range-border-left_vci2l_yhnrz_243"
 };