@cloudscape-design/components 3.0.519 → 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
@@ -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_selectable-item_15o6u_1ea4r_93:not(#\9) {
93
+ .awsui_selectable-item_15o6u_mphl6_93:not(#\9) {
94
94
  font-size: var(--font-size-body-m-x4okxb, 14px);
95
95
  line-height: var(--line-height-body-m-30ar75, 20px);
96
96
  color: var(--color-text-body-default-at06ol, #000716);
@@ -101,133 +101,142 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
101
101
  position: relative;
102
102
  list-style: none;
103
103
  z-index: 1;
104
- border: var(--border-divider-list-width-27y3k5, 1px) solid transparent;
105
- border-top-color: var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
106
- border-bottom-color: var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
104
+ border-block: var(--border-divider-list-width-27y3k5, 1px) solid transparent;
105
+ border-inline: var(--border-divider-list-width-27y3k5, 1px) solid transparent;
106
+ border-block-start-color: var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
107
+ border-block-end-color: var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
107
108
  background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
108
109
  color: var(--color-text-dropdown-item-default-4o4hes, #000716);
109
- border-left-width: 0;
110
- border-right-width: 0;
111
- padding: calc(
110
+ border-inline-start-width: 0;
111
+ border-inline-end-width: 0;
112
+ padding-block: calc(
112
113
  var(--space-xxs-p8yyaw, 4px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
113
- ) calc(var(--space-field-horizontal-gg19kw, 12px) + var(--border-item-width-yel47s, 2px));
114
+ );
115
+ padding-inline: calc(var(--space-field-horizontal-gg19kw, 12px) + var(--border-item-width-yel47s, 2px));
114
116
  }
115
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_pad-bottom_15o6u_1ea4r_115:not(#\9) {
116
- padding-bottom: calc(calc(
117
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_pad-bottom_15o6u_mphl6_117:not(#\9) {
118
+ padding-block-end: calc(calc(
117
119
  var(--space-xxs-p8yyaw, 4px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
118
120
  ) + var(--space-xxxs-zbmxqb, 2px));
119
- border-bottom-color: transparent;
121
+ border-block-end-color: transparent;
120
122
  }
121
- .awsui_selectable-item_15o6u_1ea4r_93:not(#\9):not(:first-child) {
122
- margin-top: calc(-1 * var(--border-item-width-yel47s, 2px));
123
+ .awsui_selectable-item_15o6u_mphl6_93:not(#\9):not(:first-child) {
124
+ margin-block-start: calc(-1 * var(--border-item-width-yel47s, 2px));
123
125
  }
124
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_has-background_15o6u_1ea4r_124:not(#\9) {
126
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_has-background_15o6u_mphl6_126:not(#\9) {
125
127
  background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
126
128
  }
127
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_highlighted_15o6u_1ea4r_127:not(#\9), .awsui_selectable-item_15o6u_1ea4r_93.awsui_selected_15o6u_1ea4r_127:not(#\9) {
129
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_highlighted_15o6u_mphl6_129:not(#\9), .awsui_selectable-item_15o6u_mphl6_93.awsui_selected_15o6u_mphl6_129:not(#\9) {
128
130
  color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
129
131
  border-width: var(--border-item-width-yel47s, 2px);
130
- border-radius: var(--border-radius-item-05df9h, 8px);
131
- padding: var(--space-xxs-p8yyaw, 4px) var(--space-field-horizontal-gg19kw, 12px);
132
+ border-start-start-radius: var(--border-radius-item-05df9h, 8px);
133
+ border-start-end-radius: var(--border-radius-item-05df9h, 8px);
134
+ border-end-start-radius: var(--border-radius-item-05df9h, 8px);
135
+ border-end-end-radius: var(--border-radius-item-05df9h, 8px);
136
+ padding-block: var(--space-xxs-p8yyaw, 4px);
137
+ padding-inline: var(--space-field-horizontal-gg19kw, 12px);
132
138
  }
133
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_highlighted_15o6u_1ea4r_127.awsui_pad-bottom_15o6u_1ea4r_115:not(#\9), .awsui_selectable-item_15o6u_1ea4r_93.awsui_selected_15o6u_1ea4r_127.awsui_pad-bottom_15o6u_1ea4r_115:not(#\9) {
134
- padding-bottom: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-xxxs-zbmxqb, 2px));
139
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_highlighted_15o6u_mphl6_129.awsui_pad-bottom_15o6u_mphl6_117:not(#\9), .awsui_selectable-item_15o6u_mphl6_93.awsui_selected_15o6u_mphl6_129.awsui_pad-bottom_15o6u_mphl6_117:not(#\9) {
140
+ padding-block-end: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-xxxs-zbmxqb, 2px));
135
141
  }
136
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_highlighted_15o6u_1ea4r_127:not(#\9) {
142
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_highlighted_15o6u_mphl6_129:not(#\9) {
137
143
  z-index: 3;
138
144
  background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
139
145
  border-color: var(--color-border-dropdown-item-hover-461g78, #7d8998);
140
146
  }
141
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_highlighted_15o6u_1ea4r_127.awsui_disabled_15o6u_1ea4r_141:not(#\9) {
147
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_highlighted_15o6u_mphl6_129.awsui_disabled_15o6u_mphl6_147:not(#\9) {
142
148
  color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
143
149
  border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
144
150
  background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
145
151
  }
146
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_selected_15o6u_1ea4r_127:not(#\9) {
152
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_selected_15o6u_mphl6_129:not(#\9) {
147
153
  z-index: 2;
148
154
  background-color: var(--color-background-dropdown-item-selected-n136dm, #f2f8fd);
149
155
  border-color: var(--color-border-dropdown-item-selected-096aj1, #0972d3);
150
156
  }
151
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_selected_15o6u_1ea4r_127.awsui_next-item-selected_15o6u_1ea4r_151:not(#\9) {
152
- border-bottom-left-radius: 0;
153
- border-bottom-right-radius: 0;
157
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_selected_15o6u_mphl6_129.awsui_next-item-selected_15o6u_mphl6_157:not(#\9) {
158
+ border-end-start-radius: 0;
159
+ border-end-end-radius: 0;
154
160
  }
155
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_selected_15o6u_1ea4r_127.awsui_highlighted_15o6u_1ea4r_127:not(#\9) {
161
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_selected_15o6u_mphl6_129.awsui_highlighted_15o6u_mphl6_129:not(#\9) {
156
162
  border-color: var(--color-border-dropdown-item-hover-461g78, #7d8998);
157
163
  z-index: 3;
158
164
  }
159
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_selected_15o6u_1ea4r_127 + .awsui_selectable-item_15o6u_1ea4r_93.awsui_selected_15o6u_1ea4r_127:not(#\9) {
160
- border-top-left-radius: 0;
161
- border-top-right-radius: 0;
165
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_selected_15o6u_mphl6_129 + .awsui_selectable-item_15o6u_mphl6_93.awsui_selected_15o6u_mphl6_129:not(#\9) {
166
+ border-start-start-radius: 0;
167
+ border-start-end-radius: 0;
162
168
  }
163
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_highlighted_15o6u_1ea4r_127.awsui_is-keyboard_15o6u_1ea4r_163:not(#\9) {
169
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_highlighted_15o6u_mphl6_129.awsui_is-keyboard_15o6u_mphl6_169:not(#\9) {
164
170
  border-color: var(--color-border-dropdown-item-focused-5hbaf3, #414d5c);
165
171
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
166
172
  }
167
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_parent_15o6u_1ea4r_167:not(#\9) {
173
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_parent_15o6u_mphl6_173:not(#\9) {
168
174
  font-weight: bold;
169
175
  color: var(--color-text-dropdown-group-label-4x4uyw, #414d5c);
170
176
  }
171
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_parent_15o6u_1ea4r_167:not(#\9):not(.awsui_interactiveGroups_15o6u_1ea4r_171) {
172
- border-top-color: var(--color-border-dropdown-group-yakmix, #b6bec9);
173
- padding: var(--space-xs-zb16t3, 8px);
177
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_parent_15o6u_mphl6_173:not(#\9):not(.awsui_interactiveGroups_15o6u_mphl6_177) {
178
+ border-block-start-color: var(--color-border-dropdown-group-yakmix, #b6bec9);
179
+ padding-block: var(--space-xs-zb16t3, 8px);
180
+ padding-inline: var(--space-xs-zb16t3, 8px);
174
181
  }
175
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_parent_15o6u_1ea4r_167.awsui_interactiveGroups_15o6u_1ea4r_171:not(#\9) {
176
- padding: calc(
182
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_parent_15o6u_mphl6_173.awsui_interactiveGroups_15o6u_mphl6_177:not(#\9) {
183
+ padding-block: calc(
177
184
  var(--space-xs-zb16t3, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
178
- ) calc(var(--space-field-horizontal-gg19kw, 12px) + var(--border-item-width-yel47s, 2px));
185
+ );
186
+ padding-inline: calc(var(--space-field-horizontal-gg19kw, 12px) + var(--border-item-width-yel47s, 2px));
179
187
  }
180
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_parent_15o6u_1ea4r_167.awsui_interactiveGroups_15o6u_1ea4r_171.awsui_highlighted_15o6u_1ea4r_127:not(#\9) {
188
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_parent_15o6u_mphl6_173.awsui_interactiveGroups_15o6u_mphl6_177.awsui_highlighted_15o6u_mphl6_129:not(#\9) {
181
189
  color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
182
190
  }
183
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_parent_15o6u_1ea4r_167.awsui_interactiveGroups_15o6u_1ea4r_171.awsui_highlighted_15o6u_1ea4r_127:not(#\9), .awsui_selectable-item_15o6u_1ea4r_93.awsui_parent_15o6u_1ea4r_167.awsui_interactiveGroups_15o6u_1ea4r_171.awsui_selected_15o6u_1ea4r_127:not(#\9) {
184
- padding: var(--space-xs-zb16t3, 8px) var(--space-field-horizontal-gg19kw, 12px);
191
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_parent_15o6u_mphl6_173.awsui_interactiveGroups_15o6u_mphl6_177.awsui_highlighted_15o6u_mphl6_129:not(#\9), .awsui_selectable-item_15o6u_mphl6_93.awsui_parent_15o6u_mphl6_173.awsui_interactiveGroups_15o6u_mphl6_177.awsui_selected_15o6u_mphl6_129:not(#\9) {
192
+ padding-block: var(--space-xs-zb16t3, 8px);
193
+ padding-inline: var(--space-field-horizontal-gg19kw, 12px);
185
194
  }
186
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_child_15o6u_1ea4r_186:not(#\9) {
187
- padding-left: calc(var(--space-xxl-cu2m1r, 32px) + var(--border-item-width-yel47s, 2px));
195
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_child_15o6u_mphl6_195:not(#\9) {
196
+ padding-inline-start: calc(var(--space-xxl-cu2m1r, 32px) + var(--border-item-width-yel47s, 2px));
188
197
  }
189
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_child_15o6u_1ea4r_186.awsui_highlighted_15o6u_1ea4r_127:not(#\9), .awsui_selectable-item_15o6u_1ea4r_93.awsui_child_15o6u_1ea4r_186.awsui_selected_15o6u_1ea4r_127:not(#\9) {
190
- padding-left: var(--space-xxl-cu2m1r, 32px);
198
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_child_15o6u_mphl6_195.awsui_highlighted_15o6u_mphl6_129:not(#\9), .awsui_selectable-item_15o6u_mphl6_93.awsui_child_15o6u_mphl6_195.awsui_selected_15o6u_mphl6_129:not(#\9) {
199
+ padding-inline-start: var(--space-xxl-cu2m1r, 32px);
191
200
  }
192
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_disabled_15o6u_1ea4r_141:not(#\9) {
201
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_disabled_15o6u_mphl6_147:not(#\9) {
193
202
  color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
194
203
  }
195
- .awsui_selectable-item_15o6u_1ea4r_93:not(#\9):not(.awsui_disabled_15o6u_1ea4r_141):not(.awsui_parent_15o6u_1ea4r_167) {
204
+ .awsui_selectable-item_15o6u_mphl6_93:not(#\9):not(.awsui_disabled_15o6u_mphl6_147):not(.awsui_parent_15o6u_mphl6_173) {
196
205
  cursor: pointer;
197
206
  }
198
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_interactiveGroups_15o6u_1ea4r_171:not(#\9):not(.awsui_disabled_15o6u_1ea4r_141) {
207
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_interactiveGroups_15o6u_mphl6_177:not(#\9):not(.awsui_disabled_15o6u_mphl6_147) {
199
208
  cursor: pointer;
200
209
  }
201
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_virtual_15o6u_1ea4r_201:not(#\9) {
210
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_virtual_15o6u_mphl6_210:not(#\9) {
202
211
  position: absolute;
203
- top: var(--border-dropdown-virtual-offset-width-kekgc0, 2px);
204
- left: 0;
205
- width: 100%;
212
+ inset-block-start: var(--border-dropdown-virtual-offset-width-kekgc0, 2px);
213
+ inset-inline-start: 0;
214
+ inline-size: 100%;
206
215
  box-sizing: border-box;
207
216
  }
208
- .awsui_selectable-item_15o6u_1ea4r_93.awsui_virtual_15o6u_1ea4r_201:not(#\9):first-of-type:not(.awsui_selected_15o6u_1ea4r_127, .awsui_highlighted_15o6u_1ea4r_127) {
209
- border-top-color: var(--color-border-dropdown-item-top-ky64jq, transparent);
217
+ .awsui_selectable-item_15o6u_mphl6_93.awsui_virtual_15o6u_mphl6_210:not(#\9):first-of-type:not(.awsui_selected_15o6u_mphl6_129, .awsui_highlighted_15o6u_mphl6_129) {
218
+ border-block-start-color: var(--color-border-dropdown-item-top-ky64jq, transparent);
210
219
  }
211
220
 
212
- .awsui_measure-strut_15o6u_1ea4r_212:not(#\9) {
221
+ .awsui_measure-strut_15o6u_mphl6_221:not(#\9) {
213
222
  position: absolute;
214
223
  pointer-events: none;
215
- height: 100%;
216
- width: 100%;
217
- top: 0;
218
- left: 0;
219
- padding-top: var(--border-divider-list-width-27y3k5, 1px);
224
+ block-size: 100%;
225
+ inline-size: 100%;
226
+ inset-block-start: 0;
227
+ inset-inline-start: 0;
228
+ padding-block-start: var(--border-divider-list-width-27y3k5, 1px);
220
229
  }
221
- .awsui_measure-strut-first_15o6u_1ea4r_221:not(#\9) {
222
- padding-bottom: var(--border-divider-list-width-27y3k5, 1px);
230
+ .awsui_measure-strut-first_15o6u_mphl6_230:not(#\9) {
231
+ padding-block-end: var(--border-divider-list-width-27y3k5, 1px);
223
232
  }
224
233
 
225
- .awsui_screenreader-content_15o6u_1ea4r_225:not(#\9) {
234
+ .awsui_screenreader-content_15o6u_mphl6_234:not(#\9) {
226
235
  position: absolute !important;
227
- top: -9999px !important;
228
- left: -9999px !important;
236
+ inset-block-start: -9999px !important;
237
+ inset-inline-start: -9999px !important;
229
238
  }
230
239
 
231
- .awsui_option-content_15o6u_1ea4r_231:not(#\9) {
240
+ .awsui_option-content_15o6u_mphl6_240:not(#\9) {
232
241
  /* used in test-utils */
233
242
  }
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "selectable-item": "awsui_selectable-item_15o6u_1ea4r_93",
6
- "pad-bottom": "awsui_pad-bottom_15o6u_1ea4r_115",
7
- "has-background": "awsui_has-background_15o6u_1ea4r_124",
8
- "highlighted": "awsui_highlighted_15o6u_1ea4r_127",
9
- "selected": "awsui_selected_15o6u_1ea4r_127",
10
- "disabled": "awsui_disabled_15o6u_1ea4r_141",
11
- "next-item-selected": "awsui_next-item-selected_15o6u_1ea4r_151",
12
- "is-keyboard": "awsui_is-keyboard_15o6u_1ea4r_163",
13
- "parent": "awsui_parent_15o6u_1ea4r_167",
14
- "interactiveGroups": "awsui_interactiveGroups_15o6u_1ea4r_171",
15
- "child": "awsui_child_15o6u_1ea4r_186",
16
- "virtual": "awsui_virtual_15o6u_1ea4r_201",
17
- "measure-strut": "awsui_measure-strut_15o6u_1ea4r_212",
18
- "measure-strut-first": "awsui_measure-strut-first_15o6u_1ea4r_221",
19
- "screenreader-content": "awsui_screenreader-content_15o6u_1ea4r_225",
20
- "option-content": "awsui_option-content_15o6u_1ea4r_231"
5
+ "selectable-item": "awsui_selectable-item_15o6u_mphl6_93",
6
+ "pad-bottom": "awsui_pad-bottom_15o6u_mphl6_117",
7
+ "has-background": "awsui_has-background_15o6u_mphl6_126",
8
+ "highlighted": "awsui_highlighted_15o6u_mphl6_129",
9
+ "selected": "awsui_selected_15o6u_mphl6_129",
10
+ "disabled": "awsui_disabled_15o6u_mphl6_147",
11
+ "next-item-selected": "awsui_next-item-selected_15o6u_mphl6_157",
12
+ "is-keyboard": "awsui_is-keyboard_15o6u_mphl6_169",
13
+ "parent": "awsui_parent_15o6u_mphl6_173",
14
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_mphl6_177",
15
+ "child": "awsui_child_15o6u_mphl6_195",
16
+ "virtual": "awsui_virtual_15o6u_mphl6_210",
17
+ "measure-strut": "awsui_measure-strut_15o6u_mphl6_221",
18
+ "measure-strut-first": "awsui_measure-strut-first_15o6u_mphl6_230",
19
+ "screenreader-content": "awsui_screenreader-content_15o6u_mphl6_234",
20
+ "option-content": "awsui_option-content_15o6u_mphl6_240"
21
21
  };
22
22
 
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_gfwv3_9ri1n_93",
5
- "horizontal": "awsui_horizontal_gfwv3_9ri1n_98",
6
- "vertical": "awsui_vertical_gfwv3_9ri1n_102",
7
- "list": "awsui_list_gfwv3_9ri1n_106",
8
- "list-item": "awsui_list-item_gfwv3_9ri1n_124",
9
- "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_9ri1n_129",
10
- "toggle": "awsui_toggle_gfwv3_9ri1n_129",
11
- "description": "awsui_description_gfwv3_9ri1n_219",
12
- "separator": "awsui_separator_gfwv3_9ri1n_223"
4
+ "root": "awsui_root_gfwv3_eh8u3_93",
5
+ "horizontal": "awsui_horizontal_gfwv3_eh8u3_98",
6
+ "vertical": "awsui_vertical_gfwv3_eh8u3_102",
7
+ "list": "awsui_list_gfwv3_eh8u3_106",
8
+ "list-item": "awsui_list-item_gfwv3_eh8u3_126",
9
+ "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_eh8u3_133",
10
+ "toggle": "awsui_toggle_gfwv3_eh8u3_133",
11
+ "description": "awsui_description_gfwv3_eh8u3_229",
12
+ "separator": "awsui_separator_gfwv3_eh8u3_233"
13
13
  };
14
14
 
@@ -90,49 +90,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_gfwv3_9ri1n_93:not(#\9) {
93
+ .awsui_root_gfwv3_eh8u3_93:not(#\9) {
94
94
  display: flex;
95
95
  flex-wrap: wrap;
96
96
  gap: var(--space-scaled-xs-26e2du, 8px);
97
97
  }
98
- .awsui_root_gfwv3_9ri1n_93.awsui_horizontal_gfwv3_9ri1n_98:not(#\9) {
98
+ .awsui_root_gfwv3_eh8u3_93.awsui_horizontal_gfwv3_eh8u3_98:not(#\9) {
99
99
  gap: var(--space-xs-zb16t3, 8px);
100
100
  flex-direction: row;
101
101
  }
102
- .awsui_root_gfwv3_9ri1n_93.awsui_vertical_gfwv3_9ri1n_102:not(#\9) {
102
+ .awsui_root_gfwv3_eh8u3_93.awsui_vertical_gfwv3_eh8u3_102:not(#\9) {
103
103
  flex-direction: column;
104
104
  }
105
105
 
106
- .awsui_list_gfwv3_9ri1n_106:not(#\9) {
106
+ .awsui_list_gfwv3_eh8u3_106:not(#\9) {
107
107
  display: contents;
108
108
  list-style: none;
109
- padding: 0;
110
- margin: 0;
109
+ padding-block: 0;
110
+ padding-inline: 0;
111
+ margin-block: 0;
112
+ margin-inline: 0;
111
113
  }
112
- .awsui_list_gfwv3_9ri1n_106.awsui_horizontal_gfwv3_9ri1n_98:not(#\9), .awsui_list_gfwv3_9ri1n_106.awsui_vertical_gfwv3_9ri1n_102:not(#\9) {
114
+ .awsui_list_gfwv3_eh8u3_106.awsui_horizontal_gfwv3_eh8u3_98:not(#\9), .awsui_list_gfwv3_eh8u3_106.awsui_vertical_gfwv3_eh8u3_102:not(#\9) {
113
115
  display: flex;
114
116
  flex-wrap: wrap;
115
117
  gap: var(--space-xs-zb16t3, 8px);
116
118
  }
117
- .awsui_list_gfwv3_9ri1n_106.awsui_horizontal_gfwv3_9ri1n_98:not(#\9) {
119
+ .awsui_list_gfwv3_eh8u3_106.awsui_horizontal_gfwv3_eh8u3_98:not(#\9) {
118
120
  flex-direction: row;
119
121
  }
120
- .awsui_list_gfwv3_9ri1n_106.awsui_vertical_gfwv3_9ri1n_102:not(#\9) {
122
+ .awsui_list_gfwv3_eh8u3_106.awsui_vertical_gfwv3_eh8u3_102:not(#\9) {
121
123
  flex-direction: column;
122
124
  }
123
125
 
124
- .awsui_list-item_gfwv3_9ri1n_124:not(#\9) {
125
- padding: 0;
126
- margin: 0;
126
+ .awsui_list-item_gfwv3_eh8u3_126:not(#\9) {
127
+ padding-block: 0;
128
+ padding-inline: 0;
129
+ margin-block: 0;
130
+ margin-inline: 0;
127
131
  }
128
132
 
129
- .awsui_toggle-container-inline_gfwv3_9ri1n_129:not(#\9) {
130
- padding-left: var(--space-xs-zb16t3, 8px);
133
+ .awsui_toggle-container-inline_gfwv3_eh8u3_133:not(#\9) {
134
+ padding-inline-start: var(--space-xs-zb16t3, 8px);
131
135
  display: flex;
132
136
  align-items: center;
133
137
  }
134
138
 
135
- .awsui_toggle_gfwv3_9ri1n_129:not(#\9) {
139
+ .awsui_toggle_gfwv3_eh8u3_133:not(#\9) {
136
140
  border-collapse: separate;
137
141
  border-spacing: 0;
138
142
  box-sizing: border-box;
@@ -180,51 +184,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
180
184
  display: flex;
181
185
  align-items: center;
182
186
  background-color: transparent;
183
- border: var(--border-field-width-09w7vk, 2px) solid transparent;
184
- padding: 0;
185
- margin-left: -1px;
187
+ border-block: var(--border-field-width-09w7vk, 2px) solid transparent;
188
+ border-inline: var(--border-field-width-09w7vk, 2px) solid transparent;
189
+ padding-block: 0;
190
+ padding-inline: 0;
191
+ margin-inline-start: -1px;
186
192
  }
187
193
  @media (prefers-reduced-motion: reduce) {
188
- .awsui_toggle_gfwv3_9ri1n_129:not(#\9) {
194
+ .awsui_toggle_gfwv3_eh8u3_133:not(#\9) {
189
195
  animation: none;
190
196
  transition: none;
191
197
  }
192
198
  }
193
- .awsui-motion-disabled .awsui_toggle_gfwv3_9ri1n_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_9ri1n_129:not(#\9) {
199
+ .awsui-motion-disabled .awsui_toggle_gfwv3_eh8u3_133:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_eh8u3_133:not(#\9) {
194
200
  animation: none;
195
201
  transition: none;
196
202
  }
197
- .awsui_toggle_gfwv3_9ri1n_129:not(#\9):hover {
203
+ .awsui_toggle_gfwv3_eh8u3_133:not(#\9):hover {
198
204
  cursor: pointer;
199
205
  color: var(--color-text-link-hover-8j6p14, #033160);
200
206
  }
201
- .awsui_toggle_gfwv3_9ri1n_129:not(#\9):focus {
207
+ .awsui_toggle_gfwv3_eh8u3_133:not(#\9):focus {
202
208
  outline: none;
203
209
  }
204
- .awsui_toggle_gfwv3_9ri1n_129:not(#\9):active {
210
+ .awsui_toggle_gfwv3_eh8u3_133:not(#\9):active {
205
211
  color: var(--color-text-link-hover-8j6p14, #033160);
206
212
  }
207
- .awsui_toggle_gfwv3_9ri1n_129:not(#\9):active, .awsui_toggle_gfwv3_9ri1n_129:not(#\9):focus, .awsui_toggle_gfwv3_9ri1n_129:not(#\9):hover {
213
+ .awsui_toggle_gfwv3_eh8u3_133:not(#\9):active, .awsui_toggle_gfwv3_eh8u3_133:not(#\9):focus, .awsui_toggle_gfwv3_eh8u3_133:not(#\9):hover {
208
214
  text-decoration-line: underline;
209
215
  text-decoration-color: currentColor;
210
216
  }
211
- .awsui_toggle_gfwv3_9ri1n_129:not(#\9):active, .awsui_toggle_gfwv3_9ri1n_129:not(#\9):focus, .awsui_toggle_gfwv3_9ri1n_129:not(#\9):hover {
217
+ .awsui_toggle_gfwv3_eh8u3_133:not(#\9):active, .awsui_toggle_gfwv3_eh8u3_133:not(#\9):focus, .awsui_toggle_gfwv3_eh8u3_133:not(#\9):hover {
212
218
  text-decoration: none;
213
219
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
214
220
  text-decoration-color: transparent;
215
221
  }
216
- body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_9ri1n_129:not(#\9):focus {
222
+ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_eh8u3_133:not(#\9):focus {
217
223
  outline: 2px dotted transparent;
218
- border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
219
- border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
224
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
225
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
226
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
227
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
228
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
229
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
220
230
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
221
231
  }
222
- .awsui_toggle_gfwv3_9ri1n_129 > .awsui_description_gfwv3_9ri1n_219:not(#\9) {
223
- margin-left: var(--space-xxs-p8yyaw, 4px);
232
+ .awsui_toggle_gfwv3_eh8u3_133 > .awsui_description_gfwv3_eh8u3_229:not(#\9) {
233
+ margin-inline-start: var(--space-xxs-p8yyaw, 4px);
224
234
  }
225
235
 
226
- .awsui_separator_gfwv3_9ri1n_223:not(#\9) {
227
- margin: 0px var(--space-scaled-m-mo5yse, 16px);
228
- width: var(--border-divider-section-width-1061zr, 1px);
236
+ .awsui_separator_gfwv3_eh8u3_233:not(#\9) {
237
+ margin-block: 0;
238
+ margin-inline: var(--space-scaled-m-mo5yse, 16px);
239
+ inline-size: var(--border-divider-section-width-1061zr, 1px);
229
240
  background-color: var(--color-border-divider-default-j74lyz, #b6bec9);
230
241
  }
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_gfwv3_9ri1n_93",
6
- "horizontal": "awsui_horizontal_gfwv3_9ri1n_98",
7
- "vertical": "awsui_vertical_gfwv3_9ri1n_102",
8
- "list": "awsui_list_gfwv3_9ri1n_106",
9
- "list-item": "awsui_list-item_gfwv3_9ri1n_124",
10
- "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_9ri1n_129",
11
- "toggle": "awsui_toggle_gfwv3_9ri1n_129",
12
- "description": "awsui_description_gfwv3_9ri1n_219",
13
- "separator": "awsui_separator_gfwv3_9ri1n_223"
5
+ "root": "awsui_root_gfwv3_eh8u3_93",
6
+ "horizontal": "awsui_horizontal_gfwv3_eh8u3_98",
7
+ "vertical": "awsui_vertical_gfwv3_eh8u3_102",
8
+ "list": "awsui_list_gfwv3_eh8u3_106",
9
+ "list-item": "awsui_list-item_gfwv3_eh8u3_126",
10
+ "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_eh8u3_133",
11
+ "toggle": "awsui_toggle_gfwv3_eh8u3_133",
12
+ "description": "awsui_description_gfwv3_eh8u3_229",
13
+ "separator": "awsui_separator_gfwv3_eh8u3_233"
14
14
  };
15
15
 
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (41a2e0e1)";
2
+ export var PACKAGE_VERSION = "3.0.0 (108c3901)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (41a2e0e1)",
3
+ "PACKAGE_VERSION": "3.0.0 (108c3901)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "41a2e0e1f201171f2162e13518d052010c254cba"
2
+ "commit": "108c3901c92b32438a703f4ffc4dd4c66efd5238"
3
3
  }
@@ -1,25 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_4c84z_8bu7b_93",
5
- "variant-secondary": "awsui_variant-secondary_4c84z_8bu7b_162",
6
- "variant-primary": "awsui_variant-primary_4c84z_8bu7b_197",
7
- "variant-info": "awsui_variant-info_4c84z_8bu7b_230",
8
- "variant-value-large": "awsui_variant-value-large_4c84z_8bu7b_265",
9
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_8bu7b_297",
10
- "variant-recovery": "awsui_variant-recovery_4c84z_8bu7b_330",
11
- "button": "awsui_button_4c84z_8bu7b_363",
12
- "color-inverted": "awsui_color-inverted_4c84z_8bu7b_398",
13
- "font-size-body-s": "awsui_font-size-body-s_4c84z_8bu7b_416",
14
- "font-size-body-m": "awsui_font-size-body-m_4c84z_8bu7b_423",
15
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_8bu7b_429",
16
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_8bu7b_435",
17
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_8bu7b_442",
18
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_8bu7b_449",
19
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_8bu7b_456",
20
- "font-size-display-l": "awsui_font-size-display-l_4c84z_8bu7b_463",
21
- "font-size-inherit": "awsui_font-size-inherit_4c84z_8bu7b_470",
22
- "icon-wrapper": "awsui_icon-wrapper_4c84z_8bu7b_478",
23
- "icon": "awsui_icon_4c84z_8bu7b_478"
4
+ "link": "awsui_link_4c84z_34d8y_93",
5
+ "variant-secondary": "awsui_variant-secondary_4c84z_34d8y_162",
6
+ "variant-primary": "awsui_variant-primary_4c84z_34d8y_197",
7
+ "variant-info": "awsui_variant-info_4c84z_34d8y_230",
8
+ "variant-value-large": "awsui_variant-value-large_4c84z_34d8y_265",
9
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_34d8y_297",
10
+ "variant-recovery": "awsui_variant-recovery_4c84z_34d8y_330",
11
+ "button": "awsui_button_4c84z_34d8y_363",
12
+ "color-inverted": "awsui_color-inverted_4c84z_34d8y_398",
13
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_34d8y_419",
14
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_34d8y_426",
15
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_34d8y_432",
16
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_34d8y_438",
17
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_34d8y_445",
18
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_34d8y_452",
19
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_34d8y_459",
20
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_34d8y_466",
21
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_34d8y_473",
22
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_34d8y_481",
23
+ "icon": "awsui_icon_4c84z_34d8y_481"
24
24
  };
25
25