@carbon/styles 1.29.0 → 1.30.0

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 (34) hide show
  1. package/css/styles.css +201 -258
  2. package/css/styles.min.css +1 -1
  3. package/package.json +10 -10
  4. package/scss/__tests__/__snapshots__/motion-test.js.snap +6 -0
  5. package/scss/__tests__/__snapshots__/spacing-test.js.snap +56 -0
  6. package/scss/__tests__/__snapshots__/type-test.js.snap +1547 -1381
  7. package/scss/__tests__/spacing-test.js +31 -0
  8. package/scss/__tests__/type-test.js +2 -0
  9. package/scss/_spacing.scss +5 -1
  10. package/scss/components/content-switcher/_content-switcher.scss +6 -2
  11. package/scss/components/data-table/_data-table.scss +12 -4
  12. package/scss/components/data-table/_mixins.scss +6 -2
  13. package/scss/components/data-table/action/_data-table-action.scss +6 -2
  14. package/scss/components/data-table/expandable/_data-table-expandable.scss +3 -1
  15. package/scss/components/data-table/sort/_data-table-sort.scss +3 -1
  16. package/scss/components/file-uploader/_file-uploader.scss +0 -3
  17. package/scss/components/fluid-date-picker/_fluid-date-picker.scss +21 -7
  18. package/scss/components/fluid-list-box/_fluid-list-box.scss +9 -3
  19. package/scss/components/fluid-multiselect/_fluid-multiselect.scss +3 -1
  20. package/scss/components/fluid-number-input/_fluid-number-input.scss +24 -8
  21. package/scss/components/form/_form.scss +3 -7
  22. package/scss/components/multiselect/_multiselect.scss +3 -1
  23. package/scss/components/notification/_actionable-notification.scss +46 -19
  24. package/scss/components/notification/_inline-notification.scss +10 -3
  25. package/scss/components/notification/_toast-notification.scss +7 -2
  26. package/scss/components/overflow-menu/_overflow-menu.scss +3 -1
  27. package/scss/components/popover/_popover.scss +15 -4
  28. package/scss/components/progress-indicator/_progress-indicator.scss +3 -1
  29. package/scss/components/structured-list/_structured-list.scss +11 -19
  30. package/scss/components/tabs/_tabs.scss +58 -6
  31. package/scss/components/tile/_tile.scss +42 -5
  32. package/scss/components/ui-shell/header/_header.scss +25 -10
  33. package/scss/components/ui-shell/side-nav/_side-nav.scss +21 -2
  34. package/scss/type/_index.scss +1 -0
