@cloudscape-design/components-themeable 3.0.1078 → 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.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/popover/body.scss +4 -0
- package/lib/internal/template/date-range-picker/time-offset.d.ts +1 -1
- package/lib/internal/template/date-range-picker/time-offset.d.ts.map +1 -1
- package/lib/internal/template/date-range-picker/time-offset.js +7 -3
- package/lib/internal/template/date-range-picker/time-offset.js.map +1 -1
- package/lib/internal/template/flashbar/style.d.ts.map +1 -1
- package/lib/internal/template/flashbar/style.js +16 -31
- package/lib/internal/template/flashbar/style.js.map +1 -1
- package/lib/internal/template/flashbar/utils.d.ts +1 -0
- package/lib/internal/template/flashbar/utils.d.ts.map +1 -1
- package/lib/internal/template/flashbar/utils.js +3 -0
- package/lib/internal/template/flashbar/utils.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/utils/date-time/format-time-offset.d.ts.map +1 -1
- package/lib/internal/template/internal/utils/date-time/format-time-offset.js +3 -0
- package/lib/internal/template/internal/utils/date-time/format-time-offset.js.map +1 -1
- package/lib/internal/template/popover/styles.css.js +56 -56
- package/lib/internal/template/popover/styles.scoped.css +85 -84
- package/lib/internal/template/popover/styles.selectors.js +56 -56
- package/package.json +1 -1
|
@@ -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
|
|
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,
|
|
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
|
|
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;
|
|
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;
|
|
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
|
|
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
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
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 +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,
|
|
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": "
|
|
5
|
-
"arrow-outer": "awsui_arrow-
|
|
6
|
-
"arrow-inner": "awsui_arrow-
|
|
7
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
8
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
9
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
10
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
11
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
12
|
-
"arrow-position-top-right": "awsui_arrow-position-top-
|
|
13
|
-
"arrow-position-top-left": "awsui_arrow-position-top-
|
|
14
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
15
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
16
|
-
"arrow-position-bottom-right": "awsui_arrow-position-bottom-
|
|
17
|
-
"arrow-position-bottom-left": "awsui_arrow-position-bottom-
|
|
18
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
19
|
-
"body": "
|
|
20
|
-
"body-overflow-visible": "awsui_body-overflow-
|
|
21
|
-
"body-variant-chart": "awsui_body-variant-
|
|
22
|
-
"has-dismiss": "awsui_has-
|
|
23
|
-
"dismiss": "
|
|
24
|
-
"dismiss-control": "awsui_dismiss-
|
|
25
|
-
"header-row": "awsui_header-
|
|
26
|
-
"header": "
|
|
27
|
-
"content": "
|
|
28
|
-
"content-overflow-visible": "awsui_content-overflow-
|
|
29
|
-
"container": "
|
|
30
|
-
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-
|
|
31
|
-
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-
|
|
32
|
-
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-
|
|
33
|
-
"container-arrow-position-top-left": "awsui_container-arrow-position-top-
|
|
34
|
-
"container-arrow-position-top-center": "awsui_container-arrow-position-top-
|
|
35
|
-
"container-arrow-position-top-right": "awsui_container-arrow-position-top-
|
|
36
|
-
"container-arrow-position-right-top": "awsui_container-arrow-position-right-
|
|
37
|
-
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-
|
|
38
|
-
"container-arrow-position-left-top": "awsui_container-arrow-position-left-
|
|
39
|
-
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-
|
|
40
|
-
"container-body": "awsui_container-
|
|
41
|
-
"container-body-variant-annotation": "awsui_container-body-variant-
|
|
42
|
-
"container-body-size-small": "awsui_container-body-size-
|
|
43
|
-
"fixed-width": "awsui_fixed-
|
|
44
|
-
"container-body-size-medium": "awsui_container-body-size-
|
|
45
|
-
"container-body-size-large": "awsui_container-body-size-
|
|
46
|
-
"container-arrow": "awsui_container-
|
|
47
|
-
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-
|
|
48
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
49
|
-
"refresh": "
|
|
50
|
-
"root": "
|
|
51
|
-
"no-wrap": "awsui_no-
|
|
52
|
-
"root-filtering-token": "awsui_root-filtering-
|
|
53
|
-
"trigger": "
|
|
54
|
-
"overflow-ellipsis": "awsui_overflow-
|
|
55
|
-
"trigger-type-text-inline": "awsui_trigger-type-text-
|
|
56
|
-
"trigger-type-text": "awsui_trigger-type-
|
|
57
|
-
"trigger-type-filtering-token": "awsui_trigger-type-filtering-
|
|
58
|
-
"popover-inline-content": "awsui_popover-inline-
|
|
59
|
-
"hover-area": "awsui_hover-
|
|
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
|
-
.
|
|
153
|
+
.awsui_arrow_xjuzf_125ku_153:not(#\9) {
|
|
154
154
|
inline-size: 20px;
|
|
155
155
|
block-size: 10px;
|
|
156
156
|
}
|
|
157
|
-
.awsui_arrow-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
.
|
|
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-
|
|
256
|
+
.awsui_body-overflow-visible_xjuzf_125ku_256:not(#\9) {
|
|
257
257
|
overflow: visible;
|
|
258
258
|
}
|
|
259
|
-
.awsui_body-variant-
|
|
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-
|
|
264
|
+
.awsui_has-dismiss_xjuzf_125ku_264:not(#\9) {
|
|
265
265
|
display: flex;
|
|
266
266
|
align-items: baseline;
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
.
|
|
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-
|
|
277
|
+
.awsui_dismiss-control_xjuzf_125ku_277:not(#\9) {
|
|
278
278
|
/* used in test-utils */
|
|
279
279
|
}
|
|
280
280
|
|
|
281
|
-
.awsui_header-
|
|
281
|
+
.awsui_header-row_xjuzf_125ku_281:not(#\9) {
|
|
282
282
|
margin-block-end: var(--space-xs-kw7k3v, 8px);
|
|
283
283
|
}
|
|
284
284
|
|
|
285
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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-
|
|
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
|
-
.
|
|
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
|
-
.
|
|
334
|
+
.awsui_container_xjuzf_125ku_327:not(#\9)::before {
|
|
334
335
|
content: "";
|
|
335
336
|
position: absolute;
|
|
336
337
|
}
|
|
337
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
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-
|
|
404
|
+
.awsui_container-body-size-small_xjuzf_125ku_404:not(#\9) {
|
|
404
405
|
max-inline-size: 210px;
|
|
405
406
|
}
|
|
406
|
-
.awsui_container-body-size-
|
|
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-
|
|
411
|
+
.awsui_container-body-size-medium_xjuzf_125ku_411:not(#\9) {
|
|
411
412
|
max-inline-size: 310px;
|
|
412
413
|
}
|
|
413
|
-
.awsui_container-body-size-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
.
|
|
505
|
-
animation: awsui_awsui-motion-fade-
|
|
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-
|
|
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
|
-
.
|
|
517
|
+
.awsui_container_xjuzf_125ku_327:not(#\9) {
|
|
517
518
|
animation: none;
|
|
518
519
|
transition: none;
|
|
519
520
|
}
|
|
520
521
|
}
|
|
521
|
-
.awsui-motion-disabled .
|
|
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
|
-
.
|
|
526
|
-
animation: awsui_awsui-motion-fade-
|
|
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-
|
|
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
|
-
.
|
|
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 .
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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-
|
|
584
|
+
.awsui_root-filtering-token_xjuzf_125ku_584:not(#\9) {
|
|
584
585
|
display: flex;
|
|
585
586
|
}
|
|
586
587
|
|
|
587
|
-
.
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
633
|
-
.awsui_trigger-type-
|
|
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-
|
|
643
|
-
.awsui_trigger-type-
|
|
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-
|
|
647
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-
|
|
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-
|
|
651
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-
|
|
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-
|
|
656
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-
|
|
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-
|
|
672
|
+
.awsui_trigger-type-filtering-token_xjuzf_125ku_671:not(#\9) {
|
|
672
673
|
display: flex;
|
|
673
674
|
}
|
|
674
675
|
|
|
675
|
-
.awsui_popover-inline-
|
|
676
|
+
.awsui_popover-inline-content_xjuzf_125ku_675:not(#\9) {
|
|
676
677
|
display: inline;
|
|
677
678
|
}
|
|
678
679
|
|
|
679
|
-
.awsui_hover-
|
|
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": "
|
|
6
|
-
"arrow-outer": "awsui_arrow-
|
|
7
|
-
"arrow-inner": "awsui_arrow-
|
|
8
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
9
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
10
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
11
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
12
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
13
|
-
"arrow-position-top-right": "awsui_arrow-position-top-
|
|
14
|
-
"arrow-position-top-left": "awsui_arrow-position-top-
|
|
15
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
16
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
17
|
-
"arrow-position-bottom-right": "awsui_arrow-position-bottom-
|
|
18
|
-
"arrow-position-bottom-left": "awsui_arrow-position-bottom-
|
|
19
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
20
|
-
"body": "
|
|
21
|
-
"body-overflow-visible": "awsui_body-overflow-
|
|
22
|
-
"body-variant-chart": "awsui_body-variant-
|
|
23
|
-
"has-dismiss": "awsui_has-
|
|
24
|
-
"dismiss": "
|
|
25
|
-
"dismiss-control": "awsui_dismiss-
|
|
26
|
-
"header-row": "awsui_header-
|
|
27
|
-
"header": "
|
|
28
|
-
"content": "
|
|
29
|
-
"content-overflow-visible": "awsui_content-overflow-
|
|
30
|
-
"container": "
|
|
31
|
-
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-
|
|
32
|
-
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-
|
|
33
|
-
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-
|
|
34
|
-
"container-arrow-position-top-left": "awsui_container-arrow-position-top-
|
|
35
|
-
"container-arrow-position-top-center": "awsui_container-arrow-position-top-
|
|
36
|
-
"container-arrow-position-top-right": "awsui_container-arrow-position-top-
|
|
37
|
-
"container-arrow-position-right-top": "awsui_container-arrow-position-right-
|
|
38
|
-
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-
|
|
39
|
-
"container-arrow-position-left-top": "awsui_container-arrow-position-left-
|
|
40
|
-
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-
|
|
41
|
-
"container-body": "awsui_container-
|
|
42
|
-
"container-body-variant-annotation": "awsui_container-body-variant-
|
|
43
|
-
"container-body-size-small": "awsui_container-body-size-
|
|
44
|
-
"fixed-width": "awsui_fixed-
|
|
45
|
-
"container-body-size-medium": "awsui_container-body-size-
|
|
46
|
-
"container-body-size-large": "awsui_container-body-size-
|
|
47
|
-
"container-arrow": "awsui_container-
|
|
48
|
-
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-
|
|
49
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
50
|
-
"refresh": "
|
|
51
|
-
"root": "
|
|
52
|
-
"no-wrap": "awsui_no-
|
|
53
|
-
"root-filtering-token": "awsui_root-filtering-
|
|
54
|
-
"trigger": "
|
|
55
|
-
"overflow-ellipsis": "awsui_overflow-
|
|
56
|
-
"trigger-type-text-inline": "awsui_trigger-type-text-
|
|
57
|
-
"trigger-type-text": "awsui_trigger-type-
|
|
58
|
-
"trigger-type-filtering-token": "awsui_trigger-type-filtering-
|
|
59
|
-
"popover-inline-content": "awsui_popover-inline-
|
|
60
|
-
"hover-area": "awsui_hover-
|
|
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
|
|