@cloudscape-design/components 3.0.117 → 3.0.119

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/attribute-editor/row.d.ts.map +1 -1
  2. package/attribute-editor/row.js +12 -9
  3. package/attribute-editor/row.js.map +1 -1
  4. package/internal/environment.js +1 -1
  5. package/internal/manifest.json +1 -1
  6. package/package.json +1 -1
  7. package/tiles/styles.css.js +28 -28
  8. package/tiles/styles.scoped.css +69 -68
  9. package/tiles/styles.selectors.js +28 -28
  10. package/wizard/styles.css.js +32 -32
  11. package/wizard/styles.scoped.css +61 -61
  12. package/wizard/styles.selectors.js +32 -32
package/attribute-editor/row.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAA6B,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAOvF,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,UAAU,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC1C,IAAI,EAAE,CAAC,CAAC;IACR,UAAU,EAAE,aAAa,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACnE,WAAW,EAAE,oBAAoB,CAAC,WAAW,GAAG,SAAS,CAAC;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;CAC/F;AAYD,eAAO,MAAM,GAAG,yLA6Df,CAAC"}
1
+ {"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAA6B,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAQvF,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,UAAU,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC1C,IAAI,EAAE,CAAC,CAAC;IACR,UAAU,EAAE,aAAa,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACnE,WAAW,EAAE,oBAAoB,CAAC,WAAW,GAAG,SAAS,CAAC;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;CAC/F;AAYD,eAAO,MAAM,GAAG,yLAsEf,CAAC"}
package/attribute-editor/row.js CHANGED
@@ -9,6 +9,7 @@ import { fireNonCancelableEvent } from '../internal/events';
9
9
  import InternalGrid from '../grid/internal';
10
10
  import { InternalButton } from '../button/internal';
11
11
  import clsx from 'clsx';
12
+ import { generateUniqueId } from '../internal/hooks/use-unique-id';
12
13
  var Divider = function () { return React.createElement(InternalBox, { className: styles.divider, padding: { top: 'l' } }); };
