@cloudscape-design/components-themeable 3.0.621 → 3.0.623

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 (44) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/visual-refresh/layout.scss +0 -15
  3. package/lib/internal/scss/content-layout/styles.scss +3 -8
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +44 -46
  5. package/lib/internal/scss/popover/styles.scss +1 -1
  6. package/lib/internal/scss/wizard/styles.scss +3 -3
  7. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  8. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +30 -30
  9. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  11. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  12. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  13. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +81 -81
  14. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +275 -286
  15. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +81 -81
  16. package/lib/internal/template/content-layout/styles.css.js +7 -7
  17. package/lib/internal/template/content-layout/styles.scoped.css +13 -15
  18. package/lib/internal/template/content-layout/styles.selectors.js +7 -7
  19. package/lib/internal/template/flashbar/styles.css.js +47 -47
  20. package/lib/internal/template/flashbar/styles.scoped.css +171 -171
  21. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  22. package/lib/internal/template/form-field/internal.d.ts.map +1 -1
  23. package/lib/internal/template/form-field/internal.js +10 -6
  24. package/lib/internal/template/form-field/internal.js.map +1 -1
  25. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  26. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +39 -39
  27. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  28. package/lib/internal/template/internal/environment.js +1 -1
  29. package/lib/internal/template/internal/environment.json +1 -1
  30. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  31. package/lib/internal/template/internal/generated/custom-css-properties/index.js +44 -46
  32. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  33. package/lib/internal/template/popover/internal.js +1 -1
  34. package/lib/internal/template/popover/internal.js.map +1 -1
  35. package/lib/internal/template/popover/styles.css.js +50 -50
  36. package/lib/internal/template/popover/styles.scoped.css +64 -64
  37. package/lib/internal/template/popover/styles.selectors.js +50 -50
  38. package/lib/internal/template/spinner/styles.css.js +13 -13
  39. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  40. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  41. package/lib/internal/template/wizard/styles.css.js +32 -32
  42. package/lib/internal/template/wizard/styles.scoped.css +68 -68
  43. package/lib/internal/template/wizard/styles.selectors.js +32 -32
  44. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "95f08236b52406f58767197b6185d8bda48e64cf"
2
+ "commit": "395d6a9a132d11ccfa111ec91b456e870872a1e8"
3
3
  }
package/lib/internal/scss/app-layout/visual-refresh/layout.scss CHANGED
@@ -26,8 +26,6 @@ explicitly set in script.
26
26
  #{custom-props.$contentGapLeft}: 0px;
27
27
  #{custom-props.$contentGapRight}: 0px;
28
28
  #{custom-props.$contentHeight}: calc(100vh - var(#{custom-props.$headerHeight}) - var(#{custom-props.$footerHeight}));
29
- #{custom-props.$containerFirstGap}: 0px;
30
- #{custom-props.$containerFirstOverlapExtension}: 0px;
31
29
  #{custom-props.$defaultMaxContentWidth}: 1280px;
32
30
  #{custom-props.$defaultMinContentWidth}: 0px;
33
31
  #{custom-props.$footerHeight}: 0px;
@@ -227,11 +225,6 @@ explicitly set in script.
227
225
  #{custom-props.$mainGap}: #{awsui.$space-xs};
228
226
  }
229
227
 
230
- // Set gap to be used by content that has a container on top (e.g. content-layout without header) when breadcrumbs are present
231
- &.has-breadcrumbs:not(.has-header) {
232
- #{custom-props.$containerFirstGap}: calc(var(#{custom-props.$breadcrumbsGap}) - var(#{custom-props.$mainGap}));
233
- }
234
-
235
228
  // Set the Main gap when it follows the Breadcrumbs without an overlap
236
229
  &.has-breadcrumbs:not(.has-header).is-overlap-disabled {
237
230
  #{custom-props.$mainGap}: #{awsui.$space-scaled-m};
@@ -253,14 +246,6 @@ explicitly set in script.
253
246
  #{custom-props.$mainGap}: #{awsui.$space-scaled-s};
254
247
  }
255
248
 
