@cloudscape-design/components-themeable 3.0.1384 → 3.0.1386

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 (80) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button/styles.scss +1 -4
  3. package/lib/internal/scss/icon/mixins.scss +0 -2
  4. package/lib/internal/scss/icon/styles.scss +8 -1
  5. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  6. package/lib/internal/scss/key-value-pairs/styles.scss +9 -2
  7. package/lib/internal/scss/space-between/styles.scss +8 -0
  8. package/lib/internal/scss/spinner/mixins.scss +0 -1
  9. package/lib/internal/scss/tiles/styles.scss +0 -1
  10. package/lib/internal/scss/toggle/motion.scss +76 -0
  11. package/lib/internal/scss/toggle/styles.scss +4 -0
  12. package/lib/internal/template/alert/styles.css.js +27 -27
  13. package/lib/internal/template/alert/styles.scoped.css +43 -43
  14. package/lib/internal/template/alert/styles.selectors.js +27 -27
  15. package/lib/internal/template/app-layout/utils/feature-flags.d.ts +1 -0
  16. package/lib/internal/template/app-layout/utils/feature-flags.d.ts.map +1 -1
  17. package/lib/internal/template/app-layout/utils/feature-flags.js +1 -0
  18. package/lib/internal/template/app-layout/utils/feature-flags.js.map +1 -1
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +1 -1
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts +2 -2
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +2 -2
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  27. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +2 -1
  28. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  29. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +2 -2
  30. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  31. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -2
  32. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  33. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +2 -2
  34. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -1
  35. package/lib/internal/template/badge/styles.css.js +10 -10
  36. package/lib/internal/template/badge/styles.scoped.css +11 -11
  37. package/lib/internal/template/badge/styles.selectors.js +10 -10
  38. package/lib/internal/template/button/styles.css.js +23 -23
  39. package/lib/internal/template/button/styles.scoped.css +72 -115
  40. package/lib/internal/template/button/styles.selectors.js +23 -23
  41. package/lib/internal/template/checkbox/styles.css.js +3 -3
  42. package/lib/internal/template/checkbox/styles.scoped.css +8 -8
  43. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  44. package/lib/internal/template/dropdown/styles.css.js +20 -20
  45. package/lib/internal/template/dropdown/styles.scoped.css +38 -38
  46. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  47. package/lib/internal/template/icon/styles.css.js +43 -43
  48. package/lib/internal/template/icon/styles.scoped.css +110 -118
  49. package/lib/internal/template/icon/styles.selectors.js +43 -43
  50. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  51. package/lib/internal/template/internal/environment.js +2 -2
  52. package/lib/internal/template/internal/environment.json +2 -2
  53. package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
  54. package/lib/internal/template/key-value-pairs/styles.scoped.css +16 -11
  55. package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
  56. package/lib/internal/template/link/styles.css.js +21 -21
  57. package/lib/internal/template/link/styles.scoped.css +73 -73
  58. package/lib/internal/template/link/styles.selectors.js +21 -21
  59. package/lib/internal/template/radio-button/styles.css.js +1 -1
  60. package/lib/internal/template/radio-button/styles.scoped.css +2 -2
  61. package/lib/internal/template/radio-button/styles.selectors.js +1 -1
  62. package/lib/internal/template/space-between/internal.d.ts.map +1 -1
  63. package/lib/internal/template/space-between/internal.js +2 -1
  64. package/lib/internal/template/space-between/internal.js.map +1 -1
  65. package/lib/internal/template/space-between/styles.css.js +24 -23
  66. package/lib/internal/template/space-between/styles.scoped.css +29 -24
  67. package/lib/internal/template/space-between/styles.selectors.js +24 -23
  68. package/lib/internal/template/spinner/styles.css.js +14 -14
  69. package/lib/internal/template/spinner/styles.scoped.css +20 -24
  70. package/lib/internal/template/spinner/styles.selectors.js +14 -14
  71. package/lib/internal/template/tiles/styles.css.js +30 -30
  72. package/lib/internal/template/tiles/styles.scoped.css +72 -76
  73. package/lib/internal/template/tiles/styles.selectors.js +30 -30
  74. package/lib/internal/template/toggle/internal.d.ts.map +1 -1
  75. package/lib/internal/template/toggle/internal.js +8 -2
  76. package/lib/internal/template/toggle/internal.js.map +1 -1
  77. package/lib/internal/template/toggle/styles.css.js +10 -10
  78. package/lib/internal/template/toggle/styles.scoped.css +20 -21
  79. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  80. package/package.json +1 -1
