@cloudscape-design/components 3.0.101 → 3.0.102

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 (21) hide show
  1. package/input/styles.css.js +13 -13
  2. package/input/styles.scoped.css +34 -34
  3. package/input/styles.selectors.js +13 -13
  4. package/internal/base-component/styles.scoped.css +4 -4
  5. package/internal/components/button-trigger/styles.css.js +9 -9
  6. package/internal/components/button-trigger/styles.scoped.css +24 -24
  7. package/internal/components/button-trigger/styles.selectors.js +9 -9
  8. package/internal/environment.js +1 -1
  9. package/internal/generated/styles/tokens.js +1 -1
  10. package/internal/generated/theming/index.cjs +24 -24
  11. package/internal/generated/theming/index.js +24 -24
  12. package/package.json +1 -1
  13. package/split-panel/styles.css.js +58 -58
  14. package/split-panel/styles.scoped.css +81 -81
  15. package/split-panel/styles.selectors.js +58 -58
  16. package/textarea/styles.css.js +4 -4
  17. package/textarea/styles.scoped.css +13 -13
  18. package/textarea/styles.selectors.js +4 -4
  19. package/tiles/styles.css.js +28 -28
  20. package/tiles/styles.scoped.css +69 -69
  21. package/tiles/styles.selectors.js +28 -28
package/input/styles.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2rhyz_1g8vz_93",
5
- "input": "awsui_input_2rhyz_1g8vz_97",
6
- "input-readonly": "awsui_input-readonly_2rhyz_1g8vz_118",
7
- "input-invalid": "awsui_input-invalid_2rhyz_1g8vz_179",
8
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1g8vz_190",
9
- "input-type-search": "awsui_input-type-search_2rhyz_1g8vz_195",
10
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1g8vz_211",
11
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1g8vz_214",
12
- "input-container": "awsui_input-container_2rhyz_1g8vz_218",
13
- "input-icon": "awsui_input-icon_2rhyz_1g8vz_223",
14
- "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_1g8vz_226",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_1g8vz_230",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_1g8vz_235"
4
+ "root": "awsui_root_2rhyz_dvvio_93",
5
+ "input": "awsui_input_2rhyz_dvvio_97",
6
+ "input-readonly": "awsui_input-readonly_2rhyz_dvvio_118",
7
+ "input-invalid": "awsui_input-invalid_2rhyz_dvvio_179",
8
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_dvvio_190",
9
+ "input-type-search": "awsui_input-type-search_2rhyz_dvvio_195",
10
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_dvvio_211",
11
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_dvvio_214",
12
+ "input-container": "awsui_input-container_2rhyz_dvvio_218",
13
+ "input-icon": "awsui_input-icon_2rhyz_dvvio_223",
14
+ "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_dvvio_226",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_dvvio_230",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_dvvio_235"
17
17
  };
