@cloudscape-design/components 3.0.13 → 3.0.16

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 (226) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +33 -35
  3. package/alert/styles.selectors.js +19 -19
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +30 -31
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/toggles/styles.css.js +3 -3
  8. package/app-layout/toggles/styles.scoped.css +12 -12
  9. package/app-layout/toggles/styles.selectors.js +3 -3
  10. package/app-layout/visual-refresh/styles.css.js +59 -59
  11. package/app-layout/visual-refresh/styles.scoped.css +152 -152
  12. package/app-layout/visual-refresh/styles.selectors.js +59 -59
  13. package/area-chart/styles.scoped.css +0 -1
  14. package/attribute-editor/styles.scoped.css +0 -1
  15. package/autosuggest/internal.d.ts.map +1 -1
  16. package/autosuggest/internal.js +19 -33
  17. package/autosuggest/internal.js.map +1 -1
  18. package/autosuggest/options-list.d.ts +19 -0
  19. package/autosuggest/options-list.d.ts.map +1 -0
  20. package/autosuggest/options-list.js +37 -0
  21. package/autosuggest/options-list.js.map +1 -0
  22. package/autosuggest/plain-list.d.ts +3 -5
  23. package/autosuggest/plain-list.d.ts.map +1 -1
  24. package/autosuggest/plain-list.js +7 -7
  25. package/autosuggest/plain-list.js.map +1 -1
  26. package/autosuggest/virtual-list.d.ts +2 -6
  27. package/autosuggest/virtual-list.d.ts.map +1 -1
  28. package/autosuggest/virtual-list.js +7 -7
  29. package/autosuggest/virtual-list.js.map +1 -1
  30. package/badge/styles.css.js +5 -5
  31. package/badge/styles.scoped.css +6 -7
  32. package/badge/styles.selectors.js +5 -5
  33. package/breadcrumb-group/item/styles.css.js +7 -7
  34. package/breadcrumb-group/item/styles.scoped.css +16 -16
  35. package/breadcrumb-group/item/styles.selectors.js +7 -7
  36. package/breadcrumb-group/styles.scoped.css +0 -2
  37. package/button/styles.css.js +18 -18
  38. package/button/styles.scoped.css +164 -165
  39. package/button/styles.selectors.js +18 -18
  40. package/button-dropdown/category-elements/styles.css.js +12 -12
  41. package/button-dropdown/category-elements/styles.scoped.css +23 -23
  42. package/button-dropdown/category-elements/styles.selectors.js +12 -12
  43. package/button-dropdown/item-element/styles.css.js +13 -13
  44. package/button-dropdown/item-element/styles.scoped.css +18 -18
  45. package/button-dropdown/item-element/styles.selectors.js +13 -13
  46. package/button-dropdown/mobile-expandable-group/styles.scoped.css +0 -2
  47. package/cards/styles.css.js +37 -37
  48. package/cards/styles.scoped.css +46 -47
  49. package/cards/styles.selectors.js +37 -37
  50. package/checkbox/styles.css.js +3 -3
  51. package/checkbox/styles.scoped.css +7 -8
  52. package/checkbox/styles.selectors.js +3 -3
  53. package/code-editor/styles.css.js +33 -33
  54. package/code-editor/styles.scoped.css +134 -135
  55. package/code-editor/styles.selectors.js +33 -33
  56. package/column-layout/styles.scoped.css +0 -1
  57. package/container/styles.css.js +15 -15
  58. package/container/styles.scoped.css +26 -27
  59. package/container/styles.selectors.js +15 -15
  60. package/date-picker/calendar/index.d.ts +1 -1
  61. package/date-picker/calendar/index.d.ts.map +1 -1
  62. package/date-picker/calendar/index.js +3 -1
  63. package/date-picker/calendar/index.js.map +1 -1
  64. package/date-picker/embedded.d.ts +3 -0
  65. package/date-picker/embedded.d.ts.map +1 -0
  66. package/date-picker/embedded.js +15 -0
  67. package/date-picker/embedded.js.map +1 -0
  68. package/date-picker/index.d.ts.map +1 -1
  69. package/date-picker/index.js +14 -39
  70. package/date-picker/index.js.map +1 -1
  71. package/date-picker/interfaces.d.ts +12 -10
  72. package/date-picker/interfaces.d.ts.map +1 -1
  73. package/date-picker/interfaces.js.map +1 -1
  74. package/date-picker/styles.css.js +24 -24
  75. package/date-picker/styles.scoped.css +46 -48
  76. package/date-picker/styles.selectors.js +24 -24
  77. package/date-picker/use-date-picker.d.ts +17 -0
  78. package/date-picker/use-date-picker.d.ts.map +1 -0
  79. package/date-picker/use-date-picker.js +48 -0
  80. package/date-picker/use-date-picker.js.map +1 -0
  81. package/date-range-picker/calendar/grids/day/styles.css.js +21 -21
  82. package/date-range-picker/calendar/grids/day/styles.scoped.css +50 -50
  83. package/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
  84. package/date-range-picker/calendar/header/button/index.d.ts +1 -2
  85. package/date-range-picker/calendar/header/button/index.d.ts.map +1 -1
  86. package/date-range-picker/calendar/header/button/index.js +2 -3
  87. package/date-range-picker/calendar/header/button/index.js.map +1 -1
  88. package/date-range-picker/calendar/header/index.d.ts +1 -2
  89. package/date-range-picker/calendar/header/index.d.ts.map +1 -1
  90. package/date-range-picker/calendar/header/index.js +3 -3
  91. package/date-range-picker/calendar/header/index.js.map +1 -1
  92. package/date-range-picker/calendar/index.js +1 -1
  93. package/date-range-picker/calendar/index.js.map +1 -1
  94. package/date-range-picker/styles.css.js +42 -42
  95. package/date-range-picker/styles.scoped.css +53 -56
  96. package/date-range-picker/styles.selectors.js +42 -42
  97. package/expandable-section/styles.css.js +20 -20
  98. package/expandable-section/styles.scoped.css +42 -43
  99. package/expandable-section/styles.selectors.js +20 -20
  100. package/flashbar/styles.css.js +22 -22
  101. package/flashbar/styles.scoped.css +87 -88
  102. package/flashbar/styles.selectors.js +22 -22
  103. package/form/styles.scoped.css +0 -1
  104. package/form-field/styles.scoped.css +0 -1
  105. package/grid/styles.scoped.css +0 -1
  106. package/header/styles.scoped.css +0 -1
  107. package/help-panel/styles.css.js +4 -4
  108. package/help-panel/styles.scoped.css +59 -60
  109. package/help-panel/styles.selectors.js +4 -4
  110. package/input/styles.css.js +13 -13
  111. package/input/styles.scoped.css +36 -37
  112. package/input/styles.selectors.js +13 -13
  113. package/internal/base-component/styles.scoped.css +12 -13
  114. package/internal/components/abstract-switch/styles.scoped.css +0 -1
  115. package/internal/components/button-trigger/styles.css.js +9 -9
  116. package/internal/components/button-trigger/styles.scoped.css +26 -27
  117. package/internal/components/button-trigger/styles.selectors.js +9 -9
  118. package/internal/components/chart-filter/styles.scoped.css +0 -1
  119. package/internal/components/chart-legend/styles.css.js +7 -7
  120. package/internal/components/chart-legend/styles.scoped.css +16 -17
  121. package/internal/components/chart-legend/styles.selectors.js +7 -7
  122. package/internal/components/chart-popover/styles.scoped.css +0 -1
  123. package/internal/components/chart-series-details/styles.scoped.css +0 -2
  124. package/internal/components/chart-series-marker/styles.scoped.css +0 -1
  125. package/internal/components/dropdown/styles.css.js +20 -20
  126. package/internal/components/dropdown/styles.scoped.css +38 -40
  127. package/internal/components/dropdown/styles.selectors.js +20 -20
  128. package/internal/components/dropdown-footer/styles.scoped.css +0 -1
  129. package/internal/components/dropdown-status/styles.scoped.css +0 -1
  130. package/internal/components/filtering-token/styles.css.js +7 -7
  131. package/internal/components/filtering-token/styles.scoped.css +15 -15
  132. package/internal/components/filtering-token/styles.selectors.js +7 -7
  133. package/internal/components/menu-dropdown/styles.css.js +7 -7
  134. package/internal/components/menu-dropdown/styles.scoped.css +14 -15
  135. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  136. package/internal/components/option/styles.scoped.css +0 -1
  137. package/internal/components/options-list/styles.css.js +2 -2
  138. package/internal/components/options-list/styles.scoped.css +3 -4
  139. package/internal/components/options-list/styles.selectors.js +2 -2
  140. package/internal/components/selectable-item/styles.css.js +16 -16
  141. package/internal/components/selectable-item/styles.scoped.css +28 -28
  142. package/internal/components/selectable-item/styles.selectors.js +16 -16
  143. package/internal/environment.js +1 -1
  144. package/internal/generated/theming/index.cjs +36 -39
  145. package/internal/generated/theming/index.js +36 -39
  146. package/link/styles.css.js +18 -18
  147. package/link/styles.scoped.css +70 -71
  148. package/link/styles.selectors.js +18 -18
  149. package/mixed-line-bar-chart/styles.scoped.css +0 -1
  150. package/modal/styles.css.js +22 -22
  151. package/modal/styles.scoped.css +42 -44
  152. package/modal/styles.selectors.js +22 -22
  153. package/multiselect/styles.scoped.css +0 -1
  154. package/package.json +1 -1
  155. package/pagination/styles.css.js +9 -9
  156. package/pagination/styles.scoped.css +24 -25
  157. package/pagination/styles.selectors.js +9 -9
  158. package/pie-chart/styles.scoped.css +0 -1
  159. package/popover/styles.css.js +48 -48
  160. package/popover/styles.scoped.css +64 -66
  161. package/popover/styles.selectors.js +48 -48
  162. package/progress-bar/styles.scoped.css +0 -1
  163. package/property-filter/styles.scoped.css +0 -1
  164. package/radio-group/styles.css.js +9 -9
  165. package/radio-group/styles.scoped.css +17 -18
  166. package/radio-group/styles.selectors.js +9 -9
  167. package/segmented-control/styles.css.js +14 -14
  168. package/segmented-control/styles.scoped.css +36 -43
  169. package/segmented-control/styles.selectors.js +14 -14
  170. package/select/styles.scoped.css +0 -1
  171. package/side-navigation/styles.css.js +22 -22
  172. package/side-navigation/styles.scoped.css +33 -34
  173. package/side-navigation/styles.selectors.js +22 -22
  174. package/split-panel/styles.css.js +58 -58
  175. package/split-panel/styles.scoped.css +81 -83
  176. package/split-panel/styles.selectors.js +58 -58
  177. package/table/body-cell/styles.css.js +7 -7
  178. package/table/body-cell/styles.scoped.css +20 -20
  179. package/table/body-cell/styles.selectors.js +7 -7
  180. package/table/header-cell/styles.css.js +14 -14
  181. package/table/header-cell/styles.scoped.css +26 -26
  182. package/table/header-cell/styles.selectors.js +14 -14
  183. package/table/resizer/styles.scoped.css +0 -1
  184. package/table/styles.css.js +32 -32
  185. package/table/styles.scoped.css +40 -40
  186. package/table/styles.selectors.js +32 -32
  187. package/tabs/styles.css.js +21 -21
  188. package/tabs/styles.scoped.css +39 -40
  189. package/tabs/styles.selectors.js +21 -21
  190. package/tag-editor/styles.css.js +3 -3
  191. package/tag-editor/styles.scoped.css +11 -11
  192. package/tag-editor/styles.selectors.js +3 -3
  193. package/text-content/styles.css.js +1 -1
  194. package/text-content/styles.scoped.css +61 -62
  195. package/text-content/styles.selectors.js +1 -1
  196. package/text-filter/styles.scoped.css +0 -1
  197. package/textarea/styles.css.js +4 -4
  198. package/textarea/styles.scoped.css +14 -26
  199. package/textarea/styles.selectors.js +4 -4
  200. package/tiles/styles.css.js +28 -28
  201. package/tiles/styles.scoped.css +69 -71
  202. package/tiles/styles.selectors.js +28 -28
  203. package/toggle/styles.css.js +8 -8
  204. package/toggle/styles.scoped.css +15 -16
  205. package/toggle/styles.selectors.js +8 -8
  206. package/token-group/styles.css.js +7 -7
  207. package/token-group/styles.scoped.css +25 -27
  208. package/token-group/styles.selectors.js +7 -7
  209. package/top-navigation/1.0-beta/styles.css.js +25 -25
  210. package/top-navigation/1.0-beta/styles.scoped.css +43 -44
  211. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  212. package/top-navigation/styles.css.js +47 -47
  213. package/top-navigation/styles.scoped.css +68 -71
  214. package/top-navigation/styles.selectors.js +47 -47
  215. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +0 -1
  216. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  217. package/tutorial-panel/components/tutorial-list/styles.scoped.css +30 -33
  218. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  219. package/tutorial-panel/styles.scoped.css +0 -1
  220. package/wizard/styles.css.js +31 -31
  221. package/wizard/styles.scoped.css +60 -61
  222. package/wizard/styles.selectors.js +31 -31
  223. package/autosuggest/hooks/a11y.d.ts +0 -5
  224. package/autosuggest/hooks/a11y.d.ts.map +0 -1
  225. package/autosuggest/hooks/a11y.js +0 -24
  226. package/autosuggest/hooks/a11y.js.map +0 -1
