@cloudscape-design/components 3.0.1127 → 3.0.1129

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 (161) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +50 -50
  3. package/alert/styles.selectors.js +27 -27
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +32 -32
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/notifications/styles.css.js +3 -3
  8. package/app-layout/notifications/styles.scoped.css +7 -7
  9. package/app-layout/notifications/styles.selectors.js +3 -3
  10. package/app-layout/visual-refresh/styles.css.js +86 -86
  11. package/app-layout/visual-refresh/styles.scoped.css +258 -258
  12. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +87 -87
  15. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  16. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  17. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  18. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  19. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  20. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  21. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  22. package/attribute-editor/index.d.ts.map +1 -1
  23. package/attribute-editor/index.js +2 -2
  24. package/attribute-editor/index.js.map +1 -1
  25. package/attribute-editor/interfaces.d.ts +8 -0
  26. package/attribute-editor/interfaces.d.ts.map +1 -1
  27. package/attribute-editor/interfaces.js.map +1 -1
  28. package/attribute-editor/internal.d.ts.map +1 -1
  29. package/attribute-editor/internal.js +9 -6
  30. package/attribute-editor/internal.js.map +1 -1
  31. package/attribute-editor/styles.css.js +15 -15
  32. package/attribute-editor/styles.scoped.css +28 -28
  33. package/attribute-editor/styles.selectors.js +15 -15
  34. package/breadcrumb-group/item/styles.css.js +7 -7
  35. package/breadcrumb-group/item/styles.scoped.css +28 -28
  36. package/breadcrumb-group/item/styles.selectors.js +7 -7
  37. package/button/styles.css.js +22 -22
  38. package/button/styles.scoped.css +256 -256
  39. package/button/styles.selectors.js +22 -22
  40. package/button-dropdown/item-element/styles.css.js +16 -16
  41. package/button-dropdown/item-element/styles.scoped.css +27 -27
  42. package/button-dropdown/item-element/styles.selectors.js +16 -16
  43. package/checkbox/styles.css.js +3 -3
  44. package/checkbox/styles.scoped.css +11 -11
  45. package/checkbox/styles.selectors.js +3 -3
  46. package/content-layout/styles.css.js +14 -14
  47. package/content-layout/styles.scoped.css +27 -27
  48. package/content-layout/styles.selectors.js +14 -14
  49. package/flashbar/styles.css.js +50 -50
  50. package/flashbar/styles.scoped.css +187 -187
  51. package/flashbar/styles.selectors.js +50 -50
  52. package/header/analytics/use-table-integration.d.ts +2 -1
  53. package/header/analytics/use-table-integration.d.ts.map +1 -1
  54. package/header/analytics/use-table-integration.js +8 -1
  55. package/header/analytics/use-table-integration.js.map +1 -1
  56. package/header/interfaces.d.ts +2 -2
  57. package/header/interfaces.d.ts.map +1 -1
  58. package/header/interfaces.js.map +1 -1
  59. package/help-panel/styles.css.js +6 -6
  60. package/help-panel/styles.scoped.css +73 -73
  61. package/help-panel/styles.selectors.js +6 -6
  62. package/icon/generated/icons.d.ts +1 -0
  63. package/icon/generated/icons.d.ts.map +1 -1
  64. package/icon/generated/icons.js +3 -0
  65. package/icon/generated/icons.js.map +1 -1
  66. package/icon/interfaces.d.ts +1 -1
  67. package/icon/interfaces.d.ts.map +1 -1
  68. package/icon/interfaces.js.map +1 -1
  69. package/icon-provider/interfaces.d.ts +1 -0
  70. package/icon-provider/interfaces.d.ts.map +1 -1
  71. package/icon-provider/interfaces.js.map +1 -1
  72. package/input/styles.css.js +13 -13
  73. package/input/styles.scoped.css +65 -65
  74. package/input/styles.selectors.js +13 -13
  75. package/internal/base-component/styles.scoped.css +1 -1
  76. package/internal/components/drag-handle-wrapper/styles.css.js +20 -20
  77. package/internal/components/drag-handle-wrapper/styles.scoped.css +48 -48
  78. package/internal/components/drag-handle-wrapper/styles.selectors.js +20 -20
  79. package/internal/components/dropdown/styles.css.js +20 -20
  80. package/internal/components/dropdown/styles.scoped.css +38 -38
  81. package/internal/components/dropdown/styles.selectors.js +20 -20
  82. package/internal/components/token-list/styles.css.js +10 -10
  83. package/internal/components/token-list/styles.scoped.css +25 -25
  84. package/internal/components/token-list/styles.selectors.js +10 -10
  85. package/internal/environment.js +2 -2
  86. package/internal/environment.json +2 -2
  87. package/internal/generated/custom-css-properties/index.d.ts +4 -0
  88. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  89. package/internal/generated/custom-css-properties/index.js +102 -98
  90. package/internal/generated/custom-css-properties/index.js.map +1 -1
  91. package/internal/generated/styles/tokens.d.ts +50 -75
  92. package/internal/generated/styles/tokens.js +50 -75
  93. package/internal/generated/theming/index.cjs +305 -461
  94. package/internal/generated/theming/index.js +305 -461
  95. package/internal/manifest.json +1 -1
  96. package/link/styles.css.js +20 -20
  97. package/link/styles.scoped.css +103 -103
  98. package/link/styles.selectors.js +20 -20
  99. package/package.json +1 -1
  100. package/progress-bar/index.d.ts.map +1 -1
  101. package/progress-bar/index.js +14 -54
  102. package/progress-bar/interfaces.d.ts +18 -0
  103. package/progress-bar/interfaces.d.ts.map +1 -1
  104. package/progress-bar/interfaces.js.map +1 -1
  105. package/progress-bar/internal-do-not-use-core.js +58 -0
  106. package/progress-bar/internal-do-not-use-core.js.map +1 -0
  107. package/progress-bar/internal.d.ts +3 -1
  108. package/progress-bar/internal.d.ts.map +1 -1
  109. package/progress-bar/internal.js +7 -3
  110. package/progress-bar/internal.js.map +1 -1
  111. package/progress-bar/styles.css.js +19 -19
  112. package/progress-bar/styles.d.ts +15 -0
  113. package/progress-bar/styles.d.ts.map +1 -0
  114. package/progress-bar/styles.js +33 -0
  115. package/progress-bar/styles.js.map +1 -0
  116. package/progress-bar/styles.scoped.css +56 -56
  117. package/progress-bar/styles.selectors.js +19 -19
  118. package/radio-group/analytics-metadata/interfaces.d.ts +1 -0
  119. package/radio-group/analytics-metadata/interfaces.d.ts.map +1 -1
  120. package/radio-group/analytics-metadata/interfaces.js.map +1 -1
  121. package/radio-group/analytics-metadata/styles.css.js +6 -0
  122. package/radio-group/analytics-metadata/styles.scoped.css +7 -0
  123. package/radio-group/analytics-metadata/styles.selectors.js +7 -0
  124. package/radio-group/index.d.ts.map +1 -1
  125. package/radio-group/internal-do-not-use-core.js +2 -0
  126. package/radio-group/internal-do-not-use-core.js.map +1 -1
  127. package/radio-group/internal.d.ts.map +1 -1
  128. package/radio-group/internal.js +2 -1
  129. package/radio-group/internal.js.map +1 -1
  130. package/radio-group/styles.css.js +10 -10
  131. package/radio-group/styles.scoped.css +22 -22
  132. package/radio-group/styles.selectors.js +10 -10
  133. package/s3-resource-selector/index.d.ts.map +1 -1
  134. package/s3-resource-selector/index.js +2 -2
  135. package/s3-resource-selector/index.js.map +1 -1
  136. package/s3-resource-selector/interfaces.d.ts +8 -0
  137. package/s3-resource-selector/interfaces.d.ts.map +1 -1
  138. package/s3-resource-selector/interfaces.js.map +1 -1
  139. package/s3-resource-selector/s3-in-context/index.d.ts +3 -0
  140. package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
  141. package/s3-resource-selector/s3-in-context/index.js +8 -2
  142. package/s3-resource-selector/s3-in-context/index.js.map +1 -1
  143. package/slider/styles.css.js +26 -26
  144. package/slider/styles.scoped.css +86 -86
  145. package/slider/styles.selectors.js +26 -26
  146. package/spinner/styles.css.js +13 -13
  147. package/spinner/styles.scoped.css +39 -39
  148. package/spinner/styles.selectors.js +13 -13
  149. package/tag-editor/styles.css.js +3 -3
  150. package/tag-editor/styles.scoped.css +13 -13
  151. package/tag-editor/styles.selectors.js +3 -3
  152. package/text-content/styles.css.js +1 -1
  153. package/text-content/styles.scoped.css +66 -66
  154. package/text-content/styles.selectors.js +1 -1
  155. package/textarea/styles.css.js +5 -5
  156. package/textarea/styles.scoped.css +41 -41
  157. package/textarea/styles.selectors.js +5 -5
  158. package/toggle/styles.css.js +10 -10
  159. package/toggle/styles.scoped.css +23 -23
  160. package/toggle/styles.selectors.js +10 -10
  161. package/progress-bar/index.js.map +0 -1
