@cloudscape-design/components 3.0.1121 → 3.0.1122

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 (103) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +50 -50
  3. package/alert/styles.selectors.js +27 -27
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +32 -32
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/notifications/styles.css.js +3 -3
  8. package/app-layout/notifications/styles.scoped.css +7 -7
  9. package/app-layout/notifications/styles.selectors.js +3 -3
  10. package/app-layout/visual-refresh/styles.css.js +86 -86
  11. package/app-layout/visual-refresh/styles.scoped.css +258 -258
  12. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +27 -27
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +84 -84
  15. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +27 -27
  16. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  17. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  18. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  19. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  20. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  21. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  22. package/attribute-editor/styles.css.js +15 -15
  23. package/attribute-editor/styles.scoped.css +28 -28
  24. package/attribute-editor/styles.selectors.js +15 -15
  25. package/breadcrumb-group/item/styles.css.js +7 -7
  26. package/breadcrumb-group/item/styles.scoped.css +28 -28
  27. package/breadcrumb-group/item/styles.selectors.js +7 -7
  28. package/button/styles.css.js +22 -22
  29. package/button/styles.scoped.css +256 -256
  30. package/button/styles.selectors.js +22 -22
  31. package/button-dropdown/item-element/styles.css.js +16 -16
  32. package/button-dropdown/item-element/styles.scoped.css +27 -27
  33. package/button-dropdown/item-element/styles.selectors.js +16 -16
  34. package/checkbox/styles.css.js +3 -3
  35. package/checkbox/styles.scoped.css +11 -11
  36. package/checkbox/styles.selectors.js +3 -3
  37. package/content-layout/styles.css.js +14 -14
  38. package/content-layout/styles.scoped.css +27 -27
  39. package/content-layout/styles.selectors.js +14 -14
  40. package/flashbar/styles.css.js +50 -50
  41. package/flashbar/styles.scoped.css +187 -187
  42. package/flashbar/styles.selectors.js +50 -50
  43. package/help-panel/styles.css.js +6 -6
  44. package/help-panel/styles.scoped.css +73 -73
  45. package/help-panel/styles.selectors.js +6 -6
  46. package/input/index.d.ts.map +1 -1
  47. package/input/index.js +1 -1
  48. package/input/interfaces.d.ts +47 -0
  49. package/input/interfaces.d.ts.map +1 -1
  50. package/input/interfaces.js.map +1 -1
  51. package/input/internal-do-not-use-core.js +3 -2
  52. package/input/internal-do-not-use-core.js.map +1 -1
  53. package/input/internal.d.ts.map +1 -1
  54. package/input/internal.js +3 -2
  55. package/input/internal.js.map +1 -1
  56. package/input/styles.css.js +13 -13
  57. package/input/styles.d.ts +2 -0
  58. package/input/styles.d.ts.map +1 -0
  59. package/input/styles.js +42 -0
  60. package/input/styles.js.map +1 -0
  61. package/input/styles.scoped.css +66 -49
  62. package/input/styles.selectors.js +13 -13
  63. package/internal/base-component/styles.scoped.css +1 -1
  64. package/internal/components/drag-handle-wrapper/styles.css.js +20 -20
  65. package/internal/components/drag-handle-wrapper/styles.scoped.css +48 -48
  66. package/internal/components/drag-handle-wrapper/styles.selectors.js +20 -20
  67. package/internal/components/dropdown/styles.css.js +20 -20
  68. package/internal/components/dropdown/styles.scoped.css +38 -38
  69. package/internal/components/dropdown/styles.selectors.js +20 -20
  70. package/internal/components/token-list/styles.css.js +10 -10
  71. package/internal/components/token-list/styles.scoped.css +25 -25
  72. package/internal/components/token-list/styles.selectors.js +10 -10
  73. package/internal/environment.js +2 -2
  74. package/internal/environment.json +2 -2
  75. package/internal/generated/custom-css-properties/index.d.ts +12 -0
  76. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  77. package/internal/generated/custom-css-properties/index.js +98 -86
  78. package/internal/generated/custom-css-properties/index.js.map +1 -1
  79. package/internal/manifest.json +1 -1
  80. package/link/styles.css.js +20 -20
  81. package/link/styles.scoped.css +103 -103
  82. package/link/styles.selectors.js +20 -20
  83. package/package.json +1 -1
  84. package/radio-group/styles.css.js +10 -10
  85. package/radio-group/styles.scoped.css +22 -22
  86. package/radio-group/styles.selectors.js +10 -10
  87. package/select/parts/filter.d.ts +1 -1
  88. package/select/parts/filter.d.ts.map +1 -1
  89. package/slider/styles.css.js +26 -26
  90. package/slider/styles.scoped.css +86 -86
  91. package/slider/styles.selectors.js +26 -26
  92. package/spinner/styles.css.js +13 -13
  93. package/spinner/styles.scoped.css +39 -39
  94. package/spinner/styles.selectors.js +13 -13
  95. package/tag-editor/styles.css.js +3 -3
  96. package/tag-editor/styles.scoped.css +13 -13
  97. package/tag-editor/styles.selectors.js +3 -3
  98. package/text-content/styles.css.js +1 -1
  99. package/text-content/styles.scoped.css +66 -66
  100. package/text-content/styles.selectors.js +1 -1
  101. package/toggle/styles.css.js +10 -10
  102. package/toggle/styles.scoped.css +23 -23
  103. package/toggle/styles.selectors.js +10 -10
