@cloudscape-design/components-themeable 3.0.1182 → 3.0.1183

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 (120) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +139 -132
  3. package/lib/internal/scss/slider/mixins.scss +32 -24
  4. package/lib/internal/scss/slider/styles.scss +56 -29
  5. package/lib/internal/template/alert/styles.css.js +27 -27
  6. package/lib/internal/template/alert/styles.scoped.css +50 -50
  7. package/lib/internal/template/alert/styles.selectors.js +27 -27
  8. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  9. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  10. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  11. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  12. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  13. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  14. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  15. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  16. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +87 -87
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  26. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  27. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  28. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  29. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  30. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  31. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  32. package/lib/internal/template/button/styles.css.js +22 -22
  33. package/lib/internal/template/button/styles.scoped.css +256 -256
  34. package/lib/internal/template/button/styles.selectors.js +22 -22
  35. package/lib/internal/template/button-dropdown/item-element/styles.css.js +20 -20
  36. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +34 -34
  37. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +20 -20
  38. package/lib/internal/template/checkbox/styles.css.js +3 -3
  39. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  40. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  41. package/lib/internal/template/content-layout/styles.css.js +14 -14
  42. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  43. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  44. package/lib/internal/template/flashbar/styles.css.js +50 -50
  45. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  46. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  47. package/lib/internal/template/help-panel/styles.css.js +6 -6
  48. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  49. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  50. package/lib/internal/template/input/styles.css.js +13 -13
  51. package/lib/internal/template/input/styles.scoped.css +74 -74
  52. package/lib/internal/template/input/styles.selectors.js +13 -13
  53. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  54. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  55. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  56. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  57. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  58. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
  59. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  60. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  61. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  62. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  63. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  64. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  65. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  66. package/lib/internal/template/internal/environment.js +2 -2
  67. package/lib/internal/template/internal/environment.json +2 -2
  68. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +7 -0
  69. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  70. package/lib/internal/template/internal/generated/custom-css-properties/index.js +138 -131
  71. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  72. package/lib/internal/template/link/styles.css.js +20 -20
  73. package/lib/internal/template/link/styles.scoped.css +103 -103
  74. package/lib/internal/template/link/styles.selectors.js +20 -20
  75. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  76. package/lib/internal/template/progress-bar/styles.scoped.css +56 -56
  77. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  78. package/lib/internal/template/prompt-input/styles.css.js +17 -17
  79. package/lib/internal/template/prompt-input/styles.scoped.css +79 -79
  80. package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
  81. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  82. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  83. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  84. package/lib/internal/template/slider/index.d.ts +1 -1
  85. package/lib/internal/template/slider/index.d.ts.map +1 -1
  86. package/lib/internal/template/slider/index.js +2 -2
  87. package/lib/internal/template/slider/index.js.map +1 -1
  88. package/lib/internal/template/slider/interfaces.d.ts +23 -0
  89. package/lib/internal/template/slider/interfaces.d.ts.map +1 -1
  90. package/lib/internal/template/slider/interfaces.js.map +1 -1
  91. package/lib/internal/template/slider/internal.d.ts +2 -1
  92. package/lib/internal/template/slider/internal.d.ts.map +1 -1
  93. package/lib/internal/template/slider/internal.js +3 -2
  94. package/lib/internal/template/slider/internal.js.map +1 -1
  95. package/lib/internal/template/slider/styles.css.js +26 -26
  96. package/lib/internal/template/slider/styles.d.ts +12 -0
  97. package/lib/internal/template/slider/styles.d.ts.map +1 -0
  98. package/lib/internal/template/slider/styles.js +20 -0
  99. package/lib/internal/template/slider/styles.js.map +1 -0
  100. package/lib/internal/template/slider/styles.scoped.css +165 -163
  101. package/lib/internal/template/slider/styles.selectors.js +26 -26
  102. package/lib/internal/template/spinner/styles.css.js +13 -13
  103. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  104. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  105. package/lib/internal/template/tabs/styles.css.js +30 -30
  106. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  107. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  108. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  109. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  110. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  111. package/lib/internal/template/text-content/styles.css.js +1 -1
  112. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  113. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  114. package/lib/internal/template/textarea/styles.css.js +5 -5
  115. package/lib/internal/template/textarea/styles.scoped.css +45 -45
  116. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  117. package/lib/internal/template/toggle/styles.css.js +10 -10
  118. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  119. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  120. package/package.json +1 -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_162ug_145:not(#\9) {
145
+ .awsui_root_2rhyz_1hgr3_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_162ug_149:not(#\9) {
149
+ .awsui_input_2rhyz_1hgr3_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-jatbiv, 4px);
180
180
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
181
- color: var(--awsui-style-color-default-rhu47t, var(--color-text-body-default-5qid0u, #16191f));
181
+ color: var(--awsui-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f));
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-1z2buq, #ffffff));
185
+ background-color: var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff));
186
186
  border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