256
- // Set an extension of the overlap and an additional gap on top to be used by content-layout without header
257
- @include styles.media-breakpoint-up(styles.$breakpoint-x-small) {
258
- &.content-first-child-main:not(.has-header) {
259
- #{custom-props.$containerFirstOverlapExtension}: #{awsui.$space-m};
260
- #{custom-props.$containerFirstGap}: #{awsui.$space-xxs};
261
- }
262
- }
263
-
264
249
  /*
265
250
  Override the desktop gap values set above for the Notifications, Header, and Main
266
251
  components for mobile viewports.
package/lib/internal/scss/content-layout/styles.scss CHANGED
@@ -27,7 +27,7 @@ nodes will directly touch with no gap between them.
27
27
  .layout.is-visual-refresh {
28
28
  display: grid;
29
29
  grid-template-columns: minmax(0, 1fr);
30
- grid-template-rows: auto #{awsui.$space-dark-header-overlap-distance} 1fr;
30
+ grid-template-rows: auto awsui.$space-dark-header-overlap-distance 1fr;
31
31
  min-block-size: 100%;
32
32
 
33
33
  > .background {
@@ -53,14 +53,9 @@ nodes will directly touch with no gap between them.
53
53
  }
54
54
 
55
55
  &:not(.has-header) {
56
- grid-template-rows:
57
- auto calc(
58
- #{awsui.$space-dark-header-overlap-distance} + var(#{custom-props.$containerFirstOverlapExtension}, 0px) + var(#{custom-props.$containerFirstGap}, 0px)
59
- )
60
- 1fr;
61
-
56
+ grid-template-rows: auto calc(awsui.$space-dark-header-overlap-distance + awsui.$space-xs + awsui.$space-scaled-xxs) 1fr;
62
57
  > .content {
63
- padding-block-start: var(#{custom-props.$containerFirstGap}, 0px);
58
+ padding-block-start: calc(awsui.$space-xs + awsui.$space-scaled-xxs);
64
59
  }
65
60
  }
66
61
 
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,48 +1,46 @@
1
1
 
2
- $breadcrumbsGap: --awsui-breadcrumbs-gap-iof9y8;
3
- $contentGapLeft: --awsui-content-gap-left-iof9y8;
4
- $contentGapRight: --awsui-content-gap-right-iof9y8;
5
- $contentHeight: --awsui-content-height-iof9y8;
6
- $containerFirstGap: --awsui-container-first-gap-iof9y8;
7
- $containerFirstOverlapExtension: --awsui-container-first-overlap-extension-iof9y8;
8
- $defaultMaxContentWidth: --awsui-default-max-content-width-iof9y8;
9
- $defaultMinContentWidth: --awsui-default-min-content-width-iof9y8;
10
- $drawerSize: --awsui-drawer-size-iof9y8;
11
- $footerHeight: --awsui-footer-height-iof9y8;
12
- $headerGap: --awsui-header-gap-iof9y8;
13
- $headerHeight: --awsui-header-height-iof9y8;
14
- $layoutWidth: --awsui-layout-width-iof9y8;
15
- $mainGap: --awsui-main-gap-iof9y8;
16
- $mainOffsetLeft: --awsui-main-offset-left-iof9y8;
17
- $mainTemplateRows: --awsui-main-template-rows-iof9y8;
18
- $maxContentWidth: --awsui-max-content-width-iof9y8;
19
- $minContentWidth: --awsui-min-content-width-iof9y8;
20
- $mobileBarHeight: --awsui-mobile-bar-height-iof9y8;
21
- $notificationsGap: --awsui-notifications-gap-iof9y8;
22
- $notificationsHeight: --awsui-notifications-height-iof9y8;
23
- $offsetTop: --awsui-offset-top-iof9y8;
24
- $offsetTopWithNotifications: --awsui-offset-top-with-notifications-iof9y8;
25
- $overlapHeight: --awsui-overlap-height-iof9y8;
26
- $navigationWidth: --awsui-navigation-width-iof9y8;
27
- $splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-iof9y8;
28
- $splitPanelReportedSize: --awsui-split-panel-reported-size-iof9y8;
29
- $splitPanelHeight: --awsui-split-panel-height-iof9y8;
30
- $splitPanelMinWidth: --awsui-split-panel-min-width-iof9y8;
31
- $splitPanelMaxWidth: --awsui-split-panel-max-width-iof9y8;
32
- $toolsMaxWidth: --awsui-tools-max-width-iof9y8;
33
- $toolsWidth: --awsui-tools-width-iof9y8;
34
- $toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-iof9y8;
35
- $contentScrollMargin: --awsui-content-scroll-margin-iof9y8;
36
- $flashbarStackDepth: --awsui-flashbar-stack-depth-iof9y8;
37
- $flashbarStackIndex: --awsui-flashbar-stack-index-iof9y8;
38
- $flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-iof9y8;
39
- $stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-iof9y8;
40
- $stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-iof9y8;
41
- $dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-iof9y8;
42
- $spinnerRotatorFrom: --awsui-spinner-rotator-from-iof9y8;
43
- $spinnerRotatorTo: --awsui-spinner-rotator-to-iof9y8;
44
- $spinnerLineLeftFrom: --awsui-spinner-line-left-from-iof9y8;
45
- $spinnerLineLeftTo: --awsui-spinner-line-left-to-iof9y8;
46
- $spinnerLineRightFrom: --awsui-spinner-line-right-from-iof9y8;
47
- $spinnerLineRightTo: --awsui-spinner-line-right-to-iof9y8;
2
+ $breadcrumbsGap: --awsui-breadcrumbs-gap-lgosor;
3
+ $contentGapLeft: --awsui-content-gap-left-lgosor;
4
+ $contentGapRight: --awsui-content-gap-right-lgosor;
5
+ $contentHeight: --awsui-content-height-lgosor;
6
+ $defaultMaxContentWidth: --awsui-default-max-content-width-lgosor;
7
+ $defaultMinContentWidth: --awsui-default-min-content-width-lgosor;
8
+ $drawerSize: --awsui-drawer-size-lgosor;
9
+ $footerHeight: --awsui-footer-height-lgosor;
10
+ $headerGap: --awsui-header-gap-lgosor;
11
+ $headerHeight: --awsui-header-height-lgosor;
12
+ $layoutWidth: --awsui-layout-width-lgosor;
13
+ $mainGap: --awsui-main-gap-lgosor;
14
+ $mainOffsetLeft: --awsui-main-offset-left-lgosor;
15
+ $mainTemplateRows: --awsui-main-template-rows-lgosor;
16
+ $maxContentWidth: --awsui-max-content-width-lgosor;
17
+ $minContentWidth: --awsui-min-content-width-lgosor;
18
+ $mobileBarHeight: --awsui-mobile-bar-height-lgosor;
19
+ $notificationsGap: --awsui-notifications-gap-lgosor;
20
+ $notificationsHeight: --awsui-notifications-height-lgosor;
21
+ $offsetTop: --awsui-offset-top-lgosor;
22
+ $offsetTopWithNotifications: --awsui-offset-top-with-notifications-lgosor;
23
+ $overlapHeight: --awsui-overlap-height-lgosor;
24
+ $navigationWidth: --awsui-navigation-width-lgosor;
25
+ $splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-lgosor;
26
+ $splitPanelReportedSize: --awsui-split-panel-reported-size-lgosor;
27
+ $splitPanelHeight: --awsui-split-panel-height-lgosor;
28
+ $splitPanelMinWidth: --awsui-split-panel-min-width-lgosor;
29
+ $splitPanelMaxWidth: --awsui-split-panel-max-width-lgosor;
30
+ $toolsMaxWidth: --awsui-tools-max-width-lgosor;
31
+ $toolsWidth: --awsui-tools-width-lgosor;
32
+ $toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-lgosor;
33
+ $contentScrollMargin: --awsui-content-scroll-margin-lgosor;
34
+ $flashbarStackDepth: --awsui-flashbar-stack-depth-lgosor;
35
+ $flashbarStackIndex: --awsui-flashbar-stack-index-lgosor;
36
+ $flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-lgosor;
37
+ $stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-lgosor;
38
+ $stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-lgosor;
39
+ $dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-lgosor;
40
+ $spinnerRotatorFrom: --awsui-spinner-rotator-from-lgosor;
41
+ $spinnerRotatorTo: --awsui-spinner-rotator-to-lgosor;
42
+ $spinnerLineLeftFrom: --awsui-spinner-line-left-from-lgosor;
43
+ $spinnerLineLeftTo: --awsui-spinner-line-left-to-lgosor;
44
+ $spinnerLineRightFrom: --awsui-spinner-line-right-from-lgosor;
45
+ $spinnerLineRightTo: --awsui-spinner-line-right-to-lgosor;
48
46
 
package/lib/internal/scss/popover/styles.scss CHANGED
@@ -51,6 +51,6 @@
51
51
  }
52
52
  }
53
53
 
54
- .popover-content {
54
+ .popover-inline-content {
55
55
  display: inline;
56
56
  }
package/lib/internal/scss/wizard/styles.scss CHANGED
@@ -36,7 +36,7 @@
36
36
  .navigation.refresh {
37
37
  grid-column: 1;
38
38
  grid-row: 1 / span 2;
39
- padding-block-start: var(#{custom-props.$containerFirstGap}, 0px);
39
+ padding-block-start: calc(awsui.$space-xs + awsui.$space-scaled-xxs);
40
40
 
41
41
  > ul.refresh {
42
42
  background: awsui.$color-background-container-content;
@@ -241,13 +241,13 @@
241
241
  }
242
242
 
243
243
  > .form-header > .form-header-content {
244
- padding-block-start: calc(var(#{custom-props.$containerFirstGap}, 0px) + awsui.$space-m - awsui.$space-xxxs);
244
+ padding-block-start: calc(awsui.$space-xl + awsui.$space-scaled-xxxs);
245
245
  padding-block-end: awsui.$space-scaled-s;
246
246
  }
247
247
 
248
248
  &:not(.remove-high-contrast-header) {
249
249
  > .form-header > .form-header-content {
250
- padding-block-start: calc(var(#{custom-props.$containerFirstGap}, 0px) + awsui.$space-s);
250
+ padding-block-start: calc(awsui.$space-l + awsui.$space-scaled-xxs);
251
251
  padding-block-end: awsui.$space-scaled-m;
252
252
  }
253
253
  }
package/lib/internal/template/annotation-context/annotation/styles.css.js CHANGED
@@ -1,29 +1,29 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "arrow": "awsui_arrow_1hpp3_1e67h_99",
5
- "arrow-outer": "awsui_arrow-outer_1hpp3_1e67h_103",
6
- "arrow-inner": "awsui_arrow-inner_1hpp3_1e67h_103",
7
- "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1e67h_140",
8
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1e67h_140",
9
- "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1e67h_143",
10
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1e67h_143",
11
- "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1e67h_146",
12
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1e67h_146",
13
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1e67h_149",
14
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1e67h_149",
15
- "annotation": "awsui_annotation_1hpp3_1e67h_157",
16
- "next-button": "awsui_next-button_1hpp3_1e67h_158",
17
- "previous-button": "awsui_previous-button_1hpp3_1e67h_159",
18
- "finish-button": "awsui_finish-button_1hpp3_1e67h_160",
19
- "header": "awsui_header_1hpp3_1e67h_161",
20
- "step-counter-content": "awsui_step-counter-content_1hpp3_1e67h_162",
21
- "content": "awsui_content_1hpp3_1e67h_163",
22
- "description": "awsui_description_1hpp3_1e67h_167",
23
- "actionBar": "awsui_actionBar_1hpp3_1e67h_172",
24
- "stepCounter": "awsui_stepCounter_1hpp3_1e67h_179",
25
- "divider": "awsui_divider_1hpp3_1e67h_183",
26
- "hotspot": "awsui_hotspot_1hpp3_1e67h_187",
27
- "icon": "awsui_icon_1hpp3_1e67h_254"
4
+ "arrow": "awsui_arrow_1hpp3_1yqjl_99",
5
+ "arrow-outer": "awsui_arrow-outer_1hpp3_1yqjl_103",
6
+ "arrow-inner": "awsui_arrow-inner_1hpp3_1yqjl_103",
7
+ "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1yqjl_140",
8
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1yqjl_140",
9
+ "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1yqjl_143",
10
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1yqjl_143",
11
+ "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1yqjl_146",
12
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1yqjl_146",
13
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1yqjl_149",
14
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1yqjl_149",
15
+ "annotation": "awsui_annotation_1hpp3_1yqjl_157",
16
+ "next-button": "awsui_next-button_1hpp3_1yqjl_158",
17
+ "previous-button": "awsui_previous-button_1hpp3_1yqjl_159",
18
+ "finish-button": "awsui_finish-button_1hpp3_1yqjl_160",
19
+ "header": "awsui_header_1hpp3_1yqjl_161",
20
+ "step-counter-content": "awsui_step-counter-content_1hpp3_1yqjl_162",
21
+ "content": "awsui_content_1hpp3_1yqjl_163",
22
+ "description": "awsui_description_1hpp3_1yqjl_167",
23
+ "actionBar": "awsui_actionBar_1hpp3_1yqjl_172",
24
+ "stepCounter": "awsui_stepCounter_1hpp3_1yqjl_179",
25
+ "divider": "awsui_divider_1hpp3_1yqjl_183",
26
+ "hotspot": "awsui_hotspot_1hpp3_1yqjl_187",
27
+ "icon": "awsui_icon_1hpp3_1yqjl_254"
28
28
  };
29
29
 
package/lib/internal/template/annotation-context/annotation/styles.scoped.css CHANGED
@@ -96,11 +96,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
96
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
97
  SPDX-License-Identifier: Apache-2.0
98
98
  */
