@cloudscape-design/components-themeable 3.0.469 → 3.0.471

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 (138) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/badge/styles.scss +6 -2
  3. package/lib/internal/scss/box/base-styles.scss +4 -2
  4. package/lib/internal/scss/box/layout.scss +2 -0
  5. package/lib/internal/scss/box/text.scss +3 -3
  6. package/lib/internal/scss/breadcrumb-group/item/styles.scss +3 -2
  7. package/lib/internal/scss/breadcrumb-group/styles.scss +16 -9
  8. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +37 -28
  9. package/lib/internal/scss/button-dropdown/item-element/styles.scss +20 -15
  10. package/lib/internal/scss/button-dropdown/mobile-expandable-group/styles.scss +3 -3
  11. package/lib/internal/scss/button-dropdown/styles.scss +17 -14
  12. package/lib/internal/scss/calendar/styles.scss +36 -20
  13. package/lib/internal/scss/cards/styles.scss +40 -24
  14. package/lib/internal/scss/code-editor/ace-editor.scss +12 -12
  15. package/lib/internal/scss/code-editor/pane.scss +23 -21
  16. package/lib/internal/scss/code-editor/resizable-box/styles.scss +5 -5
  17. package/lib/internal/scss/code-editor/styles.scss +38 -30
  18. package/lib/internal/scss/collection-preferences/content-display/content-display-option.scss +18 -10
  19. package/lib/internal/scss/collection-preferences/content-display/styles.scss +5 -3
  20. package/lib/internal/scss/collection-preferences/styles.scss +1 -1
  21. package/lib/internal/scss/collection-preferences/visible-content.scss +11 -8
  22. package/lib/internal/scss/column-layout/flexible-column-layout/styles.scss +4 -5
  23. package/lib/internal/scss/column-layout/styles.scss +15 -9
  24. package/lib/internal/scss/container/shared.scss +1 -3
  25. package/lib/internal/scss/container/styles.scss +53 -43
  26. package/lib/internal/scss/content-layout/styles.scss +4 -4
  27. package/lib/internal/scss/date-picker/styles.scss +3 -3
  28. package/lib/internal/scss/date-range-picker/calendar/grids/styles.scss +29 -18
  29. package/lib/internal/scss/date-range-picker/relative-range/styles.scss +8 -8
  30. package/lib/internal/scss/date-range-picker/styles.scss +26 -21
  31. package/lib/internal/scss/drawer/styles.scss +13 -10
  32. package/lib/internal/scss/expandable-section/styles.scss +41 -36
  33. package/lib/internal/scss/file-upload/dropzone/styles.scss +6 -2
  34. package/lib/internal/scss/file-upload/file-option/styles.scss +7 -7
  35. package/lib/internal/scss/file-upload/styles.scss +1 -1
  36. package/lib/internal/scss/flashbar/collapsible.scss +25 -25
  37. package/lib/internal/scss/flashbar/styles.scss +29 -19
  38. package/lib/internal/scss/form/styles.scss +10 -10
  39. package/lib/internal/scss/form-field/styles.scss +5 -5
  40. package/lib/internal/template/badge/styles.css.js +5 -5
  41. package/lib/internal/template/badge/styles.scoped.css +11 -7
  42. package/lib/internal/template/badge/styles.selectors.js +5 -5
  43. package/lib/internal/template/box/styles.css.js +190 -190
  44. package/lib/internal/template/box/styles.scoped.css +244 -240
  45. package/lib/internal/template/box/styles.selectors.js +190 -190
  46. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  47. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +20 -19
  48. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  49. package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
  50. package/lib/internal/template/breadcrumb-group/styles.scoped.css +28 -21
  51. package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
  52. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
  53. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +60 -50
  54. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
  55. package/lib/internal/template/button-dropdown/item-element/styles.css.js +15 -15
  56. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +38 -33
  57. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +15 -15
  58. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  59. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -8
  60. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  61. package/lib/internal/template/button-dropdown/styles.css.js +15 -15
  62. package/lib/internal/template/button-dropdown/styles.scoped.css +39 -36
  63. package/lib/internal/template/button-dropdown/styles.selectors.js +15 -15
  64. package/lib/internal/template/calendar/styles.css.js +18 -18
  65. package/lib/internal/template/calendar/styles.scoped.css +75 -59
  66. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  67. package/lib/internal/template/cards/styles.css.js +38 -38
  68. package/lib/internal/template/cards/styles.scoped.css +110 -94
  69. package/lib/internal/template/cards/styles.selectors.js +38 -38
  70. package/lib/internal/template/code-editor/resizable-box/styles.css.js +3 -3
  71. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +13 -13
  72. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +3 -3
  73. package/lib/internal/template/code-editor/styles.css.js +32 -32
  74. package/lib/internal/template/code-editor/styles.scoped.css +258 -246
  75. package/lib/internal/template/code-editor/styles.selectors.js +32 -32
  76. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  77. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +40 -30
  78. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  79. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  80. package/lib/internal/template/collection-preferences/styles.scoped.css +79 -66
  81. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  82. package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
  83. package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +8 -9
  84. package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  85. package/lib/internal/template/column-layout/styles.css.js +13 -13
  86. package/lib/internal/template/column-layout/styles.scoped.css +70 -64
  87. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  88. package/lib/internal/template/container/styles.css.js +28 -28
  89. package/lib/internal/template/container/styles.scoped.css +106 -98
  90. package/lib/internal/template/container/styles.selectors.js +28 -28
  91. package/lib/internal/template/content-layout/styles.css.js +7 -7
  92. package/lib/internal/template/content-layout/styles.scoped.css +15 -15
  93. package/lib/internal/template/content-layout/styles.selectors.js +7 -7
  94. package/lib/internal/template/date-picker/styles.css.js +7 -7
  95. package/lib/internal/template/date-picker/styles.scoped.css +12 -12
  96. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  97. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +25 -25
  98. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +71 -60
  99. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  100. package/lib/internal/template/date-range-picker/relative-range/styles.css.js +9 -9
  101. package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +21 -21
  102. package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +9 -9
  103. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  104. package/lib/internal/template/date-range-picker/styles.scoped.css +73 -68
  105. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  106. package/lib/internal/template/drawer/styles.css.js +3 -3
  107. package/lib/internal/template/drawer/styles.scoped.css +21 -18
  108. package/lib/internal/template/drawer/styles.selectors.js +3 -3
  109. package/lib/internal/template/expandable-section/styles.css.js +29 -29
  110. package/lib/internal/template/expandable-section/styles.scoped.css +99 -94
  111. package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
  112. package/lib/internal/template/file-upload/dropzone/styles.css.js +2 -2
  113. package/lib/internal/template/file-upload/dropzone/styles.scoped.css +8 -4
  114. package/lib/internal/template/file-upload/dropzone/styles.selectors.js +2 -2
  115. package/lib/internal/template/file-upload/file-option/styles.css.js +7 -7
  116. package/lib/internal/template/file-upload/file-option/styles.scoped.css +15 -15
  117. package/lib/internal/template/file-upload/file-option/styles.selectors.js +7 -7
  118. package/lib/internal/template/file-upload/styles.css.js +2 -2
  119. package/lib/internal/template/file-upload/styles.scoped.css +4 -4
  120. package/lib/internal/template/file-upload/styles.selectors.js +2 -2
  121. package/lib/internal/template/flashbar/styles.css.js +47 -47
  122. package/lib/internal/template/flashbar/styles.scoped.css +220 -215
  123. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  124. package/lib/internal/template/form/styles.css.js +9 -9
  125. package/lib/internal/template/form/styles.scoped.css +18 -18
  126. package/lib/internal/template/form/styles.selectors.js +9 -9
  127. package/lib/internal/template/form-field/styles.css.js +19 -19
  128. package/lib/internal/template/form-field/styles.scoped.css +34 -34
  129. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  130. package/lib/internal/template/internal/environment.js +1 -1
  131. package/lib/internal/template/internal/environment.json +1 -1
  132. package/lib/internal/template/modal/styles.css.js +23 -23
  133. package/lib/internal/template/modal/styles.scoped.css +39 -39
  134. package/lib/internal/template/modal/styles.selectors.js +23 -23
  135. package/lib/internal/template/tiles/styles.css.js +29 -29
  136. package/lib/internal/template/tiles/styles.scoped.css +97 -91
  137. package/lib/internal/template/tiles/styles.selectors.js +29 -29
  138. package/package.json +1 -1