13
14
  function render(item, itemIndex, slot) {
14
15
  return typeof slot === 'function' ? slot(item, itemIndex) : slot;
@@ -22,16 +23,18 @@ export var Row = React.memo(function (_a) {
22
23
  var handleRemoveClick = useCallback(function () {
23
24
  fireNonCancelableEvent(onRemoveButtonClick, { itemIndex: index });
24
25
  }, [onRemoveButtonClick, index]);
26
+ var firstControlId = generateUniqueId('first-control-id-');
25
27
  return (React.createElement(InternalBox, { className: styles.row, margin: { bottom: 's' } },
26
- React.createElement(InternalGrid, { __breakpoint: breakpoint, gridDefinition: removable ? REMOVABLE_GRID_DEFINITION : GRID_DEFINITION },
27
- React.createElement(InternalColumnLayout, { className: styles['row-control'], columns: definition.length, __breakpoint: breakpoint }, definition.map(function (_a, defIndex) {
28
- var info = _a.info, label = _a.label, constraintText = _a.constraintText, errorText = _a.errorText, control = _a.control;
29
- return (React.createElement(InternalFormField, { key: defIndex, className: styles.field, label: label, info: info, constraintText: render(item, index, constraintText), errorText: render(item, index, errorText), stretch: true, i18nStrings: { errorIconAriaLabel: i18nStrings.errorIconAriaLabel }, __hideLabel: isWideViewport && index > 0 }, render(item, index, control)));
30
- })),
31
- removable && (React.createElement(ButtonContainer, { index: index, isNarrowViewport: isNarrowViewport },
32
- React.createElement(InternalButton, { className: styles['remove-button'], formAction: "none", ref: function (ref) {
33
- removeButtonRefs[index] = ref !== null && ref !== void 0 ? ref : undefined;
34
- }, onClick: handleRemoveClick }, removeButtonText)))),
28
+ React.createElement("div", { role: "group", "aria-labelledby": "".concat(firstControlId, "-label ").concat(firstControlId) },
29
+ React.createElement(InternalGrid, { __breakpoint: breakpoint, gridDefinition: removable ? REMOVABLE_GRID_DEFINITION : GRID_DEFINITION },
30
+ React.createElement(InternalColumnLayout, { className: styles['row-control'], columns: definition.length, __breakpoint: breakpoint }, definition.map(function (_a, defIndex) {
31
+ var info = _a.info, label = _a.label, constraintText = _a.constraintText, errorText = _a.errorText, control = _a.control;
32
+ return (React.createElement(InternalFormField, { key: defIndex, className: styles.field, label: label, info: info, constraintText: render(item, index, constraintText), errorText: render(item, index, errorText), stretch: true, i18nStrings: { errorIconAriaLabel: i18nStrings.errorIconAriaLabel }, __hideLabel: isWideViewport && index > 0, controlId: defIndex === 0 ? firstControlId : undefined }, render(item, index, control)));
33
+ })),
34
+ removable && (React.createElement(ButtonContainer, { index: index, isNarrowViewport: isNarrowViewport },
35
+ React.createElement(InternalButton, { className: styles['remove-button'], formAction: "none", ref: function (ref) {
36
+ removeButtonRefs[index] = ref !== null && ref !== void 0 ? ref : undefined;
37
+ }, onClick: handleRemoveClick }, removeButtonText))))),
35
38
  isNarrowViewport && React.createElement(Divider, null)));
36
39
  });
37
40
  var ButtonContainer = function (_a) {
package/attribute-editor/row.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/attribute-editor/row.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 InternalBox from '../box/internal';\nimport styles from './styles.css.js';\nimport React, { useCallback } from 'react';\nimport InternalFormField from '../form-field/internal';\nimport InternalColumnLayout, { ColumnLayoutBreakpoint } from '../column-layout/internal';\nimport { AttributeEditorProps } from './interfaces';\nimport { ButtonProps } from '../button/interfaces';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport InternalGrid from '../grid/internal';\nimport { InternalButton } from '../button/internal';\nimport clsx from 'clsx';\n\nconst Divider = () => <InternalBox className={styles.divider} padding={{ top: 'l' }} />;\n\nexport interface RowProps<T> {\n breakpoint: ColumnLayoutBreakpoint | null;\n item: T;\n definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n i18nStrings: AttributeEditorProps.I18nStrings | undefined;\n index: number;\n removable: boolean;\n removeButtonText: string;\n removeButtonRefs: Array<ButtonProps.Ref | undefined>;\n onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;\n}\n\nfunction render<T>(\n item: T,\n itemIndex: number,\n slot: AttributeEditorProps.FieldRenderable<T> | React.ReactNode | undefined\n) {\n return typeof slot === 'function' ? slot(item, itemIndex) : slot;\n}\n\nconst GRID_DEFINITION = [{ colspan: { default: 12, xs: 9 } }];\nconst REMOVABLE_GRID_DEFINITION = [{ colspan: { default: 12, xs: 9 } }, { colspan: { default: 12, xs: 3 } }];\nexport const Row = React.memo(\n <T,>({\n breakpoint,\n item,\n definition,\n i18nStrings = {},\n index,\n removable,\n removeButtonText,\n removeButtonRefs,\n onRemoveButtonClick,\n }: RowProps<T>) => {\n const isNarrowViewport = breakpoint === 'default' || breakpoint === 'xxs';\n const isWideViewport = !isNarrowViewport;\n\n const handleRemoveClick = useCallback(() => {\n fireNonCancelableEvent(onRemoveButtonClick, { itemIndex: index });\n }, [onRemoveButtonClick, index]);\n\n return (\n <InternalBox className={styles.row} margin={{ bottom: 's' }}>\n <InternalGrid\n __breakpoint={breakpoint}\n gridDefinition={removable ? REMOVABLE_GRID_DEFINITION : GRID_DEFINITION}\n >\n <InternalColumnLayout className={styles['row-control']} columns={definition.length} __breakpoint={breakpoint}>\n {definition.map(({ info, label, constraintText, errorText, control }, defIndex) => (\n <InternalFormField\n key={defIndex}\n className={styles.field}\n label={label}\n info={info}\n constraintText={render(item, index, constraintText)}\n errorText={render(item, index, errorText)}\n stretch={true}\n i18nStrings={{ errorIconAriaLabel: i18nStrings.errorIconAriaLabel }}\n __hideLabel={isWideViewport && index > 0}\n >\n {render(item, index, control)}\n </InternalFormField>\n ))}\n </InternalColumnLayout>\n {removable && (\n <ButtonContainer index={index} isNarrowViewport={isNarrowViewport}>\n <InternalButton\n className={styles['remove-button']}\n formAction=\"none\"\n ref={ref => {\n removeButtonRefs[index] = ref ?? undefined;\n }}\n onClick={handleRemoveClick}\n >\n {removeButtonText}\n </InternalButton>\n </ButtonContainer>\n )}\n </InternalGrid>\n {isNarrowViewport && <Divider />}\n </InternalBox>\n );\n }\n);\n\ninterface ButtonContainer {\n index: number;\n children: React.ReactNode;\n isNarrowViewport: boolean;\n}\n\nconst ButtonContainer = ({ index, children, isNarrowViewport }: ButtonContainer) => (\n <div\n className={clsx({\n [styles['button-container']]: !isNarrowViewport && index === 0,\n [styles['right-align']]: isNarrowViewport,\n })}\n >\n {children}\n </div>\n);\n"]}
1
+ {"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/attribute-editor/row.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 InternalBox from '../box/internal';\nimport styles from './styles.css.js';\nimport React, { useCallback } from 'react';\nimport InternalFormField from '../form-field/internal';\nimport InternalColumnLayout, { ColumnLayoutBreakpoint } from '../column-layout/internal';\nimport { AttributeEditorProps } from './interfaces';\nimport { ButtonProps } from '../button/interfaces';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport InternalGrid from '../grid/internal';\nimport { InternalButton } from '../button/internal';\nimport clsx from 'clsx';\nimport { generateUniqueId } from '../internal/hooks/use-unique-id';\n\nconst Divider = () => <InternalBox className={styles.divider} padding={{ top: 'l' }} />;\n\nexport interface RowProps<T> {\n breakpoint: ColumnLayoutBreakpoint | null;\n item: T;\n definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n i18nStrings: AttributeEditorProps.I18nStrings | undefined;\n index: number;\n removable: boolean;\n removeButtonText: string;\n removeButtonRefs: Array<ButtonProps.Ref | undefined>;\n onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;\n}\n\nfunction render<T>(\n item: T,\n itemIndex: number,\n slot: AttributeEditorProps.FieldRenderable<T> | React.ReactNode | undefined\n) {\n return typeof slot === 'function' ? slot(item, itemIndex) : slot;\n}\n\nconst GRID_DEFINITION = [{ colspan: { default: 12, xs: 9 } }];\nconst REMOVABLE_GRID_DEFINITION = [{ colspan: { default: 12, xs: 9 } }, { colspan: { default: 12, xs: 3 } }];\nexport const Row = React.memo(\n <T,>({\n breakpoint,\n item,\n definition,\n i18nStrings = {},\n index,\n removable,\n removeButtonText,\n removeButtonRefs,\n onRemoveButtonClick,\n }: RowProps<T>) => {\n const isNarrowViewport = breakpoint === 'default' || breakpoint === 'xxs';\n const isWideViewport = !isNarrowViewport;\n\n const handleRemoveClick = useCallback(() => {\n fireNonCancelableEvent(onRemoveButtonClick, { itemIndex: index });\n }, [onRemoveButtonClick, index]);\n\n const firstControlId = generateUniqueId('first-control-id-');\n\n return (\n <InternalBox className={styles.row} margin={{ bottom: 's' }}>\n <div role=\"group\" aria-labelledby={`${firstControlId}-label ${firstControlId}`}>\n <InternalGrid\n __breakpoint={breakpoint}\n gridDefinition={removable ? REMOVABLE_GRID_DEFINITION : GRID_DEFINITION}\n >\n <InternalColumnLayout\n className={styles['row-control']}\n columns={definition.length}\n __breakpoint={breakpoint}\n >\n {definition.map(({ info, label, constraintText, errorText, control }, defIndex) => (\n <InternalFormField\n key={defIndex}\n className={styles.field}\n label={label}\n info={info}\n constraintText={render(item, index, constraintText)}\n errorText={render(item, index, errorText)}\n stretch={true}\n i18nStrings={{ errorIconAriaLabel: i18nStrings.errorIconAriaLabel }}\n __hideLabel={isWideViewport && index > 0}\n controlId={defIndex === 0 ? firstControlId : undefined}\n >\n {render(item, index, control)}\n </InternalFormField>\n ))}\n </InternalColumnLayout>\n {removable && (\n <ButtonContainer index={index} isNarrowViewport={isNarrowViewport}>\n <InternalButton\n className={styles['remove-button']}\n formAction=\"none\"\n ref={ref => {\n removeButtonRefs[index] = ref ?? undefined;\n }}\n onClick={handleRemoveClick}\n >\n {removeButtonText}\n </InternalButton>\n </ButtonContainer>\n )}\n </InternalGrid>\n </div>\n {isNarrowViewport && <Divider />}\n </InternalBox>\n );\n }\n);\n\ninterface ButtonContainer {\n index: number;\n children: React.ReactNode;\n isNarrowViewport: boolean;\n}\n\nconst ButtonContainer = ({ index, children, isNarrowViewport }: ButtonContainer) => (\n <div\n className={clsx({\n [styles['button-container']]: !isNarrowViewport && index === 0,\n [styles['right-align']]: isNarrowViewport,\n })}\n >\n {children}\n </div>\n);\n"]}
package/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (e42bba8)';
2
+ export var PACKAGE_VERSION = '3.0.0 (3e13d44)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
 
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "e42bba8c5a0687eca08541dea22c609694f8698e"
2
+ "commit": "3e13d449811fc95f5b3c8869659dd8b04cdaf2a3"
3
3
  }
package/package.json CHANGED
@@ -112,6 +112,6 @@
112
112
  "./internal/base-component/index.js",
113
113
  "./internal/base-component/styles.css.js"
114
114
  ],
115
- "version": "3.0.117",
115
+ "version": "3.0.119",
116
116
  "license": "Apache-2.0"
117
117
  }
package/tiles/styles.css.js CHANGED
@@ -1,33 +1,33 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "column-layout": "awsui_column-layout_vj6p7_1snwb_93",
5
- "grid": "awsui_grid_vj6p7_1snwb_104",
6
- "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_1snwb_109",
7
- "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_1snwb_112",
8
- "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_1snwb_119",
9
- "grid-columns-1": "awsui_grid-columns-1_vj6p7_1snwb_122",
10
- "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_1snwb_122",
11
- "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_1snwb_125",
12
- "grid-columns-2": "awsui_grid-columns-2_vj6p7_1snwb_128",
13
- "grid-columns-3": "awsui_grid-columns-3_vj6p7_1snwb_134",
14
- "grid-columns-4": "awsui_grid-columns-4_vj6p7_1snwb_140",
15
- "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_1snwb_153",
16
- "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_1snwb_186",
17
- "root": "awsui_root_vj6p7_1snwb_240",
18
- "tile-container": "awsui_tile-container_vj6p7_1snwb_255",
19
- "has-metadata": "awsui_has-metadata_vj6p7_1snwb_264",
20
- "selected": "awsui_selected_vj6p7_1snwb_267",
21
- "disabled": "awsui_disabled_vj6p7_1snwb_271",
22
- "columns": "awsui_columns_vj6p7_1snwb_286",
23
- "column-1": "awsui_column-1_vj6p7_1snwb_291",
24
- "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_1snwb_298",
25
- "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_1snwb_303",
26
- "column-2": "awsui_column-2_vj6p7_1snwb_308",
27
- "column-3": "awsui_column-3_vj6p7_1snwb_325",
28
- "column-4": "awsui_column-4_vj6p7_1snwb_342",
29
- "control": "awsui_control_vj6p7_1snwb_360",
30
- "no-image": "awsui_no-image_vj6p7_1snwb_364",
31
- "image": "awsui_image_vj6p7_1snwb_368"
4
+ "column-layout": "awsui_column-layout_vj6p7_gvt2c_93",
5
+ "grid": "awsui_grid_vj6p7_gvt2c_104",
6
+ "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_gvt2c_109",
7
+ "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_gvt2c_112",
8
+ "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_gvt2c_119",
9
+ "grid-columns-1": "awsui_grid-columns-1_vj6p7_gvt2c_122",
10
+ "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122",
11
+ "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_gvt2c_125",
12
+ "grid-columns-2": "awsui_grid-columns-2_vj6p7_gvt2c_128",
13
+ "grid-columns-3": "awsui_grid-columns-3_vj6p7_gvt2c_134",
14
+ "grid-columns-4": "awsui_grid-columns-4_vj6p7_gvt2c_140",
15
+ "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_gvt2c_153",
16
+ "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_gvt2c_186",
17
+ "root": "awsui_root_vj6p7_gvt2c_240",
18
+ "tile-container": "awsui_tile-container_vj6p7_gvt2c_255",
19
+ "has-metadata": "awsui_has-metadata_vj6p7_gvt2c_265",
20
+ "selected": "awsui_selected_vj6p7_gvt2c_268",
21
+ "disabled": "awsui_disabled_vj6p7_gvt2c_272",
22
+ "columns": "awsui_columns_vj6p7_gvt2c_287",
23
+ "column-1": "awsui_column-1_vj6p7_gvt2c_292",
24
+ "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_gvt2c_299",
25
+ "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_gvt2c_304",
26
+ "column-2": "awsui_column-2_vj6p7_gvt2c_309",
27
+ "column-3": "awsui_column-3_vj6p7_gvt2c_326",
28
+ "column-4": "awsui_column-4_vj6p7_gvt2c_343",
29
+ "control": "awsui_control_vj6p7_gvt2c_361",
30
+ "no-image": "awsui_no-image_vj6p7_gvt2c_365",
31
+ "image": "awsui_image_vj6p7_gvt2c_369"
32
32
  };