187
187
  border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
188
188
  border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
189
189
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
190
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-txli8y, #687078));
191
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-txli8y, #687078));
192
- box-shadow: var(--awsui-style-box-shadow-default-rhu47t);
190
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078));
191
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078));
192
+ box-shadow: var(--awsui-style-box-shadow-default-4hh3rt);
193
193
  font-size: var(--font-size-body-m-vv54cm, 14px);
194
194
  line-height: var(--line-height-body-m-bedeoh, 22px);
195
195
  block-size: var(--size-vertical-input-8gzd1t, 32px);
196
196
  }
197
- .awsui_input_2rhyz_162ug_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-txli8y, #687078)));
199
- color: var(--awsui-style-color-hover-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-text-body-default-5qid0u, #16191f)));
200
- background-color: var(--awsui-style-background-hover-rhu47t, var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-1z2buq, #ffffff)));
201
- box-shadow: var(--awsui-style-box-shadow-hover-rhu47t, --awsui-style-box-shadow-default-rhu47t);
197
+ .awsui_input_2rhyz_1hgr3_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-txli8y, #687078)));
199
+ color: var(--awsui-style-color-hover-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f)));
200
+ background-color: var(--awsui-style-background-hover-4hh3rt, var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff)));
201
+ box-shadow: var(--awsui-style-box-shadow-hover-4hh3rt, --awsui-style-box-shadow-default-4hh3rt);
202
202
  }
203
- .awsui_input_2rhyz_162ug_149.awsui_input-readonly_2rhyz_162ug_203:not(#\9) {
204
- background-color: var(--awsui-style-background-readonly-rhu47t, var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-1z2buq, #ffffff)));
205
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded)));
206
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded)));
207
- color: var(--awsui-style-color-readonly-rhu47t, var(--awsui-style-color-default-rhu47t, var(--color-text-body-default-5qid0u, #16191f)));
208
- box-shadow: var(--awsui-style-box-shadow-readonly-rhu47t);
203
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-readonly_2rhyz_1hgr3_203:not(#\9) {
204
+ background-color: var(--awsui-style-background-readonly-4hh3rt, var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff)));
205
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded)));
206
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded)));
207
+ color: var(--awsui-style-color-readonly-4hh3rt, var(--awsui-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f)));
208
+ box-shadow: var(--awsui-style-box-shadow-readonly-4hh3rt);
209
209
  }