@@ -142,11 +142,11 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_2rhyz_1ok4u_145:not(#\9) {
145
+ .awsui_root_2rhyz_ihpvc_145:not(#\9) {
146
146
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
147
147
  }
148
148
 
149
- .awsui_input_2rhyz_1ok4u_149:not(#\9) {
149
+ .awsui_input_2rhyz_ihpvc_149:not(#\9) {
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
152
152
  box-sizing: border-box;
@@ -178,158 +178,158 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
178
178
  -moz-osx-font-smoothing: auto;
179
179
  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
180
180
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
181
- color: var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a));
181
+ color: var(--awsui-style-color-default-9t5olz, var(--color-text-body-default-vvtq8u, #0f141a));
182
182
  inline-size: 100%;
183
183
  cursor: text;
184
184
  box-sizing: border-box;
185
- background-color: var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff));
185
+ background-color: var(--awsui-style-background-default-9t5olz, var(--color-background-input-default-ifz5bb, #ffffff));
186
186
  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
187
187
  border-start-end-radius: var(--border-radius-input-7q0str, 8px);
188
188
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
189
189
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
190
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94));
191
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94));
192
- box-shadow: var(--awsui-style-box-shadow-default-b75yp7);
190
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-default-317xk5, #8c8c94));
191
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-default-317xk5, #8c8c94));
192
+ box-shadow: var(--awsui-style-box-shadow-default-9t5olz);
193
193
  font-size: var(--font-size-body-m-a7nh2n, 14px);
194
194
  line-height: var(--line-height-body-m-2mh3ke, 20px);
195
195
  block-size: var(--size-vertical-input-p1d7xx, 32px);
