@cloudscape-design/components 3.0.716 → 3.0.718

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/internal/components/option/interfaces.d.ts +7 -7
  2. package/internal/components/option/interfaces.d.ts.map +1 -1
  3. package/internal/components/option/interfaces.js.map +1 -1
  4. package/internal/environment.js +1 -1
  5. package/internal/environment.json +1 -1
  6. package/internal/manifest.json +1 -1
  7. package/package.json +1 -1
  8. package/select/interfaces.d.ts +12 -11
  9. package/select/interfaces.d.ts.map +1 -1
  10. package/select/interfaces.js.map +1 -1
  11. package/select/parts/item.d.ts.map +1 -1
  12. package/select/parts/item.js +1 -1
  13. package/select/parts/item.js.map +1 -1
  14. package/select/parts/multiselect-item.d.ts.map +1 -1
  15. package/select/parts/multiselect-item.js +1 -4
  16. package/select/parts/multiselect-item.js.map +1 -1
  17. package/table/body-cell/styles.css.js +47 -47
  18. package/table/body-cell/styles.scoped.css +463 -382
  19. package/table/body-cell/styles.selectors.js +47 -47
  20. package/table/styles.css.js +34 -34
  21. package/table/styles.scoped.css +44 -40
  22. package/table/styles.selectors.js +34 -34
  23. package/tiles/index.js +1 -1
  24. package/tiles/index.js.map +1 -1
package/table/body-cell/styles.selectors.js CHANGED
@@ -2,52 +2,52 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_1j1xu_97",
6
- "body-cell": "awsui_body-cell_c6tup_1j1xu_104",
7
- "body-cell-content": "awsui_body-cell-content_c6tup_1j1xu_112",
8
- "expandable-level-0": "awsui_expandable-level-0_c6tup_1j1xu_118",
9
- "expandable-level-1": "awsui_expandable-level-1_c6tup_1j1xu_124",
10
- "expandable-level-2": "awsui_expandable-level-2_c6tup_1j1xu_130",
11
- "expandable-level-3": "awsui_expandable-level-3_c6tup_1j1xu_136",
12
- "expandable-level-4": "awsui_expandable-level-4_c6tup_1j1xu_142",
13
- "expandable-level-5": "awsui_expandable-level-5_c6tup_1j1xu_148",
14
- "expandable-level-6": "awsui_expandable-level-6_c6tup_1j1xu_154",
15
- "expandable-level-7": "awsui_expandable-level-7_c6tup_1j1xu_160",
16
- "expandable-level-8": "awsui_expandable-level-8_c6tup_1j1xu_166",
17
- "expandable-level-9": "awsui_expandable-level-9_c6tup_1j1xu_172",
18
- "expandable-level-next": "awsui_expandable-level-next_c6tup_1j1xu_178",
19
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1j1xu_198",
20
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1j1xu_212",
21
- "has-striped-rows": "awsui_has-striped-rows_c6tup_1j1xu_224",
22
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1j1xu_296",
23
- "body-cell-interactive": "awsui_body-cell-interactive_c6tup_1j1xu_296",
24
- "body-cell-editable": "awsui_body-cell-editable_c6tup_1j1xu_296",
25
- "has-striped-rows-sticky-cell-pad-inline-start": "awsui_has-striped-rows-sticky-cell-pad-inline-start_c6tup_1j1xu_440",
26
- "has-selection": "awsui_has-selection_c6tup_1j1xu_512",
27
- "body-cell-align-top": "awsui_body-cell-align-top_c6tup_1j1xu_591",
28
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1j1xu_594",
29
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1j1xu_597",
30
- "body-cell-selected": "awsui_body-cell-selected_c6tup_1j1xu_597",
31
- "has-footer": "awsui_has-footer_c6tup_1j1xu_597",
32
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1j1xu_607",
33
- "sticky-cell": "awsui_sticky-cell_c6tup_1j1xu_635",
34
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_1j1xu_643",
35
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_1j1xu_729",
36
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_1j1xu_738",
37
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1j1xu_771",
38
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1j1xu_777",
39
- "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_1j1xu_803",
40
- "body-cell-success": "awsui_body-cell-success_c6tup_1j1xu_810",
41
- "body-cell-editor": "awsui_body-cell-editor_c6tup_1j1xu_803",
42
- "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_1j1xu_837",
43
- "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1j1xu_846",
44
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1j1xu_856",
45
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1j1xu_866",
46
- "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_1j1xu_869",
47
- "body-cell-expandable": "awsui_body-cell-expandable_c6tup_1j1xu_872",
48
- "resizable-columns": "awsui_resizable-columns_c6tup_1j1xu_893",
49
- "expandable-cell-content": "awsui_expandable-cell-content_c6tup_1j1xu_896",
50
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1j1xu_965",
51
- "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_1j1xu_965"
5
+ "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_17mdl_97",
6
+ "body-cell": "awsui_body-cell_c6tup_17mdl_104",
7
+ "body-cell-content": "awsui_body-cell-content_c6tup_17mdl_112",
8
+ "expandable-level-0": "awsui_expandable-level-0_c6tup_17mdl_118",
9
+ "expandable-level-1": "awsui_expandable-level-1_c6tup_17mdl_125",
10
+ "expandable-level-2": "awsui_expandable-level-2_c6tup_17mdl_132",
11
+ "expandable-level-3": "awsui_expandable-level-3_c6tup_17mdl_139",
12
+ "expandable-level-4": "awsui_expandable-level-4_c6tup_17mdl_146",
13
+ "expandable-level-5": "awsui_expandable-level-5_c6tup_17mdl_153",
14
+ "expandable-level-6": "awsui_expandable-level-6_c6tup_17mdl_160",
15
+ "expandable-level-7": "awsui_expandable-level-7_c6tup_17mdl_167",
16
+ "expandable-level-8": "awsui_expandable-level-8_c6tup_17mdl_174",
17
+ "expandable-level-9": "awsui_expandable-level-9_c6tup_17mdl_181",
18
+ "expandable-level-next": "awsui_expandable-level-next_c6tup_17mdl_188",
19
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_17mdl_211",
20
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_17mdl_225",
21
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_17mdl_237",
22
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_17mdl_320",
23
+ "body-cell-interactive": "awsui_body-cell-interactive_c6tup_17mdl_320",
24
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_17mdl_320",
25
+ "has-striped-rows-sticky-cell-pad-inline-start": "awsui_has-striped-rows-sticky-cell-pad-inline-start_c6tup_17mdl_486",
26
+ "has-selection": "awsui_has-selection_c6tup_17mdl_569",
27
+ "body-cell-align-top": "awsui_body-cell-align-top_c6tup_17mdl_659",
28
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_17mdl_662",
29
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_17mdl_665",
30
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_17mdl_665",
31
+ "has-footer": "awsui_has-footer_c6tup_17mdl_665",
32
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_17mdl_675",
33
+ "sticky-cell": "awsui_sticky-cell_c6tup_17mdl_705",
34
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_17mdl_713",
35
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_17mdl_810",
36
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_17mdl_819",
37
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_17mdl_853",
38
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_17mdl_860",
39
+ "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_17mdl_888",
40
+ "body-cell-success": "awsui_body-cell-success_c6tup_17mdl_893",
41
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_17mdl_888",
42
+ "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_17mdl_918",
43
+ "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_17mdl_927",
44
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_17mdl_937",
45
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_17mdl_947",
46
+ "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_17mdl_950",
47
+ "body-cell-expandable": "awsui_body-cell-expandable_c6tup_17mdl_953",
48
+ "resizable-columns": "awsui_resizable-columns_c6tup_17mdl_974",
49
+ "expandable-cell-content": "awsui_expandable-cell-content_c6tup_17mdl_977",
50
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_17mdl_1046",
51
+ "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_17mdl_1046"
52
52
  };
