@cloudscape-design/components-themeable 3.0.1177 → 3.0.1178

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 (10) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/components/drag-handle-wrapper/styles.scss +4 -4
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  4. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  5. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  6. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +52 -52
  7. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  8. package/lib/internal/template/internal/environment.js +2 -2
  9. package/lib/internal/template/internal/environment.json +2 -2
  10. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "be0a90b404f14553f36bba1ad7bc4ccc7dfca9dd"
2
+ "commit": "6aace07def1de0d2f1ac9d78a11b51af09c06df7"
3
3
  }
package/lib/internal/scss/internal/components/drag-handle-wrapper/styles.scss CHANGED
@@ -89,16 +89,16 @@ $direction-button-offset: awsui.$space-static-xxs;
89
89
  inset-block-start: calc(-4 * $direction-button-wrapper-size);
90
90
  }
91
91
  .direction-button-wrapper-forced-bottom-0 {
92
- inset-block-start: calc(1 * $direction-button-wrapper-size - 50%);
92
+ inset-block-start: calc(1 * $direction-button-wrapper-size);
93
93
  }
94
94
  .direction-button-wrapper-forced-bottom-1 {
95
- inset-block-start: calc(2 * $direction-button-wrapper-size - 50%);
95
+ inset-block-start: calc(2 * $direction-button-wrapper-size);
96
96
  }
97
97
  .direction-button-wrapper-forced-bottom-2 {
98
- inset-block-start: calc(3 * $direction-button-wrapper-size - 50%);
98
+ inset-block-start: calc(3 * $direction-button-wrapper-size);
99
99
  }
100
100
  .direction-button-wrapper-forced-bottom-3 {
101
- inset-block-start: calc(4 * $direction-button-wrapper-size - 50%);
101
+ inset-block-start: calc(4 * $direction-button-wrapper-size);
102
102
  }
103
103
 
104
104
  .direction-button {
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "be0a90b4";
3
+ $awsui-commit-hash: "6aace07d";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-rhu47t;
6
6
  $minContentWidth: --awsui-min-content-width-rhu47t;
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -3747,5 +3747,5 @@ body {
3747
3747
  }
3748
3748
  }
3749
3749
  :root {
3750
- --awsui-version-info-be0a90b4: true;
3750
+ --awsui-version-info-6aace07d: true;
3751
3751
  }
package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js CHANGED
@@ -1,35 +1,35 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1u2kp_169",
5
- "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1u2kp_189",
6
- "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1u2kp_189",
7
- "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1u2kp_189",
8
- "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1u2kp_189",
9
- "drag-handle-entry": "awsui_drag-handle-entry_155yk_1u2kp_1",
10
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1u2kp_1",
11
- "drag-handle-exit": "awsui_drag-handle-exit_155yk_1u2kp_1",
12
- "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1u2kp_1",
13
- "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1u2kp_229",
14
- "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1u2kp_233",
15
- "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1u2kp_237",
16
- "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1u2kp_248",
17
- "contents": "awsui_contents_155yk_1u2kp_259",
18
- "portal-overlay": "awsui_portal-overlay_155yk_1u2kp_263",
19
- "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1u2kp_271",
20
- "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1u2kp_275",
21
- "drag-handle": "awsui_drag-handle_155yk_1u2kp_279",
22
- "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1u2kp_292",
23
- "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1u2kp_316",
24
- "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1u2kp_320",
25
- "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1u2kp_324",
26
- "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1u2kp_328",
27
- "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1u2kp_332",
28
- "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1u2kp_336",
29
- "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1u2kp_340",
30
- "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1u2kp_344",
31
- "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1u2kp_348",
32
- "direction-button": "awsui_direction-button_155yk_1u2kp_169",
33
- "direction-button-disabled": "awsui_direction-button-disabled_155yk_1u2kp_371"
4
+ "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_et4wp_169",
5
+ "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_et4wp_189",
6
+ "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_et4wp_189",
7
+ "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_et4wp_189",
8
+ "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_et4wp_189",
9
+ "drag-handle-entry": "awsui_drag-handle-entry_155yk_et4wp_1",
10
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_et4wp_1",
11
+ "drag-handle-exit": "awsui_drag-handle-exit_155yk_et4wp_1",
12
+ "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_et4wp_1",
13
+ "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_et4wp_229",
14
+ "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_et4wp_233",
15
+ "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_et4wp_237",
16
+ "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_et4wp_248",
17
+ "contents": "awsui_contents_155yk_et4wp_259",
18
+ "portal-overlay": "awsui_portal-overlay_155yk_et4wp_263",
19
+ "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_et4wp_271",
20
+ "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_et4wp_275",
21
+ "drag-handle": "awsui_drag-handle_155yk_et4wp_279",
22
+ "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_et4wp_292",
23
+ "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_et4wp_316",
24
+ "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_et4wp_320",
25
+ "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_et4wp_324",
26
+ "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_et4wp_328",
27
+ "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_et4wp_332",
28
+ "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_et4wp_336",
29
+ "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_et4wp_340",
30
+ "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_et4wp_344",
31
+ "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_et4wp_348",
32
+ "direction-button": "awsui_direction-button_155yk_et4wp_169",
33
+ "direction-button-disabled": "awsui_direction-button-disabled_155yk_et4wp_371"
34
34
  };