210
- .awsui_input_2rhyz_162ug_149:not(#\9)::-webkit-input-placeholder {
211
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-hvcry0, #687078));
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_1hgr3_149:not(#\9)::-webkit-input-placeholder {
211
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-hvcry0, #687078));
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_162ug_149:not(#\9)::-moz-placeholder {
219
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-hvcry0, #687078));
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_1hgr3_149:not(#\9)::-moz-placeholder {
219
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-hvcry0, #687078));
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_162ug_149:not(#\9):-moz-placeholder {
226
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-hvcry0, #687078));
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_1hgr3_149:not(#\9):-moz-placeholder {
226
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-hvcry0, #687078));
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_162ug_149:not(#\9):focus {
232
+ .awsui_input_2rhyz_1hgr3_149:not(#\9):focus {
233
233
  outline: 2px dotted transparent;
234
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-rhu47t, var(--color-border-input-focused-lslq4r, #0073bb));
235
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-rhu47t, var(--color-border-input-focused-lslq4r, #0073bb));
234
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-4hh3rt, var(--color-border-input-focused-lslq4r, #0073bb));
235
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-4hh3rt, var(--color-border-input-focused-lslq4r, #0073bb));
236
236
  border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
237
237
  border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
238
238
  border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
239
239
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
240
- box-shadow: var(--awsui-style-box-shadow-focus-rhu47t, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
241
- color: var(--awsui-style-color-focus-rhu47t, var(--color-text-body-default-5qid0u, #16191f));
242
- background-color: var(--awsui-style-background-focus-rhu47t, var(--color-background-input-default-1z2buq, #ffffff));
240
+ box-shadow: var(--awsui-style-box-shadow-focus-4hh3rt, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
241
+ color: var(--awsui-style-color-focus-4hh3rt, var(--color-text-body-default-5qid0u, #16191f));
242
+ background-color: var(--awsui-style-background-focus-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff));
243
243
  }
244
- .awsui_input_2rhyz_162ug_149:not(#\9):disabled {
245
- background-color: var(--awsui-style-background-disabled-rhu47t, var(--color-background-input-disabled-4vlau3, #eaeded));
246
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded));
247
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded));
248
- color: var(--awsui-style-color-disabled-rhu47t, var(--color-text-input-disabled-y5t5v9, #879596));
244
+ .awsui_input_2rhyz_1hgr3_149:not(#\9):disabled {
245
+ background-color: var(--awsui-style-background-disabled-4hh3rt, var(--color-background-input-disabled-4vlau3, #eaeded));
246
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded));
247
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded));
248
+ color: var(--awsui-style-color-disabled-4hh3rt, var(--color-text-input-disabled-y5t5v9, #879596));
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_162ug_149:not(#\9):disabled::-webkit-input-placeholder {
253
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
252
+ .awsui_input_2rhyz_1hgr3_149:not(#\9):disabled::-webkit-input-placeholder {
253
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
254
254
  -webkit-user-select: none;
255
255
  user-select: none;
256
256
  }
257
- .awsui_input_2rhyz_162ug_149:not(#\9):disabled::-moz-placeholder {
258
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
257
+ .awsui_input_2rhyz_1hgr3_149:not(#\9):disabled::-moz-placeholder {
258
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
259
259
  opacity: 1;
260
260
  }
261
- .awsui_input_2rhyz_162ug_149:not(#\9):disabled:-moz-placeholder {
262
- color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
261
+ .awsui_input_2rhyz_1hgr3_149:not(#\9):disabled:-moz-placeholder {
262
+ color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
263
263
  opacity: 1;
264
264
  }
265
- .awsui_input_2rhyz_162ug_149:not(#\9):invalid {
265
+ .awsui_input_2rhyz_1hgr3_149:not(#\9):invalid {
266
266
  box-shadow: none;
267
267
  }
268
- .awsui_input_2rhyz_162ug_149.awsui_input-invalid_2rhyz_162ug_266:not(#\9) {
269
- color: var(--awsui-style-color-default-rhu47t, var(--color-text-status-error-aknuvu, #d13212));
270
- border-color: var(--awsui-style-border-color-default-rhu47t, var(--color-text-status-error-aknuvu, #d13212));
268
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-invalid_2rhyz_1hgr3_266:not(#\9) {
269
+ color: var(--awsui-style-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
270
+ border-color: var(--awsui-style-border-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
271
271
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
272
272
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
273
273
  }
274
- .awsui_input_2rhyz_162ug_149.awsui_input-invalid_2rhyz_162ug_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-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
274
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-invalid_2rhyz_1hgr3_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-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
276
276
  }
277
- .awsui_input_2rhyz_162ug_149.awsui_input-invalid_2rhyz_162ug_266.awsui_input-has-icon-left_2rhyz_162ug_275:not(#\9) {
277
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-invalid_2rhyz_1hgr3_266.awsui_input-has-icon-left_2rhyz_1hgr3_275:not(#\9) {
278
278
  padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
279
279
  }
280
- .awsui_input_2rhyz_162ug_149.awsui_input-warning_2rhyz_162ug_278:not(#\9) {
281
- color: var(--awsui-style-color-default-rhu47t, var(--color-text-status-warning-9b45qh, #906806));
282
- border-color: var(--awsui-style-border-color-default-rhu47t, var(--color-text-status-warning-9b45qh, #906806));
280
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-warning_2rhyz_1hgr3_278:not(#\9) {
281
+ color: var(--awsui-style-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
282
+ border-color: var(--awsui-style-border-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
283
283
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
284
284
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
285
285
  }
286
- .awsui_input_2rhyz_162ug_149.awsui_input-warning_2rhyz_162ug_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-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
286
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-warning_2rhyz_1hgr3_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-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
288
288
  }
289
- .awsui_input_2rhyz_162ug_149.awsui_input-warning_2rhyz_162ug_278.awsui_input-has-icon-left_2rhyz_162ug_275:not(#\9) {
289
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-warning_2rhyz_1hgr3_278.awsui_input-has-icon-left_2rhyz_1hgr3_275:not(#\9) {
290
290
  padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
291
291
  }
292
- .awsui_input_2rhyz_162ug_149.awsui_input-type-search_2rhyz_162ug_290:not(#\9) {
292
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-type-search_2rhyz_1hgr3_290:not(#\9) {
293
293
  box-sizing: border-box;
294
294
  -webkit-appearance: none;
295
295
  }
296
- .awsui_input_2rhyz_162ug_149.awsui_input-type-search_2rhyz_162ug_290:not(#\9)::-webkit-search-decoration {
296
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-type-search_2rhyz_1hgr3_290:not(#\9)::-webkit-search-decoration {
297
297
  -webkit-appearance: none;
298
298
  }
299
- .awsui_input_2rhyz_162ug_149.awsui_input-type-search_2rhyz_162ug_290:not(#\9)::-webkit-search-cancel-button {
299
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-type-search_2rhyz_1hgr3_290:not(#\9)::-webkit-search-cancel-button {
300
300
  display: none;
301
301
  }
302
- .awsui_input_2rhyz_162ug_149.awsui_input-has-icon-left_2rhyz_162ug_275:not(#\9) {
302
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-has-icon-left_2rhyz_1hgr3_275:not(#\9) {
303
303
  padding-inline-start: var(--space-field-icon-offset-ihoxql, 32px);
304
304
  }
305
- .awsui_input_2rhyz_162ug_149.awsui_input-has-icon-right_2rhyz_162ug_303:not(#\9) {
305
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-has-icon-right_2rhyz_1hgr3_303:not(#\9) {
306
306
  padding-inline-end: var(--space-field-icon-offset-ihoxql, 32px);
307
307
  }
308
- .awsui_input_2rhyz_162ug_149.awsui_input-has-no-border-radius_2rhyz_162ug_306:not(#\9) {
308
+ .awsui_input_2rhyz_1hgr3_149.awsui_input-has-no-border-radius_2rhyz_1hgr3_306:not(#\9) {
309
309
  border-start-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
310
310
  border-start-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
311
311
  border-end-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
312
312
  border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
313
313
  }
314
314
 
315
- .awsui_input-container_2rhyz_162ug_313:not(#\9) {
315
+ .awsui_input-container_2rhyz_1hgr3_313:not(#\9) {
316
316
  display: flex;
317
317
  position: relative;
318
318
  }
319
319
 
320
- .awsui_input-icon-left_2rhyz_162ug_318:not(#\9) {
320
+ .awsui_input-icon-left_2rhyz_1hgr3_318:not(#\9) {
321
321
  position: absolute;
322
322
  pointer-events: none;
323
323
  inset-inline-start: var(--space-field-horizontal-n5peob, 8px);
324
324
  inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2);
325
325
  }
326
326
 
327
- .awsui_input-icon-right_2rhyz_162ug_325:not(#\9) {
327
+ .awsui_input-icon-right_2rhyz_1hgr3_325:not(#\9) {
328
328
  position: absolute;
329
329
  inset-block-start: calc(calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2) - var(--space-xxxs-3w1kr2, 2px));
330
330
  inset-inline-end: calc(var(--space-field-horizontal-n5peob, 8px) - var(--space-xxs-jnczic, 4px));
331
331
  }
332
332
 
333
- .awsui_input-button-right_2rhyz_162ug_331:not(#\9) {
333
+ .awsui_input-button-right_2rhyz_1hgr3_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_162ug_145",
6
- "input": "awsui_input_2rhyz_162ug_149",
7
- "input-readonly": "awsui_input-readonly_2rhyz_162ug_203",
8
- "input-invalid": "awsui_input-invalid_2rhyz_162ug_266",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_162ug_275",
10
- "input-warning": "awsui_input-warning_2rhyz_162ug_278",
11
- "input-type-search": "awsui_input-type-search_2rhyz_162ug_290",
12
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_162ug_303",
13
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_162ug_306",
14
- "input-container": "awsui_input-container_2rhyz_162ug_313",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_162ug_318",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_162ug_325",
17
- "input-button-right": "awsui_input-button-right_2rhyz_162ug_331"
5
+ "root": "awsui_root_2rhyz_1hgr3_145",
6
+ "input": "awsui_input_2rhyz_1hgr3_149",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_1hgr3_203",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_1hgr3_266",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1hgr3_275",
10
+ "input-warning": "awsui_input-warning_2rhyz_1hgr3_278",
11
+ "input-type-search": "awsui_input-type-search_2rhyz_1hgr3_290",
12
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1hgr3_303",
13
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1hgr3_306",
14
+ "input-container": "awsui_input-container_2rhyz_1hgr3_313",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1hgr3_318",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1hgr3_325",
17
+ "input-button-right": "awsui_input-button-right_2rhyz_1hgr3_331"
18
18
  };
19
19
 
@@ -3763,5 +3763,5 @@ body {
3763
3763
  }
3764
3764
  }
3765
3765
  :root {
3766
- --awsui-version-info-e4cf4d53: true;
3766
+ --awsui-version-info-15e15bbc: true;
3767
3767
  }
@@ -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_et4wp_169",
5
- "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_et4wp_189",
6
- "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_et4wp_189",
7
- "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_et4wp_189",
8
- "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_et4wp_189",
9
- "drag-handle-entry": "awsui_drag-handle-entry_155yk_et4wp_1",
10
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_et4wp_1",
11
- "drag-handle-exit": "awsui_drag-handle-exit_155yk_et4wp_1",
12
- "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_et4wp_1",
13
- "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_et4wp_229",
14
- "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_et4wp_233",
15
- "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_et4wp_237",
16
- "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_et4wp_248",
17
- "contents": "awsui_contents_155yk_et4wp_259",
18
- "portal-overlay": "awsui_portal-overlay_155yk_et4wp_263",
19
- "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_et4wp_271",
20
- "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_et4wp_275",
21
- "drag-handle": "awsui_drag-handle_155yk_et4wp_279",
22
- "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_et4wp_292",
23
- "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_et4wp_316",
24
- "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_et4wp_320",
25
- "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_et4wp_324",
26
- "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_et4wp_328",
27
- "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_et4wp_332",
28
- "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_et4wp_336",
29
- "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_et4wp_340",
30
- "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_et4wp_344",
31
- "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_et4wp_348",
32
- "direction-button": "awsui_direction-button_155yk_et4wp_169",
33
- "direction-button-disabled": "awsui_direction-button-disabled_155yk_et4wp_371"
4
+ "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_f48s3_169",
5
+ "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_f48s3_189",
6
+ "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_f48s3_189",
7
+ "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_f48s3_189",
8
+ "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_f48s3_189",
9
+ "drag-handle-entry": "awsui_drag-handle-entry_155yk_f48s3_1",
10
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_f48s3_1",
11
+ "drag-handle-exit": "awsui_drag-handle-exit_155yk_f48s3_1",
12
+ "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_f48s3_1",
13
+ "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_f48s3_229",
14
+ "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_f48s3_233",
15
+ "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_f48s3_237",
16
+ "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_f48s3_248",
17
+ "contents": "awsui_contents_155yk_f48s3_259",
18
+ "portal-overlay": "awsui_portal-overlay_155yk_f48s3_263",
19
+ "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_f48s3_271",
20
+ "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_f48s3_275",
21
+ "drag-handle": "awsui_drag-handle_155yk_f48s3_279",
22
+ "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_f48s3_292",
23
+ "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_f48s3_316",
24
+ "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_f48s3_320",
25
+ "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_f48s3_324",
26
+ "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_f48s3_328",
27
+ "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_f48s3_332",
28
+ "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_f48s3_336",
29
+ "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_f48s3_340",
30
+ "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_f48s3_344",
31
+ "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_f48s3_348",
32
+ "direction-button": "awsui_direction-button_155yk_f48s3_169",
33
+ "direction-button-disabled": "awsui_direction-button-disabled_155yk_f48s3_371"
34
34
  };
35
35