@carbon/ibm-products 2.21.0 → 2.23.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +8 -4
- package/css/index-full-carbon.css +559 -357
- 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 +227 -267
- 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 +271 -295
- 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 +251 -298
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +8 -3
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +14 -4
- package/es/components/Datagrid/Datagrid/DatagridRow.js +6 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +30 -72
- package/es/components/Datagrid/Datagrid/addons/Slug/ColumnHeaderSlug.js +26 -0
- package/es/components/Datagrid/useDefaultStringRenderer.js +3 -3
- package/es/components/Datagrid/useRowIsMouseOver.js +3 -1
- package/es/components/Datagrid/useSortableColumns.js +15 -5
- package/es/components/DelimitedList/DelimitedList.docs-page.js +15 -0
- package/es/components/DelimitedList/DelimitedList.js +73 -0
- package/es/components/DelimitedList/index.js +8 -0
- package/es/components/FilterSummary/FilterSummary.js +100 -19
- package/es/components/SidePanel/SidePanel.js +145 -189
- package/es/components/TagSet/TagSet.js +31 -7
- package/es/components/TagSet/TagSetOverflow.js +13 -8
- package/es/components/index.js +2 -1
- package/es/global/js/hooks/useResizeObserver.js +5 -2
- package/es/global/js/package-settings.js +1 -0
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +8 -3
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +14 -4
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +6 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +2 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +30 -72
- package/lib/components/Datagrid/Datagrid/addons/Slug/ColumnHeaderSlug.js +36 -0
- package/lib/components/Datagrid/useDefaultStringRenderer.js +3 -3
- package/lib/components/Datagrid/useRowIsMouseOver.js +3 -1
- package/lib/components/Datagrid/useSortableColumns.js +15 -5
- package/lib/components/DelimitedList/DelimitedList.docs-page.js +25 -0
- package/lib/components/DelimitedList/DelimitedList.js +78 -0
- package/lib/components/DelimitedList/index.js +12 -0
- package/lib/components/FilterSummary/FilterSummary.js +103 -23
- package/lib/components/SidePanel/SidePanel.js +145 -189
- package/lib/components/TagSet/TagSet.js +31 -7
- package/lib/components/TagSet/TagSetOverflow.js +12 -7
- package/lib/components/index.js +8 -1
- package/lib/global/js/hooks/useResizeObserver.js +5 -2
- package/lib/global/js/package-settings.js +1 -0
- package/package.json +9 -8
- package/scss/components/CreateSidePanel/_create-side-panel.scss +1 -38
- package/scss/components/Datagrid/_datagrid.scss +4 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +24 -1
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +2 -0
- package/scss/components/DelimitedList/_carbon-imports.scss +9 -0
- package/scss/components/DelimitedList/_delimited-list.scss +27 -0
- package/scss/components/DelimitedList/_index-with-carbon.scss +9 -0
- package/scss/components/DelimitedList/_index.scss +8 -0
- package/scss/components/EditSidePanel/_edit-side-panel.scss +0 -18
- package/scss/components/FilterSummary/_filter-summary.scss +22 -1
- package/scss/components/SidePanel/_side-panel-variables.scss +5 -1
- package/scss/components/SidePanel/_side-panel.scss +155 -187
- package/scss/components/_index-with-carbon.scss +1 -0
- package/scss/components/_index.scss +1 -0
- package/telemetry.yml +790 -0
@@ -2153,6 +2153,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2153
2153
|
margin-bottom: 0;
|
2154
2154
|
}
|
2155
2155
|
|
2156
|
+
/* One or two values
|
2157
|
+
* - width (first value)
|
2158
|
+
* - min-width (optional second value)
|
2159
|
+
*/
|
2156
2160
|
@keyframes hide-feedback {
|
2157
2161
|
0% {
|
2158
2162
|
opacity: 1;
|
@@ -2379,76 +2383,90 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2379
2383
|
white-space: nowrap;
|
2380
2384
|
}
|
2381
2385
|
|
2386
|
+
.c4p--side-panel--scrolls {
|
2387
|
+
overflow: auto;
|
2388
|
+
overflow-x: hidden;
|
2389
|
+
}
|
2390
|
+
|
2382
2391
|
.c4p--side-panel__container {
|
2383
|
-
--c4p--side-panel--
|
2384
|
-
--c4p--side-panel--
|
2385
|
-
--c4p--side-panel--title-
|
2386
|
-
--c4p--side-panel--
|
2387
|
-
--c4p--side-panel--action-bar-container-height: 0;
|
2388
|
-
--c4p--side-panel--divider-opacity: 0;
|
2389
|
-
--c4p--side-panel--title-y-position: 0;
|
2390
|
-
--c4p--side-panel--content-bottom-padding: 4rem;
|
2391
|
-
--c4p--side-panel--collapsed-title-y-position: 1rem;
|
2392
|
-
--c4p--side-panel--label-text-height: 0;
|
2393
|
-
--c4p--side-panel--title-padding-right: 3rem;
|
2392
|
+
--c4p--side-panel--title-stop: 1rem;
|
2393
|
+
--c4p--side-panel--scroll-animation-progress: 0;
|
2394
|
+
--c4p--side-panel--title-padding-right: 2rem;
|
2395
|
+
--c4p--side-panel--actions-height: 4rem;
|
2394
2396
|
position: fixed;
|
2395
2397
|
z-index: 9000;
|
2396
2398
|
top: 3rem;
|
2399
|
+
display: grid;
|
2397
2400
|
height: calc(100% - 3rem);
|
2398
2401
|
box-sizing: border-box;
|
2399
2402
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2400
2403
|
color: var(--cds-text-primary, #161616);
|
2404
|
+
grid-template-rows: 1fr auto; /* titles and content */
|
2401
2405
|
}
|
2402
2406
|
.c4p--side-panel__container.c4p--side-panel__container--xs {
|
2407
|
+
/* any value is single value list */
|
2403
2408
|
width: 16rem;
|
2404
2409
|
max-width: 100%;
|
2405
2410
|
}
|
2406
|
-
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-
|
2407
|
-
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-
|
2408
|
-
|
2411
|
+
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__header.c4p--side-panel__header--no-title-animation,
|
2412
|
+
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text {
|
2413
|
+
/* any value is single value list */
|
2409
2414
|
width: 16rem;
|
2410
2415
|
max-width: 100%;
|
2411
2416
|
}
|
2412
2417
|
.c4p--side-panel__container.c4p--side-panel__container--sm {
|
2418
|
+
/* any value is single value list */
|
2413
2419
|
width: 20rem;
|
2414
2420
|
max-width: 100%;
|
2415
2421
|
}
|
2416
|
-
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-
|
2417
|
-
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-
|
2418
|
-
|
2422
|
+
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__header.c4p--side-panel__header--no-title-animation,
|
2423
|
+
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text {
|
2424
|
+
/* any value is single value list */
|
2419
2425
|
width: 20rem;
|
2420
2426
|
max-width: 100%;
|
2421
2427
|
}
|
2422
2428
|
.c4p--side-panel__container.c4p--side-panel__container--md {
|
2429
|
+
/* any value is single value list */
|
2423
2430
|
width: 30rem;
|
2424
2431
|
max-width: 100%;
|
2425
2432
|
}
|
2426
|
-
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-
|
2427
|
-
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-
|
2428
|
-
|
2433
|
+
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__header.c4p--side-panel__header--no-title-animation,
|
2434
|
+
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text {
|
2435
|
+
/* any value is single value list */
|
2429
2436
|
width: 30rem;
|
2430
2437
|
max-width: 100%;
|
2431
2438
|
}
|
2432
2439
|
.c4p--side-panel__container.c4p--side-panel__container--lg {
|
2440
|
+
/* any value is single value list */
|
2433
2441
|
width: 40rem;
|
2434
2442
|
max-width: 100%;
|
2435
2443
|
}
|
2436
|
-
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-
|
2437
|
-
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-
|
2438
|
-
|
2444
|
+
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__header.c4p--side-panel__header--no-title-animation,
|
2445
|
+
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text {
|
2446
|
+
/* any value is single value list */
|
2439
2447
|
width: 40rem;
|
2440
2448
|
max-width: 100%;
|
2441
2449
|
}
|
2442
2450
|
.c4p--side-panel__container.c4p--side-panel__container--2xl {
|
2443
|
-
|
2451
|
+
/* any value is single value list */
|
2452
|
+
width: 40rem;
|
2453
|
+
min-width: 75%;
|
2444
2454
|
max-width: 100%;
|
2445
2455
|
}
|
2446
|
-
.c4p--side-panel__container.c4p--side-panel__container--2xl .c4p--side-
|
2447
|
-
.c4p--side-panel__container.c4p--side-panel__container--2xl .c4p--side-
|
2448
|
-
|
2449
|
-
width:
|
2456
|
+
.c4p--side-panel__container.c4p--side-panel__container--2xl .c4p--side-panel__header.c4p--side-panel__header--no-title-animation,
|
2457
|
+
.c4p--side-panel__container.c4p--side-panel__container--2xl .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text {
|
2458
|
+
/* any value is single value list */
|
2459
|
+
width: 40rem;
|
2460
|
+
min-width: 75%;
|
2450
2461
|
max-width: 100%;
|
2451
2462
|
}
|
2463
|
+
.c4p--side-panel__container:not(:has(.c4p--side-panel__animated-scroll-wrapper)), .c4p--side-panel__container.c4p--side-panel__container--has-no-animated-scroll-wrapper {
|
2464
|
+
/* if the title does not scroll then we have a child scrolling section. */
|
2465
|
+
grid-template-rows: auto 1fr auto; /* titles content actions */
|
2466
|
+
}
|
2467
|
+
.c4p--side-panel__container.c4p--side-panel__container--condensed-actions {
|
2468
|
+
--c4p--side-panel--actions-height: 3rem;
|
2469
|
+
}
|
2452
2470
|
.c4p--side-panel__container .c4p--side-panel__actions-container {
|
2453
2471
|
width: 100%;
|
2454
2472
|
}
|
@@ -2460,46 +2478,30 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2460
2478
|
left: 0;
|
2461
2479
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2462
2480
|
}
|
2463
|
-
.c4p--side-panel__container.c4p--side-panel__container-
|
2464
|
-
/* stylelint-disable-next-line max-nesting-depth */
|
2465
|
-
}
|
2466
|
-
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container::before {
|
2467
|
-
content: none;
|
2468
|
-
}
|
2469
|
-
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__action-toolbar {
|
2470
|
-
/* stylelint-disable-next-line max-nesting-depth */
|
2471
|
-
}
|
2472
|
-
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__action-toolbar::before {
|
2473
|
-
position: absolute;
|
2474
|
-
bottom: 0;
|
2475
|
-
left: 0;
|
2476
|
-
width: 100%;
|
2477
|
-
height: 1px;
|
2478
|
-
background-color: var(--cds-border-subtle-02, #e0e0e0);
|
2479
|
-
content: "";
|
2480
|
-
opacity: var(--c4p--side-panel--divider-opacity);
|
2481
|
-
}
|
2482
|
-
.c4p--side-panel__container.c4p--side-panel__container-without-overlay {
|
2481
|
+
.c4p--side-panel__container.c4p--side-panel__container--slide-in, .c4p--side-panel__container.c4p--side-panel__container:not(:has(+ .c4p--side-panel__overlay)), .c4p--side-panel__container.c4p--side-panel__container--has-no-overlay {
|
2483
2482
|
box-shadow: 0 0.125rem 0.25rem var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
2484
2483
|
}
|
2485
|
-
.c4p--side-panel__container .c4p--side-
|
2484
|
+
.c4p--side-panel__container .c4p--side-panel__header {
|
2485
|
+
--c4p--side-panel--title-padding-bottom: 1rem;
|
2486
2486
|
position: sticky;
|
2487
2487
|
z-index: 4;
|
2488
|
-
|
2488
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
2489
|
+
top: calc(-1px * var(--c4p--side-panel--scroll-animation-distance));
|
2489
2490
|
padding: 1rem;
|
2491
|
+
padding-bottom: 0;
|
2490
2492
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2491
2493
|
/* stylelint-disable-next-line max-nesting-depth */
|
2492
2494
|
}
|
2493
|
-
.c4p--side-panel__container .c4p--side-
|
2494
|
-
padding-bottom: 0.5rem;
|
2495
|
+
.c4p--side-panel__container .c4p--side-panel__header:has(.c4p--side-panel__subtitle-text), .c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel__header--has-subtitle {
|
2496
|
+
--c4p--side-panel--title-padding-bottom: 0.5rem;
|
2495
2497
|
}
|
2496
|
-
.c4p--side-panel__container .c4p--side-
|
2498
|
+
.c4p--side-panel__container .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button), .c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back {
|
2497
2499
|
padding-top: 2rem;
|
2498
2500
|
}
|
2499
|
-
.c4p--side-panel__container .c4p--side-
|
2501
|
+
.c4p--side-panel__container .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button.cds--btn--md), .c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back.cds--btn--md {
|
2500
2502
|
padding-top: 2.5rem;
|
2501
2503
|
}
|
2502
|
-
.c4p--side-panel__container .c4p--side-
|
2504
|
+
.c4p--side-panel__container .c4p--side-panel__header::before {
|
2503
2505
|
position: absolute;
|
2504
2506
|
bottom: 0;
|
2505
2507
|
left: 0;
|
@@ -2507,47 +2509,56 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2507
2509
|
height: 1px;
|
2508
2510
|
background-color: var(--cds-border-subtle-02, #e0e0e0);
|
2509
2511
|
content: "";
|
2510
|
-
opacity: var(--c4p--side-panel--
|
2512
|
+
opacity: var(--c4p--side-panel--scroll-animation-progress);
|
2513
|
+
z-index: 9;
|
2511
2514
|
}
|
2512
|
-
.c4p--side-panel__container .c4p--side-
|
2515
|
+
.c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel__header--no-title-animation {
|
2516
|
+
position: relative;
|
2517
|
+
top: 0;
|
2518
|
+
}
|
2519
|
+
.c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel__header--no-title-animation::before {
|
2520
|
+
opacity: 1;
|
2521
|
+
}
|
2522
|
+
.c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel__header--reduced-motion {
|
2513
2523
|
z-index: 5;
|
2514
2524
|
border-bottom: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2515
2525
|
margin-bottom: 1rem;
|
2516
2526
|
}
|
2517
|
-
.c4p--side-panel__container .c4p--side-
|
2527
|
+
.c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel__header--reduced-motion.c4p--side-panel__header--no-title-animation {
|
2518
2528
|
border-bottom: 0;
|
2519
2529
|
margin-bottom: 0;
|
2520
2530
|
}
|
2521
|
-
.c4p--side-panel__container .c4p--side-
|
2522
|
-
top:
|
2523
|
-
}
|
2524
|
-
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__on-detail-step .c4p--side-panel__navigation-back-button.cds--btn--md ~ .c4p--side-panel__collapsed-title-text {
|
2525
|
-
top: 2.5rem;
|
2531
|
+
.c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel--on-detail-step .c4p--side-panel__collapsed-title-text {
|
2532
|
+
top: 1rem;
|
2526
2533
|
}
|
2527
|
-
.c4p--side-panel__container .c4p--side-
|
2528
|
-
|
2534
|
+
.c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel--on-detail-step .c4p--side-panel__navigation-back-button.cds--btn--md ~ .c4p--side-panel__collapsed-title-text {
|
2535
|
+
top: 1.5rem;
|
2529
2536
|
}
|
2530
|
-
.c4p--side-panel__container .c4p--side-
|
2537
|
+
.c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel--on-detail-step:not(:has(.c4p--side-panel__title-text)) {
|
2531
2538
|
height: calc(2.5rem + 0.25rem);
|
2532
2539
|
padding: 1rem 1rem 0.5rem 1rem;
|
2533
2540
|
}
|
2534
|
-
.c4p--side-panel__container .c4p--side-panel__title-
|
2541
|
+
.c4p--side-panel__container .c4p--side-panel__header:not(:has(.c4p--side-panel__title-text))::before, .c4p--side-panel__container .c4p--side-panel__header.c4p--side-panel__header--has-no-title::before {
|
2535
2542
|
background-color: transparent;
|
2536
2543
|
}
|
2537
|
-
.c4p--side-panel__container.c4p--side-panel__container--has-slug {
|
2538
|
-
--c4p--side-panel--title-padding-right:
|
2544
|
+
.c4p--side-panel__container.c4p--side-panel__container:has(.c4p--side-panel__action-toolbar), .c4p--side-panel__container.c4p--side-panel__container--has-action-toolbar, .c4p--side-panel__container.c4p--side-panel__container--has-slug {
|
2545
|
+
--c4p--side-panel--title-padding-right: 4rem;
|
2539
2546
|
}
|
2540
|
-
.c4p--side-panel__container.c4p--side-panel__container-
|
2541
|
-
|
2547
|
+
.c4p--side-panel__container.c4p--side-panel__container:has(.c4p--side-panel__action-toolbar).c4p--side-panel__container--has-slug, .c4p--side-panel__container.c4p--side-panel__container--has-action-toolbar.c4p--side-panel__container--has-slug {
|
2548
|
+
--c4p--side-panel--title-padding-right: 5rem;
|
2542
2549
|
}
|
2543
|
-
.c4p--side-panel__container
|
2544
|
-
|
2545
|
-
|
2546
|
-
.c4p--side-panel__container.c4p--side-panel__container-is-animating .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
|
2547
|
-
top: var(--c4p--side-panel--title-text-height);
|
2550
|
+
.c4p--side-panel__container .c4p--side-panel__animated-scroll-wrapper {
|
2551
|
+
display: grid;
|
2552
|
+
grid-template-rows: auto 1fr;
|
2548
2553
|
}
|
2549
|
-
.c4p--side-panel__container
|
2550
|
-
|
2554
|
+
.c4p--side-panel__container .c4p--side-panel__title {
|
2555
|
+
position: sticky;
|
2556
|
+
z-index: 4;
|
2557
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
2558
|
+
top: var(--c4p--side-panel--title-stop);
|
2559
|
+
/* border-bottom used instead of padding which wrapped text shows through */
|
2560
|
+
border-bottom: var(--c4p--side-panel--title-padding-bottom) solid transparent;
|
2561
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
2551
2562
|
}
|
2552
2563
|
.c4p--side-panel__container .c4p--side-panel__title-text {
|
2553
2564
|
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
@@ -2560,12 +2571,14 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2560
2571
|
padding-right: var(--c4p--side-panel--title-padding-right);
|
2561
2572
|
-webkit-box-orient: vertical;
|
2562
2573
|
-webkit-line-clamp: 2;
|
2563
|
-
|
2564
|
-
|
2565
|
-
|
2566
|
-
|
2567
|
-
|
2568
|
-
|
2574
|
+
opacity: calc(1 - var(--c4p--side-panel--scroll-animation-progress));
|
2575
|
+
}
|
2576
|
+
.c4p--side-panel__container .c4p--side-panel__title--no-label .c4p--side-panel__title-text {
|
2577
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
2578
|
+
transform: translateY(calc(-1 * 1rem * var(--c4p--side-panel--scroll-animation-progress)));
|
2579
|
+
}
|
2580
|
+
.c4p--side-panel__container .c4p--side-panel__header--no-title-animation .c4p--side-panel__title-text {
|
2581
|
+
position: static;
|
2569
2582
|
}
|
2570
2583
|
.c4p--side-panel__container .c4p--side-panel__label-text {
|
2571
2584
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
@@ -2574,9 +2587,8 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2574
2587
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
2575
2588
|
overflow: hidden;
|
2576
2589
|
padding-right: var(--c4p--side-panel--title-padding-right);
|
2577
|
-
opacity: var(--c4p--side-panel--
|
2590
|
+
opacity: calc(1 - var(--c4p--side-panel--scroll-animation-progress));
|
2578
2591
|
text-overflow: ellipsis;
|
2579
|
-
transform: translateY(var(--c4p--side-panel--title-y-position));
|
2580
2592
|
white-space: nowrap;
|
2581
2593
|
}
|
2582
2594
|
.c4p--side-panel__container .c4p--side-panel__collapsed-title-text {
|
@@ -2591,9 +2603,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2591
2603
|
-webkit-box-orient: vertical;
|
2592
2604
|
-webkit-line-clamp: 2;
|
2593
2605
|
position: absolute;
|
2594
|
-
|
2595
|
-
|
2596
|
-
|
2606
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
2607
|
+
top: 0;
|
2608
|
+
opacity: var(--c4p--side-panel--scroll-animation-progress);
|
2609
|
+
}
|
2610
|
+
.c4p--side-panel__container .c4p--side-panel__title--no-label .c4p--side-panel__collapsed-title-text {
|
2611
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
2612
|
+
transform: translateY(calc(1rem * (1 - var(--c4p--side-panel--scroll-animation-progress))));
|
2597
2613
|
}
|
2598
2614
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text {
|
2599
2615
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
@@ -2601,75 +2617,41 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2601
2617
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
2602
2618
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
2603
2619
|
overflow: hidden;
|
2604
|
-
padding:
|
2620
|
+
padding-right: var(--c4p--side-panel--title-padding-right);
|
2621
|
+
padding-bottom: 1rem;
|
2605
2622
|
-webkit-box-orient: vertical;
|
2606
2623
|
-webkit-line-clamp: 3;
|
2607
|
-
opacity: var(--c4p--side-panel--
|
2624
|
+
opacity: calc(1 - var(--c4p--side-panel--scroll-animation-progress));
|
2608
2625
|
}
|
2609
|
-
.c4p--side-panel__container .c4p--side-
|
2610
|
-
position: fixed;
|
2626
|
+
.c4p--side-panel__container .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text {
|
2611
2627
|
z-index: 2;
|
2612
|
-
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
2613
2628
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2614
2629
|
}
|
2615
|
-
.c4p--side-panel__container .c4p--side-
|
2616
|
-
top: var(--c4p--side-panel--title-text-height);
|
2617
|
-
}
|
2618
|
-
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-without-title {
|
2630
|
+
.c4p--side-panel__container .c4p--side-panel__title-text + .c4p--side-panel__subtitle-text {
|
2619
2631
|
padding-top: 1rem;
|
2620
|
-
padding-right: 3rem;
|
2621
|
-
}
|
2622
|
-
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation.c4p--side-panel__title-container-is-animating {
|
2623
|
-
top: 0;
|
2624
|
-
}
|
2625
|
-
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
|
2626
|
-
position: fixed;
|
2627
|
-
height: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
2628
2632
|
}
|
2629
2633
|
.c4p--side-panel__container .c4p--side-panel__inner-content {
|
2630
|
-
|
2631
|
-
|
2632
|
-
margin-top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--c4p--side-panel--action-bar-container-height) + var(--c4p--side-panel--label-text-height));
|
2633
|
-
overflow-x: hidden;
|
2634
|
+
padding: 1rem;
|
2635
|
+
padding-top: 0;
|
2634
2636
|
}
|
2635
|
-
.c4p--side-panel__container.c4p--side-
|
2636
|
-
|
2637
|
+
.c4p--side-panel__container .c4p--side-panel__header:has(.c4p--side-panel__action-toolbar) + .c4p--side-panel__inner-content,
|
2638
|
+
.c4p--side-panel__container .c4p--side-panel__header--has-action-toolbar + .c4p--side-panel__inner-content {
|
2639
|
+
padding-top: 0.5rem;
|
2637
2640
|
}
|
2638
|
-
.c4p--side-panel__container .c4p--side-panel__inner-content
|
2639
|
-
|
2641
|
+
.c4p--side-panel__container.c4p--side-panel__container--has-slug .c4p--side-panel__inner-content {
|
2642
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
2643
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
2640
2644
|
}
|
2641
|
-
.c4p--side-panel__container .c4p--side-panel__inner-content.c4p--side-
|
2642
|
-
height: calc(100vh - (var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--c4p--side-panel--action-bar-container-height)) + -1 * (3rem + 4rem));
|
2645
|
+
.c4p--side-panel__container .c4p--side-panel__inner-content.c4p--side-panel__inner-content--static {
|
2643
2646
|
padding-top: 1rem;
|
2644
2647
|
}
|
2645
|
-
.c4p--side-panel__container .c4p--side-panel__inner-content.c4p--side-panel__static-inner-content-no-actions {
|
2646
|
-
height: calc(100vh - (var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--c4p--side-panel--action-bar-container-height) + var(--c4p--side-panel--label-text-height)));
|
2647
|
-
}
|
2648
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
2649
|
-
position: fixed;
|
2650
|
-
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
2651
|
-
width: 100%;
|
2652
|
-
border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
|
2653
|
-
}
|
2654
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation + .c4p--side-panel__body-content {
|
2655
|
-
margin-top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + 3rem);
|
2656
|
-
}
|
2657
|
-
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-no-animation-no-action-toolbar {
|
2658
|
-
border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
|
2659
|
-
margin-bottom: 1rem;
|
2660
|
-
}
|
2661
2648
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar {
|
2662
2649
|
position: sticky;
|
2663
2650
|
z-index: 4;
|
2664
|
-
/* stylelint-disable-next-line carbon/layout-token-use */
|
2665
|
-
top: var(--c4p--side-panel--title-height);
|
2666
2651
|
display: flex;
|
2667
2652
|
align-items: center;
|
2668
2653
|
justify-content: flex-start;
|
2669
|
-
padding: 0 1rem;
|
2670
|
-
margin-bottom: 0.5rem;
|
2671
2654
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2672
|
-
transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2673
2655
|
}
|
2674
2656
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar-leading-button {
|
2675
2657
|
margin-right: 0.5rem;
|
@@ -2701,21 +2683,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2701
2683
|
}
|
2702
2684
|
.c4p--side-panel__container .c4p--side-panel__slug-and-close {
|
2703
2685
|
position: fixed;
|
2704
|
-
z-index:
|
2686
|
+
z-index: 10; /* must be higher than title container border bottom */
|
2705
2687
|
top: 0;
|
2706
2688
|
right: 0;
|
2707
2689
|
display: flex;
|
2708
2690
|
}
|
2709
|
-
.c4p--side-panel__container .c4p--side-panel__body-content {
|
2710
|
-
padding: 1rem;
|
2711
|
-
padding-top: 0;
|
2712
|
-
}
|
2713
|
-
.c4p--side-panel__container.c4p--side-panel__container-is-animating .c4p--side-panel__actions-container.c4p--action-set--2xl {
|
2714
|
-
width: 100%;
|
2715
|
-
max-width: 100%;
|
2716
|
-
}
|
2717
2691
|
.c4p--side-panel__container .c4p--side-panel__actions-container {
|
2718
|
-
position:
|
2692
|
+
position: sticky;
|
2719
2693
|
bottom: 0;
|
2720
2694
|
border-top: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2721
2695
|
background-color: var(--cds-layer-01, #f4f4f4);
|
@@ -2735,13 +2709,11 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2735
2709
|
width: 25%;
|
2736
2710
|
}
|
2737
2711
|
}
|
2738
|
-
.c4p--side-panel__container .c4p--side-panel__actions-container .c4p--action-set__action-button {
|
2739
|
-
height:
|
2740
|
-
}
|
2741
|
-
.c4p--side-panel__container .c4p--side-panel__actions-container.c4p--side-panel__actions-container-condensed .c4p--action-set__action-button {
|
2742
|
-
height: 3rem;
|
2712
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button {
|
2713
|
+
height: var(--c4p--side-panel--actions-height);
|
2743
2714
|
}
|
2744
2715
|
.c4p--side-panel__container.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__actions-container.c4p--action-set--sm {
|
2716
|
+
/* any value is single value list */
|
2745
2717
|
width: 16rem;
|
2746
2718
|
max-width: 100%;
|
2747
2719
|
}
|
@@ -2799,76 +2771,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2799
2771
|
padding-right: calc(20% - 1rem);
|
2800
2772
|
}
|
2801
2773
|
|
2802
|
-
.c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__title-text {
|
2803
|
-
width: calc(16rem - 1rem);
|
2804
|
-
padding-right: calc(16rem * 0.2 - 1rem);
|
2805
|
-
margin-bottom: 0.25rem;
|
2806
|
-
}
|
2807
|
-
|
2808
|
-
.c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__subtitle-text {
|
2809
|
-
width: calc(16rem - 1rem);
|
2810
|
-
padding-right: calc(16rem * 0.2 - 1rem);
|
2811
|
-
padding-bottom: 1rem;
|
2812
|
-
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
2813
|
-
color: var(--cds-text-secondary, #525252);
|
2814
|
-
}
|
2815
|
-
|
2816
|
-
.c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__title-text {
|
2817
|
-
width: calc(20rem - 1rem);
|
2818
|
-
padding-right: calc(20rem * 0.2 - 1rem);
|
2819
|
-
margin-bottom: 0.25rem;
|
2820
|
-
}
|
2821
|
-
|
2822
|
-
.c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__subtitle-text {
|
2823
|
-
width: calc(20rem - 1rem);
|
2824
|
-
padding-right: calc(20rem * 0.2 - 1rem);
|
2825
|
-
padding-bottom: 1rem;
|
2826
|
-
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
2827
|
-
color: var(--cds-text-secondary, #525252);
|
2828
|
-
}
|
2829
|
-
|
2830
|
-
.c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__title-text {
|
2831
|
-
width: calc(30rem - 1rem);
|
2832
|
-
padding-right: calc(30rem * 0.2 - 1rem);
|
2833
|
-
margin-bottom: 0.25rem;
|
2834
|
-
}
|
2835
|
-
|
2836
|
-
.c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__subtitle-text {
|
2837
|
-
width: calc(30rem - 1rem);
|
2838
|
-
padding-right: calc(30rem * 0.2 - 1rem);
|
2839
|
-
padding-bottom: 1rem;
|
2840
|
-
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
2841
|
-
color: var(--cds-text-secondary, #525252);
|
2842
|
-
}
|
2843
|
-
|
2844
|
-
.c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__title-text {
|
2845
|
-
width: calc(40rem - 1rem);
|
2846
|
-
padding-right: calc(40rem * 0.2 - 1rem);
|
2847
|
-
margin-bottom: 0.25rem;
|
2848
|
-
}
|
2849
|
-
|
2850
|
-
.c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__subtitle-text {
|
2851
|
-
width: calc(40rem - 1rem);
|
2852
|
-
padding-right: calc(40rem * 0.2 - 1rem);
|
2853
|
-
padding-bottom: 1rem;
|
2854
|
-
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
2855
|
-
color: var(--cds-text-secondary, #525252);
|
2856
|
-
}
|
2857
|
-
|
2858
|
-
.c4p--create-side-panel.c4p--side-panel__container--2xl .c4p--side-panel__title-text {
|
2859
|
-
width: calc(75% - 1rem);
|
2860
|
-
padding-right: calc(75% * 0.2 - 1rem);
|
2861
|
-
margin-bottom: 0.25rem;
|
2862
|
-
}
|
2863
|
-
|
2864
|
-
.c4p--create-side-panel.c4p--side-panel__container--2xl .c4p--side-panel__subtitle-text {
|
2865
|
-
width: calc(75% - 1rem);
|
2866
|
-
padding-right: calc(75% * 0.2 - 1rem);
|
2867
|
-
padding-bottom: 1rem;
|
2868
|
-
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
2869
|
-
color: var(--cds-text-secondary, #525252);
|
2870
|
-
}
|
2871
|
-
|
2872
2774
|
.cds--form.c4p--create-side-panel__form {
|
2873
2775
|
padding-top: 1rem;
|
2874
2776
|
}
|
@@ -2900,32 +2802,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2900
2802
|
display: none;
|
2901
2803
|
}
|
2902
2804
|
|
2903
|
-
.c4p--create-side-
|
2904
|
-
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
2905
|
-
font-weight: var(--cds-heading-03-font-weight, 400);
|
2906
|
-
line-height: var(--cds-heading-03-line-height, 1.4);
|
2907
|
-
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
2908
|
-
margin-bottom: 0.25rem;
|
2909
|
-
}
|
2910
|
-
|
2911
|
-
.c4p--create-side-panel__subtitle {
|
2912
|
-
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
2913
|
-
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
2914
|
-
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
2915
|
-
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
2916
|
-
margin-bottom: 0.5rem;
|
2805
|
+
.c4p--create-side-panel .c4p--side-panel__subtitle-text {
|
2917
2806
|
color: var(--cds-text-secondary, #525252);
|
2918
2807
|
}
|
2919
2808
|
|
2920
|
-
.c4p--side-panel .c4p--create-side-panel__actions-container {
|
2921
|
-
position: absolute;
|
2922
|
-
z-index: 4;
|
2923
|
-
right: 0;
|
2924
|
-
bottom: 0;
|
2925
|
-
width: 100%;
|
2926
|
-
margin-bottom: 0;
|
2927
|
-
}
|
2928
|
-
|
2929
2809
|
.c4p--tearsheet.c4p--tearsheet {
|
2930
2810
|
z-index: 9001;
|
2931
2811
|
align-items: flex-end;
|
@@ -3555,7 +3435,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3555
3435
|
}
|
3556
3436
|
|
3557
3437
|
.c4p--card .cds--slug {
|
3558
|
-
background: linear-gradient(
|
3438
|
+
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%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
|
3559
3439
|
position: absolute;
|
3560
3440
|
top: 1rem;
|
3561
3441
|
right: 1rem;
|
@@ -3584,7 +3464,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3584
3464
|
}
|
3585
3465
|
|
3586
3466
|
.c4p--card--has-slug {
|
3587
|
-
background: linear-gradient(
|
3467
|
+
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%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
|
3588
3468
|
border: 1px solid var(--cds-border-tile);
|
3589
3469
|
}
|
3590
3470
|
|
@@ -3630,16 +3510,34 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3630
3510
|
width: 100%;
|
3631
3511
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
3632
3512
|
height: 3rem;
|
3633
|
-
align-items:
|
3513
|
+
align-items: start;
|
3634
3514
|
padding: 0.5rem;
|
3635
3515
|
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3636
3516
|
background: var(--cds-layer-01, #f4f4f4);
|
3637
3517
|
}
|
3518
|
+
.c4p--filter-summary.c4p--filter-summary__expanded {
|
3519
|
+
height: fit-content;
|
3520
|
+
}
|
3638
3521
|
|
3639
3522
|
.c4p--filter-summary .c4p--tag-set.c4p--tag-set.c4p--filter-summary__clear-button-inline {
|
3640
3523
|
width: auto;
|
3641
3524
|
}
|
3642
3525
|
|
3526
|
+
.c4p--filter-summary__view-all--wrapper {
|
3527
|
+
position: absolute;
|
3528
|
+
top: 0.5rem;
|
3529
|
+
right: 0;
|
3530
|
+
}
|
3531
|
+
|
3532
|
+
.c4p--filter-summary__expanded .c4p--filter-summary__clear-all-button.cds--btn {
|
3533
|
+
margin-right: 2rem;
|
3534
|
+
}
|
3535
|
+
|
3536
|
+
.c4p--filter-summary__view-all--wrapper .c4p--filter-summary__view-all--chevron-multiline {
|
3537
|
+
transform: rotate(180deg);
|
3538
|
+
transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3539
|
+
}
|
3540
|
+
|
3643
3541
|
.c4p--http-errors .c4p--http-errors__content {
|
3644
3542
|
position: fixed;
|
3645
3543
|
z-index: 2;
|
@@ -4192,9 +4090,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4192
4090
|
}
|
4193
4091
|
}
|
4194
4092
|
.c4p--notifications-panel__container {
|
4093
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
4094
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
4095
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
4096
|
+
--cds-ai-border-start: #4589ff;
|
4097
|
+
--cds-ai-border-strong: #78a9ff;
|
4098
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
4195
4099
|
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
4196
4100
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
4197
4101
|
--cds-ai-gradient-start-02: transparent;
|
4102
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
4198
4103
|
--cds-background: #161616;
|
4199
4104
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
4200
4105
|
--cds-background-brand: #0f62fe;
|
@@ -4210,11 +4115,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4210
4115
|
--cds-border-strong-02: #8d8d8d;
|
4211
4116
|
--cds-border-strong-03: #a8a8a8;
|
4212
4117
|
--cds-border-subtle-00: #393939;
|
4213
|
-
--cds-border-subtle-01: #
|
4214
|
-
--cds-border-subtle-02: #
|
4118
|
+
--cds-border-subtle-01: #525252;
|
4119
|
+
--cds-border-subtle-02: #6f6f6f;
|
4215
4120
|
--cds-border-subtle-03: #6f6f6f;
|
4216
|
-
--cds-border-subtle-selected-01: #
|
4217
|
-
--cds-border-subtle-selected-02: #
|
4121
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
4122
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
4218
4123
|
--cds-border-subtle-selected-03: #8d8d8d;
|
4219
4124
|
--cds-border-tile-01: #525252;
|
4220
4125
|
--cds-border-tile-02: #6f6f6f;
|
@@ -4276,20 +4181,26 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4276
4181
|
--cds-skeleton-element: #393939;
|
4277
4182
|
--cds-slug-background: #c6c6c6;
|
4278
4183
|
--cds-slug-background-hover: #e0e0e0;
|
4279
|
-
--cds-slug-callout-aura-end: rgba(
|
4184
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
4280
4185
|
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
4281
4186
|
--cds-slug-callout-aura-end-hover-02: transparent;
|
4282
4187
|
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
4283
|
-
--cds-slug-callout-aura-start: rgba(
|
4188
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
4284
4189
|
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
4285
4190
|
--cds-slug-callout-aura-start-hover-02: transparent;
|
4286
4191
|
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
4192
|
+
--cds-slug-callout-caret-bottom: #3d4655;
|
4193
|
+
--cds-slug-callout-caret-bottom-background: #213250;
|
4194
|
+
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
4195
|
+
--cds-slug-callout-caret-center: #3f68af;
|
4287
4196
|
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
4288
4197
|
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
4289
4198
|
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
4290
4199
|
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
4291
4200
|
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
4292
4201
|
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
4202
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
4203
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
4293
4204
|
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
4294
4205
|
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
4295
4206
|
--cds-slug-hollow-hover: #b5b5b5;
|
@@ -7839,9 +7750,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7839
7750
|
despite of which carbon theme the user has.
|
7840
7751
|
*/
|
7841
7752
|
.c4p--web-terminal {
|
7753
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
7754
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
7755
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
7756
|
+
--cds-ai-border-start: #4589ff;
|
7757
|
+
--cds-ai-border-strong: #78a9ff;
|
7758
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
7842
7759
|
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
7843
7760
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
7844
7761
|
--cds-ai-gradient-start-02: transparent;
|
7762
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
7845
7763
|
--cds-background: #262626;
|
7846
7764
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
7847
7765
|
--cds-background-brand: #0f62fe;
|
@@ -7857,11 +7775,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7857
7775
|
--cds-border-strong-02: #a8a8a8;
|
7858
7776
|
--cds-border-strong-03: #c6c6c6;
|
7859
7777
|
--cds-border-subtle-00: #525252;
|
7860
|
-
--cds-border-subtle-01: #
|
7861
|
-
--cds-border-subtle-02: #
|
7778
|
+
--cds-border-subtle-01: #6f6f6f;
|
7779
|
+
--cds-border-subtle-02: #8d8d8d;
|
7862
7780
|
--cds-border-subtle-03: #8d8d8d;
|
7863
|
-
--cds-border-subtle-selected-01: #
|
7864
|
-
--cds-border-subtle-selected-02: #
|
7781
|
+
--cds-border-subtle-selected-01: #8d8d8d;
|
7782
|
+
--cds-border-subtle-selected-02: #a8a8a8;
|
7865
7783
|
--cds-border-subtle-selected-03: #a8a8a8;
|
7866
7784
|
--cds-border-tile-01: #6f6f6f;
|
7867
7785
|
--cds-border-tile-02: #8d8d8d;
|
@@ -7923,20 +7841,26 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7923
7841
|
--cds-skeleton-element: #525252;
|
7924
7842
|
--cds-slug-background: #c6c6c6;
|
7925
7843
|
--cds-slug-background-hover: #e0e0e0;
|
7926
|
-
--cds-slug-callout-aura-end: rgba(
|
7844
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
7927
7845
|
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
7928
7846
|
--cds-slug-callout-aura-end-hover-02: transparent;
|
7929
7847
|
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
7930
|
-
--cds-slug-callout-aura-start: rgba(
|
7848
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
7931
7849
|
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
7932
7850
|
--cds-slug-callout-aura-start-hover-02: transparent;
|
7933
7851
|
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
7852
|
+
--cds-slug-callout-caret-bottom: #465060;
|
7853
|
+
--cds-slug-callout-caret-bottom-background: #2d3f5c;
|
7854
|
+
--cds-slug-callout-caret-bottom-background-actions: #253042;
|
7855
|
+
--cds-slug-callout-caret-center: #456fb5;
|
7934
7856
|
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
7935
7857
|
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
7936
7858
|
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
7937
7859
|
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
7938
7860
|
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
7939
7861
|
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
7862
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
7863
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
7940
7864
|
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
7941
7865
|
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
7942
7866
|
--cds-slug-hollow-hover: #b5b5b5;
|
@@ -8253,9 +8177,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8253
8177
|
}
|
8254
8178
|
|
8255
8179
|
.c4p--web-terminal__documentation-overflow {
|
8180
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
8181
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
8182
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
8183
|
+
--cds-ai-border-start: #4589ff;
|
8184
|
+
--cds-ai-border-strong: #78a9ff;
|
8185
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
8256
8186
|
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
8257
8187
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
8258
8188
|
--cds-ai-gradient-start-02: transparent;
|
8189
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
8259
8190
|
--cds-background: #161616;
|
8260
8191
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
8261
8192
|
--cds-background-brand: #0f62fe;
|
@@ -8271,11 +8202,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8271
8202
|
--cds-border-strong-02: #8d8d8d;
|
8272
8203
|
--cds-border-strong-03: #a8a8a8;
|
8273
8204
|
--cds-border-subtle-00: #393939;
|
8274
|
-
--cds-border-subtle-01: #
|
8275
|
-
--cds-border-subtle-02: #
|
8205
|
+
--cds-border-subtle-01: #525252;
|
8206
|
+
--cds-border-subtle-02: #6f6f6f;
|
8276
8207
|
--cds-border-subtle-03: #6f6f6f;
|
8277
|
-
--cds-border-subtle-selected-01: #
|
8278
|
-
--cds-border-subtle-selected-02: #
|
8208
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
8209
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
8279
8210
|
--cds-border-subtle-selected-03: #8d8d8d;
|
8280
8211
|
--cds-border-tile-01: #525252;
|
8281
8212
|
--cds-border-tile-02: #6f6f6f;
|
@@ -8337,20 +8268,26 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8337
8268
|
--cds-skeleton-element: #393939;
|
8338
8269
|
--cds-slug-background: #c6c6c6;
|
8339
8270
|
--cds-slug-background-hover: #e0e0e0;
|
8340
|
-
--cds-slug-callout-aura-end: rgba(
|
8271
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
8341
8272
|
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
8342
8273
|
--cds-slug-callout-aura-end-hover-02: transparent;
|
8343
8274
|
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
8344
|
-
--cds-slug-callout-aura-start: rgba(
|
8275
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
8345
8276
|
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
8346
8277
|
--cds-slug-callout-aura-start-hover-02: transparent;
|
8347
8278
|
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
8279
|
+
--cds-slug-callout-caret-bottom: #3d4655;
|
8280
|
+
--cds-slug-callout-caret-bottom-background: #213250;
|
8281
|
+
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
8282
|
+
--cds-slug-callout-caret-center: #3f68af;
|
8348
8283
|
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
8349
8284
|
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
8350
8285
|
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
8351
8286
|
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
8352
8287
|
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
8353
8288
|
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
8289
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
8290
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
8354
8291
|
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
8355
8292
|
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
8356
8293
|
--cds-slug-hollow-hover: #b5b5b5;
|
@@ -8909,22 +8846,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8909
8846
|
.c4p--edit-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
|
8910
8847
|
display: none;
|
8911
8848
|
}
|
8912
|
-
.c4p--edit-side-panel .c4p--side-panel .c4p--edit-side-panel__actions-container {
|
8913
|
-
position: absolute;
|
8914
|
-
z-index: 4;
|
8915
|
-
bottom: 0;
|
8916
|
-
left: 0;
|
8917
|
-
width: 100%;
|
8918
|
-
margin-bottom: 0;
|
8919
|
-
}
|
8920
|
-
.c4p--edit-side-panel .c4p--edit-side-panel__actions-container {
|
8921
|
-
position: absolute;
|
8922
|
-
z-index: 4;
|
8923
|
-
right: 0;
|
8924
|
-
bottom: 0;
|
8925
|
-
width: 100%;
|
8926
|
-
margin-bottom: 0;
|
8927
|
-
}
|
8928
8849
|
|
8929
8850
|
.c4p--options-tile {
|
8930
8851
|
position: relative;
|
@@ -9555,6 +9476,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9555
9476
|
position: sticky;
|
9556
9477
|
z-index: 1;
|
9557
9478
|
left: 0;
|
9479
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
9558
9480
|
}
|
9559
9481
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
|
9560
9482
|
align-items: center;
|
@@ -9576,6 +9498,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9576
9498
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.cds--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left {
|
9577
9499
|
position: sticky;
|
9578
9500
|
left: 0;
|
9501
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
9579
9502
|
}
|
9580
9503
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.cds--table-column-checkbox {
|
9581
9504
|
display: flex;
|
@@ -9626,6 +9549,15 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9626
9549
|
background-color: var(--cds-background, #ffffff);
|
9627
9550
|
}
|
9628
9551
|
|
9552
|
+
.c4p--datagrid th.c4p--datagrid__with-slug {
|
9553
|
+
background-image: linear-gradient(180deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
|
9554
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
9555
|
+
}
|
9556
|
+
|
9557
|
+
.c4p--datagrid th.c4p--datagrid__with-slug .cds--slug {
|
9558
|
+
margin-left: 0.5rem;
|
9559
|
+
}
|
9560
|
+
|
9629
9561
|
.c4p--datagrid__grid-container {
|
9630
9562
|
display: block;
|
9631
9563
|
width: 100%;
|
@@ -9652,6 +9584,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9652
9584
|
height: 100%;
|
9653
9585
|
overflow-x: auto;
|
9654
9586
|
}
|
9587
|
+
.c4p--datagrid__grid-container .c4p--datagrid-filter-panel + .c4p--datagrid__table-container-inner .cds--data-table-content {
|
9588
|
+
height: fit-content;
|
9589
|
+
}
|
9655
9590
|
.c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
|
9656
9591
|
display: flex;
|
9657
9592
|
overflow: auto;
|
@@ -9694,6 +9629,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9694
9629
|
-webkit-line-clamp: 2;
|
9695
9630
|
white-space: initial;
|
9696
9631
|
}
|
9632
|
+
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug {
|
9633
|
+
width: fit-content;
|
9634
|
+
}
|
9697
9635
|
.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
|
9698
9636
|
display: flex;
|
9699
9637
|
overflow: hidden;
|
@@ -9789,7 +9727,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9789
9727
|
}
|
9790
9728
|
|
9791
9729
|
.c4p--datagrid__resizableColumn:hover {
|
9792
|
-
background-color: var(--cds-
|
9730
|
+
background-color: var(--cds-layer-selected-hover);
|
9793
9731
|
}
|
9794
9732
|
.c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
|
9795
9733
|
border-right: 0.125rem solid var(--cds-border-strong-01, #8d8d8d);
|
@@ -10336,6 +10274,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10336
10274
|
display: flex;
|
10337
10275
|
align-items: center;
|
10338
10276
|
border-left: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
10277
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
10339
10278
|
}
|
10340
10279
|
|
10341
10280
|
.c4p--datagrid__right-sticky-column-header {
|
@@ -10351,6 +10290,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10351
10290
|
display: flex;
|
10352
10291
|
align-items: center;
|
10353
10292
|
border-right: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
10293
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
10354
10294
|
}
|
10355
10295
|
|
10356
10296
|
.c4p--datagrid__left-sticky-column-header {
|
@@ -11345,6 +11285,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11345
11285
|
min-width: auto;
|
11346
11286
|
}
|
11347
11287
|
|
11288
|
+
.c4p--datagrid .cds--pagination {
|
11289
|
+
background-color: var(--cds-layer-02, #ffffff);
|
11290
|
+
}
|
11291
|
+
|
11348
11292
|
:root {
|
11349
11293
|
--cds-grid-gutter: 2rem;
|
11350
11294
|
--cds-grid-columns: 4;
|
@@ -14484,9 +14428,16 @@ a.cds--side-nav__link--current::before {
|
|
14484
14428
|
/* stylelint-disable function-no-unknown */
|
14485
14429
|
/* stylelint-disable max-nesting-depth */
|
14486
14430
|
.c4p--guidebanner {
|
14431
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
14432
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
14433
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
14434
|
+
--cds-ai-border-start: #4589ff;
|
14435
|
+
--cds-ai-border-strong: #78a9ff;
|
14436
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
14487
14437
|
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
14488
14438
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
14489
14439
|
--cds-ai-gradient-start-02: transparent;
|
14440
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
14490
14441
|
--cds-background: #161616;
|
14491
14442
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
14492
14443
|
--cds-background-brand: #0f62fe;
|
@@ -14502,11 +14453,11 @@ a.cds--side-nav__link--current::before {
|
|
14502
14453
|
--cds-border-strong-02: #8d8d8d;
|
14503
14454
|
--cds-border-strong-03: #a8a8a8;
|
14504
14455
|
--cds-border-subtle-00: #393939;
|
14505
|
-
--cds-border-subtle-01: #
|
14506
|
-
--cds-border-subtle-02: #
|
14456
|
+
--cds-border-subtle-01: #525252;
|
14457
|
+
--cds-border-subtle-02: #6f6f6f;
|
14507
14458
|
--cds-border-subtle-03: #6f6f6f;
|
14508
|
-
--cds-border-subtle-selected-01: #
|
14509
|
-
--cds-border-subtle-selected-02: #
|
14459
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
14460
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
14510
14461
|
--cds-border-subtle-selected-03: #8d8d8d;
|
14511
14462
|
--cds-border-tile-01: #525252;
|
14512
14463
|
--cds-border-tile-02: #6f6f6f;
|
@@ -14568,20 +14519,26 @@ a.cds--side-nav__link--current::before {
|
|
14568
14519
|
--cds-skeleton-element: #393939;
|
14569
14520
|
--cds-slug-background: #c6c6c6;
|
14570
14521
|
--cds-slug-background-hover: #e0e0e0;
|
14571
|
-
--cds-slug-callout-aura-end: rgba(
|
14522
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
14572
14523
|
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
14573
14524
|
--cds-slug-callout-aura-end-hover-02: transparent;
|
14574
14525
|
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
14575
|
-
--cds-slug-callout-aura-start: rgba(
|
14526
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
14576
14527
|
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
14577
14528
|
--cds-slug-callout-aura-start-hover-02: transparent;
|
14578
14529
|
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
14530
|
+
--cds-slug-callout-caret-bottom: #3d4655;
|
14531
|
+
--cds-slug-callout-caret-bottom-background: #213250;
|
14532
|
+
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
14533
|
+
--cds-slug-callout-caret-center: #3f68af;
|
14579
14534
|
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
14580
14535
|
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
14581
14536
|
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
14582
14537
|
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
14583
14538
|
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
14584
14539
|
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
14540
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
14541
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
14585
14542
|
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
14586
14543
|
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
14587
14544
|
--cds-slug-hollow-hover: #b5b5b5;
|
@@ -15272,9 +15229,16 @@ a.cds--side-nav__link--current::before {
|
|
15272
15229
|
}
|
15273
15230
|
}
|
15274
15231
|
.c4p--non-linear-reading__dark {
|
15232
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
15233
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
15234
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
15235
|
+
--cds-ai-border-start: #4589ff;
|
15236
|
+
--cds-ai-border-strong: #78a9ff;
|
15237
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
15275
15238
|
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
15276
15239
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
15277
15240
|
--cds-ai-gradient-start-02: transparent;
|
15241
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
15278
15242
|
--cds-background: #161616;
|
15279
15243
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
15280
15244
|
--cds-background-brand: #0f62fe;
|
@@ -15290,11 +15254,11 @@ a.cds--side-nav__link--current::before {
|
|
15290
15254
|
--cds-border-strong-02: #8d8d8d;
|
15291
15255
|
--cds-border-strong-03: #a8a8a8;
|
15292
15256
|
--cds-border-subtle-00: #393939;
|
15293
|
-
--cds-border-subtle-01: #
|
15294
|
-
--cds-border-subtle-02: #
|
15257
|
+
--cds-border-subtle-01: #525252;
|
15258
|
+
--cds-border-subtle-02: #6f6f6f;
|
15295
15259
|
--cds-border-subtle-03: #6f6f6f;
|
15296
|
-
--cds-border-subtle-selected-01: #
|
15297
|
-
--cds-border-subtle-selected-02: #
|
15260
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
15261
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
15298
15262
|
--cds-border-subtle-selected-03: #8d8d8d;
|
15299
15263
|
--cds-border-tile-01: #525252;
|
15300
15264
|
--cds-border-tile-02: #6f6f6f;
|
@@ -15356,20 +15320,26 @@ a.cds--side-nav__link--current::before {
|
|
15356
15320
|
--cds-skeleton-element: #393939;
|
15357
15321
|
--cds-slug-background: #c6c6c6;
|
15358
15322
|
--cds-slug-background-hover: #e0e0e0;
|
15359
|
-
--cds-slug-callout-aura-end: rgba(
|
15323
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
15360
15324
|
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
15361
15325
|
--cds-slug-callout-aura-end-hover-02: transparent;
|
15362
15326
|
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
15363
|
-
--cds-slug-callout-aura-start: rgba(
|
15327
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
15364
15328
|
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
15365
15329
|
--cds-slug-callout-aura-start-hover-02: transparent;
|
15366
15330
|
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
15331
|
+
--cds-slug-callout-caret-bottom: #3d4655;
|
15332
|
+
--cds-slug-callout-caret-bottom-background: #213250;
|
15333
|
+
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
15334
|
+
--cds-slug-callout-caret-center: #3f68af;
|
15367
15335
|
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
15368
15336
|
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
15369
15337
|
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
15370
15338
|
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
15371
15339
|
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
15372
15340
|
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
15341
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
15342
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
15373
15343
|
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
15374
15344
|
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
15375
15345
|
--cds-slug-hollow-hover: #b5b5b5;
|
@@ -15745,6 +15715,12 @@ a.cds--side-nav__link--current::before {
|
|
15745
15715
|
display: none;
|
15746
15716
|
}
|
15747
15717
|
|
15718
|
+
.c4p--delimited-list-truncate {
|
15719
|
+
overflow: hidden;
|
15720
|
+
text-overflow: ellipsis;
|
15721
|
+
white-space: nowrap;
|
15722
|
+
}
|
15723
|
+
|
15748
15724
|
html,
|
15749
15725
|
body,
|
15750
15726
|
div,
|
@@ -16769,9 +16745,16 @@ em {
|
|
16769
16745
|
.cds--white {
|
16770
16746
|
background-color: var(--cds-background);
|
16771
16747
|
color: var(--cds-text-primary);
|
16748
|
+
--cds-ai-aura-end: rgba(255, 255, 255, 0);
|
16749
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
16750
|
+
--cds-ai-border-end: #d0e2ff;
|
16751
|
+
--cds-ai-border-start: #78a9ff;
|
16752
|
+
--cds-ai-border-strong: #4589ff;
|
16753
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
16772
16754
|
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
16773
16755
|
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
16774
16756
|
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
16757
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
16775
16758
|
--cds-background: #ffffff;
|
16776
16759
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
16777
16760
|
--cds-background-brand: #0f62fe;
|
@@ -16857,16 +16840,22 @@ em {
|
|
16857
16840
|
--cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
|
16858
16841
|
--cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
|
16859
16842
|
--cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
|
16860
|
-
--cds-slug-callout-aura-start: rgba(
|
16843
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
16861
16844
|
--cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
|
16862
16845
|
--cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
|
16863
16846
|
--cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
|
16847
|
+
--cds-slug-callout-caret-bottom: #d0e2ff;
|
16848
|
+
--cds-slug-callout-caret-bottom-background: #d5e5ff;
|
16849
|
+
--cds-slug-callout-caret-bottom-background-actions: #dae5f8;
|
16850
|
+
--cds-slug-callout-caret-center: #a7c7ff;
|
16864
16851
|
--cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
|
16865
16852
|
--cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
|
16866
16853
|
--cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
|
16867
16854
|
--cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
|
16868
16855
|
--cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
|
16869
16856
|
--cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
|
16857
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
|
16858
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
|
16870
16859
|
--cds-slug-hollow-hover: #474747;
|
16871
16860
|
--cds-support-caution-major: #ff832b;
|
16872
16861
|
--cds-support-caution-minor: #f1c21b;
|
@@ -16963,9 +16952,16 @@ em {
|
|
16963
16952
|
.cds--g10 {
|
16964
16953
|
background-color: var(--cds-background);
|
16965
16954
|
color: var(--cds-text-primary);
|
16955
|
+
--cds-ai-aura-end: rgba(255, 255, 255, 0);
|
16956
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
16957
|
+
--cds-ai-border-end: #d0e2ff;
|
16958
|
+
--cds-ai-border-start: #78a9ff;
|
16959
|
+
--cds-ai-border-strong: #4589ff;
|
16960
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
16966
16961
|
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
16967
16962
|
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
16968
16963
|
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
16964
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
16969
16965
|
--cds-background: #f4f4f4;
|
16970
16966
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
16971
16967
|
--cds-background-brand: #0f62fe;
|
@@ -17051,16 +17047,22 @@ em {
|
|
17051
17047
|
--cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
|
17052
17048
|
--cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
|
17053
17049
|
--cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
|
17054
|
-
--cds-slug-callout-aura-start: rgba(
|
17050
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
17055
17051
|
--cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
|
17056
17052
|
--cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
|
17057
17053
|
--cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
|
17054
|
+
--cds-slug-callout-caret-bottom: #d0e2ff;
|
17055
|
+
--cds-slug-callout-caret-bottom-background: #ccdbf8;
|
17056
|
+
--cds-slug-callout-caret-bottom-background-actions: #d2dcee;
|
17057
|
+
--cds-slug-callout-caret-center: #a7c7ff;
|
17058
17058
|
--cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
|
17059
17059
|
--cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
|
17060
17060
|
--cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
|
17061
17061
|
--cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
|
17062
17062
|
--cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
|
17063
17063
|
--cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
|
17064
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
|
17065
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
|
17064
17066
|
--cds-slug-hollow-hover: #474747;
|
17065
17067
|
--cds-support-caution-major: #ff832b;
|
17066
17068
|
--cds-support-caution-minor: #f1c21b;
|
@@ -17157,8 +17159,15 @@ em {
|
|
17157
17159
|
.cds--g90 {
|
17158
17160
|
background-color: var(--cds-background);
|
17159
17161
|
color: var(--cds-text-primary);
|
17162
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
17163
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
17164
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
17165
|
+
--cds-ai-border-start: #4589ff;
|
17166
|
+
--cds-ai-border-strong: #78a9ff;
|
17167
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
17160
17168
|
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
17161
17169
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
17170
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
17162
17171
|
--cds-background: #262626;
|
17163
17172
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
17164
17173
|
--cds-background-brand: #0f62fe;
|
@@ -17174,11 +17183,11 @@ em {
|
|
17174
17183
|
--cds-border-strong-02: #a8a8a8;
|
17175
17184
|
--cds-border-strong-03: #c6c6c6;
|
17176
17185
|
--cds-border-subtle-00: #525252;
|
17177
|
-
--cds-border-subtle-01: #
|
17178
|
-
--cds-border-subtle-02: #
|
17186
|
+
--cds-border-subtle-01: #6f6f6f;
|
17187
|
+
--cds-border-subtle-02: #8d8d8d;
|
17179
17188
|
--cds-border-subtle-03: #8d8d8d;
|
17180
|
-
--cds-border-subtle-selected-01: #
|
17181
|
-
--cds-border-subtle-selected-02: #
|
17189
|
+
--cds-border-subtle-selected-01: #8d8d8d;
|
17190
|
+
--cds-border-subtle-selected-02: #a8a8a8;
|
17182
17191
|
--cds-border-subtle-selected-03: #a8a8a8;
|
17183
17192
|
--cds-border-tile-01: #6f6f6f;
|
17184
17193
|
--cds-border-tile-02: #8d8d8d;
|
@@ -17240,18 +17249,24 @@ em {
|
|
17240
17249
|
--cds-skeleton-element: #525252;
|
17241
17250
|
--cds-slug-background: #c6c6c6;
|
17242
17251
|
--cds-slug-background-hover: #e0e0e0;
|
17243
|
-
--cds-slug-callout-aura-end: rgba(
|
17252
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
17244
17253
|
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
17245
17254
|
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
17246
|
-
--cds-slug-callout-aura-start: rgba(
|
17255
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
17247
17256
|
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
17248
17257
|
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
17258
|
+
--cds-slug-callout-caret-bottom: #465060;
|
17259
|
+
--cds-slug-callout-caret-bottom-background: #2d3f5c;
|
17260
|
+
--cds-slug-callout-caret-bottom-background-actions: #253042;
|
17261
|
+
--cds-slug-callout-caret-center: #456fb5;
|
17249
17262
|
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
17250
17263
|
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
17251
17264
|
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
17252
17265
|
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
17253
17266
|
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
17254
17267
|
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
17268
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
17269
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
17255
17270
|
--cds-slug-hollow-hover: #b5b5b5;
|
17256
17271
|
--cds-support-caution-major: #ff832b;
|
17257
17272
|
--cds-support-caution-minor: #f1c21b;
|
@@ -17347,8 +17362,15 @@ em {
|
|
17347
17362
|
.cds--g100 {
|
17348
17363
|
background-color: var(--cds-background);
|
17349
17364
|
color: var(--cds-text-primary);
|
17365
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
17366
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
17367
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
17368
|
+
--cds-ai-border-start: #4589ff;
|
17369
|
+
--cds-ai-border-strong: #78a9ff;
|
17370
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
17350
17371
|
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
17351
17372
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
17373
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
17352
17374
|
--cds-background: #161616;
|
17353
17375
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
17354
17376
|
--cds-background-brand: #0f62fe;
|
@@ -17364,11 +17386,11 @@ em {
|
|
17364
17386
|
--cds-border-strong-02: #8d8d8d;
|
17365
17387
|
--cds-border-strong-03: #a8a8a8;
|
17366
17388
|
--cds-border-subtle-00: #393939;
|
17367
|
-
--cds-border-subtle-01: #
|
17368
|
-
--cds-border-subtle-02: #
|
17389
|
+
--cds-border-subtle-01: #525252;
|
17390
|
+
--cds-border-subtle-02: #6f6f6f;
|
17369
17391
|
--cds-border-subtle-03: #6f6f6f;
|
17370
|
-
--cds-border-subtle-selected-01: #
|
17371
|
-
--cds-border-subtle-selected-02: #
|
17392
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
17393
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
17372
17394
|
--cds-border-subtle-selected-03: #8d8d8d;
|
17373
17395
|
--cds-border-tile-01: #525252;
|
17374
17396
|
--cds-border-tile-02: #6f6f6f;
|
@@ -17430,18 +17452,24 @@ em {
|
|
17430
17452
|
--cds-skeleton-element: #393939;
|
17431
17453
|
--cds-slug-background: #c6c6c6;
|
17432
17454
|
--cds-slug-background-hover: #e0e0e0;
|
17433
|
-
--cds-slug-callout-aura-end: rgba(
|
17455
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
17434
17456
|
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
17435
17457
|
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
17436
|
-
--cds-slug-callout-aura-start: rgba(
|
17458
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
17437
17459
|
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
17438
17460
|
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
17461
|
+
--cds-slug-callout-caret-bottom: #3d4655;
|
17462
|
+
--cds-slug-callout-caret-bottom-background: #213250;
|
17463
|
+
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
17464
|
+
--cds-slug-callout-caret-center: #3f68af;
|
17439
17465
|
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
17440
17466
|
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
17441
17467
|
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
17442
17468
|
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
17443
17469
|
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
17444
17470
|
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
17471
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
17472
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
17445
17473
|
--cds-slug-hollow-hover: #b5b5b5;
|
17446
17474
|
--cds-support-caution-major: #ff832b;
|
17447
17475
|
--cds-support-caution-minor: #f1c21b;
|
@@ -18095,15 +18123,15 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
18095
18123
|
}
|
18096
18124
|
|
18097
18125
|
.cds--popover--left-top > .cds--popover > .cds--popover-content {
|
18098
|
-
inset-block-start:
|
18126
|
+
inset-block-start: 50%;
|
18099
18127
|
inset-inline-end: 100%;
|
18100
|
-
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem)
|
18128
|
+
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));
|
18101
18129
|
}
|
18102
18130
|
|
18103
18131
|
.cds--popover--left-bottom > .cds--popover > .cds--popover-content {
|
18104
|
-
inset-block-end:
|
18132
|
+
inset-block-end: 50%;
|
18105
18133
|
inset-inline-end: 100%;
|
18106
|
-
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem)
|
18134
|
+
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
|
18107
18135
|
}
|
18108
18136
|
|
18109
18137
|
[dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-content,
|
@@ -21365,8 +21393,9 @@ fieldset[disabled] .cds--form__helper-text {
|
|
21365
21393
|
transform: translateY(-50%);
|
21366
21394
|
}
|
21367
21395
|
|
21368
|
-
.cds--text-input__field-wrapper--slug .cds--text-input {
|
21369
|
-
background-image: linear-gradient(
|
21396
|
+
.cds--text-input__field-wrapper--slug .cds--text-input:not(:has(~ .cds--slug--revert)) {
|
21397
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
21398
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
21370
21399
|
padding-inline-end: 2.5rem;
|
21371
21400
|
}
|
21372
21401
|
|
@@ -22566,8 +22595,13 @@ fieldset[disabled] .cds--form__helper-text {
|
|
22566
22595
|
transform: translateY(-50%);
|
22567
22596
|
}
|
22568
22597
|
|
22569
|
-
.cds--list-box__wrapper--slug .cds--list-box {
|
22570
|
-
background-image: linear-gradient(
|
22598
|
+
.cds--list-box__wrapper--slug .cds--list-box:not(:has(.cds--slug--revert)) {
|
22599
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
22600
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
22601
|
+
}
|
22602
|
+
|
22603
|
+
.cds--list-box__wrapper--slug .cds--list-box input[role=combobox] {
|
22604
|
+
border-block-end-color: transparent;
|
22571
22605
|
}
|
22572
22606
|
|
22573
22607
|
.cds--list-box__wrapper--slug .cds--list-box__field,
|
@@ -23485,6 +23519,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
23485
23519
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
23486
23520
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
23487
23521
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
23522
|
+
flex: 1;
|
23488
23523
|
}
|
23489
23524
|
|
23490
23525
|
.cds--radio-button__appearance {
|
@@ -24419,13 +24454,15 @@ tr.cds--data-table--selected:last-of-type td {
|
|
24419
24454
|
}
|
24420
24455
|
|
24421
24456
|
.cds--data-table tbody tr:has(> .cds--table-column-slug--active) {
|
24422
|
-
background-image: linear-gradient(90deg, var(--cds-ai-
|
24457
|
+
background-image: linear-gradient(90deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
24458
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
24423
24459
|
background-attachment: fixed;
|
24424
24460
|
}
|
24425
24461
|
|
24426
24462
|
.cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
|
24427
24463
|
.cds--data-table thead th:has(> .cds--table-header-label--slug) {
|
24428
|
-
background-image: linear-gradient(180deg, var(--cds-ai-
|
24464
|
+
background-image: linear-gradient(180deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
|
24465
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
24429
24466
|
}
|
24430
24467
|
|
24431
24468
|
.cds--table-column-slug .cds--slug {
|
@@ -26869,8 +26906,9 @@ th .cds--table-sort__flex {
|
|
26869
26906
|
transform: translateY(-50%);
|
26870
26907
|
}
|
26871
26908
|
|
26872
|
-
.cds--date-picker-input__wrapper--slug .cds--date-picker__input {
|
26873
|
-
background-image: linear-gradient(
|
26909
|
+
.cds--date-picker-input__wrapper--slug .cds--date-picker__input:not(:has(~ .cds--slug--revert)) {
|
26910
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
26911
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
26874
26912
|
padding-inline-end: 4rem;
|
26875
26913
|
}
|
26876
26914
|
|
@@ -28589,8 +28627,13 @@ button.cds--dropdown-text:focus {
|
|
28589
28627
|
inset-block-start: 2.6875rem;
|
28590
28628
|
}
|
28591
28629
|
|
28592
|
-
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug {
|
28593
|
-
background-image: linear-gradient(
|
28630
|
+
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:not(:has(~ .cds--slug--revert)) {
|
28631
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
28632
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
28633
|
+
}
|
28634
|
+
|
28635
|
+
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:not(.cds--date-picker__input--invalid) {
|
28636
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
28594
28637
|
}
|
28595
28638
|
|
28596
28639
|
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
|
@@ -29141,12 +29184,17 @@ button.cds--dropdown-text:focus {
|
|
29141
29184
|
padding-inline-end: 9rem;
|
29142
29185
|
}
|
29143
29186
|
|
29144
|
-
.cds--number__input-wrapper--slug input[type=number],
|
29187
|
+
.cds--number__input-wrapper--slug input[type=number]:not(:has(~ .cds--slug--revert)),
|
29145
29188
|
.cds--number__input-wrapper--slug input[type=number]:disabled {
|
29146
|
-
background-image: linear-gradient(
|
29189
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
29190
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
29147
29191
|
padding-inline-end: 7rem;
|
29148
29192
|
}
|
29149
29193
|
|
29194
|
+
.cds--number__input-wrapper--slug .cds--number__control-btn {
|
29195
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
29196
|
+
}
|
29197
|
+
|
29150
29198
|
.cds--number.cds--skeleton {
|
29151
29199
|
position: relative;
|
29152
29200
|
padding: 0;
|
@@ -29398,8 +29446,9 @@ button.cds--dropdown-text:focus {
|
|
29398
29446
|
padding-inline-end: 7.5rem;
|
29399
29447
|
}
|
29400
29448
|
|
29401
|
-
.cds--number-input--fluid .cds--number__input-wrapper--slug {
|
29402
|
-
background-image: linear-gradient(
|
29449
|
+
.cds--number-input--fluid .cds--number__input-wrapper--slug:not(:has(~ .cds--slug--revert)) {
|
29450
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
29451
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
29403
29452
|
}
|
29404
29453
|
|
29405
29454
|
.cds--search--fluid {
|
@@ -29774,8 +29823,9 @@ optgroup.cds--select-optgroup:disabled,
|
|
29774
29823
|
transform: translateY(-50%);
|
29775
29824
|
}
|
29776
29825
|
|
29777
|
-
.cds--select--slug .cds--select-input {
|
29778
|
-
background-image: linear-gradient(
|
29826
|
+
.cds--select--slug .cds--select-input:not(:has(~ .cds--slug--revert)) {
|
29827
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
29828
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
29779
29829
|
padding-inline-end: 4rem;
|
29780
29830
|
}
|
29781
29831
|
|
@@ -30072,8 +30122,9 @@ optgroup.cds--select-optgroup:disabled,
|
|
30072
30122
|
transform: translate(0);
|
30073
30123
|
}
|
30074
30124
|
|
30075
|
-
.cds--text-area__wrapper--slug .cds--text-area {
|
30076
|
-
background-image: linear-gradient(
|
30125
|
+
.cds--text-area__wrapper--slug .cds--text-area:not(:has(~ .cds--slug--revert)) {
|
30126
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
30127
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
30077
30128
|
padding-inline-end: 2.5rem;
|
30078
30129
|
}
|
30079
30130
|
|
@@ -30294,8 +30345,9 @@ optgroup.cds--select-optgroup:disabled,
|
|
30294
30345
|
inline-size: 80%;
|
30295
30346
|
}
|
30296
30347
|
|
30297
|
-
.cds--text-area--fluid .cds--text-area__wrapper--slug {
|
30298
|
-
background-image: linear-gradient(
|
30348
|
+
.cds--text-area--fluid .cds--text-area__wrapper--slug:not(:has(~ .cds--slug--revert)) {
|
30349
|
+
background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
|
30350
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
30299
30351
|
}
|
30300
30352
|
|
30301
30353
|
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--slug,
|
@@ -31214,18 +31266,19 @@ optgroup.cds--select-optgroup:disabled,
|
|
31214
31266
|
align-items: flex-start;
|
31215
31267
|
}
|
31216
31268
|
|
31217
|
-
.cds--modal-close {
|
31269
|
+
.cds--modal-close-button {
|
31218
31270
|
position: absolute;
|
31219
|
-
|
31220
|
-
|
31271
|
+
inset-block-start: 0;
|
31272
|
+
inset-inline-end: 0;
|
31273
|
+
}
|
31274
|
+
|
31275
|
+
.cds--modal-close {
|
31221
31276
|
padding: 0.75rem;
|
31222
31277
|
border: 2px solid transparent;
|
31223
31278
|
background-color: transparent;
|
31224
31279
|
block-size: 3rem;
|
31225
31280
|
cursor: pointer;
|
31226
31281
|
inline-size: 3rem;
|
31227
|
-
inset-block-start: 0;
|
31228
|
-
inset-inline-end: 0;
|
31229
31282
|
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
31230
31283
|
}
|
31231
31284
|
.cds--modal-close:hover {
|
@@ -31261,12 +31314,12 @@ optgroup.cds--select-optgroup:disabled,
|
|
31261
31314
|
}
|
31262
31315
|
|
31263
31316
|
.cds--modal--slug .cds--modal-container {
|
31264
|
-
background: linear-gradient(
|
31317
|
+
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%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
|
31265
31318
|
background-color: var(--cds-layer);
|
31266
31319
|
}
|
31267
31320
|
|
31268
31321
|
.cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
|
31269
|
-
background: linear-gradient(
|
31322
|
+
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
|
31270
31323
|
background-color: var(--cds-layer);
|
31271
31324
|
}
|
31272
31325
|
|
@@ -31276,8 +31329,8 @@ optgroup.cds--select-optgroup:disabled,
|
|
31276
31329
|
inset-inline-end: 0;
|
31277
31330
|
}
|
31278
31331
|
|
31279
|
-
.cds--modal-header > .cds--slug:has(+ .cds--modal-close),
|
31280
|
-
.cds--modal-header > .cds--modal-close ~ .cds--slug,
|
31332
|
+
.cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),
|
31333
|
+
.cds--modal-header > .cds--modal-close-button ~ .cds--slug,
|
31281
31334
|
.cds--modal--slug .cds--modal-container-body > .cds--slug {
|
31282
31335
|
inset-inline-end: 3rem;
|
31283
31336
|
}
|
@@ -34450,32 +34503,181 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
34450
34503
|
}
|
34451
34504
|
|
34452
34505
|
.cds--slug.cds--slug--enabled .cds--slug-content {
|
34453
|
-
background: linear-gradient(
|
34454
|
-
border: 1px solid
|
34455
|
-
border-radius:
|
34456
|
-
|
34457
|
-
box-shadow: -45px 45px 100px rgba(0, 0, 0, 0.2);
|
34506
|
+
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%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
|
34507
|
+
border: 1px solid transparent;
|
34508
|
+
border-radius: 0.5rem;
|
34509
|
+
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), -40px 30px 100px -25px var(--cds-slug-callout-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-slug-callout-shadow-outer-02, rgba(0, 0, 0, 0.1));
|
34458
34510
|
color: var(--cds-text-primary, #161616);
|
34459
34511
|
min-inline-size: 17.5rem;
|
34460
34512
|
}
|
34461
34513
|
|
34462
34514
|
.cds--slug.cds--slug--enabled > .cds--toggletip > .cds--popover > .cds--popover-caret {
|
34463
|
-
background:
|
34515
|
+
background: transparent;
|
34516
|
+
clip-path: none;
|
34517
|
+
}
|
34518
|
+
|
34519
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
|
34520
|
+
.cds--popover--top-right,
|
34521
|
+
.cds--popover--top-left,
|
34522
|
+
.cds--popover--bottom,
|
34523
|
+
.cds--popover--bottom-right,
|
34524
|
+
.cds--popover--bottom-left,
|
34525
|
+
.cds--popover--left,
|
34526
|
+
.cds--popover--left-top,
|
34527
|
+
.cds--popover--left-bottom,
|
34528
|
+
.cds--popover--right,
|
34529
|
+
.cds--popover--right-top,
|
34530
|
+
.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::before {
|
34531
|
+
position: absolute;
|
34532
|
+
display: block;
|
34533
|
+
border: 1px solid var(--cds-ai-border-start, #78a9ff);
|
34534
|
+
background: var(--cds-background, #ffffff);
|
34535
|
+
block-size: 0.75rem;
|
34536
|
+
clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
|
34537
|
+
content: "";
|
34538
|
+
inline-size: 0.75rem;
|
34539
|
+
transform: rotate(45deg);
|
34540
|
+
}
|
34541
|
+
|
34542
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
|
34543
|
+
.cds--popover--top-right,
|
34544
|
+
.cds--popover--top-left,
|
34545
|
+
.cds--popover--bottom,
|
34546
|
+
.cds--popover--bottom-right,
|
34547
|
+
.cds--popover--bottom-left,
|
34548
|
+
.cds--popover--left,
|
34549
|
+
.cds--popover--left-top,
|
34550
|
+
.cds--popover--left-bottom,
|
34551
|
+
.cds--popover--right,
|
34552
|
+
.cds--popover--right-top,
|
34553
|
+
.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
|
34554
|
+
position: absolute;
|
34555
|
+
display: block;
|
34556
|
+
background: var(--cds-background, #ffffff);
|
34557
|
+
block-size: 0.875rem;
|
34558
|
+
content: "";
|
34559
|
+
inline-size: 0.125rem;
|
34560
|
+
}
|
34561
|
+
|
34562
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
|
34563
|
+
.cds--popover--top-right,
|
34564
|
+
.cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
|
34565
|
+
inset-block-end: 0.0625rem;
|
34566
|
+
transform: rotate(-135deg);
|
34567
|
+
}
|
34568
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
|
34569
|
+
.cds--popover--top-right,
|
34570
|
+
.cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
|
34571
|
+
background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
|
34572
|
+
block-size: 0.125rem;
|
34573
|
+
border-end-end-radius: 50%;
|
34574
|
+
border-end-start-radius: 50%;
|
34575
|
+
inline-size: 0.875rem;
|
34576
|
+
inset-block-start: -0.125rem;
|
34577
|
+
inset-inline-start: -0.0625rem;
|
34578
|
+
}
|
34579
|
+
|
34580
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
|
34581
|
+
.cds--popover--top-right,
|
34582
|
+
.cds--popover--top-left) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
|
34583
|
+
display: none;
|
34584
|
+
}
|
34585
|
+
|
34586
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
|
34587
|
+
.cds--popover--right-bottom,
|
34588
|
+
.cds--popover--right-top) > .cds--popover > .cds--popover-caret::before {
|
34589
|
+
inset-inline-start: 0.0625rem;
|
34590
|
+
transform: rotate(-45deg);
|
34591
|
+
}
|
34592
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
|
34593
|
+
.cds--popover--right-bottom,
|
34594
|
+
.cds--popover--right-top) > .cds--popover > .cds--popover-caret::after {
|
34595
|
+
border-end-start-radius: 50%;
|
34596
|
+
border-start-start-radius: 50%;
|
34597
|
+
inset-block-start: -0.0625rem;
|
34598
|
+
inset-inline-start: 0.375rem;
|
34599
|
+
}
|
34600
|
+
|
34601
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
|
34602
|
+
.cds--popover--bottom-left,
|
34603
|
+
.cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::before {
|
34604
|
+
inset-block-start: 0.0625rem;
|
34605
|
+
transform: rotate(45deg);
|
34606
|
+
}
|
34607
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
|
34608
|
+
.cds--popover--bottom-left,
|
34609
|
+
.cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::after {
|
34610
|
+
block-size: 0.125rem;
|
34611
|
+
border-start-end-radius: 50%;
|
34612
|
+
border-start-start-radius: 50%;
|
34613
|
+
inline-size: 0.875rem;
|
34614
|
+
inset-block-end: -0.15625rem;
|
34615
|
+
inset-inline-start: -0.0625rem;
|
34616
|
+
}
|
34617
|
+
|
34618
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
|
34619
|
+
.cds--popover--left-bottom,
|
34620
|
+
.cds--popover--left-top) > .cds--popover > .cds--popover-caret::before {
|
34621
|
+
inset-inline-end: 0.0625rem;
|
34622
|
+
transform: rotate(135deg);
|
34623
|
+
}
|
34624
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
|
34625
|
+
.cds--popover--left-bottom,
|
34626
|
+
.cds--popover--left-top) > .cds--popover > .cds--popover-caret::after {
|
34627
|
+
border-end-end-radius: 50%;
|
34628
|
+
border-start-end-radius: 50%;
|
34629
|
+
inset-block-start: -0.0625rem;
|
34630
|
+
inset-inline-start: -0.125rem;
|
34631
|
+
}
|
34632
|
+
|
34633
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
|
34634
|
+
.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
|
34635
|
+
background: transparent;
|
34636
|
+
}
|
34637
|
+
|
34638
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
|
34639
|
+
.cds--popover--right-bottom,
|
34640
|
+
.cds--popover--top,
|
34641
|
+
.cds--popover--top-right,
|
34642
|
+
.cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
|
34643
|
+
border-color: var(--cds-slug-callout-caret-bottom, #d0e2ff);
|
34644
|
+
background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
|
34645
|
+
}
|
34646
|
+
|
34647
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
|
34648
|
+
.cds--popover--right-bottom,
|
34649
|
+
.cds--popover--top,
|
34650
|
+
.cds--popover--top-right,
|
34651
|
+
.cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before {
|
34652
|
+
background: var(--cds-slug-callout-caret-bottom-background-actions, #dae5f8);
|
34653
|
+
}
|
34654
|
+
|
34655
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
|
34656
|
+
.cds--popover--right) > .cds--popover > .cds--popover-caret::before {
|
34657
|
+
border-color: var(--cds-slug-callout-caret-center, #a7c7ff);
|
34464
34658
|
}
|
34465
34659
|
|
34466
34660
|
.cds--slug.cds--slug--enabled .cds--toggletip-content {
|
34467
|
-
max-inline-size: 20.875rem;
|
34468
34661
|
padding-block-end: 5rem;
|
34469
|
-
padding-block-start:
|
34470
|
-
padding-inline:
|
34662
|
+
padding-block-start: 1.5rem;
|
34663
|
+
padding-inline: 1.5rem;
|
34664
|
+
}
|
34665
|
+
|
34666
|
+
.cds--slug.cds--slug--enabled .cds--slug-content--with-actions .cds--toggletip-content {
|
34667
|
+
max-inline-size: 20.875rem;
|
34668
|
+
}
|
34669
|
+
|
34670
|
+
.cds--slug.cds--slug--enabled .cds--slug-content:not(.cds--slug-content--with-actions) .cds--toggletip-content {
|
34671
|
+
max-inline-size: 20rem;
|
34471
34672
|
}
|
34472
34673
|
|
34473
34674
|
.cds--slug.cds--slug--enabled .cds--slug-actions {
|
34474
34675
|
position: absolute;
|
34475
34676
|
justify-content: flex-end;
|
34476
|
-
|
34477
|
-
|
34478
|
-
border-end-
|
34677
|
+
backdrop-filter: blur(85px);
|
34678
|
+
background: rgba(0, 0, 0, 0.01);
|
34679
|
+
border-end-end-radius: 0.5rem;
|
34680
|
+
border-end-start-radius: 0.5rem;
|
34479
34681
|
column-gap: 0;
|
34480
34682
|
inline-size: 100%;
|
34481
34683
|
inset-block-end: 0;
|
@@ -34489,7 +34691,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
34489
34691
|
|
34490
34692
|
.cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary {
|
34491
34693
|
order: 1;
|
34492
|
-
border-end-end-radius:
|
34694
|
+
border-end-end-radius: 0.4375rem;
|
34493
34695
|
}
|
34494
34696
|
|
34495
34697
|
.cds--slug.cds--slug--revert {
|
@@ -35700,12 +35902,12 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
35700
35902
|
}
|
35701
35903
|
|
35702
35904
|
.cds--tile--slug.cds--tile {
|
35703
|
-
background: linear-gradient(
|
35905
|
+
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%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
|
35704
35906
|
border: 1px solid var(--cds-border-tile);
|
35705
35907
|
}
|
35706
35908
|
|
35707
35909
|
.cds--tile--slug.cds--tile--expandable:hover {
|
35708
|
-
background: linear-gradient(
|
35910
|
+
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%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
|
35709
35911
|
}
|
35710
35912
|
|
35711
35913
|
.cds--tile--slug.cds--tile--selectable::before,
|