npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.86 → 3.0.88 - Mend

@cloudscape-design/components-themeable 3.0.86 → 3.0.88

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 (87) hide show

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

@@ -1,41 +1,42 @@
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_mgja0_7dzbl_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_7dzbl_1",
-  "root": "awsui_root_mgja0_7dzbl_120",
-  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_7dzbl_132",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_7dzbl_136",
-  "one-grid": "awsui_one-grid_mgja0_7dzbl_144",
-  "calendar-header": "awsui_calendar-header_mgja0_7dzbl_147",
-  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_7dzbl_153",
-  "calendar-header-month": "awsui_calendar-header-month_mgja0_7dzbl_153",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_7dzbl_174",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_7dzbl_177",
-  "first-grid": "awsui_first-grid_mgja0_7dzbl_181",
-  "second-grid": "awsui_second-grid_mgja0_7dzbl_182",
-  "date-and-time-container": "awsui_date-and-time-container_mgja0_7dzbl_186",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_7dzbl_192",
-  "footer": "awsui_footer_mgja0_7dzbl_199",
-  "has-clear-button": "awsui_has-clear-button_mgja0_7dzbl_206",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_7dzbl_213",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_7dzbl_217",
-  "label": "awsui_label_mgja0_7dzbl_222",
-  "label-enabled": "awsui_label-enabled_mgja0_7dzbl_227",
-  "label-text": "awsui_label-text_mgja0_7dzbl_231",
-  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_7dzbl_236",
-  "mode-switch": "awsui_mode-switch_mgja0_7dzbl_240",
-  "dropdown": "awsui_dropdown_mgja0_7dzbl_244",
-  "dropdown-content": "awsui_dropdown-content_mgja0_7dzbl_260",
-  "start-date-input": "awsui_start-date-input_mgja0_7dzbl_269",
-  "start-time-input": "awsui_start-time-input_mgja0_7dzbl_270",
-  "end-date-input": "awsui_end-date-input_mgja0_7dzbl_271",
-  "end-time-input": "awsui_end-time-input_mgja0_7dzbl_272",
-  "validation-section": "awsui_validation-section_mgja0_7dzbl_276",
-  "validation-error": "awsui_validation-error_mgja0_7dzbl_280",
-  "clear-button": "awsui_clear-button_mgja0_7dzbl_284",
-  "apply-button": "awsui_apply-button_mgja0_7dzbl_288",
-  "cancel-button": "awsui_cancel-button_mgja0_7dzbl_292",
-  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_7dzbl_296"
+  "calendar": "awsui_calendar_mgja0_ue9wz_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_ue9wz_1",
+  "root": "awsui_root_mgja0_ue9wz_120",
+  "focus-lock": "awsui_focus-lock_mgja0_ue9wz_132",
+  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_ue9wz_136",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_ue9wz_140",
+  "one-grid": "awsui_one-grid_mgja0_ue9wz_148",
+  "calendar-header": "awsui_calendar-header_mgja0_ue9wz_151",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_ue9wz_157",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_ue9wz_157",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_ue9wz_178",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_ue9wz_181",
+  "first-grid": "awsui_first-grid_mgja0_ue9wz_185",
+  "second-grid": "awsui_second-grid_mgja0_ue9wz_186",
+  "date-and-time-container": "awsui_date-and-time-container_mgja0_ue9wz_190",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_ue9wz_196",
+  "footer": "awsui_footer_mgja0_ue9wz_203",
+  "has-clear-button": "awsui_has-clear-button_mgja0_ue9wz_210",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_ue9wz_217",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_ue9wz_221",
+  "label": "awsui_label_mgja0_ue9wz_226",
+  "label-enabled": "awsui_label-enabled_mgja0_ue9wz_231",
+  "label-text": "awsui_label-text_mgja0_ue9wz_235",
+  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_ue9wz_240",
+  "mode-switch": "awsui_mode-switch_mgja0_ue9wz_244",
+  "dropdown": "awsui_dropdown_mgja0_ue9wz_248",
+  "dropdown-content": "awsui_dropdown-content_mgja0_ue9wz_264",
+  "start-date-input": "awsui_start-date-input_mgja0_ue9wz_273",
+  "start-time-input": "awsui_start-time-input_mgja0_ue9wz_274",
+  "end-date-input": "awsui_end-date-input_mgja0_ue9wz_275",
+  "end-time-input": "awsui_end-time-input_mgja0_ue9wz_276",
+  "validation-section": "awsui_validation-section_mgja0_ue9wz_280",
+  "validation-error": "awsui_validation-error_mgja0_ue9wz_284",
+  "clear-button": "awsui_clear-button_mgja0_ue9wz_288",
+  "apply-button": "awsui_apply-button_mgja0_ue9wz_292",
+  "cancel-button": "awsui_cancel-button_mgja0_ue9wz_296",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_ue9wz_300"
 };

