@cloudscape-design/components 3.0.1174 → 3.0.1175

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 (117) 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 +13 -13
  5. package/annotation-context/annotation/styles.scoped.css +21 -21
  6. package/annotation-context/annotation/styles.selectors.js +13 -13
  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/styles.css.js +15 -15
  23. package/attribute-editor/styles.scoped.css +28 -28
  24. package/attribute-editor/styles.selectors.js +15 -15
  25. package/breadcrumb-group/item/styles.css.js +7 -7
  26. package/breadcrumb-group/item/styles.scoped.css +28 -28
  27. package/breadcrumb-group/item/styles.selectors.js +7 -7
  28. package/button/styles.css.js +22 -22
  29. package/button/styles.scoped.css +256 -256
  30. package/button/styles.selectors.js +22 -22
  31. package/button-dropdown/item-element/styles.css.js +20 -20
  32. package/button-dropdown/item-element/styles.scoped.css +34 -34
  33. package/button-dropdown/item-element/styles.selectors.js +20 -20
  34. package/checkbox/styles.css.js +3 -3
  35. package/checkbox/styles.scoped.css +11 -11
  36. package/checkbox/styles.selectors.js +3 -3
  37. package/content-layout/styles.css.js +14 -14
  38. package/content-layout/styles.scoped.css +27 -27
  39. package/content-layout/styles.selectors.js +14 -14
  40. package/flashbar/styles.css.js +50 -50
  41. package/flashbar/styles.scoped.css +187 -187
  42. package/flashbar/styles.selectors.js +50 -50
  43. package/help-panel/styles.css.js +6 -6
  44. package/help-panel/styles.scoped.css +73 -73
  45. package/help-panel/styles.selectors.js +6 -6
  46. package/input/styles.css.js +13 -13
  47. package/input/styles.scoped.css +74 -74
  48. package/input/styles.selectors.js +13 -13
  49. package/internal/base-component/styles.scoped.css +1 -1
  50. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  51. package/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  52. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  53. package/internal/components/dropdown/styles.css.js +20 -20
  54. package/internal/components/dropdown/styles.scoped.css +38 -38
  55. package/internal/components/dropdown/styles.selectors.js +20 -20
  56. package/internal/components/radio-button/styles.css.js +7 -7
  57. package/internal/components/radio-button/styles.scoped.css +18 -18
  58. package/internal/components/radio-button/styles.selectors.js +7 -7
  59. package/internal/components/token-list/styles.css.js +10 -10
  60. package/internal/components/token-list/styles.scoped.css +25 -25
  61. package/internal/components/token-list/styles.selectors.js +10 -10
  62. package/internal/environment.js +2 -2
  63. package/internal/environment.json +2 -2
  64. package/internal/generated/custom-css-properties/index.d.ts +7 -0
  65. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  66. package/internal/generated/custom-css-properties/index.js +138 -131
  67. package/internal/generated/custom-css-properties/index.js.map +1 -1
  68. package/internal/manifest.json +1 -1
  69. package/link/styles.css.js +20 -20
  70. package/link/styles.scoped.css +103 -103
  71. package/link/styles.selectors.js +20 -20
  72. package/package.json +1 -1
  73. package/progress-bar/styles.css.js +19 -19
  74. package/progress-bar/styles.scoped.css +56 -56
  75. package/progress-bar/styles.selectors.js +19 -19
  76. package/prompt-input/styles.css.js +17 -17
  77. package/prompt-input/styles.scoped.css +79 -79
  78. package/prompt-input/styles.selectors.js +17 -17
  79. package/segmented-control/styles.css.js +16 -16
  80. package/segmented-control/styles.scoped.css +46 -46
  81. package/segmented-control/styles.selectors.js +16 -16
  82. package/slider/index.d.ts +1 -0
  83. package/slider/index.d.ts.map +1 -1
  84. package/slider/index.js +2 -2
  85. package/slider/index.js.map +1 -1
  86. package/slider/interfaces.d.ts +23 -0
  87. package/slider/interfaces.d.ts.map +1 -1
  88. package/slider/interfaces.js.map +1 -1
  89. package/slider/internal.d.ts +4 -1
  90. package/slider/internal.d.ts.map +1 -1
  91. package/slider/internal.js +3 -2
  92. package/slider/internal.js.map +1 -1
  93. package/slider/styles.css.js +26 -26
  94. package/slider/styles.d.ts +11 -0
  95. package/slider/styles.d.ts.map +1 -0
  96. package/slider/styles.js +20 -0
  97. package/slider/styles.js.map +1 -0
  98. package/slider/styles.scoped.css +165 -163
  99. package/slider/styles.selectors.js +26 -26
  100. package/spinner/styles.css.js +13 -13
  101. package/spinner/styles.scoped.css +39 -39
  102. package/spinner/styles.selectors.js +13 -13
  103. package/tabs/styles.css.js +30 -30
  104. package/tabs/styles.scoped.css +76 -76
  105. package/tabs/styles.selectors.js +30 -30
  106. package/tag-editor/styles.css.js +3 -3
  107. package/tag-editor/styles.scoped.css +13 -13
  108. package/tag-editor/styles.selectors.js +3 -3
  109. package/text-content/styles.css.js +1 -1
  110. package/text-content/styles.scoped.css +66 -66
  111. package/text-content/styles.selectors.js +1 -1
  112. package/textarea/styles.css.js +5 -5
  113. package/textarea/styles.scoped.css +45 -45
  114. package/textarea/styles.selectors.js +5 -5
  115. package/toggle/styles.css.js +10 -10
  116. package/toggle/styles.scoped.css +23 -23
  117. package/toggle/styles.selectors.js +10 -10