package/toggle/styles.scoped.css CHANGED
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_4yi2u_53eb2_145:not(#\9) {
145
+ .awsui_root_4yi2u_whstr_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -175,15 +175,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
175
  display: flex;
176
176
  }
177
177
 
178
- .awsui_outline_4yi2u_53eb2_178:not(#\9) {
179
- --awsui-style-focus-ring-box-shadow-lqnbqg: 0 0 0 var(--awsui-style-focus-ring-border-width-lqnbqg, 2px) var(--awsui-style-focus-ring-border-color-lqnbqg, var(--color-border-item-focused-uk47pl, #006ce0));
178
+ .awsui_outline_4yi2u_whstr_178:not(#\9) {
179
+ --awsui-style-focus-ring-box-shadow-b75yp7: 0 0 0 var(--awsui-style-focus-ring-border-width-b75yp7, 2px) var(--awsui-style-focus-ring-border-color-b75yp7, var(--color-border-item-focused-uk47pl, #006ce0));
180
180
  position: relative;
181
181
  }
182
- .awsui_outline_4yi2u_53eb2_178:not(#\9) {
182
+ .awsui_outline_4yi2u_whstr_178:not(#\9) {
183
183
  outline: 2px dotted transparent;
184
184
  outline-offset: calc(2px - 1px);
185
185
  }
186
- .awsui_outline_4yi2u_53eb2_178:not(#\9)::before {
186
+ .awsui_outline_4yi2u_whstr_178:not(#\9)::before {
187
187
  content: " ";
188
188
  display: block;
189
189
  position: absolute;
@@ -191,14 +191,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
191
191
  inset-block-start: calc(-1 * 2px);
192
192
  inline-size: calc(100% + 2px + 2px);
193
193
  block-size: calc(100% + 2px + 2px);
194
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-1uabki, 4px));
195
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-1uabki, 4px));
196
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-1uabki, 4px));
197
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-1uabki, 4px));
198
- box-shadow: var(--awsui-style-focus-ring-box-shadow-lqnbqg);
194
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-1uabki, 4px));
195
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-1uabki, 4px));
196
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-1uabki, 4px));
197
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-1uabki, 4px));
198
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-b75yp7);
199
199
  }
200
200
 
