@cloudscape-design/components 3.0.521 → 3.0.523

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 (177) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +61 -54
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +39 -30
  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 +57 -49
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/content-wrapper/styles.css.js +3 -3
  11. package/app-layout/content-wrapper/styles.scoped.css +15 -15
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +12 -12
  14. package/app-layout/drawer/styles.scoped.css +29 -30
  15. package/app-layout/drawer/styles.selectors.js +12 -12
  16. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  17. package/app-layout/mobile-toolbar/styles.scoped.css +18 -17
  18. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  19. package/app-layout/notifications/styles.css.js +3 -3
  20. package/app-layout/notifications/styles.scoped.css +6 -6
  21. package/app-layout/notifications/styles.selectors.js +3 -3
  22. package/app-layout/split-panel/styles.css.js +2 -2
  23. package/app-layout/split-panel/styles.scoped.css +3 -3
  24. package/app-layout/split-panel/styles.selectors.js +2 -2
  25. package/app-layout/styles.css.js +16 -16
  26. package/app-layout/styles.scoped.css +26 -26
  27. package/app-layout/styles.selectors.js +16 -16
  28. package/app-layout/toggles/styles.css.js +2 -2
  29. package/app-layout/toggles/styles.scoped.css +12 -10
  30. package/app-layout/toggles/styles.selectors.js +2 -2
  31. package/app-layout/visual-refresh/styles.css.js +81 -81
  32. package/app-layout/visual-refresh/styles.scoped.css +279 -261
  33. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  34. package/area-chart/styles.css.js +6 -6
  35. package/area-chart/styles.scoped.css +12 -11
  36. package/area-chart/styles.selectors.js +6 -6
  37. package/attribute-editor/styles.css.js +14 -14
  38. package/attribute-editor/styles.scoped.css +30 -29
  39. package/attribute-editor/styles.selectors.js +14 -14
  40. package/autosuggest/styles.css.js +3 -3
  41. package/autosuggest/styles.scoped.css +5 -5
  42. package/autosuggest/styles.selectors.js +3 -3
  43. package/badge/styles.css.js +5 -5
  44. package/badge/styles.scoped.css +11 -7
  45. package/badge/styles.selectors.js +5 -5
  46. package/box/styles.css.js +190 -190
  47. package/box/styles.scoped.css +244 -240
  48. package/box/styles.selectors.js +190 -190
  49. package/breadcrumb-group/item/styles.css.js +9 -9
  50. package/breadcrumb-group/item/styles.scoped.css +20 -19
  51. package/breadcrumb-group/item/styles.selectors.js +9 -9
  52. package/breadcrumb-group/styles.css.js +7 -7
  53. package/breadcrumb-group/styles.scoped.css +28 -21
  54. package/breadcrumb-group/styles.selectors.js +7 -7
  55. package/button/styles.css.js +20 -20
  56. package/button/styles.scoped.css +155 -153
  57. package/button/styles.selectors.js +20 -20
  58. package/button-dropdown/category-elements/styles.css.js +13 -13
  59. package/button-dropdown/category-elements/styles.scoped.css +61 -50
  60. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  61. package/button-dropdown/item-element/styles.css.js +15 -15
  62. package/button-dropdown/item-element/styles.scoped.css +38 -33
  63. package/button-dropdown/item-element/styles.selectors.js +15 -15
  64. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  65. package/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -8
  66. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  67. package/button-dropdown/styles.css.js +15 -15
  68. package/button-dropdown/styles.scoped.css +39 -36
  69. package/button-dropdown/styles.selectors.js +15 -15
  70. package/calendar/grid/index.js +1 -1
  71. package/calendar/grid/index.js.map +1 -1
  72. package/calendar/interfaces.d.ts +23 -3
  73. package/calendar/interfaces.d.ts.map +1 -1
  74. package/calendar/interfaces.js.map +1 -1
  75. package/calendar/internal.d.ts +1 -1
  76. package/calendar/internal.d.ts.map +1 -1
  77. package/calendar/internal.js +5 -4
  78. package/calendar/internal.js.map +1 -1
  79. package/calendar/styles.css.js +18 -18
  80. package/calendar/styles.scoped.css +75 -59
  81. package/calendar/styles.selectors.js +18 -18
  82. package/cards/styles.css.js +40 -40
  83. package/cards/styles.scoped.css +126 -99
  84. package/cards/styles.selectors.js +40 -40
  85. package/code-editor/ace-themes.d.ts +6 -0
  86. package/code-editor/ace-themes.d.ts.map +1 -1
  87. package/code-editor/ace-themes.js +2 -0
  88. package/code-editor/ace-themes.js.map +1 -1
  89. package/code-editor/index.js +3 -3
  90. package/code-editor/index.js.map +1 -1
  91. package/code-editor/preferences-modal.d.ts +1 -1
  92. package/code-editor/preferences-modal.d.ts.map +1 -1
  93. package/code-editor/preferences-modal.js +3 -6
  94. package/code-editor/preferences-modal.js.map +1 -1
  95. package/code-editor/resizable-box/styles.css.js +3 -3
  96. package/code-editor/resizable-box/styles.scoped.css +10 -10
  97. package/code-editor/resizable-box/styles.selectors.js +3 -3
  98. package/code-editor/styles.css.js +32 -32
  99. package/code-editor/styles.scoped.css +210 -198
  100. package/code-editor/styles.selectors.js +32 -32
  101. package/code-editor/use-editor.d.ts.map +1 -1
  102. package/code-editor/use-editor.js +4 -2
  103. package/code-editor/use-editor.js.map +1 -1
  104. package/code-editor/util.d.ts +3 -4
  105. package/code-editor/util.d.ts.map +1 -1
  106. package/code-editor/util.js +29 -10
  107. package/code-editor/util.js.map +1 -1
  108. package/collection-preferences/content-display/styles.css.js +11 -11
  109. package/collection-preferences/content-display/styles.scoped.css +40 -30
  110. package/collection-preferences/content-display/styles.selectors.js +11 -11
  111. package/collection-preferences/styles.css.js +37 -37
  112. package/collection-preferences/styles.scoped.css +79 -66
  113. package/collection-preferences/styles.selectors.js +37 -37
  114. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  115. package/column-layout/flexible-column-layout/styles.scoped.css +8 -9
  116. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  117. package/column-layout/styles.css.js +13 -13
  118. package/column-layout/styles.scoped.css +70 -64
  119. package/column-layout/styles.selectors.js +13 -13
  120. package/container/styles.css.js +30 -30
  121. package/container/styles.scoped.css +114 -106
  122. package/container/styles.selectors.js +30 -30
  123. package/content-layout/styles.css.js +7 -7
  124. package/content-layout/styles.scoped.css +15 -15
  125. package/content-layout/styles.selectors.js +7 -7
  126. package/date-picker/index.d.ts.map +1 -1
  127. package/date-picker/index.js +6 -2
  128. package/date-picker/index.js.map +1 -1
  129. package/date-picker/interfaces.d.ts +7 -0
  130. package/date-picker/interfaces.d.ts.map +1 -1
  131. package/date-picker/interfaces.js.map +1 -1
  132. package/date-picker/styles.css.js +7 -7
  133. package/date-picker/styles.scoped.css +12 -12
  134. package/date-picker/styles.selectors.js +7 -7
  135. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  136. package/date-range-picker/calendar/grids/styles.scoped.css +71 -60
  137. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  138. package/date-range-picker/relative-range/styles.css.js +9 -9
  139. package/date-range-picker/relative-range/styles.scoped.css +21 -21
  140. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  141. package/date-range-picker/styles.css.js +38 -38
  142. package/date-range-picker/styles.scoped.css +72 -67
  143. package/date-range-picker/styles.selectors.js +38 -38
  144. package/drawer/styles.css.js +3 -3
  145. package/drawer/styles.scoped.css +21 -18
  146. package/drawer/styles.selectors.js +3 -3
  147. package/expandable-section/styles.css.js +32 -32
  148. package/expandable-section/styles.scoped.css +103 -98
  149. package/expandable-section/styles.selectors.js +32 -32
  150. package/file-upload/dropzone/styles.css.js +2 -2
  151. package/file-upload/dropzone/styles.scoped.css +8 -4
  152. package/file-upload/dropzone/styles.selectors.js +2 -2
  153. package/file-upload/file-option/styles.css.js +7 -7
  154. package/file-upload/file-option/styles.scoped.css +15 -15
  155. package/file-upload/file-option/styles.selectors.js +7 -7
  156. package/file-upload/styles.css.js +2 -2
  157. package/file-upload/styles.scoped.css +4 -4
  158. package/file-upload/styles.selectors.js +2 -2
  159. package/flashbar/styles.css.js +47 -47
  160. package/flashbar/styles.scoped.css +220 -215
  161. package/flashbar/styles.selectors.js +47 -47
  162. package/form/styles.css.js +9 -9
  163. package/form/styles.scoped.css +18 -18
  164. package/form/styles.selectors.js +9 -9
  165. package/form-field/styles.css.js +19 -19
  166. package/form-field/styles.scoped.css +34 -34
  167. package/form-field/styles.selectors.js +19 -19
  168. package/internal/environment.js +1 -1
  169. package/internal/environment.json +1 -1
  170. package/internal/manifest.json +1 -1
  171. package/modal/styles.css.js +23 -23
  172. package/modal/styles.scoped.css +39 -39
  173. package/modal/styles.selectors.js +23 -23
  174. package/package.json +1 -1
  175. package/tiles/styles.css.js +29 -29
  176. package/tiles/styles.scoped.css +97 -91
  177. package/tiles/styles.selectors.js +29 -29
