@cloudscape-design/components 3.0.518 → 3.0.520

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 (258) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +48 -45
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +22 -19
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +37 -34
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/toggles/styles.css.js +2 -2
  11. package/app-layout/toggles/styles.scoped.css +14 -11
  12. package/app-layout/toggles/styles.selectors.js +2 -2
  13. package/app-layout/visual-refresh/styles.css.js +81 -81
  14. package/app-layout/visual-refresh/styles.scoped.css +179 -176
  15. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  16. package/breadcrumb-group/item/styles.css.js +9 -9
  17. package/breadcrumb-group/item/styles.scoped.css +23 -20
  18. package/breadcrumb-group/item/styles.selectors.js +9 -9
  19. package/button/styles.css.js +20 -20
  20. package/button/styles.scoped.css +392 -302
  21. package/button/styles.selectors.js +20 -20
  22. package/button-dropdown/item-element/styles.css.js +15 -15
  23. package/button-dropdown/item-element/styles.scoped.css +19 -19
  24. package/button-dropdown/item-element/styles.selectors.js +15 -15
  25. package/calendar/styles.css.js +18 -18
  26. package/calendar/styles.scoped.css +54 -48
  27. package/calendar/styles.selectors.js +18 -18
  28. package/cards/styles.css.js +40 -40
  29. package/cards/styles.scoped.css +58 -58
  30. package/cards/styles.selectors.js +40 -40
  31. package/checkbox/styles.css.js +3 -3
  32. package/checkbox/styles.scoped.css +18 -15
  33. package/checkbox/styles.selectors.js +3 -3
  34. package/code-editor/styles.css.js +32 -32
  35. package/code-editor/styles.scoped.css +165 -153
  36. package/code-editor/styles.selectors.js +32 -32
  37. package/collection-preferences/content-display/styles.css.js +11 -11
  38. package/collection-preferences/content-display/styles.scoped.css +26 -23
  39. package/collection-preferences/content-display/styles.selectors.js +11 -11
  40. package/collection-preferences/styles.css.js +37 -37
  41. package/collection-preferences/styles.scoped.css +53 -50
  42. package/collection-preferences/styles.selectors.js +37 -37
  43. package/container/styles.css.js +30 -30
  44. package/container/styles.scoped.css +100 -80
  45. package/container/styles.selectors.js +30 -30
  46. package/date-picker/styles.css.js +7 -7
  47. package/date-picker/styles.scoped.css +13 -10
  48. package/date-picker/styles.selectors.js +7 -7
  49. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  50. package/date-range-picker/calendar/grids/styles.scoped.css +58 -52
  51. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  52. package/date-range-picker/styles.css.js +38 -38
  53. package/date-range-picker/styles.scoped.css +50 -47
  54. package/date-range-picker/styles.selectors.js +38 -38
  55. package/expandable-section/interfaces.d.ts +3 -2
  56. package/expandable-section/interfaces.d.ts.map +1 -1
  57. package/expandable-section/interfaces.js.map +1 -1
  58. package/expandable-section/styles.css.js +32 -32
  59. package/expandable-section/styles.scoped.css +85 -75
  60. package/expandable-section/styles.selectors.js +32 -32
  61. package/file-upload/file-input/styles.css.js +4 -4
  62. package/file-upload/file-input/styles.scoped.css +15 -12
  63. package/file-upload/file-input/styles.selectors.js +4 -4
  64. package/flashbar/styles.css.js +47 -47
  65. package/flashbar/styles.scoped.css +168 -162
  66. package/flashbar/styles.selectors.js +47 -47
  67. package/form-field/styles.css.js +19 -19
  68. package/form-field/styles.scoped.css +35 -34
  69. package/form-field/styles.selectors.js +19 -19
  70. package/grid/styles.css.js +53 -53
  71. package/grid/styles.scoped.css +112 -108
  72. package/grid/styles.selectors.js +53 -53
  73. package/header/interfaces.d.ts +1 -1
  74. package/header/interfaces.js.map +1 -1
  75. package/header/styles.css.js +34 -34
  76. package/header/styles.scoped.css +92 -83
  77. package/header/styles.selectors.js +34 -34
  78. package/help-panel/styles.css.js +4 -4
  79. package/help-panel/styles.scoped.css +127 -108
  80. package/help-panel/styles.selectors.js +4 -4
  81. package/hotspot/styles.css.js +7 -7
  82. package/hotspot/styles.scoped.css +13 -13
  83. package/hotspot/styles.selectors.js +7 -7
  84. package/icon/styles.css.js +21 -21
  85. package/icon/styles.scoped.css +86 -78
  86. package/icon/styles.selectors.js +21 -21
  87. package/input/styles.css.js +12 -12
  88. package/input/styles.scoped.css +63 -49
  89. package/input/styles.selectors.js +12 -12
  90. package/internal/components/abstract-switch/styles.css.js +13 -13
  91. package/internal/components/abstract-switch/styles.scoped.css +31 -30
  92. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  93. package/internal/components/button-trigger/styles.css.js +10 -10
  94. package/internal/components/button-trigger/styles.scoped.css +61 -48
  95. package/internal/components/button-trigger/styles.selectors.js +10 -10
  96. package/internal/components/cartesian-chart/styles.css.js +27 -27
  97. package/internal/components/cartesian-chart/styles.scoped.css +38 -41
  98. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  99. package/internal/components/chart-legend/styles.css.js +6 -6
  100. package/internal/components/chart-legend/styles.scoped.css +33 -26
  101. package/internal/components/chart-legend/styles.selectors.js +6 -6
  102. package/internal/components/chart-plot/styles.css.js +5 -5
  103. package/internal/components/chart-plot/styles.scoped.css +7 -7
  104. package/internal/components/chart-plot/styles.selectors.js +5 -5
  105. package/internal/components/chart-popover/styles.css.js +3 -3
  106. package/internal/components/chart-popover/styles.scoped.css +7 -5
  107. package/internal/components/chart-popover/styles.selectors.js +3 -3
  108. package/internal/components/chart-popover-footer/styles.css.js +1 -1
  109. package/internal/components/chart-popover-footer/styles.scoped.css +8 -6
  110. package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  111. package/internal/components/chart-series-details/styles.css.js +20 -20
  112. package/internal/components/chart-series-details/styles.scoped.css +74 -59
  113. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  114. package/internal/components/chart-series-marker/styles.css.js +5 -5
  115. package/internal/components/chart-series-marker/styles.scoped.css +40 -27
  116. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  117. package/internal/components/chart-wrapper/styles.css.js +9 -9
  118. package/internal/components/chart-wrapper/styles.scoped.css +13 -13
  119. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  120. package/internal/components/checkbox-icon/styles.css.js +7 -7
  121. package/internal/components/checkbox-icon/styles.scoped.css +12 -12
  122. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  123. package/internal/components/dropdown/styles.css.js +20 -20
  124. package/internal/components/dropdown/styles.scoped.css +64 -56
  125. package/internal/components/dropdown/styles.selectors.js +20 -20
  126. package/internal/components/dropdown-footer/styles.css.js +3 -3
  127. package/internal/components/dropdown-footer/styles.scoped.css +5 -5
  128. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  129. package/internal/components/dropdown-status/styles.css.js +2 -2
  130. package/internal/components/dropdown-status/styles.scoped.css +5 -3
  131. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  132. package/internal/components/filtering-token/styles.css.js +7 -7
  133. package/internal/components/filtering-token/styles.scoped.css +41 -30
  134. package/internal/components/filtering-token/styles.selectors.js +7 -7
  135. package/internal/components/handle/styles.css.js +2 -2
  136. package/internal/components/handle/styles.scoped.css +20 -14
  137. package/internal/components/handle/styles.selectors.js +2 -2
  138. package/internal/components/menu-dropdown/styles.css.js +7 -7
  139. package/internal/components/menu-dropdown/styles.scoped.css +31 -28
  140. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  141. package/internal/components/option/styles.css.js +17 -17
  142. package/internal/components/option/styles.scoped.css +39 -39
  143. package/internal/components/option/styles.selectors.js +17 -17
  144. package/internal/components/options-list/styles.css.js +2 -2
  145. package/internal/components/options-list/styles.scoped.css +14 -8
  146. package/internal/components/options-list/styles.selectors.js +2 -2
  147. package/internal/components/screenreader-only/styles.css.js +1 -1
  148. package/internal/components/screenreader-only/styles.scoped.css +3 -3
  149. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  150. package/internal/components/selectable-item/styles.css.js +16 -16
  151. package/internal/components/selectable-item/styles.scoped.css +74 -65
  152. package/internal/components/selectable-item/styles.selectors.js +16 -16
  153. package/internal/components/token-list/styles.css.js +9 -9
  154. package/internal/components/token-list/styles.scoped.css +44 -33
  155. package/internal/components/token-list/styles.selectors.js +9 -9
  156. package/internal/environment.js +1 -1
  157. package/internal/environment.json +1 -1
  158. package/internal/manifest.json +1 -1
  159. package/link/styles.css.js +20 -20
  160. package/link/styles.scoped.css +75 -72
  161. package/link/styles.selectors.js +20 -20
  162. package/modal/styles.css.js +23 -23
  163. package/modal/styles.scoped.css +76 -61
  164. package/modal/styles.selectors.js +23 -23
  165. package/multiselect/styles.css.js +2 -2
  166. package/multiselect/styles.scoped.css +3 -3
  167. package/multiselect/styles.selectors.js +2 -2
  168. package/package.json +1 -1
  169. package/pagination/styles.css.js +9 -9
  170. package/pagination/styles.scoped.css +29 -25
  171. package/pagination/styles.selectors.js +9 -9
  172. package/popover/styles.css.js +50 -50
  173. package/popover/styles.scoped.css +75 -72
  174. package/popover/styles.selectors.js +50 -50
  175. package/progress-bar/styles.css.js +18 -18
  176. package/progress-bar/styles.scoped.css +33 -33
  177. package/progress-bar/styles.selectors.js +18 -18
  178. package/property-filter/styles.css.js +31 -31
  179. package/property-filter/styles.scoped.css +34 -34
  180. package/property-filter/styles.selectors.js +31 -31
  181. package/radio-group/styles.css.js +9 -9
  182. package/radio-group/styles.scoped.css +28 -25
  183. package/radio-group/styles.selectors.js +9 -9
  184. package/segmented-control/styles.css.js +14 -14
  185. package/segmented-control/styles.scoped.css +42 -39
  186. package/segmented-control/styles.selectors.js +14 -14
  187. package/select/parts/styles.css.js +16 -16
  188. package/select/parts/styles.scoped.css +18 -18
  189. package/select/parts/styles.selectors.js +16 -16
  190. package/side-navigation/styles.css.js +28 -28
  191. package/side-navigation/styles.scoped.css +43 -40
  192. package/side-navigation/styles.selectors.js +28 -28
  193. package/split-panel/styles.css.js +55 -55
  194. package/split-panel/styles.scoped.css +84 -81
  195. package/split-panel/styles.selectors.js +55 -55
  196. package/status-indicator/styles.css.js +23 -23
  197. package/status-indicator/styles.scoped.css +30 -30
  198. package/status-indicator/styles.selectors.js +23 -23
  199. package/table/body-cell/styles.css.js +30 -30
  200. package/table/body-cell/styles.scoped.css +166 -153
  201. package/table/body-cell/styles.selectors.js +30 -30
  202. package/table/header-cell/styles.css.js +24 -24
  203. package/table/header-cell/styles.scoped.css +77 -70
  204. package/table/header-cell/styles.selectors.js +24 -24
  205. package/table/resizer/styles.css.js +8 -8
  206. package/table/resizer/styles.scoped.css +43 -40
  207. package/table/resizer/styles.selectors.js +8 -8
  208. package/table/selection/styles.css.js +3 -3
  209. package/table/selection/styles.scoped.css +9 -9
  210. package/table/selection/styles.selectors.js +3 -3
  211. package/table/sticky-scrollbar/styles.css.js +6 -6
  212. package/table/sticky-scrollbar/styles.scoped.css +16 -16
  213. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  214. package/table/styles.css.js +35 -35
  215. package/table/styles.scoped.css +94 -87
  216. package/table/styles.selectors.js +35 -35
  217. package/tabs/styles.css.js +21 -21
  218. package/tabs/styles.scoped.css +104 -79
  219. package/tabs/styles.selectors.js +21 -21
  220. package/tag-editor/styles.css.js +3 -3
  221. package/tag-editor/styles.scoped.css +14 -11
  222. package/tag-editor/styles.selectors.js +3 -3
  223. package/text-content/styles.css.js +1 -1
  224. package/text-content/styles.scoped.css +74 -67
  225. package/text-content/styles.selectors.js +1 -1
  226. package/text-filter/styles.css.js +3 -3
  227. package/text-filter/styles.scoped.css +5 -5
  228. package/text-filter/styles.selectors.js +3 -3
  229. package/textarea/styles.css.js +4 -4
  230. package/textarea/styles.scoped.css +34 -23
  231. package/textarea/styles.selectors.js +4 -4
  232. package/tiles/styles.css.js +29 -29
  233. package/tiles/styles.scoped.css +112 -99
  234. package/tiles/styles.selectors.js +29 -29
  235. package/toggle/styles.css.js +8 -8
  236. package/toggle/styles.scoped.css +38 -29
  237. package/toggle/styles.selectors.js +8 -8
  238. package/token-group/styles.css.js +8 -8
  239. package/token-group/styles.scoped.css +46 -31
  240. package/token-group/styles.selectors.js +8 -8
  241. package/top-navigation/1.0-beta/styles.css.js +25 -25
  242. package/top-navigation/1.0-beta/styles.scoped.css +90 -83
  243. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  244. package/top-navigation/styles.css.js +47 -47
  245. package/top-navigation/styles.scoped.css +149 -130
  246. package/top-navigation/styles.selectors.js +47 -47
  247. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  248. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +36 -32
  249. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  250. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  251. package/tutorial-panel/components/tutorial-list/styles.scoped.css +47 -36
  252. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  253. package/tutorial-panel/styles.css.js +1 -1
  254. package/tutorial-panel/styles.scoped.css +4 -2
  255. package/tutorial-panel/styles.selectors.js +1 -1
  256. package/wizard/styles.css.js +32 -32
  257. package/wizard/styles.scoped.css +145 -117
  258. package/wizard/styles.selectors.js +32 -32
