@cloudscape-design/components 3.0.516 → 3.0.518

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 (71) hide show
  1. package/button-dropdown/category-elements/category-element.d.ts +1 -1
  2. package/button-dropdown/category-elements/category-element.d.ts.map +1 -1
  3. package/button-dropdown/category-elements/category-element.js +2 -2
  4. package/button-dropdown/category-elements/category-element.js.map +1 -1
  5. package/button-dropdown/category-elements/expandable-category-element.d.ts +1 -1
  6. package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  7. package/button-dropdown/category-elements/expandable-category-element.js +2 -2
  8. package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  9. package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts +1 -1
  10. package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  11. package/button-dropdown/category-elements/mobile-expandable-category-element.js +2 -2
  12. package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  13. package/button-dropdown/category-elements/styles.css.js +13 -13
  14. package/button-dropdown/category-elements/styles.scoped.css +32 -21
  15. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  16. package/button-dropdown/interfaces.d.ts +0 -2
  17. package/button-dropdown/interfaces.d.ts.map +1 -1
  18. package/button-dropdown/interfaces.js.map +1 -1
  19. package/button-dropdown/item-element/index.d.ts +1 -1
  20. package/button-dropdown/item-element/index.d.ts.map +1 -1
  21. package/button-dropdown/item-element/index.js +1 -6
  22. package/button-dropdown/item-element/index.js.map +1 -1
  23. package/button-dropdown/item-element/styles.css.js +15 -16
  24. package/button-dropdown/item-element/styles.scoped.css +18 -18
  25. package/button-dropdown/item-element/styles.selectors.js +15 -16
  26. package/button-dropdown/items-list.d.ts.map +1 -1
  27. package/button-dropdown/items-list.js +3 -3
  28. package/button-dropdown/items-list.js.map +1 -1
  29. package/internal/environment.js +1 -1
  30. package/internal/environment.json +1 -1
  31. package/internal/manifest.json +1 -1
  32. package/package.json +1 -1
  33. package/pagination/styles.css.js +9 -9
  34. package/pagination/styles.scoped.css +37 -32
  35. package/pagination/styles.selectors.js +9 -9
  36. package/pie-chart/styles.css.js +27 -27
  37. package/pie-chart/styles.scoped.css +66 -72
  38. package/pie-chart/styles.selectors.js +27 -27
  39. package/popover/styles.css.js +50 -50
  40. package/popover/styles.scoped.css +134 -119
  41. package/popover/styles.selectors.js +50 -50
  42. package/progress-bar/styles.css.js +18 -18
  43. package/progress-bar/styles.scoped.css +79 -54
  44. package/progress-bar/styles.selectors.js +18 -18
  45. package/property-filter/styles.css.js +31 -31
  46. package/property-filter/styles.scoped.css +54 -53
  47. package/property-filter/styles.selectors.js +31 -31
  48. package/radio-group/styles.css.js +9 -9
  49. package/radio-group/styles.scoped.css +17 -17
  50. package/radio-group/styles.selectors.js +9 -9
  51. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  52. package/s3-resource-selector/s3-in-context/styles.scoped.css +18 -16
  53. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  54. package/segmented-control/styles.css.js +14 -14
  55. package/segmented-control/styles.scoped.css +55 -49
  56. package/segmented-control/styles.selectors.js +14 -14
  57. package/select/parts/styles.css.js +16 -16
  58. package/select/parts/styles.scoped.css +39 -31
  59. package/select/parts/styles.selectors.js +16 -16
  60. package/side-navigation/styles.css.js +28 -28
  61. package/side-navigation/styles.scoped.css +86 -73
  62. package/side-navigation/styles.selectors.js +28 -28
  63. package/spinner/styles.css.js +13 -13
  64. package/spinner/styles.scoped.css +49 -45
  65. package/spinner/styles.selectors.js +13 -13
  66. package/split-panel/styles.css.js +55 -55
  67. package/split-panel/styles.scoped.css +149 -131
  68. package/split-panel/styles.selectors.js +55 -55
  69. package/status-indicator/styles.css.js +23 -23
  70. package/status-indicator/styles.scoped.css +31 -31
  71. package/status-indicator/styles.selectors.js +23 -23
