@cloudscape-design/components-themeable 3.0.1079 → 3.0.1080

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 (24) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  3. package/lib/internal/scss/popover/body.scss +4 -0
  4. package/lib/internal/template/date-range-picker/time-offset.d.ts +1 -1
  5. package/lib/internal/template/date-range-picker/time-offset.d.ts.map +1 -1
  6. package/lib/internal/template/date-range-picker/time-offset.js +7 -3
  7. package/lib/internal/template/date-range-picker/time-offset.js.map +1 -1
  8. package/lib/internal/template/flashbar/style.d.ts.map +1 -1
  9. package/lib/internal/template/flashbar/style.js +16 -31
  10. package/lib/internal/template/flashbar/style.js.map +1 -1
  11. package/lib/internal/template/flashbar/utils.d.ts +1 -0
  12. package/lib/internal/template/flashbar/utils.d.ts.map +1 -1
  13. package/lib/internal/template/flashbar/utils.js +3 -0
  14. package/lib/internal/template/flashbar/utils.js.map +1 -1
  15. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  16. package/lib/internal/template/internal/environment.js +2 -2
  17. package/lib/internal/template/internal/environment.json +2 -2
  18. package/lib/internal/template/internal/utils/date-time/format-time-offset.d.ts.map +1 -1
  19. package/lib/internal/template/internal/utils/date-time/format-time-offset.js +3 -0
  20. package/lib/internal/template/internal/utils/date-time/format-time-offset.js.map +1 -1
  21. package/lib/internal/template/popover/styles.css.js +56 -56
  22. package/lib/internal/template/popover/styles.scoped.css +85 -84
  23. package/lib/internal/template/popover/styles.selectors.js +56 -56
  24. package/package.json +1 -1
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "ab3ab4767df68aeda50ba69ec6990ad2524ba93e"
2
+ "commit": "64978bc233e66c775333ae949efbedc0ca29d9f4"
3
3
  }
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "ab3ab476";
3
+ $awsui-commit-hash: "64978bc2";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-mdigke;
6
6
  $minContentWidth: --awsui-min-content-width-mdigke;
@@ -60,9 +60,13 @@ $header-row-margin-block-end: awsui.$space-xs;
60
60
 