@@ -2,13 +2,13 @@
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_4yi2u_muj6b_93",
6
- "outline": "awsui_outline_4yi2u_muj6b_129",
7
- "toggle-control": "awsui_toggle-control_4yi2u_muj6b_148",
8
- "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_muj6b_158",
9
- "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_muj6b_161",
10
- "toggle-handle": "awsui_toggle-handle_4yi2u_muj6b_168",
11
- "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_muj6b_180",
12
- "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_muj6b_183"
5
+ "root": "awsui_root_4yi2u_1a1yw_93",
6
+ "outline": "awsui_outline_4yi2u_1a1yw_129",
7
+ "toggle-control": "awsui_toggle-control_4yi2u_1a1yw_151",
8
+ "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1a1yw_164",
9
+ "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1a1yw_167",
10
+ "toggle-handle": "awsui_toggle-handle_4yi2u_1a1yw_174",
11
+ "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1a1yw_189",
12
+ "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1a1yw_192"
13
13
  };
14
14
 
@@ -1,13 +1,13 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_dm8gx_xmq4e_97",
5
- "has-items": "awsui_has-items_dm8gx_xmq4e_131",
6
- "no-padding": "awsui_no-padding_dm8gx_xmq4e_131",
7
- "dismiss-button": "awsui_dismiss-button_dm8gx_xmq4e_135",
8
- "token": "awsui_token_dm8gx_xmq4e_169",
9
- "token-box": "awsui_token-box_dm8gx_xmq4e_176",
10
- "token-box-error": "awsui_token-box-error_dm8gx_xmq4e_188",
11
- "token-box-disabled": "awsui_token-box-disabled_dm8gx_xmq4e_199"
4
+ "root": "awsui_root_dm8gx_ae8n8_97",
5
+ "has-items": "awsui_has-items_dm8gx_ae8n8_131",
6
+ "no-padding": "awsui_no-padding_dm8gx_ae8n8_131",
7
+ "dismiss-button": "awsui_dismiss-button_dm8gx_ae8n8_135",
8
+ "token": "awsui_token_dm8gx_ae8n8_177",
9
+ "token-box": "awsui_token-box_dm8gx_ae8n8_184",
10
+ "token-box-error": "awsui_token-box-error_dm8gx_ae8n8_203",
11
+ "token-box-disabled": "awsui_token-box-disabled_dm8gx_ae8n8_214"
12
12
  };
