@cloudscape-design/components-themeable 3.0.1006 → 3.0.1007

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 (61) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button/styles.scss +26 -17
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +75 -59
  4. package/lib/internal/scss/internal/styles/foundation/shadows.scss +3 -1
  5. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  6. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -32
  7. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  8. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  9. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  10. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  11. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  12. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  13. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  14. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +17 -17
  15. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +39 -39
  16. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -17
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +21 -21
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +45 -45
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +21 -21
  23. package/lib/internal/template/button/index.d.ts.map +1 -1
  24. package/lib/internal/template/button/index.js +2 -2
  25. package/lib/internal/template/button/index.js.map +1 -1
  26. package/lib/internal/template/button/interfaces.d.ts +35 -0
  27. package/lib/internal/template/button/interfaces.d.ts.map +1 -1
  28. package/lib/internal/template/button/interfaces.js.map +1 -1
  29. package/lib/internal/template/button/internal.d.ts.map +1 -1
  30. package/lib/internal/template/button/internal.js +27 -3
  31. package/lib/internal/template/button/internal.js.map +1 -1
  32. package/lib/internal/template/button/styles.css.js +22 -22
  33. package/lib/internal/template/button/styles.scoped.css +211 -210
  34. package/lib/internal/template/button/styles.selectors.js +22 -22
  35. package/lib/internal/template/content-layout/styles.css.js +14 -14
  36. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  37. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  38. package/lib/internal/template/flashbar/styles.css.js +50 -50
  39. package/lib/internal/template/flashbar/styles.scoped.css +166 -166
  40. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  41. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +21 -21
  42. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +44 -44
  43. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
  44. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  45. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
  46. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  47. package/lib/internal/template/internal/environment.js +1 -1
  48. package/lib/internal/template/internal/environment.json +1 -1
  49. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +76 -61
  50. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  51. package/lib/internal/template/internal/generated/custom-css-properties/index.js +75 -59
  52. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  53. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +12 -13
  54. package/lib/internal/template/internal/generated/theming/index.d.ts +12 -13
  55. package/lib/internal/template/slider/styles.css.js +26 -26
  56. package/lib/internal/template/slider/styles.scoped.css +86 -86
  57. package/lib/internal/template/slider/styles.selectors.js +26 -26
  58. package/lib/internal/template/spinner/styles.css.js +13 -13
  59. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  60. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  61. package/package.json +1 -1
