@cloudscape-design/components 3.0.0

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

@@ -0,0 +1,395 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_calendar_mgja0_h6650_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_mgja0_h6650_1 135ms ease-out;
+  animation: awsui_awsui-motion-fade-in-0_mgja0_h6650_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_h6650_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_calendar_mgja0_h6650_93:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_calendar_mgja0_h6650_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_h6650_93:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_mgja0_h6650_120:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  max-width: 32em;
+}
+
+.awsui_trigger-wrapper_mgja0_h6650_132:not(#\9) {
+  min-width: calc(238px + 2 * 20px);
+  min-width: calc(var(--size-calendar-grid-width-lxsx0p, 238px) + 2 * var(--space-l-4vl6xu, 20px));
+}
+
+.awsui_trigger-flexbox_mgja0_h6650_136:not(#\9) {
+  display: flex;
+}
+
+.awsui_preferred-wordbreak_mgja0_h6650_140:not(#\9) {
+  display: inline-block;
+}
+
+.awsui_calendar_mgja0_h6650_93:not(#\9) {
+  display: block;
+  width: calc(2 * 238px + 8px);
+  width: calc(2 * var(--size-calendar-grid-width-lxsx0p, 238px) + var(--space-xs-rsr2qu, 8px));
+}
+.awsui_calendar_mgja0_h6650_93.awsui_one-grid_mgja0_h6650_148:not(#\9) {
+  width: 238px;
+  width: var(--size-calendar-grid-width-lxsx0p, 238px);
+}
+.awsui_calendar-header_mgja0_h6650_151:not(#\9) {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+}
+.awsui_calendar-header-months-wrapper_mgja0_h6650_157:not(#\9) {
+  position: absolute;
+  right: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  flex: 1;
+  pointer-events: none;
+}
+.awsui_calendar-header-month_mgja0_h6650_157:not(#\9) {
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  font-weight: 700;
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  display: flex;
+  pointer-events: auto;
+}
+.awsui_calendar-next-month-btn_mgja0_h6650_177:not(#\9) {
+  /* used for identifying element */
+}
+.awsui_calendar-prev-month-btn_mgja0_h6650_180:not(#\9) {
+  /* used for identifying element */
+}
+.awsui_calendar-day-names_mgja0_h6650_183:not(#\9) {
+  display: flex;
+  justify-content: stretch;
+}
+.awsui_calendar-day-name_mgja0_h6650_183:not(#\9) {
+  flex: 1 1 0%;
+  width: 0;
+  word-break: break-word;
+  text-align: center;
+  padding: 12px 0 4px;
+  padding: var(--space-s-hv8c1d, 12px) 0 var(--space-xxs-ynfts5, 4px);
+  color: #5f6b7a;
+  color: var(--color-text-calendar-month-elf7e9, #5f6b7a);
+  font-size: 12px;
+  font-size: var(--font-body-s-size-ukw2p9, 12px);
+  line-height: 16px;
+  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
+  letter-spacing: 0.005em;
+  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
+}
+.awsui_calendar-week_mgja0_h6650_198:not(#\9) {
+  display: flex;
+  justify-content: stretch;
+}
+
+.awsui_first-grid_mgja0_h6650_203:not(#\9),
+.awsui_second-grid_mgja0_h6650_204:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_grid_mgja0_h6650_208:not(#\9) {
+  width: 238px;
+  width: var(--size-calendar-grid-width-lxsx0p, 238px);
+}
+
+.awsui_date-and-time-wrapper_mgja0_h6650_212:not(#\9) {
+  display: flex;
+  width: 238px;
+  width: var(--size-calendar-grid-width-lxsx0p, 238px);
+}
+.awsui_date-and-time-wrapper__date_mgja0_h6650_216:not(#\9) {
+  margin-right: 8px;
+  margin-right: var(--space-xs-rsr2qu, 8px);
+}
+.awsui_date-and-time-wrapper_mgja0_h6650_212 > .awsui_date-and-time-wrapper__time_mgja0_h6650_219:not(#\9), .awsui_date-and-time-wrapper_mgja0_h6650_212 > .awsui_date-and-time-wrapper__date_mgja0_h6650_216:not(#\9) {
+  flex-grow: 1;
+}
+
+.awsui_date-and-time-constrainttext_mgja0_h6650_223:not(#\9) {
+  color: #5f6b7a;
+  color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
+  font-size: 12px;
+  font-size: var(--font-body-s-size-ukw2p9, 12px);
+  line-height: 16px;
+  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
+  letter-spacing: 0.005em;
+  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
+}
+
+.awsui_footer_mgja0_h6650_230:not(#\9) {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  border-top: 1px solid #e9ebed;
+  border-top: 1px solid var(--color-border-dropdown-item-default-faosd8, #e9ebed);
+  padding: 0 20px 12px;
+  padding: 0 var(--space-l-4vl6xu, 20px) var(--space-s-hv8c1d, 12px);
+}
+.awsui_footer_mgja0_h6650_230.awsui_has-clear-button_mgja0_h6650_237:not(#\9) {
+  justify-content: space-between;
+}
+.awsui_footer_mgja0_h6650_230.awsui_one-grid_mgja0_h6650_148:not(#\9) {
+  padding: 0 8px 12px;
+  padding: 0 var(--space-xs-rsr2qu, 8px) var(--space-s-hv8c1d, 12px);
+}
+
+.awsui_footer-button-wrapper_mgja0_h6650_244:not(#\9) {
+  padding-top: 12px;
+  padding-top: var(--space-s-hv8c1d, 12px);
+}
+
+.awsui_icon-wrapper_mgja0_h6650_248:not(#\9) {
+  color: #414d5c;
+  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
+  margin-right: 8px;
+  margin-right: var(--space-xs-rsr2qu, 8px);
+}
+
+.awsui_label_mgja0_h6650_253:not(#\9) {
+  -webkit-user-select: text;
+      -ms-user-select: text;
+          user-select: text;
+  cursor: default;
+}
+
+.awsui_label_mgja0_h6650_253.awsui_label-enabled_mgja0_h6650_258:not(#\9):hover > .awsui_trigger-flexbox_mgja0_h6650_136 > .awsui_icon-wrapper_mgja0_h6650_248 {
+  color: #000716;
+  color: var(--color-text-interactive-hover-v3lasm, #000716);
+}
+
+.awsui_label-text_mgja0_h6650_262:not(#\9) {
+  color: #5f6b7a;
+  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
+  font-style: italic;
+}
+
+.awsui_mode-switch_mgja0_h6650_267:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_dropdown_mgja0_h6650_271:not(#\9) {
+  overflow: auto;
+  border-top: 1px solid transparent;
+  border-top: 1px solid var(--color-border-container-top-srcvx4, transparent);
+  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid var(--color-border-container-top-srcvx4, transparent);
+  border-radius: 8px;
+  border-radius: var(--border-dropdown-radius-mi4tcw, 8px);
+}
+.awsui_dropdown_mgja0_h6650_271:not(#\9):focus {
+  outline: none;
+}
+.awsui_dropdown_mgja0_h6650_271[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: 2px;
+  border-radius: 16px;
+  border-radius: var(--border-container-radius-8dqnwf, 16px);
+  box-shadow: 0 0 0 2px #0972d3;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+
+.awsui_dropdown-content_mgja0_h6650_287:not(#\9) {
+  -webkit-user-select: text;
+      -ms-user-select: text;
+          user-select: text;
+  background-color: #ffffff;
+  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
+  width: calc(2 * 238px + 8px + 2 * 20px);
+  width: calc(2 * var(--size-calendar-grid-width-lxsx0p, 238px) + var(--space-xs-rsr2qu, 8px) + 2 * var(--space-l-4vl6xu, 20px));
+}
+.awsui_dropdown-content_mgja0_h6650_287.awsui_one-grid_mgja0_h6650_148:not(#\9) {
+  width: calc(238px + 2 * 20px);
+  width: calc(var(--size-calendar-grid-width-lxsx0p, 238px) + 2 * var(--space-l-4vl6xu, 20px));
+}
+
+.awsui_start-date-input_mgja0_h6650_296:not(#\9),
+.awsui_start-time-input_mgja0_h6650_297:not(#\9),
+.awsui_end-date-input_mgja0_h6650_298:not(#\9),
+.awsui_end-time-input_mgja0_h6650_299:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_validation-section_mgja0_h6650_303:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_validation-error_mgja0_h6650_307:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_clear-button_mgja0_h6650_311:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_apply-button_mgja0_h6650_315:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_cancel-button_mgja0_h6650_319:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_calendar-aria-live_mgja0_h6650_323:not(#\9) {
+  /* used in test-utils */
+}

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

@@ -0,0 +1,48 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "calendar": "awsui_calendar_mgja0_h6650_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_h6650_1",
+  "root": "awsui_root_mgja0_h6650_120",
+  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_h6650_132",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_h6650_136",
+  "preferred-wordbreak": "awsui_preferred-wordbreak_mgja0_h6650_140",
+  "one-grid": "awsui_one-grid_mgja0_h6650_148",
+  "calendar-header": "awsui_calendar-header_mgja0_h6650_151",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_h6650_157",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_h6650_157",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_h6650_177",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_h6650_180",
+  "calendar-day-names": "awsui_calendar-day-names_mgja0_h6650_183",
+  "calendar-day-name": "awsui_calendar-day-name_mgja0_h6650_183",
+  "calendar-week": "awsui_calendar-week_mgja0_h6650_198",
+  "first-grid": "awsui_first-grid_mgja0_h6650_203",
+  "second-grid": "awsui_second-grid_mgja0_h6650_204",
+  "grid": "awsui_grid_mgja0_h6650_208",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_h6650_212",
+  "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_h6650_216",
+  "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_h6650_219",
+  "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_h6650_223",
+  "footer": "awsui_footer_mgja0_h6650_230",
+  "has-clear-button": "awsui_has-clear-button_mgja0_h6650_237",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_h6650_244",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_h6650_248",
+  "label": "awsui_label_mgja0_h6650_253",
+  "label-enabled": "awsui_label-enabled_mgja0_h6650_258",
+  "label-text": "awsui_label-text_mgja0_h6650_262",
+  "mode-switch": "awsui_mode-switch_mgja0_h6650_267",
+  "dropdown": "awsui_dropdown_mgja0_h6650_271",
+  "dropdown-content": "awsui_dropdown-content_mgja0_h6650_287",
+  "start-date-input": "awsui_start-date-input_mgja0_h6650_296",
+  "start-time-input": "awsui_start-time-input_mgja0_h6650_297",
+  "end-date-input": "awsui_end-date-input_mgja0_h6650_298",
+  "end-time-input": "awsui_end-time-input_mgja0_h6650_299",
+  "validation-section": "awsui_validation-section_mgja0_h6650_303",
+  "validation-error": "awsui_validation-error_mgja0_h6650_307",
+  "clear-button": "awsui_clear-button_mgja0_h6650_311",
+  "apply-button": "awsui_apply-button_mgja0_h6650_315",
+  "cancel-button": "awsui_cancel-button_mgja0_h6650_319",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_h6650_323"
+};
+  

package/date-range-picker/time-offset.d.ts

@@ -0,0 +1,19 @@
+import { DateRangePickerProps } from './interfaces';
+/**
+ * Returns the time offset of the browser.
+ *
+ * I.e. determines the `x` in `current offset = UTC + x`
+ */
+export declare function getBrowserTimezoneOffset(): number;
+/**
+ * Appends a time zone offset to an offset-less date string.
+ */
+export declare function setTimeOffset(value: DateRangePickerProps.Value | null, timeOffsetInMinutes: number): DateRangePickerProps.Value | null;
+export declare function formatOffset(offsetInMinutes: number): string;
+/**
+ * Re-formats an absolute date range so that it is expressed using the
+ * target time offset. The returned value still represents the same range
+ * in time, but contains no visible offset.
+ */
+export declare function shiftTimeOffset(value: null | DateRangePickerProps.Value, timeOffsetInMinutes: number): DateRangePickerProps.Value | null;
+//# sourceMappingURL=time-offset.d.ts.map

package/date-range-picker/time-offset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-offset.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/time-offset.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAMpD;;;;GAIG;AACH,wBAAgB,wBAAwB,WAEvC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,oBAAoB,CAAC,KAAK,GAAG,IAAI,EACxC,mBAAmB,EAAE,MAAM,GAC1B,oBAAoB,CAAC,KAAK,GAAG,IAAI,CAcnC;AAED,wBAAgB,YAAY,CAAC,eAAe,EAAE,MAAM,UAQnD;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,EACxC,mBAAmB,EAAE,MAAM,GAC1B,oBAAoB,CAAC,KAAK,GAAG,IAAI,CA2BnC"}

package/date-range-picker/time-offset.js

@@ -0,0 +1,101 @@
+import { padLeftZeros } from '../internal/components/masked-input/utils/strings';
+import { addMinutes } from 'date-fns';
+import { formatTime, formatDate } from '../date-picker/calendar/utils/date';
+import { warnOnce } from '../internal/logging';
+/**
+ * Returns the time offset of the browser.
+ *
+ * I.e. determines the `x` in `current offset = UTC + x`
+ */
+export function getBrowserTimezoneOffset() {
+    return 0 - new Date().getTimezoneOffset();
+}
+/**
+ * Appends a time zone offset to an offset-less date string.
+ */
+export function setTimeOffset(value, timeOffsetInMinutes) {
+    if (!((value === null || value === void 0 ? void 0 : value.type) === 'absolute')) {
+        return value;
+    }
+    var offsetSuffix = formatOffset(timeOffsetInMinutes);
+    var startDate = value.startDate, endDate = value.endDate;
+    return {
+        type: 'absolute',
+        startDate: startDate + offsetSuffix,
+        endDate: endDate + offsetSuffix
+    };
+}
+export function formatOffset(offsetInMinutes) {
+    var hoursOffset = padLeftZeros(Math.floor(Math.abs(offsetInMinutes) / 60).toFixed(0), 2);
+    var minuteOffset = padLeftZeros(Math.abs(offsetInMinutes % 60).toFixed(0), 2);
+    var sign = offsetInMinutes < 0 ? '-' : '+';
+    var offsetSuffix = "".concat(sign).concat(hoursOffset, ":").concat(minuteOffset);
+    return offsetSuffix;
+}
+/**
+ * Re-formats an absolute date range so that it is expressed using the
+ * target time offset. The returned value still represents the same range
+ * in time, but contains no visible offset.
+ */
+export function shiftTimeOffset(value, timeOffsetInMinutes) {
+    if (!value || value.type !== 'absolute') {
+        return value;
+    }
+    /*
+      This regex matches an ISO date-time with
+      - optional seconds;
+      - optional milliseconds;
+      - optional time offset or 'Z'.
+    */
+    var dateTimeRegex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d{1,3})?(((\+|-)\d{2}(:\d{2})?)|Z)?$/;
+    if (!dateTimeRegex.test(value.startDate) || !dateTimeRegex.test(value.endDate)) {
+        warnOnce('DateRangePicker', 'You have provided a misformatted start or end date. The component will fall back to an empty value. ' +
+            'Dates have to be ISO8601-formatted with an optional time zone offset.');
+        return null;
+    }
+    return {
+        type: 'absolute',
+        startDate: doShiftTimeOffset(value.startDate, timeOffsetInMinutes),
+        endDate: doShiftTimeOffset(value.endDate, timeOffsetInMinutes)
+    };
+}
+/**
+ * Re-formats an ISO8601 date string so that it is expressed using the
+ * target time offset. The returned date string still represents the
+ * same instant in time, but contains no visible offset.
+ *
+ * Example:
+ * ```
+ * doShiftTimeOffset("2020-01-01T09:00:00+03:00", 2 * 60)
+ * = "2020-01-01T08:00:00"
+ * ```
+ */
+function doShiftTimeOffset(value, targetOffsetInMinutes) {
+    var _a = splitOffset(value), valueWithoutOffset = _a[0], offsetInMinutes = _a[1];
+    var differenceBetweenValueAndTarget = targetOffsetInMinutes - offsetInMinutes;
+    var date = new Date(valueWithoutOffset);
+    var adjustedDate = addMinutes(date, differenceBetweenValueAndTarget);
+    var formattedDate = formatDate(adjustedDate);
+    var formattedTime = formatTime(adjustedDate);
+    return "".concat(formattedDate, "T").concat(formattedTime);
+}
+/**
+ * Splits an ISO8601 date string into its timezone-independent part
+ * and its time offset in minutes.
+ */
+function splitOffset(value) {
+    var _a = value.split('T'), datePart = _a[0], timePart = _a[1];
+    var _b = timePart.split(/(-|\+)/), time = _b[0], signCharacter = _b[1], offsetPart = _b[2];
+    if (signCharacter && offsetPart) {
+        var _c = offsetPart.split(':'), offsetHours = _c[0], offsetMinutes = _c[1];
+        var offset = Number(offsetHours) * 60 + Number(offsetMinutes);
+        var sign = signCharacter === '-' ? -1 : 1;
+        return ["".concat(datePart, "T").concat(time), offset * sign];
+    }
+    var utcTimezoneIndicator = value.indexOf('Z');
+    if (utcTimezoneIndicator !== -1) {
+        return [value.substring(0, utcTimezoneIndicator), 0];
+    }
+    return [value, getBrowserTimezoneOffset()];
+}
+//# sourceMappingURL=time-offset.js.map

package/date-range-picker/time-offset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-offset.js","sourceRoot":"","sources":["../../../src/date-range-picker/time-offset.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C;;;;GAIG;AACH,MAAM,UAAU,wBAAwB;IACtC,OAAO,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC,iBAAiB,EAAE,CAAC;AAC5C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAwC,EACxC,mBAA2B;IAE3B,IAAI,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,UAAU,CAAC,EAAE;QACjC,OAAO,KAAK,CAAC;KACd;IAED,IAAM,YAAY,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAE/C,IAAA,SAAS,GAAc,KAAK,UAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAErC,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,SAAS,GAAG,YAAY;QACnC,OAAO,EAAE,OAAO,GAAG,YAAY;KAChC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,eAAuB;IAClD,IAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3F,IAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhF,IAAM,IAAI,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,IAAM,YAAY,GAAG,UAAG,IAAI,SAAG,WAAW,cAAI,YAAY,CAAE,CAAC;IAE7D,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,KAAwC,EACxC,mBAA2B;IAE3B,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;QACvC,OAAO,KAAK,CAAC;KACd;IAED;;;;;MAKE;IACF,IAAM,aAAa,GAAG,iFAAiF,CAAC;IAExG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QAC9E,QAAQ,CACN,iBAAiB,EACjB,sGAAsG;YACpG,uEAAuE,CAC1E,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,iBAAiB,CAAC,KAAK,CAAC,SAAS,EAAE,mBAAmB,CAAC;QAClE,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,mBAAmB,CAAC;KAC/D,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAS,iBAAiB,CAAC,KAAa,EAAE,qBAA6B;IAC/D,IAAA,KAAwC,WAAW,CAAC,KAAK,CAAC,EAAzD,kBAAkB,QAAA,EAAE,eAAe,QAAsB,CAAC;IAEjE,IAAM,+BAA+B,GAAG,qBAAqB,GAAG,eAAe,CAAC;IAEhF,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1C,IAAM,YAAY,GAAG,UAAU,CAAC,IAAI,EAAE,+BAA+B,CAAC,CAAC;IAEvE,IAAM,aAAa,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/C,IAAM,aAAa,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE/C,OAAO,UAAG,aAAa,cAAI,aAAa,CAAE,CAAC;AAC7C,CAAC;AAED;;;GAGG;AACH,SAAS,WAAW,CAAC,KAAa;IAC1B,IAAA,KAAuB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAtC,QAAQ,QAAA,EAAE,QAAQ,QAAoB,CAAC;IACxC,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA3D,IAAI,QAAA,EAAE,aAAa,QAAA,EAAE,UAAU,QAA4B,CAAC;IAEnE,IAAI,aAAa,IAAI,UAAU,EAAE;QACzB,IAAA,KAA+B,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,EAAnD,WAAW,QAAA,EAAE,aAAa,QAAyB,CAAC;QAE3D,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAEhE,IAAM,IAAI,GAAG,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE5C,OAAO,CAAC,UAAG,QAAQ,cAAI,IAAI,CAAE,EAAE,MAAM,GAAG,IAAI,CAAU,CAAC;KACxD;IAED,IAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAChD,IAAI,oBAAoB,KAAK,CAAC,CAAC,EAAE;QAC/B,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,oBAAoB,CAAC,EAAE,CAAC,CAAU,CAAC;KAC/D;IAED,OAAO,CAAC,KAAK,EAAE,wBAAwB,EAAE,CAAU,CAAC;AACtD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DateRangePickerProps } from './interfaces';\nimport { padLeftZeros } from '../internal/components/masked-input/utils/strings';\nimport { addMinutes } from 'date-fns';\nimport { formatTime, formatDate } from '../date-picker/calendar/utils/date';\nimport { warnOnce } from '../internal/logging';\n\n/**\n * Returns the time offset of the browser.\n *\n * I.e. determines the `x` in `current offset = UTC + x`\n */\nexport function getBrowserTimezoneOffset() {\n  return 0 - new Date().getTimezoneOffset();\n}\n\n/**\n * Appends a time zone offset to an offset-less date string.\n */\nexport function setTimeOffset(\n  value: DateRangePickerProps.Value | null,\n  timeOffsetInMinutes: number\n): DateRangePickerProps.Value | null {\n  if (!(value?.type === 'absolute')) {\n    return value;\n  }\n\n  const offsetSuffix = formatOffset(timeOffsetInMinutes);\n\n  const { startDate, endDate } = value;\n\n  return {\n    type: 'absolute',\n    startDate: startDate + offsetSuffix,\n    endDate: endDate + offsetSuffix,\n  };\n}\n\nexport function formatOffset(offsetInMinutes: number) {\n  const hoursOffset = padLeftZeros(Math.floor(Math.abs(offsetInMinutes) / 60).toFixed(0), 2);\n  const minuteOffset = padLeftZeros(Math.abs(offsetInMinutes % 60).toFixed(0), 2);\n\n  const sign = offsetInMinutes < 0 ? '-' : '+';\n  const offsetSuffix = `${sign}${hoursOffset}:${minuteOffset}`;\n\n  return offsetSuffix;\n}\n\n/**\n * Re-formats an absolute date range so that it is expressed using the\n * target time offset. The returned value still represents the same range\n * in time, but contains no visible offset.\n */\nexport function shiftTimeOffset(\n  value: null | DateRangePickerProps.Value,\n  timeOffsetInMinutes: number\n): DateRangePickerProps.Value | null {\n  if (!value || value.type !== 'absolute') {\n    return value;\n  }\n\n  /*\n    This regex matches an ISO date-time with\n    - optional seconds;\n    - optional milliseconds;\n    - optional time offset or 'Z'.\n  */\n  const dateTimeRegex = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}(:\\d{2})?(\\.\\d{1,3})?(((\\+|-)\\d{2}(:\\d{2})?)|Z)?$/;\n\n  if (!dateTimeRegex.test(value.startDate) || !dateTimeRegex.test(value.endDate)) {\n    warnOnce(\n      'DateRangePicker',\n      'You have provided a misformatted start or end date. The component will fall back to an empty value. ' +\n        'Dates have to be ISO8601-formatted with an optional time zone offset.'\n    );\n    return null;\n  }\n\n  return {\n    type: 'absolute',\n    startDate: doShiftTimeOffset(value.startDate, timeOffsetInMinutes),\n    endDate: doShiftTimeOffset(value.endDate, timeOffsetInMinutes),\n  };\n}\n\n/**\n * Re-formats an ISO8601 date string so that it is expressed using the\n * target time offset. The returned date string still represents the\n * same instant in time, but contains no visible offset.\n *\n * Example:\n * ```\n * doShiftTimeOffset(\"2020-01-01T09:00:00+03:00\", 2 * 60)\n * = \"2020-01-01T08:00:00\"\n * ```\n */\nfunction doShiftTimeOffset(value: string, targetOffsetInMinutes: number) {\n  const [valueWithoutOffset, offsetInMinutes] = splitOffset(value);\n\n  const differenceBetweenValueAndTarget = targetOffsetInMinutes - offsetInMinutes;\n\n  const date = new Date(valueWithoutOffset);\n  const adjustedDate = addMinutes(date, differenceBetweenValueAndTarget);\n\n  const formattedDate = formatDate(adjustedDate);\n  const formattedTime = formatTime(adjustedDate);\n\n  return `${formattedDate}T${formattedTime}`;\n}\n\n/**\n * Splits an ISO8601 date string into its timezone-independent part\n * and its time offset in minutes.\n */\nfunction splitOffset(value: string) {\n  const [datePart, timePart] = value.split('T');\n  const [time, signCharacter, offsetPart] = timePart.split(/(-|\\+)/);\n\n  if (signCharacter && offsetPart) {\n    const [offsetHours, offsetMinutes] = offsetPart.split(':');\n\n    const offset = Number(offsetHours) * 60 + Number(offsetMinutes);\n\n    const sign = signCharacter === '-' ? -1 : 1;\n\n    return [`${datePart}T${time}`, offset * sign] as const;\n  }\n\n  const utcTimezoneIndicator = value.indexOf('Z');\n  if (utcTimezoneIndicator !== -1) {\n    return [value.substring(0, utcTimezoneIndicator), 0] as const;\n  }\n\n  return [value, getBrowserTimezoneOffset()] as const;\n}\n"]}

package/expandable-section/expandable-section-container.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ExpandableSectionProps } from './interfaces';
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+interface ExpandableSectionContainerProps extends InternalBaseComponentProps {
+    className?: string;
+    header: React.ReactNode;
+    children?: React.ReactNode;
+    variant: ExpandableSectionProps.Variant;
+    expanded: boolean | undefined;
+    disableContentPaddings: boolean | undefined;
+}
+export declare const ExpandableSectionContainer: ({ className, children, header, variant, expanded, disableContentPaddings, __internalRootRef, ...rest }: ExpandableSectionContainerProps) => JSX.Element;
+export {};
+//# sourceMappingURL=expandable-section-container.d.ts.map

package/expandable-section/expandable-section-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,0BAA0B,2GASpC,+BAA+B,gBAuBjC,CAAC"}

package/expandable-section/expandable-section-container.js

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import InternalContainer from '../container/internal';
+import React from 'react';
+export var ExpandableSectionContainer = function (_a) {
+    var className = _a.className, children = _a.children, header = _a.header, variant = _a.variant, expanded = _a.expanded, disableContentPaddings = _a.disableContentPaddings, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["className", "children", "header", "variant", "expanded", "disableContentPaddings", "__internalRootRef"]);
+    if (variant === 'container') {
+        return (React.createElement(InternalContainer, __assign({}, rest, { className: className, header: header, variant: "default", disableContentPaddings: disableContentPaddings || !expanded, disableHeaderPaddings: true, __internalRootRef: __internalRootRef }), children));
+    }
+    return (React.createElement("div", __assign({ className: className }, rest, { ref: __internalRootRef }),
+        header,
+        children));
+};
+//# sourceMappingURL=expandable-section-container.js.map

package/expandable-section/expandable-section-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAST;IARhC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,sBAAsB,4BAAA,EACtB,iBAAiB,uBAAA,EACd,IAAI,cARkC,yGAS1C,CADQ;IAEP,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,OAAO,CACL,oBAAC,iBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,SAAS,EACjB,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,iBAAiB,EAAE,iBAAiB,KAEnC,QAAQ,CACS,CACrB,CAAC;KACH;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,SAAS,IAAM,IAAI,IAAE,GAAG,EAAE,iBAAiB;QACxD,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport InternalContainer from '../container/internal';\nimport React from 'react';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n  className?: string;\n  header: React.ReactNode;\n  children?: React.ReactNode;\n  variant: ExpandableSectionProps.Variant;\n  expanded: boolean | undefined;\n  disableContentPaddings: boolean | undefined;\n}\n\nexport const ExpandableSectionContainer = ({\n  className,\n  children,\n  header,\n  variant,\n  expanded,\n  disableContentPaddings,\n  __internalRootRef,\n  ...rest\n}: ExpandableSectionContainerProps) => {\n  if (variant === 'container') {\n    return (\n      <InternalContainer\n        {...rest}\n        className={className}\n        header={header}\n        variant=\"default\"\n        disableContentPaddings={disableContentPaddings || !expanded}\n        disableHeaderPaddings={true}\n        __internalRootRef={__internalRootRef}\n      >\n        {children}\n      </InternalContainer>\n    );\n  }\n\n  return (\n    <div className={className} {...rest} ref={__internalRootRef}>\n      {header}\n      {children}\n    </div>\n  );\n};\n"]}

package/expandable-section/expandable-section-header.d.ts

@@ -0,0 +1,17 @@
+import { ExpandableSectionProps } from './interfaces';
+import { KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
+interface ExpandableSectionHeaderProps {
+    id: string;
+    className?: string;
+    variant: ExpandableSectionProps.Variant;
+    children?: ReactNode;
+    expanded: boolean;
+    ariaControls: string;
+    ariaLabelledBy: string;
+    onKeyUp: KeyboardEventHandler;
+    onKeyDown: KeyboardEventHandler;
+    onClick: MouseEventHandler;
+}
+export declare const ExpandableSectionHeader: ({ id, className, variant, children, expanded, ariaControls, ariaLabelledBy, onKeyUp, onKeyDown, onClick, }: ExpandableSectionHeaderProps) => JSX.Element;
+export {};
+//# sourceMappingURL=expandable-section-header.d.ts.map

package/expandable-section/expandable-section-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-section-header.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAc,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlF,UAAU,4BAA4B;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,eAAO,MAAM,uBAAuB,+GAWjC,4BAA4B,gBAiD9B,CAAC"}