@@ -34,10 +34,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
34
34
  syntax: "*";
35
35
  inherits: false;
36
36
  }
37
- /* awsui:style-api-slot name=control tokens=color, background-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
38
- /* awsui:style-api-slot name=label tokens=color */
39
- /* awsui:style-api-slot name=description tokens=color */
40
- .awsui_root_4yi2u_1gepn_40:not(#\9) {
37
+ /* awsui:style-api-slot name=control tokens=color, background-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline properties= */
38
+ /* awsui:style-api-slot name=label tokens=color properties= */
39
+ /* awsui:style-api-slot name=description tokens=color properties= */
40
+ .awsui_root_4yi2u_e9sk2_40:not(#\9) {
41
41
  border-collapse: separate;
42
42
  border-spacing: 0;
43
43
  box-sizing: border-box;
@@ -70,14 +70,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
70
70
  display: flex;
71
71
  }
72
72
 
73
- .awsui_outline_4yi2u_1gepn_73:not(#\9) {
73
+ .awsui_outline_4yi2u_e9sk2_73:not(#\9) {
74
74
  position: relative;
75
75
  }
76
- .awsui_outline_4yi2u_1gepn_73:not(#\9) {
76
+ .awsui_outline_4yi2u_e9sk2_73:not(#\9) {
77
77
  outline: 2px dotted transparent;
78
78
  outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, 2px) - 1px);
79
79
  }
80
- .awsui_outline_4yi2u_1gepn_73:not(#\9)::before {
80
+ .awsui_outline_4yi2u_e9sk2_73:not(#\9)::before {
81
81
  content: " ";
82
82
  display: block;
83
83
  position: absolute;
@@ -92,7 +92,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
92
92
  box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-style-focus-ring-border-width-ka4djm, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-ka4djm, var(--color-border-item-focused-sewkzn, #0073bb)));
93
93
  }
94
94
 
95
- .awsui_toggle-control_4yi2u_1gepn_95:not(#\9) {
95
+ .awsui_toggle-control_4yi2u_e9sk2_95:not(#\9) {
96
96
  --awsui-internal-style-color: var(--awsui-style-color);
97
97
  --awsui-internal-style-background-color: var(--awsui-style-background-color);
98
98
  --awsui-internal-style-focus-ring-color: var(--awsui-style-focus-ring-color);
@@ -112,20 +112,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
112
112
  border-end-start-radius: 8px;
113
113
  border-end-end-radius: 8px;
114
114
  }
115
- .awsui_toggle-control-checked_4yi2u_1gepn_115:not(#\9) {
115
+ .awsui_toggle-control-checked_4yi2u_e9sk2_115:not(#\9) {
116
116
  background: var(--awsui-internal-style-background-color, var(--color-background-control-checked-ksqwhc, #0073bb));
117
117
  }
118
- .awsui_toggle-control-disabled_4yi2u_1gepn_118:not(#\9) {
118
+ .awsui_toggle-control-disabled_4yi2u_e9sk2_118:not(#\9) {
119
119
  background: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #d5dbdb));
120
120
  }
121
- .awsui_toggle-control-disabled_4yi2u_1gepn_118.awsui_toggle-control-checked_4yi2u_1gepn_115:not(#\9) {
121
+ .awsui_toggle-control-disabled_4yi2u_e9sk2_118.awsui_toggle-control-checked_4yi2u_e9sk2_115:not(#\9) {
122
122
  background: var(--awsui-internal-style-background-color, var(--color-background-toggle-checked-disabled-81loy3, #99cbe4));
123
123
  }
124
- .awsui_toggle-control-readonly_4yi2u_1gepn_124:not(#\9) {
124
+ .awsui_toggle-control-readonly_4yi2u_e9sk2_124:not(#\9) {
125
125
  background: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #d5dbdb));
126
126
  }
127
-
128
- .awsui_toggle-handle_4yi2u_1gepn_128:not(#\9) {
127
+ .awsui_toggle-handle_4yi2u_e9sk2_127:not(#\9) {
129
128
  display: block;
130
129
  position: absolute;
131
130
  border-start-start-radius: 6px;
@@ -141,29 +140,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
141
140
  transition: transform var(--motion-duration-fast-yb0m8k, 90ms) var(--motion-easing-ease-out-quart-k5q7pi, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-yb0m8k, 90ms) var(--motion-easing-ease-out-quart-k5q7pi, cubic-bezier(0.165, 0.84, 0.44, 1));
142
141
  }
143
142
  @media (prefers-reduced-motion: reduce) {
144
- .awsui_toggle-handle_4yi2u_1gepn_128:not(#\9) {
143
+ .awsui_toggle-handle_4yi2u_e9sk2_127:not(#\9) {
145
144
  animation: none;
146
145
  transition: none;
147
146
  }
148
147
  }
149
- .awsui-motion-disabled .awsui_toggle-handle_4yi2u_1gepn_128:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_1gepn_128:not(#\9) {
148
+ .awsui-motion-disabled .awsui_toggle-handle_4yi2u_e9sk2_127:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_e9sk2_127:not(#\9) {
150
149
  animation: none;
151
150
  transition: none;
152
151
  }
153
- .awsui_toggle-handle-checked_4yi2u_1gepn_153:not(#\9) {
152
+ .awsui_toggle-handle-checked_4yi2u_e9sk2_152:not(#\9) {
154
153
  transform: translateX(8px);
155
154
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
156
155
  }
157
- .awsui_toggle-handle-checked_4yi2u_1gepn_153:not(#\9):dir(rtl) {
156
+ .awsui_toggle-handle-checked_4yi2u_e9sk2_152:not(#\9):dir(rtl) {
158
157
  transform: translateX(-8px);
159
158
  }
160
- .awsui_toggle-handle-disabled_4yi2u_1gepn_160:not(#\9) {
159
+ .awsui_toggle-handle-disabled_4yi2u_e9sk2_159:not(#\9) {
161
160
  background: var(--awsui-internal-style-color, var(--color-foreground-control-disabled-bikivj, #ffffff));
162
161
  box-shadow: none;
163
162
  }
164
- .awsui_toggle-handle-readonly_4yi2u_1gepn_164:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1gepn_160) {
163
+ .awsui_toggle-handle-readonly_4yi2u_e9sk2_163:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_e9sk2_159) {
165
164
  box-shadow: none;
166
165
  }
167
- .awsui_toggle-handle-readonly_4yi2u_1gepn_164:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1gepn_160).awsui_toggle-handle-checked_4yi2u_1gepn_153 {
166
+ .awsui_toggle-handle-readonly_4yi2u_e9sk2_163:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_e9sk2_159).awsui_toggle-handle-checked_4yi2u_e9sk2_152 {
168
167
  background: var(--awsui-internal-style-color, var(--color-foreground-control-read-only-8sqxyy, #687078));
169
168
  }
@@ -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_1gepn_40",
6
- "outline": "awsui_outline_4yi2u_1gepn_73",
7
- "toggle-control": "awsui_toggle-control_4yi2u_1gepn_95",
8
- "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1gepn_115",
9
- "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1gepn_118",
10
- "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1gepn_124",
11
- "toggle-handle": "awsui_toggle-handle_4yi2u_1gepn_128",
12
- "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1gepn_153",
13
- "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1gepn_160",
14
- "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1gepn_164"
5
+ "root": "awsui_root_4yi2u_e9sk2_40",
6
+ "outline": "awsui_outline_4yi2u_e9sk2_73",
7
+ "toggle-control": "awsui_toggle-control_4yi2u_e9sk2_95",
8
+ "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_e9sk2_115",
9
+ "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_e9sk2_118",
10
+ "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_e9sk2_124",
11
+ "toggle-handle": "awsui_toggle-handle_4yi2u_e9sk2_127",
12
+ "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_e9sk2_152",
13
+ "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_e9sk2_159",
14
+ "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_e9sk2_163"
15
15
  };
16
16
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1384",
3
+ "version": "3.0.1386",
4
4
  "files": [
5
5
  "lib"
6
6
  ],