@@ -150,52 +150,52 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- @keyframes awsui_spinner-rotator_1612d_4r7xr_1 {
153
+ @keyframes awsui_spinner-rotator_1612d_43aqr_1 {
154
154
  0% {
155
- transform: rotate(var(--awsui-spinner-rotator-from-xgujsu));
155
+ transform: rotate(var(--awsui-spinner-rotator-from-kcc2gu));
156
156
  }
157
157
  100% {
158
- transform: rotate(var(--awsui-spinner-rotator-to-xgujsu));
158
+ transform: rotate(var(--awsui-spinner-rotator-to-kcc2gu));
159
159
  }
160
160
  }
161
- @keyframes awsui_spinner-line-left_1612d_4r7xr_1 {
161
+ @keyframes awsui_spinner-line-left_1612d_43aqr_1 {
162
162
  0% {
163
- transform: rotate(var(--awsui-spinner-line-left-from-xgujsu));
163
+ transform: rotate(var(--awsui-spinner-line-left-from-kcc2gu));
164
164
  }
165
165
  50% {
166
- transform: rotate(var(--awsui-spinner-line-left-to-xgujsu));
166
+ transform: rotate(var(--awsui-spinner-line-left-to-kcc2gu));
167
167
  }
168
168
  100% {
169
- transform: rotate(var(--awsui-spinner-line-left-from-xgujsu));
169
+ transform: rotate(var(--awsui-spinner-line-left-from-kcc2gu));
170
170
  }
171
171
  }
172
- @keyframes awsui_spinner-line-right_1612d_4r7xr_1 {
172
+ @keyframes awsui_spinner-line-right_1612d_43aqr_1 {
173
173
  0% {
174
- transform: rotate(var(--awsui-spinner-line-right-from-xgujsu));
174
+ transform: rotate(var(--awsui-spinner-line-right-from-kcc2gu));
175
175
  }
176
176
  50% {
177
- transform: rotate(var(--awsui-spinner-line-right-to-xgujsu));
177
+ transform: rotate(var(--awsui-spinner-line-right-to-kcc2gu));
178
178
  }
179
179
  100% {
180
- transform: rotate(var(--awsui-spinner-line-right-from-xgujsu));
180
+ transform: rotate(var(--awsui-spinner-line-right-from-kcc2gu));
181
181
  }
182
182
  }
183
- .awsui_root_1612d_4r7xr_183:not(#\9) {
184
- --awsui-spinner-rotator-from-xgujsu: 0deg;
185
- --awsui-spinner-rotator-to-xgujsu: 360deg;
186
- --awsui-spinner-line-left-from-xgujsu: 0deg;
187
- --awsui-spinner-line-left-to-xgujsu: 120deg;
188
- --awsui-spinner-line-right-from-xgujsu: 90deg;
189
- --awsui-spinner-line-right-to-xgujsu: -30deg;
183
+ .awsui_root_1612d_43aqr_183:not(#\9) {
184
+ --awsui-spinner-rotator-from-kcc2gu: 0deg;
185
+ --awsui-spinner-rotator-to-kcc2gu: 360deg;
186
+ --awsui-spinner-line-left-from-kcc2gu: 0deg;
187
+ --awsui-spinner-line-left-to-kcc2gu: 120deg;
188
+ --awsui-spinner-line-right-from-kcc2gu: 90deg;
189
+ --awsui-spinner-line-right-to-kcc2gu: -30deg;
190
190
  display: inline-block;
191
191
  vertical-align: top;
192
192
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
193
- animation: awsui_spinner-rotator_1612d_4r7xr_1 0.7s linear infinite;
193
+ animation: awsui_spinner-rotator_1612d_43aqr_1 0.7s linear infinite;
194
194
  box-sizing: border-box;
195
195
  line-height: 0;
196
196
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
197
197
  }
198
- .awsui_root_1612d_4r7xr_183.awsui_size-normal_1612d_4r7xr_198:not(#\9) {
198
+ .awsui_root_1612d_43aqr_183.awsui_size-normal_1612d_43aqr_198:not(#\9) {
199
199
  inline-size: var(--size-icon-normal-2f5zkr, 16px);
200
200
  block-size: var(--size-icon-normal-2f5zkr, 16px);
201
201
  padding-block: calc((var(--size-icon-normal-2f5zkr, 16px) - 12px) / 2);
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
203
203
  margin-block: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / 2);
204
204
  box-sizing: border-box;
205
205
  }
206
- .awsui_root_1612d_4r7xr_183.awsui_size-big_1612d_4r7xr_206:not(#\9) {
206
+ .awsui_root_1612d_43aqr_183.awsui_size-big_1612d_43aqr_206:not(#\9) {
207
207
  inline-size: var(--size-icon-big-hnqj8f, 32px);
208
208
  block-size: var(--size-icon-big-hnqj8f, 32px);
209
209
  padding-block: calc((var(--size-icon-big-hnqj8f, 32px) - 24px) / 2);
@@ -211,7 +211,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
211
  margin-block: calc((var(--line-height-heading-xl-vs1f23, 36px) - var(--size-icon-big-hnqj8f, 32px)) / 2);
212
212
  box-sizing: border-box;
213
213
  }
214
- .awsui_root_1612d_4r7xr_183.awsui_size-large_1612d_4r7xr_214:not(#\9) {
214
+ .awsui_root_1612d_43aqr_183.awsui_size-large_1612d_43aqr_214:not(#\9) {
215
215
  inline-size: var(--size-icon-large-gj7xfw, 48px);
216
216
  block-size: var(--size-icon-large-gj7xfw, 48px);
217
217
  padding-block: calc((var(--size-icon-large-gj7xfw, 48px) - 36px) / 2);
@@ -219,32 +219,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
219
219
  margin-block: calc((var(--line-height-display-l-3zghmm, 56px) - var(--size-icon-large-gj7xfw, 48px)) / 2);
220
220
  box-sizing: border-box;
221
221
  }
222
- .awsui_root_1612d_4r7xr_183.awsui_variant-normal_1612d_4r7xr_222:not(#\9) {
222
+ .awsui_root_1612d_43aqr_183.awsui_variant-normal_1612d_43aqr_222:not(#\9) {
223
223
  color: currentColor;
224
224
  }
225
- .awsui_root_1612d_4r7xr_183.awsui_variant-disabled_1612d_4r7xr_225:not(#\9) {
225
+ .awsui_root_1612d_43aqr_183.awsui_variant-disabled_1612d_43aqr_225:not(#\9) {
226
226
  color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
227
227
  }
228
- .awsui_root_1612d_4r7xr_183.awsui_variant-inverted_1612d_4r7xr_228:not(#\9) {
228
+ .awsui_root_1612d_43aqr_183.awsui_variant-inverted_1612d_43aqr_228:not(#\9) {
229
229
  color: var(--color-text-inverted-2l365o, #ffffff);
230
230
  }
231
- .awsui_root_1612d_4r7xr_183:not(#\9):dir(rtl) {
232
- --awsui-spinner-rotator-from-xgujsu: 360deg;
233
- --awsui-spinner-rotator-to-xgujsu: 0deg;
234
- --awsui-spinner-line-left-from-xgujsu: 0deg;
235
- --awsui-spinner-line-left-to-xgujsu: -120deg;
236
- --awsui-spinner-line-right-from-xgujsu: -90deg;
237
- --awsui-spinner-line-right-to-xgujsu: 30deg;
231
+ .awsui_root_1612d_43aqr_183:not(#\9):dir(rtl) {
232
+ --awsui-spinner-rotator-from-kcc2gu: 360deg;
233
+ --awsui-spinner-rotator-to-kcc2gu: 0deg;
234
+ --awsui-spinner-line-left-from-kcc2gu: 0deg;
235
+ --awsui-spinner-line-left-to-kcc2gu: -120deg;
236
+ --awsui-spinner-line-right-from-kcc2gu: -90deg;
237
+ --awsui-spinner-line-right-to-kcc2gu: 30deg;
238
238
  }
239
239
 
240
- .awsui_circle_1612d_4r7xr_240:not(#\9) {
240
+ .awsui_circle_1612d_43aqr_240:not(#\9) {
241
241
  display: inline-block;
242
242
  inline-size: 50%;
243
243
  block-size: 100%;
244
244
  overflow: hidden;
245
245
  position: relative;
246
246
  }
247
- .awsui_circle_1612d_4r7xr_240:not(#\9):after {
247
+ .awsui_circle_1612d_43aqr_240:not(#\9):after {
248
248
  position: absolute;
249
249
  box-sizing: border-box;
250
250
  content: "";
@@ -257,7 +257,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
257
257
  border-inline-end-color: transparent;
258
258
  border-block-end-color: transparent;
259
259
  }
260
- .awsui_circle_1612d_4r7xr_240:not(#\9):after {
260
+ .awsui_circle_1612d_43aqr_240:not(#\9):after {
261
261
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
262
262
  animation: 1.5s ease-in-out infinite;
263
263
  inset-block-start: 0;
@@ -265,13 +265,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
265
265
  block-size: 100%;
266
266
  inline-size: 200%;
267
267
  }
268
- .awsui_circle_1612d_4r7xr_240.awsui_circle-left_1612d_4r7xr_268:not(#\9):after {
268
+ .awsui_circle_1612d_43aqr_240.awsui_circle-left_1612d_43aqr_268:not(#\9):after {
269
269
  inset-inline-start: 0;
270
270
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
271
- animation-name: awsui_spinner-line-left_1612d_4r7xr_1;
271
+ animation-name: awsui_spinner-line-left_1612d_43aqr_1;
272
272
  }
273
- .awsui_circle_1612d_4r7xr_240.awsui_circle-right_1612d_4r7xr_273:not(#\9):after {
273
+ .awsui_circle_1612d_43aqr_240.awsui_circle-right_1612d_43aqr_273:not(#\9):after {
274
274
  inset-inline-start: -100%;
275
275
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
276
- animation-name: awsui_spinner-line-right_1612d_4r7xr_1;
276
+ animation-name: awsui_spinner-line-right_1612d_43aqr_1;
277
277
  }
@@ -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_1612d_4r7xr_183",
6
- "spinner-rotator": "awsui_spinner-rotator_1612d_4r7xr_1",
7
- "size-normal": "awsui_size-normal_1612d_4r7xr_198",
8
- "size-big": "awsui_size-big_1612d_4r7xr_206",
9
- "size-large": "awsui_size-large_1612d_4r7xr_214",
10
- "variant-normal": "awsui_variant-normal_1612d_4r7xr_222",
11
- "variant-disabled": "awsui_variant-disabled_1612d_4r7xr_225",
12
- "variant-inverted": "awsui_variant-inverted_1612d_4r7xr_228",
13
- "circle": "awsui_circle_1612d_4r7xr_240",
14
- "circle-left": "awsui_circle-left_1612d_4r7xr_268",
15
- "spinner-line-left": "awsui_spinner-line-left_1612d_4r7xr_1",
16
- "circle-right": "awsui_circle-right_1612d_4r7xr_273",
17
- "spinner-line-right": "awsui_spinner-line-right_1612d_4r7xr_1"
5
+ "root": "awsui_root_1612d_43aqr_183",
6
+ "spinner-rotator": "awsui_spinner-rotator_1612d_43aqr_1",
7
+ "size-normal": "awsui_size-normal_1612d_43aqr_198",
8
+ "size-big": "awsui_size-big_1612d_43aqr_206",
9
+ "size-large": "awsui_size-large_1612d_43aqr_214",
10
+ "variant-normal": "awsui_variant-normal_1612d_43aqr_222",
11
+ "variant-disabled": "awsui_variant-disabled_1612d_43aqr_225",
12
+ "variant-inverted": "awsui_variant-inverted_1612d_43aqr_228",
13
+ "circle": "awsui_circle_1612d_43aqr_240",
14
+ "circle-left": "awsui_circle-left_1612d_43aqr_268",
15
+ "spinner-line-left": "awsui_spinner-line-left_1612d_43aqr_1",
16
+ "circle-right": "awsui_circle-right_1612d_43aqr_273",
17
+ "spinner-line-right": "awsui_spinner-line-right_1612d_43aqr_1"
18
18
  };
19
19
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1006",
3
+ "version": "3.0.1007",
4
4
  "files": [
5
5
  "lib"
6
6
  ],