@@ -182,43 +182,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
182
182
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
183
183
  SPDX-License-Identifier: Apache-2.0
184
184
  */
185
- .awsui_visible-content_tc96w_2205y_185:not(#\9),
186
- .awsui_visible-content-toggle_tc96w_2205y_186:not(#\9),
187
- .awsui_visible-content-groups_tc96w_2205y_187:not(#\9),
188
- .awsui_visible-content-group_tc96w_2205y_187:not(#\9) {
185
+ .awsui_visible-content_tc96w_1ynza_185:not(#\9),
186
+ .awsui_visible-content-toggle_tc96w_1ynza_186:not(#\9),
187
+ .awsui_visible-content-groups_tc96w_1ynza_187:not(#\9),
188
+ .awsui_visible-content-group_tc96w_1ynza_187:not(#\9) {
189
189
  /* used in test-utils */
190
190
  }
191
191
 
192
- .awsui_visible-content-title_tc96w_2205y_192:not(#\9) {
192
+ .awsui_visible-content-title_tc96w_1ynza_192:not(#\9) {
193
193
  font-size: var(--font-size-body-m-x4okxb, 14px);
194
194
  line-height: var(--line-height-body-m-30ar75, 20px);
195
195
  font-weight: var(--font-display-label-weight-815ja9, 700);
196
196
  color: var(--color-text-form-label-ktbzsd, #000716);
197
- margin: 0;
198
- margin-bottom: var(--space-scaled-l-0hpmd7, 20px);
197
+ margin-block-start: 0;
198
+ margin-block-end: var(--space-scaled-l-0hpmd7, 20px);
199
+ margin-inline: 0;
199
200
  }
200
201
 
201
- .awsui_visible-content-group-label_tc96w_2205y_201:not(#\9) {
202
+ .awsui_visible-content-group-label_tc96w_1ynza_202:not(#\9) {
202
203
  color: var(--color-text-group-label-jpw8sm, #414d5c);
203
- padding-bottom: var(--space-xs-zb16t3, 8px);
204
- border-bottom: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-um17yo, #e9ebed);
204
+ padding-block-end: var(--space-xs-zb16t3, 8px);
205
+ border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-um17yo, #e9ebed);
205
206
  }
206
207
 
207
- .awsui_visible-content-option_tc96w_2205y_207:not(#\9) {
208
+ .awsui_visible-content-option_tc96w_1ynza_208:not(#\9) {
208
209
  display: flex;
209
210
  flex-wrap: nowrap;
210
211
  justify-content: space-between;
211
- padding: var(--space-xs-zb16t3, 8px) 0px var(--space-xs-zb16t3, 8px) var(--space-scaled-l-0hpmd7, 20px);
212
- border-bottom: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-um17yo, #e9ebed);
212
+ padding-block: var(--space-xs-zb16t3, 8px);
213
+ padding-inline-start: var(--space-scaled-l-0hpmd7, 20px);
214
+ padding-inline-end: 0px;
215
+ border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-um17yo, #e9ebed);
213
216
  }
214
- .awsui_visible-content-option_tc96w_2205y_207:not(#\9):last-child {
215
- border-bottom: none;
217
+ .awsui_visible-content-option_tc96w_1ynza_208:not(#\9):last-child {
218
+ border-block-end: none;
216
219
  }
217
220
 
218
- .awsui_visible-content-option-label_tc96w_2205y_218:not(#\9) {
221
+ .awsui_visible-content-option-label_tc96w_1ynza_221:not(#\9) {
219
222
  overflow: hidden;
220
223
  text-overflow: ellipsis;
221
- padding-right: var(--space-l-t419sm, 20px);
224
+ padding-inline-end: var(--space-l-t419sm, 20px);
222
225
  flex-grow: 1;
223
226
  }
224
227
 
@@ -406,11 +409,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
406
409
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
407
410
  SPDX-License-Identifier: Apache-2.0
408
411
  */
409
- .awsui_content-display-option-toggle_tc96w_2205y_409:not(#\9) {
412
+ .awsui_content-display-option-toggle_tc96w_1ynza_412:not(#\9) {
410
413
  /* used in test-utils */
411
414
  }
412
415
 
413
- .awsui_content-display-option-content_tc96w_2205y_413:not(#\9) {
416
+ .awsui_content-display-option-content_tc96w_1ynza_416:not(#\9) {
414
417
  border-collapse: separate;
415
418
  border-spacing: 0;
416
419
  box-sizing: border-box;
@@ -446,62 +449,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
446
449
  -moz-osx-font-smoothing: auto;
447
450
  display: flex;
448
451
  align-items: flex-start;
449
- padding: var(--space-xs-zb16t3, 8px) var(--space-scaled-xs-26e2du, 8px) var(--space-xs-zb16t3, 8px) 0;
452
+ padding-block: var(--space-xs-zb16t3, 8px);
453
+ padding-inline-start: 0;
454
+ padding-inline-end: var(--space-scaled-xs-26e2du, 8px);
450
455
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
451
- border-radius: var(--border-radius-item-05df9h, 8px);
456
+ border-start-start-radius: var(--border-radius-item-05df9h, 8px);
457
+ border-start-end-radius: var(--border-radius-item-05df9h, 8px);
458
+ border-end-start-radius: var(--border-radius-item-05df9h, 8px);
459
+ border-end-end-radius: var(--border-radius-item-05df9h, 8px);
452
460
  }
453
461
 
454
- .awsui_content-display-option_tc96w_2205y_409:not(#\9) {
462
+ .awsui_content-display-option_tc96w_1ynza_412:not(#\9) {
455
463
  list-style: none;
456
464
  position: relative;
457
- border-top: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-um17yo, #e9ebed);
465
+ border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-um17yo, #e9ebed);
458
466
  }
459
- .awsui_content-display-option_tc96w_2205y_409:not(#\9):not(.awsui_placeholder_tc96w_2205y_458).awsui_sorting_tc96w_2205y_458 {
467
+ .awsui_content-display-option_tc96w_1ynza_412:not(#\9):not(.awsui_placeholder_tc96w_1ynza_466).awsui_sorting_tc96w_1ynza_466 {
460
468
  transition: transform var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
461
469
  }
462
470
  @media (prefers-reduced-motion: reduce) {
463
- .awsui_content-display-option_tc96w_2205y_409:not(#\9):not(.awsui_placeholder_tc96w_2205y_458).awsui_sorting_tc96w_2205y_458 {
471
+ .awsui_content-display-option_tc96w_1ynza_412:not(#\9):not(.awsui_placeholder_tc96w_1ynza_466).awsui_sorting_tc96w_1ynza_466 {
464
472
  animation: none;
465
473
  transition: none;
466
474
  }
467
475
  }
468
- .awsui-motion-disabled .awsui_content-display-option_tc96w_2205y_409:not(#\9):not(.awsui_placeholder_tc96w_2205y_458).awsui_sorting_tc96w_2205y_458, .awsui-mode-entering .awsui_content-display-option_tc96w_2205y_409:not(#\9):not(.awsui_placeholder_tc96w_2205y_458).awsui_sorting_tc96w_2205y_458 {
476
+ .awsui-motion-disabled .awsui_content-display-option_tc96w_1ynza_412:not(#\9):not(.awsui_placeholder_tc96w_1ynza_466).awsui_sorting_tc96w_1ynza_466, .awsui-mode-entering .awsui_content-display-option_tc96w_1ynza_412:not(#\9):not(.awsui_placeholder_tc96w_1ynza_466).awsui_sorting_tc96w_1ynza_466 {
469
477
  animation: none;
470
478
  transition: none;
471
479
  }
472
- .awsui_content-display-option_tc96w_2205y_409.awsui_placeholder_tc96w_2205y_458 > .awsui_content-display-option-content_tc96w_2205y_413:not(#\9) {
480
+ .awsui_content-display-option_tc96w_1ynza_412.awsui_placeholder_tc96w_1ynza_466 > .awsui_content-display-option-content_tc96w_1ynza_416:not(#\9) {
473
481
  position: relative;
474
482
  }
475
- .awsui_content-display-option_tc96w_2205y_409.awsui_placeholder_tc96w_2205y_458 > .awsui_content-display-option-content_tc96w_2205y_413:not(#\9):after {
483
+ .awsui_content-display-option_tc96w_1ynza_412.awsui_placeholder_tc96w_1ynza_466 > .awsui_content-display-option-content_tc96w_1ynza_416:not(#\9):after {
476
484
  content: " ";
477
485
  position: absolute;
478
- top: 0;
479
- bottom: 0;
480
- left: 0;
481
- right: 0;
486
+ inset: 0;
482
487
  background: var(--color-drag-placeholder-hover-4im65s, #d3e7f9);
483
- border-radius: var(--border-radius-item-05df9h, 8px);
488
+ border-start-start-radius: var(--border-radius-item-05df9h, 8px);
489
+ border-start-end-radius: var(--border-radius-item-05df9h, 8px);
490
+ border-end-start-radius: var(--border-radius-item-05df9h, 8px);
491
+ border-end-end-radius: var(--border-radius-item-05df9h, 8px);
484
492
  }
485
493
 
486
- .awsui_content-display-option-label_tc96w_2205y_485:not(#\9) {
494
+ .awsui_content-display-option-label_tc96w_1ynza_493:not(#\9) {
487
495
  flex-grow: 1;
488
496
  min-inline-size: 0;
489
497
  word-break: break-word;
490
- padding-right: var(--space-l-t419sm, 20px);
498
+ padding-inline-end: var(--space-l-t419sm, 20px);
491
499
  }
492
500
 
493
- .awsui_drag-overlay_tc96w_2205y_492:not(#\9) {
501
+ .awsui_drag-overlay_tc96w_1ynza_500:not(#\9) {
494
502
  box-shadow: var(--shadow-container-active-kl29x9, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
495
- border-radius: var(--border-radius-item-05df9h, 8px);
503
+ border-start-start-radius: var(--border-radius-item-05df9h, 8px);
504
+ border-start-end-radius: var(--border-radius-item-05df9h, 8px);
505
+ border-end-start-radius: var(--border-radius-item-05df9h, 8px);
506
+ border-end-end-radius: var(--border-radius-item-05df9h, 8px);
496
507
  }
497
- body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_2205y_492:not(#\9) {
508
+ body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1ynza_500:not(#\9) {
498
509
  position: relative;
499
510
  }
500
- body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_2205y_492:not(#\9) {
511
+ body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1ynza_500:not(#\9) {
501
512
  outline: 2px dotted transparent;
502
513
  outline-offset: calc(0px - 1px);
503
514
  }
504
- body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_2205y_492:not(#\9)::before {
515
+ body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1ynza_500:not(#\9)::before {
505
516
  content: " ";
506
517
  display: block;
507
518
  position: absolute;
@@ -516,55 +527,57 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_2205y_492:not(#\9)
516
527
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
517
528
  }
518
529
 
519
- .awsui_content-display_tc96w_2205y_409:not(#\9) {
530
+ .awsui_content-display_tc96w_1ynza_412:not(#\9) {
520
531
  /* used in test-utils */
521
532
  }
522
533
 
523
- .awsui_content-display-title_tc96w_2205y_522:not(#\9) {
534
+ .awsui_content-display-title_tc96w_1ynza_533:not(#\9) {
524
535
  font-size: var(--font-size-body-m-x4okxb, 14px);
525
536
  line-height: var(--line-height-body-m-30ar75, 20px);
526
537
  font-weight: var(--font-display-label-weight-815ja9, 700);
527
538
  color: var(--color-text-form-label-ktbzsd, #000716);
528
- margin: 0;
539
+ margin-block: 0;
540
+ margin-inline: 0;
529
541
  }
530
542
 
531
- .awsui_content-display-description_tc96w_2205y_530:not(#\9) {
543
+ .awsui_content-display-description_tc96w_1ynza_542:not(#\9) {
532
544
  color: var(--color-text-form-secondary-dxc248, #5f6b7a);
533
545
  font-size: var(--font-size-body-s-asqx2i, 12px);
534
546
  line-height: var(--line-height-body-s-7zv1j5, 16px);
535
547
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
536
- margin-top: var(--space-scaled-xxxs-27y4hv, 2px);
548
+ margin-block-start: var(--space-scaled-xxxs-27y4hv, 2px);
537
549
  }
538
550
 
539
- .awsui_content-display-option-list_tc96w_2205y_538:not(#\9) {
551
+ .awsui_content-display-option-list_tc96w_1ynza_550:not(#\9) {
540
552
  position: relative;
541
553
  list-style: none;
542
- padding: 0;
554
+ padding-block: 0;
555
+ padding-inline: 0;
543
556
  }
544
557
 
545
- .awsui_root_tc96w_2205y_544:not(#\9),
546
- .awsui_modal-root_tc96w_2205y_545:not(#\9),
547
- .awsui_trigger-button_tc96w_2205y_546:not(#\9),
548
- .awsui_cancel-button_tc96w_2205y_547:not(#\9),
549
- .awsui_confirm-button_tc96w_2205y_548:not(#\9),
550
- .awsui_custom_tc96w_2205y_549:not(#\9) {
558
+ .awsui_root_tc96w_1ynza_557:not(#\9),
559
+ .awsui_modal-root_tc96w_1ynza_558:not(#\9),
560
+ .awsui_trigger-button_tc96w_1ynza_559:not(#\9),
561
+ .awsui_cancel-button_tc96w_1ynza_560:not(#\9),
562
+ .awsui_confirm-button_tc96w_1ynza_561:not(#\9),
563
+ .awsui_custom_tc96w_1ynza_562:not(#\9) {
551
564
  /* used in test-utils */
552
565
  }
553
566
 
554
- .awsui_second-column-small_tc96w_2205y_553:not(#\9) {
555
- padding-top: calc(2 * var(--space-scaled-l-0hpmd7, 20px));
567
+ .awsui_second-column-small_tc96w_1ynza_566:not(#\9) {
568
+ padding-block-start: calc(2 * var(--space-scaled-l-0hpmd7, 20px));
556
569
  }
557
570
 
558
- .awsui_wrap-lines_tc96w_2205y_557:not(#\9),
559
- .awsui_striped-rows_tc96w_2205y_558:not(#\9),
560
- .awsui_content-density_tc96w_2205y_559:not(#\9),
561
- .awsui_page-size_tc96w_2205y_560:not(#\9),
562
- .awsui_page-size-form-field_tc96w_2205y_561:not(#\9),
563
- .awsui_page-size-radio-group_tc96w_2205y_562:not(#\9),
564
- .awsui_sticky-columns_tc96w_2205y_563:not(#\9),
565
- .awsui_sticky-columns-form-field_tc96w_2205y_564:not(#\9),
566
- .awsui_sticky-columns-radio-group_tc96w_2205y_565:not(#\9),
567
- .awsui_sticky-columns-first_tc96w_2205y_566:not(#\9),
568
- .awsui_sticky-columns-last_tc96w_2205y_567:not(#\9) {
571
+ .awsui_wrap-lines_tc96w_1ynza_570:not(#\9),
572
+ .awsui_striped-rows_tc96w_1ynza_571:not(#\9),
573
+ .awsui_content-density_tc96w_1ynza_572:not(#\9),
574
+ .awsui_page-size_tc96w_1ynza_573:not(#\9),
575
+ .awsui_page-size-form-field_tc96w_1ynza_574:not(#\9),
576
+ .awsui_page-size-radio-group_tc96w_1ynza_575:not(#\9),
577
+ .awsui_sticky-columns_tc96w_1ynza_576:not(#\9),
578
+ .awsui_sticky-columns-form-field_tc96w_1ynza_577:not(#\9),
579
+ .awsui_sticky-columns-radio-group_tc96w_1ynza_578:not(#\9),
580
+ .awsui_sticky-columns-first_tc96w_1ynza_579:not(#\9),
581
+ .awsui_sticky-columns-last_tc96w_1ynza_580:not(#\9) {
569
582
  /* used in test-utils */
570
583
  }
@@ -2,42 +2,42 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "visible-content": "awsui_visible-content_tc96w_2205y_185",
6
- "visible-content-toggle": "awsui_visible-content-toggle_tc96w_2205y_186",
7
- "visible-content-groups": "awsui_visible-content-groups_tc96w_2205y_187",
8
- "visible-content-group": "awsui_visible-content-group_tc96w_2205y_187",
9
- "visible-content-title": "awsui_visible-content-title_tc96w_2205y_192",
10
- "visible-content-group-label": "awsui_visible-content-group-label_tc96w_2205y_201",
11
- "visible-content-option": "awsui_visible-content-option_tc96w_2205y_207",
12
- "visible-content-option-label": "awsui_visible-content-option-label_tc96w_2205y_218",
13
- "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_2205y_409",
14
- "content-display-option-content": "awsui_content-display-option-content_tc96w_2205y_413",
15
- "content-display-option": "awsui_content-display-option_tc96w_2205y_409",
16
- "placeholder": "awsui_placeholder_tc96w_2205y_458",
17
- "sorting": "awsui_sorting_tc96w_2205y_458",
18
- "content-display-option-label": "awsui_content-display-option-label_tc96w_2205y_485",
19
- "drag-overlay": "awsui_drag-overlay_tc96w_2205y_492",
20
- "content-display": "awsui_content-display_tc96w_2205y_409",
21
- "content-display-title": "awsui_content-display-title_tc96w_2205y_522",
22
- "content-display-description": "awsui_content-display-description_tc96w_2205y_530",
23
- "content-display-option-list": "awsui_content-display-option-list_tc96w_2205y_538",
24
- "root": "awsui_root_tc96w_2205y_544",
25
- "modal-root": "awsui_modal-root_tc96w_2205y_545",
26
- "trigger-button": "awsui_trigger-button_tc96w_2205y_546",
27
- "cancel-button": "awsui_cancel-button_tc96w_2205y_547",
28
- "confirm-button": "awsui_confirm-button_tc96w_2205y_548",
29
- "custom": "awsui_custom_tc96w_2205y_549",
30
- "second-column-small": "awsui_second-column-small_tc96w_2205y_553",
31
- "wrap-lines": "awsui_wrap-lines_tc96w_2205y_557",
32
- "striped-rows": "awsui_striped-rows_tc96w_2205y_558",
33
- "content-density": "awsui_content-density_tc96w_2205y_559",
34
- "page-size": "awsui_page-size_tc96w_2205y_560",
35
- "page-size-form-field": "awsui_page-size-form-field_tc96w_2205y_561",
36
- "page-size-radio-group": "awsui_page-size-radio-group_tc96w_2205y_562",
37
- "sticky-columns": "awsui_sticky-columns_tc96w_2205y_563",
38
- "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_2205y_564",
39
- "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_2205y_565",
40
- "sticky-columns-first": "awsui_sticky-columns-first_tc96w_2205y_566",
41
- "sticky-columns-last": "awsui_sticky-columns-last_tc96w_2205y_567"
5
+ "visible-content": "awsui_visible-content_tc96w_1ynza_185",
6
+ "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1ynza_186",
7
+ "visible-content-groups": "awsui_visible-content-groups_tc96w_1ynza_187",
8
+ "visible-content-group": "awsui_visible-content-group_tc96w_1ynza_187",
9
+ "visible-content-title": "awsui_visible-content-title_tc96w_1ynza_192",
10
+ "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1ynza_202",
11
+ "visible-content-option": "awsui_visible-content-option_tc96w_1ynza_208",
12
+ "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1ynza_221",
13
+ "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_1ynza_412",
14
+ "content-display-option-content": "awsui_content-display-option-content_tc96w_1ynza_416",
15
+ "content-display-option": "awsui_content-display-option_tc96w_1ynza_412",
16
+ "placeholder": "awsui_placeholder_tc96w_1ynza_466",
17
+ "sorting": "awsui_sorting_tc96w_1ynza_466",
18
+ "content-display-option-label": "awsui_content-display-option-label_tc96w_1ynza_493",
19
+ "drag-overlay": "awsui_drag-overlay_tc96w_1ynza_500",
20
+ "content-display": "awsui_content-display_tc96w_1ynza_412",
21
+ "content-display-title": "awsui_content-display-title_tc96w_1ynza_533",
22
+ "content-display-description": "awsui_content-display-description_tc96w_1ynza_542",
23
+ "content-display-option-list": "awsui_content-display-option-list_tc96w_1ynza_550",
24
+ "root": "awsui_root_tc96w_1ynza_557",
25
+ "modal-root": "awsui_modal-root_tc96w_1ynza_558",
26
+ "trigger-button": "awsui_trigger-button_tc96w_1ynza_559",
27
+ "cancel-button": "awsui_cancel-button_tc96w_1ynza_560",
28
+ "confirm-button": "awsui_confirm-button_tc96w_1ynza_561",
29
+ "custom": "awsui_custom_tc96w_1ynza_562",
30
+ "second-column-small": "awsui_second-column-small_tc96w_1ynza_566",
31
+ "wrap-lines": "awsui_wrap-lines_tc96w_1ynza_570",
32
+ "striped-rows": "awsui_striped-rows_tc96w_1ynza_571",
33
+ "content-density": "awsui_content-density_tc96w_1ynza_572",
34
+ "page-size": "awsui_page-size_tc96w_1ynza_573",
35
+ "page-size-form-field": "awsui_page-size-form-field_tc96w_1ynza_574",
36
+ "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1ynza_575",
37
+ "sticky-columns": "awsui_sticky-columns_tc96w_1ynza_576",
38
+ "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_1ynza_577",
39
+ "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_1ynza_578",
40
+ "sticky-columns-first": "awsui_sticky-columns-first_tc96w_1ynza_579",
41
+ "sticky-columns-last": "awsui_sticky-columns-last_tc96w_1ynza_580"
42
42
  };
43
43
 
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "css-grid": "awsui_css-grid_zqq3x_onzs4_9",
5
- "grid-no-gutters": "awsui_grid-no-gutters_zqq3x_onzs4_13",
6
- "grid-variant-text-grid": "awsui_grid-variant-text-grid_zqq3x_onzs4_16",
7
- "item": "awsui_item_zqq3x_onzs4_16",
8
- "first-column": "awsui_first-column_zqq3x_onzs4_21"
4
+ "css-grid": "awsui_css-grid_zqq3x_19h7g_9",
5
+ "grid-no-gutters": "awsui_grid-no-gutters_zqq3x_19h7g_13",
6
+ "grid-variant-text-grid": "awsui_grid-variant-text-grid_zqq3x_19h7g_16",
7
+ "item": "awsui_item_zqq3x_19h7g_16",
8
+ "first-column": "awsui_first-column_zqq3x_19h7g_20"
9
9
  };
10
10
 
@@ -6,19 +6,18 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_css-grid_zqq3x_onzs4_9:not(#\9) {
9
+ .awsui_css-grid_zqq3x_19h7g_9:not(#\9) {
10
10
  display: grid;
11
11
  gap: var(--space-grid-gutter-ieqn7e, 20px);
12
12
  }
13
- .awsui_css-grid_zqq3x_onzs4_9.awsui_grid-no-gutters_zqq3x_onzs4_13:not(#\9) {
13
+ .awsui_css-grid_zqq3x_19h7g_9.awsui_grid-no-gutters_zqq3x_19h7g_13:not(#\9) {
14
14
  gap: 0;
15
15
  }
16
- .awsui_css-grid_zqq3x_onzs4_9.awsui_grid-variant-text-grid_zqq3x_onzs4_16 > .awsui_item_zqq3x_onzs4_16:not(#\9) {
17
- border-left: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
18
- padding-left: var(--space-grid-gutter-ieqn7e, 20px);
19
- padding-right: var(--space-grid-gutter-ieqn7e, 20px);
16
+ .awsui_css-grid_zqq3x_19h7g_9.awsui_grid-variant-text-grid_zqq3x_19h7g_16 > .awsui_item_zqq3x_19h7g_16:not(#\9) {
17
+ border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
18
+ padding-inline: var(--space-grid-gutter-ieqn7e, 20px);
20
19
  }
21
- .awsui_css-grid_zqq3x_onzs4_9.awsui_grid-variant-text-grid_zqq3x_onzs4_16 > .awsui_item_zqq3x_onzs4_16.awsui_first-column_zqq3x_onzs4_21:not(#\9) {
22
- border-left: 0;
23
- padding-left: 0;
20
+ .awsui_css-grid_zqq3x_19h7g_9.awsui_grid-variant-text-grid_zqq3x_19h7g_16 > .awsui_item_zqq3x_19h7g_16.awsui_first-column_zqq3x_19h7g_20:not(#\9) {
21
+ border-inline-start: 0;
22
+ padding-inline-start: 0;
24
23
  }
@@ -2,10 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "css-grid": "awsui_css-grid_zqq3x_onzs4_9",
6
- "grid-no-gutters": "awsui_grid-no-gutters_zqq3x_onzs4_13",
7
- "grid-variant-text-grid": "awsui_grid-variant-text-grid_zqq3x_onzs4_16",
8
- "item": "awsui_item_zqq3x_onzs4_16",
9
- "first-column": "awsui_first-column_zqq3x_onzs4_21"
5
+ "css-grid": "awsui_css-grid_zqq3x_19h7g_9",
6
+ "grid-no-gutters": "awsui_grid-no-gutters_zqq3x_19h7g_13",
7
+ "grid-variant-text-grid": "awsui_grid-variant-text-grid_zqq3x_19h7g_16",
8
+ "item": "awsui_item_zqq3x_19h7g_16",
9
+ "first-column": "awsui_first-column_zqq3x_19h7g_20"
10
10
  };
11
11
 
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "column-layout": "awsui_column-layout_vvxn7_18q34_93",
5
- "grid": "awsui_grid_vvxn7_18q34_128",
6
- "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_18q34_133",
7
- "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_18q34_136",
8
- "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_18q34_143",
9
- "grid-columns-1": "awsui_grid-columns-1_vvxn7_18q34_146",
10
- "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_18q34_146",
11
- "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_18q34_149",
12
- "grid-columns-2": "awsui_grid-columns-2_vvxn7_18q34_152",
13
- "grid-columns-3": "awsui_grid-columns-3_vvxn7_18q34_158",
14
- "grid-columns-4": "awsui_grid-columns-4_vvxn7_18q34_164",
15
- "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_18q34_177",
16
- "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_18q34_210"
4
+ "column-layout": "awsui_column-layout_vvxn7_1nq95_93",
5
+ "grid": "awsui_grid_vvxn7_1nq95_128",
6
+ "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_1nq95_134",
7
+ "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_1nq95_138",
8
+ "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_1nq95_146",
9
+ "grid-columns-1": "awsui_grid-columns-1_vvxn7_1nq95_149",
10
+ "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_1nq95_149",
11
+ "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_1nq95_152",
12
+ "grid-columns-2": "awsui_grid-columns-2_vvxn7_1nq95_155",
13
+ "grid-columns-3": "awsui_grid-columns-3_vvxn7_1nq95_161",
14
+ "grid-columns-4": "awsui_grid-columns-4_vvxn7_1nq95_167",
15
+ "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_1nq95_183",
16
+ "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_1nq95_216"
17
17
  };
18
18