13
13
 
@@ -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_dm8gx_xmq4e_97:not(#\9) {
97
+ .awsui_root_dm8gx_ae8n8_97:not(#\9) {
98
98
  border-collapse: separate;
99
99
  border-spacing: 0;
100
100
  box-sizing: border-box;
@@ -129,84 +129,99 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  -webkit-font-smoothing: auto;
130
130
  -moz-osx-font-smoothing: auto;
131
131
  }
132
- .awsui_root_dm8gx_xmq4e_97.awsui_has-items_dm8gx_xmq4e_131:not(#\9):not(.awsui_no-padding_dm8gx_xmq4e_131) {
133
- padding-top: var(--space-xs-zb16t3, 8px);
132
+ .awsui_root_dm8gx_ae8n8_97.awsui_has-items_dm8gx_ae8n8_131:not(#\9):not(.awsui_no-padding_dm8gx_ae8n8_131) {
133
+ padding-block-start: var(--space-xs-zb16t3, 8px);
134
134
  }
135
135
 
136
- .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9) {
137
- margin: -1px -1px 0 var(--space-xxs-p8yyaw, 4px);
138
- border: 1px solid transparent;
139
- padding: 0 var(--space-xxs-p8yyaw, 4px);
136
+ .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9) {
137
+ margin-block-start: -1px;
138
+ margin-block-end: 0;
139
+ margin-inline-start: var(--space-xxs-p8yyaw, 4px);
140
+ margin-inline-end: -1px;
141
+ border-block: 1px solid transparent;
142
+ border-inline: 1px solid transparent;
143
+ padding-block: 0;
144
+ padding-inline: var(--space-xxs-p8yyaw, 4px);
140
145
  color: var(--color-text-button-inline-icon-default-s3yux9, #0972d3);
141
146
  background-color: transparent;
142
147
  }
143
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9):focus {
148
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9):focus {
144
149
  position: relative;
145
150
  }
146
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9):focus {
151
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9):focus {
147
152
  outline: 2px dotted transparent;
148
153
  outline-offset: calc(0px - 1px);
149
154
  }
150
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9):focus::before {
155
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9):focus::before {
151
156
  content: " ";
152
157
  display: block;
153
158
  position: absolute;
154
- left: calc(-1 * 0px);
155
- top: calc(-1 * 0px);
156
- width: calc(100% + 2 * 0px);
157
- height: calc(100% + 2 * 0px);
158
- border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
159
+ inset-inline-start: calc(-1 * 0px);
160
+ inset-block-start: calc(-1 * 0px);
161
+ inline-size: calc(100% + 2 * 0px);
162
+ block-size: calc(100% + 2 * 0px);
163
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
164
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
165
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
166
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
159
167
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
160
168
  }
161
- .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9):focus {
169
+ .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9):focus {
162
170
  outline: none;
163
171
  text-decoration: none;
164
172
  }