@@ -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_root_wih1l_1x6uq_97:not(#\9) {
97
+ .awsui_root_wih1l_edm43_97:not(#\9) {
98
98
  font-size: 14px;
99
99
  font-size: var(--font-body-m-size-sregvd, 14px);
100
100
  line-height: 22px;
@@ -107,24 +107,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
107
107
  width: 100%;
108
108
  }
109
109
 
110
- .awsui_tools_wih1l_1x6uq_106:not(#\9) {
110
+ .awsui_tools_wih1l_edm43_106:not(#\9) {
111
111
  display: flex;
112
112
  align-items: flex-start;
113
113
  flex-wrap: wrap;
114
114
  padding: 8px 0 4px;
115
115
  padding: var(--space-scaled-xs-6859qs, 8px) 0 var(--space-scaled-xxs-95dhkm, 4px);
116
116
  }
117
- .awsui_tools-filtering_wih1l_1x6uq_112:not(#\9) {
117
+ .awsui_tools-filtering_wih1l_edm43_112:not(#\9) {
118
118
  flex: 1 1 0%;
119
119
  max-width: 100%;
120
120
  margin-right: 20px;
121
121
  margin-right: var(--space-l-4vl6xu, 20px);
122
122
  }
123
- .awsui_tools-align-right_wih1l_1x6uq_117:not(#\9) {
123
+ .awsui_tools-align-right_wih1l_edm43_117:not(#\9) {
124
124
  display: flex;
125
125
  margin-left: auto;
126
126
  }
127
- .awsui_tools-pagination_wih1l_1x6uq_121 + .awsui_tools-preferences_wih1l_1x6uq_121:not(#\9) {
127
+ .awsui_tools-pagination_wih1l_edm43_121 + .awsui_tools-preferences_wih1l_edm43_121:not(#\9) {
128
128
  border-left: 2px solid #e9ebed;
129
129
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
130
130
  box-sizing: border-box;
@@ -133,24 +133,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
133
133
  padding-left: 8px;
134
134
  padding-left: var(--space-xs-rsr2qu, 8px);
135
135
  }
136
- .awsui_tools-small_wih1l_1x6uq_127 > .awsui_tools-filtering_wih1l_1x6uq_112:not(#\9) {
136
+ .awsui_tools-small_wih1l_edm43_127 > .awsui_tools-filtering_wih1l_edm43_112:not(#\9) {
137
137
  margin-right: 0;
138
138
  margin-bottom: 8px;
139
139
  margin-bottom: var(--space-scaled-xs-6859qs, 8px);
140
140
  flex-basis: 100%;
141
141
  }
142
142
 
143
- .awsui_table_wih1l_1x6uq_133:not(#\9) {
143
+ .awsui_table_wih1l_edm43_133:not(#\9) {
144
144
  width: 100%;
145
145
  border-spacing: 0;
146
146
  position: relative;
147
147
  box-sizing: border-box;
148
148
  }
149
- .awsui_table-layout-fixed_wih1l_1x6uq_139:not(#\9) {
149
+ .awsui_table-layout-fixed_wih1l_edm43_139:not(#\9) {
150
150
  table-layout: fixed;
151
151
  }
152
152
 
153
- .awsui_wrapper_wih1l_1x6uq_143:not(#\9) {
153
+ .awsui_wrapper_wih1l_edm43_143:not(#\9) {
154
154
  position: relative;
155
155
  box-sizing: border-box;
156
156
  width: 100%;
@@ -160,40 +160,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
160
160
  padding-bottom: var(--space-table-content-bottom-pg6yvn, 4px);
161
161
  overflow-x: auto;
162
162
  border-top-right-radius: 16px;
163
- border-top-right-radius: var(--border-container-radius-8dqnwf, 16px);
163
+ border-top-right-radius: var(--border-radius-container-gh9ysk, 16px);
164
164
  border-top-left-radius: 16px;
165
- border-top-left-radius: var(--border-container-radius-8dqnwf, 16px);
165
+ border-top-left-radius: var(--border-radius-container-gh9ysk, 16px);
166
166
  }
167
- .awsui_wrapper_wih1l_1x6uq_143.awsui_variant-stacked_wih1l_1x6uq_153 > .awsui_table_wih1l_1x6uq_133:not(#\9), .awsui_wrapper_wih1l_1x6uq_143.awsui_variant-container_wih1l_1x6uq_153 > .awsui_table_wih1l_1x6uq_133:not(#\9) {
167
+ .awsui_wrapper_wih1l_edm43_143.awsui_variant-stacked_wih1l_edm43_153 > .awsui_table_wih1l_edm43_133:not(#\9), .awsui_wrapper_wih1l_edm43_143.awsui_variant-container_wih1l_edm43_153 > .awsui_table_wih1l_edm43_133:not(#\9) {
168
168
  padding-left: 24px;
169
169
  padding-left: var(--space-table-horizontal-58vuca, 24px);
170
170
  padding-right: 24px;
171
171
  padding-right: var(--space-table-horizontal-58vuca, 24px);
172
172
  }
173
- .awsui_wrapper_wih1l_1x6uq_143.awsui_variant-embedded_wih1l_1x6uq_157:not(#\9) {
173
+ .awsui_wrapper_wih1l_edm43_143.awsui_variant-embedded_wih1l_edm43_157:not(#\9) {
174
174
  padding-bottom: 0px;
175
175
  padding-bottom: var(--space-table-embedded-content-bottom-7vc5vt, 0px);
176
176
  }
177
- .awsui_wrapper_wih1l_1x6uq_143.awsui_has-header_wih1l_1x6uq_160:not(#\9) {
177
+ .awsui_wrapper_wih1l_edm43_143.awsui_has-header_wih1l_edm43_160:not(#\9) {
178
178
  padding-top: 0px;
179
179
  }
180
- .awsui_wrapper_wih1l_1x6uq_143.awsui_has-footer_wih1l_1x6uq_163:not(#\9) {
180
+ .awsui_wrapper_wih1l_edm43_143.awsui_has-footer_wih1l_edm43_163:not(#\9) {
181
181
  padding-bottom: 0px;
182
182
  }
183
- .awsui_wrapper_wih1l_1x6uq_143[data-awsui-focus-visible=true]:not(#\9):focus {
183
+ .awsui_wrapper_wih1l_edm43_143[data-awsui-focus-visible=true]:not(#\9):focus {
184
184
  outline: 2px dotted transparent;
185
185
  outline-offset: 2px;
186
186
  border-radius: 16px;
187
- border-radius: var(--border-container-radius-8dqnwf, 16px);
187
+ border-radius: var(--border-radius-container-gh9ysk, 16px);
188
188
  box-shadow: 0 0 0 2px #0972d3;
189
189
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
190
190
  }
191
191
 
192
- .awsui_cell-merged_wih1l_1x6uq_173:not(#\9) {
192
+ .awsui_cell-merged_wih1l_edm43_173:not(#\9) {
193
193
  text-align: center;
194
194
  padding: 0;
195
195
  }
196
- .awsui_cell-merged-content_wih1l_1x6uq_177:not(#\9) {
196
+ .awsui_cell-merged-content_wih1l_edm43_177:not(#\9) {
197
197
  box-sizing: border-box;
198
198
  width: 100%;
199
199
  padding: 16px 20px 20px;
@@ -202,7 +202,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
202
202
  /* stylelint-enable plugin/no-unsupported-browser-features */
203
203
  }
204
204
  @supports (position: sticky) {
205
- .awsui_cell-merged-content_wih1l_1x6uq_177:not(#\9) {
205
+ .awsui_cell-merged-content_wih1l_edm43_177:not(#\9) {
206
206
  position: sticky;
207
207
  left: 0;
208
208
  margin: 0 calc(-2 * 24px);
@@ -210,30 +210,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
210
210
  }
211
211
  }
212
212
 
213
- .awsui_empty_wih1l_1x6uq_192:not(#\9) {
213
+ .awsui_empty_wih1l_edm43_192:not(#\9) {
214
214
  color: #5f6b7a;
215
215
  color: var(--color-text-empty-fjv325, #5f6b7a);
216
216
  }
217
217
 
218
- .awsui_loading_wih1l_1x6uq_196:not(#\9) {
218
+ .awsui_loading_wih1l_edm43_196:not(#\9) {
219
219
  /* used in test-utils */
220
220
  }
221
221
 
222
- .awsui_selection-control_wih1l_1x6uq_200:not(#\9) {
222
+ .awsui_selection-control_wih1l_edm43_200:not(#\9) {
223
223
  position: relative;
224
224
  box-sizing: border-box;
225
225
  width: 54px;
226
226
  max-width: 54px;
227
227
  min-width: 54px;
228
228
  }
229
- .awsui_selection-control_wih1l_1x6uq_200.awsui_selection-control-header_wih1l_1x6uq_207:not(#\9) {
229
+ .awsui_selection-control_wih1l_edm43_200.awsui_selection-control-header_wih1l_edm43_207:not(#\9) {
230
230
  padding: 8px 20px;
231
231
  padding: var(--space-scaled-xs-6859qs, 8px) var(--space-scaled-l-t03y3z, 20px);
232
232
  border-left: 2px solid transparent;
233
233
  border-left: var(--border-item-width-qbbbsa, 2px) solid transparent;
234
234
  }
235
235
 
236
- .awsui_sticky-scrollbar_wih1l_1x6uq_212:not(#\9) {
236
+ .awsui_sticky-scrollbar_wih1l_edm43_212:not(#\9) {
237
237
  height: 15px;
238
238
  position: fixed;
239
239
  display: none;
@@ -243,14 +243,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
243
243
  bottom: 0;
244
244
  width: 100%;
245
245
  }
246
- .awsui_sticky-scrollbar-content_wih1l_1x6uq_222:not(#\9) {
246
+ .awsui_sticky-scrollbar-content_wih1l_edm43_222:not(#\9) {
247
247
  height: 15px;
248
248
  }
249
- .awsui_sticky-scrollbar-visible_wih1l_1x6uq_225:not(#\9) {
249
+ .awsui_sticky-scrollbar-visible_wih1l_edm43_225:not(#\9) {
250
250
  display: block;
251
251
  }
252
252
 
253
- .awsui_header-secondary_wih1l_1x6uq_229:not(#\9) {
253
+ .awsui_header-secondary_wih1l_edm43_229:not(#\9) {
254
254
  overflow: auto;
255
255
  -ms-overflow-style: none;
256
256
  /* Internet Explorer 10+ */
@@ -262,30 +262,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
262
262
  background: #ffffff;
263
263
  background: var(--color-background-table-header-i1pa1g, #ffffff);
264
264
  }
265
- .awsui_header-secondary_wih1l_1x6uq_229.awsui_variant-stacked_wih1l_1x6uq_153 > .awsui_table_wih1l_1x6uq_133:not(#\9), .awsui_header-secondary_wih1l_1x6uq_229.awsui_variant-container_wih1l_1x6uq_153 > .awsui_table_wih1l_1x6uq_133:not(#\9) {
265
+ .awsui_header-secondary_wih1l_edm43_229.awsui_variant-stacked_wih1l_edm43_153 > .awsui_table_wih1l_edm43_133:not(#\9), .awsui_header-secondary_wih1l_edm43_229.awsui_variant-container_wih1l_edm43_153 > .awsui_table_wih1l_edm43_133:not(#\9) {
266
266
  padding-left: 24px;
267
267
  padding-left: var(--space-table-horizontal-58vuca, 24px);
268
268
  padding-right: 24px;
269
269
  padding-right: var(--space-table-horizontal-58vuca, 24px);
270
270
  }
271
- .awsui_header-secondary_wih1l_1x6uq_229:not(#\9)::-webkit-scrollbar {
271
+ .awsui_header-secondary_wih1l_edm43_229:not(#\9)::-webkit-scrollbar {
272
272
  display: none;
273
273
  /* Safari and Chrome */
274
274
  }
275
275
 
276
- .awsui_header-controls_wih1l_1x6uq_249:not(#\9) {
276
+ .awsui_header-controls_wih1l_edm43_249:not(#\9) {
277
277
  padding-top: 12px;
278
278
  padding-top: var(--space-container-header-vertical-zsjhel, 12px);
279
279
  padding-bottom: 12px;
280
280
  padding-bottom: var(--space-container-header-vertical-zsjhel, 12px);
281
281
  }
282
- .awsui_header-controls_wih1l_1x6uq_249.awsui_variant-stacked_wih1l_1x6uq_153:not(#\9), .awsui_header-controls_wih1l_1x6uq_249.awsui_variant-container_wih1l_1x6uq_153:not(#\9) {
282
+ .awsui_header-controls_wih1l_edm43_249.awsui_variant-stacked_wih1l_edm43_153:not(#\9), .awsui_header-controls_wih1l_edm43_249.awsui_variant-container_wih1l_edm43_153:not(#\9) {
283
283
  padding-left: calc(24px + 0px);
284
284
  padding-left: calc(var(--space-table-horizontal-58vuca, 24px) + var(--space-table-header-horizontal-et2ko8, 0px));
285
285
  padding-right: calc(24px + 0px);
286
286
  padding-right: calc(var(--space-table-horizontal-58vuca, 24px) + var(--space-table-header-horizontal-et2ko8, 0px));
287
287
  }
288
- .awsui_header-controls_wih1l_1x6uq_249.awsui_variant-embedded_wih1l_1x6uq_157:not(#\9) {
288
+ .awsui_header-controls_wih1l_edm43_249.awsui_variant-embedded_wih1l_edm43_157:not(#\9) {
289
289
  padding-left: 0px;
290
290
  padding-left: var(--space-table-header-horizontal-et2ko8, 0px);
291
291
  padding-right: 0px;
@@ -293,12 +293,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
293
293
  padding-top: 0px;
294
294
  padding-top: var(--space-table-embedded-header-top-zf07fk, 0px);
295
295
  }
296
- .awsui_header-controls_wih1l_1x6uq_249 + .awsui_header-secondary_wih1l_1x6uq_229:not(#\9) {
296
+ .awsui_header-controls_wih1l_edm43_249 + .awsui_header-secondary_wih1l_edm43_229:not(#\9) {
297
297
  border-top: 1px solid transparent;
298
298
  border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-container-divider-4ade7z, transparent);
299
299
  }
300
300
 
301
- .awsui_divider_wih1l_1x6uq_266:not(#\9) {
301
+ .awsui_divider_wih1l_edm43_266:not(#\9) {
302
302
  border: none;
303
303
  margin: 0;
304
304
  height: 0;
@@ -306,20 +306,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
306
306
  border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
307
307
  }
308
308
 
309
- .awsui_footer-wrapper_wih1l_1x6uq_273.awsui_variant-stacked_wih1l_1x6uq_153:not(#\9), .awsui_footer-wrapper_wih1l_1x6uq_273.awsui_variant-container_wih1l_1x6uq_153:not(#\9) {
309
+ .awsui_footer-wrapper_wih1l_edm43_273.awsui_variant-stacked_wih1l_edm43_153:not(#\9), .awsui_footer-wrapper_wih1l_edm43_273.awsui_variant-container_wih1l_edm43_153:not(#\9) {
310
310
  padding-left: 24px;
311
311
  padding-left: var(--space-table-horizontal-58vuca, 24px);
312
312
  padding-right: 24px;
313
313
  padding-right: var(--space-table-horizontal-58vuca, 24px);
314
314
  }
315
315
 
316
- .awsui_footer_wih1l_1x6uq_273:not(#\9) {
316
+ .awsui_footer_wih1l_edm43_273:not(#\9) {
317
317
  padding: 12px 0px;
318
318
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-table-footer-horizontal-8o6sk8, 0px);
319
319
  }
320
320
 
321
- .awsui_thead-active_wih1l_1x6uq_282:not(#\9),
322
- .awsui_row_wih1l_1x6uq_283:not(#\9),
323
- .awsui_row-selected_wih1l_1x6uq_284:not(#\9) {
321
+ .awsui_thead-active_wih1l_edm43_282:not(#\9),
322
+ .awsui_row_wih1l_edm43_283:not(#\9),
323
+ .awsui_row-selected_wih1l_edm43_284:not(#\9) {
324
324
  /* used in test-utils */
325
325
  }
@@ -2,37 +2,37 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_wih1l_1x6uq_97",
6
- "tools": "awsui_tools_wih1l_1x6uq_106",
7
- "tools-filtering": "awsui_tools-filtering_wih1l_1x6uq_112",
8
- "tools-align-right": "awsui_tools-align-right_wih1l_1x6uq_117",
9
- "tools-pagination": "awsui_tools-pagination_wih1l_1x6uq_121",
10
- "tools-preferences": "awsui_tools-preferences_wih1l_1x6uq_121",
11
- "tools-small": "awsui_tools-small_wih1l_1x6uq_127",
12
- "table": "awsui_table_wih1l_1x6uq_133",
13
- "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1x6uq_139",
14
- "wrapper": "awsui_wrapper_wih1l_1x6uq_143",
15
- "variant-stacked": "awsui_variant-stacked_wih1l_1x6uq_153",
16
- "variant-container": "awsui_variant-container_wih1l_1x6uq_153",
17
- "variant-embedded": "awsui_variant-embedded_wih1l_1x6uq_157",
18
- "has-header": "awsui_has-header_wih1l_1x6uq_160",
19
- "has-footer": "awsui_has-footer_wih1l_1x6uq_163",
20
- "cell-merged": "awsui_cell-merged_wih1l_1x6uq_173",
21
- "cell-merged-content": "awsui_cell-merged-content_wih1l_1x6uq_177",
22
- "empty": "awsui_empty_wih1l_1x6uq_192",
23
- "loading": "awsui_loading_wih1l_1x6uq_196",
24
- "selection-control": "awsui_selection-control_wih1l_1x6uq_200",
25
- "selection-control-header": "awsui_selection-control-header_wih1l_1x6uq_207",
26
- "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_1x6uq_212",
27
- "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_1x6uq_222",
28
- "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_1x6uq_225",
29
- "header-secondary": "awsui_header-secondary_wih1l_1x6uq_229",
30
- "header-controls": "awsui_header-controls_wih1l_1x6uq_249",
31
- "divider": "awsui_divider_wih1l_1x6uq_266",
32
- "footer-wrapper": "awsui_footer-wrapper_wih1l_1x6uq_273",
33
- "footer": "awsui_footer_wih1l_1x6uq_273",
34
- "thead-active": "awsui_thead-active_wih1l_1x6uq_282",
35
- "row": "awsui_row_wih1l_1x6uq_283",
36
- "row-selected": "awsui_row-selected_wih1l_1x6uq_284"
5
+ "root": "awsui_root_wih1l_edm43_97",
6
+ "tools": "awsui_tools_wih1l_edm43_106",
7
+ "tools-filtering": "awsui_tools-filtering_wih1l_edm43_112",
8
+ "tools-align-right": "awsui_tools-align-right_wih1l_edm43_117",
9
+ "tools-pagination": "awsui_tools-pagination_wih1l_edm43_121",
10
+ "tools-preferences": "awsui_tools-preferences_wih1l_edm43_121",
11
+ "tools-small": "awsui_tools-small_wih1l_edm43_127",
12
+ "table": "awsui_table_wih1l_edm43_133",
13
+ "table-layout-fixed": "awsui_table-layout-fixed_wih1l_edm43_139",
14
+ "wrapper": "awsui_wrapper_wih1l_edm43_143",
15
+ "variant-stacked": "awsui_variant-stacked_wih1l_edm43_153",
16
+ "variant-container": "awsui_variant-container_wih1l_edm43_153",
17
+ "variant-embedded": "awsui_variant-embedded_wih1l_edm43_157",
18
+ "has-header": "awsui_has-header_wih1l_edm43_160",
19
+ "has-footer": "awsui_has-footer_wih1l_edm43_163",
20
+ "cell-merged": "awsui_cell-merged_wih1l_edm43_173",
21
+ "cell-merged-content": "awsui_cell-merged-content_wih1l_edm43_177",
22
+ "empty": "awsui_empty_wih1l_edm43_192",
23
+ "loading": "awsui_loading_wih1l_edm43_196",
24
+ "selection-control": "awsui_selection-control_wih1l_edm43_200",
25
+ "selection-control-header": "awsui_selection-control-header_wih1l_edm43_207",
26
+ "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_edm43_212",
27
+ "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_edm43_222",
28
+ "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_edm43_225",
29
+ "header-secondary": "awsui_header-secondary_wih1l_edm43_229",
30
+ "header-controls": "awsui_header-controls_wih1l_edm43_249",
31
+ "divider": "awsui_divider_wih1l_edm43_266",
32
+ "footer-wrapper": "awsui_footer-wrapper_wih1l_edm43_273",
33
+ "footer": "awsui_footer_wih1l_edm43_273",
34
+ "thead-active": "awsui_thead-active_wih1l_edm43_282",
35
+ "row": "awsui_row_wih1l_edm43_283",
36
+ "row-selected": "awsui_row-selected_wih1l_edm43_284"
37
37
  };
38
38
 
@@ -1,26 +1,26 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "tabs-header": "awsui_tabs-header_14rmt_1jw77_186",
5
- "tabs-header-list": "awsui_tabs-header-list_14rmt_1jw77_192",
6
- "pagination-button": "awsui_pagination-button_14rmt_1jw77_209",
7
- "pagination-button-left": "awsui_pagination-button-left_14rmt_1jw77_214",
8
- "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1jw77_217",
9
- "pagination-button-right": "awsui_pagination-button-right_14rmt_1jw77_221",
10
- "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1jw77_224",
11
- "tabs-tab": "awsui_tabs-tab_14rmt_1jw77_229",
12
- "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1jw77_240",
13
- "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1jw77_256",
14
- "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1jw77_313",
15
- "refresh": "awsui_refresh_14rmt_1jw77_330",
16
- "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1jw77_344",
17
- "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1jw77_351",
18
- "root": "awsui_root_14rmt_1jw77_355",
19
- "tabs": "awsui_tabs_14rmt_1jw77_186",
20
- "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1jw77_372",
21
- "with-paddings": "awsui_with-paddings_14rmt_1jw77_372",
22
- "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1jw77_376",
23
- "tabs-content": "awsui_tabs-content_14rmt_1jw77_372",
24
- "tabs-content-active": "awsui_tabs-content-active_14rmt_1jw77_384"
4
+ "tabs-header": "awsui_tabs-header_14rmt_1581x_186",
5
+ "tabs-header-list": "awsui_tabs-header-list_14rmt_1581x_192",
6
+ "pagination-button": "awsui_pagination-button_14rmt_1581x_209",
7
+ "pagination-button-left": "awsui_pagination-button-left_14rmt_1581x_214",
8
+ "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1581x_217",
9
+ "pagination-button-right": "awsui_pagination-button-right_14rmt_1581x_221",
10
+ "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1581x_224",
11
+ "tabs-tab": "awsui_tabs-tab_14rmt_1581x_229",
12
+ "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1581x_240",
13
+ "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1581x_256",
14
+ "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1581x_313",
15
+ "refresh": "awsui_refresh_14rmt_1581x_330",
16
+ "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1581x_344",
17
+ "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1581x_351",
18
+ "root": "awsui_root_14rmt_1581x_355",
19
+ "tabs": "awsui_tabs_14rmt_1581x_186",
20
+ "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1581x_372",
21
+ "with-paddings": "awsui_with-paddings_14rmt_1581x_372",
22
+ "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1581x_376",
23
+ "tabs-content": "awsui_tabs-content_14rmt_1581x_372",
24
+ "tabs-content-active": "awsui_tabs-content-active_14rmt_1581x_384"
25
25
  };
26
26
 
@@ -183,13 +183,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
183
183
  SPDX-License-Identifier: Apache-2.0
184
184
  */
185
185
  /* stylelint-disable selector-max-type */
186
- .awsui_tabs-header_14rmt_1jw77_186:not(#\9) {
186
+ .awsui_tabs-header_14rmt_1581x_186:not(#\9) {
187
187
  margin: 0;
188
188
  padding: 0;
189
189
  display: flex;
190
190
  }
191
191
 
192
- .awsui_tabs-header-list_14rmt_1jw77_192:not(#\9) {
192
+ .awsui_tabs-header-list_14rmt_1581x_192:not(#\9) {
193
193
  margin: 0;
194
194
  padding: 0;
195
195
  display: flex;
@@ -201,38 +201,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
201
201
  scrollbar-width: none;
202
202
  /* Firefox */
203
203
  }
204
- .awsui_tabs-header-list_14rmt_1jw77_192:not(#\9)::-webkit-scrollbar {
204
+ .awsui_tabs-header-list_14rmt_1581x_192:not(#\9)::-webkit-scrollbar {
205
205
  display: none;
206
206
  /* Safari and Chrome */
207
207
  }
208
208
 
209
- .awsui_pagination-button_14rmt_1jw77_209:not(#\9) {
209
+ .awsui_pagination-button_14rmt_1581x_209:not(#\9) {
210
210
  margin: 12px 0;
211
211
  margin: var(--space-scaled-s-cu1hzn, 12px) 0;
212
212
  padding: 0 4px;
213
213
  padding: 0 var(--space-xxs-ynfts5, 4px);
214
214
  display: flex;
215
215
  }
216
- .awsui_pagination-button-left_14rmt_1jw77_214:not(#\9) {
216
+ .awsui_pagination-button-left_14rmt_1581x_214:not(#\9) {
217
217
  border-right: 2px solid #d1d5db;
218
218
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-control-disabled-vx8bco, #d1d5db);
219
219
  }
220
- .awsui_pagination-button-left-scrollable_14rmt_1jw77_217:not(#\9) {
220
+ .awsui_pagination-button-left-scrollable_14rmt_1581x_217:not(#\9) {
221
221
  z-index: 1;
222
222
  box-shadow: 5px 0px 4px -3px rgba(0, 7, 22, 0.12), 1px 0px 0px 0px rgba(0, 7, 22, 0.12);
223
223
  box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12));
224
224
  }
225
- .awsui_pagination-button-right_14rmt_1jw77_221:not(#\9) {
225
+ .awsui_pagination-button-right_14rmt_1581x_221:not(#\9) {
226
226
  border-left: 2px solid #d1d5db;
227
227
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-control-disabled-vx8bco, #d1d5db);
228
228
  }
229
- .awsui_pagination-button-right-scrollable_14rmt_1jw77_224:not(#\9) {
229
+ .awsui_pagination-button-right-scrollable_14rmt_1581x_224:not(#\9) {
230
230
  z-index: 1;
231
231
  box-shadow: -5px 0px 4px -3px rgba(0, 7, 22, 0.12), -1px 0px 0px 0 rgba(0, 7, 22, 0.12);
232
232
  box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12));
233
233
  }
234
234
 
235
- .awsui_tabs-tab_14rmt_1jw77_229:not(#\9) {
235
+ .awsui_tabs-tab_14rmt_1581x_229:not(#\9) {
236
236
  list-style: none;
237
237
  padding: 0;
238
238
  flex-shrink: 0;
@@ -240,11 +240,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
240
240
  max-width: calc(90% - 20px);
241
241
  max-width: calc(90% - var(--space-l-4vl6xu, 20px));
242
242
  }
243
- .awsui_tabs-tab_14rmt_1jw77_229 > button:not(#\9) {
243
+ .awsui_tabs-tab_14rmt_1581x_229 > button:not(#\9) {
244
244
  background-color: transparent;
245
245
  }
246
246
 
247
- .awsui_tabs-tab-label_14rmt_1jw77_240:not(#\9) {
247
+ .awsui_tabs-tab-label_14rmt_1581x_240:not(#\9) {
248
248
  display: flex;
249
249
  align-items: center;
250
250
  padding: 4px 20px;
@@ -256,14 +256,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
256
256
  word-break: break-word;
257
257
  }
258
258
 
259
- .awsui_tabs-tab_14rmt_1jw77_229:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_1jw77_240, .awsui_tabs-tab_14rmt_1jw77_229:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_1jw77_240 {
259
+ .awsui_tabs-tab_14rmt_1581x_229:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_1581x_240, .awsui_tabs-tab_14rmt_1581x_229:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_1581x_240 {
260
260
  margin-right: calc(-1 * 2px);
261
261
  margin-right: calc(-1 * var(--border-divider-section-width-4wm2it, 2px));
262
262
  border-right: 2px solid #e9ebed;
263
263
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-tabs-divider-69fx5i, #e9ebed);
264
264
  }
265
265
 
266
- .awsui_tabs-tab-link_14rmt_1jw77_256:not(#\9) {
266
+ .awsui_tabs-tab-link_14rmt_1581x_256:not(#\9) {
267
267
  position: relative;
268
268
  display: flex;
269
269
  align-items: stretch;
@@ -283,23 +283,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
283
283
  color: #414d5c;
284
284
  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
285
285
  }
286
- .awsui_tabs-tab-link_14rmt_1jw77_256:not(#\9):hover {
286
+ .awsui_tabs-tab-link_14rmt_1581x_256:not(#\9):hover {
287
287
  color: #0972d3;
288
288
  color: var(--color-text-accent-s1eqko, #0972d3);
289
289
  }
290
- .awsui_tabs-tab-link_14rmt_1jw77_256:not(#\9):focus {
290
+ .awsui_tabs-tab-link_14rmt_1581x_256:not(#\9):focus {
291
291
  outline: none;
292
292
  }
293
- .awsui_tabs-tab-link_14rmt_1jw77_256[data-awsui-focus-visible=true]:not(#\9):focus {
293
+ .awsui_tabs-tab-link_14rmt_1581x_256[data-awsui-focus-visible=true]:not(#\9):focus {
294
294
  z-index: 1;
295
295
  position: relative;
296
296
  }
297
- .awsui_tabs-tab-link_14rmt_1jw77_256[data-awsui-focus-visible=true]:not(#\9):focus {
297
+ .awsui_tabs-tab-link_14rmt_1581x_256[data-awsui-focus-visible=true]:not(#\9):focus {
298
298
  outline: 2px dotted transparent;
299
299
  outline-offset: calc(-8px - 1px);
300
300
  outline-offset: calc(var(--space-tabs-focus-outline-gutter-64zu5e, -8px) - 1px);
301
301
  }
302
- .awsui_tabs-tab-link_14rmt_1jw77_256[data-awsui-focus-visible=true]:not(#\9):focus::before {
302
+ .awsui_tabs-tab-link_14rmt_1581x_256[data-awsui-focus-visible=true]:not(#\9):focus::before {
303
303
  content: " ";
304
304
  display: block;
305
305
  position: absolute;
@@ -312,31 +312,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
312
312
  height: calc(100% + 2 * -8px);
313
313
  height: calc(100% + 2 * var(--space-tabs-focus-outline-gutter-64zu5e, -8px));
314
314
  border-radius: 4px;
315
- border-radius: var(--border-control-focus-ring-radius-default-6g2tnn, 4px);
315
+ border-radius: var(--border-radius-control-focus-ring-default-jlgxet, 4px);
316
316
  box-shadow: 0 0 0 2px #0972d3;
317
317
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
318
318
  }
319
- .awsui_tabs-tab-link_14rmt_1jw77_256[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_1jw77_240, .awsui_tabs-tab-link_14rmt_1jw77_256[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_1jw77_240 {
319
+ .awsui_tabs-tab-link_14rmt_1581x_256[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_1581x_240, .awsui_tabs-tab-link_14rmt_1581x_256[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_1581x_240 {
320
320
  border-right-color: transparent;
321
321
  }
322
322
 
323
- .awsui_tabs-tab_14rmt_1jw77_229:not(#\9):first-child {
323
+ .awsui_tabs-tab_14rmt_1581x_229:not(#\9):first-child {
324
324
  margin-left: 1px;
325
325
  }
326
- .awsui_tabs-tab_14rmt_1jw77_229:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_1jw77_240, .awsui_tabs-tab_14rmt_1jw77_229:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_1jw77_240 {
326
+ .awsui_tabs-tab_14rmt_1581x_229:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_1581x_240, .awsui_tabs-tab_14rmt_1581x_229:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_1581x_240 {
327
327
  padding-left: calc(20px - 1px);
328
328
  padding-left: calc(var(--space-l-4vl6xu, 20px) - 1px);
329
329
  }
330
330
 
331
- .awsui_tabs-tab_14rmt_1jw77_229:not(#\9):last-child {
331
+ .awsui_tabs-tab_14rmt_1581x_229:not(#\9):last-child {
332
332
  margin-right: 1px;
333
333
  }
334
- .awsui_tabs-tab_14rmt_1jw77_229:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_1jw77_240, .awsui_tabs-tab_14rmt_1jw77_229:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_1jw77_240 {
334
+ .awsui_tabs-tab_14rmt_1581x_229:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_1581x_240, .awsui_tabs-tab_14rmt_1581x_229:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_1581x_240 {
335
335
  padding-right: calc(20px - 1px);
336
336
  padding-right: calc(var(--space-l-4vl6xu, 20px) - 1px);
337
337
  }
338
338
 
339
- .awsui_tabs-tab-disabled_14rmt_1jw77_313:not(#\9), .awsui_tabs-tab-disabled_14rmt_1jw77_313:not(#\9):hover {
339
+ .awsui_tabs-tab-disabled_14rmt_1581x_313:not(#\9), .awsui_tabs-tab-disabled_14rmt_1581x_313:not(#\9):hover {
340
340
  cursor: default;
341
341
  color: #9ba7b6;
342
342
  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
@@ -344,7 +344,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
344
344
  font-weight: var(--font-tabs-disabled-weight-imwq16, 800);
345
345
  }
346
346
 
347
- .awsui_tabs-tab-link_14rmt_1jw77_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1jw77_313):after {
347
+ .awsui_tabs-tab-link_14rmt_1581x_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1581x_313):after {
348
348
  content: "";
349
349
  position: absolute;
350
350
  left: 0;
@@ -354,44 +354,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
354
354
  height: 4px;
355
355
  height: var(--border-active-width-ce5ls7, 4px);
356
356
  border-radius: 20px;
357
- border-radius: var(--border-active-radius-vyzbl1, 20px);
357
+ border-radius: var(--border-radius-tabs-focus-ring-j968on, 20px);
358
358
  background: #0972d3;
359
359
  background: var(--color-border-tabs-underline-9bcfzu, #0972d3);
360
360
  opacity: 0;
361
361
  }
362
- .awsui_tabs-tab-link_14rmt_1jw77_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1jw77_313).awsui_refresh_14rmt_1jw77_330:after {
362
+ .awsui_tabs-tab-link_14rmt_1581x_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1581x_313).awsui_refresh_14rmt_1581x_330:after {
363
363
  transition: opacity 165ms cubic-bezier(0.84, 0, 0.16, 1);
364
364
  transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
365
365
  }
366
366
  @media (prefers-reduced-motion: reduce) {
367
- .awsui_tabs-tab-link_14rmt_1jw77_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1jw77_313).awsui_refresh_14rmt_1jw77_330:after {
367
+ .awsui_tabs-tab-link_14rmt_1581x_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1581x_313).awsui_refresh_14rmt_1581x_330:after {
368
368
  animation: none;
369
369
  transition: none;
370
370
  }
371
371
  }
372
- .awsui-motion-disabled .awsui_tabs-tab-link_14rmt_1jw77_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1jw77_313).awsui_refresh_14rmt_1jw77_330:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_1jw77_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1jw77_313).awsui_refresh_14rmt_1jw77_330:after {
372
+ .awsui-motion-disabled .awsui_tabs-tab-link_14rmt_1581x_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1581x_313).awsui_refresh_14rmt_1581x_330:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_1581x_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1581x_313).awsui_refresh_14rmt_1581x_330:after {
373
373
  animation: none;
374
374
  transition: none;
375
375
  }
376
376
 
377
- .awsui_tabs-tab-active_14rmt_1jw77_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1jw77_313) {
377
+ .awsui_tabs-tab-active_14rmt_1581x_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1581x_313) {
378
378
  color: #0972d3;
379
379
  color: var(--color-text-accent-s1eqko, #0972d3);
380
380
  }
381
- .awsui_tabs-tab-active_14rmt_1jw77_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1jw77_313):after {
381
+ .awsui_tabs-tab-active_14rmt_1581x_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1581x_313):after {
382
382
  opacity: 1;
383
383
  }
384
384
 
385
- .awsui_tabs-header-with-divider_14rmt_1jw77_351:not(#\9) {
385
+ .awsui_tabs-header-with-divider_14rmt_1581x_351:not(#\9) {
386
386
  border-bottom: 2px solid #e9ebed;
387
387
  border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-tabs-divider-69fx5i, #e9ebed);
388
388
  }
389
389
 
390
- .awsui_root_14rmt_1jw77_355:not(#\9) {
390
+ .awsui_root_14rmt_1581x_355:not(#\9) {
391
391
  /* used in test-utils or tests */
392
392
  }
393
393
 
394
- .awsui_tabs_14rmt_1jw77_186:not(#\9) {
394
+ .awsui_tabs_14rmt_1581x_186:not(#\9) {
395
395
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
396
396
  border-collapse: separate;
397
397
  border-spacing: 0;
@@ -407,7 +407,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
407
407
  font-stretch: normal;
408
408
  line-height: normal;
409
409
  -webkit-hyphens: none;
410
- -ms-hyphens: none;
411
410
  hyphens: none;
412
411
  letter-spacing: normal;
413
412
  list-style: disc outside none;
@@ -435,20 +434,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
435
434
  width: 100%;
436
435
  }
437
436
 
438
- .awsui_tabs-content-wrapper_14rmt_1jw77_372.awsui_with-paddings_14rmt_1jw77_372:not(#\9) {
437
+ .awsui_tabs-content-wrapper_14rmt_1581x_372.awsui_with-paddings_14rmt_1581x_372:not(#\9) {
439
438
  padding: 16px 0;
440
439
  padding: var(--space-scaled-m-pv0fmt, 16px) 0;
441
440
  }
442
441
 
443
- .awsui_tabs-container-content-wrapper_14rmt_1jw77_376.awsui_with-paddings_14rmt_1jw77_372:not(#\9) {
442
+ .awsui_tabs-container-content-wrapper_14rmt_1581x_376.awsui_with-paddings_14rmt_1581x_372:not(#\9) {
444
443
  padding-top: 12px;
445
444
  padding-top: var(--space-tabs-content-top-mn4c9x, 12px);
446
445
  }
447
446
 
448
- .awsui_tabs-content_14rmt_1jw77_372:not(#\9) {
447
+ .awsui_tabs-content_14rmt_1581x_372:not(#\9) {
449
448
  display: none;
450
449
  }
451
450
 
452
- .awsui_tabs-content-active_14rmt_1jw77_384:not(#\9) {
451
+ .awsui_tabs-content-active_14rmt_1581x_384:not(#\9) {
453
452
  display: block;
454
453
  }