33
33
 
package/tiles/styles.scoped.css CHANGED
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- div.awsui_column-layout_vj6p7_1snwb_93:not(#\9) {
93
+ div.awsui_column-layout_vj6p7_gvt2c_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -127,135 +127,135 @@ div.awsui_column-layout_vj6p7_1snwb_93:not(#\9) {
127
127
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  word-wrap: break-word;
129
129
  }
130
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104:not(#\9) {
130
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104:not(#\9) {
131
131
  margin: calc(var(--space-grid-gutter-0subky, 20px) / -2);
132
132
  /* stylelint-disable-next-line selector-max-universal */
133
133
  /* stylelint-disable-next-line selector-max-universal */
134
134
  }
135
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-no-gutters_vj6p7_1snwb_109:not(#\9) {
135
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-no-gutters_vj6p7_gvt2c_109:not(#\9) {
136
136
  margin: 0;
137
137
  }
138
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112:not(#\9) {
138
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112:not(#\9) {
139
139
  /* stylelint-disable-next-line selector-max-universal */
140
140
  margin: calc(-1 * (var(--space-text-grid-vertical-tj8m1c, 16px))) calc(-1 * var(--space-grid-gutter-0subky, 20px));
141
141
  }
142
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112 > *:not(#\9) {
142
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112 > *:not(#\9) {
143
143
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
144
144
  }
145
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112.awsui_grid-breakpoint-default_vj6p7_1snwb_119 > *:not(#\9):nth-child(1n+1) {
145
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-breakpoint-default_vj6p7_gvt2c_119 > *:not(#\9):nth-child(1n+1) {
146
146
  border-left-width: 0;
147
147
  }
148
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112.awsui_grid-columns-1_vj6p7_1snwb_122.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-child(1n+1) {
148
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-1_vj6p7_gvt2c_122.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(1n+1) {
149
149
  border-left-width: 0;
150
150
  }
151
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112.awsui_grid-columns-1_vj6p7_1snwb_122.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-child(1n+1) {
151
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-1_vj6p7_gvt2c_122.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(1n+1) {
152
152
  border-left-width: 0;
153
153
  }
154
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112.awsui_grid-columns-2_vj6p7_1snwb_128.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-child(2n+1) {
154
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n+1) {
155
155
  border-left-width: 0;
156
156
  }
157
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112.awsui_grid-columns-2_vj6p7_1snwb_128.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-child(2n+1) {
157
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(2n+1) {
158
158
  border-left-width: 0;
159
159
  }
160
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112.awsui_grid-columns-3_vj6p7_1snwb_134.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-child(2n+1) {
160
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n+1) {
161
161
  border-left-width: 0;
162
162
  }
163
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112.awsui_grid-columns-3_vj6p7_1snwb_134.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-child(3n+1) {
163
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(3n+1) {
164
164
  border-left-width: 0;
165
165
  }
166
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-child(2n+1) {
166
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n+1) {
167
167
  border-left-width: 0;
168
168
  }
169
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-variant-text-grid_vj6p7_1snwb_112.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-child(4n+1) {
169
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(4n+1) {
170
170
  border-left-width: 0;
171
171
  }
172
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1snwb_109) > * {
172
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_gvt2c_109) > * {
173
173
  padding: calc(var(--space-grid-gutter-0subky, 20px) / 2);
174
174
  }
175
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1snwb_109).awsui_grid-variant-text-grid_vj6p7_1snwb_112 > * {
175
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_gvt2c_109).awsui_grid-variant-text-grid_vj6p7_gvt2c_112 > * {
176
176
  padding: 0 var(--space-grid-gutter-0subky, 20px);
177
177
  margin: var(--space-text-grid-vertical-tj8m1c, 16px) 0;
178
178
  }
179
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153:not(#\9) {
179
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153:not(#\9) {
180
180
  /* stylelint-disable-next-line selector-max-universal */
181
181
  }
182
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153 > *:not(#\9) {
182
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153 > *:not(#\9) {
183
183
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
184
184
  }
185
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153.awsui_grid-breakpoint-default_vj6p7_1snwb_119 > *:not(#\9):nth-child(1n) {
185
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-breakpoint-default_vj6p7_gvt2c_119 > *:not(#\9):nth-child(1n) {
186
186
  border-right-width: 0;
187
187
  }
188
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153.awsui_grid-columns-1_vj6p7_1snwb_122.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-child(1n) {
188
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-1_vj6p7_gvt2c_122.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(1n) {
189
189
  border-right-width: 0;
190
190
  }
191
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153.awsui_grid-columns-1_vj6p7_1snwb_122.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-child(1n) {
191
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-1_vj6p7_gvt2c_122.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(1n) {
192
192
  border-right-width: 0;
193
193
  }
194
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153.awsui_grid-columns-2_vj6p7_1snwb_128.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-child(2n) {
194
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n) {
195
195
  border-right-width: 0;
196
196
  }
197
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153.awsui_grid-columns-2_vj6p7_1snwb_128.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-child(2n) {
197
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(2n) {
198
198
  border-right-width: 0;
199
199
  }
200
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153.awsui_grid-columns-3_vj6p7_1snwb_134.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-child(2n) {
200
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n) {
201
201
  border-right-width: 0;
202
202
  }
203
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153.awsui_grid-columns-3_vj6p7_1snwb_134.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-child(3n) {
203
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(3n) {
204
204
  border-right-width: 0;
205
205
  }
206
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-child(2n) {
206
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n) {
207
207
  border-right-width: 0;
208
208
  }
209
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-vertical-borders_vj6p7_1snwb_153.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-child(4n) {
209
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(4n) {
210
210
  border-right-width: 0;
211
211
  }
212
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186:not(#\9) {
212
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186:not(#\9) {
213
213
  /* stylelint-disable selector-max-universal */
214
214
  /* stylelint-enable selector-max-universal */
215
215
  }
216
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186 > *:not(#\9) {
216
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186 > *:not(#\9) {
217
217
  border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
218
218
  }
219
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186 > *:not(#\9):last-child {
219
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186 > *:not(#\9):last-child {
220
220
  border-bottom-width: 0;
221
221
  }
222
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-2_vj6p7_1snwb_128.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
222
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
223
223
  border-bottom-width: 0;
224
224
  }
225
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-2_vj6p7_1snwb_128.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
225
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
226
226
  border-bottom-width: 0;
227
227
  }
228
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-3_vj6p7_1snwb_134.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
228
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
229
229
  border-bottom-width: 0;
230
230
  }
231
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-3_vj6p7_1snwb_134.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
231
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
232
232
  border-bottom-width: 0;
233
233
  }
234
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-3_vj6p7_1snwb_134.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
234
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
235
235
  border-bottom-width: 0;
236
236
  }
237
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-3_vj6p7_1snwb_134.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
237
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
238
238
  border-bottom-width: 0;
239
239
  }
240
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xxs_vj6p7_1snwb_122 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
240
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
241
241
  border-bottom-width: 0;
242
242
  }
243
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
243
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
244
244
  border-bottom-width: 0;
245
245
  }
246
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
246
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
247
247
  border-bottom-width: 0;
248
248
  }
249
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
249
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
250
250
  border-bottom-width: 0;
251
251
  }
252
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
252
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
253
253
  border-bottom-width: 0;
254
254
  }
255
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
255
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
256
256
  border-bottom-width: 0;
257
257
  }
258
- div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-horizontal-borders_vj6p7_1snwb_186.awsui_grid-columns-4_vj6p7_1snwb_140.awsui_grid-breakpoint-xs_vj6p7_1snwb_125 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
258
+ div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
259
259
  border-bottom-width: 0;
260
260
  }
261
261
 
@@ -263,7 +263,7 @@ div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-
263
263
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
264
264
  SPDX-License-Identifier: Apache-2.0
265
265
  */
266
- .awsui_root_vj6p7_1snwb_240:not(#\9) {
266
+ .awsui_root_vj6p7_gvt2c_240:not(#\9) {
267
267
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
268
268
  border-collapse: separate;
269
269
  border-spacing: 0;
@@ -304,126 +304,127 @@ div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-
304
304
  display: block;
305
305
  }
306
306
 
307
- .awsui_tile-container_vj6p7_1snwb_255:not(#\9) {
307
+ .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
308
308
  box-sizing: border-box;
309
309
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-e47bkv, #7d8998);
310
310
  border-radius: var(--border-radius-tiles-kl8mtb, 8px);
311
+ background: var(--color-background-input-default-u57378, #ffffff);
311
312
  padding: var(--space-xs-rsr2qu, 8px) var(--space-scaled-m-pv0fmt, 16px);
312
313
  display: flex;
313
314
  flex-direction: column;
314
315
  transition: border-color var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear), background-color var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
315
316
  }
316
- .awsui_tile-container_vj6p7_1snwb_255.awsui_has-metadata_vj6p7_1snwb_264:not(#\9) {
317
+ .awsui_tile-container_vj6p7_gvt2c_255.awsui_has-metadata_vj6p7_gvt2c_265:not(#\9) {
317
318
  padding-bottom: var(--space-s-hv8c1d, 12px);
318
319
  }
319
- .awsui_tile-container_vj6p7_1snwb_255.awsui_selected_vj6p7_1snwb_267:not(#\9) {
320
+ .awsui_tile-container_vj6p7_gvt2c_255.awsui_selected_vj6p7_gvt2c_268:not(#\9) {
320
321
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
321
322
  background: var(--color-background-item-selected-ebt4bi, #f2f8fd);
322
323
  }
323
- .awsui_tile-container_vj6p7_1snwb_255.awsui_disabled_vj6p7_1snwb_271:not(#\9) {
324
+ .awsui_tile-container_vj6p7_gvt2c_255.awsui_disabled_vj6p7_gvt2c_272:not(#\9) {
324
325
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-tiles-disabled-dp4h7y, #e9ebed);
325
326
  background: var(--color-background-tiles-disabled-byt5lx, #e9ebed);
326
327
  }
327
328
  @media (prefers-reduced-motion: reduce) {
328
- .awsui_tile-container_vj6p7_1snwb_255:not(#\9) {
329
+ .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
329
330
  animation: none;
330
331
  transition: none;
331
332
  }
332
333
  }
333
- .awsui-motion-disabled .awsui_tile-container_vj6p7_1snwb_255:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_1snwb_255:not(#\9) {
334
+ .awsui-motion-disabled .awsui_tile-container_vj6p7_gvt2c_255:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
334
335
  animation: none;
335
336
  transition: none;
336
337
  }
337
338
 
338
- .awsui_columns_vj6p7_1snwb_286:not(#\9) {
339
+ .awsui_columns_vj6p7_gvt2c_287:not(#\9) {
339
340
  display: flex;
340
341
  flex-wrap: wrap;
341
342
  margin: calc(var(--space-grid-gutter-0subky, 20px) / -2);
342
343
  }
343
- .awsui_columns_vj6p7_1snwb_286.awsui_column-1_vj6p7_1snwb_291 > .awsui_tile-container_vj6p7_1snwb_255:not(#\9) {
344
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-1_vj6p7_gvt2c_292 > .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
344
345
  margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
345
346
  box-sizing: border-box;
346
347
  flex: 0 0;
347
348
  flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
348
349
  max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
349
350
  }
350
- .awsui_columns_vj6p7_1snwb_286.awsui_column-1_vj6p7_1snwb_291 > .awsui_tile-container_vj6p7_1snwb_255.awsui_breakpoint-xs_vj6p7_1snwb_298:not(#\9) {
351
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-1_vj6p7_gvt2c_292 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xs_vj6p7_gvt2c_299:not(#\9) {
351
352
  flex: 0 0;
352
353
  flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
353
354
  max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
354
355
  }
355
- .awsui_columns_vj6p7_1snwb_286.awsui_column-1_vj6p7_1snwb_291 > .awsui_tile-container_vj6p7_1snwb_255.awsui_breakpoint-xxs_vj6p7_1snwb_303:not(#\9) {
356
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-1_vj6p7_gvt2c_292 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xxs_vj6p7_gvt2c_304:not(#\9) {
356
357
  flex: 0 0;
357
358
  flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
358
359
  max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
359
360
  }
360
- .awsui_columns_vj6p7_1snwb_286.awsui_column-2_vj6p7_1snwb_308 > .awsui_tile-container_vj6p7_1snwb_255:not(#\9) {
361
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-2_vj6p7_gvt2c_309 > .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
361
362
  margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
362
363
  box-sizing: border-box;
363
364
  flex: 0 0;
364
365
  flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
365
366
  max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
366
367
  }
367
- .awsui_columns_vj6p7_1snwb_286.awsui_column-2_vj6p7_1snwb_308 > .awsui_tile-container_vj6p7_1snwb_255.awsui_breakpoint-xs_vj6p7_1snwb_298:not(#\9) {
368
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-2_vj6p7_gvt2c_309 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xs_vj6p7_gvt2c_299:not(#\9) {
368
369
  flex: 0 0;
369
370
  flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
370
371
  max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
371
372
  }
372
- .awsui_columns_vj6p7_1snwb_286.awsui_column-2_vj6p7_1snwb_308 > .awsui_tile-container_vj6p7_1snwb_255.awsui_breakpoint-xxs_vj6p7_1snwb_303:not(#\9) {
373
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-2_vj6p7_gvt2c_309 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xxs_vj6p7_gvt2c_304:not(#\9) {
373
374
  flex: 0 0;
374
375
  flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
375
376
  max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
376
377
  }
377
- .awsui_columns_vj6p7_1snwb_286.awsui_column-3_vj6p7_1snwb_325 > .awsui_tile-container_vj6p7_1snwb_255:not(#\9) {
378
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-3_vj6p7_gvt2c_326 > .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
378
379
  margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
379
380
  box-sizing: border-box;
380
381
  flex: 0 0;
381
382
  flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
382
383
  max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
383
384
  }
384
- .awsui_columns_vj6p7_1snwb_286.awsui_column-3_vj6p7_1snwb_325 > .awsui_tile-container_vj6p7_1snwb_255.awsui_breakpoint-xs_vj6p7_1snwb_298:not(#\9) {
385
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-3_vj6p7_gvt2c_326 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xs_vj6p7_gvt2c_299:not(#\9) {
385
386
  flex: 0 0;
386
387
  flex-basis: calc(33.3333333333% - var(--space-grid-gutter-0subky, 20px));
387
388
  max-width: calc(33.3333333333% - var(--space-grid-gutter-0subky, 20px));
388
389
  }
389
- .awsui_columns_vj6p7_1snwb_286.awsui_column-3_vj6p7_1snwb_325 > .awsui_tile-container_vj6p7_1snwb_255.awsui_breakpoint-xxs_vj6p7_1snwb_303:not(#\9) {
390
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-3_vj6p7_gvt2c_326 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xxs_vj6p7_gvt2c_304:not(#\9) {
390
391
  flex: 0 0;
391
392
  flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
392
393
  max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
393
394
  }
394
- .awsui_columns_vj6p7_1snwb_286.awsui_column-4_vj6p7_1snwb_342 > .awsui_tile-container_vj6p7_1snwb_255:not(#\9) {
395
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-4_vj6p7_gvt2c_343 > .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
395
396
  margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
396
397
  box-sizing: border-box;
397
398
  flex: 0 0;
398
399
  flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
399
400
  max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
400
401
  }
401
- .awsui_columns_vj6p7_1snwb_286.awsui_column-4_vj6p7_1snwb_342 > .awsui_tile-container_vj6p7_1snwb_255.awsui_breakpoint-xs_vj6p7_1snwb_298:not(#\9) {
402
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-4_vj6p7_gvt2c_343 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xs_vj6p7_gvt2c_299:not(#\9) {
402
403
  flex: 0 0;
403
404
  flex-basis: calc(25% - var(--space-grid-gutter-0subky, 20px));
404
405
  max-width: calc(25% - var(--space-grid-gutter-0subky, 20px));
405
406
  }
406
- .awsui_columns_vj6p7_1snwb_286.awsui_column-4_vj6p7_1snwb_342 > .awsui_tile-container_vj6p7_1snwb_255.awsui_breakpoint-xxs_vj6p7_1snwb_303:not(#\9) {
407
+ .awsui_columns_vj6p7_gvt2c_287.awsui_column-4_vj6p7_gvt2c_343 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xxs_vj6p7_gvt2c_304:not(#\9) {
407
408
  flex: 0 0;
408
409
  flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
409
410
  max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
410
411
  }
411
412
 
412
- .awsui_control_vj6p7_1snwb_360:not(#\9) {
413
+ .awsui_control_vj6p7_gvt2c_361:not(#\9) {
413
414
  flex-grow: 1;
414
415
  margin-bottom: var(--space-s-hv8c1d, 12px);
415
416
  }
416
- .awsui_control_vj6p7_1snwb_360.awsui_no-image_vj6p7_1snwb_364:not(#\9) {
417
+ .awsui_control_vj6p7_gvt2c_361.awsui_no-image_vj6p7_gvt2c_365:not(#\9) {
417
418
  margin-bottom: 0;
418
419
  }
419
420
 
420
- .awsui_image_vj6p7_1snwb_368:not(#\9) {
421
+ .awsui_image_vj6p7_gvt2c_369:not(#\9) {
421
422
  text-align: center;
422
423
  flex: none;
423
424
  }
424
- .awsui_image_vj6p7_1snwb_368 > img:not(#\9) {
425
+ .awsui_image_vj6p7_gvt2c_369 > img:not(#\9) {
425
426
  max-width: 100%;
426
427
  }
427
- .awsui_image_vj6p7_1snwb_368.awsui_disabled_vj6p7_1snwb_271 > img:not(#\9) {
428
+ .awsui_image_vj6p7_gvt2c_369.awsui_disabled_vj6p7_gvt2c_272 > img:not(#\9) {
428
429
  opacity: 0.3;
429
430
  }
package/tiles/styles.selectors.js CHANGED
@@ -2,33 +2,33 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "column-layout": "awsui_column-layout_vj6p7_1snwb_93",
6
- "grid": "awsui_grid_vj6p7_1snwb_104",
7
- "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_1snwb_109",
8
- "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_1snwb_112",
9
- "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_1snwb_119",
10
- "grid-columns-1": "awsui_grid-columns-1_vj6p7_1snwb_122",
11
- "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_1snwb_122",
12
- "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_1snwb_125",
13
- "grid-columns-2": "awsui_grid-columns-2_vj6p7_1snwb_128",
14
- "grid-columns-3": "awsui_grid-columns-3_vj6p7_1snwb_134",
15
- "grid-columns-4": "awsui_grid-columns-4_vj6p7_1snwb_140",
16
- "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_1snwb_153",
17
- "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_1snwb_186",
18
- "root": "awsui_root_vj6p7_1snwb_240",
19
- "tile-container": "awsui_tile-container_vj6p7_1snwb_255",
20
- "has-metadata": "awsui_has-metadata_vj6p7_1snwb_264",
21
- "selected": "awsui_selected_vj6p7_1snwb_267",
22
- "disabled": "awsui_disabled_vj6p7_1snwb_271",
23
- "columns": "awsui_columns_vj6p7_1snwb_286",
24
- "column-1": "awsui_column-1_vj6p7_1snwb_291",
25
- "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_1snwb_298",
26
- "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_1snwb_303",
27
- "column-2": "awsui_column-2_vj6p7_1snwb_308",
28
- "column-3": "awsui_column-3_vj6p7_1snwb_325",
29
- "column-4": "awsui_column-4_vj6p7_1snwb_342",
30
- "control": "awsui_control_vj6p7_1snwb_360",
31
- "no-image": "awsui_no-image_vj6p7_1snwb_364",
32
- "image": "awsui_image_vj6p7_1snwb_368"
5
+ "column-layout": "awsui_column-layout_vj6p7_gvt2c_93",
6
+ "grid": "awsui_grid_vj6p7_gvt2c_104",
7
+ "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_gvt2c_109",
8
+ "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_gvt2c_112",
9
+ "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_gvt2c_119",
10
+ "grid-columns-1": "awsui_grid-columns-1_vj6p7_gvt2c_122",
11
+ "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122",
12
+ "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_gvt2c_125",
13
+ "grid-columns-2": "awsui_grid-columns-2_vj6p7_gvt2c_128",
14
+ "grid-columns-3": "awsui_grid-columns-3_vj6p7_gvt2c_134",
15
+ "grid-columns-4": "awsui_grid-columns-4_vj6p7_gvt2c_140",
16
+ "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_gvt2c_153",
17
+ "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_gvt2c_186",
18
+ "root": "awsui_root_vj6p7_gvt2c_240",
19
+ "tile-container": "awsui_tile-container_vj6p7_gvt2c_255",
20
+ "has-metadata": "awsui_has-metadata_vj6p7_gvt2c_265",
21
+ "selected": "awsui_selected_vj6p7_gvt2c_268",
22
+ "disabled": "awsui_disabled_vj6p7_gvt2c_272",
23
+ "columns": "awsui_columns_vj6p7_gvt2c_287",
24
+ "column-1": "awsui_column-1_vj6p7_gvt2c_292",
25
+ "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_gvt2c_299",
26
+ "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_gvt2c_304",
27
+ "column-2": "awsui_column-2_vj6p7_gvt2c_309",
28
+ "column-3": "awsui_column-3_vj6p7_gvt2c_326",
29
+ "column-4": "awsui_column-4_vj6p7_gvt2c_343",
30
+ "control": "awsui_control_vj6p7_gvt2c_361",
31
+ "no-image": "awsui_no-image_vj6p7_gvt2c_365",
32
+ "image": "awsui_image_vj6p7_gvt2c_369"
33
33
  };
34
34
 
package/wizard/styles.css.js CHANGED
@@ -1,37 +1,37 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1xupv_631vd_94",
5
- "wizard": "awsui_wizard_1xupv_631vd_105",
6
- "refresh": "awsui_refresh_1xupv_631vd_105",
7
- "small-container": "awsui_small-container_1xupv_631vd_112",
8
- "navigation": "awsui_navigation_1xupv_631vd_120",
9
- "number": "awsui_number_1xupv_631vd_148",
10
- "circle": "awsui_circle_1xupv_631vd_164",
11
- "title": "awsui_title_1xupv_631vd_172",
12
- "active": "awsui_active_1xupv_631vd_201",
13
- "disabled": "awsui_disabled_1xupv_631vd_212",
14
- "enabled": "awsui_enabled_1xupv_631vd_222",
15
- "form": "awsui_form_1xupv_631vd_261",
16
- "form-header": "awsui_form-header_1xupv_631vd_267",
17
- "background": "awsui_background_1xupv_631vd_278",
18
- "form-header-content": "awsui_form-header-content_1xupv_631vd_288",
19
- "form-component": "awsui_form-component_1xupv_631vd_292",
20
- "hidden": "awsui_hidden_1xupv_631vd_306",
21
- "collapsed-steps": "awsui_collapsed-steps_1xupv_631vd_310",
22
- "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_631vd_315",
23
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_631vd_318",
24
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_631vd_322",
25
- "form-header-component": "awsui_form-header-component_1xupv_631vd_322",
26
- "navigation-link": "awsui_navigation-link_1xupv_631vd_335",
27
- "navigation-link-item": "awsui_navigation-link-item_1xupv_631vd_336",
28
- "navigation-link-label": "awsui_navigation-link-label_1xupv_631vd_337",
29
- "navigation-link-active": "awsui_navigation-link-active_1xupv_631vd_341",
30
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_631vd_346",
31
- "cancel-button": "awsui_cancel-button_1xupv_631vd_350",
32
- "previous-button": "awsui_previous-button_1xupv_631vd_351",
33
- "primary-button": "awsui_primary-button_1xupv_631vd_352",
34
- "skip-to-button": "awsui_skip-to-button_1xupv_631vd_353",
35
- "action-buttons": "awsui_action-buttons_1xupv_631vd_357"
4
+ "root": "awsui_root_1xupv_1l2g1_94",
5
+ "wizard": "awsui_wizard_1xupv_1l2g1_105",
6
+ "refresh": "awsui_refresh_1xupv_1l2g1_105",
7
+ "small-container": "awsui_small-container_1xupv_1l2g1_112",
8
+ "navigation": "awsui_navigation_1xupv_1l2g1_120",
9
+ "number": "awsui_number_1xupv_1l2g1_148",
10
+ "circle": "awsui_circle_1xupv_1l2g1_164",
11
+ "title": "awsui_title_1xupv_1l2g1_172",
12
+ "active": "awsui_active_1xupv_1l2g1_201",
13
+ "disabled": "awsui_disabled_1xupv_1l2g1_212",
14
+ "enabled": "awsui_enabled_1xupv_1l2g1_222",
15
+ "form": "awsui_form_1xupv_1l2g1_261",
16
+ "form-header": "awsui_form-header_1xupv_1l2g1_267",
17
+ "background": "awsui_background_1xupv_1l2g1_278",
18
+ "form-header-content": "awsui_form-header-content_1xupv_1l2g1_288",
19
+ "form-component": "awsui_form-component_1xupv_1l2g1_292",
20
+ "hidden": "awsui_hidden_1xupv_1l2g1_306",
21
+ "collapsed-steps": "awsui_collapsed-steps_1xupv_1l2g1_310",
22
+ "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_1l2g1_315",
23
+ "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1l2g1_318",
24
+ "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1l2g1_322",
25
+ "form-header-component": "awsui_form-header-component_1xupv_1l2g1_322",
26
+ "navigation-link": "awsui_navigation-link_1xupv_1l2g1_335",
27
+ "navigation-link-item": "awsui_navigation-link-item_1xupv_1l2g1_336",
28
+ "navigation-link-label": "awsui_navigation-link-label_1xupv_1l2g1_337",
29
+ "navigation-link-active": "awsui_navigation-link-active_1xupv_1l2g1_341",
30
+ "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1l2g1_346",
31
+ "cancel-button": "awsui_cancel-button_1xupv_1l2g1_350",
32
+ "previous-button": "awsui_previous-button_1xupv_1l2g1_351",
33
+ "primary-button": "awsui_primary-button_1xupv_1l2g1_352",
34
+ "skip-to-button": "awsui_skip-to-button_1xupv_1l2g1_353",
35
+ "action-buttons": "awsui_action-buttons_1xupv_1l2g1_357"
36
36
  };
37
37
 
package/wizard/styles.scoped.css CHANGED
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  /* stylelint-disable selector-max-universal, selector-max-type */
94
- .awsui_root_1xupv_631vd_94:not(#\9) {
94
+ .awsui_root_1xupv_1l2g1_94:not(#\9) {
95
95
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
96
96
  border-collapse: separate;
97
97
  border-spacing: 0;
@@ -128,28 +128,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
128
128
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
129
129
  }
130
130
 
131
- .awsui_wizard_1xupv_631vd_105.awsui_refresh_1xupv_631vd_105:not(#\9) {
131
+ .awsui_wizard_1xupv_1l2g1_105.awsui_refresh_1xupv_1l2g1_105:not(#\9) {
132
132
  column-gap: var(--space-xl-a39hup, 24px);
133
133
  display: grid;
134
- grid-template-columns: auto 1fr;
134
+ grid-template-columns: auto minmax(0, 1fr);
135
135
  grid-template-rows: auto 1fr;
136
136
  row-gap: var(--space-scaled-xl-w2t504, 24px);
137
137
  }
138
- .awsui_wizard_1xupv_631vd_105.awsui_refresh_1xupv_631vd_105.awsui_small-container_1xupv_631vd_112:not(#\9) {
138
+ .awsui_wizard_1xupv_1l2g1_105.awsui_refresh_1xupv_1l2g1_105.awsui_small-container_1xupv_1l2g1_112:not(#\9) {
139
139
  row-gap: var(--space-scaled-l-t03y3z, 20px);
140
140
  }
141
141
 
142
- .awsui_wizard_1xupv_631vd_105:not(#\9):not(.awsui_refresh_1xupv_631vd_105) {
142
+ .awsui_wizard_1xupv_1l2g1_105:not(#\9):not(.awsui_refresh_1xupv_1l2g1_105) {
143
143
  display: flex;
144
144
  }
145
145
 
146
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105:not(#\9) {
146
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105:not(#\9) {
147
147
  grid-column: 1;
148
148
  grid-row: 1/span 2;
149
149
  padding-top: var(--space-scaled-xxs-95dhkm, 4px);
150
150
  z-index: 1;
151
151
  }
152
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul:not(#\9) {
152
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul:not(#\9) {
153
153
  background: var(--color-background-container-content-i8i4a0, #ffffff);
154
154
  border-radius: var(--border-radius-container-gh9ysk, 16px);
155
155
  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
@@ -158,26 +158,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  width: 280px;
159
159
  box-sizing: border-box;
160
160
  }
161
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li:not(#\9) {
161
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li:not(#\9) {
162
162
  display: grid;
163
163
  column-gap: var(--space-s-hv8c1d, 12px);
164
164
  grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
165
165
  grid-template-rows: repeat(2, auto);
166
166
  }
167
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li > hr:not(#\9) {
167
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li > hr:not(#\9) {
168
168
  background-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
169
169
  border: 0;
170
170
  grid-column: 1;
171
171
  height: 100%;
172
172
  width: var(--space-xxxs-k2w98v, 2px);
173
173
  }
174
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li > .awsui_number_1xupv_631vd_148:not(#\9) {
174
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li > .awsui_number_1xupv_1l2g1_148:not(#\9) {
175
175
  color: var(--color-text-small-le1y42, #5f6b7a);
176
176
  font-size: var(--font-body-s-size-ukw2p9, 12px);
177
177
  grid-column: 2;
178
178
  grid-row: 1;
179
179
  }
180
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li > a:not(#\9) {
180
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li > a:not(#\9) {
181
181
  align-items: start;
182
182
  column-gap: var(--space-s-hv8c1d, 12px);
183
183
  cursor: pointer;
@@ -187,7 +187,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
187
187
  grid-row: 2;
188
188
  grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
189
189
  }
190
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li > a > .awsui_circle_1xupv_631vd_164:not(#\9) {
190
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li > a > .awsui_circle_1xupv_1l2g1_164:not(#\9) {
191
191
  border-radius: 100%;
192
192
  grid-column: 1;
193
193
  height: 10px;
@@ -195,13 +195,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
195
195
  margin-top: 6px;
196
196
  width: 10px;
197
197
  }
198
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li > a > .awsui_title_1xupv_631vd_172:not(#\9) {
198
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li > a > .awsui_title_1xupv_1l2g1_172:not(#\9) {
199
199
  min-width: 0;
200
200
  -ms-word-break: break-all;
201
201
  word-break: break-word;
202
202
  grid-column: 2;
203
203
  }
204
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
204
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
205
205
  outline: thin dotted;
206
206
  outline: var(--border-link-focus-ring-outline-k2wccv, 0);
207
207
  outline-offset: 2px;
@@ -209,58 +209,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
209
209
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
210
210
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
211
211
  }
212
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li:not(#\9):first-child > hr {
212
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li:not(#\9):first-child > hr {
213
213
  grid-row: 2/span 2;
214
214
  }
215
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_631vd_148 {
215
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1l2g1_148 {
216
216
  margin-top: var(--space-scaled-xl-w2t504, 24px);
217
217
  }
218
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li:not(#\9):last-child > hr {
218
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li:not(#\9):last-child > hr {
219
219
  grid-row: 1;
220
220
  }
221
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li:not(#\9):only-of-type > hr {
221
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li:not(#\9):only-of-type > hr {
222
222
  display: none;
223
223
  }
224
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
224
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
225
225
  grid-row: 1/span 3;
226
226
  }
227
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_active_1xupv_631vd_201 > a:not(#\9) {
227
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_active_1xupv_1l2g1_201 > a:not(#\9) {
228
228
  cursor: text;
229
229
  }
230
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_active_1xupv_631vd_201 > a > .awsui_circle_1xupv_631vd_164:not(#\9) {
230
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_active_1xupv_1l2g1_201 > a > .awsui_circle_1xupv_1l2g1_164:not(#\9) {
231
231
  background-color: var(--color-background-control-checked-9admlu, #0972d3);
232
232
  box-shadow: 0 0 0 3px var(--color-background-container-content-i8i4a0, #ffffff), 0 0 0 5px var(--color-background-control-checked-9admlu, #0972d3), 0 0 0 7px var(--color-background-container-content-i8i4a0, #ffffff);
233
233
  }
234
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_active_1xupv_631vd_201 > a > .awsui_title_1xupv_631vd_172:not(#\9) {
234
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_active_1xupv_1l2g1_201 > a > .awsui_title_1xupv_1l2g1_172:not(#\9) {
235
235
  color: var(--color-background-control-checked-9admlu, #0972d3);
236
236
  font-weight: 700;
237
237
  }
238
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_disabled_1xupv_631vd_212 > a:not(#\9) {
238
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_disabled_1xupv_1l2g1_212 > a:not(#\9) {
239
239
  cursor: text;
240
240
  }
241
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_disabled_1xupv_631vd_212 > a > .awsui_circle_1xupv_631vd_164:not(#\9) {
241
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_disabled_1xupv_1l2g1_212 > a > .awsui_circle_1xupv_1l2g1_164:not(#\9) {
242
242
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
243
243
  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-3pbb07, #9ba7b6), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
244
244
  }
245
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_disabled_1xupv_631vd_212 > a > .awsui_title_1xupv_631vd_172:not(#\9) {
245
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_disabled_1xupv_1l2g1_212 > a > .awsui_title_1xupv_1l2g1_172:not(#\9) {
246
246
  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
247
247
  }
248
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_enabled_1xupv_631vd_222 > a > .awsui_circle_1xupv_631vd_164:not(#\9) {
248
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_enabled_1xupv_1l2g1_222 > a > .awsui_circle_1xupv_1l2g1_164:not(#\9) {
249
249
  background-color: var(--color-text-interactive-default-eg5fsa, #414d5c);
250
250
  box-shadow: 0 0 0 2px var(--color-text-interactive-default-eg5fsa, #414d5c), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
251
251
  }
252
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_enabled_1xupv_631vd_222 > a > .awsui_title_1xupv_631vd_172:not(#\9) {
252
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_enabled_1xupv_1l2g1_222 > a > .awsui_title_1xupv_1l2g1_172:not(#\9) {
253
253
  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
254
254
  }
255
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_enabled_1xupv_631vd_222 > a:not(#\9):hover > .awsui_circle_1xupv_631vd_164 {
255
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_enabled_1xupv_1l2g1_222 > a:not(#\9):hover > .awsui_circle_1xupv_1l2g1_164 {
256
256
  background-color: var(--color-background-control-checked-9admlu, #0972d3);
257
257
  box-shadow: 0 0 0 2px var(--color-background-control-checked-9admlu, #0972d3), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
258
258
  }
259
- .awsui_navigation_1xupv_631vd_120.awsui_refresh_1xupv_631vd_105 > ul > li.awsui_enabled_1xupv_631vd_222 > a:not(#\9):hover > .awsui_title_1xupv_631vd_172 {
259
+ .awsui_navigation_1xupv_1l2g1_120.awsui_refresh_1xupv_1l2g1_105 > ul > li.awsui_enabled_1xupv_1l2g1_222 > a:not(#\9):hover > .awsui_title_1xupv_1l2g1_172 {
260
260
  color: var(--color-background-control-checked-9admlu, #0972d3);
261
261
  }
262
262
 
263
- .awsui_navigation_1xupv_631vd_120:not(#\9):not(.awsui_refresh_1xupv_631vd_105) {
263
+ .awsui_navigation_1xupv_1l2g1_120:not(#\9):not(.awsui_refresh_1xupv_1l2g1_105) {
264
264
  color: var(--color-text-disabled-a2nkh4, #9ba7b6);
265
265
  display: inline-block;
266
266
  margin-right: calc(2 * var(--space-xxxl-bo9z7f, 40px));
@@ -268,87 +268,87 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
268
268
  padding-top: var(--space-xxs-ynfts5, 4px);
269
269
  width: 200px;
270
270
  }
271
- .awsui_navigation_1xupv_631vd_120:not(#\9):not(.awsui_refresh_1xupv_631vd_105) > ul {
271
+ .awsui_navigation_1xupv_1l2g1_120:not(#\9):not(.awsui_refresh_1xupv_1l2g1_105) > ul {
272
272
  list-style: none;
273
273
  padding: 0;
274
274
  margin: 0;
275
275
  }
276
- .awsui_navigation_1xupv_631vd_120:not(#\9):not(.awsui_refresh_1xupv_631vd_105) > ul > li {
276
+ .awsui_navigation_1xupv_1l2g1_120:not(#\9):not(.awsui_refresh_1xupv_1l2g1_105) > ul > li {
277
277
  padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
278
278
  padding-top: 0;
279
279
  }
280
- .awsui_navigation_1xupv_631vd_120:not(#\9):not(.awsui_refresh_1xupv_631vd_105) > ul > li:not(:first-child) {
280
+ .awsui_navigation_1xupv_1l2g1_120:not(#\9):not(.awsui_refresh_1xupv_1l2g1_105) > ul > li:not(:first-child) {
281
281
  margin-top: var(--space-scaled-m-pv0fmt, 16px);
282
282
  }
283
- .awsui_navigation_1xupv_631vd_120:not(#\9):not(.awsui_refresh_1xupv_631vd_105) > ul > li:not(:last-child) {
283
+ .awsui_navigation_1xupv_1l2g1_120:not(#\9):not(.awsui_refresh_1xupv_1l2g1_105) > ul > li:not(:last-child) {
284
284
  border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-layout-wf5alz, #d1d5db);
285
285
  }
286
286
 
287
- .awsui_form_1xupv_631vd_261:not(#\9):not(.awsui_refresh_1xupv_631vd_105) {
287
+ .awsui_form_1xupv_1l2g1_261:not(#\9):not(.awsui_refresh_1xupv_1l2g1_105) {
288
288
  min-width: 0;
289
289
  -ms-word-break: break-all;
290
290
  word-break: break-word;
291
291
  width: 100%;
292
292
  }
293
- .awsui_form_1xupv_631vd_261:not(#\9):not(.awsui_refresh_1xupv_631vd_105) > .awsui_form-header_1xupv_631vd_267 {
293
+ .awsui_form_1xupv_1l2g1_261:not(#\9):not(.awsui_refresh_1xupv_1l2g1_105) > .awsui_form-header_1xupv_1l2g1_267 {
294
294
  position: relative;
295
295
  margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
296
296
  }
297
297
 
298
- .awsui_form_1xupv_631vd_261.awsui_refresh_1xupv_631vd_105:not(#\9) {
298
+ .awsui_form_1xupv_1l2g1_261.awsui_refresh_1xupv_1l2g1_105:not(#\9) {
299
299
  min-width: 0;
300
300
  -ms-word-break: break-all;
301
301
  word-break: break-word;
302
302
  display: contents;
303
303
  }
304
- .awsui_form_1xupv_631vd_261.awsui_refresh_1xupv_631vd_105 > .awsui_background_1xupv_631vd_278:not(#\9) {
304
+ .awsui_form_1xupv_1l2g1_261.awsui_refresh_1xupv_1l2g1_105 > .awsui_background_1xupv_1l2g1_278:not(#\9) {
305
305
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
306
306
  grid-column: 1/span 2;
307
307
  grid-row: 1;
308
308
  }
309
- .awsui_form_1xupv_631vd_261.awsui_refresh_1xupv_631vd_105 > .awsui_form-header_1xupv_631vd_267:not(#\9) {
309
+ .awsui_form_1xupv_1l2g1_261.awsui_refresh_1xupv_1l2g1_105 > .awsui_form-header_1xupv_1l2g1_267:not(#\9) {
310
310
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
311
311
  grid-column: 2;
312
312
  grid-row: 1;
313
313
  }
314
- .awsui_form_1xupv_631vd_261.awsui_refresh_1xupv_631vd_105 > .awsui_form-header_1xupv_631vd_267 > .awsui_form-header-content_1xupv_631vd_288:not(#\9) {
314
+ .awsui_form_1xupv_1l2g1_261.awsui_refresh_1xupv_1l2g1_105 > .awsui_form-header_1xupv_1l2g1_267 > .awsui_form-header-content_1xupv_1l2g1_288:not(#\9) {
315
315
  padding-top: var(--space-scaled-xl-w2t504, 24px);
316
316
  padding-bottom: var(--space-scaled-xl-w2t504, 24px);
317
317
  }
318
- .awsui_form_1xupv_631vd_261.awsui_refresh_1xupv_631vd_105 > .awsui_form-component_1xupv_631vd_292:not(#\9) {
318
+ .awsui_form_1xupv_1l2g1_261.awsui_refresh_1xupv_1l2g1_105 > .awsui_form-component_1xupv_1l2g1_292:not(#\9) {
319
319
  grid-column: 2;
320
320
  grid-row: 2;
321
321
  }
322
- .awsui_form_1xupv_631vd_261.awsui_refresh_1xupv_631vd_105.awsui_small-container_1xupv_631vd_112 > .awsui_form-header_1xupv_631vd_267:not(#\9) {
322
+ .awsui_form_1xupv_1l2g1_261.awsui_refresh_1xupv_1l2g1_105.awsui_small-container_1xupv_1l2g1_112 > .awsui_form-header_1xupv_1l2g1_267:not(#\9) {
323
323
  grid-column: 1/span 2;
324
324
  }
325
- .awsui_form_1xupv_631vd_261.awsui_refresh_1xupv_631vd_105.awsui_small-container_1xupv_631vd_112 > .awsui_form-header_1xupv_631vd_267 > .awsui_form-header-content_1xupv_631vd_288:not(#\9) {
325
+ .awsui_form_1xupv_1l2g1_261.awsui_refresh_1xupv_1l2g1_105.awsui_small-container_1xupv_1l2g1_112 > .awsui_form-header_1xupv_1l2g1_267 > .awsui_form-header-content_1xupv_1l2g1_288:not(#\9) {
326
326
  padding-top: 0;
327
327
  }
328
- .awsui_form_1xupv_631vd_261.awsui_refresh_1xupv_631vd_105.awsui_small-container_1xupv_631vd_112 > .awsui_form-component_1xupv_631vd_292:not(#\9) {
328
+ .awsui_form_1xupv_1l2g1_261.awsui_refresh_1xupv_1l2g1_105.awsui_small-container_1xupv_1l2g1_112 > .awsui_form-component_1xupv_1l2g1_292:not(#\9) {
329
329
  grid-column: 1/span 2;
330
330
  }
331
331
 
332
- .awsui_navigation_1xupv_631vd_120.awsui_hidden_1xupv_631vd_306:not(#\9) {
332
+ .awsui_navigation_1xupv_1l2g1_120.awsui_hidden_1xupv_1l2g1_306:not(#\9) {
333
333
  display: none;
334
334
  }
335
335
 
336
- .awsui_collapsed-steps_1xupv_631vd_310:not(#\9) {
336
+ .awsui_collapsed-steps_1xupv_1l2g1_310:not(#\9) {
337
337
  color: var(--color-text-heading-secondary-corkaj, #414d5c);
338
338
  font-weight: 700;
339
339
  padding-top: var(--space-scaled-xxs-95dhkm, 4px);
340
340
  }
341
- .awsui_collapsed-steps-extra-padding_1xupv_631vd_315:not(#\9) {
341
+ .awsui_collapsed-steps-extra-padding_1xupv_1l2g1_315:not(#\9) {
342
342
  padding-top: var(--space-scaled-l-t03y3z, 20px);
343
343
  }
344
- .awsui_collapsed-steps-hidden_1xupv_631vd_318:not(#\9) {
344
+ .awsui_collapsed-steps-hidden_1xupv_1l2g1_318:not(#\9) {
345
345
  display: none;
346
346
  }
347
347
 
348
- .awsui_form-header-component-wrapper_1xupv_631vd_322:not(#\9) {
348
+ .awsui_form-header-component-wrapper_1xupv_1l2g1_322:not(#\9) {
349
349
  outline: none;
350
350
  }
351
- .awsui_form-header-component-wrapper_1xupv_631vd_322[data-awsui-focus-visible=true]:not(#\9):focus {
351
+ .awsui_form-header-component-wrapper_1xupv_1l2g1_322[data-awsui-focus-visible=true]:not(#\9):focus {
352
352
  outline: thin dotted;
353
353
  outline: var(--border-link-focus-ring-outline-k2wccv, 0);
354
354
  outline-offset: 2px;
@@ -357,30 +357,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
357
357
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
358
358
  }
359
359
 
360
- .awsui_form-header-component_1xupv_631vd_322:not(#\9),
361
- .awsui_navigation-link_1xupv_631vd_335:not(#\9),
362
- .awsui_navigation-link-item_1xupv_631vd_336:not(#\9),
363
- .awsui_navigation-link-label_1xupv_631vd_337:not(#\9) {
360
+ .awsui_form-header-component_1xupv_1l2g1_322:not(#\9),
361
+ .awsui_navigation-link_1xupv_1l2g1_335:not(#\9),
362
+ .awsui_navigation-link-item_1xupv_1l2g1_336:not(#\9),
363
+ .awsui_navigation-link-label_1xupv_1l2g1_337:not(#\9) {
364
364
  /* used in test-utils */
365
365
  }
366
366
 
367
- .awsui_navigation-link-active_1xupv_631vd_341:not(#\9) {
367
+ .awsui_navigation-link-active_1xupv_1l2g1_341:not(#\9) {
368
368
  font-weight: 700;
369
369
  color: var(--color-text-body-default-ajf1h5, #000716);
370
370
  }
371
371
 
372
- .awsui_navigation-link-disabled_1xupv_631vd_346:not(#\9) {
372
+ .awsui_navigation-link-disabled_1xupv_1l2g1_346:not(#\9) {
373
373
  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
374
374
  }
375
375
 
376
- .awsui_cancel-button_1xupv_631vd_350:not(#\9),
377
- .awsui_previous-button_1xupv_631vd_351:not(#\9),
378
- .awsui_primary-button_1xupv_631vd_352:not(#\9),
379
- .awsui_skip-to-button_1xupv_631vd_353:not(#\9) {
376
+ .awsui_cancel-button_1xupv_1l2g1_350:not(#\9),
377
+ .awsui_previous-button_1xupv_1l2g1_351:not(#\9),
378
+ .awsui_primary-button_1xupv_1l2g1_352:not(#\9),
379
+ .awsui_skip-to-button_1xupv_1l2g1_353:not(#\9) {
380
380
  /* used in test-utils */
381
381
  }
382
382
 
383
- .awsui_action-buttons_1xupv_631vd_357:not(#\9) {
383
+ .awsui_action-buttons_1xupv_1l2g1_357:not(#\9) {
384
384
  display: flex;
385
385
  justify-content: flex-end;
386
386
  }
package/wizard/styles.selectors.js CHANGED
@@ -2,37 +2,37 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1xupv_631vd_94",
6
- "wizard": "awsui_wizard_1xupv_631vd_105",
7
- "refresh": "awsui_refresh_1xupv_631vd_105",
8
- "small-container": "awsui_small-container_1xupv_631vd_112",
9
- "navigation": "awsui_navigation_1xupv_631vd_120",
10
- "number": "awsui_number_1xupv_631vd_148",
11
- "circle": "awsui_circle_1xupv_631vd_164",
12
- "title": "awsui_title_1xupv_631vd_172",
13
- "active": "awsui_active_1xupv_631vd_201",
14
- "disabled": "awsui_disabled_1xupv_631vd_212",
15
- "enabled": "awsui_enabled_1xupv_631vd_222",
16
- "form": "awsui_form_1xupv_631vd_261",
17
- "form-header": "awsui_form-header_1xupv_631vd_267",
18
- "background": "awsui_background_1xupv_631vd_278",
19
- "form-header-content": "awsui_form-header-content_1xupv_631vd_288",
20
- "form-component": "awsui_form-component_1xupv_631vd_292",
21
- "hidden": "awsui_hidden_1xupv_631vd_306",
22
- "collapsed-steps": "awsui_collapsed-steps_1xupv_631vd_310",
23
- "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_631vd_315",
24
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_631vd_318",
25
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_631vd_322",
26
- "form-header-component": "awsui_form-header-component_1xupv_631vd_322",
27
- "navigation-link": "awsui_navigation-link_1xupv_631vd_335",
28
- "navigation-link-item": "awsui_navigation-link-item_1xupv_631vd_336",
29
- "navigation-link-label": "awsui_navigation-link-label_1xupv_631vd_337",
30
- "navigation-link-active": "awsui_navigation-link-active_1xupv_631vd_341",
31
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_631vd_346",
32
- "cancel-button": "awsui_cancel-button_1xupv_631vd_350",
33
- "previous-button": "awsui_previous-button_1xupv_631vd_351",
34
- "primary-button": "awsui_primary-button_1xupv_631vd_352",
35
- "skip-to-button": "awsui_skip-to-button_1xupv_631vd_353",
36
- "action-buttons": "awsui_action-buttons_1xupv_631vd_357"
5
+ "root": "awsui_root_1xupv_1l2g1_94",
6
+ "wizard": "awsui_wizard_1xupv_1l2g1_105",
7
+ "refresh": "awsui_refresh_1xupv_1l2g1_105",
8
+ "small-container": "awsui_small-container_1xupv_1l2g1_112",
9
+ "navigation": "awsui_navigation_1xupv_1l2g1_120",
10
+ "number": "awsui_number_1xupv_1l2g1_148",
11
+ "circle": "awsui_circle_1xupv_1l2g1_164",
12
+ "title": "awsui_title_1xupv_1l2g1_172",
13
+ "active": "awsui_active_1xupv_1l2g1_201",
14
+ "disabled": "awsui_disabled_1xupv_1l2g1_212",
15
+ "enabled": "awsui_enabled_1xupv_1l2g1_222",
16
+ "form": "awsui_form_1xupv_1l2g1_261",
17
+ "form-header": "awsui_form-header_1xupv_1l2g1_267",
18
+ "background": "awsui_background_1xupv_1l2g1_278",
19
+ "form-header-content": "awsui_form-header-content_1xupv_1l2g1_288",
20
+ "form-component": "awsui_form-component_1xupv_1l2g1_292",
21
+ "hidden": "awsui_hidden_1xupv_1l2g1_306",
22
+ "collapsed-steps": "awsui_collapsed-steps_1xupv_1l2g1_310",
23
+ "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_1l2g1_315",
24
+ "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1l2g1_318",
25
+ "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1l2g1_322",
26
+ "form-header-component": "awsui_form-header-component_1xupv_1l2g1_322",
27
+ "navigation-link": "awsui_navigation-link_1xupv_1l2g1_335",
28
+ "navigation-link-item": "awsui_navigation-link-item_1xupv_1l2g1_336",
29
+ "navigation-link-label": "awsui_navigation-link-label_1xupv_1l2g1_337",
30
+ "navigation-link-active": "awsui_navigation-link-active_1xupv_1l2g1_341",
31
+ "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1l2g1_346",
32
+ "cancel-button": "awsui_cancel-button_1xupv_1l2g1_350",
33
+ "previous-button": "awsui_previous-button_1xupv_1l2g1_351",
34
+ "primary-button": "awsui_primary-button_1xupv_1l2g1_352",
35
+ "skip-to-button": "awsui_skip-to-button_1xupv_1l2g1_353",
36
+ "action-buttons": "awsui_action-buttons_1xupv_1l2g1_357"
37
37
  };
38
38