35
35
 
package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css CHANGED
@@ -150,7 +150,7 @@ 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_drag-handle-entry_155yk_1u2kp_1 {
153
+ @keyframes awsui_drag-handle-entry_155yk_et4wp_1 {
154
154
  from {
155
155
  transform: translate(var(--awsui-drag-handle-animation-inline-offset-rhu47t), var(--awsui-drag-handle-animation-block-offset-rhu47t));
156
156
  }
@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  transform: translate(0, 0);
159
159
  }
160
160
  }
161
- @keyframes awsui_drag-handle-exit_155yk_1u2kp_1 {
161
+ @keyframes awsui_drag-handle-exit_155yk_et4wp_1 {
162
162
  from {
163
163
  transform: translate(0, 0);
164
164
  }
@@ -166,11 +166,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
166
166
  transform: translate(var(--awsui-drag-handle-animation-inline-offset-rhu47t), var(--awsui-drag-handle-animation-block-offset-rhu47t));
167
167
  }
168
168
  }
169
- .awsui_direction-button-wrapper_155yk_1u2kp_169:not(#\9) {
169
+ .awsui_direction-button-wrapper_155yk_et4wp_169:not(#\9) {
170
170
  --awsui-drag-handle-animation-inline-offset-rhu47t: 0;
171
171
  --awsui-drag-handle-animation-block-offset-rhu47t: 0;
172
172
  }
173
- @keyframes awsui_awsui-motion-fade-in_155yk_1u2kp_1 {
173
+ @keyframes awsui_awsui-motion-fade-in_155yk_et4wp_1 {
174
174
  from {
175
175
  opacity: 0.2;
176
176
  }
@@ -178,7 +178,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
178
178
  opacity: 1;
179
179
  }
180
180
  }
181
- @keyframes awsui_awsui-motion-fade-out-0_155yk_1u2kp_1 {
181
+ @keyframes awsui_awsui-motion-fade-out-0_155yk_et4wp_1 {
182
182
  from {
183
183
  opacity: 1;
184
184
  }
@@ -186,81 +186,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  opacity: 0;
187
187
  }
188
188
  }
189
- .awsui_direction-button-wrapper-motion-enter_155yk_1u2kp_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1u2kp_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1u2kp_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1u2kp_189:not(#\9) {
189
+ .awsui_direction-button-wrapper-motion-enter_155yk_et4wp_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_et4wp_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_et4wp_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_et4wp_189:not(#\9) {
190
190
  pointer-events: none;
191
191
  }
192
- .awsui_direction-button-wrapper-motion-entering_155yk_1u2kp_189:not(#\9) {
193
- animation: awsui_drag-handle-entry_155yk_1u2kp_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out), awsui_awsui-motion-fade-in_155yk_1u2kp_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out);
192
+ .awsui_direction-button-wrapper-motion-entering_155yk_et4wp_189:not(#\9) {
193
+ animation: awsui_drag-handle-entry_155yk_et4wp_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out), awsui_awsui-motion-fade-in_155yk_et4wp_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out);
194
194
  }
