@cloudscape-design/components 3.0.1311 → 3.0.1312

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 (98) hide show
  1. package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  2. package/button-dropdown/category-elements/expandable-category-element.js +4 -2
  3. package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  4. package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  5. package/button-dropdown/category-elements/mobile-expandable-category-element.js +4 -2
  6. package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  7. package/button-dropdown/category-elements/styles.css.js +19 -18
  8. package/button-dropdown/category-elements/styles.scoped.css +32 -28
  9. package/button-dropdown/category-elements/styles.selectors.js +19 -18
  10. package/button-dropdown/index.d.ts.map +1 -1
  11. package/button-dropdown/index.js +4 -3
  12. package/button-dropdown/index.js.map +1 -1
  13. package/button-dropdown/interfaces.d.ts +22 -0
  14. package/button-dropdown/interfaces.d.ts.map +1 -1
  15. package/button-dropdown/interfaces.js.map +1 -1
  16. package/button-dropdown/internal.d.ts.map +1 -1
  17. package/button-dropdown/internal.js +14 -6
  18. package/button-dropdown/internal.js.map +1 -1
  19. package/button-dropdown/styles.css.js +23 -22
  20. package/button-dropdown/styles.scoped.css +36 -30
  21. package/button-dropdown/styles.selectors.js +23 -22
  22. package/button-group/interfaces.d.ts +12 -1
  23. package/button-group/interfaces.d.ts.map +1 -1
  24. package/button-group/interfaces.js.map +1 -1
  25. package/button-group/menu-dropdown-item.d.ts.map +1 -1
  26. package/button-group/menu-dropdown-item.js +2 -1
  27. package/button-group/menu-dropdown-item.js.map +1 -1
  28. package/internal/base-component/styles.scoped.css +33 -1
  29. package/internal/components/checkbox-icon/index.d.ts.map +1 -1
  30. package/internal/components/checkbox-icon/index.js +11 -2
  31. package/internal/components/checkbox-icon/index.js.map +1 -1
  32. package/internal/environment.js +2 -2
  33. package/internal/environment.json +2 -2
  34. package/internal/generated/styles/tokens.d.ts +7 -0
  35. package/internal/generated/styles/tokens.js +7 -0
  36. package/internal/generated/theming/index.cjs +203 -0
  37. package/internal/generated/theming/index.cjs.d.ts +63 -0
  38. package/internal/generated/theming/index.d.ts +63 -0
  39. package/internal/generated/theming/index.js +203 -0
  40. package/internal/manifest.json +1 -1
  41. package/internal/utils/throttle.d.ts.map +1 -1
  42. package/internal/utils/throttle.js +3 -1
  43. package/internal/utils/throttle.js.map +1 -1
  44. package/manifest.json +2 -2
  45. package/package.json +1 -1
  46. package/progress-bar/index.d.ts.map +1 -1
  47. package/progress-bar/index.js +1 -0
  48. package/progress-bar/index.js.map +1 -1
  49. package/segmented-control/styles.css.js +16 -16
  50. package/segmented-control/styles.scoped.css +34 -34
  51. package/segmented-control/styles.selectors.js +16 -16
  52. package/steps/internal.d.ts.map +1 -1
  53. package/steps/internal.js +20 -6
  54. package/steps/internal.js.map +1 -1
  55. package/steps/styles.css.js +12 -9
  56. package/steps/styles.scoped.css +43 -15
  57. package/steps/styles.selectors.js +12 -9
  58. package/table/header-cell/group-header-cell.d.ts.map +1 -1
  59. package/table/header-cell/group-header-cell.js +1 -1
  60. package/table/header-cell/group-header-cell.js.map +1 -1
  61. package/table/header-cell/index.d.ts.map +1 -1
  62. package/table/header-cell/index.js +2 -1
  63. package/table/header-cell/index.js.map +1 -1
  64. package/table/header-cell/styles.css.js +33 -33
  65. package/table/header-cell/styles.scoped.css +81 -74
  66. package/table/header-cell/styles.selectors.js +33 -33
  67. package/table/resizer/index.d.ts +5 -1
  68. package/table/resizer/index.d.ts.map +1 -1
  69. package/table/resizer/index.js +4 -4
  70. package/table/resizer/index.js.map +1 -1
  71. package/table/resizer/styles.css.js +17 -16
  72. package/table/resizer/styles.scoped.css +32 -24
  73. package/table/resizer/styles.selectors.js +17 -16
  74. package/table/selection/selection-cell.d.ts +2 -0
  75. package/table/selection/selection-cell.d.ts.map +1 -1
  76. package/table/selection/selection-cell.js +2 -2
  77. package/table/selection/selection-cell.js.map +1 -1
  78. package/table/thead.d.ts.map +1 -1
  79. package/table/thead.js +1 -1
  80. package/table/thead.js.map +1 -1
  81. package/toggle/styles.css.js +10 -10
  82. package/toggle/styles.scoped.css +18 -18
  83. package/toggle/styles.selectors.js +10 -10
  84. package/toggle-button/internal.d.ts.map +1 -1
  85. package/toggle-button/internal.js +3 -1
  86. package/toggle-button/internal.js.map +1 -1
  87. package/toggle-button/styles.css.js +4 -3
  88. package/toggle-button/styles.scoped.css +8 -3
  89. package/toggle-button/styles.selectors.js +4 -3
  90. package/token/dismiss-button.d.ts.map +1 -1
  91. package/token/dismiss-button.js +3 -1
  92. package/token/dismiss-button.js.map +1 -1
  93. package/token/internal.d.ts.map +1 -1
  94. package/token/internal.js +11 -3
  95. package/token/internal.js.map +1 -1
  96. package/token/styles.css.js +14 -14
  97. package/token/styles.scoped.css +33 -30
  98. package/token/styles.selectors.js +14 -14
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1i2wg_bud6h_161",
5
- "dismiss-button": "awsui_dismiss-button_1i2wg_bud6h_193",
6
- "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_bud6h_234",
7
- "icon": "awsui_icon_1i2wg_bud6h_241",
8
- "icon-inline": "awsui_icon-inline_1i2wg_bud6h_247",
9
- "token-normal": "awsui_token-normal_1i2wg_bud6h_252",
10
- "token-inline": "awsui_token-inline_1i2wg_bud6h_259",
11
- "token-option-inline": "awsui_token-option-inline_1i2wg_bud6h_285",
12
- "token-box": "awsui_token-box_1i2wg_bud6h_289",
13
- "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_bud6h_308",
14
- "token-box-inline": "awsui_token-box-inline_1i2wg_bud6h_312",
15
- "disable-padding": "awsui_disable-padding_1i2wg_bud6h_332",
16
- "token-box-readonly": "awsui_token-box-readonly_1i2wg_bud6h_339",
17
- "token-box-disabled": "awsui_token-box-disabled_1i2wg_bud6h_340"
4
+ "root": "awsui_root_1i2wg_6k6mx_161",
5
+ "dismiss-button": "awsui_dismiss-button_1i2wg_6k6mx_193",
6
+ "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_6k6mx_234",
7
+ "icon": "awsui_icon_1i2wg_6k6mx_244",
8
+ "icon-inline": "awsui_icon-inline_1i2wg_6k6mx_250",
9
+ "token-normal": "awsui_token-normal_1i2wg_6k6mx_255",
10
+ "token-inline": "awsui_token-inline_1i2wg_6k6mx_262",
11
+ "token-option-inline": "awsui_token-option-inline_1i2wg_6k6mx_288",
12
+ "token-box": "awsui_token-box_1i2wg_6k6mx_292",
13
+ "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_6k6mx_311",
14
+ "token-box-inline": "awsui_token-box-inline_1i2wg_6k6mx_315",
15
+ "disable-padding": "awsui_disable-padding_1i2wg_6k6mx_335",
16
+ "token-box-readonly": "awsui_token-box-readonly_1i2wg_6k6mx_342",
17
+ "token-box-disabled": "awsui_token-box-disabled_1i2wg_6k6mx_343"
18
18
  };