165
- .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9):hover {
173
+ .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9):hover {
166
174
  cursor: pointer;
167
175
  color: var(--color-text-button-inline-icon-hover-my2daf, #033160);
168
176
  }
169
177
 
170
- .awsui_token_dm8gx_xmq4e_169:not(#\9) {
171
- height: 100%;
178
+ .awsui_token_dm8gx_ae8n8_177:not(#\9) {
179
+ block-size: 100%;
172
180
  display: flex;
173
181
  flex-direction: column;
174
182
  gap: var(--space-xxs-p8yyaw, 4px);
175
183
  }
176
184
 
177
- .awsui_token-box_dm8gx_xmq4e_176:not(#\9) {
178
- height: 100%;
179
- border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
180
- padding: var(--space-scaled-xxs-7597g1, 4px) var(--space-xxs-p8yyaw, 4px) var(--space-scaled-xxs-7597g1, 4px) var(--space-field-horizontal-gg19kw, 12px);
185
+ .awsui_token-box_dm8gx_ae8n8_184:not(#\9) {
186
+ block-size: 100%;
187
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
188
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
189
+ padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
190
+ padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
191
+ padding-inline-start: var(--space-field-horizontal-gg19kw, 12px);
192
+ padding-inline-end: var(--space-xxs-p8yyaw, 4px);
181
193
  display: flex;
182
194
  align-items: flex-start;
183
195
  background: var(--color-background-item-selected-hcx8l4, #f2f8fd);
184
- border-radius: var(--border-radius-token-923jqq, 8px);
196
+ border-start-start-radius: var(--border-radius-token-923jqq, 8px);
197
+ border-start-end-radius: var(--border-radius-token-923jqq, 8px);
198
+ border-end-start-radius: var(--border-radius-token-923jqq, 8px);
199
+ border-end-end-radius: var(--border-radius-token-923jqq, 8px);
185
200
  color: var(--color-text-body-default-at06ol, #000716);
186
201
  box-sizing: border-box;
187
202
  }
188
203
 
189
- .awsui_token-box-error_dm8gx_xmq4e_188:not(#\9) {
204
+ .awsui_token-box-error_dm8gx_ae8n8_203:not(#\9) {
190
205
  border-color: var(--color-border-status-error-dj6icm, #d91515);
191
- border-left-width: var(--border-invalid-width-5ktjp2, 8px);
206
+ border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
192
207
  }
193
- .awsui_token-box-error_dm8gx_xmq4e_188 > .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9) {
208
+ .awsui_token-box-error_dm8gx_ae8n8_203 > .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9) {
194
209
  color: var(--color-text-interactive-default-lnx6lk, #414d5c);
195
210
  }
196
- .awsui_token-box-error_dm8gx_xmq4e_188 > .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9):hover {
211
+ .awsui_token-box-error_dm8gx_ae8n8_203 > .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9):hover {
197
212
  color: var(--color-text-interactive-hover-mj8add, #000716);
198
213
  }
199
214
 
200
- .awsui_token-box-disabled_dm8gx_xmq4e_199.awsui_token-box-disabled_dm8gx_xmq4e_199:not(#\9) {
215
+ .awsui_token-box-disabled_dm8gx_ae8n8_214.awsui_token-box-disabled_dm8gx_ae8n8_214:not(#\9) {
201
216
  border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
202
217
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
203
218
  color: var(--color-text-disabled-f4c52h, #9ba7b6);
204
219
  pointer-events: none;
205
220
  }
206
- .awsui_token-box-disabled_dm8gx_xmq4e_199.awsui_token-box-disabled_dm8gx_xmq4e_199 > .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9) {
221
+ .awsui_token-box-disabled_dm8gx_ae8n8_214.awsui_token-box-disabled_dm8gx_ae8n8_214 > .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9) {
207
222
  color: var(--color-text-button-inline-icon-disabled-mz5gmn, #9ba7b6);
208
223
  }
209
- .awsui_token-box-disabled_dm8gx_xmq4e_199.awsui_token-box-disabled_dm8gx_xmq4e_199 > .awsui_dismiss-button_dm8gx_xmq4e_135:not(#\9):hover {
224
+ .awsui_token-box-disabled_dm8gx_ae8n8_214.awsui_token-box-disabled_dm8gx_ae8n8_214 > .awsui_dismiss-button_dm8gx_ae8n8_135:not(#\9):hover {
210
225
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
211
226
  cursor: initial;
212
227
  color: var(--color-text-button-inline-icon-disabled-mz5gmn, #9ba7b6);
@@ -2,13 +2,13 @@
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_dm8gx_xmq4e_97",
6
- "has-items": "awsui_has-items_dm8gx_xmq4e_131",
7
- "no-padding": "awsui_no-padding_dm8gx_xmq4e_131",
8
- "dismiss-button": "awsui_dismiss-button_dm8gx_xmq4e_135",
9
- "token": "awsui_token_dm8gx_xmq4e_169",
10
- "token-box": "awsui_token-box_dm8gx_xmq4e_176",
11
- "token-box-error": "awsui_token-box-error_dm8gx_xmq4e_188",
12
- "token-box-disabled": "awsui_token-box-disabled_dm8gx_xmq4e_199"
5
+ "root": "awsui_root_dm8gx_ae8n8_97",
6
+ "has-items": "awsui_has-items_dm8gx_ae8n8_131",
7
+ "no-padding": "awsui_no-padding_dm8gx_ae8n8_131",
8
+ "dismiss-button": "awsui_dismiss-button_dm8gx_ae8n8_135",
9
+ "token": "awsui_token_dm8gx_ae8n8_177",
10
+ "token-box": "awsui_token-box_dm8gx_ae8n8_184",
11
+ "token-box-error": "awsui_token-box-error_dm8gx_ae8n8_203",
12
+ "token-box-disabled": "awsui_token-box-disabled_dm8gx_ae8n8_214"
13
13
  };
14
14
 
@@ -1,30 +1,30 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "top-navigation": "awsui_top-navigation_1ca1i_1tfdu_93",
5
- "padding-box": "awsui_padding-box_1ca1i_1tfdu_128",
6
- "medium": "awsui_medium_1ca1i_1tfdu_138",
7
- "narrow": "awsui_narrow_1ca1i_1tfdu_138",
8
- "hidden": "awsui_hidden_1ca1i_1tfdu_146",
9
- "\t": "awsui_\t_1ca1i_1tfdu_1",
10
- "identity": "awsui_identity_1ca1i_1tfdu_159",
11
- "identity-link": "awsui_identity-link_1ca1i_1tfdu_159",
12
- "no-logo": "awsui_no-logo_1ca1i_1tfdu_176",
13
- "logo": "awsui_logo_1ca1i_1tfdu_180",
14
- "title": "awsui_title_1ca1i_1tfdu_191",
15
- "inputs": "awsui_inputs_1ca1i_1tfdu_207",
16
- "search": "awsui_search_1ca1i_1tfdu_214",
17
- "search-expanded": "awsui_search-expanded_1ca1i_1tfdu_219",
18
- "utilities": "awsui_utilities_1ca1i_1tfdu_224",
19
- "utility-wrapper": "awsui_utility-wrapper_1ca1i_1tfdu_236",
20
- "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_1tfdu_252",
21
- "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_1tfdu_252",
22
- "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_1tfdu_266",
23
- "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_1tfdu_281",
24
- "utility-link-icon": "awsui_utility-link-icon_1ca1i_1tfdu_294",
25
- "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_1tfdu_298",
26
- "trigger": "awsui_trigger_1ca1i_1tfdu_302",
27
- "rotate-up": "awsui_rotate-up_1ca1i_1tfdu_306",
28
- "rotate-down": "awsui_rotate-down_1ca1i_1tfdu_321"
4
+ "top-navigation": "awsui_top-navigation_1ca1i_1012c_93",
5
+ "padding-box": "awsui_padding-box_1ca1i_1012c_128",
6
+ "medium": "awsui_medium_1ca1i_1012c_140",
7
+ "narrow": "awsui_narrow_1ca1i_1012c_140",
8
+ "hidden": "awsui_hidden_1ca1i_1012c_150",
9
+ "\t": "awsui_\t_1ca1i_1012c_1",
10
+ "identity": "awsui_identity_1ca1i_1012c_163",
11
+ "identity-link": "awsui_identity-link_1ca1i_1012c_163",
12
+ "no-logo": "awsui_no-logo_1ca1i_1012c_183",
13
+ "logo": "awsui_logo_1ca1i_1012c_187",
14
+ "title": "awsui_title_1ca1i_1012c_198",
15
+ "inputs": "awsui_inputs_1ca1i_1012c_214",
16
+ "search": "awsui_search_1ca1i_1012c_221",
17
+ "search-expanded": "awsui_search-expanded_1ca1i_1012c_226",
18
+ "utilities": "awsui_utilities_1ca1i_1012c_231",
19
+ "utility-wrapper": "awsui_utility-wrapper_1ca1i_1012c_243",
20
+ "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_1012c_258",
21
+ "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_1012c_258",
22
+ "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_1012c_271",
23
+ "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_1012c_287",
24
+ "utility-link-icon": "awsui_utility-link-icon_1ca1i_1012c_301",
25
+ "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_1012c_305",
26
+ "trigger": "awsui_trigger_1ca1i_1012c_309",
27
+ "rotate-up": "awsui_rotate-up_1ca1i_1012c_313",
28
+ "rotate-down": "awsui_rotate-down_1ca1i_1012c_328"
29
29
  };
30
30
 
@@ -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_top-navigation_1ca1i_1tfdu_93:not(#\9) {
93
+ .awsui_top-navigation_1ca1i_1012c_93:not(#\9) {
94
94
  border-collapse: separate;
95
95
  border-spacing: 0;
96
96
  box-sizing: border-box;
@@ -126,210 +126,217 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
126
126
  -moz-osx-font-smoothing: auto;
127
127
  background: var(--color-background-container-content-4un1ap, #ffffff);
128
128
  }
129
- .awsui_top-navigation_1ca1i_1tfdu_93 > .awsui_padding-box_1ca1i_1tfdu_128:not(#\9) {
129
+ .awsui_top-navigation_1ca1i_1012c_93 > .awsui_padding-box_1ca1i_1012c_128:not(#\9) {
130
130
  display: flex;
131
131
  flex-direction: row;
132
132
  flex-wrap: nowrap;
133
133
  justify-content: space-between;
134
134
  align-items: center;
135
135
  box-sizing: border-box;
136
- height: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-m-mo5yse, 16px));
137
- padding: 0 0 0 var(--space-l-t419sm, 20px);
136
+ block-size: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-m-mo5yse, 16px));
137
+ padding-block: 0;
138
+ padding-inline-start: var(--space-l-t419sm, 20px);
139
+ padding-inline-end: 0;
138
140
  }
139
- .awsui_top-navigation_1ca1i_1tfdu_93.awsui_medium_1ca1i_1tfdu_138 > .awsui_padding-box_1ca1i_1tfdu_128:not(#\9), .awsui_top-navigation_1ca1i_1tfdu_93.awsui_narrow_1ca1i_1tfdu_138 > .awsui_padding-box_1ca1i_1tfdu_128:not(#\9) {
140
- height: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-xs-26e2du, 8px));
141
+ .awsui_top-navigation_1ca1i_1012c_93.awsui_medium_1ca1i_1012c_140 > .awsui_padding-box_1ca1i_1012c_128:not(#\9), .awsui_top-navigation_1ca1i_1012c_93.awsui_narrow_1ca1i_1012c_140 > .awsui_padding-box_1ca1i_1012c_128:not(#\9) {
142
+ block-size: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-xs-26e2du, 8px));
141
143
  }
142
- .awsui_top-navigation_1ca1i_1tfdu_93.awsui_narrow_1ca1i_1tfdu_138 > .awsui_padding-box_1ca1i_1tfdu_128:not(#\9) {
143
- height: var(--space-xxxl-4x2gki, 40px);
144
- padding: 0 0 0 var(--space-xs-zb16t3, 8px);
144
+ .awsui_top-navigation_1ca1i_1012c_93.awsui_narrow_1ca1i_1012c_140 > .awsui_padding-box_1ca1i_1012c_128:not(#\9) {
145
+ block-size: var(--space-xxxl-4x2gki, 40px);
146
+ padding-block: 0;
147
+ padding-inline-start: var(--space-xs-zb16t3, 8px);
148
+ padding-inline-end: 0;
145
149
  }
146
150
 
147
- .awsui_hidden_1ca1i_1tfdu_146:not(#\9) {
151
+ .awsui_hidden_1ca1i_1012c_150:not(#\9) {
148
152
  position: absolute !important;
149
- top: -9999px !important;
150
- left: -9999px !important;
153
+ inset-block-start: -9999px !important;
154
+ inset-inline-start: -9999px !important;
151
155
  visibility: hidden;
152
- width: 9000px;
156
+ inline-size: 9000px;
153
157
  }
154
158
 
155
159
  /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
156
- .awsui_hidden_1ca1i_1tfdu_146 *:not(#\9):not(#awsui_\9 _1ca1i_1tfdu_1) {
160
+ .awsui_hidden_1ca1i_1012c_150 *:not(#\9):not(#awsui_\9 _1ca1i_1012c_1) {
157
161
  visibility: hidden;
158
162
  }
159
163
 
160
- .awsui_identity_1ca1i_1tfdu_159 > .awsui_identity-link_1ca1i_1tfdu_159:not(#\9) {
164
+ .awsui_identity_1ca1i_1012c_163 > .awsui_identity-link_1ca1i_1012c_163:not(#\9) {
161
165
  display: flex;
162
166
  align-items: center;
163
167
  text-decoration: none;
164
168
  color: var(--color-text-top-navigation-title-v7rgbf, #000716);
165
169
  }
166
- .awsui_identity_1ca1i_1tfdu_159 > .awsui_identity-link_1ca1i_1tfdu_159:not(#\9):hover {
170
+ .awsui_identity_1ca1i_1012c_163 > .awsui_identity-link_1ca1i_1012c_163:not(#\9):hover {
167
171
  color: var(--color-text-accent-n2acxv, #0972d3);
168
172
  }
169
- body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_1tfdu_159 > .awsui_identity-link_1ca1i_1tfdu_159:not(#\9):focus {
173
+ body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_1012c_163 > .awsui_identity-link_1ca1i_1012c_163:not(#\9):focus {
170
174
  outline: thin dotted;
171
175
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
172
176
  outline-offset: 2px;
173
177
  outline-color: var(--color-border-item-focused-b2ntyl, #0972d3);
174
- border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
178
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
179
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
180
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
181
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
175
182
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
176
183
  }
177
- .awsui_identity_1ca1i_1tfdu_159.awsui_no-logo_1ca1i_1tfdu_176:not(#\9) {
178
- min-width: 100px;
184
+ .awsui_identity_1ca1i_1012c_163.awsui_no-logo_1ca1i_1012c_183:not(#\9) {
185
+ min-inline-size: 100px;
179
186
  }
180
187
 
181
- .awsui_logo_1ca1i_1tfdu_180:not(#\9) {
188
+ .awsui_logo_1ca1i_1012c_187:not(#\9) {
182
189
  display: block;
183
- max-height: var(--space-xxl-cu2m1r, 32px);
184
- margin-left: var(--space-s-34lx8l, 12px);
185
- width: auto;
186
- min-width: 10px;
190
+ max-block-size: var(--space-xxl-cu2m1r, 32px);
191
+ margin-inline-start: var(--space-s-34lx8l, 12px);
192
+ inline-size: auto;
193
+ min-inline-size: 10px;
187
194
  }
188
- .awsui_logo_1ca1i_1tfdu_180.awsui_narrow_1ca1i_1tfdu_138:not(#\9) {
189
- max-height: var(--space-xl-lmui9r, 24px);
195
+ .awsui_logo_1ca1i_1012c_187.awsui_narrow_1ca1i_1012c_140:not(#\9) {
196
+ max-block-size: var(--space-xl-lmui9r, 24px);
190
197
  }
191
198
 
192
- .awsui_title_1ca1i_1tfdu_191:not(#\9) {
199
+ .awsui_title_1ca1i_1012c_198:not(#\9) {
193
200
  font-size: var(--font-size-heading-m-sjd256, 18px);
194
201
  line-height: var(--line-height-heading-m-50evfk, 22px);
195
202
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
196
203
  font-weight: var(--font-weight-heading-m-m2ekmb, 700);
197
204
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
198
205
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
199
- margin-left: var(--space-s-34lx8l, 12px);
206
+ margin-inline-start: var(--space-s-34lx8l, 12px);
200
207
  white-space: nowrap;
201
208
  overflow: hidden;
202
209
  text-overflow: ellipsis;
203
210
  }
204
- .awsui_no-logo_1ca1i_1tfdu_176 > .awsui_identity-link_1ca1i_1tfdu_159 > .awsui_title_1ca1i_1tfdu_191:not(#\9) {
211
+ .awsui_no-logo_1ca1i_1012c_183 > .awsui_identity-link_1ca1i_1012c_163 > .awsui_title_1ca1i_1012c_198:not(#\9) {
205
212
  font-weight: 700;
206
213
  }
207
214
 
208
- .awsui_inputs_1ca1i_1tfdu_207:not(#\9) {
215
+ .awsui_inputs_1ca1i_1012c_214:not(#\9) {
209
216
  flex: 1;
210
- min-width: 0;
217
+ min-inline-size: 0;
211
218
  display: flex;
212
219
  justify-content: center;
213
220
  }
214
221
 
215
- .awsui_search_1ca1i_1tfdu_214:not(#\9) {
216
- width: 100%;
217
- max-width: 340px;
218
- padding-left: var(--space-xxxl-4x2gki, 40px);
222
+ .awsui_search_1ca1i_1012c_221:not(#\9) {
223
+ inline-size: 100%;
224
+ max-inline-size: 340px;
225
+ padding-inline-start: var(--space-xxxl-4x2gki, 40px);
219
226
  }
220
- .awsui_search-expanded_1ca1i_1tfdu_219:not(#\9) {
221
- max-width: none;
222
- padding-left: var(--space-s-34lx8l, 12px);
227
+ .awsui_search-expanded_1ca1i_1012c_226:not(#\9) {
228
+ max-inline-size: none;
229
+ padding-inline-start: var(--space-s-34lx8l, 12px);
223
230
  }
224
231
 
225
- .awsui_utilities_1ca1i_1tfdu_224:not(#\9) {
232
+ .awsui_utilities_1ca1i_1012c_231:not(#\9) {
226
233
  display: flex;
227
234
  flex-shrink: 0;
228
235
  flex-direction: row;
229
236
  align-items: stretch;
230
- padding-left: var(--space-m-udix3p, 16px);
231
- height: 100%;
237
+ padding-inline-start: var(--space-m-udix3p, 16px);
238
+ block-size: 100%;
232
239
  }
233
- .awsui_medium_1ca1i_1tfdu_138 > .awsui_padding-box_1ca1i_1tfdu_128 > .awsui_utilities_1ca1i_1tfdu_224:not(#\9), .awsui_narrow_1ca1i_1tfdu_138 > .awsui_padding-box_1ca1i_1tfdu_128 > .awsui_utilities_1ca1i_1tfdu_224:not(#\9) {
234
- padding-left: 0;
240
+ .awsui_medium_1ca1i_1012c_140 > .awsui_padding-box_1ca1i_1012c_128 > .awsui_utilities_1ca1i_1012c_231:not(#\9), .awsui_narrow_1ca1i_1012c_140 > .awsui_padding-box_1ca1i_1012c_128 > .awsui_utilities_1ca1i_1012c_231:not(#\9) {
241
+ padding-inline-start: 0;
235
242
  }
236
243
 
237
- .awsui_utility-wrapper_1ca1i_1tfdu_236:not(#\9) {
244
+ .awsui_utility-wrapper_1ca1i_1012c_243:not(#\9) {
238
245
  display: flex;
239
246
  position: relative;
240
247
  flex-shrink: 0;
241
248
  align-items: center;
242
249
  }
243
- .awsui_utility-wrapper_1ca1i_1tfdu_236:not(#\9)::after {
250
+ .awsui_utility-wrapper_1ca1i_1012c_243:not(#\9)::after {
244
251
  display: block;
245
252
  position: absolute;
246
253
  content: "";
247
- width: 1px;
248
- right: 0;
249
- top: var(--space-s-34lx8l, 12px);
250
- bottom: var(--space-s-34lx8l, 12px);
254
+ inline-size: 1px;
255
+ inset-inline-end: 0;
256
+ inset-block: var(--space-s-34lx8l, 12px);
251
257
  background: var(--color-border-divider-default-j74lyz, #b6bec9);
252
258
  }
253
- .awsui_utility-wrapper_1ca1i_1tfdu_236.awsui_utility-wrapper-last_1ca1i_1tfdu_252:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_1tfdu_252) {
254
- padding-right: 0;
259
+ .awsui_utility-wrapper_1ca1i_1012c_243.awsui_utility-wrapper-last_1ca1i_1012c_258:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_1012c_258) {
260
+ padding-inline-end: 0;
255
261
  }
256
- .awsui_utility-wrapper_1ca1i_1tfdu_236.awsui_utility-wrapper-last_1ca1i_1tfdu_252:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_1tfdu_252)::after {
262
+ .awsui_utility-wrapper_1ca1i_1012c_243.awsui_utility-wrapper-last_1ca1i_1012c_258:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_1012c_258)::after {
257
263
  display: none;
258
264
  }
259
- .awsui_medium_1ca1i_1tfdu_138 > .awsui_padding-box_1ca1i_1tfdu_128 > .awsui_utilities_1ca1i_1tfdu_224 > .awsui_utility-wrapper_1ca1i_1tfdu_236:not(#\9)::after, .awsui_narrow_1ca1i_1tfdu_138 > .awsui_padding-box_1ca1i_1tfdu_128 > .awsui_utilities_1ca1i_1tfdu_224 > .awsui_utility-wrapper_1ca1i_1tfdu_236:not(#\9)::after {
260
- top: var(--space-xs-zb16t3, 8px);
261
- bottom: var(--space-xs-zb16t3, 8px);
265
+ .awsui_medium_1ca1i_1012c_140 > .awsui_padding-box_1ca1i_1012c_128 > .awsui_utilities_1ca1i_1012c_231 > .awsui_utility-wrapper_1ca1i_1012c_243:not(#\9)::after, .awsui_narrow_1ca1i_1012c_140 > .awsui_padding-box_1ca1i_1012c_128 > .awsui_utilities_1ca1i_1012c_231 > .awsui_utility-wrapper_1ca1i_1012c_243:not(#\9)::after {
266
+ inset-block: var(--space-xs-zb16t3, 8px);
262
267
  }
263
268
 
264
- .awsui_utility-wrapper-last_1ca1i_1tfdu_252:not(#\9) {
265
- margin-right: var(--space-s-34lx8l, 12px);
269
+ .awsui_utility-wrapper-last_1ca1i_1012c_258:not(#\9) {
270
+ margin-inline-end: var(--space-s-34lx8l, 12px);
266
271
  }
267
- .awsui_utility-wrapper-last_1ca1i_1tfdu_252.awsui_utility-type-menu-dropdown_1ca1i_1tfdu_266:not(#\9) {
268
- margin-right: 0;
272
+ .awsui_utility-wrapper-last_1ca1i_1012c_258.awsui_utility-type-menu-dropdown_1ca1i_1012c_271:not(#\9) {
273
+ margin-inline-end: 0;
269
274
  }
270
- .awsui_narrow_1ca1i_1tfdu_138 > .awsui_padding-box_1ca1i_1tfdu_128 > .awsui_utilities_1ca1i_1tfdu_224 > .awsui_utility-wrapper-last_1ca1i_1tfdu_252:not(#\9) {
271
- margin-right: 0;
275
+ .awsui_narrow_1ca1i_1012c_140 > .awsui_padding-box_1ca1i_1012c_128 > .awsui_utilities_1ca1i_1012c_231 > .awsui_utility-wrapper-last_1ca1i_1012c_258:not(#\9) {
276
+ margin-inline-end: 0;
272
277
  }
273
- .awsui_narrow_1ca1i_1tfdu_138 > .awsui_padding-box_1ca1i_1tfdu_128 > .awsui_utilities_1ca1i_1tfdu_224 > .awsui_utility-wrapper-last_1ca1i_1tfdu_252.awsui_utility-type-button-primary-button_1ca1i_1tfdu_252:not(#\9) {
274
- padding-right: var(--space-l-t419sm, 20px);
278
+ .awsui_narrow_1ca1i_1012c_140 > .awsui_padding-box_1ca1i_1012c_128 > .awsui_utilities_1ca1i_1012c_231 > .awsui_utility-wrapper-last_1ca1i_1012c_258.awsui_utility-type-button-primary-button_1ca1i_1012c_258:not(#\9) {
279
+ padding-inline-end: var(--space-l-t419sm, 20px);
275
280
  }
276
281
 
277
- .awsui_utility-type-menu-dropdown_1ca1i_1tfdu_266:not(#\9) {
278
- padding: 0 var(--space-s-34lx8l, 12px);
282
+ .awsui_utility-type-menu-dropdown_1ca1i_1012c_271:not(#\9) {
283
+ padding-block: 0;
284
+ padding-inline: var(--space-s-34lx8l, 12px);
279
285
  align-items: stretch;
280
286
  }
281
287
 
282
- .awsui_utility-type-button-link_1ca1i_1tfdu_281:not(#\9),
283
- .awsui_utility-type-button-primary-button_1ca1i_1tfdu_252:not(#\9) {
284
- padding: 0 var(--space-m-udix3p, 16px);
288
+ .awsui_utility-type-button-link_1ca1i_1012c_287:not(#\9),
289
+ .awsui_utility-type-button-primary-button_1ca1i_1012c_258:not(#\9) {
290
+ padding-block: 0;
291
+ padding-inline: var(--space-m-udix3p, 16px);
285
292
  }
286
293
 
287
- .awsui_utility-type-button-primary-button_1ca1i_1tfdu_252:not(#\9) {
288
- left: -1px;
289
- border-left: 1px solid var(--color-background-container-content-4un1ap, #ffffff);
294
+ .awsui_utility-type-button-primary-button_1ca1i_1012c_258:not(#\9) {
295
+ inset-inline-start: -1px;
296
+ border-inline-start: 1px solid var(--color-background-container-content-4un1ap, #ffffff);
290
297
  }
291
- .awsui_utility-type-button-primary-button_1ca1i_1tfdu_252:not(#\9)::after {
298
+ .awsui_utility-type-button-primary-button_1ca1i_1012c_258:not(#\9)::after {
292
299
  display: none;
293
300
  }
294
301
 
295
- .awsui_utility-link-icon_1ca1i_1tfdu_294:not(#\9) {
296
- margin-right: var(--space-xxs-p8yyaw, 4px);
302
+ .awsui_utility-link-icon_1ca1i_1012c_301:not(#\9) {
303
+ margin-inline-end: var(--space-xxs-p8yyaw, 4px);
297
304
  }
298
305
 
299
- .awsui_utility-button-external-icon_1ca1i_1tfdu_298:not(#\9) {
306
+ .awsui_utility-button-external-icon_1ca1i_1012c_305:not(#\9) {
300
307
  display: inline-block;
301
308
  }
302
309
 
303
- .awsui_trigger_1ca1i_1tfdu_302:not(#\9) {
310
+ .awsui_trigger_1ca1i_1012c_309:not(#\9) {
304
311
  /*used in test-utils*/
305
312
  }
306
313
 
307
- .awsui_rotate-up_1ca1i_1tfdu_306:not(#\9) {
314
+ .awsui_rotate-up_1ca1i_1012c_313:not(#\9) {
308
315
  transform: rotate(-180deg);
309
316
  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
310
317
  }
311
318
  @media (prefers-reduced-motion: reduce) {
312
- .awsui_rotate-up_1ca1i_1tfdu_306:not(#\9) {
319
+ .awsui_rotate-up_1ca1i_1012c_313:not(#\9) {
313
320
  animation: none;
314
321
  transition: none;
315
322
  }
316
323
  }
317
- .awsui-motion-disabled .awsui_rotate-up_1ca1i_1tfdu_306:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_1tfdu_306:not(#\9) {
324
+ .awsui-motion-disabled .awsui_rotate-up_1ca1i_1012c_313:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_1012c_313:not(#\9) {
318
325
  animation: none;
319
326
  transition: none;
320
327
  }
321
328
 
322
- .awsui_rotate-down_1ca1i_1tfdu_321:not(#\9) {
329
+ .awsui_rotate-down_1ca1i_1012c_328:not(#\9) {
323
330
  transform: rotate(0deg);
324
331
  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
325
332
  }
326
333
  @media (prefers-reduced-motion: reduce) {
327
- .awsui_rotate-down_1ca1i_1tfdu_321:not(#\9) {
334
+ .awsui_rotate-down_1ca1i_1012c_328:not(#\9) {
328
335
  animation: none;
329
336
  transition: none;
330
337
  }
331
338
  }
332
- .awsui-motion-disabled .awsui_rotate-down_1ca1i_1tfdu_321:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_1tfdu_321:not(#\9) {
339
+ .awsui-motion-disabled .awsui_rotate-down_1ca1i_1012c_328:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_1012c_328:not(#\9) {
333
340
  animation: none;
334
341
  transition: none;
335
342
  }
@@ -2,30 +2,30 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "top-navigation": "awsui_top-navigation_1ca1i_1tfdu_93",
6
- "padding-box": "awsui_padding-box_1ca1i_1tfdu_128",
7
- "medium": "awsui_medium_1ca1i_1tfdu_138",
8
- "narrow": "awsui_narrow_1ca1i_1tfdu_138",
9
- "hidden": "awsui_hidden_1ca1i_1tfdu_146",
10
- "\t": "awsui_\t_1ca1i_1tfdu_1",
11
- "identity": "awsui_identity_1ca1i_1tfdu_159",
12
- "identity-link": "awsui_identity-link_1ca1i_1tfdu_159",
13
- "no-logo": "awsui_no-logo_1ca1i_1tfdu_176",
14
- "logo": "awsui_logo_1ca1i_1tfdu_180",
15
- "title": "awsui_title_1ca1i_1tfdu_191",
16
- "inputs": "awsui_inputs_1ca1i_1tfdu_207",
17
- "search": "awsui_search_1ca1i_1tfdu_214",
18
- "search-expanded": "awsui_search-expanded_1ca1i_1tfdu_219",
19
- "utilities": "awsui_utilities_1ca1i_1tfdu_224",
20
- "utility-wrapper": "awsui_utility-wrapper_1ca1i_1tfdu_236",
21
- "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_1tfdu_252",
22
- "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_1tfdu_252",
23
- "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_1tfdu_266",
24
- "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_1tfdu_281",
25
- "utility-link-icon": "awsui_utility-link-icon_1ca1i_1tfdu_294",
26
- "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_1tfdu_298",
27
- "trigger": "awsui_trigger_1ca1i_1tfdu_302",
28
- "rotate-up": "awsui_rotate-up_1ca1i_1tfdu_306",
29
- "rotate-down": "awsui_rotate-down_1ca1i_1tfdu_321"
5
+ "top-navigation": "awsui_top-navigation_1ca1i_1012c_93",
6
+ "padding-box": "awsui_padding-box_1ca1i_1012c_128",
7
+ "medium": "awsui_medium_1ca1i_1012c_140",
8
+ "narrow": "awsui_narrow_1ca1i_1012c_140",
9
+ "hidden": "awsui_hidden_1ca1i_1012c_150",
10
+ "\t": "awsui_\t_1ca1i_1012c_1",
11
+ "identity": "awsui_identity_1ca1i_1012c_163",
12
+ "identity-link": "awsui_identity-link_1ca1i_1012c_163",
13
+ "no-logo": "awsui_no-logo_1ca1i_1012c_183",
14
+ "logo": "awsui_logo_1ca1i_1012c_187",
15
+ "title": "awsui_title_1ca1i_1012c_198",
16
+ "inputs": "awsui_inputs_1ca1i_1012c_214",
17
+ "search": "awsui_search_1ca1i_1012c_221",
18
+ "search-expanded": "awsui_search-expanded_1ca1i_1012c_226",
19
+ "utilities": "awsui_utilities_1ca1i_1012c_231",
20
+ "utility-wrapper": "awsui_utility-wrapper_1ca1i_1012c_243",
21
+ "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_1012c_258",
22
+ "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_1012c_258",
23
+ "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_1012c_271",
24
+ "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_1012c_287",
25
+ "utility-link-icon": "awsui_utility-link-icon_1ca1i_1012c_301",
26
+ "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_1012c_305",
27
+ "trigger": "awsui_trigger_1ca1i_1012c_309",
28
+ "rotate-up": "awsui_rotate-up_1ca1i_1012c_313",
29
+ "rotate-down": "awsui_rotate-down_1ca1i_1012c_328"
30
30
  };
31
31