53
53
 
package/table/styles.css.js CHANGED
@@ -1,39 +1,39 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_wih1l_rg19l_101",
5
- "tools": "awsui_tools_wih1l_rg19l_112",
6
- "tools-filtering": "awsui_tools-filtering_wih1l_rg19l_120",
7
- "tools-align-right": "awsui_tools-align-right_wih1l_rg19l_134",
8
- "tools-pagination": "awsui_tools-pagination_wih1l_rg19l_138",
9
- "tools-preferences": "awsui_tools-preferences_wih1l_rg19l_138",
10
- "tools-small": "awsui_tools-small_wih1l_rg19l_144",
11
- "table": "awsui_table_wih1l_rg19l_150",
12
- "table-layout-fixed": "awsui_table-layout-fixed_wih1l_rg19l_156",
13
- "wrapper": "awsui_wrapper_wih1l_rg19l_160",
14
- "variant-stacked": "awsui_variant-stacked_wih1l_rg19l_167",
15
- "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_rg19l_167",
16
- "variant-container": "awsui_variant-container_wih1l_rg19l_167",
17
- "has-footer": "awsui_has-footer_wih1l_rg19l_170",
18
- "has-header": "awsui_has-header_wih1l_rg19l_173",
19
- "cell-merged": "awsui_cell-merged_wih1l_rg19l_190",
20
- "cell-merged-content": "awsui_cell-merged-content_wih1l_rg19l_202",
21
- "empty": "awsui_empty_wih1l_rg19l_218",
22
- "loading": "awsui_loading_wih1l_rg19l_222",
23
- "selection-control": "awsui_selection-control_wih1l_rg19l_231",
24
- "selection-control-header": "awsui_selection-control-header_wih1l_rg19l_238",
25
- "header-secondary": "awsui_header-secondary_wih1l_rg19l_244",
26
- "variant-full-page": "awsui_variant-full-page_wih1l_rg19l_256",
27
- "table-has-header": "awsui_table-has-header_wih1l_rg19l_265",
28
- "header-controls": "awsui_header-controls_wih1l_rg19l_269",
29
- "variant-embedded": "awsui_variant-embedded_wih1l_rg19l_278",
30
- "variant-borderless": "awsui_variant-borderless_wih1l_rg19l_278",
31
- "footer-wrapper": "awsui_footer-wrapper_wih1l_rg19l_283",
32
- "footer": "awsui_footer_wih1l_rg19l_283",
33
- "footer-with-pagination": "awsui_footer-with-pagination_wih1l_rg19l_291",
34
- "footer-pagination": "awsui_footer-pagination_wih1l_rg19l_299",
35
- "thead-active": "awsui_thead-active_wih1l_rg19l_303",
36
- "row": "awsui_row_wih1l_rg19l_304",
37
- "row-selected": "awsui_row-selected_wih1l_rg19l_305"
4
+ "root": "awsui_root_wih1l_177zk_101",
5
+ "tools": "awsui_tools_wih1l_177zk_112",
6
+ "tools-filtering": "awsui_tools-filtering_wih1l_177zk_120",
7
+ "tools-align-right": "awsui_tools-align-right_wih1l_177zk_134",
8
+ "tools-pagination": "awsui_tools-pagination_wih1l_177zk_138",
9
+ "tools-preferences": "awsui_tools-preferences_wih1l_177zk_138",
10
+ "tools-small": "awsui_tools-small_wih1l_177zk_144",
11
+ "table": "awsui_table_wih1l_177zk_150",
12
+ "table-layout-fixed": "awsui_table-layout-fixed_wih1l_177zk_156",
13
+ "wrapper": "awsui_wrapper_wih1l_177zk_160",
14
+ "variant-stacked": "awsui_variant-stacked_wih1l_177zk_167",
15
+ "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_177zk_167",
16
+ "variant-container": "awsui_variant-container_wih1l_177zk_167",
17
+ "has-footer": "awsui_has-footer_wih1l_177zk_170",
18
+ "has-header": "awsui_has-header_wih1l_177zk_173",
19
+ "cell-merged": "awsui_cell-merged_wih1l_177zk_190",
20
+ "cell-merged-content": "awsui_cell-merged-content_wih1l_177zk_202",
21
+ "empty": "awsui_empty_wih1l_177zk_218",
22
+ "loading": "awsui_loading_wih1l_177zk_222",
23
+ "selection-control": "awsui_selection-control_wih1l_177zk_231",
24
+ "selection-control-header": "awsui_selection-control-header_wih1l_177zk_238",
25
+ "header-secondary": "awsui_header-secondary_wih1l_177zk_244",
26
+ "variant-full-page": "awsui_variant-full-page_wih1l_177zk_256",
27
+ "table-has-header": "awsui_table-has-header_wih1l_177zk_262",
28
+ "header-controls": "awsui_header-controls_wih1l_177zk_273",
29
+ "variant-embedded": "awsui_variant-embedded_wih1l_177zk_282",
30
+ "variant-borderless": "awsui_variant-borderless_wih1l_177zk_282",
31
+ "footer-wrapper": "awsui_footer-wrapper_wih1l_177zk_287",
32
+ "footer": "awsui_footer_wih1l_177zk_287",
33
+ "footer-with-pagination": "awsui_footer-with-pagination_wih1l_177zk_295",
34
+ "footer-pagination": "awsui_footer-pagination_wih1l_177zk_303",
35
+ "thead-active": "awsui_thead-active_wih1l_177zk_307",
36
+ "row": "awsui_row_wih1l_177zk_308",
37
+ "row-selected": "awsui_row-selected_wih1l_177zk_309"
38
38
  };
