@carbon/ibm-products-styles 2.67.0 → 2.68.0-rc.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/index-full-carbon.css +560 -185
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +132 -1
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +570 -245
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +358 -33
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/package.json +4 -4
- package/scss/components/{BigNumbers/_big-numbers.scss → BigNumber/_big-number.scss} +5 -5
- package/scss/components/{BigNumbers → BigNumber}/_carbon-imports.scss +3 -3
- package/scss/components/{BigNumbers → BigNumber}/_index-with-carbon.scss +2 -2
- package/scss/components/{BigNumbers → BigNumber}/_index.scss +2 -2
- package/scss/components/Card/_card.scss +2 -0
- package/scss/components/Coachmark/_bubble.scss +62 -0
- package/scss/components/Coachmark/_coachmark-beacon.scss +164 -0
- package/scss/components/Coachmark/_coachmark.scss +15 -0
- package/scss/components/ConditionBuilder/_condition-builder.scss +8 -0
- package/scss/components/PageHeader/_page-header.scss +144 -1
- package/scss/components/Tearsheet/_tearsheet.scss +6 -0
- package/scss/components/TruncatedText/_carbon-imports.scss +6 -0
- package/scss/components/TruncatedText/_index-with-carbon.scss +9 -0
- package/scss/components/TruncatedText/_index.scss +8 -0
- package/scss/components/TruncatedText/_truncated-text.scss +26 -0
- package/scss/components/_index-with-carbon.scss +3 -2
- package/scss/components/_index.scss +3 -2
|
@@ -2149,158 +2149,12 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
|
2149
2149
|
background-color: #7c3dd6 !important;
|
|
2150
2150
|
}
|
|
2151
2151
|
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
/* stylelint-disable max-nesting-depth */
|
|
2159
|
-
.c4p--coachmark-beacon {
|
|
2160
|
-
position: relative;
|
|
2161
|
-
}
|
|
2162
|
-
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::before {
|
|
2163
|
-
display: none;
|
|
2164
|
-
}
|
|
2165
|
-
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::after {
|
|
2166
|
-
position: absolute;
|
|
2167
|
-
border-radius: 50%;
|
|
2168
|
-
/* stylelint-disable-next-line carbon/theme-use */
|
|
2169
|
-
background-color: #4589ff;
|
|
2170
|
-
block-size: 0.75rem;
|
|
2171
|
-
content: "";
|
|
2172
|
-
inline-size: 0.75rem;
|
|
2173
|
-
inset-block-start: 0.625rem;
|
|
2174
|
-
inset-inline-start: 0.625rem;
|
|
2175
|
-
}
|
|
2176
|
-
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus {
|
|
2177
|
-
outline: transparent;
|
|
2178
|
-
}
|
|
2179
|
-
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus::before {
|
|
2180
|
-
position: absolute;
|
|
2181
|
-
display: block;
|
|
2182
|
-
border-radius: 100%;
|
|
2183
|
-
block-size: 18px;
|
|
2184
|
-
content: "";
|
|
2185
|
-
inline-size: 18px;
|
|
2186
|
-
inset-block-start: 7px;
|
|
2187
|
-
inset-inline-start: 7px;
|
|
2188
|
-
/* stylelint-disable-next-line carbon/theme-use */
|
|
2189
|
-
outline: 0.125rem var(--cds-focus, #0f62fe) solid;
|
|
2190
|
-
}
|
|
2191
|
-
.c4p--coachmark-beacon .c4p--coachmark-beacon__target {
|
|
2192
|
-
display: flex;
|
|
2193
|
-
padding: 0;
|
|
2194
|
-
border: none;
|
|
2195
|
-
border-radius: 50%;
|
|
2196
|
-
background-color: transparent;
|
|
2197
|
-
block-size: 2rem;
|
|
2198
|
-
cursor: pointer;
|
|
2199
|
-
inline-size: 2rem;
|
|
2200
|
-
}
|
|
2201
|
-
.c4p--coachmark-beacon .c4p--coachmark-beacon__target[aria-expanded=true] circle {
|
|
2202
|
-
animation: none;
|
|
2203
|
-
}
|
|
2204
|
-
.c4p--coachmark-beacon__center {
|
|
2205
|
-
position: absolute;
|
|
2206
|
-
z-index: 6900;
|
|
2207
|
-
block-size: 5rem;
|
|
2208
|
-
inline-size: 5rem;
|
|
2209
|
-
inset-block-start: -1.375rem;
|
|
2210
|
-
inset-inline-start: -1.375rem;
|
|
2211
|
-
pointer-events: none;
|
|
2212
|
-
}
|
|
2213
|
-
.c4p--coachmark-beacon__center circle {
|
|
2214
|
-
/* stylelint-disable-next-line carbon/motion-duration-use */
|
|
2215
|
-
animation: ripple 2s infinite;
|
|
2216
|
-
fill: var(--cds-support-info, #0043ce);
|
|
2217
|
-
fill-opacity: 0;
|
|
2218
|
-
-webkit-mask-image: none;
|
|
2219
|
-
mask-image: none;
|
|
2220
|
-
stroke: var(--cds-support-info, #0043ce);
|
|
2221
|
-
stroke-opacity: 0;
|
|
2222
|
-
stroke-width: 1px;
|
|
2223
|
-
transition-timing-function: motion exit, productive;
|
|
2224
|
-
}
|
|
2225
|
-
@media (prefers-reduced-motion) {
|
|
2226
|
-
.c4p--coachmark-beacon__center circle {
|
|
2227
|
-
animation: none;
|
|
2228
|
-
}
|
|
2229
|
-
}
|
|
2230
|
-
|
|
2231
|
-
@keyframes ripple {
|
|
2232
|
-
0% {
|
|
2233
|
-
fill-opacity: 0;
|
|
2234
|
-
r: 1px;
|
|
2235
|
-
stroke-opacity: 0;
|
|
2236
|
-
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
|
2237
|
-
}
|
|
2238
|
-
31% {
|
|
2239
|
-
fill-opacity: 0.2;
|
|
2240
|
-
stroke-opacity: 1;
|
|
2241
|
-
}
|
|
2242
|
-
62% {
|
|
2243
|
-
fill-opacity: 0;
|
|
2244
|
-
r: 32px;
|
|
2245
|
-
stroke-opacity: 0;
|
|
2246
|
-
}
|
|
2247
|
-
100% {
|
|
2248
|
-
fill-opacity: 0;
|
|
2249
|
-
r: 32px;
|
|
2250
|
-
stroke-opacity: 0;
|
|
2251
|
-
}
|
|
2252
|
-
}
|
|
2253
|
-
@keyframes ring-ripple {
|
|
2254
|
-
0% {
|
|
2255
|
-
fill-opacity: 0;
|
|
2256
|
-
r: 12px;
|
|
2257
|
-
stroke-opacity: 0;
|
|
2258
|
-
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
|
2259
|
-
}
|
|
2260
|
-
31% {
|
|
2261
|
-
fill-opacity: 0.2;
|
|
2262
|
-
stroke-opacity: 1;
|
|
2263
|
-
}
|
|
2264
|
-
62% {
|
|
2265
|
-
fill-opacity: 0;
|
|
2266
|
-
r: 32px;
|
|
2267
|
-
stroke-opacity: 0;
|
|
2268
|
-
}
|
|
2269
|
-
100% {
|
|
2270
|
-
fill-opacity: 0;
|
|
2271
|
-
r: 32px;
|
|
2272
|
-
stroke-opacity: 0;
|
|
2273
|
-
}
|
|
2274
|
-
}
|
|
2275
|
-
/* stylelint-disable max-nesting-depth */
|
|
2276
|
-
.c4p--coachmark-overlay-element {
|
|
2277
|
-
padding: 0.125rem 1rem 0;
|
|
2278
|
-
}
|
|
2279
|
-
.c4p--coachmark-overlay-element__content {
|
|
2280
|
-
padding-block-end: 1rem;
|
|
2281
|
-
}
|
|
2282
|
-
.c4p--coachmark-overlay-element__title {
|
|
2283
|
-
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
|
2284
|
-
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
|
2285
|
-
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
|
2286
|
-
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
|
2287
|
-
margin: 0 0 0.5rem;
|
|
2288
|
-
}
|
|
2289
|
-
.c4p--coachmark-overlay-element__body {
|
|
2290
|
-
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
|
2291
|
-
font-weight: var(--cds-body-long-01-font-weight, 400);
|
|
2292
|
-
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
|
2293
|
-
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
|
2294
|
-
}
|
|
2295
|
-
.c4p--coachmark-overlay-element__button {
|
|
2296
|
-
margin-block-end: 0;
|
|
2297
|
-
}
|
|
2298
|
-
|
|
2299
|
-
.c4p--carousel__item .c4p--coachmark-overlay-element__button {
|
|
2300
|
-
margin-block-end: 1rem;
|
|
2301
|
-
}
|
|
2302
|
-
|
|
2303
|
-
/* stylelint-disable max-nesting-depth */
|
|
2152
|
+
/**
|
|
2153
|
+
* Copyright IBM Corp. 2025
|
|
2154
|
+
*
|
|
2155
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
2156
|
+
* LICENSE file in the root directory of this source tree.
|
|
2157
|
+
*/
|
|
2304
2158
|
@keyframes cds--hide-feedback {
|
|
2305
2159
|
0% {
|
|
2306
2160
|
opacity: 1;
|
|
@@ -2527,6 +2381,327 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
|
2527
2381
|
white-space: nowrap;
|
|
2528
2382
|
}
|
|
2529
2383
|
|
|
2384
|
+
.c4p__bubble {
|
|
2385
|
+
position: fixed;
|
|
2386
|
+
z-index: 10000;
|
|
2387
|
+
display: none;
|
|
2388
|
+
padding: 1rem;
|
|
2389
|
+
border-radius: 0.125rem;
|
|
2390
|
+
/* stylelint-disable-next-line declaration-no-important */
|
|
2391
|
+
background: var(--cds-layer) !important;
|
|
2392
|
+
color: var(--cds-text-primary, #161616);
|
|
2393
|
+
font-weight: bold;
|
|
2394
|
+
inline-size: max-content;
|
|
2395
|
+
inset-block-start: 0;
|
|
2396
|
+
inset-inline-start: 0;
|
|
2397
|
+
pointer-events: none;
|
|
2398
|
+
}
|
|
2399
|
+
|
|
2400
|
+
.c4p__bubble-hidden {
|
|
2401
|
+
display: none;
|
|
2402
|
+
}
|
|
2403
|
+
|
|
2404
|
+
.c4p__bubble-open {
|
|
2405
|
+
display: grid;
|
|
2406
|
+
pointer-events: all;
|
|
2407
|
+
}
|
|
2408
|
+
|
|
2409
|
+
.c4p__bubble-drop-shadow {
|
|
2410
|
+
filter: drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2));
|
|
2411
|
+
}
|
|
2412
|
+
|
|
2413
|
+
.c4p__bubble__arrow {
|
|
2414
|
+
position: absolute;
|
|
2415
|
+
z-index: 10010;
|
|
2416
|
+
background: var(--cds-layer);
|
|
2417
|
+
block-size: 0.75rem;
|
|
2418
|
+
inline-size: 0.75rem;
|
|
2419
|
+
transform: rotate(45deg);
|
|
2420
|
+
}
|
|
2421
|
+
|
|
2422
|
+
.c4p__bubble__header {
|
|
2423
|
+
z-index: 10020;
|
|
2424
|
+
display: flex;
|
|
2425
|
+
justify-content: flex-end;
|
|
2426
|
+
margin-block-start: -1rem;
|
|
2427
|
+
margin-inline: -1rem;
|
|
2428
|
+
}
|
|
2429
|
+
|
|
2430
|
+
/* stylelint-disable carbon/layout-use */
|
|
2431
|
+
/* stylelint-disable carbon/motion-easing-use */
|
|
2432
|
+
/* stylelint-disable max-nesting-depth */
|
|
2433
|
+
.c4p--coachmark-beacon {
|
|
2434
|
+
position: relative;
|
|
2435
|
+
}
|
|
2436
|
+
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::before {
|
|
2437
|
+
display: none;
|
|
2438
|
+
}
|
|
2439
|
+
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::after {
|
|
2440
|
+
position: absolute;
|
|
2441
|
+
border-radius: 50%;
|
|
2442
|
+
/* stylelint-disable-next-line carbon/theme-use */
|
|
2443
|
+
background-color: #4589ff;
|
|
2444
|
+
block-size: 0.75rem;
|
|
2445
|
+
content: "";
|
|
2446
|
+
inline-size: 0.75rem;
|
|
2447
|
+
inset-block-start: 0.625rem;
|
|
2448
|
+
inset-inline-start: 0.625rem;
|
|
2449
|
+
}
|
|
2450
|
+
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus {
|
|
2451
|
+
outline: transparent;
|
|
2452
|
+
}
|
|
2453
|
+
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus::before {
|
|
2454
|
+
position: absolute;
|
|
2455
|
+
display: block;
|
|
2456
|
+
border-radius: 100%;
|
|
2457
|
+
block-size: 18px;
|
|
2458
|
+
content: "";
|
|
2459
|
+
inline-size: 18px;
|
|
2460
|
+
inset-block-start: 7px;
|
|
2461
|
+
inset-inline-start: 7px;
|
|
2462
|
+
/* stylelint-disable-next-line carbon/theme-use */
|
|
2463
|
+
outline: 0.125rem var(--cds-focus, #0f62fe) solid;
|
|
2464
|
+
}
|
|
2465
|
+
.c4p--coachmark-beacon .c4p--coachmark-beacon__target {
|
|
2466
|
+
display: flex;
|
|
2467
|
+
padding: 0;
|
|
2468
|
+
border: none;
|
|
2469
|
+
border-radius: 50%;
|
|
2470
|
+
background-color: transparent;
|
|
2471
|
+
block-size: 2rem;
|
|
2472
|
+
cursor: pointer;
|
|
2473
|
+
inline-size: 2rem;
|
|
2474
|
+
}
|
|
2475
|
+
.c4p--coachmark-beacon .c4p--coachmark-beacon__target[aria-expanded=true] circle {
|
|
2476
|
+
animation: none;
|
|
2477
|
+
}
|
|
2478
|
+
.c4p--coachmark-beacon__center {
|
|
2479
|
+
position: absolute;
|
|
2480
|
+
z-index: 6900;
|
|
2481
|
+
block-size: 5rem;
|
|
2482
|
+
inline-size: 5rem;
|
|
2483
|
+
inset-block-start: -1.375rem;
|
|
2484
|
+
inset-inline-start: -1.375rem;
|
|
2485
|
+
pointer-events: none;
|
|
2486
|
+
}
|
|
2487
|
+
.c4p--coachmark-beacon__center circle {
|
|
2488
|
+
/* stylelint-disable-next-line carbon/motion-duration-use */
|
|
2489
|
+
animation: ripple 2s infinite;
|
|
2490
|
+
fill: var(--cds-support-info, #0043ce);
|
|
2491
|
+
fill-opacity: 0;
|
|
2492
|
+
-webkit-mask-image: none;
|
|
2493
|
+
mask-image: none;
|
|
2494
|
+
stroke: var(--cds-support-info, #0043ce);
|
|
2495
|
+
stroke-opacity: 0;
|
|
2496
|
+
stroke-width: 1px;
|
|
2497
|
+
transition-timing-function: motion exit, productive;
|
|
2498
|
+
}
|
|
2499
|
+
@media (prefers-reduced-motion) {
|
|
2500
|
+
.c4p--coachmark-beacon__center circle {
|
|
2501
|
+
animation: none;
|
|
2502
|
+
}
|
|
2503
|
+
}
|
|
2504
|
+
|
|
2505
|
+
@keyframes ripple {
|
|
2506
|
+
0% {
|
|
2507
|
+
fill-opacity: 0;
|
|
2508
|
+
r: 1px;
|
|
2509
|
+
stroke-opacity: 0;
|
|
2510
|
+
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
|
2511
|
+
}
|
|
2512
|
+
31% {
|
|
2513
|
+
fill-opacity: 0.2;
|
|
2514
|
+
stroke-opacity: 1;
|
|
2515
|
+
}
|
|
2516
|
+
62% {
|
|
2517
|
+
fill-opacity: 0;
|
|
2518
|
+
r: 32px;
|
|
2519
|
+
stroke-opacity: 0;
|
|
2520
|
+
}
|
|
2521
|
+
100% {
|
|
2522
|
+
fill-opacity: 0;
|
|
2523
|
+
r: 32px;
|
|
2524
|
+
stroke-opacity: 0;
|
|
2525
|
+
}
|
|
2526
|
+
}
|
|
2527
|
+
@keyframes ring-ripple {
|
|
2528
|
+
0% {
|
|
2529
|
+
fill-opacity: 0;
|
|
2530
|
+
r: 12px;
|
|
2531
|
+
stroke-opacity: 0;
|
|
2532
|
+
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
|
2533
|
+
}
|
|
2534
|
+
31% {
|
|
2535
|
+
fill-opacity: 0.2;
|
|
2536
|
+
stroke-opacity: 1;
|
|
2537
|
+
}
|
|
2538
|
+
62% {
|
|
2539
|
+
fill-opacity: 0;
|
|
2540
|
+
r: 32px;
|
|
2541
|
+
stroke-opacity: 0;
|
|
2542
|
+
}
|
|
2543
|
+
100% {
|
|
2544
|
+
fill-opacity: 0;
|
|
2545
|
+
r: 32px;
|
|
2546
|
+
stroke-opacity: 0;
|
|
2547
|
+
}
|
|
2548
|
+
}
|
|
2549
|
+
.c4p--coachmark {
|
|
2550
|
+
position: relative;
|
|
2551
|
+
}
|
|
2552
|
+
|
|
2553
|
+
.c4p--coachmark__next.c4p--coachmark__next--floating span:has(> div > .c4p--coachmark__next--content-header--drag-icon) {
|
|
2554
|
+
margin-inline-end: auto;
|
|
2555
|
+
}
|
|
2556
|
+
|
|
2557
|
+
/* stylelint-disable carbon/layout-use */
|
|
2558
|
+
/* stylelint-disable carbon/motion-easing-use */
|
|
2559
|
+
/* stylelint-disable max-nesting-depth */
|
|
2560
|
+
.c4p--coachmark-beacon {
|
|
2561
|
+
position: relative;
|
|
2562
|
+
}
|
|
2563
|
+
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::before {
|
|
2564
|
+
display: none;
|
|
2565
|
+
}
|
|
2566
|
+
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::after {
|
|
2567
|
+
position: absolute;
|
|
2568
|
+
border-radius: 50%;
|
|
2569
|
+
/* stylelint-disable-next-line carbon/theme-use */
|
|
2570
|
+
background-color: #4589ff;
|
|
2571
|
+
block-size: 0.75rem;
|
|
2572
|
+
content: "";
|
|
2573
|
+
inline-size: 0.75rem;
|
|
2574
|
+
inset-block-start: 0.625rem;
|
|
2575
|
+
inset-inline-start: 0.625rem;
|
|
2576
|
+
}
|
|
2577
|
+
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus {
|
|
2578
|
+
outline: transparent;
|
|
2579
|
+
}
|
|
2580
|
+
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus::before {
|
|
2581
|
+
position: absolute;
|
|
2582
|
+
display: block;
|
|
2583
|
+
border-radius: 100%;
|
|
2584
|
+
block-size: 18px;
|
|
2585
|
+
content: "";
|
|
2586
|
+
inline-size: 18px;
|
|
2587
|
+
inset-block-start: 7px;
|
|
2588
|
+
inset-inline-start: 7px;
|
|
2589
|
+
/* stylelint-disable-next-line carbon/theme-use */
|
|
2590
|
+
outline: 0.125rem var(--cds-focus, #0f62fe) solid;
|
|
2591
|
+
}
|
|
2592
|
+
.c4p--coachmark-beacon .c4p--coachmark-beacon__target {
|
|
2593
|
+
display: flex;
|
|
2594
|
+
padding: 0;
|
|
2595
|
+
border: none;
|
|
2596
|
+
border-radius: 50%;
|
|
2597
|
+
background-color: transparent;
|
|
2598
|
+
block-size: 2rem;
|
|
2599
|
+
cursor: pointer;
|
|
2600
|
+
inline-size: 2rem;
|
|
2601
|
+
}
|
|
2602
|
+
.c4p--coachmark-beacon .c4p--coachmark-beacon__target[aria-expanded=true] circle {
|
|
2603
|
+
animation: none;
|
|
2604
|
+
}
|
|
2605
|
+
.c4p--coachmark-beacon__center {
|
|
2606
|
+
position: absolute;
|
|
2607
|
+
z-index: 6900;
|
|
2608
|
+
block-size: 5rem;
|
|
2609
|
+
inline-size: 5rem;
|
|
2610
|
+
inset-block-start: -1.375rem;
|
|
2611
|
+
inset-inline-start: -1.375rem;
|
|
2612
|
+
pointer-events: none;
|
|
2613
|
+
}
|
|
2614
|
+
.c4p--coachmark-beacon__center circle {
|
|
2615
|
+
/* stylelint-disable-next-line carbon/motion-duration-use */
|
|
2616
|
+
animation: ripple 2s infinite;
|
|
2617
|
+
fill: var(--cds-support-info, #0043ce);
|
|
2618
|
+
fill-opacity: 0;
|
|
2619
|
+
-webkit-mask-image: none;
|
|
2620
|
+
mask-image: none;
|
|
2621
|
+
stroke: var(--cds-support-info, #0043ce);
|
|
2622
|
+
stroke-opacity: 0;
|
|
2623
|
+
stroke-width: 1px;
|
|
2624
|
+
transition-timing-function: motion exit, productive;
|
|
2625
|
+
}
|
|
2626
|
+
@media (prefers-reduced-motion) {
|
|
2627
|
+
.c4p--coachmark-beacon__center circle {
|
|
2628
|
+
animation: none;
|
|
2629
|
+
}
|
|
2630
|
+
}
|
|
2631
|
+
|
|
2632
|
+
@keyframes ripple {
|
|
2633
|
+
0% {
|
|
2634
|
+
fill-opacity: 0;
|
|
2635
|
+
r: 1px;
|
|
2636
|
+
stroke-opacity: 0;
|
|
2637
|
+
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
|
2638
|
+
}
|
|
2639
|
+
31% {
|
|
2640
|
+
fill-opacity: 0.2;
|
|
2641
|
+
stroke-opacity: 1;
|
|
2642
|
+
}
|
|
2643
|
+
62% {
|
|
2644
|
+
fill-opacity: 0;
|
|
2645
|
+
r: 32px;
|
|
2646
|
+
stroke-opacity: 0;
|
|
2647
|
+
}
|
|
2648
|
+
100% {
|
|
2649
|
+
fill-opacity: 0;
|
|
2650
|
+
r: 32px;
|
|
2651
|
+
stroke-opacity: 0;
|
|
2652
|
+
}
|
|
2653
|
+
}
|
|
2654
|
+
@keyframes ring-ripple {
|
|
2655
|
+
0% {
|
|
2656
|
+
fill-opacity: 0;
|
|
2657
|
+
r: 12px;
|
|
2658
|
+
stroke-opacity: 0;
|
|
2659
|
+
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
|
2660
|
+
}
|
|
2661
|
+
31% {
|
|
2662
|
+
fill-opacity: 0.2;
|
|
2663
|
+
stroke-opacity: 1;
|
|
2664
|
+
}
|
|
2665
|
+
62% {
|
|
2666
|
+
fill-opacity: 0;
|
|
2667
|
+
r: 32px;
|
|
2668
|
+
stroke-opacity: 0;
|
|
2669
|
+
}
|
|
2670
|
+
100% {
|
|
2671
|
+
fill-opacity: 0;
|
|
2672
|
+
r: 32px;
|
|
2673
|
+
stroke-opacity: 0;
|
|
2674
|
+
}
|
|
2675
|
+
}
|
|
2676
|
+
/* stylelint-disable max-nesting-depth */
|
|
2677
|
+
.c4p--coachmark-overlay-element {
|
|
2678
|
+
padding: 0.125rem 1rem 0;
|
|
2679
|
+
}
|
|
2680
|
+
.c4p--coachmark-overlay-element__content {
|
|
2681
|
+
padding-block-end: 1rem;
|
|
2682
|
+
}
|
|
2683
|
+
.c4p--coachmark-overlay-element__title {
|
|
2684
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
|
2685
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
|
2686
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
|
2687
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
|
2688
|
+
margin: 0 0 0.5rem;
|
|
2689
|
+
}
|
|
2690
|
+
.c4p--coachmark-overlay-element__body {
|
|
2691
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
|
2692
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
|
2693
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
|
2694
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
|
2695
|
+
}
|
|
2696
|
+
.c4p--coachmark-overlay-element__button {
|
|
2697
|
+
margin-block-end: 0;
|
|
2698
|
+
}
|
|
2699
|
+
|
|
2700
|
+
.c4p--carousel__item .c4p--coachmark-overlay-element__button {
|
|
2701
|
+
margin-block-end: 1rem;
|
|
2702
|
+
}
|
|
2703
|
+
|
|
2704
|
+
/* stylelint-disable max-nesting-depth */
|
|
2530
2705
|
.c4p--carousel {
|
|
2531
2706
|
position: relative;
|
|
2532
2707
|
/* stylelint-disable-next-line max-nesting-depth */
|
|
@@ -3926,6 +4101,9 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
|
3926
4101
|
.c4p--tearsheet .c4p--tearsheet__header-navigation {
|
|
3927
4102
|
margin: 0.75rem 0 0;
|
|
3928
4103
|
}
|
|
4104
|
+
.c4p--tearsheet .c4p--tearsheet__layer {
|
|
4105
|
+
display: contents;
|
|
4106
|
+
}
|
|
3929
4107
|
.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__body {
|
|
3930
4108
|
display: flex;
|
|
3931
4109
|
flex-direction: row;
|
|
@@ -4300,11 +4478,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
|
4300
4478
|
}
|
|
4301
4479
|
|
|
4302
4480
|
.c4p--card {
|
|
4481
|
+
border: 1px solid transparent;
|
|
4303
4482
|
background-color: var(--cds-layer-01, #f4f4f4);
|
|
4304
4483
|
color: var(--cds-text-primary, #161616);
|
|
4305
4484
|
}
|
|
4306
4485
|
|
|
4307
4486
|
.c4p--card__clickable {
|
|
4487
|
+
border-color: var(--cds-border-tile-01, #c6c6c6);
|
|
4308
4488
|
cursor: pointer;
|
|
4309
4489
|
transition: background-color 110ms;
|
|
4310
4490
|
}
|
|
@@ -7753,13 +7933,22 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7753
7933
|
}
|
|
7754
7934
|
|
|
7755
7935
|
.c4p--page-header__next.c4p--page-header {
|
|
7936
|
+
position: sticky;
|
|
7756
7937
|
background-color: var(--cds-layer-01, #f4f4f4);
|
|
7757
7938
|
border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
|
7939
|
+
/* stylelint-disable-next-line carbon/layout-use */
|
|
7940
|
+
inset-block-start: var(--c4p-page-header-header-top);
|
|
7758
7941
|
}
|
|
7759
7942
|
.c4p--page-header__next .c4p--page-header__breadcrumb-bar {
|
|
7943
|
+
position: sticky;
|
|
7944
|
+
z-index: 1;
|
|
7945
|
+
background-color: var(--cds-layer);
|
|
7760
7946
|
block-size: 2.5rem;
|
|
7947
|
+
/* stylelint-disable-next-line carbon/layout-use */
|
|
7948
|
+
inset-block-start: var(--c4p-page-header-breadcrumb-top);
|
|
7761
7949
|
}
|
|
7762
|
-
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--subgrid
|
|
7950
|
+
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--subgrid,
|
|
7951
|
+
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid {
|
|
7763
7952
|
block-size: 100%;
|
|
7764
7953
|
}
|
|
7765
7954
|
.c4p--page-header__next .c4p--page-header__breadcrumb-container {
|
|
@@ -7783,12 +7972,30 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7783
7972
|
}
|
|
7784
7973
|
.c4p--page-header__next .c4p--page-header__breadcrumb__actions {
|
|
7785
7974
|
display: inline-flex;
|
|
7975
|
+
justify-content: flex-end;
|
|
7976
|
+
inline-size: 100%;
|
|
7786
7977
|
}
|
|
7787
7978
|
.c4p--page-header__next .c4p--page-header__breadcrumb__content-actions {
|
|
7979
|
+
inline-size: 100%;
|
|
7788
7980
|
margin-inline-end: 0.75rem;
|
|
7789
7981
|
}
|
|
7790
7982
|
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper {
|
|
7791
7983
|
display: inline-flex;
|
|
7984
|
+
inline-size: 100%;
|
|
7985
|
+
}
|
|
7986
|
+
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow {
|
|
7987
|
+
inline-size: 100%;
|
|
7988
|
+
}
|
|
7989
|
+
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb {
|
|
7990
|
+
display: flex;
|
|
7991
|
+
}
|
|
7992
|
+
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow-item {
|
|
7993
|
+
display: none;
|
|
7994
|
+
opacity: 0;
|
|
7995
|
+
}
|
|
7996
|
+
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-overflow-breadcrumb-item-with-items {
|
|
7997
|
+
display: flex;
|
|
7998
|
+
opacity: 1;
|
|
7792
7999
|
}
|
|
7793
8000
|
.c4p--page-header__next .c4p--page-header__content {
|
|
7794
8001
|
padding: 1.5rem 0;
|
|
@@ -7886,6 +8093,28 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7886
8093
|
grid-gap: 4rem;
|
|
7887
8094
|
grid-template-columns: auto minmax(0, 1fr);
|
|
7888
8095
|
}
|
|
8096
|
+
.c4p--page-header__next .c4p--page-header__tab-bar--tablist .c4p--page-header__tags {
|
|
8097
|
+
display: flex;
|
|
8098
|
+
align-self: center;
|
|
8099
|
+
justify-content: flex-end;
|
|
8100
|
+
}
|
|
8101
|
+
.c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
|
|
8102
|
+
display: flex;
|
|
8103
|
+
align-items: center;
|
|
8104
|
+
justify-content: right;
|
|
8105
|
+
transform: translateX(-1.5rem);
|
|
8106
|
+
}
|
|
8107
|
+
@media (min-width: 42rem) {
|
|
8108
|
+
.c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
|
|
8109
|
+
padding-inline-end: 0.5rem;
|
|
8110
|
+
transform: translateX(0);
|
|
8111
|
+
}
|
|
8112
|
+
}
|
|
8113
|
+
@media (min-width: 99rem) {
|
|
8114
|
+
.c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
|
|
8115
|
+
padding-inline-end: 1rem;
|
|
8116
|
+
}
|
|
8117
|
+
}
|
|
7889
8118
|
.c4p--page-header__next .cds--tabs .cds--tab--overflow-nav-button {
|
|
7890
8119
|
background-color: var(--cds-layer-01, #f4f4f4);
|
|
7891
8120
|
}
|
|
@@ -7895,6 +8124,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7895
8124
|
.c4p--page-header__next .cds--tabs .cds--tab--overflow-nav-button.cds--tab--overflow-nav-button--previous::before {
|
|
7896
8125
|
background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-01, #f4f4f4));
|
|
7897
8126
|
}
|
|
8127
|
+
.c4p--page-header__next .cds--tabs .cds--tabs__nav-link {
|
|
8128
|
+
margin-inline-end: 0.125rem;
|
|
8129
|
+
}
|
|
7898
8130
|
.c4p--page-header__next .c4p--page-header__tags {
|
|
7899
8131
|
display: flex;
|
|
7900
8132
|
align-items: center;
|
|
@@ -7908,6 +8140,80 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7908
8140
|
.c4p--page-header__next .c4p--page-header__tag-item {
|
|
7909
8141
|
flex-shrink: 0;
|
|
7910
8142
|
}
|
|
8143
|
+
.c4p--page-header__next .c4p--page-header--scroller-button-icon {
|
|
8144
|
+
/* stylelint-disable-next-line */
|
|
8145
|
+
transition: transform 250ms;
|
|
8146
|
+
}
|
|
8147
|
+
@media (prefers-reduced-motion: reduce) {
|
|
8148
|
+
.c4p--page-header__next .c4p--page-header--scroller-button-icon {
|
|
8149
|
+
transition: none;
|
|
8150
|
+
}
|
|
8151
|
+
}
|
|
8152
|
+
.c4p--page-header__next .c4p--page-header--scroller-button-icon-collapsed {
|
|
8153
|
+
transform: rotate(-180deg);
|
|
8154
|
+
}
|
|
8155
|
+
.c4p--page-header__next .c4p--page-header--scroller-button-container {
|
|
8156
|
+
position: absolute;
|
|
8157
|
+
inset-block-end: 0;
|
|
8158
|
+
inset-inline-end: 0.125rem;
|
|
8159
|
+
}
|
|
8160
|
+
@keyframes page-header-title-breadcrumb-animation {
|
|
8161
|
+
0% {
|
|
8162
|
+
opacity: 0;
|
|
8163
|
+
transform: translateY(1rem);
|
|
8164
|
+
}
|
|
8165
|
+
5% {
|
|
8166
|
+
opacity: 1;
|
|
8167
|
+
transform: translateY(0);
|
|
8168
|
+
}
|
|
8169
|
+
100% {
|
|
8170
|
+
opacity: 1;
|
|
8171
|
+
transform: translateY(0);
|
|
8172
|
+
}
|
|
8173
|
+
}
|
|
8174
|
+
@keyframes page-header-title-breadcrumb-animation-reduced-motion {
|
|
8175
|
+
0% {
|
|
8176
|
+
opacity: 0;
|
|
8177
|
+
}
|
|
8178
|
+
5% {
|
|
8179
|
+
opacity: 1;
|
|
8180
|
+
}
|
|
8181
|
+
100% {
|
|
8182
|
+
opacity: 1;
|
|
8183
|
+
}
|
|
8184
|
+
}
|
|
8185
|
+
.c4p--page-header__next .c4p--page-header-title-breadcrumb {
|
|
8186
|
+
opacity: 0;
|
|
8187
|
+
transform: translateY(1rem);
|
|
8188
|
+
transition: transform cubic-bezier(0.2, 0, 0.38, 0.9) 150ms, opacity cubic-bezier(0.2, 0, 0.38, 0.9) 150ms;
|
|
8189
|
+
}
|
|
8190
|
+
@supports not (animation-timeline: scroll()) {
|
|
8191
|
+
.c4p--page-header__next .c4p--page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show {
|
|
8192
|
+
opacity: 1;
|
|
8193
|
+
transform: translateY(0);
|
|
8194
|
+
}
|
|
8195
|
+
@media (prefers-reduced-motion: reduce) {
|
|
8196
|
+
.c4p--page-header__next .c4p--page-header-title-breadcrumb {
|
|
8197
|
+
transform: translateY(0);
|
|
8198
|
+
/* stylelint-disable-next-line */
|
|
8199
|
+
transition: opacity cubic-bezier(0.2, 0, 0.38, 0.9) 150ms;
|
|
8200
|
+
}
|
|
8201
|
+
}
|
|
8202
|
+
}
|
|
8203
|
+
@supports (animation-timeline: scroll()) {
|
|
8204
|
+
.c4p--page-header__next .c4p--page-header-title-breadcrumb {
|
|
8205
|
+
animation-direction: alternate;
|
|
8206
|
+
animation-duration: 1ms; /* Firefox requires this to apply the animation */
|
|
8207
|
+
animation-name: page-header-title-breadcrumb-animation;
|
|
8208
|
+
animation-timeline: scroll(block nearest);
|
|
8209
|
+
}
|
|
8210
|
+
@media (prefers-reduced-motion: reduce) {
|
|
8211
|
+
.c4p--page-header__next .c4p--page-header-title-breadcrumb {
|
|
8212
|
+
animation-name: page-header-title-breadcrumb-animation-reduced-motion;
|
|
8213
|
+
transform: translateY(0);
|
|
8214
|
+
}
|
|
8215
|
+
}
|
|
8216
|
+
}
|
|
7911
8217
|
|
|
7912
8218
|
.c4p--card__productive {
|
|
7913
8219
|
display: flex;
|
|
@@ -14354,7 +14660,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
14354
14660
|
display: none;
|
|
14355
14661
|
}
|
|
14356
14662
|
|
|
14357
|
-
.c4p--big-
|
|
14663
|
+
.c4p--big-number__label {
|
|
14358
14664
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
|
14359
14665
|
font-weight: var(--cds-label-01-font-weight, 400);
|
|
14360
14666
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
|
@@ -14364,7 +14670,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
14364
14670
|
color: var(--cds-text-secondary, #525252);
|
|
14365
14671
|
}
|
|
14366
14672
|
|
|
14367
|
-
.c4p--big-
|
|
14673
|
+
.c4p--big-number__value {
|
|
14368
14674
|
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
|
14369
14675
|
font-weight: var(--cds-heading-04-font-weight, 400);
|
|
14370
14676
|
line-height: var(--cds-heading-04-line-height, 1.28572);
|
|
@@ -14372,138 +14678,138 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
14372
14678
|
margin-block-end: 0;
|
|
14373
14679
|
}
|
|
14374
14680
|
|
|
14375
|
-
.c4p--big-
|
|
14681
|
+
.c4p--big-number__total {
|
|
14376
14682
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
|
14377
14683
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
|
14378
14684
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
|
14379
14685
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
|
14380
14686
|
}
|
|
14381
14687
|
|
|
14382
|
-
.c4p--big-
|
|
14383
|
-
.c4p--big-
|
|
14688
|
+
.c4p--big-number__total,
|
|
14689
|
+
.c4p--big-number__percentage-mark {
|
|
14384
14690
|
margin-block: auto 0.25rem;
|
|
14385
14691
|
}
|
|
14386
14692
|
|
|
14387
|
-
.c4p--big-
|
|
14693
|
+
.c4p--big-number__info {
|
|
14388
14694
|
vertical-align: top;
|
|
14389
14695
|
}
|
|
14390
14696
|
|
|
14391
|
-
.c4p--big-
|
|
14697
|
+
.c4p--big-number__trend {
|
|
14392
14698
|
margin-block-start: 0.5rem;
|
|
14393
14699
|
vertical-align: top;
|
|
14394
14700
|
}
|
|
14395
14701
|
|
|
14396
|
-
.c4p--big-
|
|
14702
|
+
.c4p--big-number__row {
|
|
14397
14703
|
display: flex;
|
|
14398
14704
|
}
|
|
14399
14705
|
|
|
14400
|
-
.c4p--big-
|
|
14706
|
+
.c4p--big-number__info {
|
|
14401
14707
|
padding-inline-start: 0.5rem;
|
|
14402
14708
|
}
|
|
14403
14709
|
|
|
14404
|
-
.c4p--big-
|
|
14710
|
+
.c4p--big-number__percentage {
|
|
14405
14711
|
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
|
14406
14712
|
font-weight: var(--cds-heading-04-font-weight, 400);
|
|
14407
14713
|
line-height: var(--cds-heading-04-line-height, 1.28572);
|
|
14408
14714
|
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
|
14409
14715
|
}
|
|
14410
14716
|
|
|
14411
|
-
.c4p--big-
|
|
14717
|
+
.c4p--big-number__percentage-mark {
|
|
14412
14718
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
|
14413
14719
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
|
14414
14720
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
|
14415
14721
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
|
14416
14722
|
}
|
|
14417
14723
|
|
|
14418
|
-
.c4p--big-
|
|
14724
|
+
.c4p--big-number__icon-button {
|
|
14419
14725
|
margin-inline-start: 0.25rem;
|
|
14420
14726
|
}
|
|
14421
14727
|
|
|
14422
|
-
.c4p--big-
|
|
14423
|
-
.c4p--big-
|
|
14728
|
+
.c4p--big-number--lg .c4p--big-number__value,
|
|
14729
|
+
.c4p--big-number--lg .c4p--big-number__percentage {
|
|
14424
14730
|
font-size: var(--cds-heading-06-font-size, 2.625rem);
|
|
14425
14731
|
font-weight: var(--cds-heading-06-font-weight, 300);
|
|
14426
14732
|
line-height: var(--cds-heading-06-line-height, 1.199);
|
|
14427
14733
|
letter-spacing: var(--cds-heading-06-letter-spacing, 0);
|
|
14428
14734
|
}
|
|
14429
14735
|
|
|
14430
|
-
.c4p--big-
|
|
14431
|
-
.c4p--big-
|
|
14736
|
+
.c4p--big-number--lg .c4p--big-number__total,
|
|
14737
|
+
.c4p--big-number--lg .c4p--big-number__percentage-mark {
|
|
14432
14738
|
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
|
14433
14739
|
font-weight: var(--cds-heading-03-font-weight, 400);
|
|
14434
14740
|
line-height: var(--cds-heading-03-line-height, 1.4);
|
|
14435
14741
|
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
|
14436
14742
|
}
|
|
14437
14743
|
|
|
14438
|
-
.c4p--big-
|
|
14744
|
+
.c4p--big-number--xl .c4p--big-number__label {
|
|
14439
14745
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
|
14440
14746
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
|
14441
14747
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
|
14442
14748
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
|
14443
14749
|
}
|
|
14444
14750
|
|
|
14445
|
-
.c4p--big-
|
|
14446
|
-
.c4p--big-
|
|
14751
|
+
.c4p--big-number--xl .c4p--big-number__value,
|
|
14752
|
+
.c4p--big-number--xl .c4p--big-number__percentage {
|
|
14447
14753
|
font-size: var(--cds-heading-07-font-size, 3.375rem);
|
|
14448
14754
|
font-weight: var(--cds-heading-07-font-weight, 300);
|
|
14449
14755
|
line-height: var(--cds-heading-07-line-height, 1.19);
|
|
14450
14756
|
letter-spacing: var(--cds-heading-07-letter-spacing, 0);
|
|
14451
14757
|
}
|
|
14452
14758
|
|
|
14453
|
-
.c4p--big-
|
|
14454
|
-
.c4p--big-
|
|
14759
|
+
.c4p--big-number--xl .c4p--big-number__total,
|
|
14760
|
+
.c4p--big-number--xl .c4p--big-number__percentage-mark {
|
|
14455
14761
|
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
|
14456
14762
|
font-weight: var(--cds-heading-04-font-weight, 400);
|
|
14457
14763
|
line-height: var(--cds-heading-04-line-height, 1.28572);
|
|
14458
14764
|
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
|
14459
14765
|
}
|
|
14460
14766
|
|
|
14461
|
-
.c4p--big-
|
|
14767
|
+
.c4p--big-number--xl .c4p--big-number__trend {
|
|
14462
14768
|
margin-block-start: 0.75rem;
|
|
14463
14769
|
}
|
|
14464
14770
|
|
|
14465
|
-
.c4p--big-
|
|
14771
|
+
.c4p--big-number-skeleton {
|
|
14466
14772
|
inline-size: 4rem;
|
|
14467
14773
|
}
|
|
14468
14774
|
|
|
14469
|
-
.c4p--big-
|
|
14775
|
+
.c4p--big-number-skeleton__label {
|
|
14470
14776
|
block-size: 0.75rem;
|
|
14471
14777
|
margin-block: 0 0.5rem;
|
|
14472
14778
|
}
|
|
14473
14779
|
|
|
14474
|
-
.c4p--big-
|
|
14780
|
+
.c4p--big-number-skeleton__value {
|
|
14475
14781
|
margin: 0;
|
|
14476
14782
|
/* stylelint-disable-next-line declaration-no-important */
|
|
14477
14783
|
block-size: 2.5rem !important;
|
|
14478
14784
|
}
|
|
14479
14785
|
|
|
14480
|
-
.c4p--big-
|
|
14786
|
+
.c4p--big-number-skeleton--lg {
|
|
14481
14787
|
inline-size: 5rem;
|
|
14482
14788
|
}
|
|
14483
14789
|
|
|
14484
|
-
.c4p--big-
|
|
14790
|
+
.c4p--big-number-skeleton--xl {
|
|
14485
14791
|
inline-size: 6rem;
|
|
14486
14792
|
}
|
|
14487
14793
|
|
|
14488
|
-
.c4p--big-
|
|
14794
|
+
.c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__label {
|
|
14489
14795
|
block-size: 0.75rem;
|
|
14490
14796
|
}
|
|
14491
14797
|
|
|
14492
|
-
.c4p--big-
|
|
14798
|
+
.c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__value {
|
|
14493
14799
|
/* stylelint-disable-next-line declaration-no-important */
|
|
14494
14800
|
block-size: 3rem !important;
|
|
14495
14801
|
}
|
|
14496
14802
|
|
|
14497
|
-
.c4p--big-
|
|
14803
|
+
.c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__label {
|
|
14498
14804
|
block-size: 0.75rem;
|
|
14499
14805
|
}
|
|
14500
14806
|
|
|
14501
|
-
.c4p--big-
|
|
14807
|
+
.c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__value {
|
|
14502
14808
|
/* stylelint-disable-next-line declaration-no-important */
|
|
14503
14809
|
block-size: 4rem !important;
|
|
14504
14810
|
}
|
|
14505
14811
|
|
|
14506
|
-
.c4p--big-
|
|
14812
|
+
.c4p--big-number .c4p--big-number__tooltip-trigger:focus {
|
|
14507
14813
|
outline: 1px solid var(--cds-focus, #0f62fe);
|
|
14508
14814
|
}
|
|
14509
14815
|
|
|
@@ -14547,6 +14853,17 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
14547
14853
|
background: transparent;
|
|
14548
14854
|
}
|
|
14549
14855
|
|
|
14856
|
+
.c4p--truncated-text__text-content {
|
|
14857
|
+
display: -webkit-box;
|
|
14858
|
+
overflow: hidden;
|
|
14859
|
+
-webkit-box-orient: vertical;
|
|
14860
|
+
text-overflow: clip;
|
|
14861
|
+
}
|
|
14862
|
+
.c4p--truncated-text__expand-toggle {
|
|
14863
|
+
color: var(--cds-link-primary, #0f62fe);
|
|
14864
|
+
cursor: pointer;
|
|
14865
|
+
}
|
|
14866
|
+
|
|
14550
14867
|
/* stylelint-disable max-nesting-depth */
|
|
14551
14868
|
/* stylelint-disable declaration-no-important */
|
|
14552
14869
|
.c4p--interstitial-screen--body {
|
|
@@ -18316,6 +18633,14 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
|
18316
18633
|
display: flex;
|
|
18317
18634
|
}
|
|
18318
18635
|
|
|
18636
|
+
.c4p--condition-builder__visible {
|
|
18637
|
+
visibility: visible;
|
|
18638
|
+
}
|
|
18639
|
+
|
|
18640
|
+
.c4p--condition-builder__hidden {
|
|
18641
|
+
visibility: hidden;
|
|
18642
|
+
}
|
|
18643
|
+
|
|
18319
18644
|
.c4p--condition-builder__condition-wrapper {
|
|
18320
18645
|
display: flex;
|
|
18321
18646
|
flex-flow: row wrap;
|
|
@@ -28650,6 +28975,37 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
28650
28975
|
}
|
|
28651
28976
|
}
|
|
28652
28977
|
|
|
28978
|
+
.cds--data-table-container--ai-enabled {
|
|
28979
|
+
position: relative;
|
|
28980
|
+
padding: 1px;
|
|
28981
|
+
border: none;
|
|
28982
|
+
}
|
|
28983
|
+
|
|
28984
|
+
.cds--data-table-container--ai-enabled::after {
|
|
28985
|
+
position: absolute;
|
|
28986
|
+
z-index: -1;
|
|
28987
|
+
background-image: linear-gradient(to top, var(--cds-ai-border-end, #78a9ff), var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)));
|
|
28988
|
+
block-size: 100%;
|
|
28989
|
+
content: "";
|
|
28990
|
+
inline-size: 100%;
|
|
28991
|
+
inset: 0;
|
|
28992
|
+
pointer-events: none;
|
|
28993
|
+
}
|
|
28994
|
+
|
|
28995
|
+
.cds--data-table-container--ai-enabled tbody {
|
|
28996
|
+
position: relative;
|
|
28997
|
+
}
|
|
28998
|
+
|
|
28999
|
+
.cds--data-table-container--ai-enabled tbody::before {
|
|
29000
|
+
position: absolute;
|
|
29001
|
+
block-size: 100%;
|
|
29002
|
+
content: "";
|
|
29003
|
+
inline-size: 100%;
|
|
29004
|
+
inset: 0;
|
|
29005
|
+
pointer-events: none;
|
|
29006
|
+
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
|
|
29007
|
+
}
|
|
29008
|
+
|
|
28653
29009
|
.cds--data-table-header {
|
|
28654
29010
|
background-color: var(--cds-layer);
|
|
28655
29011
|
padding-block: 1rem 1.5rem;
|
|
@@ -35735,6 +36091,9 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
35735
36091
|
inline-size: 1px;
|
|
35736
36092
|
}
|
|
35737
36093
|
|
|
36094
|
+
.cds--form-item {
|
|
36095
|
+
position: relative;
|
|
36096
|
+
}
|
|
35738
36097
|
.cds--form-item:has(.cds--text-area__wrapper--cols) {
|
|
35739
36098
|
inline-size: fit-content;
|
|
35740
36099
|
}
|
|
@@ -35854,6 +36213,11 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
35854
36213
|
inline-size: 100%;
|
|
35855
36214
|
}
|
|
35856
36215
|
|
|
36216
|
+
.cds--form-requirement {
|
|
36217
|
+
position: absolute;
|
|
36218
|
+
inset-block-start: 100%;
|
|
36219
|
+
}
|
|
36220
|
+
|
|
35857
36221
|
.cds--text-area--fluid .cds--text-area__wrapper {
|
|
35858
36222
|
position: relative;
|
|
35859
36223
|
flex-direction: column;
|
|
@@ -39209,6 +39573,17 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
39209
39573
|
padding-inline: var(--cds-layout-density-padding-inline-local);
|
|
39210
39574
|
}
|
|
39211
39575
|
|
|
39576
|
+
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
|
39577
|
+
.cds--progress-bar__track {
|
|
39578
|
+
background-color: Canvas;
|
|
39579
|
+
forced-color-adjust: none;
|
|
39580
|
+
outline: 2px solid rgba(0, 0, 0, 0);
|
|
39581
|
+
outline-offset: -2px;
|
|
39582
|
+
}
|
|
39583
|
+
.cds--progress-bar__bar {
|
|
39584
|
+
background-color: CanvasText;
|
|
39585
|
+
}
|
|
39586
|
+
}
|
|
39212
39587
|
.cds--progress {
|
|
39213
39588
|
box-sizing: border-box;
|
|
39214
39589
|
padding: 0;
|