@cloudscape-design/components 3.0.492 → 3.0.493

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 (16) hide show
  1. package/input/styles.css.js +12 -12
  2. package/input/styles.scoped.css +31 -31
  3. package/input/styles.selectors.js +12 -12
  4. package/internal/base-component/styles.scoped.css +5 -0
  5. package/internal/components/button-trigger/styles.css.js +10 -10
  6. package/internal/components/button-trigger/styles.scoped.css +25 -25
  7. package/internal/components/button-trigger/styles.selectors.js +10 -10
  8. package/internal/environment.js +1 -1
  9. package/internal/environment.json +1 -1
  10. package/internal/generated/theming/index.cjs +31 -0
  11. package/internal/generated/theming/index.js +31 -0
  12. package/internal/manifest.json +1 -1
  13. package/package.json +1 -1
  14. package/textarea/styles.css.js +4 -4
  15. package/textarea/styles.scoped.css +13 -13
  16. package/textarea/styles.selectors.js +4 -4
package/input/styles.css.js CHANGED
@@ -1,17 +1,17 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2rhyz_s4q60_93",
5
- "input": "awsui_input_2rhyz_s4q60_97",
6
- "input-readonly": "awsui_input-readonly_2rhyz_s4q60_120",
7
- "input-invalid": "awsui_input-invalid_2rhyz_s4q60_181",
8
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_s4q60_192",
9
- "input-type-search": "awsui_input-type-search_2rhyz_s4q60_197",
10
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_s4q60_213",
11
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_s4q60_216",
12
- "input-container": "awsui_input-container_2rhyz_s4q60_220",
13
- "input-icon-left": "awsui_input-icon-left_2rhyz_s4q60_225",
14
- "input-icon-right": "awsui_input-icon-right_2rhyz_s4q60_232",
15
- "input-button-right": "awsui_input-button-right_2rhyz_s4q60_238"
4
+ "root": "awsui_root_2rhyz_1x7hc_93",
5
+ "input": "awsui_input_2rhyz_1x7hc_97",
6
+ "input-readonly": "awsui_input-readonly_2rhyz_1x7hc_120",
7
+ "input-invalid": "awsui_input-invalid_2rhyz_1x7hc_181",
8
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1x7hc_192",
9
+ "input-type-search": "awsui_input-type-search_2rhyz_1x7hc_197",
10
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1x7hc_213",
11
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1x7hc_216",
12
+ "input-container": "awsui_input-container_2rhyz_1x7hc_220",
13
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1x7hc_225",
14
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1x7hc_232",
15
+ "input-button-right": "awsui_input-button-right_2rhyz_1x7hc_238"
16
16
  };
17
17
 
