@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
@@ -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_1mabk_88cfg_93:not(#\9) {
93
+ .awsui_root_1mabk_18htc_93:not(#\9) {
94
94
  border-collapse: separate;
95
95
  border-spacing: 0;
96
96
  box-sizing: border-box;
@@ -127,19 +127,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
127
127
  display: block;
128
128
  }
129
129
 
130
- .awsui_radio_1mabk_88cfg_129:not(#\9) {
130
+ .awsui_radio_1mabk_18htc_129:not(#\9) {
131
131
  /*used in test-utils*/
132
132
  }
133
133
 
134
- .awsui_radio_1mabk_88cfg_129 + .awsui_radio_1mabk_88cfg_129:not(#\9) {
135
- margin-top: var(--space-scaled-xxs-7597g1, 4px);
134
+ .awsui_radio_1mabk_18htc_129 + .awsui_radio_1mabk_18htc_129:not(#\9) {
135
+ margin-block-start: var(--space-scaled-xxs-7597g1, 4px);
136
136
  }
137
137
 
138
- .awsui_radio--has-description_1mabk_88cfg_137 + .awsui_radio_1mabk_88cfg_129:not(#\9) {
139
- margin-top: var(--space-scaled-xs-26e2du, 8px);
138
+ .awsui_radio--has-description_1mabk_18htc_137 + .awsui_radio_1mabk_18htc_129:not(#\9) {
139
+ margin-block-start: var(--space-scaled-xs-26e2du, 8px);
140
140
  }
141
141
 
142
- .awsui_radio-control_1mabk_88cfg_141:not(#\9) {
142
+ .awsui_radio-control_1mabk_18htc_141:not(#\9) {
143
143
  margin-top: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-control-28i7hr, 16px)) / 2);
144
144
  min-height: var(--size-control-28i7hr, 16px);
145
145
  min-width: var(--size-control-28i7hr, 16px);
@@ -147,14 +147,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
147
147
  width: var(--size-control-28i7hr, 16px);
148
148
  }
149
149
 
150
- .awsui_outline_1mabk_88cfg_149:not(#\9) {
150
+ .awsui_outline_1mabk_18htc_149:not(#\9) {
151
151
  position: relative;
152
152
  }
153
- .awsui_outline_1mabk_88cfg_149:not(#\9) {
153
+ .awsui_outline_1mabk_18htc_149:not(#\9) {
154
154
  outline: 2px dotted transparent;
155
155
  outline-offset: calc(2px - 1px);
156
156
  }
157
- .awsui_outline_1mabk_88cfg_149:not(#\9)::before {
157
+ .awsui_outline_1mabk_18htc_149:not(#\9)::before {
158
158
  content: " ";
159
159
  display: block;
160
160
  position: absolute;
@@ -166,35 +166,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
166
166
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
167
167
  }
168
168
 
169
- .awsui_styled-circle-border_1mabk_88cfg_168:not(#\9) {
169
+ .awsui_styled-circle-border_1mabk_18htc_168:not(#\9) {
170
170
  stroke: var(--color-border-control-default-0fzxw0, #7d8998);
171
171
  fill: var(--color-background-control-default-qzruqy, #ffffff);
172
172
  }
173
- .awsui_styled-circle-border_1mabk_88cfg_168.awsui_styled-circle-disabled_1mabk_88cfg_172:not(#\9) {
173
+ .awsui_styled-circle-border_1mabk_18htc_168.awsui_styled-circle-disabled_1mabk_18htc_172:not(#\9) {
174
174
  fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
175
175
  stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
176
176
  }
177
177
 
178
- .awsui_styled-circle-fill_1mabk_88cfg_177:not(#\9) {
178
+ .awsui_styled-circle-fill_1mabk_18htc_177:not(#\9) {
179
179
  stroke: var(--color-background-control-checked-w517i0, #0972d3);
180
180
  fill: var(--color-foreground-control-default-wq2gpa, #ffffff);
181
181
  opacity: 0;
182
182
  transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
183
183
  }
184
- .awsui_styled-circle-fill_1mabk_88cfg_177.awsui_styled-circle-checked_1mabk_88cfg_183:not(#\9) {
184
+ .awsui_styled-circle-fill_1mabk_18htc_177.awsui_styled-circle-checked_1mabk_18htc_183:not(#\9) {
185
185
  opacity: 1;
186
186
  }
187
- .awsui_styled-circle-fill_1mabk_88cfg_177.awsui_styled-circle-disabled_1mabk_88cfg_172:not(#\9) {
187
+ .awsui_styled-circle-fill_1mabk_18htc_177.awsui_styled-circle-disabled_1mabk_18htc_172:not(#\9) {
188
188
  fill: var(--color-foreground-control-disabled-zmz2k2, #ffffff);
189
189
  stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
190
190
  }
191
191
  @media (prefers-reduced-motion: reduce) {
192
- .awsui_styled-circle-fill_1mabk_88cfg_177:not(#\9) {
192
+ .awsui_styled-circle-fill_1mabk_18htc_177:not(#\9) {
193
193
  animation: none;
194
194
  transition: none;
195
195
  }
196
196
  }
197
- .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_88cfg_177:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_88cfg_177:not(#\9) {
197
+ .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_18htc_177:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_18htc_177:not(#\9) {
198
198
  animation: none;
199
199
  transition: none;
200
200
  }
@@ -2,14 +2,14 @@
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_1mabk_88cfg_93",
6
- "radio": "awsui_radio_1mabk_88cfg_129",
7
- "radio--has-description": "awsui_radio--has-description_1mabk_88cfg_137",
8
- "radio-control": "awsui_radio-control_1mabk_88cfg_141",
9
- "outline": "awsui_outline_1mabk_88cfg_149",
10
- "styled-circle-border": "awsui_styled-circle-border_1mabk_88cfg_168",
11
- "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_88cfg_172",
12
- "styled-circle-fill": "awsui_styled-circle-fill_1mabk_88cfg_177",
13
- "styled-circle-checked": "awsui_styled-circle-checked_1mabk_88cfg_183"
5
+ "root": "awsui_root_1mabk_18htc_93",
6
+ "radio": "awsui_radio_1mabk_18htc_129",
7
+ "radio--has-description": "awsui_radio--has-description_1mabk_18htc_137",
8
+ "radio-control": "awsui_radio-control_1mabk_18htc_141",
9
+ "outline": "awsui_outline_1mabk_18htc_149",
10
+ "styled-circle-border": "awsui_styled-circle-border_1mabk_18htc_168",
11
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_18htc_172",
12
+ "styled-circle-fill": "awsui_styled-circle-fill_1mabk_18htc_177",
13
+ "styled-circle-checked": "awsui_styled-circle-checked_1mabk_18htc_183"
14
14
  };
15
15
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1vtzr_1s1g2_9",
5
- "view-button": "awsui_view-button_1vtzr_1s1g2_13",
6
- "browse-button": "awsui_browse-button_1vtzr_1s1g2_17",
7
- "layout": "awsui_layout_1vtzr_1s1g2_21",
8
- "layout-uri": "awsui_layout-uri_1vtzr_1s1g2_31",
9
- "layout-version": "awsui_layout-version_1vtzr_1s1g2_35",
10
- "layout-divider": "awsui_layout-divider_1vtzr_1s1g2_40"
4
+ "root": "awsui_root_1vtzr_19vlz_9",
5
+ "view-button": "awsui_view-button_1vtzr_19vlz_13",
6
+ "browse-button": "awsui_browse-button_1vtzr_19vlz_17",
7
+ "layout": "awsui_layout_1vtzr_19vlz_21",
8
+ "layout-uri": "awsui_layout-uri_1vtzr_19vlz_33",
9
+ "layout-version": "awsui_layout-version_1vtzr_19vlz_37",
10
+ "layout-divider": "awsui_layout-divider_1vtzr_19vlz_42"
11
11
  };
12
12
 
@@ -6,40 +6,42 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_root_1vtzr_1s1g2_9:not(#\9) {
9
+ .awsui_root_1vtzr_19vlz_9:not(#\9) {
10
10
  /* used in test-utils */
11
11
  }
12
12
 
13
- .awsui_view-button_1vtzr_1s1g2_13:not(#\9) {
13
+ .awsui_view-button_1vtzr_19vlz_13:not(#\9) {
14
14
  /* used in test-utils */
15
15
  }
16
16
 
17
- .awsui_browse-button_1vtzr_1s1g2_17:not(#\9) {
17
+ .awsui_browse-button_1vtzr_19vlz_17:not(#\9) {
18
18
  /* used in test-utils */
19
19
  }
20
20
 
21
- .awsui_layout_1vtzr_1s1g2_21:not(#\9) {
21
+ .awsui_layout_1vtzr_19vlz_21:not(#\9) {
22
22
  display: flex;
23
23
  flex-wrap: wrap;
24
24
  align-items: flex-end;
25
- margin: calc(-1 * var(--space-xs-zb16t3, 8px));
25
+ margin-block: calc(-1 * var(--space-xs-zb16t3, 8px));
26
+ margin-inline: calc(-1 * var(--space-xs-zb16t3, 8px));
26
27
  /* stylelint-disable selector-max-universal */
27
28
  }
28
- .awsui_layout_1vtzr_1s1g2_21 > *:not(#\9) {
29
- margin: var(--space-xs-zb16t3, 8px);
29
+ .awsui_layout_1vtzr_19vlz_21 > *:not(#\9) {
30
+ margin-block: var(--space-xs-zb16t3, 8px);
31
+ margin-inline: var(--space-xs-zb16t3, 8px);
30
32
  }
31
- .awsui_layout-uri_1vtzr_1s1g2_31:not(#\9) {
32
- min-width: 200px;
33
+ .awsui_layout-uri_1vtzr_19vlz_33:not(#\9) {
34
+ min-inline-size: 200px;
33
35
  flex: 1;
34
36
  }
35
- .awsui_layout-version_1vtzr_1s1g2_35:not(#\9) {
36
- max-width: 180px;
37
- min-width: 140px;
38
- width: 20%;
37
+ .awsui_layout-version_1vtzr_19vlz_37:not(#\9) {
38
+ max-inline-size: 180px;
39
+ min-inline-size: 140px;
40
+ inline-size: 20%;
39
41
  }
40
- .awsui_layout-divider_1vtzr_1s1g2_40:not(#\9) {
41
- height: calc(
42
+ .awsui_layout-divider_1vtzr_19vlz_42:not(#\9) {
43
+ block-size: calc(
42
44
  2 * var(--border-divider-section-width-1061zr, 1px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + var(--line-height-body-m-30ar75, 20px)
43
45
  );
44
- border-left: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
46
+ border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
45
47
  }
@@ -2,12 +2,12 @@
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_1vtzr_1s1g2_9",
6
- "view-button": "awsui_view-button_1vtzr_1s1g2_13",
7
- "browse-button": "awsui_browse-button_1vtzr_1s1g2_17",
8
- "layout": "awsui_layout_1vtzr_1s1g2_21",
9
- "layout-uri": "awsui_layout-uri_1vtzr_1s1g2_31",
10
- "layout-version": "awsui_layout-version_1vtzr_1s1g2_35",
11
- "layout-divider": "awsui_layout-divider_1vtzr_1s1g2_40"
5
+ "root": "awsui_root_1vtzr_19vlz_9",
6
+ "view-button": "awsui_view-button_1vtzr_19vlz_13",
7
+ "browse-button": "awsui_browse-button_1vtzr_19vlz_17",
8
+ "layout": "awsui_layout_1vtzr_19vlz_21",
9
+ "layout-uri": "awsui_layout-uri_1vtzr_19vlz_33",
10
+ "layout-version": "awsui_layout-version_1vtzr_19vlz_37",
11
+ "layout-divider": "awsui_layout-divider_1vtzr_19vlz_42"
12
12
  };
13
13
 
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_1djwl_97",
5
- "disabled": "awsui_disabled_8cbea_1djwl_166",
6
- "selected": "awsui_selected_8cbea_1djwl_174",
7
- "icon": "awsui_icon_8cbea_1djwl_195",
8
- "with-text": "awsui_with-text_8cbea_1djwl_199",
9
- "with-no-text": "awsui_with-no-text_8cbea_1djwl_205",
10
- "root": "awsui_root_8cbea_1djwl_216",
11
- "segment-part": "awsui_segment-part_8cbea_1djwl_251",
12
- "select": "awsui_select_8cbea_1djwl_174",
13
- "segment-count-2": "awsui_segment-count-2_8cbea_1djwl_270",
14
- "segment-count-3": "awsui_segment-count-3_8cbea_1djwl_275",
15
- "segment-count-4": "awsui_segment-count-4_8cbea_1djwl_280",
16
- "segment-count-5": "awsui_segment-count-5_8cbea_1djwl_285",
17
- "segment-count-6": "awsui_segment-count-6_8cbea_1djwl_290"
4
+ "segment": "awsui_segment_8cbea_7d5wh_97",
5
+ "disabled": "awsui_disabled_8cbea_7d5wh_174",
6
+ "selected": "awsui_selected_8cbea_7d5wh_182",
7
+ "icon": "awsui_icon_8cbea_7d5wh_203",
8
+ "with-text": "awsui_with-text_8cbea_7d5wh_207",
9
+ "with-no-text": "awsui_with-no-text_8cbea_7d5wh_213",
10
+ "root": "awsui_root_8cbea_7d5wh_222",
11
+ "segment-part": "awsui_segment-part_8cbea_7d5wh_257",
12
+ "select": "awsui_select_8cbea_7d5wh_182",
13
+ "segment-count-2": "awsui_segment-count-2_8cbea_7d5wh_276",
14
+ "segment-count-3": "awsui_segment-count-3_8cbea_7d5wh_281",
15
+ "segment-count-4": "awsui_segment-count-4_8cbea_7d5wh_286",
16
+ "segment-count-5": "awsui_segment-count-5_8cbea_7d5wh_291",
17
+ "segment-count-6": "awsui_segment-count-6_8cbea_7d5wh_296"
18
18
  };
19
19
 
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_segment_8cbea_1djwl_97:not(#\9) {
97
+ .awsui_segment_8cbea_7d5wh_97:not(#\9) {
98
98
  font-size: var(--font-size-body-m-x4okxb, 14px);
99
99
  line-height: var(--line-height-body-m-30ar75, 20px);
100
100
  word-wrap: break-word;
@@ -104,48 +104,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
104
104
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
105
105
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
106
106
  letter-spacing: 0.25px;
107
- border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-segment-default-a5zrkd, #414d5c);
108
- padding: var(--space-scaled-xxs-7597g1, 4px) var(--space-button-horizontal-8jxzea, 20px);
109
- border-right-width: 0;
107
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-segment-default-a5zrkd, #414d5c);
108
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-segment-default-a5zrkd, #414d5c);
109
+ padding-block: var(--space-scaled-xxs-7597g1, 4px);
110
+ padding-inline: var(--space-button-horizontal-8jxzea, 20px);
111
+ border-inline-end-width: 0;
110
112
  background: var(--color-background-segment-default-3arros, #ffffff);
111
113
  color: var(--color-text-segment-default-nncpby, #414d5c);
112
114
  overflow: visible;
113
115
  }
114
- .awsui_segment_8cbea_1djwl_97:not(#\9):focus {
116
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):focus {
115
117
  outline: none;
116
118
  }
117
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(1) {
119
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(1) {
118
120
  grid-column: 1;
119
121
  -ms-grid-column: 1;
120
122
  }
121
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(2) {
123
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(2) {
122
124
  grid-column: 2;
123
125
  -ms-grid-column: 2;
124
126
  }
125
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(3) {
127
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(3) {
126
128
  grid-column: 3;
127
129
  -ms-grid-column: 3;
128
130
  }
129
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(4) {
131
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(4) {
130
132
  grid-column: 4;
131
133
  -ms-grid-column: 4;
132
134
  }
133
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(5) {
135
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(5) {
134
136
  grid-column: 5;
135
137
  -ms-grid-column: 5;
136
138
  }
137
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(6) {
139
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(6) {
138
140
  grid-column: 6;
139
141
  -ms-grid-column: 6;
140
142
  }
141
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus {
143
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_7d5wh_97:not(#\9):focus {
142
144
  position: relative;
143
145
  }
144
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus {
146
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_7d5wh_97:not(#\9):focus {
145
147
  outline: 2px dotted transparent;
146
148
  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-gbye20, 4px) - 1px);
147
149
  }
148
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus::before {
150
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_7d5wh_97:not(#\9):focus::before {
149
151
  content: " ";
150
152
  display: block;
151
153
  position: absolute;
@@ -156,64 +158,68 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus
156
158
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
157
159
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
158
160
  }
159
- .awsui_segment_8cbea_1djwl_97:not(#\9):last-child {
160
- border-right-width: var(--border-field-width-09w7vk, 2px);
161
- border-radius: 0 var(--border-radius-button-ypmfry, 20px) var(--border-radius-button-ypmfry, 20px) 0;
161
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):last-child {
162
+ border-inline-end-width: var(--border-field-width-09w7vk, 2px);
163
+ border-start-start-radius: 0;
164
+ border-start-end-radius: var(--border-radius-button-ypmfry, 20px);
165
+ border-end-start-radius: 0;
166
+ border-end-end-radius: var(--border-radius-button-ypmfry, 20px);
162
167
  }
163
- .awsui_segment_8cbea_1djwl_97:not(#\9):first-child {
164
- border-radius: var(--border-radius-button-ypmfry, 20px) 0 0 var(--border-radius-button-ypmfry, 20px);
168
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):first-child {
169
+ border-start-start-radius: var(--border-radius-button-ypmfry, 20px);
170
+ border-start-end-radius: 0;
171
+ border-end-start-radius: var(--border-radius-button-ypmfry, 20px);
172
+ border-end-end-radius: 0;
165
173
  }
166
- .awsui_segment_8cbea_1djwl_97.awsui_disabled_8cbea_1djwl_166:not(#\9) {
174
+ .awsui_segment_8cbea_7d5wh_97.awsui_disabled_8cbea_7d5wh_174:not(#\9) {
167
175
  background: var(--color-background-segment-disabled-o4y9v5, #ffffff);
168
176
  border-color: var(--color-border-segment-disabled-ylnixy, #414d5c);
169
177
  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
170
178
  }
171
- .awsui_segment_8cbea_1djwl_97:not(#\9):not(.awsui_disabled_8cbea_1djwl_166) + .awsui_segment_8cbea_1djwl_97.awsui_disabled_8cbea_1djwl_166 {
172
- border-left-color: var(--color-border-segment-default-a5zrkd, #414d5c);
179
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):not(.awsui_disabled_8cbea_7d5wh_174) + .awsui_segment_8cbea_7d5wh_97.awsui_disabled_8cbea_7d5wh_174 {
180
+ border-inline-start-color: var(--color-border-segment-default-a5zrkd, #414d5c);
173
181
  }
174
- .awsui_segment_8cbea_1djwl_97.awsui_selected_8cbea_1djwl_174:not(#\9) {
182
+ .awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182:not(#\9) {
175
183
  background: var(--color-background-segment-active-366806, #0972d3);
176
184
  border-color: var(--color-border-segment-active-9ah16u, #414d5c);
177
185
  color: var(--color-text-segment-active-6s77n9, #ffffff);
178
186
  }
179
- .awsui_segment_8cbea_1djwl_97.awsui_selected_8cbea_1djwl_174 + .awsui_segment_8cbea_1djwl_97:not(#\9), .awsui_segment_8cbea_1djwl_97.awsui_selected_8cbea_1djwl_174 + .awsui_segment_8cbea_1djwl_97.awsui_disabled_8cbea_1djwl_166:not(#\9) {
180
- border-left-color: var(--color-border-segment-active-9ah16u, #414d5c);
187
+ .awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182 + .awsui_segment_8cbea_7d5wh_97:not(#\9), .awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182 + .awsui_segment_8cbea_7d5wh_97.awsui_disabled_8cbea_7d5wh_174:not(#\9) {
188
+ border-inline-start-color: var(--color-border-segment-active-9ah16u, #414d5c);
181
189
  }
182
- .awsui_segment_8cbea_1djwl_97:not(#\9):hover:not(.awsui_selected_8cbea_1djwl_174):not(.awsui_disabled_8cbea_1djwl_166):not(:focus) {
190
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):hover:not(.awsui_selected_8cbea_7d5wh_182):not(.awsui_disabled_8cbea_7d5wh_174):not(:focus) {
183
191
  background: var(--color-background-segment-hover-jysoxv, #ffffff);
184
192
  color: var(--color-text-segment-hover-k5ujfk, #0972d3);
185
193
  border-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
186
194
  cursor: pointer;
187
195
  }
188
- .awsui_segment_8cbea_1djwl_97:not(#\9):hover:not(.awsui_selected_8cbea_1djwl_174):not(.awsui_disabled_8cbea_1djwl_166):not(:focus) + .awsui_segment_8cbea_1djwl_97:not(.awsui_selected_8cbea_1djwl_174) {
189
- border-left-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
196
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):hover:not(.awsui_selected_8cbea_7d5wh_182):not(.awsui_disabled_8cbea_7d5wh_174):not(:focus) + .awsui_segment_8cbea_7d5wh_97:not(.awsui_selected_8cbea_7d5wh_182) {
197
+ border-inline-start-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
190
198
  }
191
- .awsui_segment_8cbea_1djwl_97.awsui_selected_8cbea_1djwl_174 + .awsui_segment_8cbea_1djwl_97:not(#\9):hover:not(.awsui_selected_8cbea_1djwl_174):not(.awsui_disabled_8cbea_1djwl_166):not(:focus) {
192
- border-left-color: var(--color-border-segment-active-9ah16u, #414d5c);
199
+ .awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182 + .awsui_segment_8cbea_7d5wh_97:not(#\9):hover:not(.awsui_selected_8cbea_7d5wh_182):not(.awsui_disabled_8cbea_7d5wh_174):not(:focus) {
200
+ border-inline-start-color: var(--color-border-segment-active-9ah16u, #414d5c);
193
201
  }
194
202
 
195
- .awsui_icon_8cbea_1djwl_195:not(#\9) {
203
+ .awsui_icon_8cbea_7d5wh_203:not(#\9) {
196
204
  /* used in test-utils */
197
205
  }
198
206
 
199
- .awsui_with-text_8cbea_1djwl_199:not(#\9) {
207
+ .awsui_with-text_8cbea_7d5wh_207:not(#\9) {
200
208
  position: relative;
201
- left: calc(-1 * var(--space-xxs-p8yyaw, 4px));
202
- margin-right: var(--space-xxs-p8yyaw, 4px);
209
+ inset-inline-start: calc(-1 * var(--space-xxs-p8yyaw, 4px));
210
+ margin-inline-end: var(--space-xxs-p8yyaw, 4px);
203
211
  }
204
212
 
205
- .awsui_with-no-text_8cbea_1djwl_205:not(#\9) {
206
- margin-right: auto;
207
- margin-left: auto;
208
- right: 0;
209
- left: 0;
213
+ .awsui_with-no-text_8cbea_7d5wh_213:not(#\9) {
214
+ margin-inline: auto;
215
+ inset-inline: 0;
210
216
  }
211
217
 
212
218
  /*
213
219
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
214
220
  SPDX-License-Identifier: Apache-2.0
215
221
  */
216
- .awsui_root_8cbea_1djwl_216:not(#\9) {
222
+ .awsui_root_8cbea_7d5wh_222:not(#\9) {
217
223
  border-collapse: separate;
218
224
  border-spacing: 0;
219
225
  box-sizing: border-box;
@@ -249,40 +255,40 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus
249
255
  -moz-osx-font-smoothing: auto;
250
256
  }
251
257
 
252
- .awsui_segment-part_8cbea_1djwl_251:not(#\9) {
258
+ .awsui_segment-part_8cbea_7d5wh_257:not(#\9) {
253
259
  display: inline-grid;
254
260
  }
255
261
  @media (max-width: 688px) {
256
- .awsui_segment-part_8cbea_1djwl_251:not(#\9) {
262
+ .awsui_segment-part_8cbea_7d5wh_257:not(#\9) {
257
263
  display: none;
258
264
  }
259
265
  }
260
266
 
261
- .awsui_select_8cbea_1djwl_174:not(#\9) {
267
+ .awsui_select_8cbea_7d5wh_182:not(#\9) {
262
268
  display: none;
263
269
  }
264
270
  @media (max-width: 688px) {
265
- .awsui_select_8cbea_1djwl_174:not(#\9) {
271
+ .awsui_select_8cbea_7d5wh_182:not(#\9) {
266
272
  display: block;
267
273
  }
268
274
  }
269
275
 
270
- .awsui_segment-count-2_8cbea_1djwl_270:not(#\9) {
276
+ .awsui_segment-count-2_8cbea_7d5wh_276:not(#\9) {
271
277
  grid-template-columns: 1fr 1fr;
272
278
  }
273
279
 
274
- .awsui_segment-count-3_8cbea_1djwl_275:not(#\9) {
280
+ .awsui_segment-count-3_8cbea_7d5wh_281:not(#\9) {
275
281
  grid-template-columns: 1fr 1fr 1fr;
276
282
  }
277
283
 
278
- .awsui_segment-count-4_8cbea_1djwl_280:not(#\9) {
284
+ .awsui_segment-count-4_8cbea_7d5wh_286:not(#\9) {
279
285
  grid-template-columns: 1fr 1fr 1fr 1fr;
280
286
  }
281
287
 
282
- .awsui_segment-count-5_8cbea_1djwl_285:not(#\9) {
288
+ .awsui_segment-count-5_8cbea_7d5wh_291:not(#\9) {
283
289
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
284
290
  }
285
291
 
286
- .awsui_segment-count-6_8cbea_1djwl_290:not(#\9) {
292
+ .awsui_segment-count-6_8cbea_7d5wh_296:not(#\9) {
287
293
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
288
294
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "segment": "awsui_segment_8cbea_1djwl_97",
6
- "disabled": "awsui_disabled_8cbea_1djwl_166",
7
- "selected": "awsui_selected_8cbea_1djwl_174",
8
- "icon": "awsui_icon_8cbea_1djwl_195",
9
- "with-text": "awsui_with-text_8cbea_1djwl_199",
10
- "with-no-text": "awsui_with-no-text_8cbea_1djwl_205",
11
- "root": "awsui_root_8cbea_1djwl_216",
12
- "segment-part": "awsui_segment-part_8cbea_1djwl_251",
13
- "select": "awsui_select_8cbea_1djwl_174",
14
- "segment-count-2": "awsui_segment-count-2_8cbea_1djwl_270",
15
- "segment-count-3": "awsui_segment-count-3_8cbea_1djwl_275",
16
- "segment-count-4": "awsui_segment-count-4_8cbea_1djwl_280",
17
- "segment-count-5": "awsui_segment-count-5_8cbea_1djwl_285",
18
- "segment-count-6": "awsui_segment-count-6_8cbea_1djwl_290"
5
+ "segment": "awsui_segment_8cbea_7d5wh_97",
6
+ "disabled": "awsui_disabled_8cbea_7d5wh_174",
7
+ "selected": "awsui_selected_8cbea_7d5wh_182",
8
+ "icon": "awsui_icon_8cbea_7d5wh_203",
9
+ "with-text": "awsui_with-text_8cbea_7d5wh_207",
10
+ "with-no-text": "awsui_with-no-text_8cbea_7d5wh_213",
11
+ "root": "awsui_root_8cbea_7d5wh_222",
12
+ "segment-part": "awsui_segment-part_8cbea_7d5wh_257",
13
+ "select": "awsui_select_8cbea_7d5wh_182",
14
+ "segment-count-2": "awsui_segment-count-2_8cbea_7d5wh_276",
15
+ "segment-count-3": "awsui_segment-count-3_8cbea_7d5wh_281",
16
+ "segment-count-4": "awsui_segment-count-4_8cbea_7d5wh_286",
17
+ "segment-count-5": "awsui_segment-count-5_8cbea_7d5wh_291",
18
+ "segment-count-6": "awsui_segment-count-6_8cbea_7d5wh_296"
19
19
  };
20
20
 
@@ -1,21 +1,21 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "placeholder": "awsui_placeholder_dwuol_6f8sc_93",
5
- "item": "awsui_item_dwuol_6f8sc_98",
6
- "checkbox": "awsui_checkbox_dwuol_6f8sc_102",
7
- "filter": "awsui_filter_dwuol_6f8sc_111",
8
- "trigger": "awsui_trigger_dwuol_6f8sc_116",
9
- "layout-strut": "awsui_layout-strut_dwuol_6f8sc_122",
10
- "list-bottom": "awsui_list-bottom_dwuol_6f8sc_128",
11
- "selected-icon": "awsui_selected-icon_dwuol_6f8sc_132",
12
- "show-label-tag": "awsui_show-label-tag_dwuol_6f8sc_136",
13
- "inline-token-trigger": "awsui_inline-token-trigger_dwuol_6f8sc_140",
14
- "inline-token-list": "awsui_inline-token-list_dwuol_6f8sc_147",
15
- "inline-token": "awsui_inline-token_dwuol_6f8sc_140",
16
- "visual-refresh": "awsui_visual-refresh_dwuol_6f8sc_168",
17
- "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_6f8sc_172",
18
- "inline-token-counter": "awsui_inline-token-counter_dwuol_6f8sc_178",
19
- "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_6f8sc_182"
4
+ "placeholder": "awsui_placeholder_dwuol_1bcs9_93",
5
+ "item": "awsui_item_dwuol_1bcs9_98",
6
+ "checkbox": "awsui_checkbox_dwuol_1bcs9_102",
7
+ "filter": "awsui_filter_dwuol_1bcs9_111",
8
+ "trigger": "awsui_trigger_dwuol_1bcs9_116",
9
+ "layout-strut": "awsui_layout-strut_dwuol_1bcs9_122",
10
+ "list-bottom": "awsui_list-bottom_dwuol_1bcs9_128",
11
+ "selected-icon": "awsui_selected-icon_dwuol_1bcs9_132",
12
+ "show-label-tag": "awsui_show-label-tag_dwuol_1bcs9_136",
13
+ "inline-token-trigger": "awsui_inline-token-trigger_dwuol_1bcs9_140",
14
+ "inline-token-list": "awsui_inline-token-list_dwuol_1bcs9_147",
15
+ "inline-token": "awsui_inline-token_dwuol_1bcs9_140",
16
+ "visual-refresh": "awsui_visual-refresh_dwuol_1bcs9_173",
17
+ "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_1bcs9_180",
18
+ "inline-token-counter": "awsui_inline-token-counter_dwuol_1bcs9_186",
19
+ "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_1bcs9_190"
20
20
  };
21
21