@carbon/ibm-products 2.25.0 → 2.27.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +556 -63
- 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 +50 -16
- 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 +556 -63
- 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 +527 -55
- 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/BigNumbers/BigNumbers.d.ts +11 -0
- package/es/components/BigNumbers/BigNumbers.js +238 -0
- package/es/components/BigNumbers/constants.d.ts +13 -0
- package/es/components/BigNumbers/constants.js +67 -0
- package/es/components/BigNumbers/index.d.ts +1 -0
- package/es/components/Cascade/Cascade.d.ts +19 -2
- package/es/components/Cascade/Cascade.js +12 -9
- package/es/components/Coachmark/CoachmarkTagline.js +1 -2
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +4 -3
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +3 -2
- package/es/components/DataSpreadsheet/utils/checkForHoldingKey.d.ts +1 -0
- package/es/components/DataSpreadsheet/utils/checkForHoldingKey.js +17 -0
- package/es/components/Datagrid/Datagrid/Datagrid.js +9 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.d.ts +3 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +6 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +21 -8
- package/es/components/Datagrid/Datagrid/DatagridRow.js +15 -2
- package/es/components/Datagrid/Datagrid/DatagridToolbar.d.ts +10 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +21 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +32 -9
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +3 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +35 -3
- package/es/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.d.ts +2 -0
- package/es/components/Datagrid/Datagrid/addons/Slug/{ColumnHeaderSlug.js → DatagridSlug.js} +4 -4
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +3 -3
- package/es/components/Datagrid/useSelectAllToggle.js +5 -3
- package/es/components/Datagrid/useSortableColumns.js +2 -2
- package/es/components/EmptyStates/EmptyStateContent.d.ts +1 -1
- package/es/components/FullPageError/FullPageError.js +41 -15
- package/es/components/FullPageError/assets/Error403SVG.d.ts +9 -0
- package/es/components/FullPageError/assets/Error403SVG.js +714 -0
- package/es/components/FullPageError/assets/Error404SVG.d.ts +9 -0
- package/es/components/FullPageError/assets/Error404SVG.js +623 -0
- package/es/components/HTTPErrors/HTTPErrorContent.d.ts +1 -1
- package/es/components/InterstitialScreen/InterstitialScreen.js +1 -1
- package/es/components/SidePanel/SidePanel.js +13 -6
- package/es/components/SidePanel/motion/variants.d.ts +39 -12
- package/es/components/SidePanel/motion/variants.js +42 -11
- package/es/components/StringFormatter/StringFormatter.d.ts +6 -0
- package/es/components/StringFormatter/StringFormatter.js +79 -0
- package/es/components/StringFormatter/index.d.ts +1 -0
- package/es/components/StringFormatter/utils/enums.d.ts +14 -0
- package/es/components/StringFormatter/utils/enums.js +23 -0
- package/es/components/Tearsheet/TearsheetShell.js +26 -8
- package/es/components/UserAvatar/UserAvatar.js +59 -44
- package/es/components/index.d.ts +2 -0
- package/es/global/js/hooks/index.d.ts +2 -0
- package/es/global/js/hooks/useFocus.d.ts +11 -0
- package/es/global/js/hooks/useFocus.js +76 -0
- package/es/global/js/hooks/useIsomorphicEffect.d.ts +2 -0
- package/es/global/js/hooks/useIsomorphicEffect.js +14 -0
- package/es/global/js/package-settings.d.ts +2 -0
- package/es/global/js/package-settings.js +2 -0
- package/es/index.js +2 -0
- package/es/settings.d.ts +2 -0
- package/lib/components/BigNumbers/BigNumbers.d.ts +11 -0
- package/lib/components/BigNumbers/BigNumbers.js +244 -0
- package/lib/components/BigNumbers/constants.d.ts +13 -0
- package/lib/components/BigNumbers/constants.js +76 -0
- package/lib/components/BigNumbers/index.d.ts +1 -0
- package/lib/components/Cascade/Cascade.d.ts +19 -2
- package/lib/components/Cascade/Cascade.js +12 -9
- package/lib/components/Coachmark/CoachmarkTagline.js +3 -4
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +2 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +4 -3
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +3 -2
- package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.d.ts +1 -0
- package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +21 -0
- package/lib/components/Datagrid/Datagrid/Datagrid.js +9 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts +3 -1
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +6 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +20 -7
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +14 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.d.ts +10 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +20 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +30 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +3 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +33 -1
- package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.d.ts +2 -0
- package/lib/components/Datagrid/Datagrid/addons/Slug/{ColumnHeaderSlug.js → DatagridSlug.js} +4 -4
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +3 -3
- package/lib/components/Datagrid/useSelectAllToggle.js +4 -2
- package/lib/components/Datagrid/useSortableColumns.js +2 -2
- package/lib/components/EmptyStates/EmptyStateContent.d.ts +1 -1
- package/lib/components/FullPageError/FullPageError.js +41 -15
- package/lib/components/FullPageError/assets/Error403SVG.d.ts +9 -0
- package/lib/components/FullPageError/assets/Error403SVG.js +722 -0
- package/lib/components/FullPageError/assets/Error404SVG.d.ts +9 -0
- package/lib/components/FullPageError/assets/Error404SVG.js +631 -0
- package/lib/components/HTTPErrors/HTTPErrorContent.d.ts +1 -1
- package/lib/components/InterstitialScreen/InterstitialScreen.js +3 -3
- package/lib/components/SidePanel/SidePanel.js +11 -4
- package/lib/components/SidePanel/motion/variants.d.ts +39 -12
- package/lib/components/SidePanel/motion/variants.js +42 -10
- package/lib/components/StringFormatter/StringFormatter.d.ts +6 -0
- package/lib/components/StringFormatter/StringFormatter.js +85 -0
- package/lib/components/StringFormatter/index.d.ts +1 -0
- package/lib/components/StringFormatter/utils/enums.d.ts +14 -0
- package/lib/components/StringFormatter/utils/enums.js +27 -0
- package/lib/components/Tearsheet/TearsheetShell.js +26 -8
- package/lib/components/UserAvatar/UserAvatar.js +59 -44
- package/lib/components/index.d.ts +2 -0
- package/lib/global/js/hooks/index.d.ts +2 -0
- package/lib/global/js/hooks/useFocus.d.ts +11 -0
- package/lib/global/js/hooks/useFocus.js +80 -0
- package/lib/global/js/hooks/useIsomorphicEffect.d.ts +2 -0
- package/lib/global/js/hooks/useIsomorphicEffect.js +18 -0
- package/lib/global/js/package-settings.d.ts +2 -0
- package/lib/global/js/package-settings.js +2 -0
- package/lib/index.js +10 -0
- package/lib/settings.d.ts +2 -0
- package/package.json +7 -7
- package/scss/components/BigNumbers/_big-numbers.scss +151 -0
- package/scss/components/BigNumbers/_carbon-imports.scss +11 -0
- package/scss/components/BigNumbers/_index-with-carbon.scss +9 -0
- package/scss/components/BigNumbers/_index.scss +8 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +19 -0
- package/scss/components/FilterSummary/_filter-summary.scss +1 -1
- package/scss/components/FullPageError/_full-page-error.scss +20 -2
- package/scss/components/ProductiveCard/_productive-card.scss +1 -1
- package/scss/components/SidePanel/_side-panel.scss +1 -1
- package/scss/components/StringFormatter/_carbon-imports.scss +10 -0
- package/scss/components/StringFormatter/_index-with-carbon.scss +9 -0
- package/scss/components/StringFormatter/_index.scss +8 -0
- package/scss/components/StringFormatter/_string-formatter.scss +97 -0
- package/scss/components/Tearsheet/_tearsheet.scss +34 -2
- package/scss/components/UserAvatar/_user-avatar.scss +47 -4
- package/scss/components/_index-with-carbon.scss +2 -0
- package/scss/components/_index.scss +2 -0
- package/es/components/Datagrid/Datagrid/addons/Slug/ColumnHeaderSlug.d.ts +0 -2
- package/es/node_modules/@carbon/icon-helpers/es/index.js +0 -140
- package/es/node_modules/@carbon/icons-react/es/Icon.js +0 -73
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-0.js +0 -2985
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +0 -2900
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-8.js +0 -3004
- package/es/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +0 -14
- package/lib/components/Datagrid/Datagrid/addons/Slug/ColumnHeaderSlug.d.ts +0 -2
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +0 -145
- package/lib/node_modules/@carbon/icons-react/es/Icon.js +0 -81
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-0.js +0 -3117
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-3.js +0 -3032
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-8.js +0 -3136
- package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +0 -18
package/css/index.css
CHANGED
@@ -2377,12 +2377,12 @@
|
|
2377
2377
|
}
|
2378
2378
|
|
2379
2379
|
.cds--modal--slug .cds--modal-container {
|
2380
|
-
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;
|
2380
|
+
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, var(--cds-background, #ffffff)), var(--cds-background, 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, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
|
2381
2381
|
background-color: var(--cds-layer);
|
2382
2382
|
}
|
2383
2383
|
|
2384
2384
|
.cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
|
2385
|
-
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;
|
2385
|
+
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, var(--cds-background, #ffffff)), var(--cds-background, 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, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
|
2386
2386
|
background-color: var(--cds-layer);
|
2387
2387
|
}
|
2388
2388
|
|
@@ -4644,6 +4644,14 @@ a.cds--overflow-menu-options__btn::before {
|
|
4644
4644
|
}
|
4645
4645
|
|
4646
4646
|
/*stylelint-enable */
|
4647
|
+
.cds--overflow-menu__top-start {
|
4648
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
|
4649
|
+
}
|
4650
|
+
|
4651
|
+
.cds--overflow-menu__top-end {
|
4652
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
|
4653
|
+
}
|
4654
|
+
|
4647
4655
|
.c4p--button-menu {
|
4648
4656
|
min-width: 160px;
|
4649
4657
|
}
|
@@ -7408,7 +7416,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
7408
7416
|
padding-top: 0.5rem;
|
7409
7417
|
}
|
7410
7418
|
.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls {
|
7411
|
-
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-layer), var(--cds-layer)) 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-layer), var(--cds-layer)) border-box;
|
7419
|
+
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-layer, var(--cds-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
7412
7420
|
}
|
7413
7421
|
.c4p--side-panel .c4p--side-panel__inner-content.c4p--side-panel--scrolls {
|
7414
7422
|
padding-top: 1rem;
|
@@ -7450,7 +7458,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
7450
7458
|
height: 2.5rem;
|
7451
7459
|
}
|
7452
7460
|
.c4p--side-panel .c4p--side-panel__slug-and-close {
|
7453
|
-
position:
|
7461
|
+
position: absolute;
|
7454
7462
|
z-index: 10; /* must be higher than title container border bottom */
|
7455
7463
|
top: 0;
|
7456
7464
|
right: 0;
|
@@ -7613,6 +7621,12 @@ a.cds--overflow-menu-options__btn::before {
|
|
7613
7621
|
max-height: calc(100% - 3rem);
|
7614
7622
|
transform: translate3d(0, min(95vh, 500px), 0);
|
7615
7623
|
}
|
7624
|
+
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container {
|
7625
|
+
border: 1px solid transparent;
|
7626
|
+
/* override carbon ai removing background gradient */
|
7627
|
+
background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) 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-layer), var(--cds-layer)) border-box;
|
7628
|
+
box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
|
7629
|
+
}
|
7616
7630
|
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
|
7617
7631
|
transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
|
7618
7632
|
}
|
@@ -7710,8 +7724,11 @@ a.cds--overflow-menu-options__btn::before {
|
|
7710
7724
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-nav {
|
7711
7725
|
padding: 1.5rem 2rem 0;
|
7712
7726
|
}
|
7713
|
-
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
|
7714
|
-
padding-right:
|
7727
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
|
7728
|
+
padding-right: 5rem;
|
7729
|
+
}
|
7730
|
+
.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
|
7731
|
+
margin-right: 3rem;
|
7715
7732
|
}
|
7716
7733
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
7717
7734
|
max-width: 80%;
|
@@ -7764,6 +7781,9 @@ a.cds--overflow-menu-options__btn::before {
|
|
7764
7781
|
overflow: auto;
|
7765
7782
|
flex-grow: 1;
|
7766
7783
|
}
|
7784
|
+
.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__main {
|
7785
|
+
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, var(--cds-background, #ffffff)), var(--cds-background, 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, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
|
7786
|
+
}
|
7767
7787
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
|
7768
7788
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
|
7769
7789
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input,
|
@@ -7802,6 +7822,9 @@ a.cds--overflow-menu-options__btn::before {
|
|
7802
7822
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
|
7803
7823
|
background: var(--cds-background, #ffffff);
|
7804
7824
|
}
|
7825
|
+
.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
|
7826
|
+
inset-inline-end: 0;
|
7827
|
+
}
|
7805
7828
|
|
7806
7829
|
@keyframes step-content-entrance {
|
7807
7830
|
0% {
|
@@ -8623,7 +8646,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
8623
8646
|
}
|
8624
8647
|
|
8625
8648
|
.c4p--card--has-slug {
|
8626
|
-
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-layer), var(--cds-layer)) 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-layer), var(--cds-layer)) border-box;
|
8649
|
+
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-layer, var(--cds-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
8627
8650
|
border: 1px solid transparent;
|
8628
8651
|
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
|
8629
8652
|
}
|
@@ -8814,6 +8837,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
8814
8837
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
8815
8838
|
cursor: no-drop;
|
8816
8839
|
text-decoration: none;
|
8840
|
+
transition: none;
|
8817
8841
|
}
|
8818
8842
|
.cds--file-browse-btn--disabled:hover, .cds--file-browse-btn--disabled:focus {
|
8819
8843
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
@@ -9674,6 +9698,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9674
9698
|
--cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
|
9675
9699
|
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
9676
9700
|
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
9701
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
9677
9702
|
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
9678
9703
|
--cds-ai-border-start: #4589ff;
|
9679
9704
|
--cds-ai-border-strong: #78a9ff;
|
@@ -9706,9 +9731,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9706
9731
|
--cds-border-tile-01: #525252;
|
9707
9732
|
--cds-border-tile-02: #6f6f6f;
|
9708
9733
|
--cds-border-tile-03: #8d8d8d;
|
9709
|
-
--cds-chat-avatar-agent: #
|
9710
|
-
--cds-chat-avatar-bot: #
|
9711
|
-
--cds-chat-avatar-user: #
|
9734
|
+
--cds-chat-avatar-agent: #c6c6c6;
|
9735
|
+
--cds-chat-avatar-bot: #8d8d8d;
|
9736
|
+
--cds-chat-avatar-user: #4589ff;
|
9712
9737
|
--cds-chat-bubble-agent: #262626;
|
9713
9738
|
--cds-chat-bubble-agent-border: #525252;
|
9714
9739
|
--cds-chat-bubble-user: #393939;
|
@@ -13258,7 +13283,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13258
13283
|
margin-right: 1rem;
|
13259
13284
|
}
|
13260
13285
|
.c4p--card__productive .c4p--card__header-container {
|
13261
|
-
align-items: start;
|
13286
|
+
align-items: flex-start;
|
13262
13287
|
}
|
13263
13288
|
|
13264
13289
|
.c4p--remove-modal .cds--modal-footer .cds--btn {
|
@@ -14395,6 +14420,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14395
14420
|
--cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
|
14396
14421
|
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
14397
14422
|
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
14423
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
14398
14424
|
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
14399
14425
|
--cds-ai-border-start: #4589ff;
|
14400
14426
|
--cds-ai-border-strong: #78a9ff;
|
@@ -14427,9 +14453,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14427
14453
|
--cds-border-tile-01: #6f6f6f;
|
14428
14454
|
--cds-border-tile-02: #8d8d8d;
|
14429
14455
|
--cds-border-tile-03: #a8a8a8;
|
14430
|
-
--cds-chat-avatar-agent: #
|
14431
|
-
--cds-chat-avatar-bot: #
|
14432
|
-
--cds-chat-avatar-user: #
|
14456
|
+
--cds-chat-avatar-agent: #c6c6c6;
|
14457
|
+
--cds-chat-avatar-bot: #8d8d8d;
|
14458
|
+
--cds-chat-avatar-user: #4589ff;
|
14433
14459
|
--cds-chat-bubble-agent: #262626;
|
14434
14460
|
--cds-chat-bubble-agent-border: #525252;
|
14435
14461
|
--cds-chat-bubble-user: #393939;
|
@@ -14879,6 +14905,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14879
14905
|
--cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
|
14880
14906
|
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
14881
14907
|
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
14908
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
14882
14909
|
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
14883
14910
|
--cds-ai-border-start: #4589ff;
|
14884
14911
|
--cds-ai-border-strong: #78a9ff;
|
@@ -14911,9 +14938,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14911
14938
|
--cds-border-tile-01: #525252;
|
14912
14939
|
--cds-border-tile-02: #6f6f6f;
|
14913
14940
|
--cds-border-tile-03: #8d8d8d;
|
14914
|
-
--cds-chat-avatar-agent: #
|
14915
|
-
--cds-chat-avatar-bot: #
|
14916
|
-
--cds-chat-avatar-user: #
|
14941
|
+
--cds-chat-avatar-agent: #c6c6c6;
|
14942
|
+
--cds-chat-avatar-bot: #8d8d8d;
|
14943
|
+
--cds-chat-avatar-user: #4589ff;
|
14917
14944
|
--cds-chat-bubble-agent: #262626;
|
14918
14945
|
--cds-chat-bubble-agent-border: #525252;
|
14919
14946
|
--cds-chat-bubble-user: #393939;
|
@@ -16308,6 +16335,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16308
16335
|
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
16309
16336
|
}
|
16310
16337
|
|
16338
|
+
.c4p--datagrid .cds--data-table tbody tr:has(> .c4p--datagrid__table-row-ai-enabled) {
|
16339
|
+
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%);
|
16340
|
+
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
16341
|
+
background-attachment: fixed;
|
16342
|
+
}
|
16343
|
+
|
16311
16344
|
.c4p--datagrid th.c4p--datagrid__with-slug .cds--slug {
|
16312
16345
|
margin-left: 0.5rem;
|
16313
16346
|
}
|
@@ -16843,6 +16876,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16843
16876
|
visibility: hidden;
|
16844
16877
|
}
|
16845
16878
|
|
16879
|
+
.c4p--datagrid .c4p--datagrid__table-row-ai-enabled {
|
16880
|
+
display: flex;
|
16881
|
+
align-items: center;
|
16882
|
+
}
|
16883
|
+
|
16884
|
+
.c4p--datagrid .c4p--datagrid__table-row-ai-spacer,
|
16885
|
+
.c4p--datagrid .c4p--datagrid__table-row-ai-enabled {
|
16886
|
+
width: 1rem;
|
16887
|
+
}
|
16888
|
+
|
16846
16889
|
/*
|
16847
16890
|
* Licensed Materials - Property of IBM
|
16848
16891
|
* 5724-Q36
|
@@ -17999,7 +18042,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
17999
18042
|
width: 100%;
|
18000
18043
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
18001
18044
|
height: 3rem;
|
18002
|
-
align-items: start;
|
18045
|
+
align-items: flex-start;
|
18003
18046
|
padding: 0.5rem;
|
18004
18047
|
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
18005
18048
|
background: var(--cds-layer-01, #f4f4f4);
|
@@ -18115,6 +18158,157 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
18115
18158
|
color: #ffffff;
|
18116
18159
|
}
|
18117
18160
|
|
18161
|
+
.c4p--big-numbers__label {
|
18162
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
18163
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
18164
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
18165
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
18166
|
+
display: block;
|
18167
|
+
margin: 0;
|
18168
|
+
color: var(--cds-text-secondary, #525252);
|
18169
|
+
}
|
18170
|
+
|
18171
|
+
.c4p--big-numbers__value {
|
18172
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
18173
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
18174
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
18175
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
18176
|
+
margin-bottom: 0;
|
18177
|
+
}
|
18178
|
+
|
18179
|
+
.c4p--big-numbers__total {
|
18180
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
18181
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
18182
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
18183
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
18184
|
+
}
|
18185
|
+
|
18186
|
+
.c4p--big-numbers__total,
|
18187
|
+
.c4p--big-numbers__percentage-mark {
|
18188
|
+
margin-top: auto;
|
18189
|
+
margin-bottom: 0.25rem;
|
18190
|
+
}
|
18191
|
+
|
18192
|
+
.c4p--big-numbers__info {
|
18193
|
+
vertical-align: top;
|
18194
|
+
}
|
18195
|
+
|
18196
|
+
.c4p--big-numbers__trend {
|
18197
|
+
margin-top: 0.5rem;
|
18198
|
+
vertical-align: top;
|
18199
|
+
}
|
18200
|
+
|
18201
|
+
.c4p--big-numbers__row {
|
18202
|
+
display: flex;
|
18203
|
+
}
|
18204
|
+
|
18205
|
+
.c4p--big-numbers__info {
|
18206
|
+
padding-left: 0.5rem;
|
18207
|
+
}
|
18208
|
+
|
18209
|
+
.c4p--big-numbers__percentage {
|
18210
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
18211
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
18212
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
18213
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
18214
|
+
}
|
18215
|
+
|
18216
|
+
.c4p--big-numbers__percentage-mark {
|
18217
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
18218
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
18219
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
18220
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
18221
|
+
}
|
18222
|
+
|
18223
|
+
.c4p--big-numbers--lg .c4p--big-numbers__value,
|
18224
|
+
.c4p--big-numbers--lg .c4p--big-numbers__percentage {
|
18225
|
+
font-size: var(--cds-heading-06-font-size, 2.625rem);
|
18226
|
+
font-weight: var(--cds-heading-06-font-weight, 300);
|
18227
|
+
line-height: var(--cds-heading-06-line-height, 1.199);
|
18228
|
+
letter-spacing: var(--cds-heading-06-letter-spacing, 0);
|
18229
|
+
}
|
18230
|
+
|
18231
|
+
.c4p--big-numbers--lg .c4p--big-numbers__total,
|
18232
|
+
.c4p--big-numbers--lg .c4p--big-numbers__percentage-mark {
|
18233
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
18234
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
18235
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
18236
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
18237
|
+
}
|
18238
|
+
|
18239
|
+
.c4p--big-numbers--xl .c4p--big-numbers__label {
|
18240
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
18241
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
18242
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
18243
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
18244
|
+
}
|
18245
|
+
|
18246
|
+
.c4p--big-numbers--xl .c4p--big-numbers__value,
|
18247
|
+
.c4p--big-numbers--xl .c4p--big-numbers__percentage {
|
18248
|
+
font-size: var(--cds-heading-07-font-size, 3.375rem);
|
18249
|
+
font-weight: var(--cds-heading-07-font-weight, 300);
|
18250
|
+
line-height: var(--cds-heading-07-line-height, 1.19);
|
18251
|
+
letter-spacing: var(--cds-heading-07-letter-spacing, 0);
|
18252
|
+
}
|
18253
|
+
|
18254
|
+
.c4p--big-numbers--xl .c4p--big-numbers__total,
|
18255
|
+
.c4p--big-numbers--xl .c4p--big-numbers__percentage-mark {
|
18256
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
18257
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
18258
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
18259
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
18260
|
+
}
|
18261
|
+
|
18262
|
+
.c4p--big-numbers--xl .c4p--big-numbers__trend {
|
18263
|
+
margin-top: 0.75rem;
|
18264
|
+
}
|
18265
|
+
|
18266
|
+
.c4p--big-numbers-skeleton {
|
18267
|
+
width: 4rem;
|
18268
|
+
}
|
18269
|
+
|
18270
|
+
.c4p--big-numbers-skeleton__label {
|
18271
|
+
height: 0.75rem;
|
18272
|
+
margin-top: 0;
|
18273
|
+
margin-bottom: 0.5rem;
|
18274
|
+
}
|
18275
|
+
|
18276
|
+
.c4p--big-numbers-skeleton__value {
|
18277
|
+
/* stylelint-disable-next-line declaration-no-important */
|
18278
|
+
height: 2.5rem !important;
|
18279
|
+
margin: 0;
|
18280
|
+
}
|
18281
|
+
|
18282
|
+
.c4p--big-numbers-skeleton--lg {
|
18283
|
+
width: 5rem;
|
18284
|
+
}
|
18285
|
+
|
18286
|
+
.c4p--big-numbers-skeleton--xl {
|
18287
|
+
width: 6rem;
|
18288
|
+
}
|
18289
|
+
|
18290
|
+
.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--lg .c4p--big-numbers-skeleton__label {
|
18291
|
+
height: 0.75rem;
|
18292
|
+
}
|
18293
|
+
|
18294
|
+
.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--lg .c4p--big-numbers-skeleton__value {
|
18295
|
+
/* stylelint-disable-next-line declaration-no-important */
|
18296
|
+
height: 3rem !important;
|
18297
|
+
}
|
18298
|
+
|
18299
|
+
.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--xl .c4p--big-numbers-skeleton__label {
|
18300
|
+
height: 0.75rem;
|
18301
|
+
}
|
18302
|
+
|
18303
|
+
.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--xl .c4p--big-numbers-skeleton__value {
|
18304
|
+
/* stylelint-disable-next-line declaration-no-important */
|
18305
|
+
height: 4rem !important;
|
18306
|
+
}
|
18307
|
+
|
18308
|
+
.c4p--big-numbers .c4p--big-numbers__tooltip-trigger:focus {
|
18309
|
+
outline: 1px solid var(--cds-focus, #0f62fe);
|
18310
|
+
}
|
18311
|
+
|
18118
18312
|
.c4p--truncated-list__list {
|
18119
18313
|
/* stylelint-disable-next-line carbon/motion-duration-use */
|
18120
18314
|
transition: height 240ms cubic-bezier(0.2, 0, 1, 0.9);
|
@@ -19338,6 +19532,7 @@ em {
|
|
19338
19532
|
--cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
|
19339
19533
|
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
19340
19534
|
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
19535
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
19341
19536
|
--cds-ai-border-end: #d0e2ff;
|
19342
19537
|
--cds-ai-border-start: #78a9ff;
|
19343
19538
|
--cds-ai-border-strong: #4589ff;
|
@@ -19370,9 +19565,9 @@ em {
|
|
19370
19565
|
--cds-border-tile-01: #c6c6c6;
|
19371
19566
|
--cds-border-tile-02: #a8a8a8;
|
19372
19567
|
--cds-border-tile-03: #c6c6c6;
|
19373
|
-
--cds-chat-avatar-agent: #
|
19374
|
-
--cds-chat-avatar-bot: #
|
19375
|
-
--cds-chat-avatar-user: #
|
19568
|
+
--cds-chat-avatar-agent: #393939;
|
19569
|
+
--cds-chat-avatar-bot: #6f6f6f;
|
19570
|
+
--cds-chat-avatar-user: #0f62fe;
|
19376
19571
|
--cds-chat-bubble-agent: #ffffff;
|
19377
19572
|
--cds-chat-bubble-agent-border: #e0e0e0;
|
19378
19573
|
--cds-chat-bubble-user: #e0e0e0;
|
@@ -19557,6 +19752,7 @@ em {
|
|
19557
19752
|
--cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
|
19558
19753
|
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
19559
19754
|
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
19755
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
19560
19756
|
--cds-ai-border-end: #d0e2ff;
|
19561
19757
|
--cds-ai-border-start: #78a9ff;
|
19562
19758
|
--cds-ai-border-strong: #4589ff;
|
@@ -19589,9 +19785,9 @@ em {
|
|
19589
19785
|
--cds-border-tile-01: #a8a8a8;
|
19590
19786
|
--cds-border-tile-02: #c6c6c6;
|
19591
19787
|
--cds-border-tile-03: #a8a8a8;
|
19592
|
-
--cds-chat-avatar-agent: #
|
19593
|
-
--cds-chat-avatar-bot: #
|
19594
|
-
--cds-chat-avatar-user: #
|
19788
|
+
--cds-chat-avatar-agent: #393939;
|
19789
|
+
--cds-chat-avatar-bot: #6f6f6f;
|
19790
|
+
--cds-chat-avatar-user: #0f62fe;
|
19595
19791
|
--cds-chat-bubble-agent: #ffffff;
|
19596
19792
|
--cds-chat-bubble-agent-border: #e0e0e0;
|
19597
19793
|
--cds-chat-bubble-user: #e0e0e0;
|
@@ -19776,6 +19972,7 @@ em {
|
|
19776
19972
|
--cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
|
19777
19973
|
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
19778
19974
|
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
19975
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
19779
19976
|
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
19780
19977
|
--cds-ai-border-start: #4589ff;
|
19781
19978
|
--cds-ai-border-strong: #78a9ff;
|
@@ -19807,9 +20004,9 @@ em {
|
|
19807
20004
|
--cds-border-tile-01: #6f6f6f;
|
19808
20005
|
--cds-border-tile-02: #8d8d8d;
|
19809
20006
|
--cds-border-tile-03: #a8a8a8;
|
19810
|
-
--cds-chat-avatar-agent: #
|
19811
|
-
--cds-chat-avatar-bot: #
|
19812
|
-
--cds-chat-avatar-user: #
|
20007
|
+
--cds-chat-avatar-agent: #c6c6c6;
|
20008
|
+
--cds-chat-avatar-bot: #8d8d8d;
|
20009
|
+
--cds-chat-avatar-user: #4589ff;
|
19813
20010
|
--cds-chat-bubble-agent: #262626;
|
19814
20011
|
--cds-chat-bubble-agent-border: #525252;
|
19815
20012
|
--cds-chat-bubble-user: #393939;
|
@@ -19991,6 +20188,7 @@ em {
|
|
19991
20188
|
--cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
|
19992
20189
|
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
19993
20190
|
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
20191
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
19994
20192
|
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
19995
20193
|
--cds-ai-border-start: #4589ff;
|
19996
20194
|
--cds-ai-border-strong: #78a9ff;
|
@@ -20022,9 +20220,9 @@ em {
|
|
20022
20220
|
--cds-border-tile-01: #525252;
|
20023
20221
|
--cds-border-tile-02: #6f6f6f;
|
20024
20222
|
--cds-border-tile-03: #8d8d8d;
|
20025
|
-
--cds-chat-avatar-agent: #
|
20026
|
-
--cds-chat-avatar-bot: #
|
20027
|
-
--cds-chat-avatar-user: #
|
20223
|
+
--cds-chat-avatar-agent: #c6c6c6;
|
20224
|
+
--cds-chat-avatar-bot: #8d8d8d;
|
20225
|
+
--cds-chat-avatar-user: #4589ff;
|
20028
20226
|
--cds-chat-bubble-agent: #262626;
|
20029
20227
|
--cds-chat-bubble-agent-border: #525252;
|
20030
20228
|
--cds-chat-bubble-user: #393939;
|
@@ -20503,6 +20701,60 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
20503
20701
|
padding-block-start: 100%;
|
20504
20702
|
}
|
20505
20703
|
|
20704
|
+
.cds--chat-btn {
|
20705
|
+
border-radius: 1.5rem;
|
20706
|
+
}
|
20707
|
+
|
20708
|
+
.cds--chat-btn.cds--btn--md {
|
20709
|
+
border-radius: 1.25rem;
|
20710
|
+
}
|
20711
|
+
|
20712
|
+
.cds--chat-btn.cds--btn--sm {
|
20713
|
+
border-radius: 1rem;
|
20714
|
+
}
|
20715
|
+
|
20716
|
+
.cds--chat-btn--quick-action {
|
20717
|
+
align-items: center;
|
20718
|
+
border: 1px solid var(--cds-link-primary, #0f62fe);
|
20719
|
+
}
|
20720
|
+
|
20721
|
+
.cds--chat-btn--quick-action:hover:not(:active):not([disabled]) {
|
20722
|
+
border-color: transparent;
|
20723
|
+
background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
20724
|
+
}
|
20725
|
+
|
20726
|
+
.cds--chat-btn--quick-action.cds--btn--ghost:focus {
|
20727
|
+
border-color: var(--cds-focus, #0f62fe);
|
20728
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
|
20729
|
+
}
|
20730
|
+
|
20731
|
+
.cds--chat-btn--quick-action.cds--btn--ghost:hover:focus {
|
20732
|
+
border-color: var(--cds-focus, #0f62fe);
|
20733
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
|
20734
|
+
}
|
20735
|
+
|
20736
|
+
.cds--chat-btn--quick-action[disabled],
|
20737
|
+
.cds--chat-btn--quick-action[disabled]:hover {
|
20738
|
+
border-color: var(--cds-button-disabled, #c6c6c6);
|
20739
|
+
color: var(--cds-button-disabled, #c6c6c6);
|
20740
|
+
}
|
20741
|
+
|
20742
|
+
.cds--chat-btn--quick-action--selected,
|
20743
|
+
.cds--chat-btn--quick-action--selected[disabled],
|
20744
|
+
.cds--chat-btn--quick-action--selected[disabled]:hover {
|
20745
|
+
border-color: transparent;
|
20746
|
+
background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
|
20747
|
+
color: var(--cds-text-secondary, #525252);
|
20748
|
+
}
|
20749
|
+
|
20750
|
+
.cds--chat-btn--quick-action--selected:hover {
|
20751
|
+
color: var(--cds-text-secondary, #525252);
|
20752
|
+
}
|
20753
|
+
|
20754
|
+
.cds--chat-btn.cds--skeleton {
|
20755
|
+
overflow: hidden;
|
20756
|
+
}
|
20757
|
+
|
20506
20758
|
.cds--checkbox-group {
|
20507
20759
|
box-sizing: border-box;
|
20508
20760
|
padding: 0;
|
@@ -21942,19 +22194,28 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
21942
22194
|
}
|
21943
22195
|
|
21944
22196
|
.cds--combo-button__container--sm .cds--combo-button__primary-action {
|
21945
|
-
min-inline-size:
|
22197
|
+
min-inline-size: 7.9375rem;
|
21946
22198
|
}
|
21947
22199
|
|
21948
22200
|
.cds--combo-button__container--md .cds--combo-button__primary-action {
|
21949
|
-
min-inline-size:
|
22201
|
+
min-inline-size: 7.4375rem;
|
21950
22202
|
}
|
21951
22203
|
|
21952
22204
|
.cds--combo-button__container--lg .cds--combo-button__primary-action {
|
21953
|
-
min-inline-size:
|
22205
|
+
min-inline-size: 6.9375rem;
|
21954
22206
|
}
|
21955
22207
|
|
21956
22208
|
.cds--combo-button__primary-action .cds--btn {
|
21957
22209
|
inline-size: 100%;
|
22210
|
+
max-inline-size: 14.9375rem;
|
22211
|
+
min-inline-size: 6.9375rem;
|
22212
|
+
}
|
22213
|
+
|
22214
|
+
.cds--combo-button__primary-action button {
|
22215
|
+
display: block;
|
22216
|
+
overflow: hidden;
|
22217
|
+
text-overflow: ellipsis;
|
22218
|
+
white-space: nowrap;
|
21958
22219
|
}
|
21959
22220
|
|
21960
22221
|
.cds--combo-button__trigger svg {
|
@@ -21965,6 +22226,18 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
21965
22226
|
transform: rotate(180deg);
|
21966
22227
|
}
|
21967
22228
|
|
22229
|
+
.cds--combo-button__top {
|
22230
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
22231
|
+
}
|
22232
|
+
|
22233
|
+
.cds--combo-button__top-start {
|
22234
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
22235
|
+
}
|
22236
|
+
|
22237
|
+
.cds--combo-button__top-end {
|
22238
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
22239
|
+
}
|
22240
|
+
|
21968
22241
|
.cds--contained-list {
|
21969
22242
|
--cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
|
21970
22243
|
--cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
|
@@ -23226,20 +23499,67 @@ tr.cds--data-table--selected:last-of-type td {
|
|
23226
23499
|
padding-inline-end: 0;
|
23227
23500
|
}
|
23228
23501
|
|
23229
|
-
.cds--data-table
|
23230
|
-
|
23231
|
-
|
23502
|
+
tr.cds--data-table--slug-row,
|
23503
|
+
tr.cds--data-table--slug-row + .cds--expandable-row {
|
23504
|
+
background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
|
23232
23505
|
background-attachment: fixed;
|
23233
23506
|
}
|
23234
23507
|
|
23508
|
+
.cds--data-table--slug-row {
|
23509
|
+
box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
|
23510
|
+
}
|
23511
|
+
|
23512
|
+
.cds--data-table tbody tr.cds--data-table--slug-row:hover td,
|
23513
|
+
tr.cds--data-table--slug-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
|
23514
|
+
tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
|
23515
|
+
tr.cds--data-table--slug-row.cds--expandable-row--hover > td,
|
23516
|
+
tr.cds--data-table--selected.cds--data-table--slug-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
|
23517
|
+
tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
|
23518
|
+
tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
|
23519
|
+
tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
|
23520
|
+
tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
|
23521
|
+
tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
|
23522
|
+
tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
|
23523
|
+
background-color: transparent;
|
23524
|
+
}
|
23525
|
+
|
23526
|
+
.cds--data-table tbody tr.cds--data-table--slug-row:hover,
|
23527
|
+
tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],
|
23528
|
+
tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
|
23529
|
+
tr.cds--expandable-row--hover.cds--data-table--slug-row,
|
23530
|
+
tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
|
23531
|
+
background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
|
23532
|
+
}
|
23533
|
+
|
23534
|
+
tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
|
23535
|
+
.cds--data-table--selected.cds--data-table--slug-row,
|
23536
|
+
tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
|
23537
|
+
background: linear-gradient(to right, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
|
23538
|
+
}
|
23539
|
+
|
23540
|
+
tr.cds--data-table--slug-row.cds--data-table--selected td,
|
23541
|
+
tr.cds--data-table--slug-row.cds--data-table--selected:hover td,
|
23542
|
+
tbody tr.cds--data-table--slug-row:hover td,
|
23543
|
+
tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
|
23544
|
+
border-block-end-color: var(--cds-border-subtle);
|
23545
|
+
}
|
23546
|
+
|
23547
|
+
tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
|
23548
|
+
border-block-end: 1px solid var(--cds-layer-selected);
|
23549
|
+
}
|
23550
|
+
|
23551
|
+
tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type {
|
23552
|
+
border-block-end: 1px solid transparent;
|
23553
|
+
}
|
23554
|
+
|
23235
23555
|
.cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
|
23236
23556
|
.cds--data-table thead th:has(> .cds--table-header-label--slug) {
|
23237
|
-
background
|
23238
|
-
border-block-end-color: var(--cds-ai-border-strong, #4589ff);
|
23557
|
+
background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
|
23239
23558
|
}
|
23240
23559
|
|
23241
23560
|
.cds--table-column-slug .cds--slug {
|
23242
23561
|
position: absolute;
|
23562
|
+
z-index: 2;
|
23243
23563
|
transform: translateY(-50%);
|
23244
23564
|
}
|
23245
23565
|
|
@@ -23253,10 +23573,24 @@ th .cds--table-header-label.cds--table-header-label--slug {
|
|
23253
23573
|
}
|
23254
23574
|
|
23255
23575
|
th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
|
23256
|
-
margin-inline-start:
|
23576
|
+
margin-inline-start: auto;
|
23577
|
+
}
|
23578
|
+
|
23579
|
+
th.cds--table-sort__header--slug,
|
23580
|
+
th:has(.cds--table-header-label--slug) {
|
23581
|
+
box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
|
23582
|
+
}
|
23583
|
+
|
23584
|
+
td.cds--table-cell--column-slug {
|
23585
|
+
background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
|
23586
|
+
}
|
23587
|
+
|
23588
|
+
tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug {
|
23589
|
+
border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
|
23257
23590
|
}
|
23258
23591
|
|
23259
23592
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
23593
|
+
tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug,
|
23260
23594
|
.cds--data-table-content {
|
23261
23595
|
outline: 1px solid transparent;
|
23262
23596
|
}
|
@@ -23874,17 +24208,19 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
|
|
23874
24208
|
transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
23875
24209
|
}
|
23876
24210
|
|
23877
|
-
tbody:has(> tr.cds--
|
24211
|
+
tbody:has(> tr.cds--data-table--slug-row) > tr.cds--expandable-row[data-child-row] td,
|
23878
24212
|
tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
|
23879
24213
|
padding-inline-start: 5.5rem;
|
23880
24214
|
}
|
23881
24215
|
|
23882
|
-
tbody:has(> tr.cds--
|
24216
|
+
tbody:has(> tr.cds--data-table--slug-row):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
|
23883
24217
|
padding-inline-start: 7.5rem;
|
23884
24218
|
}
|
23885
24219
|
|
23886
24220
|
tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {
|
23887
24221
|
max-block-size: 100%;
|
24222
|
+
padding-block: 1rem;
|
24223
|
+
padding-block-end: 1.5rem;
|
23888
24224
|
}
|
23889
24225
|
|
23890
24226
|
.cds--parent-row.cds--expandable-row > td,
|
@@ -24170,8 +24506,8 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
|
|
24170
24506
|
border-block-end: 1px solid transparent;
|
24171
24507
|
}
|
24172
24508
|
|
24173
|
-
.cds--
|
24174
|
-
.cds--data-table tr.cds--
|
24509
|
+
.cds--data-table--slug-row td,
|
24510
|
+
.cds--data-table tr.cds--data-table--slug-row:hover td {
|
24175
24511
|
border-block-start: 1px solid transparent;
|
24176
24512
|
}
|
24177
24513
|
|
@@ -24518,9 +24854,14 @@ th .cds--table-sort__flex {
|
|
24518
24854
|
margin-block-start: 0.8125rem;
|
24519
24855
|
}
|
24520
24856
|
|
24857
|
+
.cds--table-sort__header--slug .cds--table-sort__icon,
|
24858
|
+
.cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
|
24859
|
+
margin-inline-end: 0.5rem;
|
24860
|
+
margin-inline-start: auto;
|
24861
|
+
}
|
24862
|
+
|
24521
24863
|
.cds--table-sort__header--slug .cds--slug {
|
24522
|
-
margin-inline-end:
|
24523
|
-
margin-inline-start: 0.5rem;
|
24864
|
+
margin-inline-end: 0.5rem;
|
24524
24865
|
}
|
24525
24866
|
|
24526
24867
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
@@ -28562,6 +28903,18 @@ optgroup.cds--select-optgroup:disabled,
|
|
28562
28903
|
transform: rotate(180deg);
|
28563
28904
|
}
|
28564
28905
|
|
28906
|
+
.cds--menu-button__top {
|
28907
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
28908
|
+
}
|
28909
|
+
|
28910
|
+
.cds--menu-button__top-start {
|
28911
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
28912
|
+
}
|
28913
|
+
|
28914
|
+
.cds--menu-button__top-end {
|
28915
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
28916
|
+
}
|
28917
|
+
|
28565
28918
|
.cds--inline-notification {
|
28566
28919
|
position: relative;
|
28567
28920
|
display: flex;
|
@@ -31288,7 +31641,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31288
31641
|
}
|
31289
31642
|
|
31290
31643
|
.cds--slug.cds--slug--enabled .cds--slug-content {
|
31291
|
-
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;
|
31644
|
+
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, var(--cds-background, #ffffff)), var(--cds-background, 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, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
|
31292
31645
|
border: 1px solid transparent;
|
31293
31646
|
border-radius: 0.5rem;
|
31294
31647
|
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));
|
@@ -32172,13 +32525,13 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32172
32525
|
}
|
32173
32526
|
|
32174
32527
|
.cds--tile--slug.cds--tile {
|
32175
|
-
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-layer), var(--cds-layer)) 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-layer), var(--cds-layer)) border-box;
|
32528
|
+
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-layer, var(--cds-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
32176
32529
|
border: 1px solid transparent;
|
32177
32530
|
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
|
32178
32531
|
}
|
32179
32532
|
|
32180
32533
|
.cds--tile--slug.cds--tile--expandable:hover {
|
32181
|
-
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-layer), var(--cds-layer)) 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-layer), var(--cds-layer)) border-box;
|
32534
|
+
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-layer, var(--cds-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
32182
32535
|
}
|
32183
32536
|
|
32184
32537
|
.cds--tile--slug.cds--tile--selectable::before,
|
@@ -35286,8 +35639,15 @@ a.cds--side-nav__link--current::before {
|
|
35286
35639
|
}
|
35287
35640
|
}
|
35288
35641
|
|
35289
|
-
.c4p--full-page-error__error-svg {
|
35290
|
-
|
35642
|
+
.c4p--full-page-error__error-svg-container {
|
35643
|
+
display: flex;
|
35644
|
+
height: 100%;
|
35645
|
+
padding: 0.5rem 0.5rem 5rem 0.5rem;
|
35646
|
+
}
|
35647
|
+
@media (min-width: 42rem) {
|
35648
|
+
.c4p--full-page-error__error-svg-container {
|
35649
|
+
padding: auto 0.5rem 5rem 0.5rem;
|
35650
|
+
}
|
35291
35651
|
}
|
35292
35652
|
|
35293
35653
|
.c4p--full-page-error__error-label,
|
@@ -35332,6 +35692,7 @@ a.cds--side-nav__link--current::before {
|
|
35332
35692
|
}
|
35333
35693
|
|
35334
35694
|
.c4p--full-page-error__error-label {
|
35695
|
+
display: block;
|
35335
35696
|
color: var(--cds-text-error, #da1e28);
|
35336
35697
|
}
|
35337
35698
|
|
@@ -35347,6 +35708,15 @@ a.cds--side-nav__link--current::before {
|
|
35347
35708
|
margin-bottom: 2rem;
|
35348
35709
|
}
|
35349
35710
|
|
35711
|
+
.c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg {
|
35712
|
+
width: 100%;
|
35713
|
+
}
|
35714
|
+
|
35715
|
+
.c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg path {
|
35716
|
+
fill: var(--cds-background, #ffffff);
|
35717
|
+
stroke: var(--cds-border-inverse, #161616);
|
35718
|
+
}
|
35719
|
+
|
35350
35720
|
.c4p--search-bar {
|
35351
35721
|
position: relative;
|
35352
35722
|
display: flex;
|
@@ -35355,7 +35725,70 @@ a.cds--side-nav__link--current::before {
|
|
35355
35725
|
position: absolute;
|
35356
35726
|
}
|
35357
35727
|
|
35728
|
+
.c4p--string-formatter {
|
35729
|
+
display: inline-block;
|
35730
|
+
text-align: left;
|
35731
|
+
}
|
35732
|
+
|
35733
|
+
.c4p--string-formatter--content {
|
35734
|
+
display: inline-block;
|
35735
|
+
text-align: left;
|
35736
|
+
}
|
35737
|
+
|
35738
|
+
.c4p--string-formatter--truncate {
|
35739
|
+
display: -webkit-box;
|
35740
|
+
overflow: hidden;
|
35741
|
+
max-width: 80ch;
|
35742
|
+
-webkit-box-orient: vertical;
|
35743
|
+
-webkit-line-clamp: 1;
|
35744
|
+
}
|
35745
|
+
|
35746
|
+
.c4p--string-formatter__tooltip > button {
|
35747
|
+
border-width: 0;
|
35748
|
+
color: currentColor;
|
35749
|
+
font-size: inherit;
|
35750
|
+
font-weight: inherit;
|
35751
|
+
line-height: inherit;
|
35752
|
+
}
|
35753
|
+
|
35754
|
+
.cds--popover {
|
35755
|
+
max-width: 1rem;
|
35756
|
+
margin: 0 auto;
|
35757
|
+
}
|
35758
|
+
|
35759
|
+
.c4p--string-formatter .cds--popover-content {
|
35760
|
+
max-inline-size: 20rem;
|
35761
|
+
}
|
35762
|
+
|
35763
|
+
.c4p--string-formatter .cds--popover--left .cds--popover,
|
35764
|
+
.c4p--string-formatter .cds--popover--left-bottom .cds--popover,
|
35765
|
+
.c4p--string-formatter .cds--popover--left-top .cds--popover {
|
35766
|
+
margin: 0;
|
35767
|
+
}
|
35768
|
+
|
35769
|
+
.c4p--string-formatter .cds--popover--right .cds--popover,
|
35770
|
+
.c4p--string-formatter .cds--popover--right-bottom .cds--popover,
|
35771
|
+
.c4p--string-formatter .cds--popover--right-top .cds--popover {
|
35772
|
+
margin-right: 0;
|
35773
|
+
margin-left: auto;
|
35774
|
+
}
|
35775
|
+
|
35776
|
+
.c4p--string-formatter .cds--popover--top .cds--popover-caret,
|
35777
|
+
.c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
|
35778
|
+
.c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
|
35779
|
+
/* stylelint-disable-next-line declaration-no-important */
|
35780
|
+
inset-block-start: -1px !important;
|
35781
|
+
}
|
35782
|
+
|
35783
|
+
.c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
|
35784
|
+
.c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
|
35785
|
+
.c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
|
35786
|
+
/* stylelint-disable-next-line declaration-no-important */
|
35787
|
+
inset-block-end: -1px !important;
|
35788
|
+
}
|
35789
|
+
|
35358
35790
|
.c4p--user-avatar {
|
35791
|
+
position: relative;
|
35359
35792
|
display: flex;
|
35360
35793
|
width: 4rem;
|
35361
35794
|
height: 4rem;
|
@@ -35363,22 +35796,61 @@ a.cds--side-nav__link--current::before {
|
|
35363
35796
|
justify-content: center;
|
35364
35797
|
border: 0.5px solid transparent;
|
35365
35798
|
border-radius: 100%;
|
35799
|
+
color: var(--cds-text-inverse, #ffffff);
|
35366
35800
|
outline: none;
|
35367
35801
|
outline-offset: 3px;
|
35368
35802
|
}
|
35369
35803
|
|
35370
|
-
.c4p--user-avatar
|
35371
|
-
|
35804
|
+
.c4p--user-avatar svg {
|
35805
|
+
color: var(--cds-icon-inverse, #ffffff);
|
35372
35806
|
}
|
35373
|
-
|
35807
|
+
|
35808
|
+
.c4p--user-avatar__tooltip:focus-within .c4p--user-avatar {
|
35374
35809
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
35375
35810
|
}
|
35376
35811
|
|
35812
|
+
.c4p--user-avatar--light-cyan {
|
35813
|
+
background-color: #1192e8;
|
35814
|
+
}
|
35815
|
+
|
35377
35816
|
.c4p--user-avatar--dark-cyan {
|
35378
35817
|
background-color: #0072c3;
|
35379
35818
|
}
|
35380
|
-
|
35381
|
-
|
35819
|
+
|
35820
|
+
.c4p--user-avatar--xl {
|
35821
|
+
width: 4rem;
|
35822
|
+
height: 4rem;
|
35823
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
35824
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
35825
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
35826
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
35827
|
+
}
|
35828
|
+
|
35829
|
+
.c4p--user-avatar--lg {
|
35830
|
+
width: 3rem;
|
35831
|
+
height: 3rem;
|
35832
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
35833
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
35834
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
35835
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
35836
|
+
}
|
35837
|
+
|
35838
|
+
.c4p--user-avatar--md {
|
35839
|
+
width: 2rem;
|
35840
|
+
height: 2rem;
|
35841
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
35842
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
35843
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
35844
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
35845
|
+
}
|
35846
|
+
|
35847
|
+
.c4p--user-avatar--sm {
|
35848
|
+
width: 1.5rem;
|
35849
|
+
height: 1.5rem;
|
35850
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
35851
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
35852
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
35853
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
35382
35854
|
}
|
35383
35855
|
|
35384
35856
|
/*# sourceMappingURL=index.css.map */
|