package/input/styles.scoped.css CHANGED
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_2rhyz_s4q60_93:not(#\9) {
93
+ .awsui_root_2rhyz_1x7hc_93:not(#\9) {
94
94
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
95
95
  }
96
96
 
97
- .awsui_input_2rhyz_s4q60_97:not(#\9) {
97
+ .awsui_input_2rhyz_1x7hc_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -143,70 +143,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
143
143
  line-height: var(--line-height-body-m-30ar75, 20px);
144
144
  height: var(--size-vertical-input-v5iwwf, 32px);
145
145
  }
146
- .awsui_input_2rhyz_s4q60_97.awsui_input-readonly_2rhyz_s4q60_120:not(#\9) {
146
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-readonly_2rhyz_1x7hc_120:not(#\9) {
147
147
  background-color: var(--color-background-input-default-igdh5e, #ffffff);
148
148
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
149
149
  }
150
- .awsui_input_2rhyz_s4q60_97:not(#\9)::-webkit-input-placeholder {
150
+ .awsui_input_2rhyz_1x7hc_97:not(#\9)::-webkit-input-placeholder {
151
151
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
152
152
  font-style: italic;
153
153
  -webkit-user-select: none;
154
154
  user-select: none;
155
155
  }
156
- .awsui_input_2rhyz_s4q60_97:not(#\9)::-ms-input-placeholder {
156
+ .awsui_input_2rhyz_1x7hc_97:not(#\9)::-ms-input-placeholder {
157
157
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
158
158
  font-style: italic;
159
159
  }
160
- .awsui_input_2rhyz_s4q60_97:not(#\9)::-moz-placeholder {
160
+ .awsui_input_2rhyz_1x7hc_97:not(#\9)::-moz-placeholder {
161
161
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
162
162
  font-style: italic;
163
163
  opacity: 1;
164
164
  }
165
- .awsui_input_2rhyz_s4q60_97:not(#\9):-ms-input-placeholder {
165
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):-ms-input-placeholder {
166
166
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
167
167
  font-style: italic;
168
168
  }
169
- .awsui_input_2rhyz_s4q60_97:not(#\9):-moz-placeholder {
169
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):-moz-placeholder {
170
170
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
171
171
  font-style: italic;
172
172
  opacity: 1;
173
173
  }
174
- .awsui_input_2rhyz_s4q60_97:not(#\9):focus {
174
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):focus {
175
175
  outline: 2px dotted transparent;
176
- border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
176
+ border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
177
177
  border-radius: var(--border-radius-input-plgbrq, 8px);
178
178
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
179
179
  }
180
- .awsui_input_2rhyz_s4q60_97:not(#\9):disabled {
180
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled {
181
181
  background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
182
182
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
183
183
  color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
184
184
  cursor: auto;
185
185
  cursor: default;
186
186
  }
187
- .awsui_input_2rhyz_s4q60_97:not(#\9):disabled::-webkit-input-placeholder {
187
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled::-webkit-input-placeholder {
188
188
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
189
189
  -webkit-user-select: none;
190
190
  user-select: none;
191
191
  }
192
- .awsui_input_2rhyz_s4q60_97:not(#\9):disabled::-ms-input-placeholder {
192
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled::-ms-input-placeholder {
193
193
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
194
194
  }
195
- .awsui_input_2rhyz_s4q60_97:not(#\9):disabled::-moz-placeholder {
195
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled::-moz-placeholder {
196
196
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
197
197
  opacity: 1;
198
198
  }
199
- .awsui_input_2rhyz_s4q60_97:not(#\9):disabled:-ms-input-placeholder {
199
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled:-ms-input-placeholder {
200
200
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
201
201
  }
202
- .awsui_input_2rhyz_s4q60_97:not(#\9):disabled:-moz-placeholder {
202
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled:-moz-placeholder {
203
203
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
204
204
  opacity: 1;
205
205
  }
206
- .awsui_input_2rhyz_s4q60_97:not(#\9):invalid {
206
+ .awsui_input_2rhyz_1x7hc_97:not(#\9):invalid {
207
207
  box-shadow: none;
208
208
  }
209
- .awsui_input_2rhyz_s4q60_97.awsui_input-invalid_2rhyz_s4q60_181:not(#\9) {
209
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-invalid_2rhyz_1x7hc_181:not(#\9) {
210
210
  color: var(--color-text-status-error-wdvepn, #d91515);
211
211
  border-color: var(--color-text-status-error-wdvepn, #d91515);
212
212
  padding-left: calc(
@@ -214,55 +214,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
214
214
  );
215
215
  border-left-width: var(--border-invalid-width-5ktjp2, 8px);
216
216
  }
217
- .awsui_input_2rhyz_s4q60_97.awsui_input-invalid_2rhyz_s4q60_181:not(#\9):focus {
217
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-invalid_2rhyz_1x7hc_181:not(#\9):focus {
218
218
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
219
219
  }
220
- .awsui_input_2rhyz_s4q60_97.awsui_input-invalid_2rhyz_s4q60_181.awsui_input-has-icon-left_2rhyz_s4q60_192:not(#\9) {
220
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-invalid_2rhyz_1x7hc_181.awsui_input-has-icon-left_2rhyz_1x7hc_192:not(#\9) {
221
221
  padding-left: calc(
222
222
  var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px))
223
223
  );
224
224
  }
225
- .awsui_input_2rhyz_s4q60_97.awsui_input-type-search_2rhyz_s4q60_197:not(#\9) {
225
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-type-search_2rhyz_1x7hc_197:not(#\9) {
226
226
  box-sizing: border-box;
227
227
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
228
228
  }
229
- .awsui_input_2rhyz_s4q60_97.awsui_input-type-search_2rhyz_s4q60_197:not(#\9)::-ms-clear {
229
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-type-search_2rhyz_1x7hc_197:not(#\9)::-ms-clear {
230
230
  display: none;
231
231
  }
232
- .awsui_input_2rhyz_s4q60_97.awsui_input-type-search_2rhyz_s4q60_197:not(#\9)::-webkit-search-decoration {
232
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-type-search_2rhyz_1x7hc_197:not(#\9)::-webkit-search-decoration {
233
233
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
234
234
  }
235
- .awsui_input_2rhyz_s4q60_97.awsui_input-type-search_2rhyz_s4q60_197:not(#\9)::-webkit-search-cancel-button {
235
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-type-search_2rhyz_1x7hc_197:not(#\9)::-webkit-search-cancel-button {
236
236
  display: none;
237
237
  }
238
- .awsui_input_2rhyz_s4q60_97.awsui_input-has-icon-left_2rhyz_s4q60_192:not(#\9) {
238
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-has-icon-left_2rhyz_1x7hc_192:not(#\9) {
239
239
  padding-left: var(--space-field-icon-offset-csk9vw, 36px);
240
240
  }
241
- .awsui_input_2rhyz_s4q60_97.awsui_input-has-icon-right_2rhyz_s4q60_213:not(#\9) {
241
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-has-icon-right_2rhyz_1x7hc_213:not(#\9) {
242
242
  padding-right: var(--space-field-icon-offset-csk9vw, 36px);
243
243
  }
244
- .awsui_input_2rhyz_s4q60_97.awsui_input-has-no-border-radius_2rhyz_s4q60_216:not(#\9) {
244
+ .awsui_input_2rhyz_1x7hc_97.awsui_input-has-no-border-radius_2rhyz_1x7hc_216:not(#\9) {
245
245
  border-radius: var(--border-radius-dropdown-0dhh79, 8px);
246
246
  }
247
247
 
248
- .awsui_input-container_2rhyz_s4q60_220:not(#\9) {
248
+ .awsui_input-container_2rhyz_1x7hc_220:not(#\9) {
249
249
  display: flex;
250
250
  position: relative;
251
251
  }
252
252
 
253
- .awsui_input-icon-left_2rhyz_s4q60_225:not(#\9) {
253
+ .awsui_input-icon-left_2rhyz_1x7hc_225:not(#\9) {
254
254
  position: absolute;
255
255
  pointer-events: none;
256
256
  left: var(--space-field-horizontal-gg19kw, 12px);
257
257
  top: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
258
258
  }
259
259
 
260
- .awsui_input-icon-right_2rhyz_s4q60_232:not(#\9) {
260
+ .awsui_input-icon-right_2rhyz_1x7hc_232:not(#\9) {
261
261
  position: absolute;
262
262
  top: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
263
263
  right: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
264
264
  }
265
265
 
266
- .awsui_input-button-right_2rhyz_s4q60_238:not(#\9) {
266
+ .awsui_input-button-right_2rhyz_1x7hc_238:not(#\9) {
267
267
  /* used in test-utils */
268
268
  }
package/input/styles.selectors.js CHANGED
@@ -2,17 +2,17 @@
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_s4q60_93",
6
- "input": "awsui_input_2rhyz_s4q60_97",
7
- "input-readonly": "awsui_input-readonly_2rhyz_s4q60_120",
8
- "input-invalid": "awsui_input-invalid_2rhyz_s4q60_181",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_s4q60_192",
10
- "input-type-search": "awsui_input-type-search_2rhyz_s4q60_197",
11
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_s4q60_213",
12
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_s4q60_216",
13
- "input-container": "awsui_input-container_2rhyz_s4q60_220",
14
- "input-icon-left": "awsui_input-icon-left_2rhyz_s4q60_225",
15
- "input-icon-right": "awsui_input-icon-right_2rhyz_s4q60_232",
16
- "input-button-right": "awsui_input-button-right_2rhyz_s4q60_238"
5
+ "root": "awsui_root_2rhyz_1x7hc_93",
6
+ "input": "awsui_input_2rhyz_1x7hc_97",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_1x7hc_120",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_1x7hc_181",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1x7hc_192",
10
+ "input-type-search": "awsui_input-type-search_2rhyz_1x7hc_197",
11
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1x7hc_213",
12
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1x7hc_216",
13
+ "input-container": "awsui_input-container_2rhyz_1x7hc_220",
14
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1x7hc_225",
15
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1x7hc_232",
16
+ "input-button-right": "awsui_input-button-right_2rhyz_1x7hc_238"
17
17
  };
18
18
 
package/internal/base-component/styles.scoped.css CHANGED
@@ -254,6 +254,7 @@
254
254
  --color-border-editable-cell-hover-nqrv6y:#7d8998;
255
255
  --color-border-input-default-1zl7hq:#7d8998;
256
256
  --color-border-input-disabled-rx2aau:#e9ebed;
257
+ --color-border-input-focused-3d15sl:#033160;
257
258
  --color-border-item-focused-b2ntyl:#0972d3;
258
259
  --color-border-dropdown-item-focused-5hbaf3:#414d5c;
259
260
  --color-border-item-placeholder-h8j85e:#0972d3;
@@ -838,6 +839,7 @@
838
839
  --color-border-editable-cell-hover-nqrv6y:#5f6b7a;
839
840
  --color-border-input-default-1zl7hq:#5f6b7a;
840
841
  --color-border-input-disabled-rx2aau:#192534;
842
+ --color-border-input-focused-3d15sl:#b5d6f4;
841
843
  --color-border-item-focused-b2ntyl:#539fe5;
842
844
  --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
843
845
  --color-border-item-placeholder-h8j85e:#539fe5;
@@ -1116,6 +1118,7 @@
1116
1118
  --color-border-editable-cell-hover-nqrv6y:#5f6b7a;
1117
1119
  --color-border-input-default-1zl7hq:#5f6b7a;
1118
1120
  --color-border-input-disabled-rx2aau:#192534;
1121
+ --color-border-input-focused-3d15sl:#b5d6f4;
1119
1122
  --color-border-item-focused-b2ntyl:#539fe5;
1120
1123
  --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
1121
1124
  --color-border-item-placeholder-h8j85e:#539fe5;
@@ -1302,6 +1305,7 @@
1302
1305
  --color-border-editable-cell-hover-nqrv6y:#5f6b7a;
1303
1306
  --color-border-input-default-1zl7hq:#5f6b7a;
1304
1307
  --color-border-input-disabled-rx2aau:#192534;
1308
+ --color-border-input-focused-3d15sl:#b5d6f4;
1305
1309
  --color-border-item-focused-b2ntyl:#539fe5;
1306
1310
  --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
1307
1311
  --color-border-item-placeholder-h8j85e:#539fe5;
@@ -1583,6 +1587,7 @@
1583
1587
  --color-border-editable-cell-hover-nqrv6y:#5f6b7a;
1584
1588
  --color-border-input-default-1zl7hq:#5f6b7a;
1585
1589
  --color-border-input-disabled-rx2aau:#192534;
1590
+ --color-border-input-focused-3d15sl:#b5d6f4;
1586
1591
  --color-border-item-focused-b2ntyl:#fbfbfb;
1587
1592
  --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
1588
1593
  --color-border-item-placeholder-h8j85e:#539fe5;
package/internal/components/button-trigger/styles.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_1e3dz_97",
5
- "arrow": "awsui_arrow_18eso_1e3dz_97",
6
- "has-caret": "awsui_has-caret_18eso_1e3dz_137",
7
- "placeholder": "awsui_placeholder_18eso_1e3dz_140",
8
- "pressed": "awsui_pressed_18eso_1e3dz_153",
9
- "disabled": "awsui_disabled_18eso_1e3dz_156",
10
- "in-filtering-token": "awsui_in-filtering-token_18eso_1e3dz_165",
11
- "read-only": "awsui_read-only_18eso_1e3dz_171",
12
- "invalid": "awsui_invalid_18eso_1e3dz_188",
13
- "inline-tokens": "awsui_inline-tokens_18eso_1e3dz_223"
4
+ "button-trigger": "awsui_button-trigger_18eso_1dv5w_97",
5
+ "arrow": "awsui_arrow_18eso_1dv5w_97",
6
+ "has-caret": "awsui_has-caret_18eso_1dv5w_137",
7
+ "placeholder": "awsui_placeholder_18eso_1dv5w_140",
8
+ "pressed": "awsui_pressed_18eso_1dv5w_153",
9
+ "disabled": "awsui_disabled_18eso_1dv5w_156",
10
+ "in-filtering-token": "awsui_in-filtering-token_18eso_1dv5w_165",
11
+ "read-only": "awsui_read-only_18eso_1dv5w_171",
12
+ "invalid": "awsui_invalid_18eso_1dv5w_188",
13
+ "inline-tokens": "awsui_inline-tokens_18eso_1dv5w_223"
14
14
  };
15
15
 
package/internal/components/button-trigger/styles.scoped.css CHANGED
@@ -94,16 +94,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_button-trigger_18eso_1e3dz_97 > .awsui_arrow_18eso_1e3dz_97:not(#\9) {
97
+ .awsui_button-trigger_18eso_1dv5w_97 > .awsui_arrow_18eso_1dv5w_97:not(#\9) {
98
98
  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
99
99
  }
100
100
  @media (prefers-reduced-motion: reduce) {
101
- .awsui_button-trigger_18eso_1e3dz_97 > .awsui_arrow_18eso_1e3dz_97:not(#\9) {
101
+ .awsui_button-trigger_18eso_1dv5w_97 > .awsui_arrow_18eso_1dv5w_97:not(#\9) {
102
102
  animation: none;
103
103
  transition: none;
104
104
  }
105
105
  }
106
- .awsui-motion-disabled .awsui_button-trigger_18eso_1e3dz_97 > .awsui_arrow_18eso_1e3dz_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1e3dz_97 > .awsui_arrow_18eso_1e3dz_97:not(#\9) {
106
+ .awsui-motion-disabled .awsui_button-trigger_18eso_1dv5w_97 > .awsui_arrow_18eso_1dv5w_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1dv5w_97 > .awsui_arrow_18eso_1dv5w_97:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
@@ -112,7 +112,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
112
112
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
113
113
  SPDX-License-Identifier: Apache-2.0
114
114
  */
115
- .awsui_button-trigger_18eso_1e3dz_97:not(#\9) {
115
+ .awsui_button-trigger_18eso_1dv5w_97:not(#\9) {
116
116
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
117
117
  border-collapse: separate;
118
118
  border-spacing: 0;
@@ -160,58 +160,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
160
160
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
161
161
  min-height: var(--size-vertical-input-v5iwwf, 32px);
162
162
  }
163
- .awsui_button-trigger_18eso_1e3dz_97.awsui_has-caret_18eso_1e3dz_137:not(#\9) {
163
+ .awsui_button-trigger_18eso_1dv5w_97.awsui_has-caret_18eso_1dv5w_137:not(#\9) {
164
164
  padding-right: var(--space-field-icon-offset-csk9vw, 36px);
165
165
  }
166
- .awsui_button-trigger_18eso_1e3dz_97 > .awsui_placeholder_18eso_1e3dz_140:not(#\9) {
166
+ .awsui_button-trigger_18eso_1dv5w_97 > .awsui_placeholder_18eso_1dv5w_140:not(#\9) {
167
167
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
168
168
  font-style: italic;
169
169
  }
170
- .awsui_button-trigger_18eso_1e3dz_97 > .awsui_arrow_18eso_1e3dz_97:not(#\9) {
170
+ .awsui_button-trigger_18eso_1dv5w_97 > .awsui_arrow_18eso_1dv5w_97:not(#\9) {
171
171
  position: absolute;
172
172
  right: var(--space-field-horizontal-gg19kw, 12px);
173
173
  top: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
174
174
  color: var(--color-text-button-inline-icon-default-s3yux9, #0972d3);
175
175
  }
176
- .awsui_button-trigger_18eso_1e3dz_97:not(#\9):hover > .awsui_arrow_18eso_1e3dz_97 {
176
+ .awsui_button-trigger_18eso_1dv5w_97:not(#\9):hover > .awsui_arrow_18eso_1dv5w_97 {
177
177
  color: var(--color-text-button-inline-icon-hover-my2daf, #033160);
178
178
  }
179
- .awsui_button-trigger_18eso_1e3dz_97.awsui_pressed_18eso_1e3dz_153 > .awsui_arrow_18eso_1e3dz_97:not(#\9) {
179
+ .awsui_button-trigger_18eso_1dv5w_97.awsui_pressed_18eso_1dv5w_153 > .awsui_arrow_18eso_1dv5w_97:not(#\9) {
180
180
  transform: rotate(-180deg);
181
181
  }
182
- .awsui_button-trigger_18eso_1e3dz_97.awsui_disabled_18eso_1e3dz_156:not(#\9) {
182
+ .awsui_button-trigger_18eso_1dv5w_97.awsui_disabled_18eso_1dv5w_156:not(#\9) {
183
183
  background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
184
184
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
185
185
  color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
186
186
  cursor: auto;
187
187
  }
188
- .awsui_button-trigger_18eso_1e3dz_97.awsui_disabled_18eso_1e3dz_156 > .awsui_arrow_18eso_1e3dz_97:not(#\9) {
188
+ .awsui_button-trigger_18eso_1dv5w_97.awsui_disabled_18eso_1dv5w_156 > .awsui_arrow_18eso_1dv5w_97:not(#\9) {
189
189
  color: var(--color-text-button-inline-icon-disabled-mz5gmn, #9ba7b6);
190
190
  }
191
- .awsui_button-trigger_18eso_1e3dz_97.awsui_disabled_18eso_1e3dz_156.awsui_in-filtering-token_18eso_1e3dz_165:not(#\9) {
191
+ .awsui_button-trigger_18eso_1dv5w_97.awsui_disabled_18eso_1dv5w_156.awsui_in-filtering-token_18eso_1dv5w_165:not(#\9) {
192
192
  border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
193
193
  }
194
- .awsui_button-trigger_18eso_1e3dz_97.awsui_disabled_18eso_1e3dz_156 > .awsui_placeholder_18eso_1e3dz_140:not(#\9) {
194
+ .awsui_button-trigger_18eso_1dv5w_97.awsui_disabled_18eso_1dv5w_156 > .awsui_placeholder_18eso_1dv5w_140:not(#\9) {
195
195
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
196
196
  }
197
- .awsui_button-trigger_18eso_1e3dz_97.awsui_read-only_18eso_1e3dz_171:not(#\9) {
197
+ .awsui_button-trigger_18eso_1dv5w_97.awsui_read-only_18eso_1dv5w_171:not(#\9) {
198
198
  background-color: var(--color-background-input-default-igdh5e, #ffffff);
199
199
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
200
200
  }
201
- .awsui_button-trigger_18eso_1e3dz_97:not(#\9):focus {
201
+ .awsui_button-trigger_18eso_1dv5w_97:not(#\9):focus {
202
202
  outline: none;
203
203
  text-decoration: none;
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1e3dz_97:not(#\9):not(.awsui_in-filtering-token_18eso_1e3dz_165):focus {
205
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1dv5w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1dv5w_165):focus {
206
206
  outline: 2px dotted transparent;
207
- border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
207
+ border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
208
208
  border-radius: var(--border-radius-input-plgbrq, 8px);
209
209
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
210
210
  }
211
- .awsui_button-trigger_18eso_1e3dz_97:not(#\9):not(.awsui_in-filtering-token_18eso_1e3dz_165):invalid {
211
+ .awsui_button-trigger_18eso_1dv5w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1dv5w_165):invalid {
212
212
  box-shadow: none;
213
213
  }
214
- .awsui_button-trigger_18eso_1e3dz_97:not(#\9):not(.awsui_in-filtering-token_18eso_1e3dz_165).awsui_invalid_18eso_1e3dz_188, .awsui_button-trigger_18eso_1e3dz_97:not(#\9):not(.awsui_in-filtering-token_18eso_1e3dz_165).awsui_invalid_18eso_1e3dz_188:focus {
214
+ .awsui_button-trigger_18eso_1dv5w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1dv5w_165).awsui_invalid_18eso_1dv5w_188, .awsui_button-trigger_18eso_1dv5w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1dv5w_165).awsui_invalid_18eso_1dv5w_188:focus {
215
215
  color: var(--color-text-status-error-wdvepn, #d91515);
216
216
  border-color: var(--color-text-status-error-wdvepn, #d91515);
217
217
  padding-left: calc(
@@ -219,23 +219,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1e3dz_97:not(#\9
219
219
  );
220
220
  border-left-width: var(--border-invalid-width-5ktjp2, 8px);
221
221
  }
222
- .awsui_button-trigger_18eso_1e3dz_97:not(#\9):not(.awsui_in-filtering-token_18eso_1e3dz_165).awsui_invalid_18eso_1e3dz_188:focus, .awsui_button-trigger_18eso_1e3dz_97:not(#\9):not(.awsui_in-filtering-token_18eso_1e3dz_165).awsui_invalid_18eso_1e3dz_188:focus:focus {
222
+ .awsui_button-trigger_18eso_1dv5w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1dv5w_165).awsui_invalid_18eso_1dv5w_188:focus, .awsui_button-trigger_18eso_1dv5w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1dv5w_165).awsui_invalid_18eso_1dv5w_188:focus:focus {
223
223
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
224
224
  }
225
- .awsui_button-trigger_18eso_1e3dz_97.awsui_in-filtering-token_18eso_1e3dz_165:not(#\9) {
225
+ .awsui_button-trigger_18eso_1dv5w_97.awsui_in-filtering-token_18eso_1dv5w_165:not(#\9) {
226
226
  border-color: var(--color-border-item-selected-k00wlz, #0972d3);
227
227
  border-top-right-radius: 0;
228
228
  border-bottom-right-radius: 0;
229
229
  height: 100%;
230
230
  }
231
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1e3dz_97.awsui_in-filtering-token_18eso_1e3dz_165:not(#\9):focus {
231
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1dv5w_97.awsui_in-filtering-token_18eso_1dv5w_165:not(#\9):focus {
232
232
  position: relative;
233
233
  }
234
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1e3dz_97.awsui_in-filtering-token_18eso_1e3dz_165:not(#\9):focus {
234
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1dv5w_97.awsui_in-filtering-token_18eso_1dv5w_165:not(#\9):focus {
235
235
  outline: 2px dotted transparent;
236
236
  outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-0ailok, -5px) - 1px);
237
237
  }
238
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1e3dz_97.awsui_in-filtering-token_18eso_1e3dz_165:not(#\9):focus::before {
238
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1dv5w_97.awsui_in-filtering-token_18eso_1dv5w_165:not(#\9):focus::before {
239
239
  content: " ";
240
240
  display: block;
241
241
  position: absolute;
@@ -246,7 +246,7 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1e3dz_97.awsui_i
246
246
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
247
247
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
248
248
  }
249
- .awsui_button-trigger_18eso_1e3dz_97.awsui_inline-tokens_18eso_1e3dz_223:not(#\9) {
249
+ .awsui_button-trigger_18eso_1dv5w_97.awsui_inline-tokens_18eso_1dv5w_223:not(#\9) {
250
250
  padding-top: 0;
251
251
  padding-bottom: 0;
252
252
  }
package/internal/components/button-trigger/styles.selectors.js CHANGED
@@ -2,15 +2,15 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "button-trigger": "awsui_button-trigger_18eso_1e3dz_97",
6
- "arrow": "awsui_arrow_18eso_1e3dz_97",
7
- "has-caret": "awsui_has-caret_18eso_1e3dz_137",
8
- "placeholder": "awsui_placeholder_18eso_1e3dz_140",
9
- "pressed": "awsui_pressed_18eso_1e3dz_153",
10
- "disabled": "awsui_disabled_18eso_1e3dz_156",
11
- "in-filtering-token": "awsui_in-filtering-token_18eso_1e3dz_165",
12
- "read-only": "awsui_read-only_18eso_1e3dz_171",
13
- "invalid": "awsui_invalid_18eso_1e3dz_188",
14
- "inline-tokens": "awsui_inline-tokens_18eso_1e3dz_223"
5
+ "button-trigger": "awsui_button-trigger_18eso_1dv5w_97",
6
+ "arrow": "awsui_arrow_18eso_1dv5w_97",
7
+ "has-caret": "awsui_has-caret_18eso_1dv5w_137",
8
+ "placeholder": "awsui_placeholder_18eso_1dv5w_140",
9
+ "pressed": "awsui_pressed_18eso_1dv5w_153",
10
+ "disabled": "awsui_disabled_18eso_1dv5w_156",
11
+ "in-filtering-token": "awsui_in-filtering-token_18eso_1dv5w_165",
12
+ "read-only": "awsui_read-only_18eso_1dv5w_171",
13
+ "invalid": "awsui_invalid_18eso_1dv5w_188",
14
+ "inline-tokens": "awsui_inline-tokens_18eso_1dv5w_223"
15
15
  };
16
16
 
package/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (8e78410f)";
2
+ export var PACKAGE_VERSION = "3.0.0 (65bc8186)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (8e78410f)",
3
+ "PACKAGE_VERSION": "3.0.0 (65bc8186)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/internal/generated/theming/index.cjs CHANGED
@@ -1143,6 +1143,10 @@ module.exports.preset = {
1143
1143
  "light": "{colorBackgroundInputDisabled}",
1144
1144
  "dark": "{colorBackgroundInputDisabled}"
1145
1145
  },
1146
+ "colorBorderInputFocused": {
1147
+ "light": "{colorBlue800}",
1148
+ "dark": "{colorBlue300}"
1149
+ },
1146
1150
  "colorBorderItemFocused": {
1147
1151
  "light": "{colorBlue600}",
1148
1152
  "dark": "{colorBlue500}"
@@ -3177,6 +3181,10 @@ module.exports.preset = {
3177
3181
  "light": "{colorBackgroundInputDisabled}",
3178
3182
  "dark": "{colorBackgroundInputDisabled}"
3179
3183
  },
3184
+ "colorBorderInputFocused": {
3185
+ "light": "{colorBlue300}",
3186
+ "dark": "{colorBlue300}"
3187
+ },
3180
3188
  "colorBorderItemFocused": {
3181
3189
  "light": "{colorBlue500}",
3182
3190
  "dark": "{colorBlue500}"
@@ -4191,6 +4199,10 @@ module.exports.preset = {
4191
4199
  "light": "{colorBackgroundInputDisabled}",
4192
4200
  "dark": "{colorBackgroundInputDisabled}"
4193
4201
  },
4202
+ "colorBorderInputFocused": {
4203
+ "light": "{colorBlue300}",
4204
+ "dark": "{colorBlue300}"
4205
+ },
4194
4206
  "colorBorderItemFocused": {
4195
4207
  "light": "{colorBlue500}",
4196
4208
  "dark": "{colorBlue500}"
@@ -5137,6 +5149,10 @@ module.exports.preset = {
5137
5149
  "light": "{colorBackgroundInputDisabled}",
5138
5150
  "dark": "{colorBackgroundInputDisabled}"
5139
5151
  },
5152
+ "colorBorderInputFocused": {
5153
+ "light": "{colorBlue800}",
5154
+ "dark": "{colorBlue300}"
5155
+ },
5140
5156
  "colorBorderItemFocused": {
5141
5157
  "light": "{colorGrey100}",
5142
5158
  "dark": "{colorGrey100}"
@@ -6083,6 +6099,10 @@ module.exports.preset = {
6083
6099
  "light": "{colorBackgroundInputDisabled}",
6084
6100
  "dark": "{colorBackgroundInputDisabled}"
6085
6101
  },
6102
+ "colorBorderInputFocused": {
6103
+ "light": "{colorBlue800}",
6104
+ "dark": "{colorBlue300}"
6105
+ },
6086
6106
  "colorBorderItemFocused": {
6087
6107
  "light": "{colorTextNotificationYellow}",
6088
6108
  "dark": "{colorTextNotificationYellow}"
@@ -7029,6 +7049,10 @@ module.exports.preset = {
7029
7049
  "light": "{colorBackgroundInputDisabled}",
7030
7050
  "dark": "{colorBackgroundInputDisabled}"
7031
7051
  },
7052
+ "colorBorderInputFocused": {
7053
+ "light": "{colorBlue800}",
7054
+ "dark": "{colorBlue300}"
7055
+ },
7032
7056
  "colorBorderItemFocused": {
7033
7057
  "light": "{colorBlue600}",
7034
7058
  "dark": "{colorGrey100}"
@@ -7977,6 +8001,10 @@ module.exports.preset = {
7977
8001
  "light": "{colorBackgroundInputDisabled}",
7978
8002
  "dark": "{colorBackgroundInputDisabled}"
7979
8003
  },
8004
+ "colorBorderInputFocused": {
8005
+ "light": "{colorBlue300}",
8006
+ "dark": "{colorBlue300}"
8007
+ },
7980
8008
  "colorBorderItemFocused": {
7981
8009
  "light": "{colorGrey100}",
7982
8010
  "dark": "{colorGrey100}"
@@ -8748,6 +8776,7 @@ module.exports.preset = {
8748
8776
  "colorBorderEditableCellHover": "color",
8749
8777
  "colorBorderInputDefault": "color",
8750
8778
  "colorBorderInputDisabled": "color",
8779
+ "colorBorderInputFocused": "color",
8751
8780
  "colorBorderItemFocused": "color",
8752
8781
  "colorBorderDropdownItemFocused": "color",
8753
8782
  "colorBorderItemPlaceholder": "color",
@@ -9910,6 +9939,7 @@ module.exports.preset = {
9910
9939
  "colorBorderEditableCellHover": "color-border-editable-cell-hover",
9911
9940
  "colorBorderInputDefault": "color-border-input-default",
9912
9941
  "colorBorderInputDisabled": "color-border-input-disabled",
9942
+ "colorBorderInputFocused": "color-border-input-focused",
9913
9943
  "colorBorderItemFocused": "color-border-item-focused",
9914
9944
  "colorBorderDropdownItemFocused": "color-border-dropdown-item-focused",
9915
9945
  "colorBorderItemPlaceholder": "color-border-item-placeholder",
@@ -10595,6 +10625,7 @@ module.exports.preset = {
10595
10625
  "colorBorderEditableCellHover": "--color-border-editable-cell-hover-nqrv6y",
10596
10626
  "colorBorderInputDefault": "--color-border-input-default-1zl7hq",
10597
10627
  "colorBorderInputDisabled": "--color-border-input-disabled-rx2aau",
10628
+ "colorBorderInputFocused": "--color-border-input-focused-3d15sl",
10598
10629
  "colorBorderItemFocused": "--color-border-item-focused-b2ntyl",
10599
10630
  "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
10600
10631
  "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
package/internal/generated/theming/index.js CHANGED
@@ -1143,6 +1143,10 @@ export var preset = {
1143
1143
  "light": "{colorBackgroundInputDisabled}",
1144
1144
  "dark": "{colorBackgroundInputDisabled}"
1145
1145
  },
1146
+ "colorBorderInputFocused": {
1147
+ "light": "{colorBlue800}",
1148
+ "dark": "{colorBlue300}"
1149
+ },
1146
1150
  "colorBorderItemFocused": {
1147
1151
  "light": "{colorBlue600}",
1148
1152
  "dark": "{colorBlue500}"
@@ -3177,6 +3181,10 @@ export var preset = {
3177
3181
  "light": "{colorBackgroundInputDisabled}",
3178
3182
  "dark": "{colorBackgroundInputDisabled}"
3179
3183
  },
3184
+ "colorBorderInputFocused": {
3185
+ "light": "{colorBlue300}",
3186
+ "dark": "{colorBlue300}"
3187
+ },
3180
3188
  "colorBorderItemFocused": {
3181
3189
  "light": "{colorBlue500}",
3182
3190
  "dark": "{colorBlue500}"
@@ -4191,6 +4199,10 @@ export var preset = {
4191
4199
  "light": "{colorBackgroundInputDisabled}",
4192
4200
  "dark": "{colorBackgroundInputDisabled}"
4193
4201
  },
4202
+ "colorBorderInputFocused": {
4203
+ "light": "{colorBlue300}",
4204
+ "dark": "{colorBlue300}"
4205
+ },
4194
4206
  "colorBorderItemFocused": {
4195
4207
  "light": "{colorBlue500}",
4196
4208
  "dark": "{colorBlue500}"
@@ -5137,6 +5149,10 @@ export var preset = {
5137
5149
  "light": "{colorBackgroundInputDisabled}",
5138
5150
  "dark": "{colorBackgroundInputDisabled}"
5139
5151
  },
5152
+ "colorBorderInputFocused": {
5153
+ "light": "{colorBlue800}",
5154
+ "dark": "{colorBlue300}"
5155
+ },
5140
5156
  "colorBorderItemFocused": {
5141
5157
  "light": "{colorGrey100}",
5142
5158
  "dark": "{colorGrey100}"
@@ -6083,6 +6099,10 @@ export var preset = {
6083
6099
  "light": "{colorBackgroundInputDisabled}",
6084
6100
  "dark": "{colorBackgroundInputDisabled}"
6085
6101
  },
6102
+ "colorBorderInputFocused": {
6103
+ "light": "{colorBlue800}",
6104
+ "dark": "{colorBlue300}"
6105
+ },
6086
6106
  "colorBorderItemFocused": {
6087
6107
  "light": "{colorTextNotificationYellow}",
6088
6108
  "dark": "{colorTextNotificationYellow}"
@@ -7029,6 +7049,10 @@ export var preset = {
7029
7049
  "light": "{colorBackgroundInputDisabled}",
7030
7050
  "dark": "{colorBackgroundInputDisabled}"
7031
7051
  },
7052
+ "colorBorderInputFocused": {
7053
+ "light": "{colorBlue800}",
7054
+ "dark": "{colorBlue300}"
7055
+ },
7032
7056
  "colorBorderItemFocused": {
7033
7057
  "light": "{colorBlue600}",
7034
7058
  "dark": "{colorGrey100}"
@@ -7977,6 +8001,10 @@ export var preset = {
7977
8001
  "light": "{colorBackgroundInputDisabled}",
7978
8002
  "dark": "{colorBackgroundInputDisabled}"
7979
8003
  },
8004
+ "colorBorderInputFocused": {
8005
+ "light": "{colorBlue300}",
8006
+ "dark": "{colorBlue300}"
8007
+ },
7980
8008
  "colorBorderItemFocused": {
7981
8009
  "light": "{colorGrey100}",
7982
8010
  "dark": "{colorGrey100}"
@@ -8748,6 +8776,7 @@ export var preset = {
8748
8776
  "colorBorderEditableCellHover": "color",
8749
8777
  "colorBorderInputDefault": "color",
8750
8778
  "colorBorderInputDisabled": "color",
8779
+ "colorBorderInputFocused": "color",
8751
8780
  "colorBorderItemFocused": "color",
8752
8781
  "colorBorderDropdownItemFocused": "color",
8753
8782
  "colorBorderItemPlaceholder": "color",
@@ -9910,6 +9939,7 @@ export var preset = {
9910
9939
  "colorBorderEditableCellHover": "color-border-editable-cell-hover",
9911
9940
  "colorBorderInputDefault": "color-border-input-default",
9912
9941
  "colorBorderInputDisabled": "color-border-input-disabled",
9942
+ "colorBorderInputFocused": "color-border-input-focused",
9913
9943
  "colorBorderItemFocused": "color-border-item-focused",
9914
9944
  "colorBorderDropdownItemFocused": "color-border-dropdown-item-focused",
9915
9945
  "colorBorderItemPlaceholder": "color-border-item-placeholder",
@@ -10595,6 +10625,7 @@ export var preset = {
10595
10625
  "colorBorderEditableCellHover": "--color-border-editable-cell-hover-nqrv6y",
10596
10626
  "colorBorderInputDefault": "--color-border-input-default-1zl7hq",
10597
10627
  "colorBorderInputDisabled": "--color-border-input-disabled-rx2aau",
10628
+ "colorBorderInputFocused": "--color-border-input-focused-3d15sl",
10598
10629
  "colorBorderItemFocused": "--color-border-item-focused-b2ntyl",
10599
10630
  "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
10600
10631
  "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "8e78410fd6eb1dceee2cfde683f8f762dc752064"
2
+ "commit": "65bc818608d60976ae2a1a2b3edcac06a605ab3d"
3
3
  }
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@cloudscape-design/components","main":"./index.js","exports":{".":"./index.js","./package.json":"./package.json","./theming":"./theming/index.js","./test-utils/dom":"./test-utils/dom/index.js","./test-utils/selectors":"./test-utils/selectors/index.js","./interfaces":"./interfaces.js","./contexts/form-field":"./contexts/form-field.js","./alert":"./alert/index.js","./anchor-navigation":"./anchor-navigation/index.js","./annotation-context":"./annotation-context/index.js","./app-layout":"./app-layout/index.js","./area-chart":"./area-chart/index.js","./attribute-editor":"./attribute-editor/index.js","./autosuggest":"./autosuggest/index.js","./badge":"./badge/index.js","./bar-chart":"./bar-chart/index.js","./box":"./box/index.js","./breadcrumb-group":"./breadcrumb-group/index.js","./button":"./button/index.js","./button-dropdown":"./button-dropdown/index.js","./calendar":"./calendar/index.js","./cards":"./cards/index.js","./checkbox":"./checkbox/index.js","./code-editor":"./code-editor/index.js","./collection-preferences":"./collection-preferences/index.js","./column-layout":"./column-layout/index.js","./container":"./container/index.js","./content-layout":"./content-layout/index.js","./date-input":"./date-input/index.js","./date-picker":"./date-picker/index.js","./date-range-picker":"./date-range-picker/index.js","./drawer":"./drawer/index.js","./expandable-section":"./expandable-section/index.js","./file-upload":"./file-upload/index.js","./flashbar":"./flashbar/index.js","./form":"./form/index.js","./form-field":"./form-field/index.js","./grid":"./grid/index.js","./header":"./header/index.js","./help-panel":"./help-panel/index.js","./hotspot":"./hotspot/index.js","./icon":"./icon/index.js","./input":"./input/index.js","./line-chart":"./line-chart/index.js","./link":"./link/index.js","./mixed-line-bar-chart":"./mixed-line-bar-chart/index.js","./modal":"./modal/index.js","./multiselect":"./multiselect/index.js","./pagination":"./pagination/index.js","./pie-chart":"./pie-chart/index.js","./popover":"./popover/index.js","./progress-bar":"./progress-bar/index.js","./property-filter":"./property-filter/index.js","./radio-group":"./radio-group/index.js","./s3-resource-selector":"./s3-resource-selector/index.js","./segmented-control":"./segmented-control/index.js","./select":"./select/index.js","./side-navigation":"./side-navigation/index.js","./space-between":"./space-between/index.js","./spinner":"./spinner/index.js","./split-panel":"./split-panel/index.js","./status-indicator":"./status-indicator/index.js","./table":"./table/index.js","./tabs":"./tabs/index.js","./tag-editor":"./tag-editor/index.js","./text-content":"./text-content/index.js","./text-filter":"./text-filter/index.js","./textarea":"./textarea/index.js","./tiles":"./tiles/index.js","./time-input":"./time-input/index.js","./toggle":"./toggle/index.js","./token-group":"./token-group/index.js","./top-navigation":"./top-navigation/index.js","./tutorial-panel":"./tutorial-panel/index.js","./wizard":"./wizard/index.js","./top-navigation/1.0-beta":"./top-navigation/1.0-beta/index.js","./i18n":"./i18n/index.js","./i18n/messages/all.all":"./i18n/messages/all.all.js","./i18n/messages/all.all.json":"./i18n/messages/all.all.json","./i18n/messages/all.de":"./i18n/messages/all.de.js","./i18n/messages/all.de.json":"./i18n/messages/all.de.json","./i18n/messages/all.en-GB":"./i18n/messages/all.en-GB.js","./i18n/messages/all.en-GB.json":"./i18n/messages/all.en-GB.json","./i18n/messages/all.en":"./i18n/messages/all.en.js","./i18n/messages/all.en.json":"./i18n/messages/all.en.json","./i18n/messages/all.es":"./i18n/messages/all.es.js","./i18n/messages/all.es.json":"./i18n/messages/all.es.json","./i18n/messages/all.fr":"./i18n/messages/all.fr.js","./i18n/messages/all.fr.json":"./i18n/messages/all.fr.json","./i18n/messages/all.id":"./i18n/messages/all.id.js","./i18n/messages/all.id.json":"./i18n/messages/all.id.json","./i18n/messages/all.it":"./i18n/messages/all.it.js","./i18n/messages/all.it.json":"./i18n/messages/all.it.json","./i18n/messages/all.ja":"./i18n/messages/all.ja.js","./i18n/messages/all.ja.json":"./i18n/messages/all.ja.json","./i18n/messages/all.ko":"./i18n/messages/all.ko.js","./i18n/messages/all.ko.json":"./i18n/messages/all.ko.json","./i18n/messages/all.pt-BR":"./i18n/messages/all.pt-BR.js","./i18n/messages/all.pt-BR.json":"./i18n/messages/all.pt-BR.json","./i18n/messages/all.th":"./i18n/messages/all.th.js","./i18n/messages/all.th.json":"./i18n/messages/all.th.json","./i18n/messages/all.tr":"./i18n/messages/all.tr.js","./i18n/messages/all.tr.json":"./i18n/messages/all.tr.json","./i18n/messages/all.zh-CN":"./i18n/messages/all.zh-CN.js","./i18n/messages/all.zh-CN.json":"./i18n/messages/all.zh-CN.json","./i18n/messages/all.zh-TW":"./i18n/messages/all.zh-TW.js","./i18n/messages/all.zh-TW.json":"./i18n/messages/all.zh-TW.json"},"sideEffects":["*.css","./internal/base-component/index.js","./internal/base-component/styles.css.js"],"version":"3.0.492","repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"homepage":"https://cloudscape.design","dependencies":{"@cloudscape-design/collection-hooks":"^1.0.0","@cloudscape-design/component-toolkit":"^1.0.0-beta","@cloudscape-design/test-utils-core":"^1.0.0","@cloudscape-design/theming-runtime":"^1.0.0","@dnd-kit/core":"^6.0.8","@dnd-kit/sortable":"^7.0.2","@dnd-kit/utilities":"^3.2.1","@juggle/resize-observer":"^3.3.1","ace-builds":"^1.23.0","balanced-match":"^1.0.2","clsx":"^1.1.0","d3-shape":"^1.3.7","date-fns":"^2.25.0","intl-messageformat":"^10.3.1","mnth":"^2.0.0","react-keyed-flatten-children":"^1.3.0","react-transition-group":"^4.4.2","react-virtual":"^2.8.2","tslib":"^2.4.0","weekstart":"^1.1.0"},"peerDependencies":{"react":"^16.8 || ^17 || ^18","react-dom":"^16.8 || ^17 || ^18"},"license":"Apache-2.0"}
1
+ {"name":"@cloudscape-design/components","main":"./index.js","exports":{".":"./index.js","./package.json":"./package.json","./theming":"./theming/index.js","./test-utils/dom":"./test-utils/dom/index.js","./test-utils/selectors":"./test-utils/selectors/index.js","./interfaces":"./interfaces.js","./contexts/form-field":"./contexts/form-field.js","./alert":"./alert/index.js","./anchor-navigation":"./anchor-navigation/index.js","./annotation-context":"./annotation-context/index.js","./app-layout":"./app-layout/index.js","./area-chart":"./area-chart/index.js","./attribute-editor":"./attribute-editor/index.js","./autosuggest":"./autosuggest/index.js","./badge":"./badge/index.js","./bar-chart":"./bar-chart/index.js","./box":"./box/index.js","./breadcrumb-group":"./breadcrumb-group/index.js","./button":"./button/index.js","./button-dropdown":"./button-dropdown/index.js","./calendar":"./calendar/index.js","./cards":"./cards/index.js","./checkbox":"./checkbox/index.js","./code-editor":"./code-editor/index.js","./collection-preferences":"./collection-preferences/index.js","./column-layout":"./column-layout/index.js","./container":"./container/index.js","./content-layout":"./content-layout/index.js","./date-input":"./date-input/index.js","./date-picker":"./date-picker/index.js","./date-range-picker":"./date-range-picker/index.js","./drawer":"./drawer/index.js","./expandable-section":"./expandable-section/index.js","./file-upload":"./file-upload/index.js","./flashbar":"./flashbar/index.js","./form":"./form/index.js","./form-field":"./form-field/index.js","./grid":"./grid/index.js","./header":"./header/index.js","./help-panel":"./help-panel/index.js","./hotspot":"./hotspot/index.js","./icon":"./icon/index.js","./input":"./input/index.js","./line-chart":"./line-chart/index.js","./link":"./link/index.js","./mixed-line-bar-chart":"./mixed-line-bar-chart/index.js","./modal":"./modal/index.js","./multiselect":"./multiselect/index.js","./pagination":"./pagination/index.js","./pie-chart":"./pie-chart/index.js","./popover":"./popover/index.js","./progress-bar":"./progress-bar/index.js","./property-filter":"./property-filter/index.js","./radio-group":"./radio-group/index.js","./s3-resource-selector":"./s3-resource-selector/index.js","./segmented-control":"./segmented-control/index.js","./select":"./select/index.js","./side-navigation":"./side-navigation/index.js","./space-between":"./space-between/index.js","./spinner":"./spinner/index.js","./split-panel":"./split-panel/index.js","./status-indicator":"./status-indicator/index.js","./table":"./table/index.js","./tabs":"./tabs/index.js","./tag-editor":"./tag-editor/index.js","./text-content":"./text-content/index.js","./text-filter":"./text-filter/index.js","./textarea":"./textarea/index.js","./tiles":"./tiles/index.js","./time-input":"./time-input/index.js","./toggle":"./toggle/index.js","./token-group":"./token-group/index.js","./top-navigation":"./top-navigation/index.js","./tutorial-panel":"./tutorial-panel/index.js","./wizard":"./wizard/index.js","./top-navigation/1.0-beta":"./top-navigation/1.0-beta/index.js","./i18n":"./i18n/index.js","./i18n/messages/all.all":"./i18n/messages/all.all.js","./i18n/messages/all.all.json":"./i18n/messages/all.all.json","./i18n/messages/all.de":"./i18n/messages/all.de.js","./i18n/messages/all.de.json":"./i18n/messages/all.de.json","./i18n/messages/all.en-GB":"./i18n/messages/all.en-GB.js","./i18n/messages/all.en-GB.json":"./i18n/messages/all.en-GB.json","./i18n/messages/all.en":"./i18n/messages/all.en.js","./i18n/messages/all.en.json":"./i18n/messages/all.en.json","./i18n/messages/all.es":"./i18n/messages/all.es.js","./i18n/messages/all.es.json":"./i18n/messages/all.es.json","./i18n/messages/all.fr":"./i18n/messages/all.fr.js","./i18n/messages/all.fr.json":"./i18n/messages/all.fr.json","./i18n/messages/all.id":"./i18n/messages/all.id.js","./i18n/messages/all.id.json":"./i18n/messages/all.id.json","./i18n/messages/all.it":"./i18n/messages/all.it.js","./i18n/messages/all.it.json":"./i18n/messages/all.it.json","./i18n/messages/all.ja":"./i18n/messages/all.ja.js","./i18n/messages/all.ja.json":"./i18n/messages/all.ja.json","./i18n/messages/all.ko":"./i18n/messages/all.ko.js","./i18n/messages/all.ko.json":"./i18n/messages/all.ko.json","./i18n/messages/all.pt-BR":"./i18n/messages/all.pt-BR.js","./i18n/messages/all.pt-BR.json":"./i18n/messages/all.pt-BR.json","./i18n/messages/all.th":"./i18n/messages/all.th.js","./i18n/messages/all.th.json":"./i18n/messages/all.th.json","./i18n/messages/all.tr":"./i18n/messages/all.tr.js","./i18n/messages/all.tr.json":"./i18n/messages/all.tr.json","./i18n/messages/all.zh-CN":"./i18n/messages/all.zh-CN.js","./i18n/messages/all.zh-CN.json":"./i18n/messages/all.zh-CN.json","./i18n/messages/all.zh-TW":"./i18n/messages/all.zh-TW.js","./i18n/messages/all.zh-TW.json":"./i18n/messages/all.zh-TW.json"},"sideEffects":["*.css","./internal/base-component/index.js","./internal/base-component/styles.css.js"],"version":"3.0.493","repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"homepage":"https://cloudscape.design","dependencies":{"@cloudscape-design/collection-hooks":"^1.0.0","@cloudscape-design/component-toolkit":"^1.0.0-beta","@cloudscape-design/test-utils-core":"^1.0.0","@cloudscape-design/theming-runtime":"^1.0.0","@dnd-kit/core":"^6.0.8","@dnd-kit/sortable":"^7.0.2","@dnd-kit/utilities":"^3.2.1","@juggle/resize-observer":"^3.3.1","ace-builds":"^1.23.0","balanced-match":"^1.0.2","clsx":"^1.1.0","d3-shape":"^1.3.7","date-fns":"^2.25.0","intl-messageformat":"^10.3.1","mnth":"^2.0.0","react-keyed-flatten-children":"^1.3.0","react-transition-group":"^4.4.2","react-virtual":"^2.8.2","tslib":"^2.4.0","weekstart":"^1.1.0"},"peerDependencies":{"react":"^16.8 || ^17 || ^18","react-dom":"^16.8 || ^17 || ^18"},"license":"Apache-2.0"}
package/textarea/styles.css.js CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_qk1j1_1ksvf_93",
5
- "textarea": "awsui_textarea_qk1j1_1ksvf_97",
6
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ksvf_123",
7
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ksvf_159"
4
+ "root": "awsui_root_qk1j1_1k39j_93",
5
+ "textarea": "awsui_textarea_qk1j1_1k39j_97",
6
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_1k39j_123",
7
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_1k39j_159"
8
8
  };
9
9
 
package/textarea/styles.scoped.css CHANGED
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_qk1j1_1ksvf_93:not(#\9) {
93
+ .awsui_root_qk1j1_1k39j_93:not(#\9) {
94
94
  /* used for test-utils */
95
95
  }
96
96
 
97
- .awsui_textarea_qk1j1_1ksvf_97:not(#\9) {
97
+ .awsui_textarea_qk1j1_1k39j_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -146,43 +146,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
146
146
  font-size: var(--font-size-body-m-x4okxb, 14px);
147
147
  line-height: var(--line-height-body-m-30ar75, 20px);
148
148
  }
149
- .awsui_textarea_qk1j1_1ksvf_97.awsui_textarea-readonly_qk1j1_1ksvf_123:not(#\9) {
149
+ .awsui_textarea_qk1j1_1k39j_97.awsui_textarea-readonly_qk1j1_1k39j_123:not(#\9) {
150
150
  background-color: var(--color-background-input-default-igdh5e, #ffffff);
151
151
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
152
152
  }
153
- .awsui_textarea_qk1j1_1ksvf_97:not(#\9)::placeholder {
153
+ .awsui_textarea_qk1j1_1k39j_97:not(#\9)::placeholder {
154
154
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
155
155
  font-style: italic;
156
156
  opacity: 1;
157
157
  }
158
- .awsui_textarea_qk1j1_1ksvf_97:not(#\9):-ms-input-placeholder {
158
+ .awsui_textarea_qk1j1_1k39j_97:not(#\9):-ms-input-placeholder {
159
159
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
160
160
  font-style: italic;
161
161
  }
162
- .awsui_textarea_qk1j1_1ksvf_97:not(#\9):focus {
162
+ .awsui_textarea_qk1j1_1k39j_97:not(#\9):focus {
163
163
  outline: 2px dotted transparent;
164
- border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
164
+ border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
165
165
  border-radius: var(--border-radius-input-plgbrq, 8px);
166
166
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
167
167
  }
168
- .awsui_textarea_qk1j1_1ksvf_97:not(#\9):invalid {
168
+ .awsui_textarea_qk1j1_1k39j_97:not(#\9):invalid {
169
169
  box-shadow: none;
170
170
  }
171
- .awsui_textarea_qk1j1_1ksvf_97:not(#\9):disabled {
171
+ .awsui_textarea_qk1j1_1k39j_97:not(#\9):disabled {
172
172
  background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
173
173
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
174
174
  color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
175
175
  cursor: auto;
176
176
  cursor: default;
177
177
  }
178
- .awsui_textarea_qk1j1_1ksvf_97:not(#\9):disabled::placeholder {
178
+ .awsui_textarea_qk1j1_1k39j_97:not(#\9):disabled::placeholder {
179
179
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
180
180
  opacity: 1;
181
181
  }
182
- .awsui_textarea_qk1j1_1ksvf_97:not(#\9):disabled:-ms-input-placeholder {
182
+ .awsui_textarea_qk1j1_1k39j_97:not(#\9):disabled:-ms-input-placeholder {
183
183
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
184
184
  }
185
- .awsui_textarea_qk1j1_1ksvf_97.awsui_textarea-invalid_qk1j1_1ksvf_159:not(#\9) {
185
+ .awsui_textarea_qk1j1_1k39j_97.awsui_textarea-invalid_qk1j1_1k39j_159:not(#\9) {
186
186
  color: var(--color-text-status-error-wdvepn, #d91515);
187
187
  border-color: var(--color-text-status-error-wdvepn, #d91515);
188
188
  padding-left: calc(
@@ -190,6 +190,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  );
191
191
  border-left-width: var(--border-invalid-width-5ktjp2, 8px);
192
192
  }
193
- .awsui_textarea_qk1j1_1ksvf_97.awsui_textarea-invalid_qk1j1_1ksvf_159:not(#\9):focus {
193
+ .awsui_textarea_qk1j1_1k39j_97.awsui_textarea-invalid_qk1j1_1k39j_159:not(#\9):focus {
194
194
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
195
195
  }
package/textarea/styles.selectors.js CHANGED
@@ -2,9 +2,9 @@
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_qk1j1_1ksvf_93",
6
- "textarea": "awsui_textarea_qk1j1_1ksvf_97",
7
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ksvf_123",
8
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ksvf_159"
5
+ "root": "awsui_root_qk1j1_1k39j_93",
6
+ "textarea": "awsui_textarea_qk1j1_1k39j_97",
7
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_1k39j_123",
8
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_1k39j_159"
9
9
  };
10
10