99
- .awsui_arrow_1hpp3_1e67h_99:not(#\9) {
99
+ .awsui_arrow_1hpp3_1yqjl_99:not(#\9) {
100
100
  inline-size: 20px;
101
101
  block-size: 10px;
102
102
  }
103
- .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9), .awsui_arrow-inner_1hpp3_1e67h_103:not(#\9) {
103
+ .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9), .awsui_arrow-inner_1hpp3_1yqjl_103:not(#\9) {
104
104
  position: absolute;
105
105
  overflow: hidden;
106
106
  inline-size: 20px;
@@ -108,7 +108,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
108
108
  inset-block-start: 0;
109
109
  inset-inline-start: 0;
110
110
  }
111
- .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after, .awsui_arrow-inner_1hpp3_1e67h_103:not(#\9)::after {
111
+ .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after, .awsui_arrow-inner_1hpp3_1yqjl_103:not(#\9)::after {
112
112
  content: "";
113
113
  box-sizing: border-box;
114
114
  display: inline-block;
@@ -124,29 +124,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
124
124
  transform: rotate(45deg);
125
125
  transform-origin: 0 100%;
126
126
  }
127
- .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after {
127
+ .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after {
128
128
  background-color: var(--color-border-status-info-q9np44, #0073bb);
129
129
  }
130
- .awsui_arrow-inner_1hpp3_1e67h_103:not(#\9) {
130
+ .awsui_arrow-inner_1hpp3_1yqjl_103:not(#\9) {
131
131
  inset-block-start: 2px;
132
132
  }
133
- .awsui_arrow-inner_1hpp3_1e67h_103:not(#\9)::after {
133
+ .awsui_arrow-inner_1hpp3_1yqjl_103:not(#\9)::after {
134
134
  border-start-start-radius: 1px;
135
135
  border-start-end-radius: 0;
136
136
  border-end-start-radius: 0;
137
137
  border-end-end-radius: 0;
138
138
  background-color: var(--color-background-status-info-pgxhez, #f1faff);
139
139
  }
140
- .awsui_arrow-position-right-top_1hpp3_1e67h_140 > .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1e67h_140 > .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after {
140
+ .awsui_arrow-position-right-top_1hpp3_1yqjl_140 > .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1yqjl_140 > .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after {
141
141
  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
142
142
  }
143
- .awsui_arrow-position-left-top_1hpp3_1e67h_143 > .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1e67h_143 > .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after {
143
+ .awsui_arrow-position-left-top_1hpp3_1yqjl_143 > .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1yqjl_143 > .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after {
144
144
  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
145
145
  }
146
- .awsui_arrow-position-top-center_1hpp3_1e67h_146 > .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1e67h_146 > .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after {
146
+ .awsui_arrow-position-top-center_1hpp3_1yqjl_146 > .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1yqjl_146 > .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after {
147
147
  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
148
148
  }
149
- .awsui_arrow-position-bottom-center_1hpp3_1e67h_149 > .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1e67h_149 > .awsui_arrow-outer_1hpp3_1e67h_103:not(#\9)::after {
149
+ .awsui_arrow-position-bottom-center_1hpp3_1yqjl_149 > .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1yqjl_149 > .awsui_arrow-outer_1hpp3_1yqjl_103:not(#\9)::after {
150
150
  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
151
151
  }
152
152
 
@@ -154,37 +154,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
154
154
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
155
155
  SPDX-License-Identifier: Apache-2.0
156
156
  */
157
- .awsui_annotation_1hpp3_1e67h_157:not(#\9),
158
- .awsui_next-button_1hpp3_1e67h_158:not(#\9),
159
- .awsui_previous-button_1hpp3_1e67h_159:not(#\9),
160
- .awsui_finish-button_1hpp3_1e67h_160:not(#\9),
161
- .awsui_header_1hpp3_1e67h_161:not(#\9),
162
- .awsui_step-counter-content_1hpp3_1e67h_162:not(#\9),
163
- .awsui_content_1hpp3_1e67h_163:not(#\9) {
157
+ .awsui_annotation_1hpp3_1yqjl_157:not(#\9),
158
+ .awsui_next-button_1hpp3_1yqjl_158:not(#\9),
159
+ .awsui_previous-button_1hpp3_1yqjl_159:not(#\9),
160
+ .awsui_finish-button_1hpp3_1yqjl_160:not(#\9),
161
+ .awsui_header_1hpp3_1yqjl_161:not(#\9),
162
+ .awsui_step-counter-content_1hpp3_1yqjl_162:not(#\9),
163
+ .awsui_content_1hpp3_1yqjl_163:not(#\9) {
164
164
  /* used in test-utils */
165
165
  }
166
166
 
167
- .awsui_description_1hpp3_1e67h_167:not(#\9) {
167
+ .awsui_description_1hpp3_1yqjl_167:not(#\9) {
168
168
  overflow: hidden;
169
169
  margin-block-start: var(--space-xxs-9rrxti, 4px);
170
170
  }
171
171
 
172
- .awsui_actionBar_1hpp3_1e67h_172:not(#\9) {
172
+ .awsui_actionBar_1hpp3_1yqjl_172:not(#\9) {
173
173
  display: flex;
174
174
  justify-content: space-between;
175
175
  align-items: center;
176
176
  position: relative;
177
177
  }
178
178
 
179
- .awsui_stepCounter_1hpp3_1e67h_179:not(#\9) {
179
+ .awsui_stepCounter_1hpp3_1yqjl_179:not(#\9) {
180
180
  margin-inline-end: 20px;
181
181
  }
182
182
 
183
- .awsui_divider_1hpp3_1e67h_183:not(#\9) {
183
+ .awsui_divider_1hpp3_1yqjl_183:not(#\9) {
184
184
  border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
185
185
  }
186
186
 
187
- .awsui_hotspot_1hpp3_1e67h_187:not(#\9) {
187
+ .awsui_hotspot_1hpp3_1yqjl_187:not(#\9) {
188
188
  border-collapse: separate;
189
189
  border-spacing: 0;
190
190
  box-sizing: border-box;
@@ -224,21 +224,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
224
  padding-block: 0;
225
225
  padding-inline: 0;
226
226
  cursor: pointer;
227
- scroll-margin: var(--awsui-content-scroll-margin-iof9y8, 40px 0 0 0);
227
+ scroll-margin: var(--awsui-content-scroll-margin-lgosor, 40px 0 0 0);
228
228
  inline-size: 16px;
229
229
  block-size: 16px;
230
230
  }
231
- .awsui_hotspot_1hpp3_1e67h_187:not(#\9):focus {
231
+ .awsui_hotspot_1hpp3_1yqjl_187:not(#\9):focus {
232
232
  outline: none;
233
233
  }
234
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1e67h_187:not(#\9):focus {
234
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1yqjl_187:not(#\9):focus {
235
235
  position: relative;
236
236
  }
237
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1e67h_187:not(#\9):focus {
237
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1yqjl_187:not(#\9):focus {
238
238
  outline: 2px dotted transparent;
239
239
  outline-offset: calc(2px - 1px);
240
240
  }
241
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1e67h_187:not(#\9):focus::before {
241
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1yqjl_187:not(#\9):focus::before {
242
242
  content: " ";
243
243
  display: block;
244
244
  position: absolute;
@@ -252,13 +252,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1e67h_187:not(#\9):focu
252
252
  border-end-end-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
253
253
  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
254
254
  }
255
- .awsui_hotspot_1hpp3_1e67h_187 > .awsui_icon_1hpp3_1e67h_254:not(#\9) {
255
+ .awsui_hotspot_1hpp3_1yqjl_187 > .awsui_icon_1hpp3_1yqjl_254:not(#\9) {
256
256
  position: relative;
257
257
  stroke: var(--color-text-link-default-hop3gv, #0073bb);
258
258
  }
259
- .awsui_hotspot_1hpp3_1e67h_187:not(#\9):hover > .awsui_icon_1hpp3_1e67h_254 {
259
+ .awsui_hotspot_1hpp3_1yqjl_187:not(#\9):hover > .awsui_icon_1hpp3_1yqjl_254 {
260
260
  stroke: var(--color-text-link-hover-8s5z9d, #0a4a74);
261
261
  }
262
- .awsui_hotspot_1hpp3_1e67h_187:not(#\9):active > .awsui_icon_1hpp3_1e67h_254 {
262
+ .awsui_hotspot_1hpp3_1yqjl_187:not(#\9):active > .awsui_icon_1hpp3_1yqjl_254 {
263
263
  stroke: var(--color-text-link-default-hop3gv, #0073bb);
264
264
  }
package/lib/internal/template/annotation-context/annotation/styles.selectors.js CHANGED
@@ -2,29 +2,29 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_1hpp3_1e67h_99",
6
- "arrow-outer": "awsui_arrow-outer_1hpp3_1e67h_103",
7
- "arrow-inner": "awsui_arrow-inner_1hpp3_1e67h_103",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1e67h_140",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1e67h_140",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1e67h_143",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1e67h_143",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1e67h_146",
13
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1e67h_146",
14
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1e67h_149",
15
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1e67h_149",
16
- "annotation": "awsui_annotation_1hpp3_1e67h_157",
17
- "next-button": "awsui_next-button_1hpp3_1e67h_158",
18
- "previous-button": "awsui_previous-button_1hpp3_1e67h_159",
19
- "finish-button": "awsui_finish-button_1hpp3_1e67h_160",
20
- "header": "awsui_header_1hpp3_1e67h_161",
21
- "step-counter-content": "awsui_step-counter-content_1hpp3_1e67h_162",
22
- "content": "awsui_content_1hpp3_1e67h_163",
23
- "description": "awsui_description_1hpp3_1e67h_167",
24
- "actionBar": "awsui_actionBar_1hpp3_1e67h_172",
25
- "stepCounter": "awsui_stepCounter_1hpp3_1e67h_179",
26
- "divider": "awsui_divider_1hpp3_1e67h_183",
27
- "hotspot": "awsui_hotspot_1hpp3_1e67h_187",
28
- "icon": "awsui_icon_1hpp3_1e67h_254"
5
+ "arrow": "awsui_arrow_1hpp3_1yqjl_99",
6
+ "arrow-outer": "awsui_arrow-outer_1hpp3_1yqjl_103",
7
+ "arrow-inner": "awsui_arrow-inner_1hpp3_1yqjl_103",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1yqjl_140",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1yqjl_140",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1yqjl_143",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1yqjl_143",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1yqjl_146",
13
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1yqjl_146",
14
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1yqjl_149",
15
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1yqjl_149",
16
+ "annotation": "awsui_annotation_1hpp3_1yqjl_157",
17
+ "next-button": "awsui_next-button_1hpp3_1yqjl_158",
18
+ "previous-button": "awsui_previous-button_1hpp3_1yqjl_159",
19
+ "finish-button": "awsui_finish-button_1hpp3_1yqjl_160",
20
+ "header": "awsui_header_1hpp3_1yqjl_161",
21
+ "step-counter-content": "awsui_step-counter-content_1hpp3_1yqjl_162",
22
+ "content": "awsui_content_1hpp3_1yqjl_163",
23
+ "description": "awsui_description_1hpp3_1yqjl_167",
24
+ "actionBar": "awsui_actionBar_1hpp3_1yqjl_172",
25
+ "stepCounter": "awsui_stepCounter_1hpp3_1yqjl_179",
26
+ "divider": "awsui_divider_1hpp3_1yqjl_183",
27
+ "hotspot": "awsui_hotspot_1hpp3_1yqjl_187",
28
+ "icon": "awsui_icon_1hpp3_1yqjl_254"
29
29
  };
30
30
 
package/lib/internal/template/app-layout/notifications/styles.css.js CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "notifications": "awsui_notifications_1hmm4_9ut38_9",
5
- "notifications-sticky": "awsui_notifications-sticky_1hmm4_9ut38_10",
6
- "no-content-paddings": "awsui_no-content-paddings_1hmm4_9ut38_25"
4
+ "notifications": "awsui_notifications_1hmm4_8wra1_9",
5
+ "notifications-sticky": "awsui_notifications-sticky_1hmm4_8wra1_10",
6
+ "no-content-paddings": "awsui_no-content-paddings_1hmm4_8wra1_25"
7
7
  };
8
8
 
package/lib/internal/template/app-layout/notifications/styles.scoped.css CHANGED
@@ -6,26 +6,26 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_notifications_1hmm4_9ut38_9:not(#\9),
10
- .awsui_notifications-sticky_1hmm4_9ut38_10:not(#\9) {
9
+ .awsui_notifications_1hmm4_8wra1_9:not(#\9),
10
+ .awsui_notifications-sticky_1hmm4_8wra1_10:not(#\9) {
11
11
  z-index: 850;
12
12
  }
13
13
 
14
- .awsui_notifications_1hmm4_9ut38_9:not(#\9) {
14
+ .awsui_notifications_1hmm4_8wra1_9:not(#\9) {
15
15
  /* This is necessary for the z-index to have effect */
16
16
  position: relative;
17
17
  }
18
18
 
19
- .awsui_notifications-sticky_1hmm4_9ut38_10:not(#\9) {
19
+ .awsui_notifications-sticky_1hmm4_8wra1_10:not(#\9) {
20
20
  inset-block-start: 0;
21
21
  position: sticky;
22
- --awsui-flashbar-sticky-bottom-margin-iof9y8: var(--space-xxl-pd3205, 32px);
22
+ --awsui-flashbar-sticky-bottom-margin-lgosor: var(--space-xxl-pd3205, 32px);
23
23
  }
24
24
 
25
- .awsui_no-content-paddings_1hmm4_9ut38_25:not(#\9) {
25
+ .awsui_no-content-paddings_1hmm4_8wra1_25:not(#\9) {
26
26
  /*
27
27
  When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
28
28
  when the notification bar is rendered, to prevent it from overlapping the content.
29
29
  */
30
- --awsui-stacked-notifications-bottom-margin-iof9y8: var(--space-scaled-l-08jb88, 20px);
30
+ --awsui-stacked-notifications-bottom-margin-lgosor: var(--space-scaled-l-08jb88, 20px);
31
31
  }
package/lib/internal/template/app-layout/notifications/styles.selectors.js CHANGED
@@ -2,8 +2,8 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "notifications": "awsui_notifications_1hmm4_9ut38_9",
6
- "notifications-sticky": "awsui_notifications-sticky_1hmm4_9ut38_10",
7
- "no-content-paddings": "awsui_no-content-paddings_1hmm4_9ut38_25"
5
+ "notifications": "awsui_notifications_1hmm4_8wra1_9",
6
+ "notifications-sticky": "awsui_notifications-sticky_1hmm4_8wra1_10",
7
+ "no-content-paddings": "awsui_no-content-paddings_1hmm4_8wra1_25"
8
8
  };
9
9