package/css/styles.css CHANGED
@@ -1362,21 +1362,17 @@ em {
1362
1362
  .cds--md\:col-span-auto {
1363
1363
  grid-column: auto;
1364
1364
  }
1365
-
1366
1365
  .cds--md\:col-span-100 {
1367
1366
  grid-column: 1/-1;
1368
1367
  }
1369
-
1370
1368
  .cds--md\:col-span-75 {
1371
1369
  --cds-grid-columns: 6;
1372
1370
  grid-column: span 6 / span 6;
1373
1371
  }
1374
-
1375
1372
  .cds--md\:col-span-50 {
1376
1373
  --cds-grid-columns: 4;
1377
1374
  grid-column: span 4 / span 4;
1378
1375
  }
1379
-
1380
1376
  .cds--md\:col-span-25 {
1381
1377
  --cds-grid-columns: 2;
1382
1378
  grid-column: span 2 / span 2;
@@ -1503,21 +1499,17 @@ em {
1503
1499
  .cds--lg\:col-span-auto {
1504
1500
  grid-column: auto;
1505
1501
  }
1506
-
1507
1502
  .cds--lg\:col-span-100 {
1508
1503
  grid-column: 1/-1;
1509
1504
  }
1510
-
1511
1505
  .cds--lg\:col-span-75 {
1512
1506
  --cds-grid-columns: 12;
1513
1507
  grid-column: span 12 / span 12;
1514
1508
  }
1515
-
1516
1509
  .cds--lg\:col-span-50 {
1517
1510
  --cds-grid-columns: 8;
1518
1511
  grid-column: span 8 / span 8;
1519
1512
  }
1520
-
1521
1513
  .cds--lg\:col-span-25 {
1522
1514
  --cds-grid-columns: 4;
1523
1515
  grid-column: span 4 / span 4;
@@ -1644,21 +1636,17 @@ em {
1644
1636
  .cds--xlg\:col-span-auto {
1645
1637
  grid-column: auto;
1646
1638
  }
1647
-
1648
1639
  .cds--xlg\:col-span-100 {
1649
1640
  grid-column: 1/-1;
1650
1641
  }
1651
-
1652
1642
  .cds--xlg\:col-span-75 {
1653
1643
  --cds-grid-columns: 12;
1654
1644
  grid-column: span 12 / span 12;
1655
1645
  }
1656
-
1657
1646
  .cds--xlg\:col-span-50 {
1658
1647
  --cds-grid-columns: 8;
1659
1648
  grid-column: span 8 / span 8;
1660
1649
  }
1661
-
1662
1650
  .cds--xlg\:col-span-25 {
1663
1651
  --cds-grid-columns: 4;
1664
1652
  grid-column: span 4 / span 4;
@@ -1785,21 +1773,17 @@ em {
1785
1773
  .cds--max\:col-span-auto {
1786
1774
  grid-column: auto;
1787
1775
  }
1788
-
1789
1776
  .cds--max\:col-span-100 {
1790
1777
  grid-column: 1/-1;
1791
1778
  }
1792
-
1793
1779
  .cds--max\:col-span-75 {
1794
1780
  --cds-grid-columns: 12;
1795
1781
  grid-column: span 12 / span 12;
1796
1782
  }
1797
-
1798
1783
  .cds--max\:col-span-50 {
1799
1784
  --cds-grid-columns: 8;
1800
1785
  grid-column: span 8 / span 8;
1801
1786
  }
1802
-
1803
1787
  .cds--max\:col-span-25 {
1804
1788
  --cds-grid-columns: 4;
1805
1789
  grid-column: span 4 / span 4;
@@ -2140,135 +2124,102 @@ em {
2140
2124
  .cds--md\:col-start-1 {
2141
2125
  grid-column-start: 1;
2142
2126
  }
2143
-
2144
2127
  .cds--md\:col-start-2 {
2145
2128
  grid-column-start: 2;
2146
2129
  }
2147
-
2148
2130
  .cds--md\:col-start-3 {
2149
2131
  grid-column-start: 3;
2150
2132
  }
2151
-
2152
2133
  .cds--md\:col-start-4 {
2153
2134
  grid-column-start: 4;
2154
2135
  }
2155
-
2156
2136
  .cds--md\:col-start-5 {
2157
2137
  grid-column-start: 5;
2158
2138
  }
2159
-
2160
2139
  .cds--md\:col-start-6 {
2161
2140
  grid-column-start: 6;
2162
2141
  }
2163
-
2164
2142
  .cds--md\:col-start-7 {
2165
2143
  grid-column-start: 7;
2166
2144
  }
2167
-
2168
2145
  .cds--md\:col-start-8 {
2169
2146
  grid-column-start: 8;
2170
2147
  }
2171
-
2172
2148
  .cds--md\:col-start-9 {
2173
2149
  grid-column-start: 9;
2174
2150
  }
2175
-
2176
2151
  .cds--md\:col-start-10 {
2177
2152
  grid-column-start: 10;
2178
2153
  }
2179
-
2180
2154
  .cds--md\:col-start-11 {
2181
2155
  grid-column-start: 11;
2182
2156
  }
2183
-
2184
2157
  .cds--md\:col-start-12 {
2185
2158
  grid-column-start: 12;
2186
2159
  }
2187
-
2188
2160
  .cds--md\:col-start-13 {
2189
2161
  grid-column-start: 13;
2190
2162
  }
2191
-
2192
2163
  .cds--md\:col-start-14 {
2193
2164
  grid-column-start: 14;
2194
2165
  }
2195
-
2196
2166
  .cds--md\:col-start-15 {
2197
2167
  grid-column-start: 15;
2198
2168
  }
2199
-
2200
2169
  .cds--md\:col-start-16 {
2201
2170
  grid-column-start: 16;
2202
2171
  }
2203
-
2204
2172
  .cds--md\:col-end-2 {
2205
2173
  grid-column-end: 2;
2206
2174
  }
2207
-
2208
2175
  .cds--md\:col-end-3 {
2209
2176
  grid-column-end: 3;
2210
2177
  }
2211
-
2212
2178
  .cds--md\:col-end-4 {
2213
2179
  grid-column-end: 4;
2214
2180
  }
2215
-
2216
2181
  .cds--md\:col-end-5 {
2217
2182
  grid-column-end: 5;
2218
2183
  }
2219
-
2220
2184
  .cds--md\:col-end-6 {
2221
2185
  grid-column-end: 6;
2222
2186
  }
2223
-
2224
2187
  .cds--md\:col-end-7 {
2225
2188
  grid-column-end: 7;
2226
2189
  }
2227
-
2228
2190
  .cds--md\:col-end-8 {
2229
2191
  grid-column-end: 8;
2230
2192
  }
2231
-
2232
2193
  .cds--md\:col-end-9 {
2233
2194
  grid-column-end: 9;
2234
2195
  }
2235
-
2236
2196
  .cds--md\:col-end-10 {
2237
2197
  grid-column-end: 10;
2238
2198
  }
2239
-
2240
2199
  .cds--md\:col-end-11 {
2241
2200
  grid-column-end: 11;
2242
2201
  }
2243
-
2244
2202
  .cds--md\:col-end-12 {
2245
2203
  grid-column-end: 12;
2246
2204
  }
2247
-
2248
2205
  .cds--md\:col-end-13 {
2249
2206
  grid-column-end: 13;
2250
2207
  }
2251
-
2252
2208
  .cds--md\:col-end-14 {
2253
2209
  grid-column-end: 14;
2254
2210
  }
2255
-
2256
2211
  .cds--md\:col-end-15 {
2257
2212
  grid-column-end: 15;
2258
2213
  }
2259
-
2260
2214
  .cds--md\:col-end-16 {
2261
2215
  grid-column-end: 16;
2262
2216
  }
2263
-
2264
2217
  .cds--md\:col-end-17 {
2265
2218
  grid-column-end: 17;
2266
2219
  }
2267
-
2268
2220
  .cds--md\:col-start-auto {
2269
2221
  grid-column-start: auto;
2270
2222
  }
2271
-
2272
2223
  .cds--md\:col-end-auto {
2273
2224
  grid-column-end: auto;
2274
2225
  }
@@ -2277,135 +2228,102 @@ em {
2277
2228
  .cds--lg\:col-start-1 {
2278
2229
  grid-column-start: 1;
2279
2230
  }
2280
-
2281
2231
  .cds--lg\:col-start-2 {
2282
2232
  grid-column-start: 2;
2283
2233
  }
2284
-
2285
2234
  .cds--lg\:col-start-3 {
2286
2235
  grid-column-start: 3;
2287
2236
  }
2288
-
2289
2237
  .cds--lg\:col-start-4 {
2290
2238
  grid-column-start: 4;
2291
2239
  }
2292
-
2293
2240
  .cds--lg\:col-start-5 {
2294
2241
  grid-column-start: 5;
2295
2242
  }
2296
-
2297
2243
  .cds--lg\:col-start-6 {
2298
2244
  grid-column-start: 6;
2299
2245
  }
2300
-
2301
2246
  .cds--lg\:col-start-7 {
2302
2247
  grid-column-start: 7;
2303
2248
  }
2304
-
2305
2249
  .cds--lg\:col-start-8 {
2306
2250
  grid-column-start: 8;
2307
2251
  }
2308
-
2309
2252
  .cds--lg\:col-start-9 {
2310
2253
  grid-column-start: 9;
2311
2254
  }
2312
-
2313
2255
  .cds--lg\:col-start-10 {
2314
2256
  grid-column-start: 10;
2315
2257
  }
2316
-
2317
2258
  .cds--lg\:col-start-11 {
2318
2259
  grid-column-start: 11;
2319
2260
  }
2320
-
2321
2261
  .cds--lg\:col-start-12 {
2322
2262
  grid-column-start: 12;
2323
2263
  }
2324
-
2325
2264
  .cds--lg\:col-start-13 {
2326
2265
  grid-column-start: 13;
2327
2266
  }
2328
-
2329
2267
  .cds--lg\:col-start-14 {
2330
2268
  grid-column-start: 14;
2331
2269
  }
2332
-
2333
2270
  .cds--lg\:col-start-15 {
2334
2271
  grid-column-start: 15;
2335
2272
  }
2336
-
2337
2273
  .cds--lg\:col-start-16 {
2338
2274
  grid-column-start: 16;
2339
2275
  }
2340
-
2341
2276
  .cds--lg\:col-end-2 {
2342
2277
  grid-column-end: 2;
2343
2278
  }
2344
-
2345
2279
  .cds--lg\:col-end-3 {
2346
2280
  grid-column-end: 3;
2347
2281
  }
2348
-
2349
2282
  .cds--lg\:col-end-4 {
2350
2283
  grid-column-end: 4;
2351
2284
  }
2352
-
2353
2285
  .cds--lg\:col-end-5 {
2354
2286
  grid-column-end: 5;
2355
2287
  }
2356
-
2357
2288
  .cds--lg\:col-end-6 {
2358
2289
  grid-column-end: 6;
2359
2290
  }
2360
-
2361
2291
  .cds--lg\:col-end-7 {
2362
2292
  grid-column-end: 7;
2363
2293
  }
2364
-
2365
2294
  .cds--lg\:col-end-8 {
2366
2295
  grid-column-end: 8;
2367
2296
  }
2368
-
2369
2297
  .cds--lg\:col-end-9 {
2370
2298
  grid-column-end: 9;
2371
2299
  }
2372
-
2373
2300
  .cds--lg\:col-end-10 {
2374
2301
  grid-column-end: 10;
2375
2302
  }
2376
-
2377
2303
  .cds--lg\:col-end-11 {
2378
2304
  grid-column-end: 11;
2379
2305
  }
2380
-
2381
2306
  .cds--lg\:col-end-12 {
2382
2307
  grid-column-end: 12;
2383
2308
  }
2384
-
2385
2309
  .cds--lg\:col-end-13 {
2386
2310
  grid-column-end: 13;
2387
2311
  }
2388
-
2389
2312
  .cds--lg\:col-end-14 {
2390
2313
  grid-column-end: 14;
2391
2314
  }
2392
-
2393
2315
  .cds--lg\:col-end-15 {
2394
2316
  grid-column-end: 15;
2395
2317
  }
2396
-
2397
2318
  .cds--lg\:col-end-16 {
2398
2319
  grid-column-end: 16;
2399
2320
  }
2400
-
2401
2321
  .cds--lg\:col-end-17 {
2402
2322
  grid-column-end: 17;
2403
2323
  }
2404
-
2405
2324
  .cds--lg\:col-start-auto {
2406
2325
  grid-column-start: auto;
2407
2326
  }
2408
-
2409
2327
  .cds--lg\:col-end-auto {
2410
2328
  grid-column-end: auto;
2411
2329
  }
@@ -2414,135 +2332,102 @@ em {
2414
2332
  .cds--xlg\:col-start-1 {
2415
2333
  grid-column-start: 1;
2416
2334
  }
2417
-
2418
2335
  .cds--xlg\:col-start-2 {
2419
2336
  grid-column-start: 2;
2420
2337
  }
2421
-
2422
2338
  .cds--xlg\:col-start-3 {
2423
2339
  grid-column-start: 3;
2424
2340
  }
2425
-
2426
2341
  .cds--xlg\:col-start-4 {
2427
2342
  grid-column-start: 4;
2428
2343
  }
2429
-
2430
2344
  .cds--xlg\:col-start-5 {
2431
2345
  grid-column-start: 5;
2432
2346
  }
2433
-
2434
2347
  .cds--xlg\:col-start-6 {
2435
2348
  grid-column-start: 6;
2436
2349
  }
2437
-
2438
2350
  .cds--xlg\:col-start-7 {
2439
2351
  grid-column-start: 7;
2440
2352
  }
2441
-
2442
2353
  .cds--xlg\:col-start-8 {
2443
2354
  grid-column-start: 8;
2444
2355
  }
2445
-
2446
2356
  .cds--xlg\:col-start-9 {
2447
2357
  grid-column-start: 9;
2448
2358
  }
2449
-
2450
2359
  .cds--xlg\:col-start-10 {
2451
2360
  grid-column-start: 10;
2452
2361
  }
2453
-
2454
2362
  .cds--xlg\:col-start-11 {
2455
2363
  grid-column-start: 11;
2456
2364
  }
2457
-
2458
2365
  .cds--xlg\:col-start-12 {
2459
2366
  grid-column-start: 12;
2460
2367
  }
2461
-
2462
2368
  .cds--xlg\:col-start-13 {
2463
2369
  grid-column-start: 13;
2464
2370
  }
2465
-
2466
2371
  .cds--xlg\:col-start-14 {
2467
2372
  grid-column-start: 14;
2468
2373
  }
2469
-
2470
2374
  .cds--xlg\:col-start-15 {
2471
2375
  grid-column-start: 15;
2472
2376
  }
2473
-
2474
2377
  .cds--xlg\:col-start-16 {
2475
2378
  grid-column-start: 16;
2476
2379
  }
2477
-
2478
2380
  .cds--xlg\:col-end-2 {
2479
2381
  grid-column-end: 2;
2480
2382
  }
2481
-
2482
2383
  .cds--xlg\:col-end-3 {
2483
2384
  grid-column-end: 3;
2484
2385
  }
2485
-
2486
2386
  .cds--xlg\:col-end-4 {
2487
2387
  grid-column-end: 4;
2488
2388
  }
2489
-
2490
2389
  .cds--xlg\:col-end-5 {
2491
2390
  grid-column-end: 5;
2492
2391
  }
2493
-
2494
2392
  .cds--xlg\:col-end-6 {
2495
2393
  grid-column-end: 6;
2496
2394
  }
2497
-
2498
2395
  .cds--xlg\:col-end-7 {
2499
2396
  grid-column-end: 7;
2500
2397
  }
2501
-
2502
2398
  .cds--xlg\:col-end-8 {
2503
2399
  grid-column-end: 8;
2504
2400
  }
2505
-
2506
2401
  .cds--xlg\:col-end-9 {
2507
2402
  grid-column-end: 9;
2508
2403
  }
2509
-
2510
2404
  .cds--xlg\:col-end-10 {
2511
2405
  grid-column-end: 10;
2512
2406
  }
2513
-
2514
2407
  .cds--xlg\:col-end-11 {
2515
2408
  grid-column-end: 11;
2516
2409
  }
2517
-
2518
2410
  .cds--xlg\:col-end-12 {
2519
2411
  grid-column-end: 12;
2520
2412
  }
2521
-
2522
2413
  .cds--xlg\:col-end-13 {
2523
2414
  grid-column-end: 13;
2524
2415
  }
2525
-
2526
2416
  .cds--xlg\:col-end-14 {
2527
2417
  grid-column-end: 14;
2528
2418
  }
2529
-
2530
2419
  .cds--xlg\:col-end-15 {
2531
2420
  grid-column-end: 15;
2532
2421
  }
2533
-
2534
2422
  .cds--xlg\:col-end-16 {
2535
2423
  grid-column-end: 16;
2536
2424
  }
2537
-
2538
2425
  .cds--xlg\:col-end-17 {
2539
2426
  grid-column-end: 17;
2540
2427
  }
2541
-
2542
2428
  .cds--xlg\:col-start-auto {
2543
2429
  grid-column-start: auto;
2544
2430
  }
2545
-
2546
2431
  .cds--xlg\:col-end-auto {
2547
2432
  grid-column-end: auto;
2548
2433
  }
@@ -2551,135 +2436,102 @@ em {
2551
2436
  .cds--max\:col-start-1 {
2552
2437
  grid-column-start: 1;
2553
2438
  }
2554
-
2555
2439
  .cds--max\:col-start-2 {
2556
2440
  grid-column-start: 2;
2557
2441
  }
2558
-
2559
2442
  .cds--max\:col-start-3 {
2560
2443
  grid-column-start: 3;
2561
2444
  }
2562
-
2563
2445
  .cds--max\:col-start-4 {
2564
2446
  grid-column-start: 4;
2565
2447
  }
2566
-
2567
2448
  .cds--max\:col-start-5 {
2568
2449
  grid-column-start: 5;
2569
2450
  }
2570
-
2571
2451
  .cds--max\:col-start-6 {
2572
2452
  grid-column-start: 6;
2573
2453
  }
2574
-
2575
2454
  .cds--max\:col-start-7 {
2576
2455
  grid-column-start: 7;
2577
2456
  }
2578
-
2579
2457
  .cds--max\:col-start-8 {
2580
2458
  grid-column-start: 8;
2581
2459
  }
2582
-
2583
2460
  .cds--max\:col-start-9 {
2584
2461
  grid-column-start: 9;
2585
2462
  }
2586
-
2587
2463
  .cds--max\:col-start-10 {
2588
2464
  grid-column-start: 10;
2589
2465
  }
2590
-
2591
2466
  .cds--max\:col-start-11 {
2592
2467
  grid-column-start: 11;
2593
2468
  }
2594
-
2595
2469
  .cds--max\:col-start-12 {
2596
2470
  grid-column-start: 12;
2597
2471
  }
2598
-
2599
2472
  .cds--max\:col-start-13 {
2600
2473
  grid-column-start: 13;
2601
2474
  }
2602
-
2603
2475
  .cds--max\:col-start-14 {
2604
2476
  grid-column-start: 14;
2605
2477
  }
2606
-
2607
2478
  .cds--max\:col-start-15 {
2608
2479
  grid-column-start: 15;
2609
2480
  }
2610
-
2611
2481
  .cds--max\:col-start-16 {
2612
2482
  grid-column-start: 16;
2613
2483
  }
2614
-
2615
2484
  .cds--max\:col-end-2 {
2616
2485
  grid-column-end: 2;
2617
2486
  }
2618
-
2619
2487
  .cds--max\:col-end-3 {
2620
2488
  grid-column-end: 3;
2621
2489
  }
2622
-
2623
2490
  .cds--max\:col-end-4 {
2624
2491
  grid-column-end: 4;
2625
2492
  }
2626
-
2627
2493
  .cds--max\:col-end-5 {
2628
2494
  grid-column-end: 5;
2629
2495
  }
2630
-
2631
2496
  .cds--max\:col-end-6 {
2632
2497
  grid-column-end: 6;
2633
2498
  }
2634
-
2635
2499
  .cds--max\:col-end-7 {
2636
2500
  grid-column-end: 7;
2637
2501
  }
2638
-
2639
2502
  .cds--max\:col-end-8 {
2640
2503
  grid-column-end: 8;
2641
2504
  }
2642
-
2643
2505
  .cds--max\:col-end-9 {
2644
2506
  grid-column-end: 9;
2645
2507
  }
2646
-
2647
2508
  .cds--max\:col-end-10 {
2648
2509
  grid-column-end: 10;
2649
2510
  }
2650
-
2651
2511
  .cds--max\:col-end-11 {
2652
2512
  grid-column-end: 11;
2653
2513
  }
2654
-
2655
2514
  .cds--max\:col-end-12 {
2656
2515
  grid-column-end: 12;
2657
2516
  }
2658
-
2659
2517
  .cds--max\:col-end-13 {
2660
2518
  grid-column-end: 13;
2661
2519
  }
2662
-
2663
2520
  .cds--max\:col-end-14 {
2664
2521
  grid-column-end: 14;
2665
2522
  }
2666
-
2667
2523
  .cds--max\:col-end-15 {
2668
2524
  grid-column-end: 15;
2669
2525
  }
2670
-
2671
2526
  .cds--max\:col-end-16 {
2672
2527
  grid-column-end: 16;
2673
2528
  }
2674
-
2675
2529
  .cds--max\:col-end-17 {
2676
2530
  grid-column-end: 17;
2677
2531
  }
2678
-
2679
2532
  .cds--max\:col-start-auto {
2680
2533
  grid-column-start: auto;
2681
2534
  }
2682
-
2683
2535
  .cds--max\:col-end-auto {
2684
2536
  grid-column-end: auto;
2685
2537
  }
@@ -3736,7 +3588,7 @@ li.cds--accordion__item--disabled:last-of-type {
3736
3588
 
3737
3589
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
3738
3590
  .cds--accordion__arrow,
3739
- .cds--accordion__item--active .cds--accordion__arrow {
3591
+ .cds--accordion__item--active .cds--accordion__arrow {
3740
3592
  fill: ButtonText;
3741
3593
  }
3742
3594
  }
@@ -4630,7 +4482,7 @@ li.cds--accordion__item--disabled:last-of-type {
4630
4482
 
4631
4483
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
4632
4484
  .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
4633
- .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
4485
+ .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
4634
4486
  fill: ButtonText;
4635
4487
  }
4636
4488
  }
@@ -4817,12 +4669,12 @@ input[data-invalid]:not(:focus),
4817
4669
  }
4818
4670
  @media screen and (prefers-contrast) {
4819
4671
  input[data-invalid]:not(:focus),
4820
- .cds--number[data-invalid] input[type=number]:not(:focus),
4821
- .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
4822
- .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
4823
- .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
4824
- .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
4825
- .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
4672
+ .cds--number[data-invalid] input[type=number]:not(:focus),
4673
+ .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
4674
+ .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
4675
+ .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
4676
+ .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
4677
+ .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
4826
4678
  outline-style: dotted;
4827
4679
  }
4828
4680
  }
@@ -5882,7 +5734,6 @@ fieldset[disabled] .cds--form__helper-text {
5882
5734
  .cds--snippet__overflow-indicator--left {
5883
5735
  background-image: linear-gradient(to left, rgba(var(--cds-layer), 0), var(--cds-layer));
5884
5736
  }
5885
-
5886
5737
  .cds--snippet__overflow-indicator--right {
5887
5738
  background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
5888
5739
  }
@@ -5957,7 +5808,7 @@ fieldset[disabled] .cds--form__helper-text {
5957
5808
 
5958
5809
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
5959
5810
  .cds--snippet--single,
5960
- .cds--snippet--multi {
5811
+ .cds--snippet--multi {
5961
5812
  outline: 1px solid transparent;
5962
5813
  }
5963
5814
  }
@@ -6104,8 +5955,8 @@ fieldset[disabled] .cds--form__helper-text {
6104
5955
  }
6105
5956
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
6106
5957
  .cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
6107
- .cds--text-input--password__visibility .cds--assistive-text,
6108
- .cds--text-input--password__visibility + .cds--assistive-text {
5958
+ .cds--text-input--password__visibility .cds--assistive-text,
5959
+ .cds--text-input--password__visibility + .cds--assistive-text {
6109
5960
  display: inline-block;
6110
5961
  }
6111
5962
  }
@@ -6158,29 +6009,29 @@ fieldset[disabled] .cds--form__helper-text {
6158
6009
  }
6159
6010
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
6160
6011
  .cds--text-input--password__visibility::after,
6161
- .cds--text-input--password__visibility .cds--assistive-text,
6162
- .cds--text-input--password__visibility + .cds--assistive-text {
6012
+ .cds--text-input--password__visibility .cds--assistive-text,
6013
+ .cds--text-input--password__visibility + .cds--assistive-text {
6163
6014
  width: auto;
6164
6015
  }
6165
6016
  }
6166
6017
  @supports (-ms-accelerator: true) {
6167
6018
  .cds--text-input--password__visibility::after,
6168
- .cds--text-input--password__visibility .cds--assistive-text,
6169
- .cds--text-input--password__visibility + .cds--assistive-text {
6019
+ .cds--text-input--password__visibility .cds--assistive-text,
6020
+ .cds--text-input--password__visibility + .cds--assistive-text {
6170
6021
  width: auto;
6171
6022
  }
6172
6023
  }
6173
6024
  @supports (-ms-ime-align: auto) {
6174
6025
  .cds--text-input--password__visibility::after,
6175
- .cds--text-input--password__visibility .cds--assistive-text,
6176
- .cds--text-input--password__visibility + .cds--assistive-text {
6026
+ .cds--text-input--password__visibility .cds--assistive-text,
6027
+ .cds--text-input--password__visibility + .cds--assistive-text {
6177
6028
  width: auto;
6178
6029
  }
6179
6030
  }
6180
6031
  @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
6181
6032
  .cds--text-input--password__visibility::after,
6182
- .cds--text-input--password__visibility .cds--assistive-text,
6183
- .cds--text-input--password__visibility + .cds--assistive-text {
6033
+ .cds--text-input--password__visibility .cds--assistive-text,
6034
+ .cds--text-input--password__visibility + .cds--assistive-text {
6184
6035
  border: 1px solid transparent;
6185
6036
  }
6186
6037
  }
@@ -6483,7 +6334,7 @@ fieldset[disabled] .cds--form__helper-text {
6483
6334
  }
6484
6335
  @media screen and (prefers-contrast) {
6485
6336
  .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
6486
- .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
6337
+ .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
6487
6338
  outline-style: dotted;
6488
6339
  }
6489
6340
  }
@@ -6556,7 +6407,7 @@ fieldset[disabled] .cds--form__helper-text {
6556
6407
 
6557
6408
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
6558
6409
  .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,
6559
- .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
6410
+ .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
6560
6411
  fill: ButtonText;
6561
6412
  }
6562
6413
  }
@@ -6857,7 +6708,7 @@ fieldset[disabled] .cds--form__helper-text {
6857
6708
 
6858
6709
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
6859
6710
  .cds--tag__close-icon svg,
6860
- .cds--tag__custom-icon svg {
6711
+ .cds--tag__custom-icon svg {
6861
6712
  fill: ButtonText;
6862
6713
  }
6863
6714
  }
@@ -7642,16 +7493,16 @@ fieldset[disabled] .cds--form__helper-text {
7642
7493
 
7643
7494
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
7644
7495
  .cds--list-box__field,
7645
- .cds--list-box__menu,
7646
- .cds--multi-select .cds--tag--filter {
7496
+ .cds--list-box__menu,
7497
+ .cds--multi-select .cds--tag--filter {
7647
7498
  outline: 1px solid transparent;
7648
7499
  }
7649
7500
  }
7650
7501
 
7651
7502
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
7652
7503
  .cds--list-box__field:focus,
7653
- .cds--multi-select .cds--tag__close-icon:focus,
7654
- .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {
7504
+ .cds--multi-select .cds--tag__close-icon:focus,
7505
+ .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {
7655
7506
  color: Highlight;
7656
7507
  outline: 1px solid Highlight;
7657
7508
  }
@@ -7659,8 +7510,8 @@ fieldset[disabled] .cds--form__helper-text {
7659
7510
 
7660
7511
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
7661
7512
  .cds--list-box__menu-icon > svg,
7662
- .cds--list-box__selection > svg,
7663
- .cds--list-box__selection--multi > svg {
7513
+ .cds--list-box__selection > svg,
7514
+ .cds--list-box__selection--multi > svg {
7664
7515
  fill: ButtonText;
7665
7516
  }
7666
7517
  }
@@ -8867,7 +8718,7 @@ tr.cds--data-table--selected:last-of-type td {
8867
8718
  }
8868
8719
  @-moz-document url-prefix() {
8869
8720
  .cds--data-table--sticky-header thead,
8870
- .cds--data-table--sticky-header tbody {
8721
+ .cds--data-table--sticky-header tbody {
8871
8722
  scrollbar-width: none;
8872
8723
  }
8873
8724
  }
@@ -9212,7 +9063,7 @@ tr.cds--data-table--selected:last-of-type td {
9212
9063
  }
9213
9064
  @media screen and (prefers-contrast) {
9214
9065
  .cds--toolbar-action:focus:not([disabled]),
9215
- .cds--toolbar-action:active:not([disabled]) {
9066
+ .cds--toolbar-action:active:not([disabled]) {
9216
9067
  outline-style: dotted;
9217
9068
  }
9218
9069
  }
@@ -9882,7 +9733,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
9882
9733
  }
9883
9734
  @media (prefers-reduced-motion: reduce) {
9884
9735
  .cds--data-table.cds--skeleton th span::before,
9885
- .cds--data-table.cds--skeleton td span::before {
9736
+ .cds--data-table.cds--skeleton td span::before {
9886
9737
  animation: none;
9887
9738
  }
9888
9739
  }
@@ -10155,7 +10006,7 @@ th .cds--table-sort__flex {
10155
10006
 
10156
10007
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
10157
10008
  .cds--table-sort__icon,
10158
- .cds--table-sort__icon-unsorted {
10009
+ .cds--table-sort__icon-unsorted {
10159
10010
  fill: ButtonText;
10160
10011
  }
10161
10012
  }
@@ -10375,13 +10226,13 @@ th .cds--table-sort__flex {
10375
10226
  }
10376
10227
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
10377
10228
  .flatpickr-prev-month,
10378
- .flatpickr-next-month {
10229
+ .flatpickr-next-month {
10379
10230
  fill: ButtonText;
10380
10231
  }
10381
10232
  }
10382
10233
  @media screen and (prefers-reduced-motion: reduce) {
10383
10234
  .flatpickr-prev-month,
10384
- .flatpickr-next-month {
10235
+ .flatpickr-next-month {
10385
10236
  transition: none;
10386
10237
  }
10387
10238
  }
@@ -10435,8 +10286,7 @@ th .cds--table-sort__flex {
10435
10286
  padding: 0.25rem;
10436
10287
  border: none;
10437
10288
  margin: 0;
10438
- -moz-appearance: textfield;
10439
- /* Firefox */
10289
+ -moz-appearance: textfield; /* Firefox */
10440
10290
  background-color: var(--cds-field-01, #f4f4f4);
10441
10291
  color: var(--cds-text-primary, #161616);
10442
10292
  cursor: default;
@@ -10445,8 +10295,7 @@ th .cds--table-sort__flex {
10445
10295
  font-weight: 600;
10446
10296
  }
10447
10297
  .numInputWrapper .numInput::-webkit-outer-spin-button, .numInputWrapper .numInput::-webkit-inner-spin-button {
10448
- margin: 0;
10449
- /* <-- Apparently some margin are still there even though it's hidden */
10298
+ margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
10450
10299
  -webkit-appearance: none;
10451
10300
  }
10452
10301
  .numInputWrapper .numInput:focus {
@@ -10677,7 +10526,7 @@ th .cds--table-sort__flex {
10677
10526
  }
10678
10527
  @media screen and (prefers-contrast) {
10679
10528
  .flatpickr-day.startRange.inRange:not(.selected),
10680
- .flatpickr-day.endRange.inRange {
10529
+ .flatpickr-day.endRange.inRange {
10681
10530
  outline-style: dotted;
10682
10531
  }
10683
10532
  }
@@ -10713,7 +10562,7 @@ th .cds--table-sort__flex {
10713
10562
 
10714
10563
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
10715
10564
  .flatpickr-day.today,
10716
- .flatpickr-day.inRange {
10565
+ .flatpickr-day.inRange {
10717
10566
  color: Highlight;
10718
10567
  }
10719
10568
  }
@@ -10918,7 +10767,7 @@ th .cds--table-sort__flex {
10918
10767
  }
10919
10768
  @media (prefers-reduced-motion: reduce) {
10920
10769
  .cds--date-picker.cds--skeleton input::before,
10921
- .cds--date-picker__input.cds--skeleton::before {
10770
+ .cds--date-picker__input.cds--skeleton::before {
10922
10771
  animation: none;
10923
10772
  }
10924
10773
  }
@@ -11260,7 +11109,7 @@ button.cds--dropdown-text:focus {
11260
11109
  }
11261
11110
  @media screen and (prefers-contrast) {
11262
11111
  .cds--dropdown--focused,
11263
- .cds--dropdown-link:focus {
11112
+ .cds--dropdown-link:focus {
11264
11113
  outline-style: dotted;
11265
11114
  }
11266
11115
  }
@@ -11436,7 +11285,7 @@ button.cds--dropdown-text:focus {
11436
11285
  }
11437
11286
  @media (prefers-reduced-motion: reduce) {
11438
11287
  .cds--dropdown-v2.cds--skeleton::before,
11439
- .cds--dropdown.cds--skeleton::before {
11288
+ .cds--dropdown.cds--skeleton::before {
11440
11289
  animation: none;
11441
11290
  }
11442
11291
  }
@@ -12334,7 +12183,7 @@ button.cds--dropdown-text:focus {
12334
12183
  }
12335
12184
  @media screen and (prefers-contrast) {
12336
12185
  .cds--date-picker--fluid.cds--date-picker--fluid--invalid,
12337
- .cds--date-picker-container.cds--date-picker--fluid--invalid {
12186
+ .cds--date-picker-container.cds--date-picker--fluid--invalid {
12338
12187
  outline-style: dotted;
12339
12188
  }
12340
12189
  }
@@ -13004,7 +12853,7 @@ button.cds--dropdown-text:focus {
13004
12853
  /* stylelint-disable */
13005
12854
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
13006
12855
  .cds--number__control-btn:hover,
13007
- .cds--number__control-btn:focus {
12856
+ .cds--number__control-btn:focus {
13008
12857
  color: Highlight;
13009
12858
  outline: 1px solid Highlight;
13010
12859
  }
@@ -13129,7 +12978,7 @@ button.cds--dropdown-text:focus {
13129
12978
  }
13130
12979
  @media screen and (prefers-contrast) {
13131
12980
  .cds--number-input--fluid--invalid input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus,
13132
- .cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus:hover {
12981
+ .cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus:hover {
13133
12982
  outline-style: dotted;
13134
12983
  }
13135
12984
  }
@@ -13439,7 +13288,7 @@ button.cds--dropdown-text:focus {
13439
13288
  }
13440
13289
  @media screen and (prefers-contrast) {
13441
13290
  .cds--search-close:focus,
13442
- .cds--search-button:focus {
13291
+ .cds--search-button:focus {
13443
13292
  outline-style: dotted;
13444
13293
  }
13445
13294
  }
@@ -13451,7 +13300,7 @@ button.cds--dropdown-text:focus {
13451
13300
  }
13452
13301
  @media screen and (prefers-contrast) {
13453
13302
  .cds--search-close:active,
13454
- .cds--search-button:active {
13303
+ .cds--search-button:active {
13455
13304
  outline-style: dotted;
13456
13305
  }
13457
13306
  }
@@ -13566,8 +13415,8 @@ button.cds--dropdown-text:focus {
13566
13415
  }
13567
13416
  @media (prefers-reduced-motion: reduce) {
13568
13417
  .cds--search--lg.cds--skeleton .cds--search-input::before,
13569
- .cds--search--md.cds--skeleton .cds--search-input::before,
13570
- .cds--search--sm.cds--skeleton .cds--search-input::before {
13418
+ .cds--search--md.cds--skeleton .cds--search-input::before,
13419
+ .cds--search--sm.cds--skeleton .cds--search-input::before {
13571
13420
  animation: none;
13572
13421
  }
13573
13422
  }
@@ -13651,7 +13500,7 @@ button.cds--dropdown-text:focus {
13651
13500
 
13652
13501
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
13653
13502
  .cds--search-close svg,
13654
- .cds--search-magnifier-icon {
13503
+ .cds--search-magnifier-icon {
13655
13504
  fill: ButtonText;
13656
13505
  }
13657
13506
  }
@@ -14308,7 +14157,7 @@ optgroup.cds--select-optgroup:disabled,
14308
14157
  }
14309
14158
  @media screen and (prefers-contrast) {
14310
14159
  .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within,
14311
- .cds--text-area--fluid .cds--text-area__wrapper:focus-within {
14160
+ .cds--text-area--fluid .cds--text-area__wrapper:focus-within {
14312
14161
  outline-style: dotted;
14313
14162
  }
14314
14163
  }
@@ -14445,7 +14294,7 @@ optgroup.cds--select-optgroup:disabled,
14445
14294
  }
14446
14295
  @media screen and (prefers-contrast) {
14447
14296
  .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
14448
- .cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
14297
+ .cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
14449
14298
  outline-style: dotted;
14450
14299
  }
14451
14300
  }
@@ -14741,7 +14590,6 @@ optgroup.cds--select-optgroup:disabled,
14741
14590
  top: 1px;
14742
14591
  right: 0.5rem;
14743
14592
  }
14744
-
14745
14593
  .cds--inline-loading__checkmark {
14746
14594
  animation: none;
14747
14595
  stroke-dasharray: 0;
@@ -15204,7 +15052,7 @@ optgroup.cds--select-optgroup:disabled,
15204
15052
  max-height: 72%;
15205
15053
  }
15206
15054
  .cds--modal-container--sm .cds--modal-content > p,
15207
- .cds--modal-container--sm .cds--modal-content__regular-content {
15055
+ .cds--modal-container--sm .cds--modal-content__regular-content {
15208
15056
  padding-right: 20%;
15209
15057
  }
15210
15058
  }
@@ -15264,7 +15112,6 @@ optgroup.cds--select-optgroup:disabled,
15264
15112
  .cds--modal-scroll-content > *:last-child {
15265
15113
  padding-bottom: 0;
15266
15114
  }
15267
-
15268
15115
  .cds--modal-content--overflow-indicator {
15269
15116
  display: none;
15270
15117
  }
@@ -15417,7 +15264,7 @@ optgroup.cds--select-optgroup:disabled,
15417
15264
  }
15418
15265
  @media screen and (prefers-contrast) {
15419
15266
  .cds--multi-select--filterable--input-focused,
15420
- .cds--multi-select .cds--list-box__field--wrapper--input-focused {
15267
+ .cds--multi-select .cds--list-box__field--wrapper--input-focused {
15421
15268
  outline-style: dotted;
15422
15269
  }
15423
15270
  }
@@ -15671,7 +15518,8 @@ optgroup.cds--select-optgroup:disabled,
15671
15518
  border-color: var(--cds-support-warning, #f1c21b);
15672
15519
  }
15673
15520
 
15674
- .cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"] {
15521
+ .cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"],
15522
+ .cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
15675
15523
  fill: #000000;
15676
15524
  opacity: 1;
15677
15525
  }
@@ -15811,7 +15659,7 @@ optgroup.cds--select-optgroup:disabled,
15811
15659
 
15812
15660
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
15813
15661
  .cds--inline-notification__close-button:focus,
15814
- .cds--btn.cds--btn--ghost.cds--inline-notification__action-button:focus {
15662
+ .cds--btn.cds--btn--ghost.cds--inline-notification__action-button:focus {
15815
15663
  color: Highlight;
15816
15664
  outline: 1px solid Highlight;
15817
15665
  }
@@ -15985,7 +15833,8 @@ optgroup.cds--select-optgroup:disabled,
15985
15833
  fill: var(--cds-support-warning, #f1c21b);
15986
15834
  }
15987
15835
 
15988
- .cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"] {
15836
+ .cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"],
15837
+ .cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
15989
15838
  fill: #000000;
15990
15839
  opacity: 1;
15991
15840
  }
@@ -16310,7 +16159,8 @@ optgroup.cds--select-optgroup:disabled,
16310
16159
  border-color: var(--cds-support-warning, #f1c21b);
16311
16160
  }
16312
16161
 
16313
- .cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"] {
16162
+ .cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"],
16163
+ .cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
16314
16164
  fill: #000000;
16315
16165
  opacity: 1;
16316
16166
  }
@@ -16555,7 +16405,7 @@ optgroup.cds--select-optgroup:disabled,
16555
16405
 
16556
16406
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
16557
16407
  .cds--actionable-notification__close-button:focus,
16558
- .cds--btn.cds--btn--ghost.cds--actionable-notification__action-button:focus {
16408
+ .cds--btn.cds--btn--ghost.cds--actionable-notification__action-button:focus {
16559
16409
  color: Highlight;
16560
16410
  outline: 1px solid Highlight;
16561
16411
  }
@@ -16563,8 +16413,8 @@ optgroup.cds--select-optgroup:disabled,
16563
16413
 
16564
16414
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
16565
16415
  .cds--actionable-notification .cds--inline-notification__icon,
16566
- .cds--actionable-notification .cds--toast-notification__icon,
16567
- .cds--actionable-notification .cds--actionable-notification__close-icon {
16416
+ .cds--actionable-notification .cds--toast-notification__icon,
16417
+ .cds--actionable-notification .cds--actionable-notification__close-icon {
16568
16418
  fill: ButtonText;
16569
16419
  }
16570
16420
  }
@@ -16639,7 +16489,7 @@ optgroup.cds--select-optgroup:disabled,
16639
16489
  }
16640
16490
  @media screen and (prefers-contrast) {
16641
16491
  .cds--overflow-menu:focus,
16642
- .cds--overflow-menu__trigger:focus {
16492
+ .cds--overflow-menu__trigger:focus {
16643
16493
  outline-style: dotted;
16644
16494
  }
16645
16495
  }
@@ -16956,7 +16806,7 @@ a.cds--overflow-menu-options__btn::before {
16956
16806
  /* stylelint-disable */
16957
16807
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
16958
16808
  .cds--overflow-menu:focus,
16959
- .cds--overflow-menu-options__btn:focus {
16809
+ .cds--overflow-menu-options__btn:focus {
16960
16810
  color: Highlight;
16961
16811
  outline: 1px solid Highlight;
16962
16812
  }
@@ -17009,7 +16859,7 @@ a.cds--overflow-menu-options__btn::before {
17009
16859
  }
17010
16860
  @media (max-width: 41.98rem) {
17011
16861
  .cds--pagination .cds--pagination__left > *,
17012
- .cds--pagination .cds--pagination__right > * {
16862
+ .cds--pagination .cds--pagination__right > * {
17013
16863
  display: none;
17014
16864
  }
17015
16865
  .cds--pagination .cds--pagination__items-count {
@@ -17195,7 +17045,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17195
17045
  }
17196
17046
  @media screen and (prefers-contrast) {
17197
17047
  .cds--pagination__button:focus,
17198
- .cds--btn--ghost:focus.cds--pagination__button {
17048
+ .cds--btn--ghost:focus.cds--pagination__button {
17199
17049
  outline-style: dotted;
17200
17050
  }
17201
17051
  }
@@ -17228,7 +17078,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17228
17078
 
17229
17079
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
17230
17080
  .cds--pagination__button,
17231
- .cds--btn--ghost.cds--pagination__button {
17081
+ .cds--btn--ghost.cds--pagination__button {
17232
17082
  outline: 1px solid transparent;
17233
17083
  }
17234
17084
  }
@@ -17398,7 +17248,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17398
17248
  }
17399
17249
  @media (min-width: 42rem) {
17400
17250
  .cds--unstable-pagination__page-selector .cds--select__arrow,
17401
- .cds--unstable-pagination__page-sizer .cds--select__arrow {
17251
+ .cds--unstable-pagination__page-sizer .cds--select__arrow {
17402
17252
  right: 1rem;
17403
17253
  }
17404
17254
  }
@@ -17668,7 +17518,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17668
17518
  pointer-events: auto;
17669
17519
  }
17670
17520
 
17671
- .cds--popover--open .cds--popover-content {
17521
+ .cds--popover--open > .cds--popover > .cds--popover-content {
17672
17522
  display: block;
17673
17523
  }
17674
17524
 
@@ -17678,7 +17528,7 @@ span.cds--pagination__text.cds--pagination__items-count {
17678
17528
  content: "";
17679
17529
  }
17680
17530
 
17681
- .cds--popover--open .cds--popover-content::before {
17531
+ .cds--popover--open > .cds--popover > .cds--popover-content::before {
17682
17532
  display: block;
17683
17533
  }
17684
17534
 
@@ -17690,10 +17540,14 @@ span.cds--pagination__text.cds--pagination__items-count {
17690
17540
  will-change: transform;
17691
17541
  }
17692
17542
 
17693
- .cds--popover--open.cds--popover--caret .cds--popover-caret {
17543
+ .cds--popover--open > .cds--popover > .cds--popover-caret {
17694
17544
  display: block;
17695
17545
  }
17696
17546
 
17547
+ .cds--popover--tab-tip .cds--popover .cds--popover-caret {
17548
+ display: none;
17549
+ }
17550
+
17697
17551
  .cds--popover--bottom .cds--popover-content {
17698
17552
  bottom: 0;
17699
17553
  left: 50%;
@@ -19621,11 +19475,42 @@ span.cds--pagination__text.cds--pagination__items-count {
19621
19475
  .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
19622
19476
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
19623
19477
  }
19478
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
19479
+ padding: 1rem;
19480
+ margin-top: -0.5rem;
19481
+ margin-right: -1rem;
19482
+ margin-left: -1rem;
19483
+ }
19484
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
19485
+ background-color: inherit;
19486
+ }
19487
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg {
19488
+ width: 24px;
19489
+ height: 24px;
19490
+ padding: 0.25rem;
19491
+ margin: -0.25rem;
19492
+ }
19493
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
19494
+ background-color: var(--cds-layer-accent-hover);
19495
+ }
19496
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
19497
+ background-color: var(--cds-layer-hover);
19498
+ }
19499
+ .cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
19500
+ background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
19501
+ }
19624
19502
  .cds--tabs .cds--tabs__nav-item--icon {
19625
19503
  display: flex;
19626
19504
  align-items: center;
19627
19505
  padding-left: 0.5rem;
19628
19506
  }
19507
+ .cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
19508
+ padding: 0.25rem;
19509
+ margin: -0.25rem;
19510
+ cursor: pointer;
19511
+ line-height: 0;
19512
+ pointer-events: auto;
19513
+ }
19629
19514
  .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
19630
19515
  padding-left: 1rem;
19631
19516
  }
@@ -19718,7 +19603,7 @@ span.cds--pagination__text.cds--pagination__items-count {
19718
19603
  border-bottom: 2px solid var(--cds-border-strong);
19719
19604
  color: var(--cds-text-primary, #161616);
19720
19605
  }
19721
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
19606
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
19722
19607
  background-color: var(--cds-layer-accent-hover);
19723
19608
  color: var(--cds-text-primary, #161616);
19724
19609
  }
@@ -19913,7 +19798,7 @@ span.cds--pagination__text.cds--pagination__items-count {
19913
19798
  }
19914
19799
  @media screen and (prefers-contrast) {
19915
19800
  .cds--text-area:focus,
19916
- .cds--text-area:active {
19801
+ .cds--text-area:active {
19917
19802
  outline-style: dotted;
19918
19803
  }
19919
19804
  }
@@ -20151,6 +20036,26 @@ span.cds--pagination__text.cds--pagination__items-count {
20151
20036
  padding: 1rem;
20152
20037
  background-color: var(--cds-layer);
20153
20038
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
20039
+ cursor: not-allowed;
20040
+ }
20041
+
20042
+ .cds--tile--clickable .cds--tile--icon,
20043
+ .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
20044
+ position: absolute;
20045
+ right: 1rem;
20046
+ bottom: 1rem;
20047
+ }
20048
+
20049
+ .cds--tile--clickable .cds--tile--icon {
20050
+ fill: var(--cds-icon-interactive, #0f62fe);
20051
+ }
20052
+
20053
+ .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
20054
+ fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
20055
+ }
20056
+
20057
+ .cds--tile--clickable.cds--link--disabled .cds--tile--icon {
20058
+ display: none;
20154
20059
  }
20155
20060
 
20156
20061
  .cds--tile--selectable {
@@ -20384,7 +20289,7 @@ span.cds--pagination__text.cds--pagination__items-count {
20384
20289
  }
20385
20290
 
20386
20291
  .cds--tile--disabled.cds--tile--is-selected {
20387
- border-color: var(--cds-button-disabled, #c6c6c6);
20292
+ border-color: var(--cds-border-disabled, #c6c6c6);
20388
20293
  }
20389
20294
 
20390
20295
  .cds--tile--disabled .cds--tile__checkmark svg {
@@ -20393,8 +20298,8 @@ span.cds--pagination__text.cds--pagination__items-count {
20393
20298
 
20394
20299
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
20395
20300
  .cds--tile__chevron svg,
20396
- .cds--tile__checkmark svg,
20397
- .cds--tile--is-selected .cds--tile__checkmark svg {
20301
+ .cds--tile__checkmark svg,
20302
+ .cds--tile--is-selected .cds--tile__checkmark svg {
20398
20303
  fill: ButtonText;
20399
20304
  }
20400
20305
  }
@@ -20735,15 +20640,15 @@ span.cds--pagination__text.cds--pagination__items-count {
20735
20640
 
20736
20641
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
20737
20642
  .cds--toggle__switch,
20738
- .cds--toggle__switch::before {
20643
+ .cds--toggle__switch::before {
20739
20644
  outline: 1px solid transparent;
20740
20645
  }
20741
20646
  }
20742
20647
 
20743
20648
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
20744
20649
  .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
20745
- .cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
20746
- .cds--toggle:active .cds--toggle__switch {
20650
+ .cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
20651
+ .cds--toggle:active .cds--toggle__switch {
20747
20652
  color: Highlight;
20748
20653
  outline: 1px solid Highlight;
20749
20654
  }
@@ -21188,12 +21093,11 @@ a.cds--header__menu-item[aria-current=page],
21188
21093
  a.cds--header__menu-item[aria-current=page]::after,
21189
21094
  .cds--header__menu-item--current::after {
21190
21095
  position: absolute;
21191
- top: 0;
21192
- right: 0;
21193
21096
  bottom: -2px;
21194
- left: 0;
21195
- width: 100%;
21196
- border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
21097
+ left: -2px;
21098
+ width: calc(100% + 4px);
21099
+ height: 3px;
21100
+ background-color: var(--cds-border-interactive, #0f62fe);
21197
21101
  content: "";
21198
21102
  }
21199
21103
 
@@ -21204,15 +21108,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
21204
21108
 
21205
21109
  .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
21206
21110
  .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
21207
- bottom: 0;
21111
+ top: -2px;
21208
21112
  left: -2px;
21209
- border-bottom: none;
21210
- border-left: 3px solid var(--cds-border-interactive, #0f62fe);
21113
+ width: 3px;
21114
+ height: calc(100% + 4px);
21115
+ background-color: var(--cds-border-interactive, #0f62fe);
21211
21116
  }
21212
21117
  .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
21213
21118
  .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
21214
- left: 0;
21215
- border-left: 3px solid var(--cds-border-interactive, #0f62fe);
21119
+ top: -2px;
21120
+ left: -2px;
21121
+ width: 5px;
21122
+ height: calc(100% + 4px);
21123
+ background-color: var(--cds-border-interactive, #0f62fe);
21216
21124
  }
21217
21125
 
21218
21126
  a.cds--header__menu-item[aria-current=page]:focus,
@@ -21272,6 +21180,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
21272
21180
  color: var(--cds-text-primary, #161616);
21273
21181
  }
21274
21182
 
21183
+ .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
21184
+ background-color: var(--cds-layer-selected);
21185
+ }
21186
+ .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
21187
+ background-color: var(--cds-layer-selected-hover);
21188
+ }
21189
+
21275
21190
  .cds--header__menu .cds--header__menu-item {
21276
21191
  height: 3rem;
21277
21192
  }
@@ -21657,7 +21572,7 @@ a.cds--side-nav__link:focus,
21657
21572
  }
21658
21573
  @media screen and (prefers-contrast) {
21659
21574
  a.cds--side-nav__link:focus,
21660
- .cds--side-nav a.cds--header__menu-item:focus {
21575
+ .cds--side-nav a.cds--header__menu-item:focus {
21661
21576
  outline-style: dotted;
21662
21577
  }
21663
21578
  }
@@ -21777,6 +21692,15 @@ a.cds--side-nav__link--current::before {
21777
21692
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
21778
21693
  color: var(--cds-text-primary, #161616);
21779
21694
  }
21695
+ .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
21696
+ background-color: var(--cds-layer-selected-hover);
21697
+ }
21698
+
21699
+ .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
21700
+ .cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
21701
+ width: 3px;
21702
+ height: calc(100% + 4px);
21703
+ }
21780
21704
 
21781
21705
  .cds--side-nav .cds--header__menu a.cds--header__menu-item {
21782
21706
  height: inherit;
@@ -21790,9 +21714,9 @@ a.cds--side-nav__link--current::before {
21790
21714
 
21791
21715
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
21792
21716
  .cds--side-nav__icon > svg,
21793
- .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
21794
- .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
21795
- .cds--side-nav .cds--header__menu-arrow {
21717
+ .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
21718
+ .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
21719
+ .cds--side-nav .cds--header__menu-arrow {
21796
21720
  fill: ButtonText;
21797
21721
  }
21798
21722
  }
@@ -22113,12 +22037,11 @@ a.cds--header__menu-item[aria-current=page],
22113
22037
  a.cds--header__menu-item[aria-current=page]::after,
22114
22038
  .cds--header__menu-item--current::after {
22115
22039
  position: absolute;
22116
- top: 0;
22117
- right: 0;
22118
22040
  bottom: -2px;
22119
- left: 0;
22120
- width: 100%;
22121
- border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
22041
+ left: -2px;
22042
+ width: calc(100% + 4px);
22043
+ height: 3px;
22044
+ background-color: var(--cds-border-interactive, #0f62fe);
22122
22045
  content: "";
22123
22046
  }
22124
22047
 
@@ -22129,15 +22052,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
22129
22052
 
22130
22053
  .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
22131
22054
  .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
22132
- bottom: 0;
22055
+ top: -2px;
22133
22056
  left: -2px;
22134
- border-bottom: none;
22135
- border-left: 3px solid var(--cds-border-interactive, #0f62fe);
22057
+ width: 3px;
22058
+ height: calc(100% + 4px);
22059
+ background-color: var(--cds-border-interactive, #0f62fe);
22136
22060
  }
22137
22061
  .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
22138
22062
  .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
22139
- left: 0;
22140
- border-left: 3px solid var(--cds-border-interactive, #0f62fe);
22063
+ top: -2px;
22064
+ left: -2px;
22065
+ width: 5px;
22066
+ height: calc(100% + 4px);
22067
+ background-color: var(--cds-border-interactive, #0f62fe);
22141
22068
  }
22142
22069
 
22143
22070
  a.cds--header__menu-item[aria-current=page]:focus,
@@ -22197,6 +22124,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
22197
22124
  color: var(--cds-text-primary, #161616);
22198
22125
  }
22199
22126
 
22127
+ .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
22128
+ background-color: var(--cds-layer-selected);
22129
+ }
22130
+ .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
22131
+ background-color: var(--cds-layer-selected-hover);
22132
+ }
22133
+
22200
22134
  .cds--header__menu .cds--header__menu-item {
22201
22135
  height: 3rem;
22202
22136
  }
@@ -22582,7 +22516,7 @@ a.cds--side-nav__link:focus,
22582
22516
  }
22583
22517
  @media screen and (prefers-contrast) {
22584
22518
  a.cds--side-nav__link:focus,
22585
- .cds--side-nav a.cds--header__menu-item:focus {
22519
+ .cds--side-nav a.cds--header__menu-item:focus {
22586
22520
  outline-style: dotted;
22587
22521
  }
22588
22522
  }
@@ -22702,6 +22636,15 @@ a.cds--side-nav__link--current::before {
22702
22636
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
22703
22637
  color: var(--cds-text-primary, #161616);
22704
22638
  }
22639
+ .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
22640
+ background-color: var(--cds-layer-selected-hover);
22641
+ }
22642
+
22643
+ .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
22644
+ .cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
22645
+ width: 3px;
22646
+ height: calc(100% + 4px);
22647
+ }
22705
22648
 
22706
22649
  .cds--side-nav .cds--header__menu a.cds--header__menu-item {
22707
22650
  height: inherit;
@@ -22715,9 +22658,9 @@ a.cds--side-nav__link--current::before {
22715
22658
 
22716
22659
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
22717
22660
  .cds--side-nav__icon > svg,
22718
- .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
22719
- .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
22720
- .cds--side-nav .cds--header__menu-arrow {
22661
+ .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
22662
+ .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
22663
+ .cds--side-nav .cds--header__menu-arrow {
22721
22664
  fill: ButtonText;
22722
22665
  }
22723
22666
  }