195
195
  @media (prefers-reduced-motion: reduce) {
196
- .awsui_direction-button-wrapper-motion-entering_155yk_1u2kp_189:not(#\9) {
196
+ .awsui_direction-button-wrapper-motion-entering_155yk_et4wp_189:not(#\9) {
197
197
  animation: none;
198
198
  transition: none;
199
199
  }
200
200
  }
201
- .awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1u2kp_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1u2kp_189:not(#\9) {
201
+ .awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_et4wp_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_et4wp_189:not(#\9) {
202
202
  animation: none;
203
203
  transition: none;
204
204
  }
205
- .awsui_direction-button-wrapper-motion-exiting_155yk_1u2kp_189:not(#\9) {
206
- animation: awsui_drag-handle-exit_155yk_1u2kp_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards, awsui_awsui-motion-fade-out-0_155yk_1u2kp_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards;
205
+ .awsui_direction-button-wrapper-motion-exiting_155yk_et4wp_189:not(#\9) {
206
+ animation: awsui_drag-handle-exit_155yk_et4wp_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards, awsui_awsui-motion-fade-out-0_155yk_et4wp_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards;
207
207
  }
208
208
  @media (prefers-reduced-motion: reduce) {
209
- .awsui_direction-button-wrapper-motion-exiting_155yk_1u2kp_189:not(#\9) {
209
+ .awsui_direction-button-wrapper-motion-exiting_155yk_et4wp_189:not(#\9) {
210
210
  animation: none;
211
211
  transition: none;
212
212
  }
213
213
  }
214
- .awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1u2kp_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1u2kp_189:not(#\9) {
214
+ .awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_et4wp_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_et4wp_189:not(#\9) {
215
215
  animation: none;
216
216
  transition: none;
217
217
  }
218
218
  @media (prefers-reduced-motion: reduce) {
219
- .awsui_direction-button-wrapper_155yk_1u2kp_169:not(#\9) {
219
+ .awsui_direction-button-wrapper_155yk_et4wp_169:not(#\9) {
220
220
  animation: none;
221
221
  transition: none;
222
222
  }
223
223
  }
224
- .awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1u2kp_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1u2kp_169:not(#\9) {
224
+ .awsui-motion-disabled .awsui_direction-button-wrapper_155yk_et4wp_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_et4wp_169:not(#\9) {
225
225
  animation: none;
226
226
  transition: none;
227
227
  }
228
228
 
229
- .awsui_direction-button-wrapper-block-start_155yk_1u2kp_229:not(#\9) {
229
+ .awsui_direction-button-wrapper-block-start_155yk_et4wp_229:not(#\9) {
230
230
  --awsui-drag-handle-animation-block-offset-rhu47t: 20px;
231
231
  }
232
232
 
233
- .awsui_direction-button-wrapper-block-end_155yk_1u2kp_233:not(#\9) {
233
+ .awsui_direction-button-wrapper-block-end_155yk_et4wp_233:not(#\9) {
234
234
  --awsui-drag-handle-animation-block-offset-rhu47t: -20px;
235
235
  }
236
236
 
237
- .awsui_direction-button-wrapper-inline-start_155yk_1u2kp_237:not(#\9) {
237
+ .awsui_direction-button-wrapper-inline-start_155yk_et4wp_237:not(#\9) {
238
238
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
239
239
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
240
240
  }
241
- .awsui_direction-button-wrapper-inline-start_155yk_1u2kp_237:not(#\9):dir(ltr) {
241
+ .awsui_direction-button-wrapper-inline-start_155yk_et4wp_237:not(#\9):dir(ltr) {
242
242
  --awsui-drag-handle-animation-inline-offset-rhu47t: 20px;
243
243
  }
244
- .awsui_direction-button-wrapper-inline-start_155yk_1u2kp_237:not(#\9):dir(rtl) {
244
+ .awsui_direction-button-wrapper-inline-start_155yk_et4wp_237:not(#\9):dir(rtl) {
245
245
  --awsui-drag-handle-animation-inline-offset-rhu47t: -20px;
246
246
  }
247
247
 
248
- .awsui_direction-button-wrapper-inline-end_155yk_1u2kp_248:not(#\9) {
248
+ .awsui_direction-button-wrapper-inline-end_155yk_et4wp_248:not(#\9) {
249
249
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
250
250
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
251
251
  }
252
- .awsui_direction-button-wrapper-inline-end_155yk_1u2kp_248:not(#\9):dir(ltr) {
252
+ .awsui_direction-button-wrapper-inline-end_155yk_et4wp_248:not(#\9):dir(ltr) {
253
253
  --awsui-drag-handle-animation-inline-offset-rhu47t: -20px;
254
254
  }
255
- .awsui_direction-button-wrapper-inline-end_155yk_1u2kp_248:not(#\9):dir(rtl) {
255
+ .awsui_direction-button-wrapper-inline-end_155yk_et4wp_248:not(#\9):dir(rtl) {
256
256
  --awsui-drag-handle-animation-inline-offset-rhu47t: 20px;
257
257
  }
258
258
 
259
- .awsui_contents_155yk_1u2kp_259:not(#\9) {
259
+ .awsui_contents_155yk_et4wp_259:not(#\9) {
260
260
  display: contents;
261
261
  }
262
262
 
263
- .awsui_portal-overlay_155yk_1u2kp_263:not(#\9) {
263
+ .awsui_portal-overlay_155yk_et4wp_263:not(#\9) {
264
264
  position: absolute;
265
265
  inset-block-start: 0;
266
266
  inset-inline-start: 0;
@@ -268,20 +268,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
268
268
  z-index: 7000;
269
269
  }
270
270
 
271
- .awsui_portal-overlay-disabled_155yk_1u2kp_271:not(#\9) {
271
+ .awsui_portal-overlay-disabled_155yk_et4wp_271:not(#\9) {
272
272
  display: none;
273
273
  }
274
274
 
275
- .awsui_portal-overlay-contents_155yk_1u2kp_275:not(#\9) {
275
+ .awsui_portal-overlay-contents_155yk_et4wp_275:not(#\9) {
276
276
  pointer-events: auto;
277
277
  }
278
278
 
279
- .awsui_drag-handle_155yk_1u2kp_279:not(#\9) {
279
+ .awsui_drag-handle_155yk_et4wp_279:not(#\9) {
280
280
  position: relative;
281
281
  display: inline-flex;
282
282
  }
283
283
 
284
- .awsui_direction-button-wrapper_155yk_1u2kp_169:not(#\9) {
284
+ .awsui_direction-button-wrapper_155yk_et4wp_169:not(#\9) {
285
285
  position: absolute;
286
286
  block-size: var(--space-static-xl-pek4x1, 24px);
287
287
  inline-size: var(--space-static-xl-pek4x1, 24px);
@@ -289,67 +289,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
289
289
  padding-inline: var(--space-static-xxs-0cgyf1, 4px);
290
290
  }
291
291
 
292
- .awsui_direction-button-wrapper-hidden_155yk_1u2kp_292:not(#\9) {
292
+ .awsui_direction-button-wrapper-hidden_155yk_et4wp_292:not(#\9) {
293
293
  display: none;
294
294
  }
295
295
 
296
- .awsui_direction-button-wrapper-block-start_155yk_1u2kp_229:not(#\9) {
296
+ .awsui_direction-button-wrapper-block-start_155yk_et4wp_229:not(#\9) {
297
297
  inset-block-start: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
298
298
  inset-inline-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
299
299
  }
300
300
 
301
- .awsui_direction-button-wrapper-block-end_155yk_1u2kp_233:not(#\9) {
301
+ .awsui_direction-button-wrapper-block-end_155yk_et4wp_233:not(#\9) {
302
302
  inset-block-end: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
303
303
  inset-inline-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
304
304
  }
305
305
 
306
- .awsui_direction-button-wrapper-inline-start_155yk_1u2kp_237:not(#\9) {
306
+ .awsui_direction-button-wrapper-inline-start_155yk_et4wp_237:not(#\9) {
307
307
  inset-inline-start: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
308
308
  inset-block-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
309
309
  }
310
310
 
311
- .awsui_direction-button-wrapper-inline-end_155yk_1u2kp_248:not(#\9) {
311
+ .awsui_direction-button-wrapper-inline-end_155yk_et4wp_248:not(#\9) {
312
312
  inset-inline-end: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
313
313
  inset-block-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
314
314
  }
315
315
 
316
- .awsui_direction-button-wrapper-forced_155yk_1u2kp_316:not(#\9) {
316
+ .awsui_direction-button-wrapper-forced_155yk_et4wp_316:not(#\9) {
317
317
  inset-inline-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
318
318
  }
319
319
 
320
- .awsui_direction-button-wrapper-forced-top-0_155yk_1u2kp_320:not(#\9) {
320
+ .awsui_direction-button-wrapper-forced-top-0_155yk_et4wp_320:not(#\9) {
321
321
  inset-block-start: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
322
322
  }
323
323
 
324
- .awsui_direction-button-wrapper-forced-top-1_155yk_1u2kp_324:not(#\9) {
324
+ .awsui_direction-button-wrapper-forced-top-1_155yk_et4wp_324:not(#\9) {
325
325
  inset-block-start: calc(-2 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
326
326
  }
327
327
 
328
- .awsui_direction-button-wrapper-forced-top-2_155yk_1u2kp_328:not(#\9) {
328
+ .awsui_direction-button-wrapper-forced-top-2_155yk_et4wp_328:not(#\9) {
329
329
  inset-block-start: calc(-3 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
330
330
  }
331
331
 
332
- .awsui_direction-button-wrapper-forced-top-3_155yk_1u2kp_332:not(#\9) {
332
+ .awsui_direction-button-wrapper-forced-top-3_155yk_et4wp_332:not(#\9) {
333
333
  inset-block-start: calc(-4 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
334
334
  }
335
335
 
336
- .awsui_direction-button-wrapper-forced-bottom-0_155yk_1u2kp_336:not(#\9) {
337
- inset-block-start: calc(1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) - 50%);
336
+ .awsui_direction-button-wrapper-forced-bottom-0_155yk_et4wp_336:not(#\9) {
337
+ inset-block-start: calc(1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
338
338
  }
339
339
 
340
- .awsui_direction-button-wrapper-forced-bottom-1_155yk_1u2kp_340:not(#\9) {
341
- inset-block-start: calc(2 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) - 50%);
340
+ .awsui_direction-button-wrapper-forced-bottom-1_155yk_et4wp_340:not(#\9) {
341
+ inset-block-start: calc(2 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
342
342
  }
343
343
 
344
- .awsui_direction-button-wrapper-forced-bottom-2_155yk_1u2kp_344:not(#\9) {
345
- inset-block-start: calc(3 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) - 50%);
344
+ .awsui_direction-button-wrapper-forced-bottom-2_155yk_et4wp_344:not(#\9) {
345
+ inset-block-start: calc(3 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
346
346
  }
347
347
 
348
- .awsui_direction-button-wrapper-forced-bottom-3_155yk_1u2kp_348:not(#\9) {
349
- inset-block-start: calc(4 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) - 50%);
348
+ .awsui_direction-button-wrapper-forced-bottom-3_155yk_et4wp_348:not(#\9) {
349
+ inset-block-start: calc(4 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
350
350
  }
351
351
 
352
- .awsui_direction-button_155yk_1u2kp_169:not(#\9) {
352
+ .awsui_direction-button_155yk_et4wp_169:not(#\9) {
353
353
  position: absolute;
354
354
  border-width: 0;
355
355
  cursor: pointer;
@@ -368,14 +368,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
368
368
  color: var(--color-text-direction-button-default-dkices, #ffffff);
369
369
  box-shadow: var(--shadow-dropdown-skxpuu, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
370
370
  }
371
- .awsui_direction-button_155yk_1u2kp_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1u2kp_371):hover {
371
+ .awsui_direction-button_155yk_et4wp_169:not(#\9):not(.awsui_direction-button-disabled_155yk_et4wp_371):hover {
372
372
  background-color: var(--color-background-direction-button-hover-v5bxfc, #414750);
373
373
  }
374
- .awsui_direction-button_155yk_1u2kp_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1u2kp_371):active {
374
+ .awsui_direction-button_155yk_et4wp_169:not(#\9):not(.awsui_direction-button-disabled_155yk_et4wp_371):active {
375
375
  background-color: var(--color-background-direction-button-active-wn6s2j, #2a2e33);
376
376
  }
377
377
 
378
- .awsui_direction-button-disabled_155yk_1u2kp_371:not(#\9) {
378
+ .awsui_direction-button-disabled_155yk_et4wp_371:not(#\9) {
379
379
  cursor: default;
380
380
  background-color: var(--color-background-direction-button-disabled-rcznmi, #eaeded);
381
381
  color: var(--color-text-direction-button-disabled-596cgx, #aab7b8);
package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js CHANGED
@@ -2,35 +2,35 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1u2kp_169",
6
- "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1u2kp_189",
7
- "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1u2kp_189",
8
- "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1u2kp_189",
9
- "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1u2kp_189",
10
- "drag-handle-entry": "awsui_drag-handle-entry_155yk_1u2kp_1",
11
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1u2kp_1",
12
- "drag-handle-exit": "awsui_drag-handle-exit_155yk_1u2kp_1",
13
- "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1u2kp_1",
14
- "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1u2kp_229",
15
- "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1u2kp_233",
16
- "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1u2kp_237",
17
- "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1u2kp_248",
18
- "contents": "awsui_contents_155yk_1u2kp_259",
19
- "portal-overlay": "awsui_portal-overlay_155yk_1u2kp_263",
20
- "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1u2kp_271",
21
- "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1u2kp_275",
22
- "drag-handle": "awsui_drag-handle_155yk_1u2kp_279",
23
- "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1u2kp_292",
24
- "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1u2kp_316",
25
- "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1u2kp_320",
26
- "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1u2kp_324",
27
- "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1u2kp_328",
28
- "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1u2kp_332",
29
- "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1u2kp_336",
30
- "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1u2kp_340",
31
- "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1u2kp_344",
32
- "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1u2kp_348",
33
- "direction-button": "awsui_direction-button_155yk_1u2kp_169",
34
- "direction-button-disabled": "awsui_direction-button-disabled_155yk_1u2kp_371"
5
+ "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_et4wp_169",
6
+ "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_et4wp_189",
7
+ "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_et4wp_189",
8
+ "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_et4wp_189",
9
+ "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_et4wp_189",
10
+ "drag-handle-entry": "awsui_drag-handle-entry_155yk_et4wp_1",
11
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_et4wp_1",
12
+ "drag-handle-exit": "awsui_drag-handle-exit_155yk_et4wp_1",
13
+ "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_et4wp_1",
14
+ "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_et4wp_229",
15
+ "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_et4wp_233",
16
+ "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_et4wp_237",
17
+ "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_et4wp_248",
18
+ "contents": "awsui_contents_155yk_et4wp_259",
19
+ "portal-overlay": "awsui_portal-overlay_155yk_et4wp_263",
20
+ "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_et4wp_271",
21
+ "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_et4wp_275",
22
+ "drag-handle": "awsui_drag-handle_155yk_et4wp_279",
23
+ "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_et4wp_292",
24
+ "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_et4wp_316",
25
+ "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_et4wp_320",
26
+ "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_et4wp_324",
27
+ "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_et4wp_328",
28
+ "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_et4wp_332",
29
+ "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_et4wp_336",
30
+ "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_et4wp_340",
31
+ "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_et4wp_344",
32
+ "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_et4wp_348",
33
+ "direction-button": "awsui_direction-button_155yk_et4wp_169",
34
+ "direction-button-disabled": "awsui_direction-button-disabled_155yk_et4wp_371"
35
35
  };
36
36
 
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (be0a90b4)";
3
- export var GIT_SHA = "be0a90b4";
2
+ export var PACKAGE_VERSION = "3.0.0 (6aace07d)";
3
+ export var GIT_SHA = "6aace07d";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (be0a90b4)",
4
- "GIT_SHA": "be0a90b4",
3
+ "PACKAGE_VERSION": "3.0.0 (6aace07d)",
4
+ "GIT_SHA": "6aace07d",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1177",
3
+ "version": "3.0.1178",
4
4
  "files": [
5
5
  "lib"
6
6
  ],