package/select/parts/styles.scoped.css CHANGED
@@ -90,97 +90,105 @@ 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
- .awsui_placeholder_dwuol_6f8sc_93:not(#\9) {
93
+ .awsui_placeholder_dwuol_1bcs9_93:not(#\9) {
94
94
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
95
95
  font-style: italic;
96
96
  }
97
97
 
98
- .awsui_item_dwuol_6f8sc_98:not(#\9) {
98
+ .awsui_item_dwuol_1bcs9_98:not(#\9) {
99
99
  display: flex;
100
100
  align-items: center;
101
101
  }
102
- .awsui_item_dwuol_6f8sc_98 > .awsui_checkbox_dwuol_6f8sc_102:not(#\9) {
102
+ .awsui_item_dwuol_1bcs9_98 > .awsui_checkbox_dwuol_1bcs9_102:not(#\9) {
103
103
  position: relative;
104
- min-height: var(--size-control-28i7hr, 16px);
105
- min-width: var(--size-control-28i7hr, 16px);
106
- height: var(--size-control-28i7hr, 16px);
107
- width: var(--size-control-28i7hr, 16px);
108
- margin-right: var(--space-field-horizontal-gg19kw, 12px);
104
+ min-block-size: var(--size-control-28i7hr, 16px);
105
+ min-inline-size: var(--size-control-28i7hr, 16px);
106
+ block-size: var(--size-control-28i7hr, 16px);
107
+ inline-size: var(--size-control-28i7hr, 16px);
108
+ margin-inline-end: var(--space-field-horizontal-gg19kw, 12px);
109
109
  }
110
110
 
111
- .awsui_filter_dwuol_6f8sc_111:not(#\9) {
111
+ .awsui_filter_dwuol_1bcs9_111:not(#\9) {
112
112
  z-index: 4;
113
113
  flex-shrink: 0;
114
114
  }
115
115
 
116
- .awsui_trigger_dwuol_6f8sc_116:not(#\9) {
116
+ .awsui_trigger_dwuol_1bcs9_116:not(#\9) {
117
117
  white-space: nowrap;
118
118
  overflow: hidden;
119
119
  text-overflow: ellipsis;
120
120
  }
121
121
 
122
- .awsui_layout-strut_dwuol_6f8sc_122:not(#\9) {
123
- width: 100%;
122
+ .awsui_layout-strut_dwuol_1bcs9_122:not(#\9) {
123
+ inline-size: 100%;
124
124
  position: relative;
125
125
  transform: translate3d(0, 0, 0);
126
126
  }
127
127
 
128
- .awsui_list-bottom_dwuol_6f8sc_128:not(#\9) {
128
+ .awsui_list-bottom_dwuol_1bcs9_128:not(#\9) {
129
129
  /* used in unit-tests */
130
130
  }
131
131
 
132
- .awsui_selected-icon_dwuol_6f8sc_132:not(#\9) {
132
+ .awsui_selected-icon_dwuol_1bcs9_132:not(#\9) {
133
133
  color: var(--color-border-item-focused-b2ntyl, #0972d3);
134
134
  }
135
135
 
136
- .awsui_show-label-tag_dwuol_6f8sc_136 > .awsui_selected-icon_dwuol_6f8sc_132:not(#\9) {
137
- padding-left: var(--space-scaled-s-aqzyko, 12px);
136
+ .awsui_show-label-tag_dwuol_1bcs9_136 > .awsui_selected-icon_dwuol_1bcs9_132:not(#\9) {
137
+ padding-inline-start: var(--space-scaled-s-aqzyko, 12px);
138
138
  }
139
139
 
140
- .awsui_inline-token-trigger_dwuol_6f8sc_140:not(#\9) {
140
+ .awsui_inline-token-trigger_dwuol_1bcs9_140:not(#\9) {
141
141
  display: flex;
142
142
  flex-wrap: nowrap;
143
143
  column-gap: var(--space-xxs-p8yyaw, 4px);
144
- width: 100%;
144
+ inline-size: 100%;
145
145
  }
146
146
 
147
- .awsui_inline-token-list_dwuol_6f8sc_147:not(#\9) {
147
+ .awsui_inline-token-list_dwuol_1bcs9_147:not(#\9) {
148
148
  display: flex;
149
149
  flex-wrap: nowrap;
150
150
  align-items: center;
151
151
  gap: var(--space-xxs-p8yyaw, 4px);
152
- width: 100%;
152
+ inline-size: 100%;
153
153
  overflow-x: hidden;
154
154
  -webkit-mask-image: linear-gradient(270deg, transparent, white 20px, white);
155
155
  mask-image: linear-gradient(270deg, transparent, white 20px, white);
156
156
  }
157
- .awsui_inline-token-list_dwuol_6f8sc_147 > .awsui_inline-token_dwuol_6f8sc_140:not(#\9) {
157
+ .awsui_inline-token-list_dwuol_1bcs9_147 > .awsui_inline-token_dwuol_1bcs9_140:not(#\9) {
158
158
  display: flex;
159
159
  align-items: center;
160
- min-width: max-content;
161
- height: 18px;
162
- border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
163
- padding: 0 var(--space-xxs-p8yyaw, 4px);
160
+ min-inline-size: max-content;
161
+ block-size: 18px;
162
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
163
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
164
+ padding-block: 0;
165
+ padding-inline: var(--space-xxs-p8yyaw, 4px);
164
166
  background: var(--color-background-item-selected-hcx8l4, #f2f8fd);
165
- border-radius: var(--border-radius-token-923jqq, 8px);
167
+ border-start-start-radius: var(--border-radius-token-923jqq, 8px);
168
+ border-start-end-radius: var(--border-radius-token-923jqq, 8px);
169
+ border-end-start-radius: var(--border-radius-token-923jqq, 8px);
170
+ border-end-end-radius: var(--border-radius-token-923jqq, 8px);
166
171
  color: var(--color-text-body-default-at06ol, #000716);
167
172
  }
168
173
 
169
- .awsui_visual-refresh_dwuol_6f8sc_168 > .awsui_inline-token-list_dwuol_6f8sc_147 > .awsui_inline-token_dwuol_6f8sc_140:not(#\9) {
170
- border-radius: var(--border-radius-badge-0z09dt, 4px);
174
+ .awsui_visual-refresh_dwuol_1bcs9_173 > .awsui_inline-token-list_dwuol_1bcs9_147 > .awsui_inline-token_dwuol_1bcs9_140:not(#\9) {
175
+ border-start-start-radius: var(--border-radius-badge-0z09dt, 4px);
176
+ border-start-end-radius: var(--border-radius-badge-0z09dt, 4px);
177
+ border-end-start-radius: var(--border-radius-badge-0z09dt, 4px);
178
+ border-end-end-radius: var(--border-radius-badge-0z09dt, 4px);
171
179
  }
172
180
 
173
- .awsui_inline-token-hidden-placeholder_dwuol_6f8sc_172:not(#\9) {
181
+ .awsui_inline-token-hidden-placeholder_dwuol_1bcs9_180:not(#\9) {
174
182
  position: absolute !important;
175
183
  top: -9999px !important;
176
184
  left: -9999px !important;
177
185
  }
178
186
 
179
- .awsui_inline-token-counter_dwuol_6f8sc_178:not(#\9) {
187
+ .awsui_inline-token-counter_dwuol_1bcs9_186:not(#\9) {
180
188
  white-space: nowrap;
181
189
  }
182
190
 
183
- .awsui_inline-token-trigger--disabled_dwuol_6f8sc_182 > .awsui_inline-token-list_dwuol_6f8sc_147 > .awsui_inline-token_dwuol_6f8sc_140:not(#\9) {
191
+ .awsui_inline-token-trigger--disabled_dwuol_1bcs9_190 > .awsui_inline-token-list_dwuol_1bcs9_147 > .awsui_inline-token_dwuol_1bcs9_140:not(#\9) {
184
192
  border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
185
193
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
186
194
  color: var(--color-text-disabled-f4c52h, #9ba7b6);
package/select/parts/styles.selectors.js CHANGED
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "placeholder": "awsui_placeholder_dwuol_6f8sc_93",
6
- "item": "awsui_item_dwuol_6f8sc_98",
7
- "checkbox": "awsui_checkbox_dwuol_6f8sc_102",
8
- "filter": "awsui_filter_dwuol_6f8sc_111",
9
- "trigger": "awsui_trigger_dwuol_6f8sc_116",
10
- "layout-strut": "awsui_layout-strut_dwuol_6f8sc_122",
11
- "list-bottom": "awsui_list-bottom_dwuol_6f8sc_128",
12
- "selected-icon": "awsui_selected-icon_dwuol_6f8sc_132",
13
- "show-label-tag": "awsui_show-label-tag_dwuol_6f8sc_136",
14
- "inline-token-trigger": "awsui_inline-token-trigger_dwuol_6f8sc_140",
15
- "inline-token-list": "awsui_inline-token-list_dwuol_6f8sc_147",
16
- "inline-token": "awsui_inline-token_dwuol_6f8sc_140",
17
- "visual-refresh": "awsui_visual-refresh_dwuol_6f8sc_168",
18
- "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_6f8sc_172",
19
- "inline-token-counter": "awsui_inline-token-counter_dwuol_6f8sc_178",
20
- "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_6f8sc_182"
5
+ "placeholder": "awsui_placeholder_dwuol_1bcs9_93",
6
+ "item": "awsui_item_dwuol_1bcs9_98",
7
+ "checkbox": "awsui_checkbox_dwuol_1bcs9_102",
8
+ "filter": "awsui_filter_dwuol_1bcs9_111",
9
+ "trigger": "awsui_trigger_dwuol_1bcs9_116",
10
+ "layout-strut": "awsui_layout-strut_dwuol_1bcs9_122",
11
+ "list-bottom": "awsui_list-bottom_dwuol_1bcs9_128",
12
+ "selected-icon": "awsui_selected-icon_dwuol_1bcs9_132",
13
+ "show-label-tag": "awsui_show-label-tag_dwuol_1bcs9_136",
14
+ "inline-token-trigger": "awsui_inline-token-trigger_dwuol_1bcs9_140",
15
+ "inline-token-list": "awsui_inline-token-list_dwuol_1bcs9_147",
16
+ "inline-token": "awsui_inline-token_dwuol_1bcs9_140",
17
+ "visual-refresh": "awsui_visual-refresh_dwuol_1bcs9_173",
18
+ "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_1bcs9_180",
19
+ "inline-token-counter": "awsui_inline-token-counter_dwuol_1bcs9_186",
20
+ "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_1bcs9_190"
21
21
  };
22
22
 
package/side-navigation/styles.css.js CHANGED
@@ -1,33 +1,33 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_l0dv0_74006_93",
5
- "header": "awsui_header_l0dv0_74006_130",
6
- "header-link": "awsui_header-link_l0dv0_74006_141",
7
- "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_74006_151",
8
- "header-link-text": "awsui_header-link-text_l0dv0_74006_151",
9
- "header-logo": "awsui_header-logo_l0dv0_74006_156",
10
- "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_74006_162",
11
- "list-container": "awsui_list-container_l0dv0_74006_167",
12
- "list": "awsui_list_l0dv0_74006_167",
13
- "list-variant-root": "awsui_list-variant-root_l0dv0_74006_177",
14
- "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_74006_181",
15
- "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_74006_185",
16
- "list-item": "awsui_list-item_l0dv0_74006_189",
17
- "section": "awsui_section_l0dv0_74006_195",
18
- "expandable-link-group": "awsui_expandable-link-group_l0dv0_74006_196",
19
- "section--no-ident": "awsui_section--no-ident_l0dv0_74006_199",
20
- "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_74006_200",
21
- "refresh": "awsui_refresh_l0dv0_74006_209",
22
- "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_74006_217",
23
- "section-group": "awsui_section-group_l0dv0_74006_222",
24
- "section-group-title": "awsui_section-group-title_l0dv0_74006_232",
25
- "link": "awsui_link_l0dv0_74006_236",
26
- "link-active": "awsui_link-active_l0dv0_74006_245",
27
- "info": "awsui_info_l0dv0_74006_279",
28
- "external-icon": "awsui_external-icon_l0dv0_74006_283",
29
- "divider": "awsui_divider_l0dv0_74006_287",
30
- "divider-default": "awsui_divider-default_l0dv0_74006_292",
31
- "divider-header": "awsui_divider-header_l0dv0_74006_296"
4
+ "root": "awsui_root_l0dv0_ov21h_93",
5
+ "header": "awsui_header_l0dv0_ov21h_130",
6
+ "header-link": "awsui_header-link_l0dv0_ov21h_143",
7
+ "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_ov21h_153",
8
+ "header-link-text": "awsui_header-link-text_l0dv0_ov21h_153",
9
+ "header-logo": "awsui_header-logo_l0dv0_ov21h_158",
10
+ "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_ov21h_164",
11
+ "list-container": "awsui_list-container_l0dv0_ov21h_169",
12
+ "list": "awsui_list_l0dv0_ov21h_169",
13
+ "list-variant-root": "awsui_list-variant-root_l0dv0_ov21h_181",
14
+ "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_ov21h_188",
15
+ "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_ov21h_192",
16
+ "list-item": "awsui_list-item_l0dv0_ov21h_196",
17
+ "section": "awsui_section_l0dv0_ov21h_204",
18
+ "expandable-link-group": "awsui_expandable-link-group_l0dv0_ov21h_205",
19
+ "section--no-ident": "awsui_section--no-ident_l0dv0_ov21h_208",
20
+ "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_ov21h_209",
21
+ "refresh": "awsui_refresh_l0dv0_ov21h_217",
22
+ "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_ov21h_225",
23
+ "section-group": "awsui_section-group_l0dv0_ov21h_232",
24
+ "section-group-title": "awsui_section-group-title_l0dv0_ov21h_243",
25
+ "link": "awsui_link_l0dv0_ov21h_247",
26
+ "link-active": "awsui_link-active_l0dv0_ov21h_256",
27
+ "info": "awsui_info_l0dv0_ov21h_290",
28
+ "external-icon": "awsui_external-icon_l0dv0_ov21h_294",
29
+ "divider": "awsui_divider_l0dv0_ov21h_298",
30
+ "divider-default": "awsui_divider-default_l0dv0_ov21h_304",
31
+ "divider-header": "awsui_divider-header_l0dv0_ov21h_309"
32
32
  };
33
33
 
package/side-navigation/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
- .awsui_root_l0dv0_74006_93:not(#\9) {
93
+ .awsui_root_l0dv0_ov21h_93:not(#\9) {
94
94
  border-collapse: separate;
95
95
  border-spacing: 0;
96
96
  box-sizing: border-box;
@@ -128,113 +128,124 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
128
128
  word-break: break-word;
129
129
  }
130
130
 
131
- .awsui_header_l0dv0_74006_130:not(#\9) {
131
+ .awsui_header_l0dv0_ov21h_130:not(#\9) {
132
132
  font-size: var(--font-panel-header-size-edjz3l, 18px);
133
133
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
134
134
  font-weight: var(--font-weight-heading-l-f8711v, 700);
135
135
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
136
136
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
137
- margin: 0;
138
- padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-panel-nav-left-b1g0mt, 28px);
139
- padding-right: calc(var(--space-scaled-xxl-wbot5q, 32px) + var(--space-xl-lmui9r, 24px));
137
+ margin-block: 0;
138
+ margin-inline: 0;
139
+ padding-block: var(--space-scaled-l-0hpmd7, 20px);
140
+ padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
141
+ padding-inline-end: calc(var(--space-scaled-xxl-wbot5q, 32px) + var(--space-xl-lmui9r, 24px));
140
142
  }
141
143
 
142
- .awsui_header-link_l0dv0_74006_141:not(#\9) {
144
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9) {
143
145
  font-size: var(--font-panel-header-size-edjz3l, 18px);
144
146
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
145
147
  font-weight: var(--font-weight-heading-l-f8711v, 700);
146
148
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
147
149
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
148
150
  color: var(--color-text-heading-default-lstrpn, #000716);
149
- min-height: var(--font-panel-header-line-height-kxi4u2, 22px);
151
+ min-block-size: var(--font-panel-header-line-height-kxi4u2, 22px);
150
152
  display: flex;
151
153
  }
152
- .awsui_header-link--has-logo_l0dv0_74006_151 > .awsui_header-link-text_l0dv0_74006_151:not(#\9) {
154
+ .awsui_header-link--has-logo_l0dv0_ov21h_153 > .awsui_header-link-text_l0dv0_ov21h_153:not(#\9) {
153
155
  font-weight: 400;
154
156
  align-self: center;
155
157
  }
156
158
 
157
- .awsui_header-logo_l0dv0_74006_156:not(#\9) {
158
- margin-right: var(--space-s-34lx8l, 12px);
159
- margin-top: var(--space-xxxs-zbmxqb, 2px);
160
- max-width: calc(1.25 * var(--size-icon-big-zkdryd, 32px));
159
+ .awsui_header-logo_l0dv0_ov21h_158:not(#\9) {
160
+ margin-inline-end: var(--space-s-34lx8l, 12px);
161
+ margin-block-start: var(--space-xxxs-zbmxqb, 2px);
162
+ max-inline-size: calc(1.25 * var(--size-icon-big-zkdryd, 32px));
161
163
  align-self: flex-start;
162
164
  }
163
- .awsui_header-logo--stretched_l0dv0_74006_162:not(#\9) {
164
- max-width: 100%;
165
- margin-right: 0;
165
+ .awsui_header-logo--stretched_l0dv0_ov21h_164:not(#\9) {
166
+ max-inline-size: 100%;
167
+ margin-inline-end: 0;
166
168
  }
167
169
 
168
- .awsui_list-container_l0dv0_74006_167:not(#\9) {
169
- margin-top: var(--space-scaled-l-0hpmd7, 20px);
170
+ .awsui_list-container_l0dv0_ov21h_169:not(#\9) {
171
+ margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
170
172
  }
171
173
 
172
- .awsui_list_l0dv0_74006_167:not(#\9) {
173
- margin: 0;
174
- padding: 0;
175
- padding-left: var(--space-l-t419sm, 20px);
174
+ .awsui_list_l0dv0_ov21h_169:not(#\9) {
175
+ margin-block: 0;
176
+ margin-inline: 0;
177
+ padding-block: 0;
178
+ padding-inline-end: 0;
179
+ padding-inline-start: var(--space-l-t419sm, 20px);
176
180
  }
177
181
 
178
- .awsui_list-variant-root_l0dv0_74006_177:not(#\9) {
179
- margin: 0;
180
- padding: 0 var(--space-panel-side-right-xofg51, 24px) 0 var(--space-panel-nav-left-b1g0mt, 28px);
182
+ .awsui_list-variant-root_l0dv0_ov21h_181:not(#\9) {
183
+ margin-block: 0;
184
+ margin-inline: 0;
185
+ padding-block: 0;
186
+ padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
187
+ padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
181
188
  }
182
- .awsui_list-variant-root--last_l0dv0_74006_181:not(#\9) {
183
- margin-bottom: var(--space-scaled-xxxl-fdg8ai, 40px);
189
+ .awsui_list-variant-root--last_l0dv0_ov21h_188:not(#\9) {
190
+ margin-block-end: var(--space-scaled-xxxl-fdg8ai, 40px);
184
191
  }
185
192
 
186
- .awsui_list-variant-expandable-link-group_l0dv0_74006_185:not(#\9) {
187
- padding-left: var(--space-xxxl-4x2gki, 40px);
193
+ .awsui_list-variant-expandable-link-group_l0dv0_ov21h_192:not(#\9) {
194
+ padding-inline-start: var(--space-xxxl-4x2gki, 40px);
188
195
  }
189
196
 
190
- .awsui_list-item_l0dv0_74006_189:not(#\9) {
191
- margin: var(--space-scaled-xs-26e2du, 8px) 0;
192
- padding: 0;
197
+ .awsui_list-item_l0dv0_ov21h_196:not(#\9) {
198
+ margin-block: var(--space-scaled-xs-26e2du, 8px);
199
+ margin-inline: 0;
200
+ padding-block: 0;
201
+ padding-inline: 0;
193
202
  list-style: none;
194
203
  }
195
204
 
196
- .awsui_section_l0dv0_74006_195:not(#\9),
197
- .awsui_expandable-link-group_l0dv0_74006_196:not(#\9) {
198
- margin-left: calc(-1 * var(--space-l-t419sm, 20px));
205
+ .awsui_section_l0dv0_ov21h_204:not(#\9),
206
+ .awsui_expandable-link-group_l0dv0_ov21h_205:not(#\9) {
207
+ margin-inline-start: calc(-1 * var(--space-l-t419sm, 20px));
199
208
  }
200
- .awsui_section--no-ident_l0dv0_74006_199:not(#\9),
201
- .awsui_expandable-link-group--no-ident_l0dv0_74006_200:not(#\9) {
202
- margin-left: 0;
209
+ .awsui_section--no-ident_l0dv0_ov21h_208:not(#\9),
210
+ .awsui_expandable-link-group--no-ident_l0dv0_ov21h_209:not(#\9) {
211
+ margin-inline-start: 0;
203
212
  }
204
213
 
205
- .awsui_section_l0dv0_74006_195:not(#\9) {
206
- margin-top: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
207
- margin-bottom: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
214
+ .awsui_section_l0dv0_ov21h_204:not(#\9) {
215
+ margin-block: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
208
216
  /* stylelint-disable-next-line selector-max-type */
209
217
  }
210
- .awsui_section_l0dv0_74006_195.awsui_refresh_l0dv0_74006_209:not(#\9) {
211
- margin-top: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
212
- margin-bottom: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
218
+ .awsui_section_l0dv0_ov21h_204.awsui_refresh_l0dv0_ov21h_217:not(#\9) {
219
+ margin-block: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
213
220
  }
214
- .awsui_section_l0dv0_74006_195 > div:not(#\9) {
215
- padding: 0;
221
+ .awsui_section_l0dv0_ov21h_204 > div:not(#\9) {
222
+ padding-block: 0;
223
+ padding-inline: 0;
216
224
  }
217
225
 
218
- .awsui_list-variant-section-group_l0dv0_74006_217:not(#\9) {
219
- margin: 0;
220
- padding: 0;
226
+ .awsui_list-variant-section-group_l0dv0_ov21h_225:not(#\9) {
227
+ margin-block: 0;
228
+ margin-inline: 0;
229
+ padding-block: 0;
230
+ padding-inline: 0;
221
231
  }
222
232
 
223
- .awsui_section-group_l0dv0_74006_222:not(#\9) {
233
+ .awsui_section-group_l0dv0_ov21h_232:not(#\9) {
224
234
  font-size: var(--font-size-heading-m-sjd256, 18px);
225
235
  line-height: var(--line-height-heading-m-50evfk, 22px);
226
236
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
227
237
  font-weight: var(--font-weight-heading-m-m2ekmb, 700);
228
238
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
229
239
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
230
- margin: 0;
240
+ margin-block: 0;
241
+ margin-inline: 0;
231
242
  }
232
243
 
233
- .awsui_section-group-title_l0dv0_74006_232:not(#\9) {
244
+ .awsui_section-group-title_l0dv0_ov21h_243:not(#\9) {
234
245
  /* used in test-utils */
235
246
  }
236
247
 
237
- .awsui_link_l0dv0_74006_236:not(#\9) {
248
+ .awsui_link_l0dv0_ov21h_247:not(#\9) {
238
249
  font-size: var(--font-size-body-m-x4okxb, 14px);
239
250
  line-height: var(--line-height-body-m-30ar75, 20px);
240
251
  color: var(--color-text-body-secondary-w9jvno, #414d5c);
@@ -243,30 +254,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
243
254
  -moz-osx-font-smoothing: auto;
244
255
  }
245
256
 
246
- .awsui_link-active_l0dv0_74006_245:not(#\9) {
257
+ .awsui_link-active_l0dv0_ov21h_256:not(#\9) {
247
258
  font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
248
259
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
249
260
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
250
261
  color: var(--color-text-accent-n2acxv, #0972d3);
251
262
  }
252
263
 
253
- .awsui_header-link_l0dv0_74006_141:not(#\9),
254
- .awsui_link_l0dv0_74006_236:not(#\9) {
264
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9),
265
+ .awsui_link_l0dv0_ov21h_247:not(#\9) {
255
266
  text-decoration: none;
256
267
  }
257
- .awsui_header-link_l0dv0_74006_141:not(#\9):hover,
258
- .awsui_link_l0dv0_74006_236:not(#\9):hover {
268
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9):hover,
269
+ .awsui_link_l0dv0_ov21h_247:not(#\9):hover {
259
270
  color: var(--color-text-accent-n2acxv, #0972d3);
260
271
  }
261
- .awsui_header-link_l0dv0_74006_141:not(#\9):focus,
262
- .awsui_link_l0dv0_74006_236:not(#\9):focus {
272
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9):focus,
273
+ .awsui_link_l0dv0_ov21h_247:not(#\9):focus {
263
274
  outline: none;
264
275
  }
265
- .awsui_header-link_l0dv0_74006_141:not(#\9):hover, .awsui_header-link_l0dv0_74006_141:not(#\9):focus, .awsui_link_l0dv0_74006_236:not(#\9):hover, .awsui_link_l0dv0_74006_236:not(#\9):focus {
276
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9):hover, .awsui_header-link_l0dv0_ov21h_143:not(#\9):focus, .awsui_link_l0dv0_ov21h_247:not(#\9):hover, .awsui_link_l0dv0_ov21h_247:not(#\9):focus {
266
277
  text-decoration: none;
267
278
  }
268
- body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_74006_141:not(#\9):focus,
269
- body[data-awsui-focus-visible=true] .awsui_link_l0dv0_74006_236:not(#\9):focus {
279
+ body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_ov21h_143:not(#\9):focus,
280
+ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_ov21h_247:not(#\9):focus {
270
281
  outline: thin dotted;
271
282
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
272
283
  outline-offset: 2px;
@@ -275,23 +286,25 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_74006_236:not(#\9):focus {
275
286
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
276
287
  }
277
288
 
278
- .awsui_info_l0dv0_74006_279:not(#\9) {
279
- margin-left: var(--space-xs-zb16t3, 8px);
289
+ .awsui_info_l0dv0_ov21h_290:not(#\9) {
290
+ margin-inline-start: var(--space-xs-zb16t3, 8px);
280
291
  }
281
292
 
282
- .awsui_external-icon_l0dv0_74006_283:not(#\9) {
283
- margin-left: var(--space-xxs-p8yyaw, 4px);
293
+ .awsui_external-icon_l0dv0_ov21h_294:not(#\9) {
294
+ margin-inline-start: var(--space-xxs-p8yyaw, 4px);
284
295
  }
285
296
 
286
- .awsui_divider_l0dv0_74006_287:not(#\9) {
287
- border: none;
288
- border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
297
+ .awsui_divider_l0dv0_ov21h_298:not(#\9) {
298
+ border-block: none;
299
+ border-inline: none;
300
+ border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
289
301
  }
290
302
 
291
- .awsui_divider-default_l0dv0_74006_292:not(#\9) {
292
- margin: var(--space-scaled-2x-xl-udij7m, 24px) calc(-1 * var(--space-s-34lx8l, 12px));
303
+ .awsui_divider-default_l0dv0_ov21h_304:not(#\9) {
304
+ margin-block: var(--space-scaled-2x-xl-udij7m, 24px);
305
+ margin-inline: calc(-1 * var(--space-s-34lx8l, 12px));
293
306
  }
294
307
 
295
- .awsui_divider-header_l0dv0_74006_296:not(#\9) {
296
- margin-top: 0;
308
+ .awsui_divider-header_l0dv0_ov21h_309:not(#\9) {
309
+ margin-block-start: 0;
297
310
  }
package/side-navigation/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
- "root": "awsui_root_l0dv0_74006_93",
6
- "header": "awsui_header_l0dv0_74006_130",
7
- "header-link": "awsui_header-link_l0dv0_74006_141",
8
- "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_74006_151",
9
- "header-link-text": "awsui_header-link-text_l0dv0_74006_151",
10
- "header-logo": "awsui_header-logo_l0dv0_74006_156",
11
- "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_74006_162",
12
- "list-container": "awsui_list-container_l0dv0_74006_167",
13
- "list": "awsui_list_l0dv0_74006_167",
14
- "list-variant-root": "awsui_list-variant-root_l0dv0_74006_177",
15
- "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_74006_181",
16
- "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_74006_185",
17
- "list-item": "awsui_list-item_l0dv0_74006_189",
18
- "section": "awsui_section_l0dv0_74006_195",
19
- "expandable-link-group": "awsui_expandable-link-group_l0dv0_74006_196",
20
- "section--no-ident": "awsui_section--no-ident_l0dv0_74006_199",
21
- "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_74006_200",
22
- "refresh": "awsui_refresh_l0dv0_74006_209",
23
- "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_74006_217",
24
- "section-group": "awsui_section-group_l0dv0_74006_222",
25
- "section-group-title": "awsui_section-group-title_l0dv0_74006_232",
26
- "link": "awsui_link_l0dv0_74006_236",
27
- "link-active": "awsui_link-active_l0dv0_74006_245",
28
- "info": "awsui_info_l0dv0_74006_279",
29
- "external-icon": "awsui_external-icon_l0dv0_74006_283",
30
- "divider": "awsui_divider_l0dv0_74006_287",
31
- "divider-default": "awsui_divider-default_l0dv0_74006_292",
32
- "divider-header": "awsui_divider-header_l0dv0_74006_296"
5
+ "root": "awsui_root_l0dv0_ov21h_93",
6
+ "header": "awsui_header_l0dv0_ov21h_130",
7
+ "header-link": "awsui_header-link_l0dv0_ov21h_143",
8
+ "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_ov21h_153",
9
+ "header-link-text": "awsui_header-link-text_l0dv0_ov21h_153",
10
+ "header-logo": "awsui_header-logo_l0dv0_ov21h_158",
11
+ "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_ov21h_164",
12
+ "list-container": "awsui_list-container_l0dv0_ov21h_169",
13
+ "list": "awsui_list_l0dv0_ov21h_169",
14
+ "list-variant-root": "awsui_list-variant-root_l0dv0_ov21h_181",
15
+ "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_ov21h_188",
16
+ "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_ov21h_192",
17
+ "list-item": "awsui_list-item_l0dv0_ov21h_196",
18
+ "section": "awsui_section_l0dv0_ov21h_204",
19
+ "expandable-link-group": "awsui_expandable-link-group_l0dv0_ov21h_205",
20
+ "section--no-ident": "awsui_section--no-ident_l0dv0_ov21h_208",
21
+ "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_ov21h_209",
22
+ "refresh": "awsui_refresh_l0dv0_ov21h_217",
23
+ "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_ov21h_225",
24
+ "section-group": "awsui_section-group_l0dv0_ov21h_232",
25
+ "section-group-title": "awsui_section-group-title_l0dv0_ov21h_243",
26
+ "link": "awsui_link_l0dv0_ov21h_247",
27
+ "link-active": "awsui_link-active_l0dv0_ov21h_256",
28
+ "info": "awsui_info_l0dv0_ov21h_290",
29
+ "external-icon": "awsui_external-icon_l0dv0_ov21h_294",
30
+ "divider": "awsui_divider_l0dv0_ov21h_298",
31
+ "divider-default": "awsui_divider-default_l0dv0_ov21h_304",
32
+ "divider-header": "awsui_divider-header_l0dv0_ov21h_309"
33
33
  };
34
34
 
package/spinner/styles.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1612d_1v79u_127",
5
- "spinner-rotator": "awsui_spinner-rotator_1612d_1v79u_1",
6
- "size-normal": "awsui_size-normal_1612d_1v79u_135",
7
- "size-big": "awsui_size-big_1612d_1v79u_143",
8
- "size-large": "awsui_size-large_1612d_1v79u_151",
9
- "variant-normal": "awsui_variant-normal_1612d_1v79u_159",
10
- "variant-disabled": "awsui_variant-disabled_1612d_1v79u_162",
11
- "variant-inverted": "awsui_variant-inverted_1612d_1v79u_165",
12
- "circle": "awsui_circle_1612d_1v79u_169",
13
- "circle-left": "awsui_circle-left_1612d_1v79u_193",
14
- "spinner-line-left": "awsui_spinner-line-left_1612d_1v79u_1",
15
- "circle-right": "awsui_circle-right_1612d_1v79u_198",
16
- "spinner-line-right": "awsui_spinner-line-right_1612d_1v79u_1"
4
+ "root": "awsui_root_1612d_3zdze_127",
5
+ "spinner-rotator": "awsui_spinner-rotator_1612d_3zdze_1",
6
+ "size-normal": "awsui_size-normal_1612d_3zdze_135",
7
+ "size-big": "awsui_size-big_1612d_3zdze_143",
8
+ "size-large": "awsui_size-large_1612d_3zdze_151",
9
+ "variant-normal": "awsui_variant-normal_1612d_3zdze_159",
10
+ "variant-disabled": "awsui_variant-disabled_1612d_3zdze_162",
11
+ "variant-inverted": "awsui_variant-inverted_1612d_3zdze_165",
12
+ "circle": "awsui_circle_1612d_3zdze_169",
13
+ "circle-left": "awsui_circle-left_1612d_3zdze_197",
14
+ "spinner-line-left": "awsui_spinner-line-left_1612d_3zdze_1",
15
+ "circle-right": "awsui_circle-right_1612d_3zdze_202",
16
+ "spinner-line-right": "awsui_spinner-line-right_1612d_3zdze_1"
17
17
  };
18
18