201
- .awsui_toggle-control_4yi2u_53eb2_201:not(#\9) {
201
+ .awsui_toggle-control_4yi2u_whstr_201:not(#\9) {
202
202
  forced-color-adjust: none;
203
203
  margin-block-start: calc((var(--line-height-body-m-2mh3ke, 20px) - 16px) / 2);
204
204
  min-block-size: 16px;
@@ -211,20 +211,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
211
  border-end-start-radius: 8px;
212
212
  border-end-end-radius: 8px;
213
213
  }
214
- .awsui_toggle-control-checked_4yi2u_53eb2_214:not(#\9) {
214
+ .awsui_toggle-control-checked_4yi2u_whstr_214:not(#\9) {
215
215
  background: var(--color-background-control-checked-ka7kc2, #006ce0);
216
216
  }
217
- .awsui_toggle-control-disabled_4yi2u_53eb2_217:not(#\9) {
217
+ .awsui_toggle-control-disabled_4yi2u_whstr_217:not(#\9) {
218
218
  background: var(--color-background-control-disabled-1f3718, #dedee3);
219
219
  }
220
- .awsui_toggle-control-disabled_4yi2u_53eb2_217.awsui_toggle-control-checked_4yi2u_53eb2_214:not(#\9) {
220
+ .awsui_toggle-control-disabled_4yi2u_whstr_217.awsui_toggle-control-checked_4yi2u_whstr_214:not(#\9) {
221
221
  background: var(--color-background-toggle-checked-disabled-amxc0a, #b8e7ff);
222
222
  }
223
- .awsui_toggle-control-readonly_4yi2u_53eb2_223:not(#\9) {
223
+ .awsui_toggle-control-readonly_4yi2u_whstr_223:not(#\9) {
224
224
  background: var(--color-background-control-disabled-1f3718, #dedee3);
225
225
  }
226
226
 
227
- .awsui_toggle-handle_4yi2u_53eb2_227:not(#\9) {
227
+ .awsui_toggle-handle_4yi2u_whstr_227:not(#\9) {
228
228
  display: block;
229
229
  position: absolute;
230
230
  border-start-start-radius: 6px;
@@ -240,29 +240,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
240
240
  transition: transform var(--motion-duration-fast-unntf6, 90ms) var(--motion-easing-ease-out-quart-p9axhm, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-unntf6, 90ms) var(--motion-easing-ease-out-quart-p9axhm, cubic-bezier(0.165, 0.84, 0.44, 1));
241
241
  }
242
242
  @media (prefers-reduced-motion: reduce) {
243
- .awsui_toggle-handle_4yi2u_53eb2_227:not(#\9) {
243
+ .awsui_toggle-handle_4yi2u_whstr_227:not(#\9) {
244
244
  animation: none;
245
245
  transition: none;
246
246
  }
247
247
  }
248
- .awsui-motion-disabled .awsui_toggle-handle_4yi2u_53eb2_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_53eb2_227:not(#\9) {
248
+ .awsui-motion-disabled .awsui_toggle-handle_4yi2u_whstr_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_whstr_227:not(#\9) {
249
249
  animation: none;
250
250
  transition: none;
251
251
  }
252
- .awsui_toggle-handle-checked_4yi2u_53eb2_252:not(#\9) {
252
+ .awsui_toggle-handle-checked_4yi2u_whstr_252:not(#\9) {
253
253
  transform: translateX(8px);
254
254
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
255
255
  }
256
- .awsui_toggle-handle-checked_4yi2u_53eb2_252:not(#\9):dir(rtl) {
256
+ .awsui_toggle-handle-checked_4yi2u_whstr_252:not(#\9):dir(rtl) {
257
257
  transform: translateX(-8px);
258
258
  }
259
- .awsui_toggle-handle-disabled_4yi2u_53eb2_259:not(#\9) {
259
+ .awsui_toggle-handle-disabled_4yi2u_whstr_259:not(#\9) {
260
260
  background: var(--color-foreground-control-disabled-txi6cf, #ffffff);
261
261
  box-shadow: none;
262
262
  }
263
- .awsui_toggle-handle-readonly_4yi2u_53eb2_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_53eb2_259) {
263
+ .awsui_toggle-handle-readonly_4yi2u_whstr_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_whstr_259) {
264
264
  box-shadow: none;
265
265
  }
266
- .awsui_toggle-handle-readonly_4yi2u_53eb2_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_53eb2_259).awsui_toggle-handle-checked_4yi2u_53eb2_252 {
266
+ .awsui_toggle-handle-readonly_4yi2u_whstr_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_whstr_259).awsui_toggle-handle-checked_4yi2u_whstr_252 {
267
267
  background: var(--color-foreground-control-read-only-7ydvuj, #656871);
268
268
  }
package/toggle/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
- "root": "awsui_root_4yi2u_53eb2_145",
6
- "outline": "awsui_outline_4yi2u_53eb2_178",
7
- "toggle-control": "awsui_toggle-control_4yi2u_53eb2_201",
8
- "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_53eb2_214",
9
- "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_53eb2_217",
10
- "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_53eb2_223",
11
- "toggle-handle": "awsui_toggle-handle_4yi2u_53eb2_227",
12
- "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_53eb2_252",
13
- "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_53eb2_259",
14
- "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_53eb2_263"
5
+ "root": "awsui_root_4yi2u_whstr_145",
6
+ "outline": "awsui_outline_4yi2u_whstr_178",
7
+ "toggle-control": "awsui_toggle-control_4yi2u_whstr_201",
8
+ "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_whstr_214",
9
+ "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_whstr_217",
10
+ "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_whstr_223",
11
+ "toggle-handle": "awsui_toggle-handle_4yi2u_whstr_227",
12
+ "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_whstr_252",
13
+ "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_whstr_259",
14
+ "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_whstr_263"
15
15
  };
16
16