39
39
 
package/table/styles.scoped.css CHANGED
@@ -98,7 +98,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
98
98
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
99
99
  SPDX-License-Identifier: Apache-2.0
100
100
  */
101
- .awsui_root_wih1l_rg19l_101:not(#\9) {
101
+ .awsui_root_wih1l_177zk_101:not(#\9) {
102
102
  font-size: var(--font-size-body-m-x4okxb, 14px);
103
103
  line-height: var(--line-height-body-m-30ar75, 20px);
104
104
  color: var(--color-text-body-default-at06ol, #000716);
@@ -109,7 +109,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
109
109
  inline-size: 100%;
110
110
  }
111
111
 
112
- .awsui_tools_wih1l_rg19l_112:not(#\9) {
112
+ .awsui_tools_wih1l_177zk_112:not(#\9) {
113
113
  display: flex;
114
114
  align-items: flex-end;
115
115
  flex-wrap: wrap;
@@ -117,67 +117,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
117
117
  padding-block-end: var(--space-table-header-tools-bottom-25ubsj, 0px);
118
118
  padding-inline: 0;
119
119
  }
120
- .awsui_tools-filtering_wih1l_rg19l_120:not(#\9) {
120
+ .awsui_tools-filtering_wih1l_177zk_120:not(#\9) {
121
121
  max-inline-size: 100%;
122
122
  margin-inline-end: var(--space-l-t419sm, 20px);
123
123
  }
124
124
  @supports (flex-basis: fit-content) {
125
- .awsui_tools-filtering_wih1l_rg19l_120:not(#\9) {
125
+ .awsui_tools-filtering_wih1l_177zk_120:not(#\9) {
126
126
  flex: 1 1 fit-content;
127
127
  }
128
128
  }
129
129
  @supports not (flex-basis: fit-content) {
130
- .awsui_tools-filtering_wih1l_rg19l_120:not(#\9) {
130
+ .awsui_tools-filtering_wih1l_177zk_120:not(#\9) {
131
131
  flex: 1 1 auto;
132
132
  }
133
133
  }
134
- .awsui_tools-align-right_wih1l_rg19l_134:not(#\9) {
134
+ .awsui_tools-align-right_wih1l_177zk_134:not(#\9) {
135
135
  display: flex;
136
136
  margin-inline-start: auto;
137
137
  }
138
- .awsui_tools-pagination_wih1l_rg19l_138 + .awsui_tools-preferences_wih1l_rg19l_138:not(#\9) {
138
+ .awsui_tools-pagination_wih1l_177zk_138 + .awsui_tools-preferences_wih1l_177zk_138:not(#\9) {
139
139
  border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
140
140
  box-sizing: border-box;
141
141
  margin-inline-start: var(--space-xs-zb16t3, 8px);
142
142
  padding-inline-start: var(--space-xs-zb16t3, 8px);
143
143
  }
144
- .awsui_tools-small_wih1l_rg19l_144 > .awsui_tools-filtering_wih1l_rg19l_120:not(#\9) {
144
+ .awsui_tools-small_wih1l_177zk_144 > .awsui_tools-filtering_wih1l_177zk_120:not(#\9) {
145
145
  margin-inline-end: 0;
146
146
  margin-block-end: var(--space-scaled-xs-26e2du, 8px);
147
147
  flex-basis: 100%;
148
148
  }
149
149
 
150
- .awsui_table_wih1l_rg19l_150:not(#\9) {
150
+ .awsui_table_wih1l_177zk_150:not(#\9) {
151
151
  inline-size: 100%;
152
152
  border-spacing: 0;
153
153
  position: relative;
154
154
  box-sizing: border-box;
155
155
  }
156
- .awsui_table-layout-fixed_wih1l_rg19l_156:not(#\9) {
156
+ .awsui_table-layout-fixed_wih1l_177zk_156:not(#\9) {
157
157
  table-layout: fixed;
158
158
  }
159
159
 
160
- .awsui_wrapper_wih1l_rg19l_160:not(#\9) {
160
+ .awsui_wrapper_wih1l_177zk_160:not(#\9) {
161
161
  position: relative;
162
162
  box-sizing: border-box;
163
163
  inline-size: 100%;
164
164
  overflow-x: auto;
165
165
  scrollbar-width: none; /* Hide scrollbar in Firefox */
166
166
  }
167
- .awsui_wrapper_wih1l_rg19l_160.awsui_variant-stacked_wih1l_rg19l_167 > .awsui_table_wih1l_rg19l_150:not(#\9), .awsui_wrapper_wih1l_rg19l_160.awsui_variant-stacked_wih1l_rg19l_167 > .awsui_wrapper-content-measure_wih1l_rg19l_167:not(#\9), .awsui_wrapper_wih1l_rg19l_160.awsui_variant-container_wih1l_rg19l_167 > .awsui_table_wih1l_rg19l_150:not(#\9), .awsui_wrapper_wih1l_rg19l_160.awsui_variant-container_wih1l_rg19l_167 > .awsui_wrapper-content-measure_wih1l_rg19l_167:not(#\9) {
167
+ .awsui_wrapper_wih1l_177zk_160.awsui_variant-stacked_wih1l_177zk_167 > .awsui_table_wih1l_177zk_150:not(#\9), .awsui_wrapper_wih1l_177zk_160.awsui_variant-stacked_wih1l_177zk_167 > .awsui_wrapper-content-measure_wih1l_177zk_167:not(#\9), .awsui_wrapper_wih1l_177zk_160.awsui_variant-container_wih1l_177zk_167 > .awsui_table_wih1l_177zk_150:not(#\9), .awsui_wrapper_wih1l_177zk_160.awsui_variant-container_wih1l_177zk_167 > .awsui_wrapper-content-measure_wih1l_177zk_167:not(#\9) {
168
168
  padding-inline: var(--space-table-horizontal-8davlm, 20px);
169
169
  }
170
- .awsui_wrapper_wih1l_rg19l_160.awsui_variant-container_wih1l_rg19l_167:not(#\9):not(.awsui_has-footer_wih1l_rg19l_170) {
170
+ .awsui_wrapper_wih1l_177zk_160.awsui_variant-container_wih1l_177zk_167:not(#\9):not(.awsui_has-footer_wih1l_177zk_170) {
171
171
  padding-block-end: var(--space-table-content-bottom-9yr834, 4px);
172
172
  }
173
- .awsui_wrapper_wih1l_rg19l_160:not(#\9):not(.awsui_has-header_wih1l_rg19l_173) {
173
+ .awsui_wrapper_wih1l_177zk_160:not(#\9):not(.awsui_has-header_wih1l_177zk_173) {
174
174
  border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
175
175
  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
176
176
  }
177
- .awsui_wrapper_wih1l_rg19l_160:not(#\9)::-webkit-scrollbar {
177
+ .awsui_wrapper_wih1l_177zk_160:not(#\9)::-webkit-scrollbar {
178
178
  display: none; /* Hide scrollbar in Safari and Chrome */
179
179
  }
180
- body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_rg19l_160:not(#\9):focus {
180
+ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_177zk_160:not(#\9):focus {
181
181
  outline: 2px dotted transparent;
182
182
  outline-offset: 2px;
183
183
  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -187,19 +187,19 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_rg19l_160:not(#\9):focu
187
187
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
188
188
  }
189
189
 
190
- .awsui_cell-merged_wih1l_rg19l_190:not(#\9) {
190
+ .awsui_cell-merged_wih1l_177zk_190:not(#\9) {
191
191
  text-align: center;
192
192
  padding-block: 0;
193
193
  padding-inline: 0;
194
194
  }
195
- .awsui_cell-merged_wih1l_rg19l_190.awsui_has-footer_wih1l_rg19l_170:not(#\9) {
195
+ .awsui_cell-merged_wih1l_177zk_190.awsui_has-footer_wih1l_177zk_170:not(#\9) {
196
196
  /*
197
197
  Add a bottom border to the body cell of an empty table as a separator between the
198
198
  table and the footer
199
199
  */
200
200
  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
201
201
  }
202
- .awsui_cell-merged-content_wih1l_rg19l_202:not(#\9) {
202
+ .awsui_cell-merged-content_wih1l_177zk_202:not(#\9) {
203
203
  box-sizing: border-box;
204
204
  inline-size: 100%;
205
205
  padding-block-start: var(--space-scaled-m-mo5yse, 16px);
@@ -207,7 +207,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_rg19l_160:not(#\9):focu
207
207
  padding-inline: var(--space-l-t419sm, 20px);
208
208
  }
209
209
  @supports (position: sticky) {
210
- .awsui_cell-merged-content_wih1l_rg19l_202:not(#\9) {
210
+ .awsui_cell-merged-content_wih1l_177zk_202:not(#\9) {
211
211
  position: sticky;
212
212
  inset-inline-start: 0;
213
213
  margin-block: 0;
@@ -215,11 +215,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_rg19l_160:not(#\9):focu
215
215
  }
216
216
  }
217
217
 
218
- .awsui_empty_wih1l_rg19l_218:not(#\9) {
218
+ .awsui_empty_wih1l_177zk_218:not(#\9) {
219
219
  color: var(--color-text-empty-2wfcyr, #5f6b7a);
220
220
  }
221
221
 
222
- .awsui_loading_wih1l_rg19l_222:not(#\9) {
222
+ .awsui_loading_wih1l_177zk_222:not(#\9) {
223
223
  /* used in test-utils */
224
224
  }
225
225
 
@@ -228,20 +228,20 @@ The min/max/width token values in Visual Refresh should align
228
228
  the table header and body cells selection control with the table
229
229
  filter search icon.
230
230
  */
231
- .awsui_selection-control_wih1l_rg19l_231:not(#\9) {
231
+ .awsui_selection-control_wih1l_177zk_231:not(#\9) {
232
232
  box-sizing: border-box;
233
233
  max-inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
234
234
  min-inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
235
235
  position: relative;
236
236
  inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
237
237
  }
238
- .awsui_selection-control_wih1l_rg19l_231.awsui_selection-control-header_wih1l_rg19l_238:not(#\9) {
238
+ .awsui_selection-control_wih1l_177zk_231.awsui_selection-control-header_wih1l_177zk_238:not(#\9) {
239
239
  padding-block: var(--space-scaled-xs-26e2du, 8px);
240
240
  padding-inline: var(--space-scaled-l-0hpmd7, 20px);
241
241
  border-inline-start: var(--border-item-width-yel47s, 2px) solid transparent;
242
242
  }
243
243
 
244
- .awsui_header-secondary_wih1l_rg19l_244:not(#\9) {
244
+ .awsui_header-secondary_wih1l_177zk_244:not(#\9) {
245
245
  overflow: auto;
246
246
  -ms-overflow-style: none; /* Internet Explorer 10+ */
247
247
  scrollbar-width: none; /* Firefox */
@@ -253,42 +253,46 @@ filter search icon.
253
253
  border-end-end-radius: 0;
254
254
  background: var(--color-background-table-header-82ew8p, #ffffff);
255
255
  }
256
- .awsui_header-secondary_wih1l_rg19l_244.awsui_variant-full-page_wih1l_rg19l_256:not(#\9) {
256
+ .awsui_header-secondary_wih1l_177zk_244.awsui_variant-full-page_wih1l_177zk_256:not(#\9) {
257
257
  background: var(--color-background-layout-main-nx09lr, #ffffff);
258
258
  }
259
- .awsui_header-secondary_wih1l_rg19l_244.awsui_variant-stacked_wih1l_rg19l_167 > .awsui_table_wih1l_rg19l_150:not(#\9), .awsui_header-secondary_wih1l_rg19l_244.awsui_variant-container_wih1l_rg19l_167 > .awsui_table_wih1l_rg19l_150:not(#\9) {
259
+ .awsui_header-secondary_wih1l_177zk_244.awsui_variant-stacked_wih1l_177zk_167 > .awsui_table_wih1l_177zk_150:not(#\9), .awsui_header-secondary_wih1l_177zk_244.awsui_variant-container_wih1l_177zk_167 > .awsui_table_wih1l_177zk_150:not(#\9) {
260
260
  padding-inline: var(--space-table-horizontal-8davlm, 20px);
261
261
  }
262
- .awsui_header-secondary_wih1l_rg19l_244:not(#\9)::-webkit-scrollbar {
262
+ .awsui_header-secondary_wih1l_177zk_244.awsui_variant-stacked_wih1l_177zk_167:not(#\9):not(.awsui_table-has-header_wih1l_177zk_262), .awsui_header-secondary_wih1l_177zk_244.awsui_variant-container_wih1l_177zk_167:not(#\9):not(.awsui_table-has-header_wih1l_177zk_262) {
263
+ border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
264
+ border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
265
+ }
266
+ .awsui_header-secondary_wih1l_177zk_244:not(#\9)::-webkit-scrollbar {
263
267
  display: none; /* Safari and Chrome */
264
268
  }
265
- .awsui_header-secondary_wih1l_rg19l_244.awsui_table-has-header_wih1l_rg19l_265:not(#\9) {
269
+ .awsui_header-secondary_wih1l_177zk_244.awsui_table-has-header_wih1l_177zk_262:not(#\9) {
266
270
  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-divider-p2uygo, transparent);
267
271
  }
268
272
 
269
- .awsui_header-controls_wih1l_rg19l_269:not(#\9) {
273
+ .awsui_header-controls_wih1l_177zk_273:not(#\9) {
270
274
  padding-block: var(--space-container-header-top-5qav00, 12px) var(--space-container-header-bottom-vj01hn, 8px);
271
275
  }
272
- .awsui_header-controls_wih1l_rg19l_269.awsui_variant-full-page_wih1l_rg19l_256:not(#\9) {
276
+ .awsui_header-controls_wih1l_177zk_273.awsui_variant-full-page_wih1l_177zk_256:not(#\9) {
273
277
  padding-block: 0 calc(var(--space-container-header-bottom-vj01hn, 8px) + var(--space-table-header-tools-full-page-bottom-xulfq9, 4px));
274
278
  }
275
- .awsui_header-controls_wih1l_rg19l_269.awsui_variant-stacked_wih1l_rg19l_167:not(#\9), .awsui_header-controls_wih1l_rg19l_269.awsui_variant-container_wih1l_rg19l_167:not(#\9) {
279
+ .awsui_header-controls_wih1l_177zk_273.awsui_variant-stacked_wih1l_177zk_167:not(#\9), .awsui_header-controls_wih1l_177zk_273.awsui_variant-container_wih1l_177zk_167:not(#\9) {
276
280
  padding-inline: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-table-header-horizontal-wl3ykr, 0px));
277
281
  }
278
- .awsui_header-controls_wih1l_rg19l_269.awsui_variant-embedded_wih1l_rg19l_278:not(#\9), .awsui_header-controls_wih1l_rg19l_269.awsui_variant-borderless_wih1l_rg19l_278:not(#\9) {
282
+ .awsui_header-controls_wih1l_177zk_273.awsui_variant-embedded_wih1l_177zk_282:not(#\9), .awsui_header-controls_wih1l_177zk_273.awsui_variant-borderless_wih1l_177zk_282:not(#\9) {
279
283
  padding-inline: var(--space-table-header-horizontal-wl3ykr, 0px);
280
284
  padding-block-start: var(--space-table-embedded-header-top-bfjeam, 0px);
281
285
  }
282
286
 
283
- .awsui_footer-wrapper_wih1l_rg19l_283.awsui_variant-stacked_wih1l_rg19l_167:not(#\9), .awsui_footer-wrapper_wih1l_rg19l_283.awsui_variant-container_wih1l_rg19l_167:not(#\9) {
287
+ .awsui_footer-wrapper_wih1l_177zk_287.awsui_variant-stacked_wih1l_177zk_167:not(#\9), .awsui_footer-wrapper_wih1l_177zk_287.awsui_variant-container_wih1l_177zk_167:not(#\9) {
284
288
  padding-inline: var(--space-table-horizontal-8davlm, 20px);
285
289
  }
286
290
 
287
- .awsui_footer_wih1l_rg19l_283:not(#\9) {
291
+ .awsui_footer_wih1l_177zk_287:not(#\9) {
288
292
  padding-block: var(--space-scaled-s-aqzyko, 12px);
289
293
  padding-inline: var(--space-table-footer-horizontal-ptapb9, 0px);
290
294
  }
291
- .awsui_footer-with-pagination_wih1l_rg19l_291:not(#\9) {
295
+ .awsui_footer-with-pagination_wih1l_177zk_295:not(#\9) {
292
296
  display: flex;
293
297
  flex-direction: row;
294
298
  justify-content: space-between;
@@ -296,12 +300,12 @@ filter search icon.
296
300
  flex-wrap: wrap;
297
301
  gap: var(--space-scaled-s-aqzyko, 12px);
298
302
  }
299
- .awsui_footer-pagination_wih1l_rg19l_299:not(#\9) {
303
+ .awsui_footer-pagination_wih1l_177zk_303:not(#\9) {
300
304
  margin-inline-start: auto;
301
305
  }
302
306
 
303
- .awsui_thead-active_wih1l_rg19l_303:not(#\9),
304
- .awsui_row_wih1l_rg19l_304:not(#\9),
305
- .awsui_row-selected_wih1l_rg19l_305:not(#\9) {
307
+ .awsui_thead-active_wih1l_177zk_307:not(#\9),
308
+ .awsui_row_wih1l_177zk_308:not(#\9),
309
+ .awsui_row-selected_wih1l_177zk_309:not(#\9) {
306
310
  /* used in test-utils */
307
311
  }
package/table/styles.selectors.js CHANGED
@@ -2,39 +2,39 @@
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_wih1l_rg19l_101",
6
- "tools": "awsui_tools_wih1l_rg19l_112",
7
- "tools-filtering": "awsui_tools-filtering_wih1l_rg19l_120",
8
- "tools-align-right": "awsui_tools-align-right_wih1l_rg19l_134",
9
- "tools-pagination": "awsui_tools-pagination_wih1l_rg19l_138",
10
- "tools-preferences": "awsui_tools-preferences_wih1l_rg19l_138",
11
- "tools-small": "awsui_tools-small_wih1l_rg19l_144",
12
- "table": "awsui_table_wih1l_rg19l_150",
13
- "table-layout-fixed": "awsui_table-layout-fixed_wih1l_rg19l_156",
14
- "wrapper": "awsui_wrapper_wih1l_rg19l_160",
15
- "variant-stacked": "awsui_variant-stacked_wih1l_rg19l_167",
16
- "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_rg19l_167",
17
- "variant-container": "awsui_variant-container_wih1l_rg19l_167",
18
- "has-footer": "awsui_has-footer_wih1l_rg19l_170",
19
- "has-header": "awsui_has-header_wih1l_rg19l_173",
20
- "cell-merged": "awsui_cell-merged_wih1l_rg19l_190",
21
- "cell-merged-content": "awsui_cell-merged-content_wih1l_rg19l_202",
22
- "empty": "awsui_empty_wih1l_rg19l_218",
23
- "loading": "awsui_loading_wih1l_rg19l_222",
24
- "selection-control": "awsui_selection-control_wih1l_rg19l_231",
25
- "selection-control-header": "awsui_selection-control-header_wih1l_rg19l_238",
26
- "header-secondary": "awsui_header-secondary_wih1l_rg19l_244",
27
- "variant-full-page": "awsui_variant-full-page_wih1l_rg19l_256",
28
- "table-has-header": "awsui_table-has-header_wih1l_rg19l_265",
29
- "header-controls": "awsui_header-controls_wih1l_rg19l_269",
30
- "variant-embedded": "awsui_variant-embedded_wih1l_rg19l_278",
31
- "variant-borderless": "awsui_variant-borderless_wih1l_rg19l_278",
32
- "footer-wrapper": "awsui_footer-wrapper_wih1l_rg19l_283",
33
- "footer": "awsui_footer_wih1l_rg19l_283",
34
- "footer-with-pagination": "awsui_footer-with-pagination_wih1l_rg19l_291",
35
- "footer-pagination": "awsui_footer-pagination_wih1l_rg19l_299",
36
- "thead-active": "awsui_thead-active_wih1l_rg19l_303",
37
- "row": "awsui_row_wih1l_rg19l_304",
38
- "row-selected": "awsui_row-selected_wih1l_rg19l_305"
5
+ "root": "awsui_root_wih1l_177zk_101",
6
+ "tools": "awsui_tools_wih1l_177zk_112",
7
+ "tools-filtering": "awsui_tools-filtering_wih1l_177zk_120",
8
+ "tools-align-right": "awsui_tools-align-right_wih1l_177zk_134",
9
+ "tools-pagination": "awsui_tools-pagination_wih1l_177zk_138",
10
+ "tools-preferences": "awsui_tools-preferences_wih1l_177zk_138",
11
+ "tools-small": "awsui_tools-small_wih1l_177zk_144",
12
+ "table": "awsui_table_wih1l_177zk_150",
13
+ "table-layout-fixed": "awsui_table-layout-fixed_wih1l_177zk_156",
14
+ "wrapper": "awsui_wrapper_wih1l_177zk_160",
15
+ "variant-stacked": "awsui_variant-stacked_wih1l_177zk_167",
16
+ "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_177zk_167",
17
+ "variant-container": "awsui_variant-container_wih1l_177zk_167",
18
+ "has-footer": "awsui_has-footer_wih1l_177zk_170",
19
+ "has-header": "awsui_has-header_wih1l_177zk_173",
20
+ "cell-merged": "awsui_cell-merged_wih1l_177zk_190",
21
+ "cell-merged-content": "awsui_cell-merged-content_wih1l_177zk_202",
22
+ "empty": "awsui_empty_wih1l_177zk_218",
23
+ "loading": "awsui_loading_wih1l_177zk_222",
24
+ "selection-control": "awsui_selection-control_wih1l_177zk_231",
25
+ "selection-control-header": "awsui_selection-control-header_wih1l_177zk_238",
26
+ "header-secondary": "awsui_header-secondary_wih1l_177zk_244",
27
+ "variant-full-page": "awsui_variant-full-page_wih1l_177zk_256",
28
+ "table-has-header": "awsui_table-has-header_wih1l_177zk_262",
29
+ "header-controls": "awsui_header-controls_wih1l_177zk_273",
30
+ "variant-embedded": "awsui_variant-embedded_wih1l_177zk_282",
31
+ "variant-borderless": "awsui_variant-borderless_wih1l_177zk_282",
32
+ "footer-wrapper": "awsui_footer-wrapper_wih1l_177zk_287",
33
+ "footer": "awsui_footer_wih1l_177zk_287",
34
+ "footer-with-pagination": "awsui_footer-with-pagination_wih1l_177zk_295",
35
+ "footer-pagination": "awsui_footer-pagination_wih1l_177zk_303",
36
+ "thead-active": "awsui_thead-active_wih1l_177zk_307",
37
+ "row": "awsui_row_wih1l_177zk_308",
38
+ "row-selected": "awsui_row-selected_wih1l_177zk_309"
39
39
  };
40
40
 
package/tiles/index.js CHANGED
@@ -11,7 +11,7 @@ const Tiles = React.forwardRef((props, ref) => {
11
11
  });
12
12
  const componentAnalyticsMetadata = {
13
13
  name: 'awsui.Tiles',
14
- label: '',
14
+ label: { root: 'self' },
15
15
  };
16
16
  return (React.createElement(InternalTiles, Object.assign({ ref: ref }, props, baseComponentProps, getAnalyticsMetadataAttribute({
17
17
  component: componentAnalyticsMetadata,
package/tiles/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tiles/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,aAAa,MAAM,YAAY,CAAC;AAIvC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAA8B,EAAE,EAAE;IACnF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;KAClC,CAAC,CAAC;IACH,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE;KACV,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,kBACZ,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,kBAAkB,EAClB,6BAA6B,CAAC;QAChC,SAAS,EAAE,0BAA0B;KACtC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataTilesComponent } from './analytics-metadata/interfaces';\nimport { TilesProps } from './interfaces';\nimport InternalTiles from './internal';\n\nexport { TilesProps };\n\nconst Tiles = React.forwardRef((props: TilesProps, ref: React.Ref<TilesProps.Ref>) => {\n const baseComponentProps = useBaseComponent('Tiles', {\n props: { columns: props.columns },\n });\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTilesComponent = {\n name: 'awsui.Tiles',\n label: '',\n };\n return (\n <InternalTiles\n ref={ref}\n {...props}\n {...baseComponentProps}\n {...getAnalyticsMetadataAttribute({\n component: componentAnalyticsMetadata,\n })}\n />\n );\n});\n\napplyDisplayName(Tiles, 'Tiles');\nexport default Tiles;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tiles/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,aAAa,MAAM,YAAY,CAAC;AAIvC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAA8B,EAAE,EAAE;IACnF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;KAClC,CAAC,CAAC;IACH,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KACxB,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,kBACZ,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,kBAAkB,EAClB,6BAA6B,CAAC;QAChC,SAAS,EAAE,0BAA0B;KACtC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataTilesComponent } from './analytics-metadata/interfaces';\nimport { TilesProps } from './interfaces';\nimport InternalTiles from './internal';\n\nexport { TilesProps };\n\nconst Tiles = React.forwardRef((props: TilesProps, ref: React.Ref<TilesProps.Ref>) => {\n const baseComponentProps = useBaseComponent('Tiles', {\n props: { columns: props.columns },\n });\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTilesComponent = {\n name: 'awsui.Tiles',\n label: { root: 'self' },\n };\n return (\n <InternalTiles\n ref={ref}\n {...props}\n {...baseComponentProps}\n {...getAnalyticsMetadataAttribute({\n component: componentAnalyticsMetadata,\n })}\n />\n );\n});\n\napplyDisplayName(Tiles, 'Tiles');\nexport default Tiles;\n"]}