package/lib/internal/template/date-range-picker/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_mgja0_7dzbl_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_mgja0_7dzbl_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
+.awsui_calendar_mgja0_ue9wz_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_mgja0_ue9wz_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_mgja0_7dzbl_1 {
+@keyframes awsui_awsui-motion-fade-in-0_mgja0_ue9wz_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_mgja0_7dzbl_93:not(#\9) {
+  .awsui_calendar_mgja0_ue9wz_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_mgja0_7dzbl_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_7dzbl_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_mgja0_ue9wz_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_ue9wz_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -117,7 +117,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_root_mgja0_7dzbl_120:not(#\9) {
+.awsui_root_mgja0_ue9wz_120:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -155,28 +155,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-width: 32em;
 }
-.awsui_trigger-wrapper_mgja0_7dzbl_132:not(#\9) {
+.awsui_focus-lock_mgja0_ue9wz_132:not(#\9) {
+  display: contents;
+}
+.awsui_trigger-wrapper_mgja0_ue9wz_136:not(#\9) {
   min-width: calc(var(--size-calendar-grid-width-luenzs, 234px) + 2 * var(--space-l-4vl6xu, 20px));
 }
-.awsui_trigger-flexbox_mgja0_7dzbl_136:not(#\9) {
+.awsui_trigger-flexbox_mgja0_ue9wz_140:not(#\9) {
   display: flex;
 }
-.awsui_calendar_mgja0_7dzbl_93:not(#\9) {
+.awsui_calendar_mgja0_ue9wz_93:not(#\9) {
   display: block;
   width: calc(2 * var(--size-calendar-grid-width-luenzs, 234px) + var(--space-xs-rsr2qu, 8px));
 }
-.awsui_calendar_mgja0_7dzbl_93.awsui_one-grid_mgja0_7dzbl_144:not(#\9) {
+.awsui_calendar_mgja0_ue9wz_93.awsui_one-grid_mgja0_ue9wz_148:not(#\9) {
   width: var(--size-calendar-grid-width-luenzs, 234px);
 }
-.awsui_calendar-header_mgja0_7dzbl_147:not(#\9) {
+.awsui_calendar-header_mgja0_ue9wz_151:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_calendar-header-months-wrapper_mgja0_7dzbl_153:not(#\9) {
+.awsui_calendar-header-months-wrapper_mgja0_ue9wz_157:not(#\9) {
   position: absolute;
   right: 0;
   left: 0;
@@ -189,7 +193,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1;
   pointer-events: none;
 }
-.awsui_calendar-header-month_mgja0_7dzbl_153:not(#\9) {
+.awsui_calendar-header-month_mgja0_ue9wz_157:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: 700;
@@ -197,130 +201,130 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   pointer-events: auto;
 }
-.awsui_calendar-next-month-btn_mgja0_7dzbl_174:not(#\9) {
+.awsui_calendar-next-month-btn_mgja0_ue9wz_178:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_mgja0_7dzbl_177:not(#\9) {
+.awsui_calendar-prev-month-btn_mgja0_ue9wz_181:not(#\9) {
   /* used for identifying element */
 }
-.awsui_first-grid_mgja0_7dzbl_181:not(#\9),
-.awsui_second-grid_mgja0_7dzbl_182:not(#\9) {
+.awsui_first-grid_mgja0_ue9wz_185:not(#\9),
+.awsui_second-grid_mgja0_ue9wz_186:not(#\9) {
   /* used in test-utils */
 }
-.awsui_date-and-time-container_mgja0_7dzbl_186:not(#\9) {
+.awsui_date-and-time-container_mgja0_ue9wz_190:not(#\9) {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-luenzs, 234px), 1fr));
   gap: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_date-and-time-wrapper_mgja0_7dzbl_192:not(#\9) {
+.awsui_date-and-time-wrapper_mgja0_ue9wz_196:not(#\9) {
   width: var(--size-calendar-grid-width-luenzs, 234px);
   display: grid;
   gap: var(--space-xs-rsr2qu, 8px);
   grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
 }
-.awsui_footer_mgja0_7dzbl_199:not(#\9) {
+.awsui_footer_mgja0_ue9wz_203:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   border-top: 1px solid var(--color-border-dropdown-item-default-tcqivq, #eaeded);
   padding: 0 var(--space-l-4vl6xu, 20px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_footer_mgja0_7dzbl_199.awsui_has-clear-button_mgja0_7dzbl_206:not(#\9) {
+.awsui_footer_mgja0_ue9wz_203.awsui_has-clear-button_mgja0_ue9wz_210:not(#\9) {
   justify-content: space-between;
 }
-.awsui_footer_mgja0_7dzbl_199.awsui_one-grid_mgja0_7dzbl_144:not(#\9) {
+.awsui_footer_mgja0_ue9wz_203.awsui_one-grid_mgja0_ue9wz_148:not(#\9) {
   padding: 0 var(--space-xs-rsr2qu, 8px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_footer-button-wrapper_mgja0_7dzbl_213:not(#\9) {
+.awsui_footer-button-wrapper_mgja0_ue9wz_217:not(#\9) {
   padding-top: var(--space-s-hv8c1d, 12px);
 }
-.awsui_icon-wrapper_mgja0_7dzbl_217:not(#\9) {
+.awsui_icon-wrapper_mgja0_ue9wz_221:not(#\9) {
   color: var(--color-text-interactive-default-9me1cm, #545b64);
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_label_mgja0_7dzbl_222:not(#\9) {
+.awsui_label_mgja0_ue9wz_226:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   cursor: default;
 }
-.awsui_label_mgja0_7dzbl_222.awsui_label-enabled_mgja0_7dzbl_227:not(#\9):hover > .awsui_trigger-flexbox_mgja0_7dzbl_136 > .awsui_icon-wrapper_mgja0_7dzbl_217 {
+.awsui_label_mgja0_ue9wz_226.awsui_label-enabled_mgja0_ue9wz_231:not(#\9):hover > .awsui_trigger-flexbox_mgja0_ue9wz_140 > .awsui_icon-wrapper_mgja0_ue9wz_221 {
   color: var(--color-text-interactive-hover-79wpl9, #16191f);
 }
-.awsui_label-text_mgja0_7dzbl_231:not(#\9) {
+.awsui_label-text_mgja0_ue9wz_235:not(#\9) {
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
-.awsui_label-token-nowrap_mgja0_7dzbl_236:not(#\9) {
+.awsui_label-token-nowrap_mgja0_ue9wz_240:not(#\9) {
   white-space: nowrap;
 }
-.awsui_mode-switch_mgja0_7dzbl_240:not(#\9) {
+.awsui_mode-switch_mgja0_ue9wz_244:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dropdown_mgja0_7dzbl_244:not(#\9) {
+.awsui_dropdown_mgja0_ue9wz_248:not(#\9) {
   overflow: auto;
   border-top: 1px solid var(--color-border-container-top-1itxac, #eaeded);
   border-bottom: 1px solid var(--color-border-container-top-1itxac, #eaeded);
   border-radius: var(--border-radius-dropdown-0c284d, 0px);
 }
-.awsui_dropdown_mgja0_7dzbl_244:not(#\9):focus {
+.awsui_dropdown_mgja0_ue9wz_248:not(#\9):focus {
   outline: none;
 }
-.awsui_dropdown_mgja0_7dzbl_244[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_dropdown_mgja0_ue9wz_248[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: var(--border-radius-dropdown-0c284d, 0px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_dropdown-content_mgja0_7dzbl_260:not(#\9) {
+.awsui_dropdown-content_mgja0_ue9wz_264:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
   width: calc(2 * var(--size-calendar-grid-width-luenzs, 234px) + var(--space-xs-rsr2qu, 8px) + 2 * var(--space-l-4vl6xu, 20px));
 }
-.awsui_dropdown-content_mgja0_7dzbl_260.awsui_one-grid_mgja0_7dzbl_144:not(#\9) {
+.awsui_dropdown-content_mgja0_ue9wz_264.awsui_one-grid_mgja0_ue9wz_148:not(#\9) {
   width: calc(var(--size-calendar-grid-width-luenzs, 234px) + 2 * var(--space-l-4vl6xu, 20px));
 }
-.awsui_start-date-input_mgja0_7dzbl_269:not(#\9),
-.awsui_start-time-input_mgja0_7dzbl_270:not(#\9),
-.awsui_end-date-input_mgja0_7dzbl_271:not(#\9),
-.awsui_end-time-input_mgja0_7dzbl_272:not(#\9) {
+.awsui_start-date-input_mgja0_ue9wz_273:not(#\9),
+.awsui_start-time-input_mgja0_ue9wz_274:not(#\9),
+.awsui_end-date-input_mgja0_ue9wz_275:not(#\9),
+.awsui_end-time-input_mgja0_ue9wz_276:not(#\9) {
   /* used in test-utils */
 }
-.awsui_validation-section_mgja0_7dzbl_276:not(#\9) {
+.awsui_validation-section_mgja0_ue9wz_280:not(#\9) {
   /* used in test-utils */
 }
-.awsui_validation-error_mgja0_7dzbl_280:not(#\9) {
+.awsui_validation-error_mgja0_ue9wz_284:not(#\9) {
   /* used in test-utils */
 }
-.awsui_clear-button_mgja0_7dzbl_284:not(#\9) {
+.awsui_clear-button_mgja0_ue9wz_288:not(#\9) {
   /* used in test-utils */
 }
-.awsui_apply-button_mgja0_7dzbl_288:not(#\9) {
+.awsui_apply-button_mgja0_ue9wz_292:not(#\9) {
   /* used in test-utils */
 }
-.awsui_cancel-button_mgja0_7dzbl_292:not(#\9) {
+.awsui_cancel-button_mgja0_ue9wz_296:not(#\9) {
   /* used in test-utils */
 }
-.awsui_calendar-aria-live_mgja0_7dzbl_296:not(#\9) {
+.awsui_calendar-aria-live_mgja0_ue9wz_300:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,41 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_mgja0_7dzbl_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_7dzbl_1",
-  "root": "awsui_root_mgja0_7dzbl_120",
-  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_7dzbl_132",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_7dzbl_136",
-  "one-grid": "awsui_one-grid_mgja0_7dzbl_144",
-  "calendar-header": "awsui_calendar-header_mgja0_7dzbl_147",
-  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_7dzbl_153",
-  "calendar-header-month": "awsui_calendar-header-month_mgja0_7dzbl_153",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_7dzbl_174",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_7dzbl_177",
-  "first-grid": "awsui_first-grid_mgja0_7dzbl_181",
-  "second-grid": "awsui_second-grid_mgja0_7dzbl_182",
-  "date-and-time-container": "awsui_date-and-time-container_mgja0_7dzbl_186",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_7dzbl_192",
-  "footer": "awsui_footer_mgja0_7dzbl_199",
-  "has-clear-button": "awsui_has-clear-button_mgja0_7dzbl_206",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_7dzbl_213",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_7dzbl_217",
-  "label": "awsui_label_mgja0_7dzbl_222",
-  "label-enabled": "awsui_label-enabled_mgja0_7dzbl_227",
-  "label-text": "awsui_label-text_mgja0_7dzbl_231",
-  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_7dzbl_236",
-  "mode-switch": "awsui_mode-switch_mgja0_7dzbl_240",
-  "dropdown": "awsui_dropdown_mgja0_7dzbl_244",
-  "dropdown-content": "awsui_dropdown-content_mgja0_7dzbl_260",
-  "start-date-input": "awsui_start-date-input_mgja0_7dzbl_269",
-  "start-time-input": "awsui_start-time-input_mgja0_7dzbl_270",
-  "end-date-input": "awsui_end-date-input_mgja0_7dzbl_271",
-  "end-time-input": "awsui_end-time-input_mgja0_7dzbl_272",
-  "validation-section": "awsui_validation-section_mgja0_7dzbl_276",
-  "validation-error": "awsui_validation-error_mgja0_7dzbl_280",
-  "clear-button": "awsui_clear-button_mgja0_7dzbl_284",
-  "apply-button": "awsui_apply-button_mgja0_7dzbl_288",
-  "cancel-button": "awsui_cancel-button_mgja0_7dzbl_292",
-  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_7dzbl_296"
+  "calendar": "awsui_calendar_mgja0_ue9wz_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_ue9wz_1",
+  "root": "awsui_root_mgja0_ue9wz_120",
+  "focus-lock": "awsui_focus-lock_mgja0_ue9wz_132",
+  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_ue9wz_136",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_ue9wz_140",
+  "one-grid": "awsui_one-grid_mgja0_ue9wz_148",
+  "calendar-header": "awsui_calendar-header_mgja0_ue9wz_151",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_ue9wz_157",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_ue9wz_157",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_ue9wz_178",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_ue9wz_181",
+  "first-grid": "awsui_first-grid_mgja0_ue9wz_185",
+  "second-grid": "awsui_second-grid_mgja0_ue9wz_186",
+  "date-and-time-container": "awsui_date-and-time-container_mgja0_ue9wz_190",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_ue9wz_196",
+  "footer": "awsui_footer_mgja0_ue9wz_203",
+  "has-clear-button": "awsui_has-clear-button_mgja0_ue9wz_210",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_ue9wz_217",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_ue9wz_221",
+  "label": "awsui_label_mgja0_ue9wz_226",
+  "label-enabled": "awsui_label-enabled_mgja0_ue9wz_231",
+  "label-text": "awsui_label-text_mgja0_ue9wz_235",
+  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_ue9wz_240",
+  "mode-switch": "awsui_mode-switch_mgja0_ue9wz_244",
+  "dropdown": "awsui_dropdown_mgja0_ue9wz_248",
+  "dropdown-content": "awsui_dropdown-content_mgja0_ue9wz_264",
+  "start-date-input": "awsui_start-date-input_mgja0_ue9wz_273",
+  "start-time-input": "awsui_start-time-input_mgja0_ue9wz_274",
+  "end-date-input": "awsui_end-date-input_mgja0_ue9wz_275",
+  "end-time-input": "awsui_end-time-input_mgja0_ue9wz_276",
+  "validation-section": "awsui_validation-section_mgja0_ue9wz_280",
+  "validation-error": "awsui_validation-error_mgja0_ue9wz_284",
+  "clear-button": "awsui_clear-button_mgja0_ue9wz_288",
+  "apply-button": "awsui_apply-button_mgja0_ue9wz_292",
+  "cancel-button": "awsui_cancel-button_mgja0_ue9wz_296",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_ue9wz_300"
 };

package/lib/internal/template/date-range-picker/utils.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { DateRangePickerProps } from './interfaces';
+/**
+ * This function fills in a start and end time if they are missing.
+ */
+export declare function fillMissingTime(value: DateRangePickerProps.AbsoluteValue | null): {
+    startDate: string;
+    endDate: string;
+    type: "absolute";
+} | null;
+export declare function formatValue(value: null | DateRangePickerProps.Value, { timeOffset, dateOnly }: {
+    timeOffset: {
+        startDate?: number;
+        endDate?: number;
+    };
+    dateOnly: boolean;
+}): null | DateRangePickerProps.Value;
+export declare function getDefaultMode(value: null | DateRangePickerProps.Value, relativeOptions: readonly DateRangePickerProps.RelativeOption[], rangeSelectorMode: DateRangePickerProps.RangeSelectorMode): "absolute" | "relative";
+//# sourceMappingURL=utils.d.ts.map

package/lib/internal/template/date-range-picker/utils.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,GAAG,IAAI;;;;SAW/E;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,EACxC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE;IAAE,UAAU,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,GACpG,IAAI,GAAG,oBAAoB,CAAC,KAAK,CAYnC;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,EACxC,eAAe,EAAE,SAAS,oBAAoB,CAAC,cAAc,EAAE,EAC/D,iBAAiB,EAAE,oBAAoB,CAAC,iBAAiB,2BAY1D"}

package/lib/internal/template/date-range-picker/utils.js ADDED Viewed

@@ -0,0 +1,40 @@
+import { __assign } from "tslib";
+import { setTimeOffset } from './time-offset';
+/**
+ * This function fills in a start and end time if they are missing.
+ */
+export function fillMissingTime(value) {
+    if (!value) {
+        return value;
+    }
+    var _a = value.startDate.split('T'), startDate = _a[0], startTime = _a[1];
+    var _b = value.endDate.split('T'), endDate = _b[0], endTime = _b[1];
+    return __assign(__assign({}, value), { startDate: startTime ? value.startDate : "".concat(startDate, "T00:00:00"), endDate: endTime ? value.endDate : "".concat(endDate, "T23:59:59") });
+}
+export function formatValue(value, _a) {
+    var timeOffset = _a.timeOffset, dateOnly = _a.dateOnly;
+    if (!value || value.type === 'relative') {
+        return value;
+    }
+    if (dateOnly) {
+        return {
+            type: 'absolute',
+            startDate: value.startDate.split('T')[0],
+            endDate: value.endDate.split('T')[0]
+        };
+    }
+    return setTimeOffset(value, timeOffset);
+}
+export function getDefaultMode(value, relativeOptions, rangeSelectorMode) {
+    if (value && value.type) {
+        return value.type;
+    }
+    if (rangeSelectorMode === 'relative-only') {
+        return 'relative';
+    }
+    if (rangeSelectorMode === 'absolute-only') {
+        return 'absolute';
+    }
+    return relativeOptions.length > 0 ? 'relative' : 'absolute';
+}
+//# sourceMappingURL=utils.js.map

package/lib/internal/template/date-range-picker/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/date-range-picker/utils.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAAgD;IAC9E,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,KAAK,CAAC;KACd;IACK,IAAA,KAAyB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,EAAlD,SAAS,QAAA,EAAE,SAAS,QAA8B,CAAC;IACpD,IAAA,KAAqB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAA5C,OAAO,QAAA,EAAE,OAAO,QAA4B,CAAC;IACpD,6BACK,KAAK,KACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,cAAW,EAChE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAG,OAAO,cAAW,IACxD;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,KAAwC,EACxC,EAAqG;QAAnG,UAAU,gBAAA,EAAE,QAAQ,cAAA;IAEtB,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;QACvC,OAAO,KAAK,CAAC;KACd;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO;YACL,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACxC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SACrC,CAAC;KACH;IACD,OAAO,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,KAAwC,EACxC,eAA+D,EAC/D,iBAAyD;IAEzD,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE;QACvB,OAAO,KAAK,CAAC,IAAI,CAAC;KACnB;IACD,IAAI,iBAAiB,KAAK,eAAe,EAAE;QACzC,OAAO,UAAU,CAAC;KACnB;IACD,IAAI,iBAAiB,KAAK,eAAe,EAAE;QACzC,OAAO,UAAU,CAAC;KACnB;IACD,OAAO,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;AAC9D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DateRangePickerProps } from './interfaces';\nimport { setTimeOffset } from './time-offset';\n\n/**\n * This function fills in a start and end time if they are missing.\n */\nexport function fillMissingTime(value: DateRangePickerProps.AbsoluteValue | null) {\n if (!value) {\n return value;\n }\n const [startDate, startTime] = value.startDate.split('T');\n const [endDate, endTime] = value.endDate.split('T');\n return {\n ...value,\n startDate: startTime ? value.startDate : `${startDate}T00:00:00`,\n endDate: endTime ? value.endDate : `${endDate}T23:59:59`,\n };\n}\n\nexport function formatValue(\n value: null | DateRangePickerProps.Value,\n { timeOffset, dateOnly }: { timeOffset: { startDate?: number; endDate?: number }; dateOnly: boolean }\n): null | DateRangePickerProps.Value {\n if (!value || value.type === 'relative') {\n return value;\n }\n if (dateOnly) {\n return {\n type: 'absolute',\n startDate: value.startDate.split('T')[0],\n endDate: value.endDate.split('T')[0],\n };\n }\n return setTimeOffset(value, timeOffset);\n}\n\nexport function getDefaultMode(\n value: null | DateRangePickerProps.Value,\n relativeOptions: readonly DateRangePickerProps.RelativeOption[],\n rangeSelectorMode: DateRangePickerProps.RangeSelectorMode\n) {\n if (value && value.type) {\n return value.type;\n }\n if (rangeSelectorMode === 'relative-only') {\n return 'relative';\n }\n if (rangeSelectorMode === 'absolute-only') {\n return 'absolute';\n }\n return relativeOptions.length > 0 ? 'relative' : 'absolute';\n}\n"]}

package/lib/internal/template/hotspot/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,IAAc,EACd,SAAiB,EACjB,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,~~CAkC5B~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,IAAc,EACd,SAAiB,EACjB,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAqC5B"}

package/lib/internal/template/hotspot/index.js CHANGED Viewed

@@ -22,9 +22,9 @@ export default function Hotspot(_a) {
     if (children) {
         return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.wrapper), ref: __internalRootRef }),
             React.createElement("div", { className: styles.elementWrapper }, children),
-            React.createElement("div", { className: clsx(styles.markerWrapper, styles["placement-".concat(side)]) }, content)));
+            React.createElement("div", { className: clsx(styles.markerWrapper, styles["placement-".concat(side)]), onClick: function (e) { return e.stopPropagation(); } }, content)));
     }
-    return (React.createElement("span", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.inlineWrapper), ref: __internalRootRef }), content));
+    return (React.createElement("span", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.inlineWrapper), ref: __internalRootRef, onClick: function (e) { return e.stopPropagation(); } }), content));
 }
 applyDisplayName(Hotspot, 'Hotspot');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/hotspot/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAMjB;IALb,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,SAAS,cALkB,8CAM/B,CADa;IAEJ,IAAA,iBAAiB,GAAK,gBAAgB,CAAC,SAAS,CAAC,kBAAhC,CAAiC;IAC1D,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,IAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,IAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7D,IAAA,iBAAiB,GAAsB,cAAc,kBAApC,EAAE,eAAe,GAAK,cAAc,gBAAnB,CAAoB;IAE9D,SAAS,CAAC;QACR,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3B,OAAO,cAAM,OAAA,iBAAiB,CAAC,SAAS,CAAC,EAA5B,CAA4B,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,iBAAiB;YAC3G,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,QAAQ,CAAO;YACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,oBAAa,IAAI,CAAE,CAAC,CAAC,~~IAAG~~,OAAO,~~CAAO~~,~~CACpF~~,CACP,CAAC;KACH;IAED,OAAO,CACL,yCACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EACvE,GAAG,EAAE,iBAAiB,~~KAErB~~,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect } from 'react';\n\nimport { HotspotProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { hotspotContext as hotspotContextType } from '../annotation-context/context';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { HotspotProps };\n\nexport default function Hotspot({\n children,\n hotspotId,\n side = 'right',\n direction = 'top',\n ...restProps\n}: HotspotProps): JSX.Element {\n const { __internalRootRef } = useBaseComponent('Hotspot');\n const baseProps = getBaseProps(restProps);\n\n const hotspotContext = useContext(hotspotContextType);\n\n const content = hotspotContext.getContentForId(hotspotId, direction);\n\n const { unregisterHotspot, registerHotspot } = hotspotContext;\n\n useEffect(() => {\n registerHotspot(hotspotId);\n\n return () => unregisterHotspot(hotspotId);\n }, [hotspotId, unregisterHotspot, registerHotspot]);\n\n if (children) {\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root, styles.wrapper)} ref={__internalRootRef}>\n <div className={styles.elementWrapper}>{children}</div>\n <div className={clsx(styles.markerWrapper, styles[`placement-${side}`])}>{content}</div>\n </div>\n );\n }\n\n return (\n <span\n {...baseProps}\n className={clsx(baseProps.className, styles.root, styles.inlineWrapper)}\n ref={__internalRootRef}\n >\n {content}\n </span>\n );\n}\n\napplyDisplayName(Hotspot, 'Hotspot');\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAMjB;IALb,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,SAAS,cALkB,8CAM/B,CADa;IAEJ,IAAA,iBAAiB,GAAK,gBAAgB,CAAC,SAAS,CAAC,kBAAhC,CAAiC;IAC1D,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,IAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,IAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7D,IAAA,iBAAiB,GAAsB,cAAc,kBAApC,EAAE,eAAe,GAAK,cAAc,gBAAnB,CAAoB;IAE9D,SAAS,CAAC;QACR,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3B,OAAO,cAAM,OAAA,iBAAiB,CAAC,SAAS,CAAC,EAA5B,CAA4B,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,iBAAiB;YAC3G,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,QAAQ,CAAO;YACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,oBAAa,IAAI,CAAE,CAAC,CAAC,EAAE,OAAO,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,IACvG,OAAO,CACJ,CACF,CACP,CAAC;KACH;IAED,OAAO,CACL,yCACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EACvE,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,KAEhC,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect } from 'react';\n\nimport { HotspotProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { hotspotContext as hotspotContextType } from '../annotation-context/context';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { HotspotProps };\n\nexport default function Hotspot({\n children,\n hotspotId,\n side = 'right',\n direction = 'top',\n ...restProps\n}: HotspotProps): JSX.Element {\n const { __internalRootRef } = useBaseComponent('Hotspot');\n const baseProps = getBaseProps(restProps);\n\n const hotspotContext = useContext(hotspotContextType);\n\n const content = hotspotContext.getContentForId(hotspotId, direction);\n\n const { unregisterHotspot, registerHotspot } = hotspotContext;\n\n useEffect(() => {\n registerHotspot(hotspotId);\n\n return () => unregisterHotspot(hotspotId);\n }, [hotspotId, unregisterHotspot, registerHotspot]);\n\n if (children) {\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root, styles.wrapper)} ref={__internalRootRef}>\n <div className={styles.elementWrapper}>{children}</div>\n <div className={clsx(styles.markerWrapper, styles[`placement-${side}`])} onClick={e => e.stopPropagation()}>\n {content}\n </div>\n </div>\n );\n }\n\n return (\n <span\n {...baseProps}\n className={clsx(baseProps.className, styles.root, styles.inlineWrapper)}\n ref={__internalRootRef}\n onClick={e => e.stopPropagation()}\n >\n {content}\n </span>\n );\n}\n\napplyDisplayName(Hotspot, 'Hotspot');\n"]}

package/lib/internal/template/internal/components/abstract-switch/index.d.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>,
     ariaLabel?: string;
     ariaLabelledby?: string;
     ariaDescribedby?: string;
-    withoutLabel?: boolean;
+    onClick: () => void;
 }
-export default function AbstractSwitch({ controlId, controlClassName, outlineClassName, disabled, nativeControl, styledControl, label, description, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, withoutLabel, __internalRootRef, ...rest }: AbstractSwitchProps): JSX.Element;
+export default function AbstractSwitch({ controlId, controlClassName, outlineClassName, disabled, nativeControl, styledControl, label, description, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, onClick, __internalRootRef, ...rest }: AbstractSwitchProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/abstract-switch/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,~~YAAY~~,~~CAAC,~~EAAE,~~OAAO~~,CAAC;~~CACxB~~;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,~~YAAY~~,~~EACZ~~,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,~~eAyErB~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAiErB"}

package/lib/internal/template/internal/components/abstract-switch/index.js CHANGED Viewed

@@ -11,19 +11,12 @@ function joinString(values) {
 }
 export default function AbstractSwitch(_a) {
     var _b, _c;
-    var controlId = _a.controlId, controlClassName = _a.controlClassName, outlineClassName = _a.outlineClassName, disabled = _a.disabled, nativeControl = _a.nativeControl, styledControl = _a.styledControl, label = _a.label, description = _a.description, descriptionBottomPadding = _a.descriptionBottomPadding, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, withoutLabel = _a.withoutLabel, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["controlId", "controlClassName", "outlineClassName", "disabled", "nativeControl", "styledControl", "label", "description", "descriptionBottomPadding", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "withoutLabel", "__internalRootRef"]);
+    var controlId = _a.controlId, controlClassName = _a.controlClassName, outlineClassName = _a.outlineClassName, disabled = _a.disabled, nativeControl = _a.nativeControl, styledControl = _a.styledControl, label = _a.label, description = _a.description, descriptionBottomPadding = _a.descriptionBottomPadding, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, onClick = _a.onClick, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["controlId", "controlClassName", "outlineClassName", "disabled", "nativeControl", "styledControl", "label", "description", "descriptionBottomPadding", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onClick", "__internalRootRef"]);
     var uniqueId = useUniqueId();
     var id = controlId || uniqueId;
     var focusVisible = useFocusVisible();
-    var wrapperId = "".concat(id, "-wrapper");
     var labelId = "".concat(id, "-label");
     var descriptionId = "".concat(id, "-description");
-    var WrapperElement = withoutLabel ? 'div' : 'label';
-    var wrapperAttributes = {};
-    if (!withoutLabel) {
-        wrapperAttributes.id = wrapperId;
-        wrapperAttributes.htmlFor = id;
-    }
     var ariaLabelledByIds = [];
     if (label) {
         ariaLabelledByIds.push(labelId);
@@ -39,7 +32,7 @@ export default function AbstractSwitch(_a) {
         ariaDescriptons.push(descriptionId);
     }
     return (React.createElement("div", __assign({}, rest, { className: clsx(styles.wrapper, rest.className), ref: __internalRootRef }),
-        React.createElement(WrapperElement, __assign({}, wrapperAttributes, { className: styles['label-wrapper'], "aria-disabled": disabled ? 'true' : undefined }),
+        React.createElement("div", { className: styles['label-wrapper'], "aria-disabled": disabled ? 'true' : undefined, onClick: disabled ? undefined : onClick },
             React.createElement("span", { className: clsx(styles.control, controlClassName) },
                 styledControl,
                 nativeControl(__assign(__assign({}, focusVisible), { id: id, disabled: disabled, className: styles['native-input'], 'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined, 'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined, 'aria-label': ariaLabel })),

package/lib/internal/template/internal/components/abstract-switch/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAmBxD,SAAS,UAAU,CAAC,MAA8B;IAChD,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK,IAAsB,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAgBjB;;IAfpB,IAAA,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,wBAAwB,8BAAA,EACxB,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,~~YAAY~~,~~kBAAA~~,~~EACZ~~,iBAAiB,uBAAA,EACd,IAAI,cAf8B,~~8OAgBtC~~,CADQ;IAEP,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,EAAE,GAAG,SAAS,IAAI,QAAQ,CAAC;IAEjC,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,~~SAAS,GAAG,UAAG,EAAE,aAAU,CAAC;IAClC,IAAM,~~OAAO,GAAG,UAAG,EAAE,WAAQ,CAAC;IAC9B,IAAM,aAAa,GAAG,UAAG,EAAE,iBAAc,CAAC;IAE1C,IAAM,~~cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;IACtD,IAAM,~~iBAAiB,~~GAAuC,EAAE,CAAC;IACjE,IAAI,CAAC,YAAY,EAAE;QACjB,iBAAiB,CAAC,EAAE,~~GAAG,~~SAAS,CAAC;QACjC,iBAAiB,CAAC,OAAO,GAAG,~~EAAE,CAAC;~~KAChC;IAED,IAAM,iBAAiB,GAAG,EAAE,CAAC;~~IAC7B,IAAI,KAAK,EAAE;QACT,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACjC;IACD,IAAI,cAAc,EAAE;QAClB,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KACxC;IAED,IAAM,eAAe,GAAG,EAAE,CAAC;IAC3B,IAAI,eAAe,EAAE;QACnB,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACvC;IACD,IAAI,WAAW,EAAE;QACf,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KACrC;IAED,OAAO,CACL,wCAAS,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,iBAAiB;QACpF,~~oBAAC~~,~~cAAc,eACT,iBAAiB,IACrB,~~SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,mBACnB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;~~YAE5C~~,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC;gBACpD,aAAa;gBACb,aAAa,uBACT,YAAY,KACf,EAAE,IAAA,EACF,QAAQ,UAAA,EACR,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACjC,kBAAkB,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EACpF,iBAAiB,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,EACvF,YAAY,EAAE,SAAS,IACvB;gBACF,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,GAAI,CACtD;YACP,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC;gBACrF,KAAK,IAAI,CACR,8BAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,YAAI,GAAC,MAAM,CAAC,gBAAgB,CAAC,IAAG,QAAQ,MAAG,IACvF,KAAK,CACD,CACR;gBACA,WAAW,IAAI,CACd,8BACE,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW;wBAChC,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,QAAQ;wBAC1C,GAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,wBAAwB;4BAChE,IAED,WAAW,CACP,CACR,CACI,~~CACQ~~,~~CACb~~,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../../hooks/focus-visible';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n controlId?: string;\n controlClassName: string;\n outlineClassName: string;\n disabled?: boolean;\n nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n styledControl: React.ReactElement;\n label?: React.ReactNode;\n description?: React.ReactNode;\n descriptionBottomPadding?: boolean;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n ~~withoutLabel?:~~ ~~boolean~~;\n}\n\nfunction joinString(values: (string \| undefined)[]) {\n return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n controlId,\n controlClassName,\n outlineClassName,\n disabled,\n nativeControl,\n styledControl,\n label,\n description,\n descriptionBottomPadding,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ~~withoutLabel~~,\n __internalRootRef,\n ...rest\n}: AbstractSwitchProps) {\n const uniqueId = useUniqueId();\n const id = controlId \|\| uniqueId;\n\n const focusVisible = useFocusVisible();\n const ~~wrapperId = `${id}-wrapper`;\n const~~ labelId = `${id}-label`;\n const descriptionId = `${id}-description`;\n\n const WrapperElement = withoutLabel ? 'div' : 'label';\n const wrapperAttributes: Record<string, string \| undefined> = {};\n if (!withoutLabel) {\n wrapperAttributes.id = wrapperId;\n wrapperAttributes.htmlFor = id;\n }\n\n const ariaLabelledByIds = [];\n if (label) {\n ariaLabelledByIds.push(labelId);\n }\n if (ariaLabelledby) {\n ariaLabelledByIds.push(ariaLabelledby);\n }\n\n const ariaDescriptons = [];\n if (ariaDescribedby) {\n ariaDescriptons.push(ariaDescribedby);\n }\n if (description) {\n ariaDescriptons.push(descriptionId);\n }\n\n return (\n <div {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n <~~WrapperElement~~\n ~~{...wrapperAttributes}\n~~ className={styles['label-wrapper']}\n aria-disabled={disabled ? 'true' : undefined}\n >\n <span className={clsx(styles.control, controlClassName)}>\n {styledControl}\n {nativeControl({\n ...focusVisible,\n id,\n disabled,\n className: styles['native-input'],\n 'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,\n 'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n 'aria-label': ariaLabel,\n })}\n <span className={clsx(styles.outline, outlineClassName)} />\n </span>\n <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n {label && (\n <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n {label}\n </span>\n )}\n {description && (\n <span\n id={descriptionId}\n className={clsx(styles.description, {\n [styles['description-disabled']]: disabled,\n [styles['description-bottom-padding']]: descriptionBottomPadding,\n })}\n >\n {description}\n </span>\n )}\n </span>\n </~~WrapperElement~~>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../../hooks/focus-visible';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n controlId?: string;\n controlClassName: string;\n outlineClassName: string;\n disabled?: boolean;\n nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n styledControl: React.ReactElement;\n label?: React.ReactNode;\n description?: React.ReactNode;\n descriptionBottomPadding?: boolean;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onClick: () => void;\n}\n\nfunction joinString(values: (string \| undefined)[]) {\n return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n controlId,\n controlClassName,\n outlineClassName,\n disabled,\n nativeControl,\n styledControl,\n label,\n description,\n descriptionBottomPadding,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n onClick,\n __internalRootRef,\n ...rest\n}: AbstractSwitchProps) {\n const uniqueId = useUniqueId();\n const id = controlId \|\| uniqueId;\n\n const focusVisible = useFocusVisible();\n const labelId = `${id}-label`;\n const descriptionId = `${id}-description`;\n\n const ariaLabelledByIds = [];\n if (label) {\n ariaLabelledByIds.push(labelId);\n }\n if (ariaLabelledby) {\n ariaLabelledByIds.push(ariaLabelledby);\n }\n\n const ariaDescriptons = [];\n if (ariaDescribedby) {\n ariaDescriptons.push(ariaDescribedby);\n }\n if (description) {\n ariaDescriptons.push(descriptionId);\n }\n\n return (\n <div {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n <div\n className={styles['label-wrapper']}\n aria-disabled={disabled ? 'true' : undefined}\n onClick={disabled ? undefined : onClick}\n >\n <span className={clsx(styles.control, controlClassName)}>\n {styledControl}\n {nativeControl({\n ...focusVisible,\n id,\n disabled,\n className: styles['native-input'],\n 'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,\n 'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n 'aria-label': ariaLabel,\n })}\n <span className={clsx(styles.outline, outlineClassName)} />\n </span>\n <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n {label && (\n <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n {label}\n </span>\n )}\n {description && (\n <span\n id={descriptionId}\n className={clsx(styles.description, {\n [styles['description-disabled']]: disabled,\n [styles['description-bottom-padding']]: descriptionBottomPadding,\n })}\n >\n {description}\n </span>\n )}\n </span>\n </div>\n </div>\n );\n}\n"]}