19
19
 
@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_root_1i2wg_bud6h_161:not(#\9) {
161
+ .awsui_root_1i2wg_6k6mx_161:not(#\9) {
162
162
  border-collapse: separate;
163
163
  border-spacing: 0;
164
164
  box-sizing: border-box;
@@ -190,7 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  -moz-osx-font-smoothing: auto;
191
191
  }
192
192
 
193
- .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9) {
193
+ .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9) {
194
194
  align-self: flex-start;
195
195
  margin-block-end: 0;
196
196
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
@@ -203,14 +203,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
203
203
  cursor: pointer;
204
204
  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
205
205
  }
206
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9):focus {
206
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9):focus {
207
207
  position: relative;
208
208
  }
209
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9):focus {
209
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9):focus {
210
210
  outline: 2px dotted transparent;
211
211
  outline-offset: calc(0px - 1px);
212
212
  }
213
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9):focus::before {
213
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9):focus::before {
214
214
  content: " ";
215
215
  display: block;
216
216
  position: absolute;
@@ -224,50 +224,53 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_bud6h_193:not(#\
224
224
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
225
225
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
226
226
  }
227
- .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9):focus {
227
+ .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9):focus {
228
228
  outline: none;
229
229
  text-decoration: none;
230
230
  }
231
- .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9):hover {
231
+ .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9):hover {
232
232
  color: var(--awsui-token-style-dismiss-color-hover-6b9ypa, var(--color-text-button-inline-icon-hover-rbyzfc, #002b66));
233
233
  }
234
- .awsui_dismiss-button-inline_1i2wg_bud6h_234:not(#\9) {
234
+ .awsui_dismiss-button-inline_1i2wg_6k6mx_234:not(#\9) {
235
235
  padding-inline: 0;
236
236
  display: flex;
237
237
  align-items: center;
238
238
  align-self: center;
239
239
  }
240
+ .awsui-one-theme .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9):not(.awsui_dismiss-button-inline_1i2wg_6k6mx_234) {
241
+ padding-block-start: 1px;
242
+ }
240
243
 
241
- .awsui_icon_1i2wg_bud6h_241:not(#\9) {
244
+ .awsui_icon_1i2wg_6k6mx_244:not(#\9) {
242
245
  padding-inline-end: var(--space-xs-ymlm0b, 8px);
243
246
  align-self: flex-start;
244
247
  display: flex;
245
248
  flex-shrink: 0;
246
249
  }
247
- .awsui_icon-inline_1i2wg_bud6h_247:not(#\9) {
250
+ .awsui_icon-inline_1i2wg_6k6mx_250:not(#\9) {
248
251
  padding-inline-end: var(--space-xxs-hwfkai, 4px);
249
252
  align-self: center;
250
253
  }
251
254
 
252
- .awsui_token-normal_1i2wg_bud6h_252:not(#\9) {
255
+ .awsui_token-normal_1i2wg_6k6mx_255:not(#\9) {
253
256
  block-size: 100%;
254
257
  display: flex;
255
258
  flex-direction: column;
256
259
  gap: var(--space-xxs-hwfkai, 4px);
257
260
  }
258
261
 
259
- .awsui_token-inline_1i2wg_bud6h_259:not(#\9) {
262
+ .awsui_token-inline_1i2wg_6k6mx_262:not(#\9) {
260
263
  display: inline-flex;
261
264
  max-inline-size: 100%;
262
265
  }
263
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_bud6h_259:not(#\9):focus {
266
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_6k6mx_262:not(#\9):focus {
264
267
  position: relative;
265
268
  }
266
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_bud6h_259:not(#\9):focus {
269
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_6k6mx_262:not(#\9):focus {
267
270
  outline: 2px dotted transparent;
268
271
  outline-offset: calc(0px - 1px);
269
272
  }
270
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_bud6h_259:not(#\9):focus::before {
273
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_6k6mx_262:not(#\9):focus::before {
271
274
  content: " ";
272
275
  display: block;
273
276
  position: absolute;
@@ -282,11 +285,11 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_bud6h_259:not(#\9)
282
285
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
283
286
  }
284
287
 
285
- .awsui_token-option-inline_1i2wg_bud6h_285:not(#\9) {
288
+ .awsui_token-option-inline_1i2wg_6k6mx_288:not(#\9) {
286
289
  max-block-size: 20px;
287
290
  }
288
291
 
289
- .awsui_token-box_1i2wg_bud6h_289:not(#\9) {
292
+ .awsui_token-box_1i2wg_6k6mx_292:not(#\9) {
290
293
  position: relative;
291
294
  block-size: 100%;
292
295
  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-wl5ttm, #006ce0));
@@ -305,11 +308,11 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_bud6h_259:not(#\9)
305
308
  color: var(--color-text-body-default-vvtq8u, #0f141a);
306
309
  box-sizing: border-box;
307
310
  }
308
- .awsui_token-box-without-dismiss_1i2wg_bud6h_308:not(#\9) {
311
+ .awsui_token-box-without-dismiss_1i2wg_6k6mx_311:not(#\9) {
309
312
  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
310
313
  }
311
314
 
312
- .awsui_token-box-inline_1i2wg_bud6h_312:not(#\9) {
315
+ .awsui_token-box-inline_1i2wg_6k6mx_315:not(#\9) {
313
316
  position: relative;
314
317
  block-size: 20px;
315
318
  max-block-size: 20px;
@@ -320,42 +323,42 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_bud6h_259:not(#\9)
320
323
  display: flex;
321
324
  align-items: center;
322
325
  background: var(--awsui-token-style-background-default-6b9ypa, var(--color-background-item-selected-9gppru, #f0fbff));
323
- border-start-start-radius: var(--space-scaled-xxs-pfm1nx, 4px);
324
- border-start-end-radius: var(--space-scaled-xxs-pfm1nx, 4px);
325
- border-end-start-radius: var(--space-scaled-xxs-pfm1nx, 4px);
326
- border-end-end-radius: var(--space-scaled-xxs-pfm1nx, 4px);
326
+ border-start-start-radius: var(--border-radius-token-inline-tio0a0, 4px);
327
+ border-start-end-radius: var(--border-radius-token-inline-tio0a0, 4px);
328
+ border-end-start-radius: var(--border-radius-token-inline-tio0a0, 4px);
329
+ border-end-end-radius: var(--border-radius-token-inline-tio0a0, 4px);
327
330
  color: var(--color-text-body-default-vvtq8u, #0f141a);
328
331
  box-sizing: border-box;
329
332
  max-inline-size: 100%;
330
333
  }
331
334
 
332
- .awsui_disable-padding_1i2wg_bud6h_332:not(#\9) {
335
+ .awsui_disable-padding_1i2wg_6k6mx_335:not(#\9) {
333
336
  padding-block-start: 0;
334
337
  padding-block-end: 0;
335
338
  padding-inline-start: 0;
336
339
  padding-inline-end: 0;
337
340
  }
338
341
 
339
- .awsui_token-box-readonly_1i2wg_bud6h_339 > .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9),
340
- .awsui_token-box-disabled_1i2wg_bud6h_340 > .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9) {
342
+ .awsui_token-box-readonly_1i2wg_6k6mx_342 > .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9),
343
+ .awsui_token-box-disabled_1i2wg_6k6mx_343 > .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9) {
341
344
  cursor: initial;
342
345
  pointer-events: none;
343
346
  }
344
347
 
345
- .awsui_token-box-readonly_1i2wg_bud6h_339:not(#\9) {
348
+ .awsui_token-box-readonly_1i2wg_6k6mx_342:not(#\9) {
346
349
  border-color: var(--awsui-token-style-border-color-read-only-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
347
350
  background: var(--awsui-token-style-background-read-only-6b9ypa, var(--color-background-container-content-6u8rvp, #ffffff));
348
351
  }
349
- .awsui_token-box-readonly_1i2wg_bud6h_339 > .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9) {
352
+ .awsui_token-box-readonly_1i2wg_6k6mx_342 > .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9) {
350
353
  color: var(--awsui-token-style-dismiss-color-read-only-6b9ypa, var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb));
351
354
  }
352
355
 
353
- .awsui_token-box-disabled_1i2wg_bud6h_340:not(#\9) {
356
+ .awsui_token-box-disabled_1i2wg_6k6mx_343:not(#\9) {
354
357
  pointer-events: none;
355
358
  border-color: var(--awsui-token-style-border-color-disabled-6b9ypa, var(--color-border-control-disabled-uj7t08, #dedee3));
356
359
  background: var(--awsui-token-style-background-disabled-6b9ypa, var(--color-background-container-content-6u8rvp, #ffffff));
357
360
  color: var(--color-text-disabled-rox5hg, #b4b4bb);
358
361
  }
359
- .awsui_token-box-disabled_1i2wg_bud6h_340 > .awsui_dismiss-button_1i2wg_bud6h_193:not(#\9) {
362
+ .awsui_token-box-disabled_1i2wg_6k6mx_343 > .awsui_dismiss-button_1i2wg_6k6mx_193:not(#\9) {
360
363
  color: var(--awsui-token-style-dismiss-color-disabled-6b9ypa, var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb));
361
364
  }
@@ -2,19 +2,19 @@
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_1i2wg_bud6h_161",
6
- "dismiss-button": "awsui_dismiss-button_1i2wg_bud6h_193",
7
- "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_bud6h_234",
8
- "icon": "awsui_icon_1i2wg_bud6h_241",
9
- "icon-inline": "awsui_icon-inline_1i2wg_bud6h_247",
10
- "token-normal": "awsui_token-normal_1i2wg_bud6h_252",
11
- "token-inline": "awsui_token-inline_1i2wg_bud6h_259",
12
- "token-option-inline": "awsui_token-option-inline_1i2wg_bud6h_285",
13
- "token-box": "awsui_token-box_1i2wg_bud6h_289",
14
- "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_bud6h_308",
15
- "token-box-inline": "awsui_token-box-inline_1i2wg_bud6h_312",
16
- "disable-padding": "awsui_disable-padding_1i2wg_bud6h_332",
17
- "token-box-readonly": "awsui_token-box-readonly_1i2wg_bud6h_339",
18
- "token-box-disabled": "awsui_token-box-disabled_1i2wg_bud6h_340"
5
+ "root": "awsui_root_1i2wg_6k6mx_161",
6
+ "dismiss-button": "awsui_dismiss-button_1i2wg_6k6mx_193",
7
+ "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_6k6mx_234",
8
+ "icon": "awsui_icon_1i2wg_6k6mx_244",
9
+ "icon-inline": "awsui_icon-inline_1i2wg_6k6mx_250",
10
+ "token-normal": "awsui_token-normal_1i2wg_6k6mx_255",
11
+ "token-inline": "awsui_token-inline_1i2wg_6k6mx_262",
12
+ "token-option-inline": "awsui_token-option-inline_1i2wg_6k6mx_288",
13
+ "token-box": "awsui_token-box_1i2wg_6k6mx_292",
14
+ "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_6k6mx_311",
15
+ "token-box-inline": "awsui_token-box-inline_1i2wg_6k6mx_315",
16
+ "disable-padding": "awsui_disable-padding_1i2wg_6k6mx_335",
17
+ "token-box-readonly": "awsui_token-box-readonly_1i2wg_6k6mx_342",
18
+ "token-box-disabled": "awsui_token-box-disabled_1i2wg_6k6mx_343"
19
19
  };
20
20