196
196
  }
197
- .awsui_input_2rhyz_1ok4u_149:not(#\9):hover {
198
- border-color: var(--awsui-style-border-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94)));
199
- color: var(--awsui-style-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a)));
200
- background-color: var(--awsui-style-background-hover-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff)));
201
- box-shadow: var(--awsui-style-box-shadow-hover-b75yp7, --awsui-style-box-shadow-default-b75yp7);
197
+ .awsui_input_2rhyz_ihpvc_149:not(#\9):hover {
198
+ border-color: var(--awsui-style-border-color-hover-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-default-317xk5, #8c8c94)));
199
+ color: var(--awsui-style-color-hover-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-text-body-default-vvtq8u, #0f141a)));
200
+ background-color: var(--awsui-style-background-hover-9t5olz, var(--awsui-style-background-default-9t5olz, var(--color-background-input-default-ifz5bb, #ffffff)));
201
+ box-shadow: var(--awsui-style-box-shadow-hover-9t5olz, --awsui-style-box-shadow-default-9t5olz);
202
202
  }
203
- .awsui_input_2rhyz_1ok4u_149.awsui_input-readonly_2rhyz_1ok4u_203:not(#\9) {
204
- background-color: var(--awsui-style-background-readonly-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff)));
205
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
206
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
207
- color: var(--awsui-style-color-readonly-b75yp7, var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a)));
208
- box-shadow: var(--awsui-style-box-shadow-readonly-b75yp7);
203
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-readonly_2rhyz_ihpvc_203:not(#\9) {
204
+ background-color: var(--awsui-style-background-readonly-9t5olz, var(--awsui-style-background-default-9t5olz, var(--color-background-input-default-ifz5bb, #ffffff)));
205
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
206
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
207
+ color: var(--awsui-style-color-readonly-9t5olz, var(--awsui-style-color-default-9t5olz, var(--color-text-body-default-vvtq8u, #0f141a)));
208
+ box-shadow: var(--awsui-style-box-shadow-readonly-9t5olz);
209
209
  }
210
- .awsui_input_2rhyz_1ok4u_149:not(#\9)::-webkit-input-placeholder {
211
- color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-dclg8u, #656871));
212
- font-size: var(--awsui-style-placeholder-font-size-b75yp7);
213
- font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
214
- font-weight: var(--awsui-style-placeholder-font-weight-b75yp7);
210
+ .awsui_input_2rhyz_ihpvc_149:not(#\9)::-webkit-input-placeholder {
211
+ color: var(--awsui-style-placeholder-color-9t5olz, var(--color-text-input-placeholder-dclg8u, #656871));
212
+ font-size: var(--awsui-style-placeholder-font-size-9t5olz);
213
+ font-style: var(--awsui-style-placeholder-font-style-9t5olz, italic);
214
+ font-weight: var(--awsui-style-placeholder-font-weight-9t5olz);
215
215
  -webkit-user-select: none;
216
216
  user-select: none;
217
217
  }
218
- .awsui_input_2rhyz_1ok4u_149:not(#\9)::-moz-placeholder {
219
- color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-dclg8u, #656871));
220
- font-size: var(--awsui-style-placeholder-font-size-b75yp7);
221
- font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
222
- font-weight: var(--awsui-style-placeholder-font-weight-b75yp7);
218
+ .awsui_input_2rhyz_ihpvc_149:not(#\9)::-moz-placeholder {
219
+ color: var(--awsui-style-placeholder-color-9t5olz, var(--color-text-input-placeholder-dclg8u, #656871));
220
+ font-size: var(--awsui-style-placeholder-font-size-9t5olz);
221
+ font-style: var(--awsui-style-placeholder-font-style-9t5olz, italic);
222
+ font-weight: var(--awsui-style-placeholder-font-weight-9t5olz);
223
223
  opacity: 1;
224
224
  }
225
- .awsui_input_2rhyz_1ok4u_149:not(#\9):-moz-placeholder {
226
- color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-dclg8u, #656871));
227
- font-size: var(--awsui-style-placeholder-font-size-b75yp7);
228
- font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
229
- font-weight: var(--awsui-style-placeholder-font-weight-b75yp7);
225
+ .awsui_input_2rhyz_ihpvc_149:not(#\9):-moz-placeholder {
226
+ color: var(--awsui-style-placeholder-color-9t5olz, var(--color-text-input-placeholder-dclg8u, #656871));
227
+ font-size: var(--awsui-style-placeholder-font-size-9t5olz);
228
+ font-style: var(--awsui-style-placeholder-font-style-9t5olz, italic);
229
+ font-weight: var(--awsui-style-placeholder-font-weight-9t5olz);
230
230
  opacity: 1;
231
231
  }
232
- .awsui_input_2rhyz_1ok4u_149:not(#\9):focus {
232
+ .awsui_input_2rhyz_ihpvc_149:not(#\9):focus {
233
233
  outline: 2px dotted transparent;
234
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-4z0pgn, #006ce0));
235
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-4z0pgn, #006ce0));
234
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-9t5olz, var(--color-border-input-focused-4z0pgn, #006ce0));
235
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-9t5olz, var(--color-border-input-focused-4z0pgn, #006ce0));
236
236
  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
237
237
  border-start-end-radius: var(--border-radius-input-7q0str, 8px);
238
238
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
239
239
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
240
- box-shadow: var(--awsui-style-box-shadow-focus-b75yp7, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
241
- color: var(--awsui-style-color-focus-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a));
242
- background-color: var(--awsui-style-background-focus-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff));
240
+ box-shadow: var(--awsui-style-box-shadow-focus-9t5olz, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
241
+ color: var(--awsui-style-color-focus-9t5olz, var(--color-text-body-default-vvtq8u, #0f141a));
242
+ background-color: var(--awsui-style-background-focus-9t5olz, var(--color-background-input-default-ifz5bb, #ffffff));
243
243
  }
244
- .awsui_input_2rhyz_1ok4u_149:not(#\9):disabled {
245
- background-color: var(--awsui-style-background-disabled-b75yp7, var(--color-background-input-disabled-dihaja, #ebebf0));
246
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0));
247
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0));
248
- color: var(--awsui-style-color-disabled-b75yp7, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
244
+ .awsui_input_2rhyz_ihpvc_149:not(#\9):disabled {
245
+ background-color: var(--awsui-style-background-disabled-9t5olz, var(--color-background-input-disabled-dihaja, #ebebf0));
246
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-9t5olz, var(--color-border-input-disabled-zgnzvk, #ebebf0));
247
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-9t5olz, var(--color-border-input-disabled-zgnzvk, #ebebf0));
248
+ color: var(--awsui-style-color-disabled-9t5olz, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
249
249
  cursor: default;
250
- box-shadow: var(--awsui-style-box-shadow-disabled-b75yp7);
250
+ box-shadow: var(--awsui-style-box-shadow-disabled-9t5olz);
251
251
  }
252
- .awsui_input_2rhyz_1ok4u_149:not(#\9):disabled::-webkit-input-placeholder {
252
+ .awsui_input_2rhyz_ihpvc_149:not(#\9):disabled::-webkit-input-placeholder {
253
253
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
254
254
  -webkit-user-select: none;
255
255
  user-select: none;
256
256
  }
257
- .awsui_input_2rhyz_1ok4u_149:not(#\9):disabled::-moz-placeholder {
257
+ .awsui_input_2rhyz_ihpvc_149:not(#\9):disabled::-moz-placeholder {
258
258
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
259
259
  opacity: 1;
260
260
  }
261
- .awsui_input_2rhyz_1ok4u_149:not(#\9):disabled:-moz-placeholder {
261
+ .awsui_input_2rhyz_ihpvc_149:not(#\9):disabled:-moz-placeholder {
262
262
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
263
263
  opacity: 1;
264
264
  }
265
- .awsui_input_2rhyz_1ok4u_149:not(#\9):invalid {
265
+ .awsui_input_2rhyz_ihpvc_149:not(#\9):invalid {
266
266
  box-shadow: none;
267
267
  }
268
- .awsui_input_2rhyz_1ok4u_149.awsui_input-invalid_2rhyz_1ok4u_266:not(#\9) {
268
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-invalid_2rhyz_ihpvc_266:not(#\9) {
269
269
  color: var(--color-text-status-error-ksqavh, #db0000);
270
270
  border-color: var(--color-text-status-error-ksqavh, #db0000);
271
271
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
272
272
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
273
273
  }
274
- .awsui_input_2rhyz_1ok4u_149.awsui_input-invalid_2rhyz_1ok4u_266:not(#\9):focus {
274
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-invalid_2rhyz_ihpvc_266:not(#\9):focus {
275
275
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
276
276
  }
277
- .awsui_input_2rhyz_1ok4u_149.awsui_input-invalid_2rhyz_1ok4u_266.awsui_input-has-icon-left_2rhyz_1ok4u_275:not(#\9) {
277
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-invalid_2rhyz_ihpvc_266.awsui_input-has-icon-left_2rhyz_ihpvc_275:not(#\9) {
278
278
  padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
279
279
  }
280
- .awsui_input_2rhyz_1ok4u_149.awsui_input-warning_2rhyz_1ok4u_278:not(#\9) {
280
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-warning_2rhyz_ihpvc_278:not(#\9) {
281
281
  color: var(--color-text-status-warning-6meo06, #855900);
282
282
  border-color: var(--color-text-status-warning-6meo06, #855900);
283
283
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
284
284
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
285
285
  }
286
- .awsui_input_2rhyz_1ok4u_149.awsui_input-warning_2rhyz_1ok4u_278:not(#\9):focus {
286
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-warning_2rhyz_ihpvc_278:not(#\9):focus {
287
287
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
288
288
  }
289
- .awsui_input_2rhyz_1ok4u_149.awsui_input-warning_2rhyz_1ok4u_278.awsui_input-has-icon-left_2rhyz_1ok4u_275:not(#\9) {
289
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-warning_2rhyz_ihpvc_278.awsui_input-has-icon-left_2rhyz_ihpvc_275:not(#\9) {
290
290
  padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
291
291
  }
292
- .awsui_input_2rhyz_1ok4u_149.awsui_input-type-search_2rhyz_1ok4u_290:not(#\9) {
292
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-type-search_2rhyz_ihpvc_290:not(#\9) {
293
293
  box-sizing: border-box;
294
294
  -webkit-appearance: none;
295
295
  }
296
- .awsui_input_2rhyz_1ok4u_149.awsui_input-type-search_2rhyz_1ok4u_290:not(#\9)::-webkit-search-decoration {
296
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-type-search_2rhyz_ihpvc_290:not(#\9)::-webkit-search-decoration {
297
297
  -webkit-appearance: none;
298
298
  }
299
- .awsui_input_2rhyz_1ok4u_149.awsui_input-type-search_2rhyz_1ok4u_290:not(#\9)::-webkit-search-cancel-button {
299
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-type-search_2rhyz_ihpvc_290:not(#\9)::-webkit-search-cancel-button {
300
300
  display: none;
301
301
  }
302
- .awsui_input_2rhyz_1ok4u_149.awsui_input-has-icon-left_2rhyz_1ok4u_275:not(#\9) {
302
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-has-icon-left_2rhyz_ihpvc_275:not(#\9) {
303
303
  padding-inline-start: var(--space-field-icon-offset-ikwzwx, 36px);
304
304
  }
305
- .awsui_input_2rhyz_1ok4u_149.awsui_input-has-icon-right_2rhyz_1ok4u_303:not(#\9) {
305
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-has-icon-right_2rhyz_ihpvc_303:not(#\9) {
306
306
  padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
307
307
  }
308
- .awsui_input_2rhyz_1ok4u_149.awsui_input-has-no-border-radius_2rhyz_1ok4u_306:not(#\9) {
308
+ .awsui_input_2rhyz_ihpvc_149.awsui_input-has-no-border-radius_2rhyz_ihpvc_306:not(#\9) {
309
309
  border-start-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
310
310
  border-start-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
311
311
  border-end-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
312
312
  border-end-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
313
313
  }
314
314
 
315
- .awsui_input-container_2rhyz_1ok4u_313:not(#\9) {
315
+ .awsui_input-container_2rhyz_ihpvc_313:not(#\9) {
316
316
  display: flex;
317
317
  position: relative;
318
318
  }
319
319
 
320
- .awsui_input-icon-left_2rhyz_1ok4u_318:not(#\9) {
320
+ .awsui_input-icon-left_2rhyz_ihpvc_318:not(#\9) {
321
321
  position: absolute;
322
322
  pointer-events: none;
323
323
  inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
324
324
  inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
325
325
  }
326
326
 
327
- .awsui_input-icon-right_2rhyz_1ok4u_325:not(#\9) {
327
+ .awsui_input-icon-right_2rhyz_ihpvc_325:not(#\9) {
328
328
  position: absolute;
329
329
  inset-block-start: calc(calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2) - var(--space-xxxs-pajhad, 2px));
330
330
  inset-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) - var(--space-xxs-hwfkai, 4px));
331
331
  }
332
332
 
333
- .awsui_input-button-right_2rhyz_1ok4u_331:not(#\9) {
333
+ .awsui_input-button-right_2rhyz_ihpvc_331:not(#\9) {
334
334
  /* used in test-utils */
335
335
  }
@@ -2,18 +2,18 @@
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_2rhyz_1ok4u_145",
6
- "input": "awsui_input_2rhyz_1ok4u_149",
7
- "input-readonly": "awsui_input-readonly_2rhyz_1ok4u_203",
8
- "input-invalid": "awsui_input-invalid_2rhyz_1ok4u_266",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1ok4u_275",
10
- "input-warning": "awsui_input-warning_2rhyz_1ok4u_278",
11
- "input-type-search": "awsui_input-type-search_2rhyz_1ok4u_290",
12
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1ok4u_303",
13
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1ok4u_306",
14
- "input-container": "awsui_input-container_2rhyz_1ok4u_313",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_1ok4u_318",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_1ok4u_325",
17
- "input-button-right": "awsui_input-button-right_2rhyz_1ok4u_331"
5
+ "root": "awsui_root_2rhyz_ihpvc_145",
6
+ "input": "awsui_input_2rhyz_ihpvc_149",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_ihpvc_203",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_ihpvc_266",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_ihpvc_275",
10
+ "input-warning": "awsui_input-warning_2rhyz_ihpvc_278",
11
+ "input-type-search": "awsui_input-type-search_2rhyz_ihpvc_290",
12
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_ihpvc_303",
13
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_ihpvc_306",
14
+ "input-container": "awsui_input-container_2rhyz_ihpvc_313",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_ihpvc_318",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_ihpvc_325",
17
+ "input-button-right": "awsui_input-button-right_2rhyz_ihpvc_331"
18
18
  };
19
19
 
@@ -2051,5 +2051,5 @@ body {
2051
2051
  }
2052
2052
  }
2053
2053
  :root {
2054
- --awsui-version-info-855ea034: true;
2054
+ --awsui-version-info-4e4cdd5b: true;
2055
2055
  }
@@ -1,25 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1fgav_169",
5
- "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1fgav_189",
6
- "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1fgav_189",
7
- "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1fgav_189",
8
- "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1fgav_189",
9
- "drag-handle-entry": "awsui_drag-handle-entry_155yk_1fgav_1",
10
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1fgav_1",
11
- "drag-handle-exit": "awsui_drag-handle-exit_155yk_1fgav_1",
12
- "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1fgav_1",
13
- "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1fgav_229",
14
- "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1fgav_233",
15
- "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1fgav_237",
16
- "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1fgav_248",
17
- "contents": "awsui_contents_155yk_1fgav_259",
18
- "portal-overlay": "awsui_portal-overlay_155yk_1fgav_263",
19
- "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1fgav_271",
20
- "drag-handle": "awsui_drag-handle_155yk_1fgav_275",
21
- "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1fgav_288",
22
- "direction-button": "awsui_direction-button_155yk_1fgav_169",
23
- "direction-button-disabled": "awsui_direction-button-disabled_155yk_1fgav_331"
4
+ "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1btgf_169",
5
+ "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1btgf_189",
6
+ "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1btgf_189",
7
+ "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1btgf_189",
8
+ "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1btgf_189",
9
+ "drag-handle-entry": "awsui_drag-handle-entry_155yk_1btgf_1",
10
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1btgf_1",
11
+ "drag-handle-exit": "awsui_drag-handle-exit_155yk_1btgf_1",
12
+ "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1btgf_1",
13
+ "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1btgf_229",
14
+ "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1btgf_233",
15
+ "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1btgf_237",
16
+ "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1btgf_248",
17
+ "contents": "awsui_contents_155yk_1btgf_259",
18
+ "portal-overlay": "awsui_portal-overlay_155yk_1btgf_263",
19
+ "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1btgf_271",
20
+ "drag-handle": "awsui_drag-handle_155yk_1btgf_275",
21
+ "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1btgf_288",
22
+ "direction-button": "awsui_direction-button_155yk_1btgf_169",
23
+ "direction-button-disabled": "awsui_direction-button-disabled_155yk_1btgf_331"
24
24
  };
25
25
 
@@ -150,27 +150,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- @keyframes awsui_drag-handle-entry_155yk_1fgav_1 {
153
+ @keyframes awsui_drag-handle-entry_155yk_1btgf_1 {
154
154
  from {
155
- transform: translate(var(--awsui-drag-handle-animation-inline-offset-b75yp7), var(--awsui-drag-handle-animation-block-offset-b75yp7));
155
+ transform: translate(var(--awsui-drag-handle-animation-inline-offset-9t5olz), var(--awsui-drag-handle-animation-block-offset-9t5olz));
156
156
  }
157
157
  to {
158
158
  transform: translate(0, 0);
159
159
  }
160
160
  }
161
- @keyframes awsui_drag-handle-exit_155yk_1fgav_1 {
161
+ @keyframes awsui_drag-handle-exit_155yk_1btgf_1 {
162
162
  from {
163
163
  transform: translate(0, 0);
164
164
  }
165
165
  to {
166
- transform: translate(var(--awsui-drag-handle-animation-inline-offset-b75yp7), var(--awsui-drag-handle-animation-block-offset-b75yp7));
166
+ transform: translate(var(--awsui-drag-handle-animation-inline-offset-9t5olz), var(--awsui-drag-handle-animation-block-offset-9t5olz));
167
167
  }
168
168
  }
169
- .awsui_direction-button-wrapper_155yk_1fgav_169:not(#\9) {
170
- --awsui-drag-handle-animation-inline-offset-b75yp7: 0;
171
- --awsui-drag-handle-animation-block-offset-b75yp7: 0;
169
+ .awsui_direction-button-wrapper_155yk_1btgf_169:not(#\9) {
170
+ --awsui-drag-handle-animation-inline-offset-9t5olz: 0;
171
+ --awsui-drag-handle-animation-block-offset-9t5olz: 0;
172
172
  }
173
- @keyframes awsui_awsui-motion-fade-in_155yk_1fgav_1 {
173
+ @keyframes awsui_awsui-motion-fade-in_155yk_1btgf_1 {
174
174
  from {
175
175
  opacity: 0.2;
176
176
  }
@@ -178,7 +178,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
178
178
  opacity: 1;
179
179
  }
180
180
  }
181
- @keyframes awsui_awsui-motion-fade-out-0_155yk_1fgav_1 {
181
+ @keyframes awsui_awsui-motion-fade-out-0_155yk_1btgf_1 {
182
182
  from {
183
183
  opacity: 1;
184
184
  }
@@ -186,81 +186,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  opacity: 0;
187
187
  }
188
188
  }
189
- .awsui_direction-button-wrapper-motion-enter_155yk_1fgav_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1fgav_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1fgav_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1fgav_189:not(#\9) {
189
+ .awsui_direction-button-wrapper-motion-enter_155yk_1btgf_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1btgf_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1btgf_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1btgf_189:not(#\9) {
190
190
  pointer-events: none;
191
191
  }
192
- .awsui_direction-button-wrapper-motion-entering_155yk_1fgav_189:not(#\9) {
193
- animation: awsui_drag-handle-entry_155yk_1fgav_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1fgav_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
192
+ .awsui_direction-button-wrapper-motion-entering_155yk_1btgf_189:not(#\9) {
193
+ animation: awsui_drag-handle-entry_155yk_1btgf_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1btgf_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
194
194
  }
195
195
  @media (prefers-reduced-motion: reduce) {
196
- .awsui_direction-button-wrapper-motion-entering_155yk_1fgav_189:not(#\9) {
196
+ .awsui_direction-button-wrapper-motion-entering_155yk_1btgf_189:not(#\9) {
197
197
  animation: none;
198
198
  transition: none;
199
199
  }
200
200
  }
201
- .awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1fgav_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1fgav_189:not(#\9) {
201
+ .awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1btgf_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1btgf_189:not(#\9) {
202
202
  animation: none;
203
203
  transition: none;
204
204
  }
205
- .awsui_direction-button-wrapper-motion-exiting_155yk_1fgav_189:not(#\9) {
206
- animation: awsui_drag-handle-exit_155yk_1fgav_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_1fgav_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
205
+ .awsui_direction-button-wrapper-motion-exiting_155yk_1btgf_189:not(#\9) {
206
+ animation: awsui_drag-handle-exit_155yk_1btgf_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_1btgf_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
207
207
  }
208
208
  @media (prefers-reduced-motion: reduce) {
209
- .awsui_direction-button-wrapper-motion-exiting_155yk_1fgav_189:not(#\9) {
209
+ .awsui_direction-button-wrapper-motion-exiting_155yk_1btgf_189:not(#\9) {
210
210
  animation: none;
211
211
  transition: none;
212
212
  }
213
213
  }
214
- .awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1fgav_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1fgav_189:not(#\9) {
214
+ .awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1btgf_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1btgf_189:not(#\9) {
215
215
  animation: none;
216
216
  transition: none;
217
217
  }
218
218
  @media (prefers-reduced-motion: reduce) {
219
- .awsui_direction-button-wrapper_155yk_1fgav_169:not(#\9) {
219
+ .awsui_direction-button-wrapper_155yk_1btgf_169:not(#\9) {
220
220
  animation: none;
221
221
  transition: none;
222
222
  }
223
223
  }
224
- .awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1fgav_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1fgav_169:not(#\9) {
224
+ .awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1btgf_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1btgf_169:not(#\9) {
225
225
  animation: none;
226
226
  transition: none;
227
227
  }
228
228
 
229
- .awsui_direction-button-wrapper-block-start_155yk_1fgav_229:not(#\9) {
230
- --awsui-drag-handle-animation-block-offset-b75yp7: 20px;
229
+ .awsui_direction-button-wrapper-block-start_155yk_1btgf_229:not(#\9) {
230
+ --awsui-drag-handle-animation-block-offset-9t5olz: 20px;
231
231
  }
232
232
 
233
- .awsui_direction-button-wrapper-block-end_155yk_1fgav_233:not(#\9) {
234
- --awsui-drag-handle-animation-block-offset-b75yp7: -20px;
233
+ .awsui_direction-button-wrapper-block-end_155yk_1btgf_233:not(#\9) {
234
+ --awsui-drag-handle-animation-block-offset-9t5olz: -20px;
235
235
  }
236
236
 
237
- .awsui_direction-button-wrapper-inline-start_155yk_1fgav_237:not(#\9) {
237
+ .awsui_direction-button-wrapper-inline-start_155yk_1btgf_237:not(#\9) {
238
238
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
239
239
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
240
240
  }
241
- .awsui_direction-button-wrapper-inline-start_155yk_1fgav_237:not(#\9):dir(ltr) {
242
- --awsui-drag-handle-animation-inline-offset-b75yp7: 20px;
241
+ .awsui_direction-button-wrapper-inline-start_155yk_1btgf_237:not(#\9):dir(ltr) {
242
+ --awsui-drag-handle-animation-inline-offset-9t5olz: 20px;
243
243
  }
244
- .awsui_direction-button-wrapper-inline-start_155yk_1fgav_237:not(#\9):dir(rtl) {
245
- --awsui-drag-handle-animation-inline-offset-b75yp7: -20px;
244
+ .awsui_direction-button-wrapper-inline-start_155yk_1btgf_237:not(#\9):dir(rtl) {
245
+ --awsui-drag-handle-animation-inline-offset-9t5olz: -20px;
246
246
  }
247
247
 
248
- .awsui_direction-button-wrapper-inline-end_155yk_1fgav_248:not(#\9) {
248
+ .awsui_direction-button-wrapper-inline-end_155yk_1btgf_248:not(#\9) {
249
249
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
250
250
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
251
251
  }
252
- .awsui_direction-button-wrapper-inline-end_155yk_1fgav_248:not(#\9):dir(ltr) {
253
- --awsui-drag-handle-animation-inline-offset-b75yp7: -20px;
252
+ .awsui_direction-button-wrapper-inline-end_155yk_1btgf_248:not(#\9):dir(ltr) {
253
+ --awsui-drag-handle-animation-inline-offset-9t5olz: -20px;
254
254
  }
255
- .awsui_direction-button-wrapper-inline-end_155yk_1fgav_248:not(#\9):dir(rtl) {
256
- --awsui-drag-handle-animation-inline-offset-b75yp7: 20px;
255
+ .awsui_direction-button-wrapper-inline-end_155yk_1btgf_248:not(#\9):dir(rtl) {
256
+ --awsui-drag-handle-animation-inline-offset-9t5olz: 20px;
257
257
  }
258
258
 
259
- .awsui_contents_155yk_1fgav_259:not(#\9) {
259
+ .awsui_contents_155yk_1btgf_259:not(#\9) {
260
260
  display: contents;
261
261
  }
262
262
 
263
- .awsui_portal-overlay_155yk_1fgav_263:not(#\9) {
263
+ .awsui_portal-overlay_155yk_1btgf_263:not(#\9) {
264
264
  position: absolute;
265
265
  inset-block-start: 0;
266
266
  inset-inline-start: 0;
@@ -268,16 +268,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
268
268
  z-index: 7000;
269
269
  }
270
270
 
271
- .awsui_portal-overlay-contents_155yk_1fgav_271:not(#\9) {
271
+ .awsui_portal-overlay-contents_155yk_1btgf_271:not(#\9) {
272
272
  pointer-events: auto;
273
273
  }
274
274
 
275
- .awsui_drag-handle_155yk_1fgav_275:not(#\9) {
275
+ .awsui_drag-handle_155yk_1btgf_275:not(#\9) {
276
276
  position: relative;
277
277
  display: inline-flex;
278
278
  }
279
279
 
280
- .awsui_direction-button-wrapper_155yk_1fgav_169:not(#\9) {
280
+ .awsui_direction-button-wrapper_155yk_1btgf_169:not(#\9) {
281
281
  position: absolute;
282
282
  block-size: var(--space-static-xl-4tedi6, 24px);
283
283
  inline-size: var(--space-static-xl-4tedi6, 24px);
@@ -285,31 +285,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
285
285
  padding-inline: var(--space-static-xxs-ns94dp, 4px);
286
286
  }
287
287
 
288
- .awsui_direction-button-wrapper-hidden_155yk_1fgav_288:not(#\9) {
288
+ .awsui_direction-button-wrapper-hidden_155yk_1btgf_288:not(#\9) {
289
289
  display: none;
290
290
  }
291
291
 
292
- .awsui_direction-button-wrapper-block-start_155yk_1fgav_229:not(#\9) {
292
+ .awsui_direction-button-wrapper-block-start_155yk_1btgf_229:not(#\9) {
293
293
  inset-block-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
294
294
  inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
295
295
  }
296
296
 
297
- .awsui_direction-button-wrapper-block-end_155yk_1fgav_233:not(#\9) {
297
+ .awsui_direction-button-wrapper-block-end_155yk_1btgf_233:not(#\9) {
298
298
  inset-block-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
299
299
  inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
300
300
  }
301
301
 
302
- .awsui_direction-button-wrapper-inline-start_155yk_1fgav_237:not(#\9) {
302
+ .awsui_direction-button-wrapper-inline-start_155yk_1btgf_237:not(#\9) {
303
303
  inset-inline-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
304
304
  inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
305
305
  }
306
306
 
307
- .awsui_direction-button-wrapper-inline-end_155yk_1fgav_248:not(#\9) {
307
+ .awsui_direction-button-wrapper-inline-end_155yk_1btgf_248:not(#\9) {
308
308
  inset-inline-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
309
309
  inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
310
310
  }
311
311
 
312
- .awsui_direction-button_155yk_1fgav_169:not(#\9) {
312
+ .awsui_direction-button_155yk_1btgf_169:not(#\9) {
313
313
  position: absolute;
314
314
  border-width: 0;
315
315
  cursor: pointer;
@@ -328,14 +328,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
328
328
  color: var(--color-text-direction-button-default-p88lvb, #ffffff);
329
329
  box-shadow: var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
330
330
  }
331
- .awsui_direction-button_155yk_1fgav_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1fgav_331):hover {
331
+ .awsui_direction-button_155yk_1btgf_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1btgf_331):hover {
332
332
  background-color: var(--color-background-direction-button-hover-74n5o1, #333843);
333
333
  }
334
- .awsui_direction-button_155yk_1fgav_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1fgav_331):active {
334
+ .awsui_direction-button_155yk_1btgf_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1btgf_331):active {
335
335
  background-color: var(--color-background-direction-button-active-lvo0dy, #232b37);
336
336
  }
337
337
 
338
- .awsui_direction-button-disabled_155yk_1fgav_331:not(#\9) {
338
+ .awsui_direction-button-disabled_155yk_1btgf_331:not(#\9) {
339
339
  cursor: default;
340
340
  background-color: var(--color-background-direction-button-disabled-s9x4zq, #ebebf0);
341
341
  color: var(--color-text-direction-button-disabled-2jds36, #b4b4bb);
@@ -2,25 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1fgav_169",
6
- "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1fgav_189",
7
- "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1fgav_189",
8
- "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1fgav_189",
9
- "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1fgav_189",
10
- "drag-handle-entry": "awsui_drag-handle-entry_155yk_1fgav_1",
11
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1fgav_1",
12
- "drag-handle-exit": "awsui_drag-handle-exit_155yk_1fgav_1",
13
- "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1fgav_1",
14
- "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1fgav_229",
15
- "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1fgav_233",
16
- "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1fgav_237",
17
- "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1fgav_248",
18
- "contents": "awsui_contents_155yk_1fgav_259",
19
- "portal-overlay": "awsui_portal-overlay_155yk_1fgav_263",
20
- "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1fgav_271",
21
- "drag-handle": "awsui_drag-handle_155yk_1fgav_275",
22
- "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1fgav_288",
23
- "direction-button": "awsui_direction-button_155yk_1fgav_169",
24
- "direction-button-disabled": "awsui_direction-button-disabled_155yk_1fgav_331"
5
+ "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1btgf_169",
6
+ "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1btgf_189",
7
+ "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1btgf_189",
8
+ "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1btgf_189",
9
+ "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1btgf_189",
10
+ "drag-handle-entry": "awsui_drag-handle-entry_155yk_1btgf_1",
11
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1btgf_1",
12
+ "drag-handle-exit": "awsui_drag-handle-exit_155yk_1btgf_1",
13
+ "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1btgf_1",
14
+ "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1btgf_229",
15
+ "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1btgf_233",
16
+ "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1btgf_237",
17
+ "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1btgf_248",
18
+ "contents": "awsui_contents_155yk_1btgf_259",
19
+ "portal-overlay": "awsui_portal-overlay_155yk_1btgf_263",
20
+ "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1btgf_271",
21
+ "drag-handle": "awsui_drag-handle_155yk_1btgf_275",
22
+ "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1btgf_288",
23
+ "direction-button": "awsui_direction-button_155yk_1btgf_169",
24
+ "direction-button-disabled": "awsui_direction-button-disabled_155yk_1btgf_331"
25
25
  };
26
26