61
61
  .content {
62
62
  @include styles.text-flex-wrapping;
63
+ // This prevents word-break style of the parent components to have an effect on the popover content.
64
+ word-break: normal;
65
+
63
66
  color: awsui.$color-text-body-secondary;
64
67
  flex: 1 1 auto;
65
68
  min-inline-size: 0;
69
+
66
70
  &-overflow-visible {
67
71
  overflow: visible;
68
72
  }
@@ -1,6 +1,6 @@
1
1
  import { DateRangePickerProps } from './interfaces';
2
2
  /**
3
- * Appends a time zone offset to an offset-less date string.
3
+ * Appends a time zone offset to a date string, replacing any existing timezone information.
4
4
  */
5
5
  export declare function setTimeOffset(value: DateRangePickerProps.Value | null, timeOffset: {
6
6
  startDate?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"time-offset.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/time-offset.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,oBAAoB,CAAC,KAAK,GAAG,IAAI,EACxC,UAAU,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GACnD,oBAAoB,CAAC,KAAK,GAAG,IAAI,CASnC;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,EACxC,UAAU,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GACnD,oBAAoB,CAAC,KAAK,GAAG,IAAI,CA2BnC;AAED,MAAM,MAAM,oBAAoB,GAC5B;IACE,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEN,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,EACxC,aAAa,CAAC,EAAE,oBAAoB,CAAC,qBAAqB,EAC1D,UAAU,CAAC,EAAE,MAAM,GAClB,oBAAoB,CAYtB"}
1
+ {"version":3,"file":"time-offset.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/time-offset.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,oBAAoB,CAAC,KAAK,GAAG,IAAI,EACxC,UAAU,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GACnD,oBAAoB,CAAC,KAAK,GAAG,IAAI,CAenC;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,EACxC,UAAU,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GACnD,oBAAoB,CAAC,KAAK,GAAG,IAAI,CA2BnC;AAED,MAAM,MAAM,oBAAoB,GAC5B;IACE,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEN,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,EACxC,aAAa,CAAC,EAAE,oBAAoB,CAAC,qBAAqB,EAC1D,UAAU,CAAC,EAAE,MAAM,GAClB,oBAAoB,CAYtB"}
@@ -4,16 +4,20 @@ import { addMinutes } from 'date-fns';
4
4
  import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
5
5
  import { formatTimeOffsetISO, parseTimezoneOffset, shiftTimezoneOffset } from '../internal/utils/date-time';
6
6
  /**
7
- * Appends a time zone offset to an offset-less date string.
7
+ * Appends a time zone offset to a date string, replacing any existing timezone information.
8
8
  */
9
9
  export function setTimeOffset(value, timeOffset) {
10
10
  if (!((value === null || value === void 0 ? void 0 : value.type) === 'absolute')) {
11
11
  return value;
12
12
  }
13
+ const stripTimezone = (dateString) => {
14
+ // Remove existing timezone info: Z, +HH:MM, -HH:MM, +HHMM, -HHMM
15
+ return dateString.replace(/[Z]$|[+-]\d{2}:?\d{2}$/, '');
16
+ };
13
17
  return {
14
18
  type: 'absolute',
15
- startDate: value.startDate + formatTimeOffsetISO(value.startDate, timeOffset.startDate),
16
- endDate: value.endDate + formatTimeOffsetISO(value.endDate, timeOffset.endDate),
19
+ startDate: stripTimezone(value.startDate) + formatTimeOffsetISO(value.startDate, timeOffset.startDate),
20
+ endDate: stripTimezone(value.endDate) + formatTimeOffsetISO(value.endDate, timeOffset.endDate),
17
21
  };
18
22
  }
19
23
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"time-offset.js","sourceRoot":"","sources":["../../../src/date-range-picker/time-offset.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAG5G;;GAEG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAwC,EACxC,UAAoD;IAEpD,IAAI,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,UAAU,CAAC,EAAE;QACjC,OAAO,KAAK,CAAC;KACd;IACD,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC;QACvF,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;KAChF,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,KAAwC,EACxC,UAAoD;IAEpD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;QACvC,OAAO,KAAK,CAAC;KACd;IAED;;;;;MAKE;IACF,MAAM,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,mBAAmB,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC;QACrE,OAAO,EAAE,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;KAChE,CAAC;AACJ,CAAC;AAYD,MAAM,UAAU,mBAAmB,CACjC,KAAwC,EACxC,aAA0D,EAC1D,UAAmB;IAEnB,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;QACtC,IAAI,aAAa,EAAE;YACjB,OAAO;gBACL,SAAS,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBACvD,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aACpD,CAAC;SACH;aAAM,IAAI,UAAU,KAAK,SAAS,EAAE;YACnC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;SACvD;KACF;IACD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AACtD,CAAC;AAED;;;;;;;;;;;;;;;EAeE;AACF,SAAS,YAAY,CAAC,aAAqB;IACzC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC;IACrC,OAAO,UAAU,CAAC,IAAI,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;AAC9D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { addMinutes } from 'date-fns';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { formatTimeOffsetISO, parseTimezoneOffset, shiftTimezoneOffset } from '../internal/utils/date-time';\nimport { DateRangePickerProps } from './interfaces';\n\n/**\n * Appends a time zone offset to an offset-less date string.\n */\nexport function setTimeOffset(\n value: DateRangePickerProps.Value | null,\n timeOffset: { startDate?: number; endDate?: number }\n): DateRangePickerProps.Value | null {\n if (!(value?.type === 'absolute')) {\n return value;\n }\n return {\n type: 'absolute',\n startDate: value.startDate + formatTimeOffsetISO(value.startDate, timeOffset.startDate),\n endDate: value.endDate + formatTimeOffsetISO(value.endDate, timeOffset.endDate),\n };\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 timeOffset: { startDate?: number; endDate?: 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 (non date-only or month-only) 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: shiftTimezoneOffset(value.startDate, timeOffset.startDate),\n endDate: shiftTimezoneOffset(value.endDate, timeOffset.endDate),\n };\n}\n\nexport type NormalizedTimeOffset =\n | {\n startDate: number;\n endDate: number;\n }\n | {\n startDate: undefined;\n endDate: undefined;\n };\n\nexport function normalizeTimeOffset(\n value: null | DateRangePickerProps.Value,\n getTimeOffset?: DateRangePickerProps.GetTimeOffsetFunction,\n timeOffset?: number\n): NormalizedTimeOffset {\n if (value && value.type === 'absolute') {\n if (getTimeOffset) {\n return {\n startDate: getTimeOffset(parseDateUTC(value.startDate)),\n endDate: getTimeOffset(parseDateUTC(value.endDate)),\n };\n } else if (timeOffset !== undefined) {\n return { startDate: timeOffset, endDate: timeOffset };\n }\n }\n return { startDate: undefined, endDate: undefined };\n}\n\n/*\n Before the getTimeOffset function is used there is no information on the preferred time offset.\n \n Besides, the ISO date string might or might not contain the offset:\n - 2021-02-03T01:02:03\n - 2021-02-03T01:02:03Z\n - 2021-02-03T01:02:03+01:00\n \n For every value above the date is converted to UTC and the following is true:\n date.getUTCFullYear() === 2021\n date.getUTCMonth() === 1\n date.getUTCDate() === 3\n date.getUTCHours() === 1\n date.getUTCMinutes() === 2\n date.getUTCSeconds() === 3\n*/\nfunction parseDateUTC(isoDateString: string): Date {\n const date = new Date(isoDateString);\n return addMinutes(date, parseTimezoneOffset(isoDateString));\n}\n"]}
1
+ {"version":3,"file":"time-offset.js","sourceRoot":"","sources":["../../../src/date-range-picker/time-offset.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAG5G;;GAEG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAwC,EACxC,UAAoD;IAEpD,IAAI,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,UAAU,CAAC,EAAE;QACjC,OAAO,KAAK,CAAC;KACd;IAED,MAAM,aAAa,GAAG,CAAC,UAAkB,EAAU,EAAE;QACnD,iEAAiE;QACjE,OAAO,UAAU,CAAC,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC;QACtG,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;KAC/F,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,KAAwC,EACxC,UAAoD;IAEpD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;QACvC,OAAO,KAAK,CAAC;KACd;IAED;;;;;MAKE;IACF,MAAM,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,mBAAmB,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC;QACrE,OAAO,EAAE,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;KAChE,CAAC;AACJ,CAAC;AAYD,MAAM,UAAU,mBAAmB,CACjC,KAAwC,EACxC,aAA0D,EAC1D,UAAmB;IAEnB,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;QACtC,IAAI,aAAa,EAAE;YACjB,OAAO;gBACL,SAAS,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBACvD,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aACpD,CAAC;SACH;aAAM,IAAI,UAAU,KAAK,SAAS,EAAE;YACnC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;SACvD;KACF;IACD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AACtD,CAAC;AAED;;;;;;;;;;;;;;;EAeE;AACF,SAAS,YAAY,CAAC,aAAqB;IACzC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC;IACrC,OAAO,UAAU,CAAC,IAAI,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;AAC9D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { addMinutes } from 'date-fns';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { formatTimeOffsetISO, parseTimezoneOffset, shiftTimezoneOffset } from '../internal/utils/date-time';\nimport { DateRangePickerProps } from './interfaces';\n\n/**\n * Appends a time zone offset to a date string, replacing any existing timezone information.\n */\nexport function setTimeOffset(\n value: DateRangePickerProps.Value | null,\n timeOffset: { startDate?: number; endDate?: number }\n): DateRangePickerProps.Value | null {\n if (!(value?.type === 'absolute')) {\n return value;\n }\n\n const stripTimezone = (dateString: string): string => {\n // Remove existing timezone info: Z, +HH:MM, -HH:MM, +HHMM, -HHMM\n return dateString.replace(/[Z]$|[+-]\\d{2}:?\\d{2}$/, '');\n };\n\n return {\n type: 'absolute',\n startDate: stripTimezone(value.startDate) + formatTimeOffsetISO(value.startDate, timeOffset.startDate),\n endDate: stripTimezone(value.endDate) + formatTimeOffsetISO(value.endDate, timeOffset.endDate),\n };\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 timeOffset: { startDate?: number; endDate?: 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 (non date-only or month-only) 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: shiftTimezoneOffset(value.startDate, timeOffset.startDate),\n endDate: shiftTimezoneOffset(value.endDate, timeOffset.endDate),\n };\n}\n\nexport type NormalizedTimeOffset =\n | {\n startDate: number;\n endDate: number;\n }\n | {\n startDate: undefined;\n endDate: undefined;\n };\n\nexport function normalizeTimeOffset(\n value: null | DateRangePickerProps.Value,\n getTimeOffset?: DateRangePickerProps.GetTimeOffsetFunction,\n timeOffset?: number\n): NormalizedTimeOffset {\n if (value && value.type === 'absolute') {\n if (getTimeOffset) {\n return {\n startDate: getTimeOffset(parseDateUTC(value.startDate)),\n endDate: getTimeOffset(parseDateUTC(value.endDate)),\n };\n } else if (timeOffset !== undefined) {\n return { startDate: timeOffset, endDate: timeOffset };\n }\n }\n return { startDate: undefined, endDate: undefined };\n}\n\n/*\n Before the getTimeOffset function is used there is no information on the preferred time offset.\n \n Besides, the ISO date string might or might not contain the offset:\n - 2021-02-03T01:02:03\n - 2021-02-03T01:02:03Z\n - 2021-02-03T01:02:03+01:00\n \n For every value above the date is converted to UTC and the following is true:\n date.getUTCFullYear() === 2021\n date.getUTCMonth() === 1\n date.getUTCDate() === 3\n date.getUTCHours() === 1\n date.getUTCMinutes() === 2\n date.getUTCSeconds() === 3\n*/\nfunction parseDateUTC(isoDateString: string): Date {\n const date = new Date(isoDateString);\n return addMinutes(date, parseTimezoneOffset(isoDateString));\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/flashbar/style.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAE,MAAe;;;;;;;cAoC7F;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,GAAE,MAAe;;;;;;;cAqB9F;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAE,MAAe;;;;;;;;;;;;;cA4C1F;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC;;;cA2CrE"}
1
+ {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/flashbar/style.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAE,MAAe;;;;;;;cA4B7F;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,GAAE,MAAe;;;;;;;cAqB9F;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAE,MAAe;;;;;;;;;;;;;cAqC1F;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC;;;cA2CrE"}
@@ -2,26 +2,20 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { SYSTEM } from '../internal/environment';
4
4
  import customCssProps from '../internal/generated/custom-css-properties';
5
+ import { getStylePropertyKey } from './utils';
5
6
  export function getCollapsibleFlashStyles(style, type = 'info') {
6
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
7
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
7
8
  if (SYSTEM !== 'core' || !style) {
8
9
  return undefined;
9
10
  }
10
- const background = ((_b = (_a = style === null || style === void 0 ? void 0 : style.item) === null || _a === void 0 ? void 0 : _a.root) === null || _b === void 0 ? void 0 : _b.background) &&
11
- (type === 'in-progress'
12
- ? (_d = (_c = style === null || style === void 0 ? void 0 : style.item) === null || _c === void 0 ? void 0 : _c.root) === null || _d === void 0 ? void 0 : _d.background.inProgress
13
- : (_f = (_e = style === null || style === void 0 ? void 0 : style.item) === null || _e === void 0 ? void 0 : _e.root) === null || _f === void 0 ? void 0 : _f.background[type]);
14
- const borderColor = ((_h = (_g = style === null || style === void 0 ? void 0 : style.item) === null || _g === void 0 ? void 0 : _g.root) === null || _h === void 0 ? void 0 : _h.borderColor) &&
15
- (type === 'in-progress'
16
- ? (_k = (_j = style === null || style === void 0 ? void 0 : style.item) === null || _j === void 0 ? void 0 : _j.root) === null || _k === void 0 ? void 0 : _k.borderColor.inProgress
17
- : (_m = (_l = style === null || style === void 0 ? void 0 : style.item) === null || _l === void 0 ? void 0 : _l.root) === null || _m === void 0 ? void 0 : _m.borderColor[type]);
18
- const borderRadius = (_p = (_o = style === null || style === void 0 ? void 0 : style.item) === null || _o === void 0 ? void 0 : _o.root) === null || _p === void 0 ? void 0 : _p.borderRadius;
19
- const borderWidth = (_r = (_q = style === null || style === void 0 ? void 0 : style.item) === null || _q === void 0 ? void 0 : _q.root) === null || _r === void 0 ? void 0 : _r.borderWidth;
20
- const borderStyle = ((_t = (_s = style === null || style === void 0 ? void 0 : style.item) === null || _s === void 0 ? void 0 : _s.root) === null || _t === void 0 ? void 0 : _t.borderWidth) && 'solid';
21
- const color = ((_v = (_u = style === null || style === void 0 ? void 0 : style.item) === null || _u === void 0 ? void 0 : _u.root) === null || _v === void 0 ? void 0 : _v.color) &&
22
- (type === 'in-progress'
23
- ? (_x = (_w = style === null || style === void 0 ? void 0 : style.item) === null || _w === void 0 ? void 0 : _w.root) === null || _x === void 0 ? void 0 : _x.color.inProgress
24
- : (_z = (_y = style === null || style === void 0 ? void 0 : style.item) === null || _y === void 0 ? void 0 : _y.root) === null || _z === void 0 ? void 0 : _z.color[type]);
11
+ const styleKey = getStylePropertyKey(type);
12
+ const background = ((_b = (_a = style === null || style === void 0 ? void 0 : style.item) === null || _a === void 0 ? void 0 : _a.root) === null || _b === void 0 ? void 0 : _b.background) && ((_d = (_c = style === null || style === void 0 ? void 0 : style.item) === null || _c === void 0 ? void 0 : _c.root) === null || _d === void 0 ? void 0 : _d.background[styleKey]);
13
+ const borderColor = ((_f = (_e = style === null || style === void 0 ? void 0 : style.item) === null || _e === void 0 ? void 0 : _e.root) === null || _f === void 0 ? void 0 : _f.borderColor) &&
14
+ ((_h = (_g = style === null || style === void 0 ? void 0 : style.item) === null || _g === void 0 ? void 0 : _g.root) === null || _h === void 0 ? void 0 : _h.borderColor[styleKey]);
15
+ const borderRadius = (_k = (_j = style === null || style === void 0 ? void 0 : style.item) === null || _j === void 0 ? void 0 : _j.root) === null || _k === void 0 ? void 0 : _k.borderRadius;
16
+ const borderWidth = (_m = (_l = style === null || style === void 0 ? void 0 : style.item) === null || _l === void 0 ? void 0 : _l.root) === null || _m === void 0 ? void 0 : _m.borderWidth;
17
+ const borderStyle = ((_p = (_o = style === null || style === void 0 ? void 0 : style.item) === null || _o === void 0 ? void 0 : _o.root) === null || _p === void 0 ? void 0 : _p.borderWidth) && 'solid';
18
+ const color = ((_r = (_q = style === null || style === void 0 ? void 0 : style.item) === null || _q === void 0 ? void 0 : _q.root) === null || _r === void 0 ? void 0 : _r.color) && ((_t = (_s = style === null || style === void 0 ? void 0 : style.item) === null || _s === void 0 ? void 0 : _s.root) === null || _t === void 0 ? void 0 : _t.color[styleKey]);
25
19
  return {
26
20
  background,
27
21
  borderColor,
@@ -37,9 +31,7 @@ export function getFlashStyles(style, type = 'info') {
37
31
  return undefined;
38
32
  }
39
33
  const focusRingBorderColor = ((_c = (_b = (_a = style === null || style === void 0 ? void 0 : style.item) === null || _a === void 0 ? void 0 : _a.root) === null || _b === void 0 ? void 0 : _b.focusRing) === null || _c === void 0 ? void 0 : _c.borderColor) &&
40
- (type === 'in-progress'
41
- ? style.item.root.focusRing.borderColor.inProgress
42
- : style.item.root.focusRing.borderColor[type]);
34
+ style.item.root.focusRing.borderColor[getStylePropertyKey(type)];
43
35
  return Object.assign(Object.assign(Object.assign({}, getCollapsibleFlashStyles(style, type)), (((_e = (_d = style === null || style === void 0 ? void 0 : style.item) === null || _d === void 0 ? void 0 : _d.root) === null || _e === void 0 ? void 0 : _e.focusRing) && {
44
36
  [customCssProps.styleFocusRingBorderColor]: focusRingBorderColor,
45
37
  [customCssProps.styleFocusRingBorderRadius]: (_f = style.item.root.focusRing) === null || _f === void 0 ? void 0 : _f.borderRadius,
@@ -53,22 +45,15 @@ export function getDismissButtonStyles(style, type = 'info') {
53
45
  if (SYSTEM !== 'core' || !style) {
54
46
  return undefined;
55
47
  }
48
+ const styleKey = getStylePropertyKey(type);
56
49
  const activeColor = ((_c = (_b = (_a = style === null || style === void 0 ? void 0 : style.item) === null || _a === void 0 ? void 0 : _a.dismissButton) === null || _b === void 0 ? void 0 : _b.color) === null || _c === void 0 ? void 0 : _c.active) &&
57
- (type === 'in-progress'
58
- ? style.item.dismissButton.color.active.inProgress
59
- : style.item.dismissButton.color.active[type]);
50
+ style.item.dismissButton.color.active[styleKey];
60
51
  const defaultColor = ((_f = (_e = (_d = style === null || style === void 0 ? void 0 : style.item) === null || _d === void 0 ? void 0 : _d.dismissButton) === null || _e === void 0 ? void 0 : _e.color) === null || _f === void 0 ? void 0 : _f.default) &&
61
- (type === 'in-progress'
62
- ? style.item.dismissButton.color.default.inProgress
63
- : style.item.dismissButton.color.default[type]);
52
+ style.item.dismissButton.color.default[styleKey];
64
53
  const hoverColor = ((_j = (_h = (_g = style === null || style === void 0 ? void 0 : style.item) === null || _g === void 0 ? void 0 : _g.dismissButton) === null || _h === void 0 ? void 0 : _h.color) === null || _j === void 0 ? void 0 : _j.hover) &&
65
- (type === 'in-progress'
66
- ? style.item.dismissButton.color.hover.inProgress
67
- : style.item.dismissButton.color.hover[type]);
54
+ style.item.dismissButton.color.hover[styleKey];
68
55
  const focusRingBorderColor = ((_m = (_l = (_k = style === null || style === void 0 ? void 0 : style.item) === null || _k === void 0 ? void 0 : _k.dismissButton) === null || _l === void 0 ? void 0 : _l.focusRing) === null || _m === void 0 ? void 0 : _m.borderColor) &&
69
- (type === 'in-progress'
70
- ? style.item.dismissButton.focusRing.borderColor.inProgress
71
- : style.item.dismissButton.focusRing.borderColor[type]);
56
+ style.item.dismissButton.focusRing.borderColor[styleKey];
72
57
  return {
73
58
  root: {
74
59
  color: {
@@ -1 +1 @@
1
- {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/flashbar/style.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 { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { FlashbarProps } from './interfaces';\n\nexport function getCollapsibleFlashStyles(style: FlashbarProps['style'], type: string = 'info') {\n if (SYSTEM !== 'core' || !style) {\n return undefined;\n }\n const background =\n style?.item?.root?.background &&\n (type === 'in-progress'\n ? style?.item?.root?.background.inProgress\n : style?.item?.root?.background[type as keyof typeof style.item.root.background]);\n\n const borderColor =\n style?.item?.root?.borderColor &&\n (type === 'in-progress'\n ? style?.item?.root?.borderColor.inProgress\n : style?.item?.root?.borderColor[type as keyof typeof style.item.root.borderColor]);\n\n const borderRadius = style?.item?.root?.borderRadius;\n\n const borderWidth = style?.item?.root?.borderWidth;\n\n const borderStyle = style?.item?.root?.borderWidth && 'solid';\n\n const color =\n style?.item?.root?.color &&\n (type === 'in-progress'\n ? style?.item?.root?.color.inProgress\n : style?.item?.root?.color[type as keyof typeof style.item.root.color]);\n\n return {\n background,\n borderColor,\n borderRadius,\n borderStyle,\n borderWidth,\n color,\n };\n}\n\nexport function getFlashStyles(style: FlashbarProps['style'] | undefined, type: string = 'info') {\n if (SYSTEM !== 'core' || !style) {\n return undefined;\n }\n const focusRingBorderColor =\n style?.item?.root?.focusRing?.borderColor &&\n (type === 'in-progress'\n ? style.item.root.focusRing.borderColor.inProgress\n : style.item.root.focusRing.borderColor[type as keyof typeof style.item.root.focusRing.borderColor]);\n\n return {\n ...getCollapsibleFlashStyles(style, type),\n ...(style?.item?.root?.focusRing && {\n [customCssProps.styleFocusRingBorderColor]: focusRingBorderColor,\n [customCssProps.styleFocusRingBorderRadius]: style.item.root.focusRing?.borderRadius,\n [customCssProps.styleFocusRingBorderWidth]: style.item.root.focusRing?.borderWidth,\n }),\n ...(style?.item?.root?.focusRing?.borderRadius && {\n [customCssProps.styleFocusRingBorderRadius]: style.item.root.focusRing.borderRadius,\n }),\n };\n}\n\nexport function getDismissButtonStyles(style: FlashbarProps['style'], type: string = 'info') {\n if (SYSTEM !== 'core' || !style) {\n return undefined;\n }\n const activeColor =\n style?.item?.dismissButton?.color?.active &&\n (type === 'in-progress'\n ? style.item.dismissButton.color.active.inProgress\n : style.item.dismissButton.color.active[type as keyof typeof style.item.dismissButton.color.active]);\n\n const defaultColor =\n style?.item?.dismissButton?.color?.default &&\n (type === 'in-progress'\n ? style.item.dismissButton.color.default.inProgress\n : style.item.dismissButton.color.default[type as keyof typeof style.item.dismissButton.color.default]);\n\n const hoverColor =\n style?.item?.dismissButton?.color?.hover &&\n (type === 'in-progress'\n ? style.item.dismissButton.color.hover.inProgress\n : style.item.dismissButton.color.hover[type as keyof typeof style.item.dismissButton.color.hover]);\n\n const focusRingBorderColor =\n style?.item?.dismissButton?.focusRing?.borderColor &&\n (type === 'in-progress'\n ? style.item.dismissButton.focusRing.borderColor.inProgress\n : style.item.dismissButton.focusRing.borderColor[\n type as keyof typeof style.item.dismissButton.focusRing.borderColor\n ]);\n\n return {\n root: {\n color: {\n active: activeColor,\n default: defaultColor,\n hover: hoverColor,\n },\n focusRing: {\n borderColor: focusRingBorderColor,\n borderRadius: style?.item?.dismissButton?.focusRing?.borderRadius,\n borderWidth: style?.item?.dismissButton?.focusRing?.borderWidth,\n },\n },\n };\n}\n\nexport function getNotificationBarStyles(style: FlashbarProps['style']) {\n if (SYSTEM !== 'core' || !style) {\n return undefined;\n }\n return {\n borderRadius: style?.notificationBar?.root?.borderRadius,\n borderWidth: style?.notificationBar?.root?.borderWidth,\n ...(style?.notificationBar?.root?.background?.active && {\n [customCssProps.styleBackgroundActive]: style.notificationBar.root.background.active,\n }),\n ...(style?.notificationBar?.root?.background?.default && {\n [customCssProps.styleBackgroundDefault]: style.notificationBar.root.background.default,\n }),\n ...(style?.notificationBar?.root?.background?.hover && {\n [customCssProps.styleBackgroundHover]: style.notificationBar.root.background.hover,\n }),\n ...(style?.notificationBar?.root?.borderColor?.active && {\n [customCssProps.styleBorderColorActive]: style.notificationBar.root.borderColor.active,\n }),\n ...(style?.notificationBar?.root?.borderColor?.default && {\n [customCssProps.styleBorderColorDefault]: style.notificationBar.root.borderColor.default,\n }),\n ...(style?.notificationBar?.root?.borderColor?.hover && {\n [customCssProps.styleBorderColorHover]: style.notificationBar.root.borderColor.hover,\n }),\n ...(style?.notificationBar?.root?.color?.active && {\n [customCssProps.styleColorActive]: style.notificationBar.root.color.active,\n }),\n ...(style?.notificationBar?.root?.color?.default && {\n [customCssProps.styleColorDefault]: style.notificationBar.root.color.default,\n }),\n ...(style?.notificationBar?.root?.color?.hover && {\n [customCssProps.styleColorHover]: style.notificationBar.root.color.hover,\n }),\n ...(style?.notificationBar?.expandButton?.focusRing && {\n [customCssProps.styleFocusRingBorderColor]: style?.notificationBar?.expandButton?.focusRing?.borderColor,\n [customCssProps.styleFocusRingBorderRadius]: style?.notificationBar?.expandButton?.focusRing?.borderRadius,\n [customCssProps.styleFocusRingBorderWidth]: style?.notificationBar?.expandButton?.focusRing?.borderWidth,\n }),\n ...(style?.notificationBar?.expandButton?.focusRing?.borderRadius && {\n [customCssProps.styleFocusRingBorderRadius]: style.notificationBar.expandButton.focusRing.borderRadius,\n }),\n };\n}\n"]}
1
+ {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/flashbar/style.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 { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { FlashbarProps } from './interfaces';\nimport { getStylePropertyKey } from './utils';\n\nexport function getCollapsibleFlashStyles(style: FlashbarProps['style'], type: string = 'info') {\n if (SYSTEM !== 'core' || !style) {\n return undefined;\n }\n const styleKey = getStylePropertyKey(type as FlashbarProps.Type);\n const background =\n style?.item?.root?.background && style?.item?.root?.background[styleKey as keyof typeof style.item.root.background];\n\n const borderColor =\n style?.item?.root?.borderColor &&\n style?.item?.root?.borderColor[styleKey as keyof typeof style.item.root.borderColor];\n\n const borderRadius = style?.item?.root?.borderRadius;\n\n const borderWidth = style?.item?.root?.borderWidth;\n\n const borderStyle = style?.item?.root?.borderWidth && 'solid';\n\n const color = style?.item?.root?.color && style?.item?.root?.color[styleKey as keyof typeof style.item.root.color];\n\n return {\n background,\n borderColor,\n borderRadius,\n borderStyle,\n borderWidth,\n color,\n };\n}\n\nexport function getFlashStyles(style: FlashbarProps['style'] | undefined, type: string = 'info') {\n if (SYSTEM !== 'core' || !style) {\n return undefined;\n }\n const focusRingBorderColor =\n style?.item?.root?.focusRing?.borderColor &&\n style.item.root.focusRing.borderColor[\n getStylePropertyKey(type as FlashbarProps.Type) as keyof typeof style.item.root.focusRing.borderColor\n ];\n\n return {\n ...getCollapsibleFlashStyles(style, type),\n ...(style?.item?.root?.focusRing && {\n [customCssProps.styleFocusRingBorderColor]: focusRingBorderColor,\n [customCssProps.styleFocusRingBorderRadius]: style.item.root.focusRing?.borderRadius,\n [customCssProps.styleFocusRingBorderWidth]: style.item.root.focusRing?.borderWidth,\n }),\n ...(style?.item?.root?.focusRing?.borderRadius && {\n [customCssProps.styleFocusRingBorderRadius]: style.item.root.focusRing.borderRadius,\n }),\n };\n}\n\nexport function getDismissButtonStyles(style: FlashbarProps['style'], type: string = 'info') {\n if (SYSTEM !== 'core' || !style) {\n return undefined;\n }\n const styleKey = getStylePropertyKey(type as FlashbarProps.Type);\n const activeColor =\n style?.item?.dismissButton?.color?.active &&\n style.item.dismissButton.color.active[styleKey as keyof typeof style.item.dismissButton.color.active];\n\n const defaultColor =\n style?.item?.dismissButton?.color?.default &&\n style.item.dismissButton.color.default[styleKey as keyof typeof style.item.dismissButton.color.default];\n\n const hoverColor =\n style?.item?.dismissButton?.color?.hover &&\n style.item.dismissButton.color.hover[styleKey as keyof typeof style.item.dismissButton.color.hover];\n\n const focusRingBorderColor =\n style?.item?.dismissButton?.focusRing?.borderColor &&\n style.item.dismissButton.focusRing.borderColor[\n styleKey as keyof typeof style.item.dismissButton.focusRing.borderColor\n ];\n\n return {\n root: {\n color: {\n active: activeColor,\n default: defaultColor,\n hover: hoverColor,\n },\n focusRing: {\n borderColor: focusRingBorderColor,\n borderRadius: style?.item?.dismissButton?.focusRing?.borderRadius,\n borderWidth: style?.item?.dismissButton?.focusRing?.borderWidth,\n },\n },\n };\n}\n\nexport function getNotificationBarStyles(style: FlashbarProps['style']) {\n if (SYSTEM !== 'core' || !style) {\n return undefined;\n }\n return {\n borderRadius: style?.notificationBar?.root?.borderRadius,\n borderWidth: style?.notificationBar?.root?.borderWidth,\n ...(style?.notificationBar?.root?.background?.active && {\n [customCssProps.styleBackgroundActive]: style.notificationBar.root.background.active,\n }),\n ...(style?.notificationBar?.root?.background?.default && {\n [customCssProps.styleBackgroundDefault]: style.notificationBar.root.background.default,\n }),\n ...(style?.notificationBar?.root?.background?.hover && {\n [customCssProps.styleBackgroundHover]: style.notificationBar.root.background.hover,\n }),\n ...(style?.notificationBar?.root?.borderColor?.active && {\n [customCssProps.styleBorderColorActive]: style.notificationBar.root.borderColor.active,\n }),\n ...(style?.notificationBar?.root?.borderColor?.default && {\n [customCssProps.styleBorderColorDefault]: style.notificationBar.root.borderColor.default,\n }),\n ...(style?.notificationBar?.root?.borderColor?.hover && {\n [customCssProps.styleBorderColorHover]: style.notificationBar.root.borderColor.hover,\n }),\n ...(style?.notificationBar?.root?.color?.active && {\n [customCssProps.styleColorActive]: style.notificationBar.root.color.active,\n }),\n ...(style?.notificationBar?.root?.color?.default && {\n [customCssProps.styleColorDefault]: style.notificationBar.root.color.default,\n }),\n ...(style?.notificationBar?.root?.color?.hover && {\n [customCssProps.styleColorHover]: style.notificationBar.root.color.hover,\n }),\n ...(style?.notificationBar?.expandButton?.focusRing && {\n [customCssProps.styleFocusRingBorderColor]: style?.notificationBar?.expandButton?.focusRing?.borderColor,\n [customCssProps.styleFocusRingBorderRadius]: style?.notificationBar?.expandButton?.focusRing?.borderRadius,\n [customCssProps.styleFocusRingBorderWidth]: style?.notificationBar?.expandButton?.focusRing?.borderWidth,\n }),\n ...(style?.notificationBar?.expandButton?.focusRing?.borderRadius && {\n [customCssProps.styleFocusRingBorderRadius]: style.notificationBar.expandButton.focusRing.borderRadius,\n }),\n };\n}\n"]}
@@ -10,6 +10,7 @@ export declare function getItemColor(item: FlashbarProps.MessageDefinition): str
10
10
  export declare function getVisibleCollapsedItems(items: ReadonlyArray<FlashbarProps.MessageDefinition>, desiredLength: number): ReadonlyArray<StackableItem>;
11
11
  export declare function getFlashTypeCount(items: readonly FlashbarProps.MessageDefinition[]): Record<FlashbarProps.Type, number>;
12
12
  type LabelName = 'errorIconAriaLabel' | 'warningIconAriaLabel' | 'successIconAriaLabel' | 'infoIconAriaLabel' | 'inProgressIconAriaLabel';
13
+ export declare function getStylePropertyKey(type: FlashbarProps.Type): string;
13
14
  export declare const counterTypes: {
14
15
  type: FlashbarProps.Type;
15
16
  labelName: LabelName;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/flashbar/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAKxC,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,iBAAiB;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAeD,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,CAAC,iBAAiB,sBAMhE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC,iBAAiB,UAEjE;AAOD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACrD,aAAa,EAAE,MAAM,GACpB,aAAa,CAAC,aAAa,CAAC,CAgD9B;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,SAAS,aAAa,CAAC,iBAAiB,EAAE,GAChD,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAOpC;AAED,KAAK,SAAS,GACV,oBAAoB,GACpB,sBAAsB,GACtB,sBAAsB,GACtB,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,eAAO,MAAM,YAAY,EAAE;IACzB,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;CAC1B,EAMA,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/flashbar/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAKxC,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,iBAAiB;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAeD,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,CAAC,iBAAiB,sBAMhE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC,iBAAiB,UAEjE;AAOD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACrD,aAAa,EAAE,MAAM,GACpB,aAAa,CAAC,aAAa,CAAC,CAgD9B;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,SAAS,aAAa,CAAC,iBAAiB,EAAE,GAChD,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAOpC;AAED,KAAK,SAAS,GACV,oBAAoB,GACpB,sBAAsB,GACtB,sBAAsB,GACtB,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAEpE;AAED,eAAO,MAAM,YAAY,EAAE;IACzB,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;CAC1B,EAMA,CAAC"}
@@ -83,6 +83,9 @@ export function getFlashTypeCount(items) {
83
83
  }
84
84
  return count;
85
85
  }
86
+ export function getStylePropertyKey(type) {
87
+ return type === 'in-progress' ? 'inProgress' : type;
88
+ }
86
89
  export const counterTypes = [
87
90
  { type: 'error', labelName: 'errorIconAriaLabel', iconName: 'status-negative' },
88
91
  { type: 'warning', labelName: 'warningIconAriaLabel', iconName: 'status-warning' },
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/flashbar/utils.ts"],"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 { IconProps } from '../icon/interfaces';\nimport { FlashbarProps } from './interfaces';\n\nexport const FOCUS_DEBOUNCE_DELAY = 500;\n\n// Since the position of a notification changes when the Flashbar is collapsed,\n// it is useful on some situations (e.g, for animating) to know the original position of the item\n// in the non-collapsed state.\nexport interface StackableItem extends FlashbarProps.MessageDefinition {\n expandedIndex: number;\n collapsedIndex?: number;\n}\n\nconst typesToColors: Record<FlashbarProps.Type, string> = {\n error: 'red',\n info: 'blue',\n 'in-progress': 'blue',\n success: 'green',\n warning: 'yellow',\n};\n\nfunction getColorFromType(type?: FlashbarProps.Type): string {\n const defaultColor = 'blue';\n return type ? typesToColors[type] || defaultColor : defaultColor;\n}\n\nexport function getItemType(item: FlashbarProps.MessageDefinition) {\n if (item.loading) {\n return 'in-progress';\n } else {\n return item.type || 'info';\n }\n}\n\nexport function getItemColor(item: FlashbarProps.MessageDefinition) {\n return getColorFromType(getItemType(item));\n}\n\n/*\n Returns a selection of notifications, preserving the order when possible but making sure that all different colors in\n the stack are represented in the returned array.\n The order corresponds to how they are represented when using the collapsible feature (newest first, oldest last).\n */\nexport function getVisibleCollapsedItems(\n items: ReadonlyArray<FlashbarProps.MessageDefinition>,\n desiredLength: number\n): ReadonlyArray<StackableItem> {\n // First `desiredLength` items in the original array,\n // together with `isColorRepeated` to tell if they can be subject to be replaced later on if necessary\n const itemsOnTop: { item: StackableItem; isColorRepeated: boolean }[] = [];\n\n // Items that fall outside `desiredIndexLength` but need to be \"promoted\" if possible\n // because they are of a different color which otherwise wouldn't be represented\n const itemsToPromote: StackableItem[] = [];\n\n const addedColors: Set<string> = new Set();\n const allPossibleColors = Object.keys(typesToColors).length;\n const finalLength = Math.min(items.length, desiredLength);\n\n for (let i = 0; i < items.length; i++) {\n const item = items[i];\n const color = getItemColor(item);\n const isColorRepeated = addedColors.has(color);\n if (i < finalLength) {\n itemsOnTop.push({ item: { ...item, expandedIndex: i }, isColorRepeated });\n } else {\n if (addedColors.size === allPossibleColors) {\n // No need to keep looking for unrepresented colors, we can stop looping\n break;\n } else if (!isColorRepeated) {\n itemsToPromote.push({ ...item, expandedIndex: i });\n }\n }\n addedColors.add(color);\n }\n // Generate the new array with the selected items, by picking from both arrays.\n // First, from the non-repeated items within the desired length...\n // We loop `itemsOnTop` starting from the end because we prefer to preserve the first ones rather than the old ones\n const reversedInitialSelection = [];\n let slotsReservedForPromotions = 0;\n for (let j = itemsOnTop.length - 1; j >= 0; j--) {\n const item = itemsOnTop[j];\n if (item.isColorRepeated && slotsReservedForPromotions < itemsToPromote.length) {\n slotsReservedForPromotions += 1;\n } else {\n reversedInitialSelection.push(item.item);\n }\n }\n const selectedItems = reversedInitialSelection.reverse();\n // ...and then complete the selection with as many promotable items as we can fit in the rest of the array\n for (let k = 0; selectedItems.length < desiredLength; k++) {\n selectedItems.push(itemsToPromote[k]);\n }\n return selectedItems;\n}\n\nexport function getFlashTypeCount(\n items: readonly FlashbarProps.MessageDefinition[]\n): Record<FlashbarProps.Type, number> {\n const count = { error: 0, info: 0, 'in-progress': 0, success: 0, warning: 0 };\n for (const item of items) {\n const type = getItemType(item);\n count[type] += 1;\n }\n return count;\n}\n\ntype LabelName =\n | 'errorIconAriaLabel'\n | 'warningIconAriaLabel'\n | 'successIconAriaLabel'\n | 'infoIconAriaLabel'\n | 'inProgressIconAriaLabel';\n\nexport const counterTypes: {\n type: FlashbarProps.Type;\n labelName: LabelName;\n iconName: IconProps.Name;\n}[] = [\n { type: 'error', labelName: 'errorIconAriaLabel', iconName: 'status-negative' },\n { type: 'warning', labelName: 'warningIconAriaLabel', iconName: 'status-warning' },\n { type: 'success', labelName: 'successIconAriaLabel', iconName: 'status-positive' },\n { type: 'info', labelName: 'infoIconAriaLabel', iconName: 'status-info' },\n { type: 'in-progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },\n];\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/flashbar/utils.ts"],"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 { IconProps } from '../icon/interfaces';\nimport { FlashbarProps } from './interfaces';\n\nexport const FOCUS_DEBOUNCE_DELAY = 500;\n\n// Since the position of a notification changes when the Flashbar is collapsed,\n// it is useful on some situations (e.g, for animating) to know the original position of the item\n// in the non-collapsed state.\nexport interface StackableItem extends FlashbarProps.MessageDefinition {\n expandedIndex: number;\n collapsedIndex?: number;\n}\n\nconst typesToColors: Record<FlashbarProps.Type, string> = {\n error: 'red',\n info: 'blue',\n 'in-progress': 'blue',\n success: 'green',\n warning: 'yellow',\n};\n\nfunction getColorFromType(type?: FlashbarProps.Type): string {\n const defaultColor = 'blue';\n return type ? typesToColors[type] || defaultColor : defaultColor;\n}\n\nexport function getItemType(item: FlashbarProps.MessageDefinition) {\n if (item.loading) {\n return 'in-progress';\n } else {\n return item.type || 'info';\n }\n}\n\nexport function getItemColor(item: FlashbarProps.MessageDefinition) {\n return getColorFromType(getItemType(item));\n}\n\n/*\n Returns a selection of notifications, preserving the order when possible but making sure that all different colors in\n the stack are represented in the returned array.\n The order corresponds to how they are represented when using the collapsible feature (newest first, oldest last).\n */\nexport function getVisibleCollapsedItems(\n items: ReadonlyArray<FlashbarProps.MessageDefinition>,\n desiredLength: number\n): ReadonlyArray<StackableItem> {\n // First `desiredLength` items in the original array,\n // together with `isColorRepeated` to tell if they can be subject to be replaced later on if necessary\n const itemsOnTop: { item: StackableItem; isColorRepeated: boolean }[] = [];\n\n // Items that fall outside `desiredIndexLength` but need to be \"promoted\" if possible\n // because they are of a different color which otherwise wouldn't be represented\n const itemsToPromote: StackableItem[] = [];\n\n const addedColors: Set<string> = new Set();\n const allPossibleColors = Object.keys(typesToColors).length;\n const finalLength = Math.min(items.length, desiredLength);\n\n for (let i = 0; i < items.length; i++) {\n const item = items[i];\n const color = getItemColor(item);\n const isColorRepeated = addedColors.has(color);\n if (i < finalLength) {\n itemsOnTop.push({ item: { ...item, expandedIndex: i }, isColorRepeated });\n } else {\n if (addedColors.size === allPossibleColors) {\n // No need to keep looking for unrepresented colors, we can stop looping\n break;\n } else if (!isColorRepeated) {\n itemsToPromote.push({ ...item, expandedIndex: i });\n }\n }\n addedColors.add(color);\n }\n // Generate the new array with the selected items, by picking from both arrays.\n // First, from the non-repeated items within the desired length...\n // We loop `itemsOnTop` starting from the end because we prefer to preserve the first ones rather than the old ones\n const reversedInitialSelection = [];\n let slotsReservedForPromotions = 0;\n for (let j = itemsOnTop.length - 1; j >= 0; j--) {\n const item = itemsOnTop[j];\n if (item.isColorRepeated && slotsReservedForPromotions < itemsToPromote.length) {\n slotsReservedForPromotions += 1;\n } else {\n reversedInitialSelection.push(item.item);\n }\n }\n const selectedItems = reversedInitialSelection.reverse();\n // ...and then complete the selection with as many promotable items as we can fit in the rest of the array\n for (let k = 0; selectedItems.length < desiredLength; k++) {\n selectedItems.push(itemsToPromote[k]);\n }\n return selectedItems;\n}\n\nexport function getFlashTypeCount(\n items: readonly FlashbarProps.MessageDefinition[]\n): Record<FlashbarProps.Type, number> {\n const count = { error: 0, info: 0, 'in-progress': 0, success: 0, warning: 0 };\n for (const item of items) {\n const type = getItemType(item);\n count[type] += 1;\n }\n return count;\n}\n\ntype LabelName =\n | 'errorIconAriaLabel'\n | 'warningIconAriaLabel'\n | 'successIconAriaLabel'\n | 'infoIconAriaLabel'\n | 'inProgressIconAriaLabel';\n\nexport function getStylePropertyKey(type: FlashbarProps.Type): string {\n return type === 'in-progress' ? 'inProgress' : type;\n}\n\nexport const counterTypes: {\n type: FlashbarProps.Type;\n labelName: LabelName;\n iconName: IconProps.Name;\n}[] = [\n { type: 'error', labelName: 'errorIconAriaLabel', iconName: 'status-negative' },\n { type: 'warning', labelName: 'warningIconAriaLabel', iconName: 'status-warning' },\n { type: 'success', labelName: 'successIconAriaLabel', iconName: 'status-positive' },\n { type: 'info', labelName: 'infoIconAriaLabel', iconName: 'status-info' },\n { type: 'in-progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },\n];\n"]}
@@ -3892,5 +3892,5 @@
3892
3892
  }
3893
3893
  }
3894
3894
  :root {
3895
- --awsui-version-info-ab3ab476: true;
3895
+ --awsui-version-info-64978bc2: true;
3896
3896
  }
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (ab3ab476)";
3
- export var GIT_SHA = "ab3ab476";
2
+ export var PACKAGE_VERSION = "3.0.0 (64978bc2)";
3
+ export var GIT_SHA = "64978bc2";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "console";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (ab3ab476)",
4
- "GIT_SHA": "ab3ab476",
3
+ "PACKAGE_VERSION": "3.0.0 (64978bc2)",
4
+ "GIT_SHA": "64978bc2",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false
@@ -1 +1 @@
1
- {"version":3,"file":"format-time-offset.d.ts","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-time-offset.ts"],"names":[],"mappings":"AAKA,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,UAQ5E;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,UAYlF"}
1
+ {"version":3,"file":"format-time-offset.d.ts","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-time-offset.ts"],"names":[],"mappings":"AAKA,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,UAW5E;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,UAYlF"}
@@ -3,6 +3,9 @@
3
3
  import { padLeftZeros } from '../strings';
4
4
  export function formatTimeOffsetISO(isoDate, offsetInMinutes) {
5
5
  offsetInMinutes = defaultToLocal(isoDate, offsetInMinutes);
6
+ if (offsetInMinutes === 0) {
7
+ return 'Z';
8
+ }
6
9
  const { hours, minutes } = getMinutesAndHours(offsetInMinutes);
7
10
  const sign = offsetInMinutes < 0 ? '-' : '+';
8
11
  const formattedOffset = `${sign}${formatISO2Digits(hours)}:${formatISO2Digits(minutes)}`;
@@ -1 +1 @@
1
- {"version":3,"file":"format-time-offset.js","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-time-offset.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,UAAU,mBAAmB,CAAC,OAAe,EAAE,eAAwB;IAC3E,eAAe,GAAG,cAAc,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAC3D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAE/D,MAAM,IAAI,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,MAAM,eAAe,GAAG,GAAG,IAAI,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;IAEzF,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,OAAe,EAAE,eAAwB;IACjF,eAAe,GAAG,cAAc,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAC3D,IAAI,eAAe,KAAK,CAAC,EAAE;QACzB,OAAO,OAAO,CAAC;KAChB;IACD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAE/D,MAAM,IAAI,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,MAAM,gBAAgB,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,CAAC;IAC5D,MAAM,eAAe,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,CAAC;IAElE,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,SAAS,cAAc,CAAC,OAAe,EAAE,eAAwB;IAC/D,OAAO,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,iBAAiB,EAAE,CAAC;AACtE,CAAC;AAED,SAAS,kBAAkB,CAAC,OAAe;IACzC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC;AACxF,CAAC;AAED,SAAS,gBAAgB,CAAC,CAAS;IACjC,OAAO,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACvC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { padLeftZeros } from '../strings';\n\nexport function formatTimeOffsetISO(isoDate: string, offsetInMinutes?: number) {\n offsetInMinutes = defaultToLocal(isoDate, offsetInMinutes);\n const { hours, minutes } = getMinutesAndHours(offsetInMinutes);\n\n const sign = offsetInMinutes < 0 ? '-' : '+';\n const formattedOffset = `${sign}${formatISO2Digits(hours)}:${formatISO2Digits(minutes)}`;\n\n return formattedOffset;\n}\n\nexport function formatTimeOffsetLocalized(isoDate: string, offsetInMinutes?: number) {\n offsetInMinutes = defaultToLocal(isoDate, offsetInMinutes);\n if (offsetInMinutes === 0) {\n return '(UTC)';\n }\n const { hours, minutes } = getMinutesAndHours(offsetInMinutes);\n\n const sign = offsetInMinutes < 0 ? '-' : '+';\n const formattedMinutes = minutes === 0 ? '' : `:${minutes}`;\n const formattedOffset = `(UTC${sign}${hours}${formattedMinutes})`;\n\n return formattedOffset;\n}\n\nfunction defaultToLocal(isoDate: string, offsetInMinutes?: number) {\n return offsetInMinutes ?? 0 - new Date(isoDate).getTimezoneOffset();\n}\n\nfunction getMinutesAndHours(minutes: number) {\n return { hours: Math.floor(Math.abs(minutes) / 60), minutes: Math.abs(minutes % 60) };\n}\n\nfunction formatISO2Digits(n: number) {\n return padLeftZeros(n.toFixed(0), 2);\n}\n"]}
1
+ {"version":3,"file":"format-time-offset.js","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-time-offset.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,UAAU,mBAAmB,CAAC,OAAe,EAAE,eAAwB;IAC3E,eAAe,GAAG,cAAc,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAC3D,IAAI,eAAe,KAAK,CAAC,EAAE;QACzB,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAE/D,MAAM,IAAI,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,MAAM,eAAe,GAAG,GAAG,IAAI,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;IAEzF,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,OAAe,EAAE,eAAwB;IACjF,eAAe,GAAG,cAAc,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAC3D,IAAI,eAAe,KAAK,CAAC,EAAE;QACzB,OAAO,OAAO,CAAC;KAChB;IACD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAE/D,MAAM,IAAI,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,MAAM,gBAAgB,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,CAAC;IAC5D,MAAM,eAAe,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,CAAC;IAElE,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,SAAS,cAAc,CAAC,OAAe,EAAE,eAAwB;IAC/D,OAAO,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,iBAAiB,EAAE,CAAC;AACtE,CAAC;AAED,SAAS,kBAAkB,CAAC,OAAe;IACzC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC;AACxF,CAAC;AAED,SAAS,gBAAgB,CAAC,CAAS;IACjC,OAAO,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACvC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { padLeftZeros } from '../strings';\n\nexport function formatTimeOffsetISO(isoDate: string, offsetInMinutes?: number) {\n offsetInMinutes = defaultToLocal(isoDate, offsetInMinutes);\n if (offsetInMinutes === 0) {\n return 'Z';\n }\n const { hours, minutes } = getMinutesAndHours(offsetInMinutes);\n\n const sign = offsetInMinutes < 0 ? '-' : '+';\n const formattedOffset = `${sign}${formatISO2Digits(hours)}:${formatISO2Digits(minutes)}`;\n\n return formattedOffset;\n}\n\nexport function formatTimeOffsetLocalized(isoDate: string, offsetInMinutes?: number) {\n offsetInMinutes = defaultToLocal(isoDate, offsetInMinutes);\n if (offsetInMinutes === 0) {\n return '(UTC)';\n }\n const { hours, minutes } = getMinutesAndHours(offsetInMinutes);\n\n const sign = offsetInMinutes < 0 ? '-' : '+';\n const formattedMinutes = minutes === 0 ? '' : `:${minutes}`;\n const formattedOffset = `(UTC${sign}${hours}${formattedMinutes})`;\n\n return formattedOffset;\n}\n\nfunction defaultToLocal(isoDate: string, offsetInMinutes?: number) {\n return offsetInMinutes ?? 0 - new Date(isoDate).getTimezoneOffset();\n}\n\nfunction getMinutesAndHours(minutes: number) {\n return { hours: Math.floor(Math.abs(minutes) / 60), minutes: Math.abs(minutes % 60) };\n}\n\nfunction formatISO2Digits(n: number) {\n return padLeftZeros(n.toFixed(0), 2);\n}\n"]}
@@ -1,61 +1,61 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "arrow": "awsui_arrow_xjuzf_1us7q_153",
5
- "arrow-outer": "awsui_arrow-outer_xjuzf_1us7q_157",
6
- "arrow-inner": "awsui_arrow-inner_xjuzf_1us7q_157",
7
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1us7q_199",
8
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1us7q_199",
9
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1us7q_202",
10
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1us7q_202",
11
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1us7q_205",
12
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1us7q_205",
13
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1us7q_205",
14
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1us7q_205",
15
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1us7q_208",
16
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1us7q_208",
17
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1us7q_208",
18
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1us7q_208",
19
- "body": "awsui_body_xjuzf_1us7q_220",
20
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1us7q_256",
21
- "body-variant-chart": "awsui_body-variant-chart_xjuzf_1us7q_259",
22
- "has-dismiss": "awsui_has-dismiss_xjuzf_1us7q_264",
23
- "dismiss": "awsui_dismiss_xjuzf_1us7q_269",
24
- "dismiss-control": "awsui_dismiss-control_xjuzf_1us7q_277",
25
- "header-row": "awsui_header-row_xjuzf_1us7q_281",
26
- "header": "awsui_header_xjuzf_1us7q_281",
27
- "content": "awsui_content_xjuzf_1us7q_306",
28
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1us7q_314",
29
- "container": "awsui_container_xjuzf_1us7q_326",
30
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1us7q_337",
31
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1us7q_337",
32
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1us7q_337",
33
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1us7q_342",
34
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1us7q_342",
35
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1us7q_342",
36
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1us7q_347",
37
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1us7q_347",
38
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1us7q_352",
39
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1us7q_352",
40
- "container-body": "awsui_container-body_xjuzf_1us7q_358",
41
- "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1us7q_398",
42
- "container-body-size-small": "awsui_container-body-size-small_xjuzf_1us7q_403",
43
- "fixed-width": "awsui_fixed-width_xjuzf_1us7q_406",
44
- "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1us7q_410",
45
- "container-body-size-large": "awsui_container-body-size-large_xjuzf_1us7q_417",
46
- "container-arrow": "awsui_container-arrow_xjuzf_1us7q_337",
47
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1us7q_467",
48
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1us7q_1",
49
- "refresh": "awsui_refresh_xjuzf_1us7q_525",
50
- "root": "awsui_root_xjuzf_1us7q_547",
51
- "no-wrap": "awsui_no-wrap_xjuzf_1us7q_579",
52
- "root-filtering-token": "awsui_root-filtering-token_xjuzf_1us7q_583",
53
- "trigger": "awsui_trigger_xjuzf_1us7q_587",
54
- "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_1us7q_594",
55
- "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_1us7q_602",
56
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_1us7q_602",
57
- "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_1us7q_670",
58
- "popover-inline-content": "awsui_popover-inline-content_xjuzf_1us7q_674",
59
- "hover-area": "awsui_hover-area_xjuzf_1us7q_678"
4
+ "arrow": "awsui_arrow_xjuzf_125ku_153",
5
+ "arrow-outer": "awsui_arrow-outer_xjuzf_125ku_157",
6
+ "arrow-inner": "awsui_arrow-inner_xjuzf_125ku_157",
7
+ "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_125ku_199",
8
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_125ku_199",
9
+ "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_125ku_202",
10
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_125ku_202",
11
+ "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_125ku_205",
12
+ "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_125ku_205",
13
+ "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_125ku_205",
14
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_125ku_205",
15
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_125ku_208",
16
+ "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_125ku_208",
17
+ "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_125ku_208",
18
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_125ku_208",
19
+ "body": "awsui_body_xjuzf_125ku_220",
20
+ "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_125ku_256",
21
+ "body-variant-chart": "awsui_body-variant-chart_xjuzf_125ku_259",
22
+ "has-dismiss": "awsui_has-dismiss_xjuzf_125ku_264",
23
+ "dismiss": "awsui_dismiss_xjuzf_125ku_269",
24
+ "dismiss-control": "awsui_dismiss-control_xjuzf_125ku_277",
25
+ "header-row": "awsui_header-row_xjuzf_125ku_281",
26
+ "header": "awsui_header_xjuzf_125ku_281",
27
+ "content": "awsui_content_xjuzf_125ku_306",
28
+ "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_125ku_315",
29
+ "container": "awsui_container_xjuzf_125ku_327",
30
+ "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_125ku_338",
31
+ "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_125ku_338",
32
+ "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_125ku_338",
33
+ "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_125ku_343",
34
+ "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_125ku_343",
35
+ "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_125ku_343",
36
+ "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_125ku_348",
37
+ "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_125ku_348",
38
+ "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_125ku_353",
39
+ "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_125ku_353",
40
+ "container-body": "awsui_container-body_xjuzf_125ku_359",
41
+ "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_125ku_399",
42
+ "container-body-size-small": "awsui_container-body-size-small_xjuzf_125ku_404",
43
+ "fixed-width": "awsui_fixed-width_xjuzf_125ku_407",
44
+ "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_125ku_411",
45
+ "container-body-size-large": "awsui_container-body-size-large_xjuzf_125ku_418",
46
+ "container-arrow": "awsui_container-arrow_xjuzf_125ku_338",
47
+ "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_125ku_468",
48
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_125ku_1",
49
+ "refresh": "awsui_refresh_xjuzf_125ku_526",
50
+ "root": "awsui_root_xjuzf_125ku_548",
51
+ "no-wrap": "awsui_no-wrap_xjuzf_125ku_580",
52
+ "root-filtering-token": "awsui_root-filtering-token_xjuzf_125ku_584",
53
+ "trigger": "awsui_trigger_xjuzf_125ku_588",
54
+ "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_125ku_595",
55
+ "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_125ku_603",
56
+ "trigger-type-text": "awsui_trigger-type-text_xjuzf_125ku_603",
57
+ "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_125ku_671",
58
+ "popover-inline-content": "awsui_popover-inline-content_xjuzf_125ku_675",
59
+ "hover-area": "awsui_hover-area_xjuzf_125ku_679"
60
60
  };
61
61
 
@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- .awsui_arrow_xjuzf_1us7q_153:not(#\9) {
153
+ .awsui_arrow_xjuzf_125ku_153:not(#\9) {
154
154
  inline-size: 20px;
155
155
  block-size: 10px;
156
156
  }
157
- .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9), .awsui_arrow-inner_xjuzf_1us7q_157:not(#\9) {
157
+ .awsui_arrow-outer_xjuzf_125ku_157:not(#\9), .awsui_arrow-inner_xjuzf_125ku_157:not(#\9) {
158
158
  position: absolute;
159
159
  overflow: hidden;
160
160
  inline-size: 20px;
@@ -163,7 +163,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
163
163
  inset-inline-start: 0;
164
164
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
165
165
  }
166
- .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after, .awsui_arrow-inner_xjuzf_1us7q_157:not(#\9)::after {
166
+ .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after, .awsui_arrow-inner_xjuzf_125ku_157:not(#\9)::after {
167
167
  content: "";
168
168
  box-sizing: border-box;
169
169
  display: inline-block;
@@ -179,33 +179,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
179
179
  transform: rotate(45deg);
180
180
  transform-origin: 0 100%;
181
181
  }
182
- .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_1us7q_157:not(#\9):dir(rtl)::after {
182
+ .awsui_arrow-outer_xjuzf_125ku_157:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_125ku_157:not(#\9):dir(rtl)::after {
183
183
  transform: rotate(-45deg);
184
184
  transform-origin: 100% 100%;
185
185
  }
186
- .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after {
186
+ .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after {
187
187
  background-color: var(--color-border-popover-gogt7e, #d5dbdb);
188
188
  }
189
- .awsui_arrow-inner_xjuzf_1us7q_157:not(#\9) {
189
+ .awsui_arrow-inner_xjuzf_125ku_157:not(#\9) {
190
190
  inset-block-start: calc(var(--border-width-popover-dgqo1x, 1px) + 1px);
191
191
  }
192
- .awsui_arrow-inner_xjuzf_1us7q_157:not(#\9)::after {
192
+ .awsui_arrow-inner_xjuzf_125ku_157:not(#\9)::after {
193
193
  border-start-start-radius: 1px;
194
194
  border-start-end-radius: 0;
195
195
  border-end-start-radius: 0;
196
196
  border-end-end-radius: 0;
197
197
  background-color: var(--color-background-popover-8fgrfw, #ffffff);
198
198
  }
199
- .awsui_arrow-position-right-top_xjuzf_1us7q_199 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_1us7q_199 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after {
199
+ .awsui_arrow-position-right-top_xjuzf_125ku_199 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_125ku_199 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after {
200
200
  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
201
201
  }
202
- .awsui_arrow-position-left-top_xjuzf_1us7q_202 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_1us7q_202 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after {
202
+ .awsui_arrow-position-left-top_xjuzf_125ku_202 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_125ku_202 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after {
203
203
  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
204
204
  }
205
- .awsui_arrow-position-top-center_xjuzf_1us7q_205 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_1us7q_205 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_1us7q_205 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_1us7q_205 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after {
205
+ .awsui_arrow-position-top-center_xjuzf_125ku_205 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_125ku_205 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_125ku_205 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_125ku_205 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after {
206
206
  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
207
207
  }
208
- .awsui_arrow-position-bottom-center_xjuzf_1us7q_208 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_1us7q_208 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_1us7q_208 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_1us7q_208 > .awsui_arrow-outer_xjuzf_1us7q_157:not(#\9)::after {
208
+ .awsui_arrow-position-bottom-center_xjuzf_125ku_208 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_125ku_208 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_125ku_208 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_125ku_208 > .awsui_arrow-outer_xjuzf_125ku_157:not(#\9)::after {
209
209
  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
210
210
  }
211
211
 
@@ -217,7 +217,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
217
217
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
218
218
  SPDX-License-Identifier: Apache-2.0
219
219
  */
220
- .awsui_body_xjuzf_1us7q_220:not(#\9) {
220
+ .awsui_body_xjuzf_125ku_220:not(#\9) {
221
221
  border-collapse: separate;
222
222
  border-spacing: 0;
223
223
  box-sizing: border-box;
@@ -253,20 +253,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
253
253
  padding-block: var(--space-s-4a5hs8, 12px);
254
254
  padding-inline: var(--space-m-n2lypl, 16px);
255
255
  }
256
- .awsui_body-overflow-visible_xjuzf_1us7q_256:not(#\9) {
256
+ .awsui_body-overflow-visible_xjuzf_125ku_256:not(#\9) {
257
257
  overflow: visible;
258
258
  }
259
- .awsui_body-variant-chart_xjuzf_1us7q_259:not(#\9) {
259
+ .awsui_body-variant-chart_xjuzf_125ku_259:not(#\9) {
260
260
  padding-block: var(--space-static-s-8me5rn, 12px);
261
261
  padding-inline: var(--space-static-s-8me5rn, 12px);
262
262
  }
263
263
 
264
- .awsui_has-dismiss_xjuzf_1us7q_264:not(#\9) {
264
+ .awsui_has-dismiss_xjuzf_125ku_264:not(#\9) {
265
265
  display: flex;
266
266
  align-items: baseline;
267
267
  }
268
268
 
269
- .awsui_dismiss_xjuzf_1us7q_269:not(#\9) {
269
+ .awsui_dismiss_xjuzf_125ku_269:not(#\9) {
270
270
  margin-block: calc(-1 * var(--space-xs-kw7k3v, 8px));
271
271
  margin-inline-start: 0;
272
272
  margin-inline-end: calc(-1 * (var(--space-xxs-jnczic, 4px) + var(--border-width-popover-dgqo1x, 1px)));
@@ -274,15 +274,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
274
274
  order: 1;
275
275
  }
276
276
 
277
- .awsui_dismiss-control_xjuzf_1us7q_277:not(#\9) {
277
+ .awsui_dismiss-control_xjuzf_125ku_277:not(#\9) {
278
278
  /* used in test-utils */
279
279
  }
280
280
 
281
- .awsui_header-row_xjuzf_1us7q_281:not(#\9) {
281
+ .awsui_header-row_xjuzf_125ku_281:not(#\9) {
282
282
  margin-block-end: var(--space-xs-kw7k3v, 8px);
283
283
  }
284
284
 
285
- .awsui_header_xjuzf_1us7q_281:not(#\9) {
285
+ .awsui_header_xjuzf_125ku_281:not(#\9) {
286
286
  word-wrap: break-word;
287
287
  max-inline-size: 100%;
288
288
  overflow: hidden;
@@ -294,7 +294,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
294
294
  flex: 1 1 auto;
295
295
  /* stylelint-disable-next-line selector-max-type */
296
296
  }
297
- .awsui_header_xjuzf_1us7q_281 > h2:not(#\9) {
297
+ .awsui_header_xjuzf_125ku_281 > h2:not(#\9) {
298
298
  font-size: var(--font-size-heading-xs-c20ika, 16px);
299
299
  line-height: var(--line-height-heading-xs-fuzanp, 20px);
300
300
  font-weight: var(--font-weight-heading-xs-79d2p7, 400);
@@ -303,15 +303,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
303
303
  display: inline;
304
304
  }
305
305
 
306
- .awsui_content_xjuzf_1us7q_306:not(#\9) {
306
+ .awsui_content_xjuzf_125ku_306:not(#\9) {
307
307
  word-wrap: break-word;
308
308
  max-inline-size: 100%;
309
309
  overflow: hidden;
310
+ word-break: normal;
310
311
  color: var(--color-text-body-secondary-twh4xm, #545b64);
311
312
  flex: 1 1 auto;
312
313
  min-inline-size: 0;
313
314
  }
314
- .awsui_content-overflow-visible_xjuzf_1us7q_314:not(#\9) {
315
+ .awsui_content-overflow-visible_xjuzf_125ku_315:not(#\9) {
315
316
  overflow: visible;
316
317
  }
317
318
 
@@ -323,39 +324,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
323
324
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
324
325
  SPDX-License-Identifier: Apache-2.0
325
326
  */
326
- .awsui_container_xjuzf_1us7q_326:not(#\9) {
327
+ .awsui_container_xjuzf_125ku_327:not(#\9) {
327
328
  display: inline-block;
328
329
  position: fixed;
329
330
  inset-block-start: -9999px;
330
331
  inset-inline-start: -9999px;
331
332
  z-index: 2000;
332
333
  }
333
- .awsui_container_xjuzf_1us7q_326:not(#\9)::before {
334
+ .awsui_container_xjuzf_125ku_327:not(#\9)::before {
334
335
  content: "";
335
336
  position: absolute;
336
337
  }
337
- .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-bottom-left_xjuzf_1us7q_337)::before, .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-bottom-center_xjuzf_1us7q_337)::before, .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-bottom-right_xjuzf_1us7q_337)::before {
338
+ .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-bottom-left_xjuzf_125ku_338)::before, .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-bottom-center_xjuzf_125ku_338)::before, .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-bottom-right_xjuzf_125ku_338)::before {
338
339
  inset-inline: 0;
339
340
  inset-block-start: -10px;
340
341
  block-size: 10px;
341
342
  }
342
- .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-top-left_xjuzf_1us7q_342)::before, .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-top-center_xjuzf_1us7q_342)::before, .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-top-right_xjuzf_1us7q_342)::before {
343
+ .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-top-left_xjuzf_125ku_343)::before, .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-top-center_xjuzf_125ku_343)::before, .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-top-right_xjuzf_125ku_343)::before {
343
344
  inset-inline: 0;
344
345
  inset-block-end: -10px;
345
346
  block-size: 10px;
346
347
  }
347
- .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-right-top_xjuzf_1us7q_347)::before, .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-right-bottom_xjuzf_1us7q_347)::before {
348
+ .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-right-top_xjuzf_125ku_348)::before, .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-right-bottom_xjuzf_125ku_348)::before {
348
349
  inset-block: 0;
349
350
  inset-inline-start: -10px;
350
351
  inline-size: 10px;
351
352
  }
352
- .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-left-top_xjuzf_1us7q_352)::before, .awsui_container_xjuzf_1us7q_326:not(#\9):has(.awsui_container-arrow-position-left-bottom_xjuzf_1us7q_352)::before {
353
+ .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-left-top_xjuzf_125ku_353)::before, .awsui_container_xjuzf_125ku_327:not(#\9):has(.awsui_container-arrow-position-left-bottom_xjuzf_125ku_353)::before {
353
354
  inset-block: 0;
354
355
  inset-inline-end: -10px;
355
356
  inline-size: 10px;
356
357
  }
357
358
 
358
- .awsui_container-body_xjuzf_1us7q_358:not(#\9) {
359
+ .awsui_container-body_xjuzf_125ku_359:not(#\9) {
359
360
  border-collapse: separate;
360
361
  border-spacing: 0;
361
362
  box-sizing: border-box;
@@ -395,100 +396,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
395
396
  border-inline: var(--border-width-popover-dgqo1x, 1px) solid var(--color-border-popover-gogt7e, #d5dbdb);
396
397
  }
397
398
 
398
- .awsui_container-body-variant-annotation_xjuzf_1us7q_398:not(#\9) {
399
+ .awsui_container-body-variant-annotation_xjuzf_125ku_399:not(#\9) {
399
400
  background-color: var(--color-background-status-info-nzp1n3, #f1faff);
400
401
  border-color: var(--color-border-status-info-kp0iif, #0073bb);
401
402
  }
402
403
 
403
- .awsui_container-body-size-small_xjuzf_1us7q_403:not(#\9) {
404
+ .awsui_container-body-size-small_xjuzf_125ku_404:not(#\9) {
404
405
  max-inline-size: 210px;
405
406
  }
406
- .awsui_container-body-size-small_xjuzf_1us7q_403.awsui_fixed-width_xjuzf_1us7q_406:not(#\9) {
407
+ .awsui_container-body-size-small_xjuzf_125ku_404.awsui_fixed-width_xjuzf_125ku_407:not(#\9) {
407
408
  inline-size: 210px;
408
409
  }
409
410
 
410
- .awsui_container-body-size-medium_xjuzf_1us7q_410:not(#\9) {
411
+ .awsui_container-body-size-medium_xjuzf_125ku_411:not(#\9) {
411
412
  max-inline-size: 310px;
412
413
  }
413
- .awsui_container-body-size-medium_xjuzf_1us7q_410.awsui_fixed-width_xjuzf_1us7q_406:not(#\9) {
414
+ .awsui_container-body-size-medium_xjuzf_125ku_411.awsui_fixed-width_xjuzf_125ku_407:not(#\9) {
414
415
  inline-size: 310px;
415
416
  }
416
417
 
417
- .awsui_container-body-size-large_xjuzf_1us7q_417:not(#\9) {
418
+ .awsui_container-body-size-large_xjuzf_125ku_418:not(#\9) {
418
419
  max-inline-size: 482px;
419
420
  }
420
421
  @media (max-width: 482px) {
421
- .awsui_container-body-size-large_xjuzf_1us7q_417:not(#\9) {
422
+ .awsui_container-body-size-large_xjuzf_125ku_418:not(#\9) {
422
423
  max-inline-size: 310px;
423
424
  }
424
425
  }
425
- .awsui_container-body-size-large_xjuzf_1us7q_417.awsui_fixed-width_xjuzf_1us7q_406:not(#\9) {
426
+ .awsui_container-body-size-large_xjuzf_125ku_418.awsui_fixed-width_xjuzf_125ku_407:not(#\9) {
426
427
  inline-size: 482px;
427
428
  }
428
429
 
429
- .awsui_container-arrow_xjuzf_1us7q_337:not(#\9) {
430
+ .awsui_container-arrow_xjuzf_125ku_338:not(#\9) {
430
431
  position: absolute;
431
432
  display: inline-block;
432
433
  }
433
- .awsui_container-arrow-position-right-top_xjuzf_1us7q_347:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_1us7q_347:not(#\9) {
434
+ .awsui_container-arrow-position-right-top_xjuzf_125ku_348:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_125ku_348:not(#\9) {
434
435
  transform: rotate(-90deg);
435
436
  transform-origin: 0 100%;
436
437
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
437
438
  }
438
- .awsui_container-arrow-position-right-top_xjuzf_1us7q_347:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_1us7q_347:not(#\9):dir(rtl) {
439
+ .awsui_container-arrow-position-right-top_xjuzf_125ku_348:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_125ku_348:not(#\9):dir(rtl) {
439
440
  transform: rotate(90deg);
440
441
  transform-origin: 100% 100%;
441
442
  }
442
- .awsui_container-arrow-position-right-top_xjuzf_1us7q_347:not(#\9) {
443
+ .awsui_container-arrow-position-right-top_xjuzf_125ku_348:not(#\9) {
443
444
  inset-block-start: calc(12px + 10px);
444
445
  inset-inline-start: 0;
445
446
  }
446
- .awsui_container-arrow-position-right-bottom_xjuzf_1us7q_347:not(#\9) {
447
+ .awsui_container-arrow-position-right-bottom_xjuzf_125ku_348:not(#\9) {
447
448
  inset-block-end: 12px;
448
449
  inset-inline-start: 0;
449
450
  }
450
- .awsui_container-arrow-position-left-top_xjuzf_1us7q_352:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_1us7q_352:not(#\9) {
451
+ .awsui_container-arrow-position-left-top_xjuzf_125ku_353:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_125ku_353:not(#\9) {
451
452
  transform: rotate(90deg);
452
453
  transform-origin: 100% 100%;
453
454
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
454
455
  }
455
- .awsui_container-arrow-position-left-top_xjuzf_1us7q_352:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_1us7q_352:not(#\9):dir(rtl) {
456
+ .awsui_container-arrow-position-left-top_xjuzf_125ku_353:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_125ku_353:not(#\9):dir(rtl) {
456
457
  transform: rotate(-90deg);
457
458
  transform-origin: 0% 100%;
458
459
  }
459
- .awsui_container-arrow-position-left-top_xjuzf_1us7q_352:not(#\9) {
460
+ .awsui_container-arrow-position-left-top_xjuzf_125ku_353:not(#\9) {
460
461
  inset-block-start: calc(12px + 10px);
461
462
  inset-inline-end: 0;
462
463
  }
463
- .awsui_container-arrow-position-left-bottom_xjuzf_1us7q_352:not(#\9) {
464
+ .awsui_container-arrow-position-left-bottom_xjuzf_125ku_353:not(#\9) {
464
465
  inset-block-end: 12px;
465
466
  inset-inline-end: 0;
466
467
  }
467
- .awsui_container-arrow-position-top-center_xjuzf_1us7q_342:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_1us7q_342:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_1us7q_342:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_1us7q_467:not(#\9) {
468
+ .awsui_container-arrow-position-top-center_xjuzf_125ku_343:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_125ku_343:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_125ku_343:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_125ku_468:not(#\9) {
468
469
  transform: rotate(180deg);
469
470
  transform-origin: 50% 50%;
470
471
  }
471
- .awsui_container-arrow-position-top-center_xjuzf_1us7q_342:not(#\9) {
472
+ .awsui_container-arrow-position-top-center_xjuzf_125ku_343:not(#\9) {
472
473
  inset-block-end: -10px;
473
474
  inset-inline-start: calc(50% - 10px);
474
475
  }
475
- .awsui_container-arrow-position-top-right_xjuzf_1us7q_342:not(#\9) {
476
+ .awsui_container-arrow-position-top-right_xjuzf_125ku_343:not(#\9) {
476
477
  inset-block-end: -10px;
477
478
  inset-inline-start: 12px;
478
479
  }
479
- .awsui_container-arrow-position-top-left_xjuzf_1us7q_342:not(#\9) {
480
+ .awsui_container-arrow-position-top-left_xjuzf_125ku_343:not(#\9) {
480
481
  inset-block-end: -10px;
481
482
  inset-inline-start: calc(100% - 20px - 12px);
482
483
  }
483
- .awsui_container-arrow-position-bottom-center_xjuzf_1us7q_337:not(#\9) {
484
+ .awsui_container-arrow-position-bottom-center_xjuzf_125ku_338:not(#\9) {
484
485
  inset-block-start: -10px;
485
486
  inset-inline-start: calc(50% - 10px);
486
487
  }
487
- .awsui_container-arrow-position-bottom-right_xjuzf_1us7q_337:not(#\9) {
488
+ .awsui_container-arrow-position-bottom-right_xjuzf_125ku_338:not(#\9) {
488
489
  inset-block-start: -10px;
489
490
  inset-inline-start: 12px;
490
491
  }
491
- .awsui_container-arrow-position-bottom-left_xjuzf_1us7q_337:not(#\9) {
492
+ .awsui_container-arrow-position-bottom-left_xjuzf_125ku_338:not(#\9) {
492
493
  inset-block-start: -10px;
493
494
  inset-inline-start: calc(100% - 20px - 12px);
494
495
  }
@@ -501,10 +502,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
501
502
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
502
503
  SPDX-License-Identifier: Apache-2.0
503
504
  */
504
- .awsui_container_xjuzf_1us7q_326:not(#\9) {
505
- animation: awsui_awsui-motion-fade-in_xjuzf_1us7q_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
505
+ .awsui_container_xjuzf_125ku_327:not(#\9) {
506
+ animation: awsui_awsui-motion-fade-in_xjuzf_125ku_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
506
507
  }
507
- @keyframes awsui_awsui-motion-fade-in_xjuzf_1us7q_1 {
508
+ @keyframes awsui_awsui-motion-fade-in_xjuzf_125ku_1 {
508
509
  from {
509
510
  opacity: 0.2;
510
511
  }
@@ -513,19 +514,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
513
514
  }
514
515
  }
515
516
  @media (prefers-reduced-motion: reduce) {
516
- .awsui_container_xjuzf_1us7q_326:not(#\9) {
517
+ .awsui_container_xjuzf_125ku_327:not(#\9) {
517
518
  animation: none;
518
519
  transition: none;
519
520
  }
520
521
  }
521
- .awsui-motion-disabled .awsui_container_xjuzf_1us7q_326:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1us7q_326:not(#\9) {
522
+ .awsui-motion-disabled .awsui_container_xjuzf_125ku_327:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_125ku_327:not(#\9) {
522
523
  animation: none;
523
524
  transition: none;
524
525
  }
525
- .awsui_container_xjuzf_1us7q_326.awsui_refresh_xjuzf_1us7q_525:not(#\9) {
526
- animation: awsui_awsui-motion-fade-in_xjuzf_1us7q_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
526
+ .awsui_container_xjuzf_125ku_327.awsui_refresh_xjuzf_125ku_526:not(#\9) {
527
+ animation: awsui_awsui-motion-fade-in_xjuzf_125ku_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
527
528
  }
528
- @keyframes awsui_awsui-motion-fade-in_xjuzf_1us7q_1 {
529
+ @keyframes awsui_awsui-motion-fade-in_xjuzf_125ku_1 {
529
530
  from {
530
531
  opacity: 0.2;
531
532
  }
@@ -534,17 +535,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
534
535
  }
535
536
  }
536
537
  @media (prefers-reduced-motion: reduce) {
537
- .awsui_container_xjuzf_1us7q_326.awsui_refresh_xjuzf_1us7q_525:not(#\9) {
538
+ .awsui_container_xjuzf_125ku_327.awsui_refresh_xjuzf_125ku_526:not(#\9) {
538
539
  animation: none;
539
540
  transition: none;
540
541
  }
541
542
  }
542
- .awsui-motion-disabled .awsui_container_xjuzf_1us7q_326.awsui_refresh_xjuzf_1us7q_525:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1us7q_326.awsui_refresh_xjuzf_1us7q_525:not(#\9) {
543
+ .awsui-motion-disabled .awsui_container_xjuzf_125ku_327.awsui_refresh_xjuzf_125ku_526:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_125ku_327.awsui_refresh_xjuzf_125ku_526:not(#\9) {
543
544
  animation: none;
544
545
  transition: none;
545
546
  }
546
547
 
547
- .awsui_root_xjuzf_1us7q_547:not(#\9) {
548
+ .awsui_root_xjuzf_125ku_548:not(#\9) {
548
549
  border-collapse: separate;
549
550
  border-spacing: 0;
550
551
  box-sizing: border-box;
@@ -576,22 +577,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
576
577
  -moz-osx-font-smoothing: auto;
577
578
  color: inherit;
578
579
  }
579
- .awsui_root_xjuzf_1us7q_547.awsui_no-wrap_xjuzf_1us7q_579:not(#\9) {
580
+ .awsui_root_xjuzf_125ku_548.awsui_no-wrap_xjuzf_125ku_580:not(#\9) {
580
581
  white-space: nowrap;
581
582
  }
582
583
 
583
- .awsui_root-filtering-token_xjuzf_1us7q_583:not(#\9) {
584
+ .awsui_root-filtering-token_xjuzf_125ku_584:not(#\9) {
584
585
  display: flex;
585
586
  }
586
587
 
587
- .awsui_trigger_xjuzf_1us7q_587:not(#\9) {
588
+ .awsui_trigger_xjuzf_125ku_588:not(#\9) {
588
589
  display: inline-block;
589
590
  max-inline-size: 100%;
590
591
  color: inherit;
591
592
  text-align: inherit;
592
593
  }
593
594
 
594
- .awsui_overflow-ellipsis_xjuzf_1us7q_594:not(#\9) {
595
+ .awsui_overflow-ellipsis_xjuzf_125ku_595:not(#\9) {
595
596
  white-space: nowrap;
596
597
  overflow: hidden;
597
598
  text-overflow: ellipsis;
@@ -599,7 +600,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
599
600
  word-break: break-word;
600
601
  }
601
602
 
602
- .awsui_trigger-type-text-inline_xjuzf_1us7q_602:not(#\9) {
603
+ .awsui_trigger-type-text-inline_xjuzf_125ku_603:not(#\9) {
603
604
  font-size: var(--font-size-body-m-vv54cm, 14px);
604
605
  line-height: var(--line-height-body-m-bedeoh, 22px);
605
606
  color: var(--color-text-body-default-5qid0u, #16191f);
@@ -617,20 +618,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
617
618
  text-decoration-thickness: var(--border-divider-list-width-8ggz94, 1px);
618
619
  text-underline-offset: 0.25em;
619
620
  }
620
- .awsui_trigger-type-text-inline_xjuzf_1us7q_602.awsui_overflow-ellipsis_xjuzf_1us7q_594:not(#\9) {
621
+ .awsui_trigger-type-text-inline_xjuzf_125ku_603.awsui_overflow-ellipsis_xjuzf_125ku_595:not(#\9) {
621
622
  /*
622
623
  This style needs because of the overflow: hidden would otherwise conceal the underline styles.
623
624
  */
624
625
  padding-block-end: calc(0.25em + var(--border-divider-list-width-8ggz94, 1px));
625
626
  }
626
627
 
627
- .awsui_trigger-type-text_xjuzf_1us7q_602:not(#\9) {
628
+ .awsui_trigger-type-text_xjuzf_125ku_603:not(#\9) {
628
629
  border-block: 0;
629
630
  border-block-end: var(--border-divider-list-width-8ggz94, 1px) dashed currentColor;
630
631
  }
631
632
 
632
- .awsui_trigger-type-text-inline_xjuzf_1us7q_602:not(#\9),
633
- .awsui_trigger-type-text_xjuzf_1us7q_602:not(#\9) {
633
+ .awsui_trigger-type-text-inline_xjuzf_125ku_603:not(#\9),
634
+ .awsui_trigger-type-text_xjuzf_125ku_603:not(#\9) {
634
635
  border-inline: 0;
635
636
  margin-block: 0;
636
637
  margin-inline: 0;
@@ -639,21 +640,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
639
640
  background-color: transparent;
640
641
  cursor: pointer;
641
642
  }
642
- .awsui_trigger-type-text-inline_xjuzf_1us7q_602:not(#\9):focus,
643
- .awsui_trigger-type-text_xjuzf_1us7q_602:not(#\9):focus {
643
+ .awsui_trigger-type-text-inline_xjuzf_125ku_603:not(#\9):focus,
644
+ .awsui_trigger-type-text_xjuzf_125ku_603:not(#\9):focus {
644
645
  outline: none;
645
646
  }
646
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_1us7q_602:not(#\9):focus,
647
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1us7q_602:not(#\9):focus {
647
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_125ku_603:not(#\9):focus,
648
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_125ku_603:not(#\9):focus {
648
649
  position: relative;
649
650
  }
650
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_1us7q_602:not(#\9):focus,
651
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1us7q_602:not(#\9):focus {
651
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_125ku_603:not(#\9):focus,
652
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_125ku_603:not(#\9):focus {
652
653
  outline: 2px dotted transparent;
653
654
  outline-offset: calc(1px - 1px);
654
655
  }
655
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_1us7q_602:not(#\9):focus::before,
656
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1us7q_602:not(#\9):focus::before {
656
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_125ku_603:not(#\9):focus::before,
657
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_125ku_603:not(#\9):focus::before {
657
658
  content: " ";
658
659
  display: block;
659
660
  position: absolute;
@@ -668,15 +669,15 @@ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1us7q_602:not
668
669
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
669
670
  }
670
671
 
671
- .awsui_trigger-type-filtering-token_xjuzf_1us7q_670:not(#\9) {
672
+ .awsui_trigger-type-filtering-token_xjuzf_125ku_671:not(#\9) {
672
673
  display: flex;
673
674
  }
674
675
 
675
- .awsui_popover-inline-content_xjuzf_1us7q_674:not(#\9) {
676
+ .awsui_popover-inline-content_xjuzf_125ku_675:not(#\9) {
676
677
  display: inline;
677
678
  }
678
679
 
679
- .awsui_hover-area_xjuzf_1us7q_678:not(#\9) {
680
+ .awsui_hover-area_xjuzf_125ku_679:not(#\9) {
680
681
  pointer-events: none;
681
682
  padding-block: var(--space-static-s-8me5rn, 12px);
682
683
  padding-inline: var(--space-static-s-8me5rn, 12px);
@@ -2,61 +2,61 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_xjuzf_1us7q_153",
6
- "arrow-outer": "awsui_arrow-outer_xjuzf_1us7q_157",
7
- "arrow-inner": "awsui_arrow-inner_xjuzf_1us7q_157",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1us7q_199",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1us7q_199",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1us7q_202",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1us7q_202",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1us7q_205",
13
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1us7q_205",
14
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1us7q_205",
15
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1us7q_205",
16
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1us7q_208",
17
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1us7q_208",
18
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1us7q_208",
19
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1us7q_208",
20
- "body": "awsui_body_xjuzf_1us7q_220",
21
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1us7q_256",
22
- "body-variant-chart": "awsui_body-variant-chart_xjuzf_1us7q_259",
23
- "has-dismiss": "awsui_has-dismiss_xjuzf_1us7q_264",
24
- "dismiss": "awsui_dismiss_xjuzf_1us7q_269",
25
- "dismiss-control": "awsui_dismiss-control_xjuzf_1us7q_277",
26
- "header-row": "awsui_header-row_xjuzf_1us7q_281",
27
- "header": "awsui_header_xjuzf_1us7q_281",
28
- "content": "awsui_content_xjuzf_1us7q_306",
29
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1us7q_314",
30
- "container": "awsui_container_xjuzf_1us7q_326",
31
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1us7q_337",
32
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1us7q_337",
33
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1us7q_337",
34
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1us7q_342",
35
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1us7q_342",
36
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1us7q_342",
37
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1us7q_347",
38
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1us7q_347",
39
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1us7q_352",
40
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1us7q_352",
41
- "container-body": "awsui_container-body_xjuzf_1us7q_358",
42
- "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1us7q_398",
43
- "container-body-size-small": "awsui_container-body-size-small_xjuzf_1us7q_403",
44
- "fixed-width": "awsui_fixed-width_xjuzf_1us7q_406",
45
- "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1us7q_410",
46
- "container-body-size-large": "awsui_container-body-size-large_xjuzf_1us7q_417",
47
- "container-arrow": "awsui_container-arrow_xjuzf_1us7q_337",
48
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1us7q_467",
49
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1us7q_1",
50
- "refresh": "awsui_refresh_xjuzf_1us7q_525",
51
- "root": "awsui_root_xjuzf_1us7q_547",
52
- "no-wrap": "awsui_no-wrap_xjuzf_1us7q_579",
53
- "root-filtering-token": "awsui_root-filtering-token_xjuzf_1us7q_583",
54
- "trigger": "awsui_trigger_xjuzf_1us7q_587",
55
- "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_1us7q_594",
56
- "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_1us7q_602",
57
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_1us7q_602",
58
- "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_1us7q_670",
59
- "popover-inline-content": "awsui_popover-inline-content_xjuzf_1us7q_674",
60
- "hover-area": "awsui_hover-area_xjuzf_1us7q_678"
5
+ "arrow": "awsui_arrow_xjuzf_125ku_153",
6
+ "arrow-outer": "awsui_arrow-outer_xjuzf_125ku_157",
7
+ "arrow-inner": "awsui_arrow-inner_xjuzf_125ku_157",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_125ku_199",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_125ku_199",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_125ku_202",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_125ku_202",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_125ku_205",
13
+ "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_125ku_205",
14
+ "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_125ku_205",
15
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_125ku_205",
16
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_125ku_208",
17
+ "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_125ku_208",
18
+ "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_125ku_208",
19
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_125ku_208",
20
+ "body": "awsui_body_xjuzf_125ku_220",
21
+ "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_125ku_256",
22
+ "body-variant-chart": "awsui_body-variant-chart_xjuzf_125ku_259",
23
+ "has-dismiss": "awsui_has-dismiss_xjuzf_125ku_264",
24
+ "dismiss": "awsui_dismiss_xjuzf_125ku_269",
25
+ "dismiss-control": "awsui_dismiss-control_xjuzf_125ku_277",
26
+ "header-row": "awsui_header-row_xjuzf_125ku_281",
27
+ "header": "awsui_header_xjuzf_125ku_281",
28
+ "content": "awsui_content_xjuzf_125ku_306",
29
+ "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_125ku_315",
30
+ "container": "awsui_container_xjuzf_125ku_327",
31
+ "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_125ku_338",
32
+ "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_125ku_338",
33
+ "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_125ku_338",
34
+ "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_125ku_343",
35
+ "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_125ku_343",
36
+ "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_125ku_343",
37
+ "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_125ku_348",
38
+ "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_125ku_348",
39
+ "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_125ku_353",
40
+ "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_125ku_353",
41
+ "container-body": "awsui_container-body_xjuzf_125ku_359",
42
+ "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_125ku_399",
43
+ "container-body-size-small": "awsui_container-body-size-small_xjuzf_125ku_404",
44
+ "fixed-width": "awsui_fixed-width_xjuzf_125ku_407",
45
+ "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_125ku_411",
46
+ "container-body-size-large": "awsui_container-body-size-large_xjuzf_125ku_418",
47
+ "container-arrow": "awsui_container-arrow_xjuzf_125ku_338",
48
+ "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_125ku_468",
49
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_125ku_1",
50
+ "refresh": "awsui_refresh_xjuzf_125ku_526",
51
+ "root": "awsui_root_xjuzf_125ku_548",
52
+ "no-wrap": "awsui_no-wrap_xjuzf_125ku_580",
53
+ "root-filtering-token": "awsui_root-filtering-token_xjuzf_125ku_584",
54
+ "trigger": "awsui_trigger_xjuzf_125ku_588",
55
+ "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_125ku_595",
56
+ "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_125ku_603",
57
+ "trigger-type-text": "awsui_trigger-type-text_xjuzf_125ku_603",
58
+ "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_125ku_671",
59
+ "popover-inline-content": "awsui_popover-inline-content_xjuzf_125ku_675",
60
+ "hover-area": "awsui_hover-area_xjuzf_125ku_679"
61
61
  };
62
62
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1079",
3
+ "version": "3.0.1080",
4
4
  "files": [
5
5
  "lib"
6
6
  ],