@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.
- package/css/styles.css +201 -258
- package/css/styles.min.css +1 -1
- package/package.json +10 -10
- package/scss/__tests__/__snapshots__/motion-test.js.snap +6 -0
- package/scss/__tests__/__snapshots__/spacing-test.js.snap +56 -0
- package/scss/__tests__/__snapshots__/type-test.js.snap +1547 -1381
- package/scss/__tests__/spacing-test.js +31 -0
- package/scss/__tests__/type-test.js +2 -0
- package/scss/_spacing.scss +5 -1
- package/scss/components/content-switcher/_content-switcher.scss +6 -2
- package/scss/components/data-table/_data-table.scss +12 -4
- package/scss/components/data-table/_mixins.scss +6 -2
- package/scss/components/data-table/action/_data-table-action.scss +6 -2
- package/scss/components/data-table/expandable/_data-table-expandable.scss +3 -1
- package/scss/components/data-table/sort/_data-table-sort.scss +3 -1
- package/scss/components/file-uploader/_file-uploader.scss +0 -3
- package/scss/components/fluid-date-picker/_fluid-date-picker.scss +21 -7
- package/scss/components/fluid-list-box/_fluid-list-box.scss +9 -3
- package/scss/components/fluid-multiselect/_fluid-multiselect.scss +3 -1
- package/scss/components/fluid-number-input/_fluid-number-input.scss +24 -8
- package/scss/components/form/_form.scss +3 -7
- package/scss/components/multiselect/_multiselect.scss +3 -1
- package/scss/components/notification/_actionable-notification.scss +46 -19
- package/scss/components/notification/_inline-notification.scss +10 -3
- package/scss/components/notification/_toast-notification.scss +7 -2
- package/scss/components/overflow-menu/_overflow-menu.scss +3 -1
- package/scss/components/popover/_popover.scss +15 -4
- package/scss/components/progress-indicator/_progress-indicator.scss +3 -1
- package/scss/components/structured-list/_structured-list.scss +11 -19
- package/scss/components/tabs/_tabs.scss +58 -6
- package/scss/components/tile/_tile.scss +42 -5
- package/scss/components/ui-shell/header/_header.scss +25 -10
- package/scss/components/ui-shell/side-nav/_side-nav.scss +21 -2
- 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
|
|
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-
|
|
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:
|
|
21195
|
-
width: 100
|
|
21196
|
-
|
|
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
|
-
|
|
21111
|
+
top: -2px;
|
|
21208
21112
|
left: -2px;
|
|
21209
|
-
|
|
21210
|
-
|
|
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
|
-
|
|
21215
|
-
|
|
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:
|
|
22120
|
-
width: 100
|
|
22121
|
-
|
|
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
|
-
|
|
22055
|
+
top: -2px;
|
|
22133
22056
|
left: -2px;
|
|
22134
|
-
|
|
22135
|
-
|
|
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
|
-
|
|
22140
|
-
|
|
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
|
}
|