@@ -94,10 +94,10 @@ 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_content-enter_gwq0h_1x1bu_97:not(#\9) {
98
- animation: awsui_awsui-motion-fade-in_gwq0h_1x1bu_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
97
+ .awsui_content-enter_gwq0h_1bk83_97:not(#\9) {
98
+ animation: awsui_awsui-motion-fade-in_gwq0h_1bk83_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
99
99
  }
100
- @keyframes awsui_awsui-motion-fade-in_gwq0h_1x1bu_1 {
100
+ @keyframes awsui_awsui-motion-fade-in_gwq0h_1bk83_1 {
101
101
  from {
102
102
  opacity: 0.2;
103
103
  }
@@ -106,40 +106,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
106
106
  }
107
107
  }
108
108
  @media (prefers-reduced-motion: reduce) {
109
- .awsui_content-enter_gwq0h_1x1bu_97:not(#\9) {
109
+ .awsui_content-enter_gwq0h_1bk83_97:not(#\9) {
110
110
  animation: none;
111
111
  transition: none;
112
112
  }
113
113
  }
114
- .awsui-motion-disabled .awsui_content-enter_gwq0h_1x1bu_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1x1bu_97:not(#\9) {
114
+ .awsui-motion-disabled .awsui_content-enter_gwq0h_1bk83_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1bk83_97:not(#\9) {
115
115
  animation: none;
116
116
  transition: none;
117
117
  }
118
118
 
119
- .awsui_trigger-expanded_gwq0h_1x1bu_119:not(#\9) {
119
+ .awsui_trigger-expanded_gwq0h_1bk83_119:not(#\9) {
120
120
  transition: border-bottom-color var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
121
121
  }
122
122
  @media (prefers-reduced-motion: reduce) {
123
- .awsui_trigger-expanded_gwq0h_1x1bu_119:not(#\9) {
123
+ .awsui_trigger-expanded_gwq0h_1bk83_119:not(#\9) {
124
124
  animation: none;
125
125
  transition: none;
126
126
  }
127
127
  }
128
- .awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1x1bu_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1x1bu_119:not(#\9) {
128
+ .awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1bk83_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1bk83_119:not(#\9) {
129
129
  animation: none;
130
130
  transition: none;
131
131
  }
132
132
 
133
- .awsui_icon_gwq0h_1x1bu_133:not(#\9) {
133
+ .awsui_icon_gwq0h_1bk83_133:not(#\9) {
134
134
  transition: transform var(--motion-duration-rotate-90-f4h6jw, 135ms) var(--motion-easing-rotate-90-ncjpnu, cubic-bezier(0.165, 0.84, 0.44, 1));
135
135
  }
136
136
  @media (prefers-reduced-motion: reduce) {
137
- .awsui_icon_gwq0h_1x1bu_133:not(#\9) {
137
+ .awsui_icon_gwq0h_1bk83_133:not(#\9) {
138
138
  animation: none;
139
139
  transition: none;
140
140
  }
141
141
  }
142
- .awsui-motion-disabled .awsui_icon_gwq0h_1x1bu_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1x1bu_133:not(#\9) {
142
+ .awsui-motion-disabled .awsui_icon_gwq0h_1bk83_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1bk83_133:not(#\9) {
143
143
  animation: none;
144
144
  transition: none;
145
145
  }
@@ -148,7 +148,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
148
148
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
149
149
  SPDX-License-Identifier: Apache-2.0
150
150
  */
151
- .awsui_root_gwq0h_1x1bu_151:not(#\9) {
151
+ .awsui_root_gwq0h_1bk83_151:not(#\9) {
152
152
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
153
153
  border-collapse: separate;
154
154
  border-spacing: 0;
@@ -190,114 +190,115 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  display: block;
191
191
  }
192
192
 
193
- .awsui_expand-button_gwq0h_1x1bu_167:not(#\9) {
193
+ .awsui_expand-button_gwq0h_1bk83_167:not(#\9) {
194
194
  /* used in test-utils */
195
195
  }
196
196
 
197
- .awsui_icon_gwq0h_1x1bu_133:not(#\9) {
197
+ .awsui_icon_gwq0h_1bk83_133:not(#\9) {
198
198
  transform: rotate(-90deg);
199
199
  }
200
- .awsui_icon_gwq0h_1x1bu_133.awsui_expanded_gwq0h_1x1bu_174:not(#\9) {
200
+ .awsui_icon_gwq0h_1bk83_133.awsui_expanded_gwq0h_1bk83_174:not(#\9) {
201
201
  transform: rotate(0deg);
202
202
  }
203
203
 
204
- .awsui_icon-container_gwq0h_1x1bu_178:not(#\9) {
204
+ .awsui_icon-container_gwq0h_1bk83_178:not(#\9) {
205
205
  position: relative;
206
- margin-left: calc((var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2);
207
- margin-right: calc(var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
206
+ margin-inline: calc((var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2) calc(var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
208
207
  }
209
- .awsui_icon-container-container_gwq0h_1x1bu_183:not(#\9) {
210
- margin-right: var(--space-xs-xf5ch3, 8px);
208
+ .awsui_icon-container-container_gwq0h_1bk83_182:not(#\9) {
209
+ margin-inline-end: var(--space-xs-xf5ch3, 8px);
211
210
  }
212
211
 
213
- .awsui_wrapper_gwq0h_1x1bu_187:not(#\9) {
212
+ .awsui_wrapper_gwq0h_1bk83_186:not(#\9) {
214
213
  box-sizing: border-box;
215
- border: none;
216
- width: 100%;
214
+ border-block: none;
215
+ border-inline: none;
216
+ inline-size: 100%;
217
217
  line-height: var(--line-height-body-m-2zx78l, 22px);
218
- text-align: left;
218
+ text-align: start;
219
219
  }
220
- .awsui_wrapper-default_gwq0h_1x1bu_194:not(#\9), .awsui_wrapper-footer_gwq0h_1x1bu_194:not(#\9) {
221
- border: var(--border-divider-section-width-4ozgf3, 1px) solid transparent;
220
+ .awsui_wrapper-default_gwq0h_1bk83_194:not(#\9), .awsui_wrapper-footer_gwq0h_1bk83_194:not(#\9) {
221
+ border-block: var(--border-divider-section-width-4ozgf3, 1px) solid transparent;
222
+ border-inline: var(--border-divider-section-width-4ozgf3, 1px) solid transparent;
222
223
  }
223
- .awsui_wrapper-navigation_gwq0h_1x1bu_197:not(#\9) {
224
- border-left: var(--border-divider-section-width-4ozgf3, 1px) solid transparent;
224
+ .awsui_wrapper-navigation_gwq0h_1bk83_198:not(#\9) {
225
+ border-inline-start: var(--border-divider-section-width-4ozgf3, 1px) solid transparent;
225
226
  }
226
- .awsui_wrapper-navigation_gwq0h_1x1bu_197:not(#\9), .awsui_wrapper-container_gwq0h_1x1bu_200:not(#\9) {
227
+ .awsui_wrapper-navigation_gwq0h_1bk83_198:not(#\9), .awsui_wrapper-container_gwq0h_1bk83_201:not(#\9) {
227
228
  display: flex;
228
229
  font-weight: var(--font-weight-heading-s-mkhu7c, 700);
229
230
  }
230
- .awsui_wrapper-default_gwq0h_1x1bu_194:not(#\9), .awsui_wrapper-navigation_gwq0h_1x1bu_197:not(#\9), .awsui_wrapper-footer_gwq0h_1x1bu_194:not(#\9) {
231
+ .awsui_wrapper-default_gwq0h_1bk83_194:not(#\9), .awsui_wrapper-navigation_gwq0h_1bk83_198:not(#\9), .awsui_wrapper-footer_gwq0h_1bk83_194:not(#\9) {
231
232
  color: var(--color-text-expandable-section-default-lu0fl7, #545b64);
232
233
  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
233
234
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
234
235
  font-size: var(--font-expandable-heading-size-oezd0p, 14px);
235
236
  letter-spacing: var(--letter-spacing-heading-s-badvkb, normal);
236
237
  }
237
- .awsui_wrapper-default_gwq0h_1x1bu_194:not(#\9) {
238
- padding-top: var(--space-scaled-xxs-t7ij38, 4px);
239
- padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
240
- padding-right: var(--space-xxs-9rrxti, 4px);
238
+ .awsui_wrapper-default_gwq0h_1bk83_194:not(#\9) {
239
+ padding-block: var(--space-scaled-xxs-t7ij38, 4px);
240
+ padding-inline-end: var(--space-xxs-9rrxti, 4px);
241
241
  }
242
- .awsui_wrapper-default_gwq0h_1x1bu_194.awsui_header-deprecated_gwq0h_1x1bu_216:not(#\9) {
243
- padding-left: var(--space-xxs-9rrxti, 4px);
242
+ .awsui_wrapper-default_gwq0h_1bk83_194.awsui_header-deprecated_gwq0h_1bk83_216:not(#\9) {
243
+ padding-inline-start: var(--space-xxs-9rrxti, 4px);
244
244
  }
245
- .awsui_wrapper-default_gwq0h_1x1bu_194:not(#\9):not(.awsui_header-deprecated_gwq0h_1x1bu_216) {
246
- padding-left: calc(var(--space-xxs-9rrxti, 4px) + calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px)));
245
+ .awsui_wrapper-default_gwq0h_1bk83_194:not(#\9):not(.awsui_header-deprecated_gwq0h_1bk83_216) {
246
+ padding-inline-start: calc(var(--space-xxs-9rrxti, 4px) + calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px)));
247
247
  }
248
- .awsui_wrapper-footer_gwq0h_1x1bu_194:not(#\9) {
249
- padding-top: var(--space-scaled-xxs-t7ij38, 4px);
250
- padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
251
- padding-right: 0;
248
+ .awsui_wrapper-footer_gwq0h_1bk83_194:not(#\9) {
249
+ padding-block: var(--space-scaled-xxs-t7ij38, 4px);
250
+ padding-inline-end: 0;
252
251
  }
253
- .awsui_wrapper-footer_gwq0h_1x1bu_194.awsui_header-deprecated_gwq0h_1x1bu_216:not(#\9) {
254
- padding-left: 0;
252
+ .awsui_wrapper-footer_gwq0h_1bk83_194.awsui_header-deprecated_gwq0h_1bk83_216:not(#\9) {
253
+ padding-inline-start: 0;
255
254
  }
256
- .awsui_wrapper-footer_gwq0h_1x1bu_194:not(#\9):not(.awsui_header-deprecated_gwq0h_1x1bu_216) {
257
- padding-left: calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
255
+ .awsui_wrapper-footer_gwq0h_1bk83_194:not(#\9):not(.awsui_header-deprecated_gwq0h_1bk83_216) {
256
+ padding-inline-start: calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
258
257
  }
259
- .awsui_wrapper-container_gwq0h_1x1bu_200:not(#\9) {
260
- padding-top: var(--space-container-header-top-bomjbu, 12px);
261
- padding-bottom: var(--space-container-header-bottom-qqnwwz, 12px);
262
- padding-right: var(--space-container-horizontal-oebwqe, 20px);
258
+ .awsui_wrapper-container_gwq0h_1bk83_201:not(#\9) {
259
+ padding-block: var(--space-container-header-top-bomjbu, 12px) var(--space-container-header-bottom-qqnwwz, 12px);
260
+ padding-inline-end: var(--space-container-horizontal-oebwqe, 20px);
263
261
  }
264
- .awsui_wrapper-container_gwq0h_1x1bu_200:not(#\9):not(.awsui_wrapper-expanded_gwq0h_1x1bu_238) {
265
- padding-bottom: var(--space-container-header-top-bomjbu, 12px);
262
+ .awsui_wrapper-container_gwq0h_1bk83_201:not(#\9):not(.awsui_wrapper-expanded_gwq0h_1bk83_236) {
263
+ padding-block-end: var(--space-container-header-top-bomjbu, 12px);
266
264
  }
267
- .awsui_wrapper-container_gwq0h_1x1bu_200.awsui_header-deprecated_gwq0h_1x1bu_216:not(#\9) {
268
- padding-left: var(--space-container-horizontal-oebwqe, 20px);
265
+ .awsui_wrapper-container_gwq0h_1bk83_201.awsui_header-deprecated_gwq0h_1bk83_216:not(#\9) {
266
+ padding-inline-start: var(--space-container-horizontal-oebwqe, 20px);
269
267
  }
270
- .awsui_wrapper-container_gwq0h_1x1bu_200:not(#\9):not(.awsui_header-deprecated_gwq0h_1x1bu_216) {
271
- padding-left: calc(var(--space-container-horizontal-oebwqe, 20px) + calc(var(--size-icon-medium-6sroof, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xs-xf5ch3, 8px)));
268
+ .awsui_wrapper-container_gwq0h_1bk83_201:not(#\9):not(.awsui_header-deprecated_gwq0h_1bk83_216) {
269
+ padding-inline-start: calc(var(--space-container-horizontal-oebwqe, 20px) + calc(var(--size-icon-medium-6sroof, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xs-xf5ch3, 8px)));
272
270
  }
273
- body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1x1bu_200:not(#\9):focus {
274
- padding: calc(var(--space-scaled-s-9q8n2q, 12px) - var(--border-divider-section-width-4ozgf3, 1px)) calc(var(--space-l-xu1x80, 20px) - var(--border-divider-section-width-4ozgf3, 1px));
271
+ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1bk83_201:not(#\9):focus {
272
+ padding-block: calc(var(--space-scaled-s-9q8n2q, 12px) - var(--border-divider-section-width-4ozgf3, 1px));
273
+ padding-inline: calc(var(--space-l-xu1x80, 20px) - var(--border-divider-section-width-4ozgf3, 1px));
275
274
  }
276
- .awsui_wrapper-default_gwq0h_1x1bu_194.awsui_wrapper-expanded_gwq0h_1x1bu_238:not(#\9) {
277
- border-bottom-color: var(--color-border-divider-default-cr3oi6, #eaeded);
275
+ .awsui_wrapper-default_gwq0h_1bk83_194.awsui_wrapper-expanded_gwq0h_1bk83_236:not(#\9) {
276
+ border-block-end-color: var(--color-border-divider-default-cr3oi6, #eaeded);
278
277
  }
279
278
 
280
- .awsui_header_gwq0h_1x1bu_216:not(#\9) {
279
+ .awsui_header_gwq0h_1bk83_216:not(#\9) {
281
280
  /* used in test-utils */
282
281
  }
283
- .awsui_header-wrapper_gwq0h_1x1bu_257:not(#\9), .awsui_header-deprecated_gwq0h_1x1bu_216:not(#\9) {
282
+ .awsui_header-wrapper_gwq0h_1bk83_256:not(#\9), .awsui_header-deprecated_gwq0h_1bk83_216:not(#\9) {
284
283
  display: flex;
285
284
  font-weight: var(--font-weight-heading-s-mkhu7c, 700);
286
285
  }
287
- .awsui_header-wrapper_gwq0h_1x1bu_257:not(#\9) {
286
+ .awsui_header-wrapper_gwq0h_1bk83_256:not(#\9) {
288
287
  font-size: inherit;
289
288
  letter-spacing: inherit;
290
- margin: 0;
291
- padding: 0;
289
+ margin-block: 0;
290
+ margin-inline: 0;
291
+ padding-block: 0;
292
+ padding-inline: 0;
292
293
  }
293
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1x1bu_267:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1x1bu_267:not(#\9):focus {
294
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1bk83_268:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1bk83_268:not(#\9):focus {
294
295
  position: relative;
295
296
  }
296
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1x1bu_267:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1x1bu_267:not(#\9):focus {
297
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1bk83_268:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1bk83_268:not(#\9):focus {
297
298
  outline: 2px dotted transparent;
298
299
  outline-offset: calc(0px - 1px);
299
300
  }
300
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1x1bu_267:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1x1bu_267:not(#\9):focus::before {
301
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1bk83_268:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1bk83_268:not(#\9):focus::before {
301
302
  content: " ";
302
303
  display: block;
303
304
  position: absolute;
@@ -308,42 +309,44 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1x1bu_267:not(#\9
308
309
  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
309
310
  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
310
311
  }
311
- .awsui_header-button_gwq0h_1x1bu_267:not(#\9) {
312
+ .awsui_header-button_gwq0h_1bk83_268:not(#\9) {
312
313
  box-sizing: border-box;
313
314
  display: flex;
314
- margin-left: calc(-1 * calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px)));
315
+ margin-inline-start: calc(-1 * calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px)));
315
316
  }
316
- .awsui_header-container-button_gwq0h_1x1bu_267:not(#\9) {
317
- margin-left: calc(-1 * calc(var(--size-icon-medium-6sroof, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xs-xf5ch3, 8px)));
317
+ .awsui_header-container-button_gwq0h_1bk83_268:not(#\9) {
318
+ margin-inline-start: calc(-1 * calc(var(--size-icon-medium-6sroof, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xs-xf5ch3, 8px)));
318
319
  }
319
- .awsui_header-container_gwq0h_1x1bu_267:not(#\9) {
320
- width: 100%;
320
+ .awsui_header-container_gwq0h_1bk83_268:not(#\9) {
321
+ inline-size: 100%;
321
322
  }
322
- .awsui_header-container_gwq0h_1x1bu_267 > .awsui_icon-container_gwq0h_1x1bu_178:not(#\9) {
323
- margin-top: var(--space-expandable-section-icon-offset-top-5sppg0, 8px);
323
+ .awsui_header-container_gwq0h_1bk83_268 > .awsui_icon-container_gwq0h_1bk83_178:not(#\9) {
324
+ margin-block-start: var(--space-expandable-section-icon-offset-top-5sppg0, 8px);
324
325
  }
325
- .awsui_header-navigation_gwq0h_1x1bu_299 > .awsui_icon-container_gwq0h_1x1bu_178:not(#\9) {
326
+ .awsui_header-navigation_gwq0h_1bk83_300 > .awsui_icon-container_gwq0h_1bk83_178:not(#\9) {
326
327
  display: inline-flex;
327
328
  cursor: pointer;
328
329
  color: var(--color-text-expandable-section-navigation-icon-default-p5s2p2, #879596);
329
- border: 0;
330
- padding: 0;
330
+ border-block: 0;
331
+ border-inline: 0;
332
+ padding-block: 0;
333
+ padding-inline: 0;
331
334
  background: transparent;
332
335
  outline: none;
333
336
  text-decoration: none;
334
337
  flex-direction: column;
335
338
  }
336
- .awsui_header-navigation_gwq0h_1x1bu_299 > .awsui_icon-container_gwq0h_1x1bu_178:not(#\9):hover {
339
+ .awsui_header-navigation_gwq0h_1bk83_300 > .awsui_icon-container_gwq0h_1bk83_178:not(#\9):hover {
337
340
  color: var(--color-text-expandable-section-hover-6msis6, #16191f);
338
341
  }
339
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1x1bu_299 > .awsui_icon-container_gwq0h_1x1bu_178:not(#\9):focus {
342
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1bk83_300 > .awsui_icon-container_gwq0h_1bk83_178:not(#\9):focus {
340
343
  position: relative;
341
344
  }
342
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1x1bu_299 > .awsui_icon-container_gwq0h_1x1bu_178:not(#\9):focus {
345
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1bk83_300 > .awsui_icon-container_gwq0h_1bk83_178:not(#\9):focus {
343
346
  outline: 2px dotted transparent;
344
347
  outline-offset: calc(2px - 1px);
345
348
  }
346
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1x1bu_299 > .awsui_icon-container_gwq0h_1x1bu_178:not(#\9):focus::before {
349
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1bk83_300 > .awsui_icon-container_gwq0h_1bk83_178:not(#\9):focus::before {
347
350
  content: " ";
348
351
  display: block;
349
352
  position: absolute;
@@ -354,37 +357,39 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1x1bu_299 > .
354
357
  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
355
358
  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
356
359
  }
357
- .awsui_header-text_gwq0h_1x1bu_331:not(#\9) {
360
+ .awsui_header-text_gwq0h_1bk83_334:not(#\9) {
358
361
  /* used in test-utils */
359
362
  }
360
363
 
361
- .awsui_content_gwq0h_1x1bu_97:not(#\9) {
364
+ .awsui_content_gwq0h_1bk83_97:not(#\9) {
362
365
  display: none;
363
366
  }
364
- .awsui_content-default_gwq0h_1x1bu_338:not(#\9) {
365
- padding: var(--space-scaled-xs-x91h81, 8px) 0;
367
+ .awsui_content-default_gwq0h_1bk83_341:not(#\9) {
368
+ padding-block: var(--space-scaled-xs-x91h81, 8px);
369
+ padding-inline: 0;
366
370
  }
367
- .awsui_content-footer_gwq0h_1x1bu_341:not(#\9) {
368
- padding: var(--space-xs-xf5ch3, 8px) 0;
371
+ .awsui_content-footer_gwq0h_1bk83_345:not(#\9) {
372
+ padding-block: var(--space-xs-xf5ch3, 8px);
373
+ padding-inline: 0;
369
374
  }
370
- .awsui_content-expanded_gwq0h_1x1bu_344:not(#\9) {
375
+ .awsui_content-expanded_gwq0h_1bk83_349:not(#\9) {
371
376
  display: block;
372
377
  }
373
378
 
374
- .awsui_focusable_gwq0h_1x1bu_348:not(#\9):focus {
379
+ .awsui_focusable_gwq0h_1bk83_353:not(#\9):focus {
375
380
  outline: none;
376
381
  text-decoration: none;
377
382
  }
378
- body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1x1bu_348:not(#\9):focus {
383
+ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1bk83_353:not(#\9):focus {
379
384
  outline: 2px dotted transparent;
380
385
  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
381
386
  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
382
387
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
383
388
  }
384
389
 
385
- .awsui_click-target_gwq0h_1x1bu_359:not(#\9) {
390
+ .awsui_click-target_gwq0h_1bk83_364:not(#\9) {
386
391
  cursor: pointer;
387
392
  }
388
- .awsui_click-target_gwq0h_1x1bu_359:not(#\9):not(.awsui_wrapper-container_gwq0h_1x1bu_200):not(.awsui_header-container-button_gwq0h_1x1bu_267):hover {
393
+ .awsui_click-target_gwq0h_1bk83_364:not(#\9):not(.awsui_wrapper-container_gwq0h_1bk83_201):not(.awsui_header-container-button_gwq0h_1bk83_268):hover {
389
394
  color: var(--color-text-expandable-section-hover-6msis6, #16191f);
390
395
  }
@@ -2,34 +2,34 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "content-enter": "awsui_content-enter_gwq0h_1x1bu_97",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1x1bu_1",
7
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_1x1bu_119",
8
- "icon": "awsui_icon_gwq0h_1x1bu_133",
9
- "root": "awsui_root_gwq0h_1x1bu_151",
10
- "expand-button": "awsui_expand-button_gwq0h_1x1bu_167",
11
- "expanded": "awsui_expanded_gwq0h_1x1bu_174",
12
- "icon-container": "awsui_icon-container_gwq0h_1x1bu_178",
13
- "icon-container-container": "awsui_icon-container-container_gwq0h_1x1bu_183",
14
- "wrapper": "awsui_wrapper_gwq0h_1x1bu_187",
15
- "wrapper-default": "awsui_wrapper-default_gwq0h_1x1bu_194",
16
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_1x1bu_194",
17
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1x1bu_197",
18
- "wrapper-container": "awsui_wrapper-container_gwq0h_1x1bu_200",
19
- "header-deprecated": "awsui_header-deprecated_gwq0h_1x1bu_216",
20
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1x1bu_238",
21
- "header": "awsui_header_gwq0h_1x1bu_216",
22
- "header-wrapper": "awsui_header-wrapper_gwq0h_1x1bu_257",
23
- "header-button": "awsui_header-button_gwq0h_1x1bu_267",
24
- "header-container-button": "awsui_header-container-button_gwq0h_1x1bu_267",
25
- "header-container": "awsui_header-container_gwq0h_1x1bu_267",
26
- "header-navigation": "awsui_header-navigation_gwq0h_1x1bu_299",
27
- "header-text": "awsui_header-text_gwq0h_1x1bu_331",
28
- "content": "awsui_content_gwq0h_1x1bu_97",
29
- "content-default": "awsui_content-default_gwq0h_1x1bu_338",
30
- "content-footer": "awsui_content-footer_gwq0h_1x1bu_341",
31
- "content-expanded": "awsui_content-expanded_gwq0h_1x1bu_344",
32
- "focusable": "awsui_focusable_gwq0h_1x1bu_348",
33
- "click-target": "awsui_click-target_gwq0h_1x1bu_359"
5
+ "content-enter": "awsui_content-enter_gwq0h_1bk83_97",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1bk83_1",
7
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_1bk83_119",
8
+ "icon": "awsui_icon_gwq0h_1bk83_133",
9
+ "root": "awsui_root_gwq0h_1bk83_151",
10
+ "expand-button": "awsui_expand-button_gwq0h_1bk83_167",
11
+ "expanded": "awsui_expanded_gwq0h_1bk83_174",
12
+ "icon-container": "awsui_icon-container_gwq0h_1bk83_178",
13
+ "icon-container-container": "awsui_icon-container-container_gwq0h_1bk83_182",
14
+ "wrapper": "awsui_wrapper_gwq0h_1bk83_186",
15
+ "wrapper-default": "awsui_wrapper-default_gwq0h_1bk83_194",
16
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_1bk83_194",
17
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1bk83_198",
18
+ "wrapper-container": "awsui_wrapper-container_gwq0h_1bk83_201",
19
+ "header-deprecated": "awsui_header-deprecated_gwq0h_1bk83_216",
20
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1bk83_236",
21
+ "header": "awsui_header_gwq0h_1bk83_216",
22
+ "header-wrapper": "awsui_header-wrapper_gwq0h_1bk83_256",
23
+ "header-button": "awsui_header-button_gwq0h_1bk83_268",
24
+ "header-container-button": "awsui_header-container-button_gwq0h_1bk83_268",
25
+ "header-container": "awsui_header-container_gwq0h_1bk83_268",
26
+ "header-navigation": "awsui_header-navigation_gwq0h_1bk83_300",
27
+ "header-text": "awsui_header-text_gwq0h_1bk83_334",
28
+ "content": "awsui_content_gwq0h_1bk83_97",
29
+ "content-default": "awsui_content-default_gwq0h_1bk83_341",
30
+ "content-footer": "awsui_content-footer_gwq0h_1bk83_345",
31
+ "content-expanded": "awsui_content-expanded_gwq0h_1bk83_349",
32
+ "focusable": "awsui_focusable_gwq0h_1bk83_353",
33
+ "click-target": "awsui_click-target_gwq0h_1bk83_364"
34
34
  };
35
35
 
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "dropzone": "awsui_dropzone_1fham_w7ckq_93",
5
- "dropzone-hovered": "awsui_dropzone-hovered_1fham_w7ckq_105"
4
+ "dropzone": "awsui_dropzone_1fham_ydh3s_93",
5
+ "dropzone-hovered": "awsui_dropzone-hovered_1fham_ydh3s_109"
6
6
  };
7
7
 
@@ -90,19 +90,23 @@ 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_dropzone_1fham_w7ckq_93:not(#\9) {
93
+ .awsui_dropzone_1fham_ydh3s_93:not(#\9) {
94
94
  display: flex;
95
95
  flex-direction: column;
96
96
  align-items: center;
97
97
  justify-content: center;
98
98
  gap: var(--space-static-xxs-z6w5bq, 4px);
99
- padding: var(--space-static-l-pis4tp, 20px);
100
- border-radius: var(--border-radius-dropzone-k65k4p, 0px);
99
+ padding-block: var(--space-static-l-pis4tp, 20px);
100
+ padding-inline: var(--space-static-l-pis4tp, 20px);
101
+ border-start-start-radius: var(--border-radius-dropzone-k65k4p, 0px);
102
+ border-start-end-radius: var(--border-radius-dropzone-k65k4p, 0px);
103
+ border-end-start-radius: var(--border-radius-dropzone-k65k4p, 0px);
104
+ border-end-end-radius: var(--border-radius-dropzone-k65k4p, 0px);
101
105
  color: var(--color-dropzone-text-active-v8joq4, #545b64);
102
106
  background-color: var(--color-dropzone-background-active-bfw0vt, #d5dbdb);
103
107
  font-weight: 700;
104
108
  }
105
- .awsui_dropzone-hovered_1fham_w7ckq_105:not(#\9) {
109
+ .awsui_dropzone-hovered_1fham_ydh3s_109:not(#\9) {
106
110
  color: var(--color-dropzone-text-hover-tw679e, #12293b);
107
111
  background-color: var(--color-dropzone-background-hover-5pfqtu, #99cbe4);
108
112
  }
@@ -2,7 +2,7 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dropzone": "awsui_dropzone_1fham_w7ckq_93",
6
- "dropzone-hovered": "awsui_dropzone-hovered_1fham_w7ckq_105"
5
+ "dropzone": "awsui_dropzone_1fham_ydh3s_93",
6
+ "dropzone-hovered": "awsui_dropzone-hovered_1fham_ydh3s_109"
7
7
  };
8
8
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "file-option-name": "awsui_file-option-name_ezgb4_u1so3_9",
5
- "file-option-size": "awsui_file-option-size_ezgb4_u1so3_10",
6
- "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_u1so3_11",
7
- "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_u1so3_12",
8
- "file-option": "awsui_file-option_ezgb4_u1so3_9",
9
- "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_u1so3_28",
10
- "file-option-metadata": "awsui_file-option-metadata_ezgb4_u1so3_33"
4
+ "file-option-name": "awsui_file-option-name_ezgb4_18azq_9",
5
+ "file-option-size": "awsui_file-option-size_ezgb4_18azq_10",
6
+ "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_18azq_11",
7
+ "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_18azq_12",
8
+ "file-option": "awsui_file-option_ezgb4_18azq_9",
9
+ "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_18azq_28",
10
+ "file-option-metadata": "awsui_file-option-metadata_ezgb4_18azq_33"
11
11
  };
12
12
 
@@ -6,30 +6,30 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_file-option-name_ezgb4_u1so3_9:not(#\9),
10
- .awsui_file-option-size_ezgb4_u1so3_10:not(#\9),
11
- .awsui_file-option-last-modified_ezgb4_u1so3_11:not(#\9),
12
- .awsui_file-option-thumbnail_ezgb4_u1so3_12:not(#\9) {
9
+ .awsui_file-option-name_ezgb4_18azq_9:not(#\9),
10
+ .awsui_file-option-size_ezgb4_18azq_10:not(#\9),
11
+ .awsui_file-option-last-modified_ezgb4_18azq_11:not(#\9),
12
+ .awsui_file-option-thumbnail_ezgb4_18azq_12:not(#\9) {
13
13
  /* used in test-utils */
14
14
  }
15
15
 
16
- .awsui_file-option_ezgb4_u1so3_9:not(#\9) {
17
- width: 100%;
18
- min-width: 0;
16
+ .awsui_file-option_ezgb4_18azq_9:not(#\9) {
17
+ inline-size: 100%;
18
+ min-inline-size: 0;
19
19
  display: flex;
20
20
  gap: var(--space-scaled-xs-x91h81, 8px);
21
21
  }
22
22
 
23
- .awsui_file-option-thumbnail_ezgb4_u1so3_12:not(#\9) {
24
- margin-top: var(--space-static-xxs-z6w5bq, 4px);
25
- max-width: 60px;
23
+ .awsui_file-option-thumbnail_ezgb4_18azq_12:not(#\9) {
24
+ margin-block-start: var(--space-static-xxs-z6w5bq, 4px);
25
+ max-inline-size: 60px;
26
26
  }
27
27
 
28
- .awsui_file-option-thumbnail-image_ezgb4_u1so3_28:not(#\9) {
29
- width: 100%;
30
- height: auto;
28
+ .awsui_file-option-thumbnail-image_ezgb4_18azq_28:not(#\9) {
29
+ inline-size: 100%;
30
+ block-size: auto;
31
31
  }
32
32
 
33
- .awsui_file-option-metadata_ezgb4_u1so3_33:not(#\9) {
34
- width: 100%;
33
+ .awsui_file-option-metadata_ezgb4_18azq_33:not(#\9) {
34
+ inline-size: 100%;
35
35
  }
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "file-option-name": "awsui_file-option-name_ezgb4_u1so3_9",
6
- "file-option-size": "awsui_file-option-size_ezgb4_u1so3_10",
7
- "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_u1so3_11",
8
- "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_u1so3_12",
9
- "file-option": "awsui_file-option_ezgb4_u1so3_9",
10
- "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_u1so3_28",
11
- "file-option-metadata": "awsui_file-option-metadata_ezgb4_u1so3_33"
5
+ "file-option-name": "awsui_file-option-name_ezgb4_18azq_9",
6
+ "file-option-size": "awsui_file-option-size_ezgb4_18azq_10",
7
+ "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_18azq_11",
8
+ "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_18azq_12",
9
+ "file-option": "awsui_file-option_ezgb4_18azq_9",
10
+ "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_18azq_28",
11
+ "file-option-metadata": "awsui_file-option-metadata_ezgb4_18azq_33"
12
12
  };
13
13
 
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1ubbm_rrcaf_9",
5
- "hints": "awsui_hints_1ubbm_rrcaf_10"
4
+ "root": "awsui_root_1ubbm_1ylfn_9",
5
+ "hints": "awsui_hints_1ubbm_1ylfn_10"
6
6
  };
7
7
 
@@ -6,11 +6,11 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_root_1ubbm_rrcaf_9:not(#\9),
10
- .awsui_hints_1ubbm_rrcaf_10:not(#\9) {
9
+ .awsui_root_1ubbm_1ylfn_9:not(#\9),
10
+ .awsui_hints_1ubbm_1ylfn_10:not(#\9) {
11
11
  /* used in test-utils */
12
12
  }
13
13
 
14
- .awsui_hints_1ubbm_rrcaf_10:not(#\9) {
15
- margin-top: var(--space-static-xxs-z6w5bq, 4px);
14
+ .awsui_hints_1ubbm_1ylfn_10:not(#\9) {
15
+ margin-block-start: var(--space-static-xxs-z6w5bq, 4px);
16
16
  }
@@ -2,7 +2,7 @@
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_1ubbm_rrcaf_9",
6
- "hints": "awsui_hints_1ubbm_rrcaf_10"
5
+ "root": "awsui_root_1ubbm_1ylfn_9",
6
+ "hints": "awsui_hints_1ubbm_1ylfn_10"
7
7
  };
8
8