18
18
 
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_1g8vz_93:not(#\9) {
93
+ .awsui_root_2rhyz_dvvio_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_1g8vz_97:not(#\9) {
97
+ .awsui_input_2rhyz_dvvio_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -136,75 +136,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
136
136
  box-sizing: border-box;
137
137
  background-color: var(--color-background-input-default-u57378, #ffffff);
138
138
  border-radius: var(--border-radius-input-txq8zy, 8px);
139
- border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-dtyu8d, #9ba7b6);
139
+ border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-e47bkv, #7d8998);
140
140
  font-size: var(--font-body-m-size-sregvd, 14px);
141
141
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
142
142
  height: var(--size-vertical-input-js5hfh, 34px);
143
143
  }
144
- .awsui_input_2rhyz_1g8vz_97.awsui_input-readonly_2rhyz_1g8vz_118:not(#\9) {
144
+ .awsui_input_2rhyz_dvvio_97.awsui_input-readonly_2rhyz_dvvio_118:not(#\9) {
145
145
  background-color: var(--color-background-input-default-u57378, #ffffff);
146
146
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
147
147
  }
148
- .awsui_input_2rhyz_1g8vz_97:not(#\9)::-webkit-input-placeholder {
148
+ .awsui_input_2rhyz_dvvio_97:not(#\9)::-webkit-input-placeholder {
149
149
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
150
150
  font-style: italic;
151
151
  -webkit-user-select: none;
152
152
  user-select: none;
153
153
  }
154
- .awsui_input_2rhyz_1g8vz_97:not(#\9)::-ms-input-placeholder {
154
+ .awsui_input_2rhyz_dvvio_97:not(#\9)::-ms-input-placeholder {
155
155
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
156
156
  font-style: italic;
157
157
  }
158
- .awsui_input_2rhyz_1g8vz_97:not(#\9)::-moz-placeholder {
158
+ .awsui_input_2rhyz_dvvio_97:not(#\9)::-moz-placeholder {
159
159
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
160
160
  font-style: italic;
161
161
  opacity: 1;
162
162
  }
163
- .awsui_input_2rhyz_1g8vz_97:not(#\9):-ms-input-placeholder {
163
+ .awsui_input_2rhyz_dvvio_97:not(#\9):-ms-input-placeholder {
164
164
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
165
165
  font-style: italic;
166
166
  }
167
- .awsui_input_2rhyz_1g8vz_97:not(#\9):-moz-placeholder {
167
+ .awsui_input_2rhyz_dvvio_97:not(#\9):-moz-placeholder {
168
168
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
169
169
  font-style: italic;
170
170
  opacity: 1;
171
171
  }
172
- .awsui_input_2rhyz_1g8vz_97:not(#\9):focus {
172
+ .awsui_input_2rhyz_dvvio_97:not(#\9):focus {
173
173
  outline: 2px dotted transparent;
174
174
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
175
175
  border-radius: var(--border-radius-input-txq8zy, 8px);
176
176
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
177
177
  }
178
- .awsui_input_2rhyz_1g8vz_97:not(#\9):disabled {
178
+ .awsui_input_2rhyz_dvvio_97:not(#\9):disabled {
179
179
  background-color: var(--color-background-input-disabled-wu9j6u, #e9ebed);
180
180
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
181
181
  color: var(--color-text-input-disabled-oawyzo, #9ba7b6);
182
182
  cursor: auto;
183
183
  cursor: default;
184
184
  }
185
- .awsui_input_2rhyz_1g8vz_97:not(#\9):disabled::-webkit-input-placeholder {
185
+ .awsui_input_2rhyz_dvvio_97:not(#\9):disabled::-webkit-input-placeholder {
186
186
  color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
187
187
  -webkit-user-select: none;
188
188
  user-select: none;
189
189
  }
190
- .awsui_input_2rhyz_1g8vz_97:not(#\9):disabled::-ms-input-placeholder {
190
+ .awsui_input_2rhyz_dvvio_97:not(#\9):disabled::-ms-input-placeholder {
191
191
  color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
192
192
  }
193
- .awsui_input_2rhyz_1g8vz_97:not(#\9):disabled::-moz-placeholder {
193
+ .awsui_input_2rhyz_dvvio_97:not(#\9):disabled::-moz-placeholder {
194
194
  color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
195
195
  opacity: 1;
196
196
  }
197
- .awsui_input_2rhyz_1g8vz_97:not(#\9):disabled:-ms-input-placeholder {
197
+ .awsui_input_2rhyz_dvvio_97:not(#\9):disabled:-ms-input-placeholder {
198
198
  color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
199
199
  }
200
- .awsui_input_2rhyz_1g8vz_97:not(#\9):disabled:-moz-placeholder {
200
+ .awsui_input_2rhyz_dvvio_97:not(#\9):disabled:-moz-placeholder {
201
201
  color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
202
202
  opacity: 1;
203
203
  }
204
- .awsui_input_2rhyz_1g8vz_97:not(#\9):invalid {
204
+ .awsui_input_2rhyz_dvvio_97:not(#\9):invalid {
205
205
  box-shadow: none;
206
206
  }
207
- .awsui_input_2rhyz_1g8vz_97.awsui_input-invalid_2rhyz_1g8vz_179:not(#\9) {
207
+ .awsui_input_2rhyz_dvvio_97.awsui_input-invalid_2rhyz_dvvio_179:not(#\9) {
208
208
  color: var(--color-text-status-error-5sesl6, #d91515);
209
209
  border-color: var(--color-text-status-error-5sesl6, #d91515);
210
210
  padding-left: calc(
@@ -212,63 +212,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
212
212
  );
213
213
  border-left-width: var(--border-invalid-width-5jpdqn, 8px);
214
214
  }
215
- .awsui_input_2rhyz_1g8vz_97.awsui_input-invalid_2rhyz_1g8vz_179:not(#\9):focus {
215
+ .awsui_input_2rhyz_dvvio_97.awsui_input-invalid_2rhyz_dvvio_179:not(#\9):focus {
216
216
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-omt6il, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
217
217
  }
218
- .awsui_input_2rhyz_1g8vz_97.awsui_input-invalid_2rhyz_1g8vz_179.awsui_input-has-icon-left_2rhyz_1g8vz_190:not(#\9) {
218
+ .awsui_input_2rhyz_dvvio_97.awsui_input-invalid_2rhyz_dvvio_179.awsui_input-has-icon-left_2rhyz_dvvio_190:not(#\9) {
219
219
  padding-left: calc(
220
220
  var(--space-field-icon-offset-25xih0, 36px) - (var(--border-invalid-width-5jpdqn, 8px) - var(--border-field-width-idlekx, 2px))
221
221
  );
222
222
  }
223
- .awsui_input_2rhyz_1g8vz_97.awsui_input-type-search_2rhyz_1g8vz_195:not(#\9) {
223
+ .awsui_input_2rhyz_dvvio_97.awsui_input-type-search_2rhyz_dvvio_195:not(#\9) {
224
224
  box-sizing: border-box;
225
225
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
226
226
  }
227
- .awsui_input_2rhyz_1g8vz_97.awsui_input-type-search_2rhyz_1g8vz_195:not(#\9)::-ms-clear {
227
+ .awsui_input_2rhyz_dvvio_97.awsui_input-type-search_2rhyz_dvvio_195:not(#\9)::-ms-clear {
228
228
  display: none;
229
229
  }
230
- .awsui_input_2rhyz_1g8vz_97.awsui_input-type-search_2rhyz_1g8vz_195:not(#\9)::-webkit-search-decoration {
230
+ .awsui_input_2rhyz_dvvio_97.awsui_input-type-search_2rhyz_dvvio_195:not(#\9)::-webkit-search-decoration {
231
231
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
232
232
  }
233
- .awsui_input_2rhyz_1g8vz_97.awsui_input-type-search_2rhyz_1g8vz_195:not(#\9)::-webkit-search-cancel-button {
233
+ .awsui_input_2rhyz_dvvio_97.awsui_input-type-search_2rhyz_dvvio_195:not(#\9)::-webkit-search-cancel-button {
234
234
  display: none;
235
235
  }
236
- .awsui_input_2rhyz_1g8vz_97.awsui_input-has-icon-left_2rhyz_1g8vz_190:not(#\9) {
236
+ .awsui_input_2rhyz_dvvio_97.awsui_input-has-icon-left_2rhyz_dvvio_190:not(#\9) {
237
237
  padding-left: var(--space-field-icon-offset-25xih0, 36px);
238
238
  }
239
- .awsui_input_2rhyz_1g8vz_97.awsui_input-has-icon-right_2rhyz_1g8vz_211:not(#\9) {
239
+ .awsui_input_2rhyz_dvvio_97.awsui_input-has-icon-right_2rhyz_dvvio_211:not(#\9) {
240
240
  padding-right: var(--space-field-icon-offset-25xih0, 36px);
241
241
  }
242
- .awsui_input_2rhyz_1g8vz_97.awsui_input-has-no-border-radius_2rhyz_1g8vz_214:not(#\9) {
242
+ .awsui_input_2rhyz_dvvio_97.awsui_input-has-no-border-radius_2rhyz_dvvio_214:not(#\9) {
243
243
  border-radius: var(--border-radius-dropdown-ujknaf, 8px);
244
244
  }
245
245
 
246
- .awsui_input-container_2rhyz_1g8vz_218:not(#\9) {
246
+ .awsui_input-container_2rhyz_dvvio_218:not(#\9) {
247
247
  display: flex;
248
248
  position: relative;
249
249
  }
250
250
 
251
- .awsui_input-icon_2rhyz_1g8vz_223:not(#\9) {
251
+ .awsui_input-icon_2rhyz_dvvio_223:not(#\9) {
252
252
  position: absolute;
253
253
  }
254
- .awsui_input-icon_2rhyz_1g8vz_223:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_1g8vz_226) {
254
+ .awsui_input-icon_2rhyz_dvvio_223:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_dvvio_226) {
255
255
  pointer-events: none;
256
256
  }
257
257
 
258
- .awsui_input-icon-left_2rhyz_1g8vz_230:not(#\9) {
258
+ .awsui_input-icon-left_2rhyz_dvvio_230:not(#\9) {
259
259
  left: var(--space-field-horizontal-89h2yr, 12px);
260
260
  top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
261
261
  }
262
262
 
263
- .awsui_input-icon-right_2rhyz_1g8vz_235:not(#\9) {
263
+ .awsui_input-icon-right_2rhyz_dvvio_235:not(#\9) {
264
264
  right: var(--space-field-horizontal-89h2yr, 12px);
265
265
  top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
266
266
  color: var(--color-text-button-inline-icon-default-w65lqn, #0972d3);
267
267
  }
268
268
 
269
- .awsui_input-icon-hoverable_2rhyz_1g8vz_226:not(#\9) {
269
+ .awsui_input-icon-hoverable_2rhyz_dvvio_226:not(#\9) {
270
270
  cursor: pointer;
271
271
  }
272
- .awsui_input-icon-hoverable_2rhyz_1g8vz_226:not(#\9):hover {
272
+ .awsui_input-icon-hoverable_2rhyz_dvvio_226:not(#\9):hover {
273
273
  color: var(--color-text-button-inline-icon-hover-wd5icp, #033160);
274
274
  }
package/input/styles.selectors.js CHANGED
@@ -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_1g8vz_93",
6
- "input": "awsui_input_2rhyz_1g8vz_97",
7
- "input-readonly": "awsui_input-readonly_2rhyz_1g8vz_118",
8
- "input-invalid": "awsui_input-invalid_2rhyz_1g8vz_179",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1g8vz_190",
10
- "input-type-search": "awsui_input-type-search_2rhyz_1g8vz_195",
11
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1g8vz_211",
12
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1g8vz_214",
13
- "input-container": "awsui_input-container_2rhyz_1g8vz_218",
14
- "input-icon": "awsui_input-icon_2rhyz_1g8vz_223",
15
- "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_1g8vz_226",
16
- "input-icon-left": "awsui_input-icon-left_2rhyz_1g8vz_230",
17
- "input-icon-right": "awsui_input-icon-right_2rhyz_1g8vz_235"
5
+ "root": "awsui_root_2rhyz_dvvio_93",
6
+ "input": "awsui_input_2rhyz_dvvio_97",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_dvvio_118",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_dvvio_179",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_dvvio_190",
10
+ "input-type-search": "awsui_input-type-search_2rhyz_dvvio_195",
11
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_dvvio_211",
12
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_dvvio_214",
13
+ "input-container": "awsui_input-container_2rhyz_dvvio_218",
14
+ "input-icon": "awsui_input-icon_2rhyz_dvvio_223",
15
+ "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_dvvio_226",
16
+ "input-icon-left": "awsui_input-icon-left_2rhyz_dvvio_230",
17
+ "input-icon-right": "awsui_input-icon-right_2rhyz_dvvio_235"
18
18
  };
19
19
 
package/internal/base-component/styles.scoped.css CHANGED
@@ -243,7 +243,7 @@
243
243
  --color-border-dropdown-item-hover-tyzq9m:#7d8998;
244
244
  --color-border-dropdown-item-dimmed-hover-6dhy15:#7d8998;
245
245
  --color-border-dropdown-item-top-xnzq48:transparent;
246
- --color-border-input-default-dtyu8d:#9ba7b6;
246
+ --color-border-input-default-e47bkv:#7d8998;
247
247
  --color-border-input-disabled-x2lopj:#e9ebed;
248
248
  --color-border-item-focused-ap3b6s:#0972d3;
249
249
  --color-border-item-placeholder-jgzhnb:#0972d3;
@@ -796,7 +796,7 @@
796
796
  --color-border-dropdown-group-0utpsr:#414d5c;
797
797
  --color-border-dropdown-item-default-faosd8:#414d5c;
798
798
  --color-border-dropdown-item-hover-tyzq9m:#5f6b7a;
799
- --color-border-input-default-dtyu8d:#5f6b7a;
799
+ --color-border-input-default-e47bkv:#5f6b7a;
800
800
  --color-border-input-disabled-x2lopj:#192534;
801
801
  --color-border-item-focused-ap3b6s:#539fe5;
802
802
  --color-border-item-placeholder-jgzhnb:#539fe5;
@@ -1031,7 +1031,7 @@
1031
1031
  --color-border-dropdown-group-0utpsr:#414d5c;
1032
1032
  --color-border-dropdown-item-default-faosd8:#414d5c;
1033
1033
  --color-border-dropdown-item-hover-tyzq9m:#5f6b7a;
1034
- --color-border-input-default-dtyu8d:#5f6b7a;
1034
+ --color-border-input-default-e47bkv:#5f6b7a;
1035
1035
  --color-border-input-disabled-x2lopj:#192534;
1036
1036
  --color-border-item-focused-ap3b6s:#539fe5;
1037
1037
  --color-border-item-placeholder-jgzhnb:#539fe5;
@@ -1200,7 +1200,7 @@
1200
1200
  --color-border-dropdown-group-0utpsr:#414d5c;
1201
1201
  --color-border-dropdown-item-default-faosd8:#414d5c;
1202
1202
  --color-border-dropdown-item-hover-tyzq9m:#5f6b7a;
1203
- --color-border-input-default-dtyu8d:#5f6b7a;
1203
+ --color-border-input-default-e47bkv:#5f6b7a;
1204
1204
  --color-border-input-disabled-x2lopj:#192534;
1205
1205
  --color-border-item-focused-ap3b6s:#539fe5;
1206
1206
  --color-border-item-placeholder-jgzhnb:#539fe5;
package/internal/components/button-trigger/styles.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_10fjc_97",
5
- "arrow": "awsui_arrow_18eso_10fjc_97",
6
- "has-caret": "awsui_has-caret_18eso_10fjc_135",
7
- "placeholder": "awsui_placeholder_18eso_10fjc_138",
8
- "pressed": "awsui_pressed_18eso_10fjc_151",
9
- "disabled": "awsui_disabled_18eso_10fjc_154",
10
- "in-filtering-token": "awsui_in-filtering-token_18eso_10fjc_163",
11
- "read-only": "awsui_read-only_18eso_10fjc_169",
12
- "invalid": "awsui_invalid_18eso_10fjc_186"
4
+ "button-trigger": "awsui_button-trigger_18eso_1nqbt_97",
5
+ "arrow": "awsui_arrow_18eso_1nqbt_97",
6
+ "has-caret": "awsui_has-caret_18eso_1nqbt_135",
7
+ "placeholder": "awsui_placeholder_18eso_1nqbt_138",
8
+ "pressed": "awsui_pressed_18eso_1nqbt_151",
9
+ "disabled": "awsui_disabled_18eso_1nqbt_154",
10
+ "in-filtering-token": "awsui_in-filtering-token_18eso_1nqbt_163",
11
+ "read-only": "awsui_read-only_18eso_1nqbt_169",
12
+ "invalid": "awsui_invalid_18eso_1nqbt_186"
13
13
  };
14
14
 
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_10fjc_97 > .awsui_arrow_18eso_10fjc_97:not(#\9) {
97
+ .awsui_button-trigger_18eso_1nqbt_97 > .awsui_arrow_18eso_1nqbt_97:not(#\9) {
98
98
  transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
99
99
  }
100
100
  @media (prefers-reduced-motion: reduce) {
101
- .awsui_button-trigger_18eso_10fjc_97 > .awsui_arrow_18eso_10fjc_97:not(#\9) {
101
+ .awsui_button-trigger_18eso_1nqbt_97 > .awsui_arrow_18eso_1nqbt_97:not(#\9) {
102
102
  animation: none;
103
103
  transition: none;
104
104
  }
105
105
  }
106
- .awsui-motion-disabled .awsui_button-trigger_18eso_10fjc_97 > .awsui_arrow_18eso_10fjc_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_10fjc_97 > .awsui_arrow_18eso_10fjc_97:not(#\9) {
106
+ .awsui-motion-disabled .awsui_button-trigger_18eso_1nqbt_97 > .awsui_arrow_18eso_1nqbt_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1nqbt_97 > .awsui_arrow_18eso_1nqbt_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_10fjc_97:not(#\9) {
115
+ .awsui_button-trigger_18eso_1nqbt_97:not(#\9) {
116
116
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
117
117
  border-collapse: separate;
118
118
  border-spacing: 0;
@@ -155,61 +155,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
155
155
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-89h2yr, 12px);
156
156
  background-color: var(--color-background-input-default-u57378, #ffffff);
157
157
  border-radius: var(--border-radius-input-txq8zy, 8px);
158
- border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-dtyu8d, #9ba7b6);
158
+ border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-e47bkv, #7d8998);
159
159
  min-height: var(--size-vertical-input-js5hfh, 34px);
160
160
  }
161
- .awsui_button-trigger_18eso_10fjc_97.awsui_has-caret_18eso_10fjc_135:not(#\9) {
161
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_has-caret_18eso_1nqbt_135:not(#\9) {
162
162
  padding-right: var(--space-field-icon-offset-25xih0, 36px);
163
163
  }
164
- .awsui_button-trigger_18eso_10fjc_97 > .awsui_placeholder_18eso_10fjc_138:not(#\9) {
164
+ .awsui_button-trigger_18eso_1nqbt_97 > .awsui_placeholder_18eso_1nqbt_138:not(#\9) {
165
165
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
166
166
  font-style: italic;
167
167
  }
168
- .awsui_button-trigger_18eso_10fjc_97 > .awsui_arrow_18eso_10fjc_97:not(#\9) {
168
+ .awsui_button-trigger_18eso_1nqbt_97 > .awsui_arrow_18eso_1nqbt_97:not(#\9) {
169
169
  position: absolute;
170
170
  right: var(--space-field-horizontal-89h2yr, 12px);
171
171
  top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
172
172
  color: var(--color-text-button-inline-icon-default-w65lqn, #0972d3);
173
173
  }
174
- .awsui_button-trigger_18eso_10fjc_97:not(#\9):hover > .awsui_arrow_18eso_10fjc_97 {
174
+ .awsui_button-trigger_18eso_1nqbt_97:not(#\9):hover > .awsui_arrow_18eso_1nqbt_97 {
175
175
  color: var(--color-text-button-inline-icon-hover-wd5icp, #033160);
176
176
  }
177
- .awsui_button-trigger_18eso_10fjc_97.awsui_pressed_18eso_10fjc_151 > .awsui_arrow_18eso_10fjc_97:not(#\9) {
177
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_pressed_18eso_1nqbt_151 > .awsui_arrow_18eso_1nqbt_97:not(#\9) {
178
178
  transform: rotate(-180deg);
179
179
  }
180
- .awsui_button-trigger_18eso_10fjc_97.awsui_disabled_18eso_10fjc_154:not(#\9) {
180
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_disabled_18eso_1nqbt_154:not(#\9) {
181
181
  background-color: var(--color-background-input-disabled-wu9j6u, #e9ebed);
182
182
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
183
183
  color: var(--color-text-input-disabled-oawyzo, #9ba7b6);
184
184
  cursor: auto;
185
185
  }
186
- .awsui_button-trigger_18eso_10fjc_97.awsui_disabled_18eso_10fjc_154 > .awsui_arrow_18eso_10fjc_97:not(#\9) {
186
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_disabled_18eso_1nqbt_154 > .awsui_arrow_18eso_1nqbt_97:not(#\9) {
187
187
  color: var(--color-text-button-inline-icon-disabled-gfhvz7, #9ba7b6);
188
188
  }
189
- .awsui_button-trigger_18eso_10fjc_97.awsui_disabled_18eso_10fjc_154.awsui_in-filtering-token_18eso_10fjc_163:not(#\9) {
189
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_disabled_18eso_1nqbt_154.awsui_in-filtering-token_18eso_1nqbt_163:not(#\9) {
190
190
  border-color: var(--color-border-control-disabled-vx8bco, #d1d5db);
191
191
  }
192
- .awsui_button-trigger_18eso_10fjc_97.awsui_disabled_18eso_10fjc_154 > .awsui_placeholder_18eso_10fjc_138:not(#\9) {
192
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_disabled_18eso_1nqbt_154 > .awsui_placeholder_18eso_1nqbt_138:not(#\9) {
193
193
  color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
194
194
  }
195
- .awsui_button-trigger_18eso_10fjc_97.awsui_read-only_18eso_10fjc_169:not(#\9) {
195
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_read-only_18eso_1nqbt_169:not(#\9) {
196
196
  background-color: var(--color-background-input-default-u57378, #ffffff);
197
197
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
198
198
  }
199
- .awsui_button-trigger_18eso_10fjc_97:not(#\9):focus {
199
+ .awsui_button-trigger_18eso_1nqbt_97:not(#\9):focus {
200
200
  outline: none;
201
201
  text-decoration: none;
202
202
  }
203
- .awsui_button-trigger_18eso_10fjc_97:not(#\9):not(.awsui_in-filtering-token_18eso_10fjc_163)[data-awsui-focus-visible=true]:focus {
203
+ .awsui_button-trigger_18eso_1nqbt_97:not(#\9):not(.awsui_in-filtering-token_18eso_1nqbt_163)[data-awsui-focus-visible=true]:focus {
204
204
  outline: 2px dotted transparent;
205
205
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
206
206
  border-radius: var(--border-radius-input-txq8zy, 8px);
207
207
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
208
208
  }
209
- .awsui_button-trigger_18eso_10fjc_97:not(#\9):not(.awsui_in-filtering-token_18eso_10fjc_163):invalid {
209
+ .awsui_button-trigger_18eso_1nqbt_97:not(#\9):not(.awsui_in-filtering-token_18eso_1nqbt_163):invalid {
210
210
  box-shadow: none;
211
211
  }
212
- .awsui_button-trigger_18eso_10fjc_97:not(#\9):not(.awsui_in-filtering-token_18eso_10fjc_163).awsui_invalid_18eso_10fjc_186, .awsui_button-trigger_18eso_10fjc_97:not(#\9):not(.awsui_in-filtering-token_18eso_10fjc_163).awsui_invalid_18eso_10fjc_186:focus {
212
+ .awsui_button-trigger_18eso_1nqbt_97:not(#\9):not(.awsui_in-filtering-token_18eso_1nqbt_163).awsui_invalid_18eso_1nqbt_186, .awsui_button-trigger_18eso_1nqbt_97:not(#\9):not(.awsui_in-filtering-token_18eso_1nqbt_163).awsui_invalid_18eso_1nqbt_186:focus {
213
213
  color: var(--color-text-status-error-5sesl6, #d91515);
214
214
  border-color: var(--color-text-status-error-5sesl6, #d91515);
215
215
  padding-left: calc(
@@ -217,23 +217,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
217
217
  );
218
218
  border-left-width: var(--border-invalid-width-5jpdqn, 8px);
219
219
  }
220
- .awsui_button-trigger_18eso_10fjc_97:not(#\9):not(.awsui_in-filtering-token_18eso_10fjc_163).awsui_invalid_18eso_10fjc_186:focus, .awsui_button-trigger_18eso_10fjc_97:not(#\9):not(.awsui_in-filtering-token_18eso_10fjc_163).awsui_invalid_18eso_10fjc_186:focus:focus {
220
+ .awsui_button-trigger_18eso_1nqbt_97:not(#\9):not(.awsui_in-filtering-token_18eso_1nqbt_163).awsui_invalid_18eso_1nqbt_186:focus, .awsui_button-trigger_18eso_1nqbt_97:not(#\9):not(.awsui_in-filtering-token_18eso_1nqbt_163).awsui_invalid_18eso_1nqbt_186:focus:focus {
221
221
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-omt6il, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
222
222
  }
223
- .awsui_button-trigger_18eso_10fjc_97.awsui_in-filtering-token_18eso_10fjc_163:not(#\9) {
223
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_in-filtering-token_18eso_1nqbt_163:not(#\9) {
224
224
  border-color: var(--color-border-item-selected-ppkssz, #0972d3);
225
225
  border-top-right-radius: 0;
226
226
  border-bottom-right-radius: 0;
227
227
  height: 100%;
228
228
  }
229
- .awsui_button-trigger_18eso_10fjc_97.awsui_in-filtering-token_18eso_10fjc_163[data-awsui-focus-visible=true]:not(#\9):focus {
229
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_in-filtering-token_18eso_1nqbt_163[data-awsui-focus-visible=true]:not(#\9):focus {
230
230
  position: relative;
231
231
  }
232
- .awsui_button-trigger_18eso_10fjc_97.awsui_in-filtering-token_18eso_10fjc_163[data-awsui-focus-visible=true]:not(#\9):focus {
232
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_in-filtering-token_18eso_1nqbt_163[data-awsui-focus-visible=true]:not(#\9):focus {
233
233
  outline: 2px dotted transparent;
234
234
  outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-awvnzl, -5px) - 1px);
235
235
  }
236
- .awsui_button-trigger_18eso_10fjc_97.awsui_in-filtering-token_18eso_10fjc_163[data-awsui-focus-visible=true]:not(#\9):focus::before {
236
+ .awsui_button-trigger_18eso_1nqbt_97.awsui_in-filtering-token_18eso_1nqbt_163[data-awsui-focus-visible=true]:not(#\9):focus::before {
237
237
  content: " ";
238
238
  display: block;
239
239
  position: absolute;
package/internal/components/button-trigger/styles.selectors.js CHANGED
@@ -2,14 +2,14 @@
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_10fjc_97",
6
- "arrow": "awsui_arrow_18eso_10fjc_97",
7
- "has-caret": "awsui_has-caret_18eso_10fjc_135",
8
- "placeholder": "awsui_placeholder_18eso_10fjc_138",
9
- "pressed": "awsui_pressed_18eso_10fjc_151",
10
- "disabled": "awsui_disabled_18eso_10fjc_154",
11
- "in-filtering-token": "awsui_in-filtering-token_18eso_10fjc_163",
12
- "read-only": "awsui_read-only_18eso_10fjc_169",
13
- "invalid": "awsui_invalid_18eso_10fjc_186"
5
+ "button-trigger": "awsui_button-trigger_18eso_1nqbt_97",
6
+ "arrow": "awsui_arrow_18eso_1nqbt_97",
7
+ "has-caret": "awsui_has-caret_18eso_1nqbt_135",
8
+ "placeholder": "awsui_placeholder_18eso_1nqbt_138",
9
+ "pressed": "awsui_pressed_18eso_1nqbt_151",
10
+ "disabled": "awsui_disabled_18eso_1nqbt_154",
11
+ "in-filtering-token": "awsui_in-filtering-token_18eso_1nqbt_163",
12
+ "read-only": "awsui_read-only_18eso_1nqbt_169",
13
+ "invalid": "awsui_invalid_18eso_1nqbt_186"
14
14
  };
15
15
 
package/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (0c53a39)';
2
+ export var PACKAGE_VERSION = '3.0.0 (c062494)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
 
package/internal/generated/styles/tokens.js CHANGED
@@ -185,7 +185,7 @@ export var colorBorderContainerTop = "var(--color-border-container-top-srcvx4, t
185
185
  export var colorBorderControlDefault = "var(--color-border-control-default-m3lmsh, #7d8998)";
186
186
  export var colorBorderDividerDefault = "var(--color-border-divider-default-7s2wjw, #e9ebed)";
187
187
  export var colorBorderDropdownItemHover = "var(--color-border-dropdown-item-hover-tyzq9m, #7d8998)";
188
- export var colorBorderInputDefault = "var(--color-border-input-default-dtyu8d, #9ba7b6)";
188
+ export var colorBorderInputDefault = "var(--color-border-input-default-e47bkv, #7d8998)";
189
189
  export var colorBorderItemFocused = "var(--color-border-item-focused-ap3b6s, #0972d3)";
190
190
  export var colorBorderItemSelected = "var(--color-border-item-selected-ppkssz, #0972d3)";
191
191
  export var colorBorderStatusError = "var(--color-border-status-error-mfrddc, #d91515)";
package/internal/generated/theming/index.cjs CHANGED
@@ -1067,8 +1067,8 @@ module.exports.preset = {
1067
1067
  "dark": "{colorBorderDividerDefault}"
1068
1068
  },
1069
1069
  "colorBorderDropdownContainer": {
1070
- "light": "{colorBorderInputDefault}",
1071
- "dark": "{colorBorderInputDefault}"
1070
+ "light": "{colorGrey400}",
1071
+ "dark": "{colorGrey550}"
1072
1072
  },
1073
1073
  "colorBorderDropdownGroup": {
1074
1074
  "light": "{colorBorderDropdownItemDefault}",
@@ -1095,7 +1095,7 @@ module.exports.preset = {
1095
1095
  "dark": "transparent"
1096
1096
  },
1097
1097
  "colorBorderInputDefault": {
1098
- "light": "{colorGrey400}",
1098
+ "light": "{colorGrey500}",
1099
1099
  "dark": "{colorGrey550}"
1100
1100
  },
1101
1101
  "colorBorderInputDisabled": {
@@ -1119,8 +1119,8 @@ module.exports.preset = {
1119
1119
  "dark": "{colorGrey650}"
1120
1120
  },
1121
1121
  "colorBorderPopover": {
1122
- "light": "{colorBorderDropdownContainer}",
1123
- "dark": "{colorBorderDropdownContainer}"
1122
+ "light": "{colorGrey400}",
1123
+ "dark": "{colorGrey550}"
1124
1124
  },
1125
1125
  "colorBorderSegmentActive": {
1126
1126
  "light": "{colorBorderSegmentDefault}",
@@ -2591,8 +2591,8 @@ module.exports.preset = {
2591
2591
  "dark": "{colorBorderDividerDefault}"
2592
2592
  },
2593
2593
  "colorBorderDropdownContainer": {
2594
- "light": "{colorBorderInputDefault}",
2595
- "dark": "{colorBorderInputDefault}"
2594
+ "light": "{colorGrey550}",
2595
+ "dark": "{colorGrey550}"
2596
2596
  },
2597
2597
  "colorBorderDropdownGroup": {
2598
2598
  "light": "{colorBorderDropdownItemDefault}",
@@ -2643,8 +2643,8 @@ module.exports.preset = {
2643
2643
  "dark": "{colorGrey650}"
2644
2644
  },
2645
2645
  "colorBorderPopover": {
2646
- "light": "{colorBorderDropdownContainer}",
2647
- "dark": "{colorBorderDropdownContainer}"
2646
+ "light": "{colorGrey550}",
2647
+ "dark": "{colorGrey550}"
2648
2648
  },
2649
2649
  "colorBorderSegmentActive": {
2650
2650
  "light": "{colorBorderSegmentDefault}",
@@ -3497,8 +3497,8 @@ module.exports.preset = {
3497
3497
  "dark": "{colorBorderDividerDefault}"
3498
3498
  },
3499
3499
  "colorBorderDropdownContainer": {
3500
- "light": "{colorBorderInputDefault}",
3501
- "dark": "{colorBorderInputDefault}"
3500
+ "light": "{colorGrey550}",
3501
+ "dark": "{colorGrey550}"
3502
3502
  },
3503
3503
  "colorBorderDropdownGroup": {
3504
3504
  "light": "{colorBorderDropdownItemDefault}",
@@ -3549,8 +3549,8 @@ module.exports.preset = {
3549
3549
  "dark": "{colorGrey650}"
3550
3550
  },
3551
3551
  "colorBorderPopover": {
3552
- "light": "{colorBorderDropdownContainer}",
3553
- "dark": "{colorBorderDropdownContainer}"
3552
+ "light": "{colorGrey550}",
3553
+ "dark": "{colorGrey550}"
3554
3554
  },
3555
3555
  "colorBorderSegmentActive": {
3556
3556
  "light": "{colorBorderSegmentDefault}",
@@ -4351,8 +4351,8 @@ module.exports.preset = {
4351
4351
  "dark": "{colorBorderDividerDefault}"
4352
4352
  },
4353
4353
  "colorBorderDropdownContainer": {
4354
- "light": "{colorBorderInputDefault}",
4355
- "dark": "{colorBorderInputDefault}"
4354
+ "light": "{colorGrey400}",
4355
+ "dark": "{colorGrey550}"
4356
4356
  },
4357
4357
  "colorBorderDropdownGroup": {
4358
4358
  "light": "{colorBorderDropdownItemDefault}",
@@ -4379,7 +4379,7 @@ module.exports.preset = {
4379
4379
  "dark": "transparent"
4380
4380
  },
4381
4381
  "colorBorderInputDefault": {
4382
- "light": "{colorGrey400}",
4382
+ "light": "{colorGrey500}",
4383
4383
  "dark": "{colorGrey550}"
4384
4384
  },
4385
4385
  "colorBorderInputDisabled": {
@@ -4403,8 +4403,8 @@ module.exports.preset = {
4403
4403
  "dark": "{colorGrey650}"
4404
4404
  },
4405
4405
  "colorBorderPopover": {
4406
- "light": "{colorBorderDropdownContainer}",
4407
- "dark": "{colorBorderDropdownContainer}"
4406
+ "light": "{colorGrey400}",
4407
+ "dark": "{colorGrey550}"
4408
4408
  },
4409
4409
  "colorBorderSegmentActive": {
4410
4410
  "light": "{colorBorderSegmentDefault}",
@@ -5205,8 +5205,8 @@ module.exports.preset = {
5205
5205
  "dark": "{colorBorderDividerDefault}"
5206
5206
  },
5207
5207
  "colorBorderDropdownContainer": {
5208
- "light": "{colorBorderInputDefault}",
5209
- "dark": "{colorBorderInputDefault}"
5208
+ "light": "{colorGrey400}",
5209
+ "dark": "{colorGrey550}"
5210
5210
  },
5211
5211
  "colorBorderDropdownGroup": {
5212
5212
  "light": "{colorBorderDropdownItemDefault}",
@@ -5233,7 +5233,7 @@ module.exports.preset = {
5233
5233
  "dark": "transparent"
5234
5234
  },
5235
5235
  "colorBorderInputDefault": {
5236
- "light": "{colorGrey400}",
5236
+ "light": "{colorGrey500}",
5237
5237
  "dark": "{colorGrey550}"
5238
5238
  },
5239
5239
  "colorBorderInputDisabled": {
@@ -5257,8 +5257,8 @@ module.exports.preset = {
5257
5257
  "dark": "{colorGrey650}"
5258
5258
  },
5259
5259
  "colorBorderPopover": {
5260
- "light": "{colorBorderDropdownContainer}",
5261
- "dark": "{colorBorderDropdownContainer}"
5260
+ "light": "{colorGrey400}",
5261
+ "dark": "{colorGrey550}"
5262
5262
  },
5263
5263
  "colorBorderSegmentActive": {
5264
5264
  "light": "{colorBorderSegmentDefault}",
@@ -7589,7 +7589,7 @@ module.exports.preset = {
7589
7589
  "colorBorderDropdownItemDimmedHover": "--color-border-dropdown-item-dimmed-hover-6dhy15",
7590
7590
  "colorBorderDropdownItemSelected": "--color-border-dropdown-item-selected-eahq2j",
7591
7591
  "colorBorderDropdownItemTop": "--color-border-dropdown-item-top-xnzq48",
7592
- "colorBorderInputDefault": "--color-border-input-default-dtyu8d",
7592
+ "colorBorderInputDefault": "--color-border-input-default-e47bkv",
7593
7593
  "colorBorderInputDisabled": "--color-border-input-disabled-x2lopj",
7594
7594
  "colorBorderItemFocused": "--color-border-item-focused-ap3b6s",
7595
7595
  "colorBorderItemPlaceholder": "--color-border-item-placeholder-jgzhnb",