@@ -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_1f2ia_145:not(#\9) {
145
+ .awsui_root_2rhyz_139r0_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_1f2ia_149:not(#\9) {
149
+ .awsui_input_2rhyz_139r0_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-rhu47t, var(--color-text-body-default-vvtq8u, #0f141a));
181
+ color: var(--awsui-style-color-default-4hh3rt, 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-rhu47t, var(--color-background-input-default-ifz5bb, #ffffff));
185
+ background-color: var(--awsui-style-background-default-4hh3rt, 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-rhu47t, var(--color-border-input-default-317xk5, #8c8c94));
191
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-317xk5, #8c8c94));
192
- box-shadow: var(--awsui-style-box-shadow-default-rhu47t);
190
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-317xk5, #8c8c94));
191
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-317xk5, #8c8c94));
192
+ box-shadow: var(--awsui-style-box-shadow-default-4hh3rt);
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_1f2ia_149:not(#\9):hover {
198
- border-color: var(--awsui-style-border-color-hover-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-317xk5, #8c8c94)));
199
- color: var(--awsui-style-color-hover-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-text-body-default-vvtq8u, #0f141a)));
200
- background-color: var(--awsui-style-background-hover-rhu47t, var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-ifz5bb, #ffffff)));
201
- box-shadow: var(--awsui-style-box-shadow-hover-rhu47t, --awsui-style-box-shadow-default-rhu47t);
197
+ .awsui_input_2rhyz_139r0_149:not(#\9):hover {
198
+ border-color: var(--awsui-style-border-color-hover-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-317xk5, #8c8c94)));
199
+ color: var(--awsui-style-color-hover-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-text-body-default-vvtq8u, #0f141a)));
200
+ background-color: var(--awsui-style-background-hover-4hh3rt, var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-ifz5bb, #ffffff)));
201
+ box-shadow: var(--awsui-style-box-shadow-hover-4hh3rt, --awsui-style-box-shadow-default-4hh3rt);
202
202
  }
203
- .awsui_input_2rhyz_1f2ia_149.awsui_input-readonly_2rhyz_1f2ia_203:not(#\9) {
204
- background-color: var(--awsui-style-background-readonly-rhu47t, var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-ifz5bb, #ffffff)));
205
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
206
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
207
- color: var(--awsui-style-color-readonly-rhu47t, var(--awsui-style-color-default-rhu47t, var(--color-text-body-default-vvtq8u, #0f141a)));
208
- box-shadow: var(--awsui-style-box-shadow-readonly-rhu47t);
203
+ .awsui_input_2rhyz_139r0_149.awsui_input-readonly_2rhyz_139r0_203:not(#\9) {
204
+ background-color: var(--awsui-style-background-readonly-4hh3rt, var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-ifz5bb, #ffffff)));
205
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
206
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
207
+ color: var(--awsui-style-color-readonly-4hh3rt, var(--awsui-style-color-default-4hh3rt, var(--color-text-body-default-vvtq8u, #0f141a)));
208
+ box-shadow: var(--awsui-style-box-shadow-readonly-4hh3rt);
209
209
  }
210
- .awsui_input_2rhyz_1f2ia_149:not(#\9)::-webkit-input-placeholder {
211
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-dclg8u, #656871));
212
- font-size: var(--awsui-style-placeholder-font-size-rhu47t);
213
- font-style: var(--awsui-style-placeholder-font-style-rhu47t, italic);
214
- font-weight: var(--awsui-style-placeholder-font-weight-rhu47t);
210
+ .awsui_input_2rhyz_139r0_149:not(#\9)::-webkit-input-placeholder {
211
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-dclg8u, #656871));
212
+ font-size: var(--awsui-style-placeholder-font-size-4hh3rt);
213
+ font-style: var(--awsui-style-placeholder-font-style-4hh3rt, italic);
214
+ font-weight: var(--awsui-style-placeholder-font-weight-4hh3rt);
215
215
  -webkit-user-select: none;
216
216
  user-select: none;
217
217
  }
218
- .awsui_input_2rhyz_1f2ia_149:not(#\9)::-moz-placeholder {
219
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-dclg8u, #656871));
220
- font-size: var(--awsui-style-placeholder-font-size-rhu47t);
221
- font-style: var(--awsui-style-placeholder-font-style-rhu47t, italic);
222
- font-weight: var(--awsui-style-placeholder-font-weight-rhu47t);
218
+ .awsui_input_2rhyz_139r0_149:not(#\9)::-moz-placeholder {
219
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-dclg8u, #656871));
220
+ font-size: var(--awsui-style-placeholder-font-size-4hh3rt);
221
+ font-style: var(--awsui-style-placeholder-font-style-4hh3rt, italic);
222
+ font-weight: var(--awsui-style-placeholder-font-weight-4hh3rt);
223
223
  opacity: 1;
224
224
  }
225
- .awsui_input_2rhyz_1f2ia_149:not(#\9):-moz-placeholder {
226
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-dclg8u, #656871));
227
- font-size: var(--awsui-style-placeholder-font-size-rhu47t);
228
- font-style: var(--awsui-style-placeholder-font-style-rhu47t, italic);
229
- font-weight: var(--awsui-style-placeholder-font-weight-rhu47t);
225
+ .awsui_input_2rhyz_139r0_149:not(#\9):-moz-placeholder {
226
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-dclg8u, #656871));
227
+ font-size: var(--awsui-style-placeholder-font-size-4hh3rt);
228
+ font-style: var(--awsui-style-placeholder-font-style-4hh3rt, italic);
229
+ font-weight: var(--awsui-style-placeholder-font-weight-4hh3rt);
230
230
  opacity: 1;
231
231
  }
232
- .awsui_input_2rhyz_1f2ia_149:not(#\9):focus {
232
+ .awsui_input_2rhyz_139r0_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-rhu47t, var(--color-border-input-focused-4z0pgn, #006ce0));
235
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-rhu47t, var(--color-border-input-focused-4z0pgn, #006ce0));
234
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-4hh3rt, var(--color-border-input-focused-4z0pgn, #006ce0));
235
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-4hh3rt, 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-rhu47t, 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-rhu47t, var(--color-text-body-default-vvtq8u, #0f141a));
242
- background-color: var(--awsui-style-background-focus-rhu47t, var(--color-background-input-default-ifz5bb, #ffffff));
240
+ box-shadow: var(--awsui-style-box-shadow-focus-4hh3rt, 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-4hh3rt, var(--color-text-body-default-vvtq8u, #0f141a));
242
+ background-color: var(--awsui-style-background-focus-4hh3rt, var(--color-background-input-default-ifz5bb, #ffffff));
243
243
  }
244
- .awsui_input_2rhyz_1f2ia_149:not(#\9):disabled {
245
- background-color: var(--awsui-style-background-disabled-rhu47t, var(--color-background-input-disabled-dihaja, #ebebf0));
246
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-rhu47t, var(--color-border-input-disabled-zgnzvk, #ebebf0));
247
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-rhu47t, var(--color-border-input-disabled-zgnzvk, #ebebf0));
248
- color: var(--awsui-style-color-disabled-rhu47t, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
244
+ .awsui_input_2rhyz_139r0_149:not(#\9):disabled {
245
+ background-color: var(--awsui-style-background-disabled-4hh3rt, var(--color-background-input-disabled-dihaja, #ebebf0));
246
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-zgnzvk, #ebebf0));
247
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-zgnzvk, #ebebf0));
248
+ color: var(--awsui-style-color-disabled-4hh3rt, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
249
249
  cursor: default;
250
- box-shadow: var(--awsui-style-box-shadow-disabled-rhu47t);
250
+ box-shadow: var(--awsui-style-box-shadow-disabled-4hh3rt);
251
251
  }
252
- .awsui_input_2rhyz_1f2ia_149:not(#\9):disabled::-webkit-input-placeholder {
253
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
252
+ .awsui_input_2rhyz_139r0_149:not(#\9):disabled::-webkit-input-placeholder {
253
+ color: var(--awsui-style-placeholder-color-4hh3rt, 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_1f2ia_149:not(#\9):disabled::-moz-placeholder {
258
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
257
+ .awsui_input_2rhyz_139r0_149:not(#\9):disabled::-moz-placeholder {
258
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
259
259
  opacity: 1;
260
260
  }
261
- .awsui_input_2rhyz_1f2ia_149:not(#\9):disabled:-moz-placeholder {
262
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
261
+ .awsui_input_2rhyz_139r0_149:not(#\9):disabled:-moz-placeholder {
262
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
263
263
  opacity: 1;
264
264
  }
265
- .awsui_input_2rhyz_1f2ia_149:not(#\9):invalid {
265
+ .awsui_input_2rhyz_139r0_149:not(#\9):invalid {
266
266
  box-shadow: none;
267
267
  }
268
- .awsui_input_2rhyz_1f2ia_149.awsui_input-invalid_2rhyz_1f2ia_266:not(#\9) {
269
- color: var(--awsui-style-color-default-rhu47t, var(--color-text-status-error-ksqavh, #db0000));
270
- border-color: var(--awsui-style-border-color-default-rhu47t, var(--color-text-status-error-ksqavh, #db0000));
268
+ .awsui_input_2rhyz_139r0_149.awsui_input-invalid_2rhyz_139r0_266:not(#\9) {
269
+ color: var(--awsui-style-color-default-4hh3rt, var(--color-text-status-error-ksqavh, #db0000));
270
+ border-color: var(--awsui-style-border-color-default-4hh3rt, 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_1f2ia_149.awsui_input-invalid_2rhyz_1f2ia_266:not(#\9):focus {
275
- box-shadow: var(--awsui-style-box-shadow-focus-rhu47t, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
274
+ .awsui_input_2rhyz_139r0_149.awsui_input-invalid_2rhyz_139r0_266:not(#\9):focus {
275
+ box-shadow: var(--awsui-style-box-shadow-focus-4hh3rt, 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_1f2ia_149.awsui_input-invalid_2rhyz_1f2ia_266.awsui_input-has-icon-left_2rhyz_1f2ia_275:not(#\9) {
277
+ .awsui_input_2rhyz_139r0_149.awsui_input-invalid_2rhyz_139r0_266.awsui_input-has-icon-left_2rhyz_139r0_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_1f2ia_149.awsui_input-warning_2rhyz_1f2ia_278:not(#\9) {
281
- color: var(--awsui-style-color-default-rhu47t, var(--color-text-status-warning-6meo06, #855900));
282
- border-color: var(--awsui-style-border-color-default-rhu47t, var(--color-text-status-warning-6meo06, #855900));
280
+ .awsui_input_2rhyz_139r0_149.awsui_input-warning_2rhyz_139r0_278:not(#\9) {
281
+ color: var(--awsui-style-color-default-4hh3rt, var(--color-text-status-warning-6meo06, #855900));
282
+ border-color: var(--awsui-style-border-color-default-4hh3rt, 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_1f2ia_149.awsui_input-warning_2rhyz_1f2ia_278:not(#\9):focus {
287
- box-shadow: var(--awsui-style-box-shadow-focus-rhu47t, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
286
+ .awsui_input_2rhyz_139r0_149.awsui_input-warning_2rhyz_139r0_278:not(#\9):focus {
287
+ box-shadow: var(--awsui-style-box-shadow-focus-4hh3rt, 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_1f2ia_149.awsui_input-warning_2rhyz_1f2ia_278.awsui_input-has-icon-left_2rhyz_1f2ia_275:not(#\9) {
289
+ .awsui_input_2rhyz_139r0_149.awsui_input-warning_2rhyz_139r0_278.awsui_input-has-icon-left_2rhyz_139r0_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_1f2ia_149.awsui_input-type-search_2rhyz_1f2ia_290:not(#\9) {
292
+ .awsui_input_2rhyz_139r0_149.awsui_input-type-search_2rhyz_139r0_290:not(#\9) {
293
293
  box-sizing: border-box;
294
294
  -webkit-appearance: none;
295
295
  }
296
- .awsui_input_2rhyz_1f2ia_149.awsui_input-type-search_2rhyz_1f2ia_290:not(#\9)::-webkit-search-decoration {
296
+ .awsui_input_2rhyz_139r0_149.awsui_input-type-search_2rhyz_139r0_290:not(#\9)::-webkit-search-decoration {
297
297
  -webkit-appearance: none;
298
298
  }
299
- .awsui_input_2rhyz_1f2ia_149.awsui_input-type-search_2rhyz_1f2ia_290:not(#\9)::-webkit-search-cancel-button {
299
+ .awsui_input_2rhyz_139r0_149.awsui_input-type-search_2rhyz_139r0_290:not(#\9)::-webkit-search-cancel-button {
300
300
  display: none;
301
301
  }
302
- .awsui_input_2rhyz_1f2ia_149.awsui_input-has-icon-left_2rhyz_1f2ia_275:not(#\9) {
302
+ .awsui_input_2rhyz_139r0_149.awsui_input-has-icon-left_2rhyz_139r0_275:not(#\9) {
303
303
  padding-inline-start: var(--space-field-icon-offset-ikwzwx, 36px);
304
304
  }
305
- .awsui_input_2rhyz_1f2ia_149.awsui_input-has-icon-right_2rhyz_1f2ia_303:not(#\9) {
305
+ .awsui_input_2rhyz_139r0_149.awsui_input-has-icon-right_2rhyz_139r0_303:not(#\9) {
306
306
  padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
307
307
  }
308
- .awsui_input_2rhyz_1f2ia_149.awsui_input-has-no-border-radius_2rhyz_1f2ia_306:not(#\9) {
308
+ .awsui_input_2rhyz_139r0_149.awsui_input-has-no-border-radius_2rhyz_139r0_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_1f2ia_313:not(#\9) {
315
+ .awsui_input-container_2rhyz_139r0_313:not(#\9) {
316
316
  display: flex;
317
317
  position: relative;
318
318
  }
319
319
 
320
- .awsui_input-icon-left_2rhyz_1f2ia_318:not(#\9) {
320
+ .awsui_input-icon-left_2rhyz_139r0_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_1f2ia_325:not(#\9) {
327
+ .awsui_input-icon-right_2rhyz_139r0_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_1f2ia_331:not(#\9) {
333
+ .awsui_input-button-right_2rhyz_139r0_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_1f2ia_145",
6
- "input": "awsui_input_2rhyz_1f2ia_149",
7
- "input-readonly": "awsui_input-readonly_2rhyz_1f2ia_203",
8
- "input-invalid": "awsui_input-invalid_2rhyz_1f2ia_266",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1f2ia_275",
10
- "input-warning": "awsui_input-warning_2rhyz_1f2ia_278",
11
- "input-type-search": "awsui_input-type-search_2rhyz_1f2ia_290",
12
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1f2ia_303",
13
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1f2ia_306",
14
- "input-container": "awsui_input-container_2rhyz_1f2ia_313",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_1f2ia_318",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_1f2ia_325",
17
- "input-button-right": "awsui_input-button-right_2rhyz_1f2ia_331"
5
+ "root": "awsui_root_2rhyz_139r0_145",
6
+ "input": "awsui_input_2rhyz_139r0_149",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_139r0_203",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_139r0_266",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_139r0_275",
10
+ "input-warning": "awsui_input-warning_2rhyz_139r0_278",
11
+ "input-type-search": "awsui_input-type-search_2rhyz_139r0_290",
12
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_139r0_303",
13
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_139r0_306",
14
+ "input-container": "awsui_input-container_2rhyz_139r0_313",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_139r0_318",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_139r0_325",
17
+ "input-button-right": "awsui_input-button-right_2rhyz_139r0_331"
18
18
  };
19
19
 
@@ -2012,5 +2012,5 @@ body {
2012
2012
  }
2013
2013
  }
2014
2014
  :root {
2015
- --awsui-version-info-e4cf4d53: true;
2015
+ --awsui-version-info-15e15bbc: true;
2016
2016
  }
@@ -1,35 +1,35 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_yyyo1_169",
5
- "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_yyyo1_189",
6
- "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_yyyo1_189",
7
- "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_yyyo1_189",
8
- "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_yyyo1_189",
9
- "drag-handle-entry": "awsui_drag-handle-entry_155yk_yyyo1_1",
10
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_yyyo1_1",
11
- "drag-handle-exit": "awsui_drag-handle-exit_155yk_yyyo1_1",
12
- "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_yyyo1_1",
13
- "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_yyyo1_229",
14
- "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_yyyo1_233",
15
- "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_yyyo1_237",
16
- "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_yyyo1_248",
17
- "contents": "awsui_contents_155yk_yyyo1_259",
18
- "portal-overlay": "awsui_portal-overlay_155yk_yyyo1_263",
19
- "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_yyyo1_271",
20
- "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_yyyo1_275",
21
- "drag-handle": "awsui_drag-handle_155yk_yyyo1_279",
22
- "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_yyyo1_292",
23
- "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_yyyo1_316",
24
- "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_yyyo1_320",
25
- "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_yyyo1_324",
26
- "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_yyyo1_328",
27
- "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_yyyo1_332",
28
- "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_yyyo1_336",
29
- "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_yyyo1_340",
30
- "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_yyyo1_344",
31
- "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_yyyo1_348",
32
- "direction-button": "awsui_direction-button_155yk_yyyo1_169",
33
- "direction-button-disabled": "awsui_direction-button-disabled_155yk_yyyo1_371"
4
+ "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1k5bo_169",
5
+ "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1k5bo_189",
6
+ "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1k5bo_189",
7
+ "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1k5bo_189",
8
+ "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1k5bo_189",
9
+ "drag-handle-entry": "awsui_drag-handle-entry_155yk_1k5bo_1",
10
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1k5bo_1",
11
+ "drag-handle-exit": "awsui_drag-handle-exit_155yk_1k5bo_1",
12
+ "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1k5bo_1",
13
+ "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1k5bo_229",
14
+ "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1k5bo_233",
15
+ "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1k5bo_237",
16
+ "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1k5bo_248",
17
+ "contents": "awsui_contents_155yk_1k5bo_259",
18
+ "portal-overlay": "awsui_portal-overlay_155yk_1k5bo_263",
19
+ "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1k5bo_271",
20
+ "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1k5bo_275",
21
+ "drag-handle": "awsui_drag-handle_155yk_1k5bo_279",
22
+ "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1k5bo_292",
23
+ "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1k5bo_316",
24
+ "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1k5bo_320",
25
+ "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1k5bo_324",
26
+ "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1k5bo_328",
27
+ "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1k5bo_332",
28
+ "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1k5bo_336",
29
+ "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1k5bo_340",
30
+ "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1k5bo_344",
31
+ "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1k5bo_348",
32
+ "direction-button": "awsui_direction-button_155yk_1k5bo_169",
33
+ "direction-button-disabled": "awsui_direction-button-disabled_155yk_1k5bo_371"
34
34
  };
35
35