@carbon/ibm-products 2.38.0 → 2.40.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +236 -3
- 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 +5 -0
- 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 +236 -3
- 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 +236 -3
- 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/AddSelect/AddSelect.d.ts +44 -2
- package/es/components/AddSelect/AddSelect.js +8 -4
- package/es/components/AddSelect/AddSelectBody.d.ts +44 -2
- package/es/components/AddSelect/AddSelectBody.js +10 -12
- package/es/components/AddSelect/AddSelectSort.d.ts +16 -17
- package/es/components/AddSelect/AddSelectSort.js +5 -5
- package/es/components/AddSelect/types/index.d.ts +44 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts +5 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +12 -6
- package/es/components/Card/Card.js +50 -9
- package/es/components/Card/CardFooter.d.ts +5 -1
- package/es/components/Card/CardFooter.js +11 -1
- package/es/components/Carousel/Carousel.d.ts +6 -2
- package/es/components/Checklist/Checklist.d.ts +100 -2
- package/es/components/Checklist/Checklist.js +9 -5
- package/es/components/Checklist/Checklist.types.d.ts +19 -0
- package/es/components/Checklist/Checklist.types.js +22 -0
- package/es/components/Checklist/ChecklistChart.d.ts +5 -1
- package/es/components/Checklist/ChecklistChart.js +9 -4
- package/es/components/Checklist/ChecklistIcon.d.ts +5 -1
- package/es/components/Checklist/ChecklistIcon.js +9 -4
- package/es/components/CoachmarkButton/CoachmarkButton.d.ts +19 -2
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +46 -2
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +5 -4
- package/es/components/CreateInfluencer/CreateInfluencer.d.ts +55 -17
- package/es/components/CreateInfluencer/CreateInfluencer.js +1 -1
- package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts +95 -2
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +7 -5
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +67 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +50 -28
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +139 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +46 -31
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +89 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +39 -25
- package/es/components/DataSpreadsheet/types/index.d.ts +30 -0
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -1
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts +2 -1
- package/es/components/GetStartedCard/GetStartedCard.d.ts +5 -0
- package/es/components/GetStartedCard/GetStartedCard.js +82 -0
- package/es/components/GetStartedCard/index.d.ts +1 -0
- package/es/components/Guidebanner/Guidebanner.d.ts +62 -2
- package/es/components/Guidebanner/Guidebanner.js +6 -5
- package/es/components/Guidebanner/GuidebannerElement.d.ts +30 -17
- package/es/components/Guidebanner/GuidebannerElement.js +4 -4
- package/es/components/Guidebanner/GuidebannerElementButton.d.ts +29 -15
- package/es/components/Guidebanner/GuidebannerElementButton.js +10 -4
- package/es/components/Guidebanner/GuidebannerElementLink.d.ts +20 -13
- package/es/components/Guidebanner/GuidebannerElementLink.js +3 -3
- package/es/components/InterstitialScreen/InterstitialScreen.js +3 -1
- package/es/components/MultiAddSelect/MultiAddSelect.d.ts +134 -2
- package/es/components/MultiAddSelect/MultiAddSelect.js +2 -1
- package/es/components/NotificationsPanel/NotificationsPanel.d.ts +162 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +10 -11
- package/es/components/PageHeader/PageHeader.d.ts +298 -5
- package/es/components/PageHeader/PageHeader.js +98 -47
- package/es/components/PageHeader/PageHeaderUtils.d.ts +1 -1
- package/es/components/PageHeader/PageHeaderUtils.js +4 -1
- package/es/components/SidePanel/SidePanel.d.ts +6 -2
- package/es/components/SidePanel/SidePanel.js +18 -3
- package/es/components/SidePanel/constants.d.ts +1 -0
- package/es/components/SidePanel/constants.js +1 -0
- package/es/components/SingleAddSelect/SingleAddSelect.d.ts +69 -2
- package/es/components/SingleAddSelect/SingleAddSelect.js +2 -1
- package/es/components/TagOverflow/TagOverflow.d.ts +5 -0
- package/es/components/TagOverflow/TagOverflow.js +153 -29
- package/es/components/TagOverflow/TagOverflowModal.d.ts +29 -0
- package/es/components/TagOverflow/TagOverflowModal.js +112 -0
- package/es/components/TagOverflow/TagOverflowPopover.d.ts +2 -0
- package/es/components/TagOverflow/TagOverflowPopover.js +135 -0
- package/es/components/Tearsheet/Tearsheet.d.ts +132 -6
- package/es/components/Tearsheet/Tearsheet.js +25 -13
- package/es/components/Tearsheet/TearsheetShell.d.ts +5 -1
- package/es/components/Tearsheet/TearsheetShell.js +26 -4
- package/es/components/WebTerminal/WebTerminal.d.ts +4 -0
- package/es/components/WebTerminal/WebTerminal.js +11 -3
- package/es/components/index.d.ts +1 -0
- package/es/global/js/hooks/useFocus.d.ts +3 -1
- package/es/global/js/hooks/useFocus.js +6 -3
- package/es/global/js/hooks/useRetrieveStepData.d.ts +1 -1
- package/es/global/js/hooks/useRetrieveStepData.js +1 -1
- package/es/global/js/package-settings.d.ts +1 -0
- package/es/global/js/package-settings.js +1 -0
- package/es/index.js +1 -0
- package/es/settings.d.ts +1 -0
- package/lib/components/AddSelect/AddSelect.d.ts +44 -2
- package/lib/components/AddSelect/AddSelect.js +7 -3
- package/lib/components/AddSelect/AddSelectBody.d.ts +44 -2
- package/lib/components/AddSelect/AddSelectBody.js +10 -12
- package/lib/components/AddSelect/AddSelectSort.d.ts +16 -17
- package/lib/components/AddSelect/AddSelectSort.js +5 -5
- package/lib/components/AddSelect/types/index.d.ts +44 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts +5 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +12 -6
- package/lib/components/Card/Card.js +50 -9
- package/lib/components/Card/CardFooter.d.ts +5 -1
- package/lib/components/Card/CardFooter.js +11 -1
- package/lib/components/Carousel/Carousel.d.ts +6 -2
- package/lib/components/Checklist/Checklist.d.ts +100 -2
- package/lib/components/Checklist/Checklist.js +9 -5
- package/lib/components/Checklist/Checklist.types.d.ts +19 -0
- package/lib/components/Checklist/Checklist.types.js +27 -0
- package/lib/components/Checklist/ChecklistChart.d.ts +5 -1
- package/lib/components/Checklist/ChecklistChart.js +14 -9
- package/lib/components/Checklist/ChecklistIcon.d.ts +5 -1
- package/lib/components/Checklist/ChecklistIcon.js +9 -4
- package/lib/components/CoachmarkButton/CoachmarkButton.d.ts +19 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +46 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +5 -4
- package/lib/components/CreateInfluencer/CreateInfluencer.d.ts +55 -17
- package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -1
- package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts +95 -2
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +7 -5
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +67 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +50 -28
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +139 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +46 -31
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +89 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +39 -25
- package/lib/components/DataSpreadsheet/types/index.d.ts +30 -0
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +2 -1
- package/lib/components/GetStartedCard/GetStartedCard.d.ts +5 -0
- package/lib/components/GetStartedCard/GetStartedCard.js +88 -0
- package/lib/components/GetStartedCard/index.d.ts +1 -0
- package/lib/components/Guidebanner/Guidebanner.d.ts +62 -2
- package/lib/components/Guidebanner/Guidebanner.js +6 -5
- package/lib/components/Guidebanner/GuidebannerElement.d.ts +30 -17
- package/lib/components/Guidebanner/GuidebannerElement.js +4 -4
- package/lib/components/Guidebanner/GuidebannerElementButton.d.ts +29 -15
- package/lib/components/Guidebanner/GuidebannerElementButton.js +10 -4
- package/lib/components/Guidebanner/GuidebannerElementLink.d.ts +20 -13
- package/lib/components/Guidebanner/GuidebannerElementLink.js +3 -3
- package/lib/components/InterstitialScreen/InterstitialScreen.js +3 -1
- package/lib/components/MultiAddSelect/MultiAddSelect.d.ts +134 -2
- package/lib/components/MultiAddSelect/MultiAddSelect.js +2 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.d.ts +162 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +10 -11
- package/lib/components/PageHeader/PageHeader.d.ts +298 -5
- package/lib/components/PageHeader/PageHeader.js +98 -47
- package/lib/components/PageHeader/PageHeaderUtils.d.ts +1 -1
- package/lib/components/PageHeader/PageHeaderUtils.js +4 -1
- package/lib/components/SidePanel/SidePanel.d.ts +6 -2
- package/lib/components/SidePanel/SidePanel.js +18 -3
- package/lib/components/SidePanel/constants.d.ts +1 -0
- package/lib/components/SidePanel/constants.js +1 -0
- package/lib/components/SingleAddSelect/SingleAddSelect.d.ts +69 -2
- package/lib/components/SingleAddSelect/SingleAddSelect.js +2 -1
- package/lib/components/TagOverflow/TagOverflow.d.ts +5 -0
- package/lib/components/TagOverflow/TagOverflow.js +154 -28
- package/lib/components/TagOverflow/TagOverflowModal.d.ts +29 -0
- package/lib/components/TagOverflow/TagOverflowModal.js +121 -0
- package/lib/components/TagOverflow/TagOverflowPopover.d.ts +2 -0
- package/lib/components/TagOverflow/TagOverflowPopover.js +144 -0
- package/lib/components/Tearsheet/Tearsheet.d.ts +132 -6
- package/lib/components/Tearsheet/Tearsheet.js +25 -13
- package/lib/components/Tearsheet/TearsheetShell.d.ts +5 -1
- package/lib/components/Tearsheet/TearsheetShell.js +26 -4
- package/lib/components/WebTerminal/WebTerminal.d.ts +4 -0
- package/lib/components/WebTerminal/WebTerminal.js +11 -3
- package/lib/components/index.d.ts +1 -0
- package/lib/global/js/hooks/useFocus.d.ts +3 -1
- package/lib/global/js/hooks/useFocus.js +6 -3
- package/lib/global/js/hooks/useRetrieveStepData.d.ts +1 -1
- package/lib/global/js/hooks/useRetrieveStepData.js +1 -1
- package/lib/global/js/package-settings.d.ts +1 -0
- package/lib/global/js/package-settings.js +1 -0
- package/lib/index.js +5 -0
- package/lib/settings.d.ts +1 -0
- package/package.json +3 -3
- package/scss/components/CoachmarkStack/_coachmark-stack.scss +4 -2
- package/scss/components/GetStartedCard/_carbon-imports.scss +9 -0
- package/scss/components/GetStartedCard/_get-started-card.scss +135 -0
- package/scss/components/GetStartedCard/_index-with-carbon.scss +9 -0
- package/scss/components/GetStartedCard/_index.scss +8 -0
- package/scss/components/SidePanel/_side-panel-variables.scss +1 -0
- package/scss/components/StringFormatter/_string-formatter.scss +1 -1
- package/scss/components/TagOverflow/_tag-overflow.scss +157 -0
- package/scss/components/_index-with-carbon.scss +1 -0
- package/scss/components/_index.scss +1 -0
- package/telemetry.yml +25 -16
@@ -2430,7 +2430,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2430
2430
|
.c4p--coachmark-stack-element--is-mounted {
|
2431
2431
|
bottom: 0;
|
2432
2432
|
/* stylelint-disable-next-line carbon/motion-easing-use, carbon/motion-duration-use */
|
2433
|
-
transition:
|
2433
|
+
transition: 240ms cubic-bezier(0.2, 0, 1, 0.9);
|
2434
2434
|
}
|
2435
2435
|
@media (prefers-reduced-motion) {
|
2436
2436
|
.c4p--coachmark-stack-element--is-mounted {
|
@@ -2446,7 +2446,8 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2446
2446
|
bottom: 0;
|
2447
2447
|
overflow: hidden;
|
2448
2448
|
pointer-events: none;
|
2449
|
-
|
2449
|
+
/* stylelint-disable-next-line function-no-unknown -- to-rem carbon replacement for rem */
|
2450
|
+
transform: perspective(9rem) translate3d(0, -3rem, -1rem);
|
2450
2451
|
transform-origin: top center;
|
2451
2452
|
visibility: visible;
|
2452
2453
|
}
|
@@ -3121,6 +3122,11 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3121
3122
|
width: 40rem;
|
3122
3123
|
max-width: 100%;
|
3123
3124
|
}
|
3125
|
+
.c4p--side-panel.c4p--side-panel--xl {
|
3126
|
+
/* any value is single value list */
|
3127
|
+
width: 65rem;
|
3128
|
+
max-width: 100%;
|
3129
|
+
}
|
3124
3130
|
.c4p--side-panel.c4p--side-panel--2xl {
|
3125
3131
|
/* any value is single value list */
|
3126
3132
|
width: 40rem;
|
@@ -18651,7 +18657,7 @@ a.cds--side-nav__link--current::before {
|
|
18651
18657
|
line-height: inherit;
|
18652
18658
|
}
|
18653
18659
|
|
18654
|
-
.cds--popover {
|
18660
|
+
.c4p--string-formatter .cds--popover {
|
18655
18661
|
max-width: 1rem;
|
18656
18662
|
margin: 0 auto;
|
18657
18663
|
}
|
@@ -19113,9 +19119,18 @@ a.cds--side-nav__link--current::before {
|
|
19113
19119
|
width: 100%;
|
19114
19120
|
min-width: 6rem;
|
19115
19121
|
align-items: center;
|
19122
|
+
justify-content: flex-start;
|
19116
19123
|
white-space: nowrap;
|
19117
19124
|
}
|
19118
19125
|
|
19126
|
+
.c4p--tag-overflow--align-end {
|
19127
|
+
justify-content: flex-end;
|
19128
|
+
}
|
19129
|
+
|
19130
|
+
.c4p--tag-overflow--align-center {
|
19131
|
+
justify-content: center;
|
19132
|
+
}
|
19133
|
+
|
19119
19134
|
.c4p--tag-overflow--multiline {
|
19120
19135
|
flex-wrap: wrap;
|
19121
19136
|
}
|
@@ -19141,6 +19156,119 @@ a.cds--side-nav__link--current::before {
|
|
19141
19156
|
max-width: 3rem;
|
19142
19157
|
}
|
19143
19158
|
|
19159
|
+
.c4p--tag-overflow-popover {
|
19160
|
+
display: inline-block;
|
19161
|
+
vertical-align: bottom;
|
19162
|
+
}
|
19163
|
+
.c4p--tag-overflow-popover .cds--tag.cds--tag--interactive {
|
19164
|
+
border: 0;
|
19165
|
+
}
|
19166
|
+
.c4p--tag-overflow-popover .cds--popover .cds--popover-content {
|
19167
|
+
padding: 1rem;
|
19168
|
+
}
|
19169
|
+
|
19170
|
+
.c4p--tag-overflow-popover--hidden {
|
19171
|
+
overflow: hidden;
|
19172
|
+
max-width: 0;
|
19173
|
+
visibility: hidden;
|
19174
|
+
}
|
19175
|
+
|
19176
|
+
.c4p--tag-overflow-popover__el.c4p--tag-overflow-popover__el {
|
19177
|
+
min-width: initial;
|
19178
|
+
text-align: left;
|
19179
|
+
}
|
19180
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__trigger {
|
19181
|
+
font-family: inherit;
|
19182
|
+
}
|
19183
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link.cds--link:visited {
|
19184
|
+
display: inline-block;
|
19185
|
+
margin: 0.5rem 0 0.25rem;
|
19186
|
+
color: var(--cds-link-inverse, #78a9ff);
|
19187
|
+
}
|
19188
|
+
.c4p--tag-overflow-popover__el .cds--link:active,
|
19189
|
+
.c4p--tag-overflow-popover__el .cds--link:active:visited,
|
19190
|
+
.c4p--tag-overflow-popover__el .cds--link:active:visited:hover {
|
19191
|
+
color: var(--cds-text-inverse, #ffffff);
|
19192
|
+
}
|
19193
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-list {
|
19194
|
+
display: flex;
|
19195
|
+
flex-direction: column;
|
19196
|
+
}
|
19197
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link {
|
19198
|
+
margin-top: 0.5rem;
|
19199
|
+
color: var(--cds-link-inverse, #78a9ff);
|
19200
|
+
}
|
19201
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--tag .cds--tag {
|
19202
|
+
background-color: var(--cds-background-inverse-hover, #474747);
|
19203
|
+
}
|
19204
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--default,
|
19205
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--default .cds--tag {
|
19206
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
19207
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
19208
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
19209
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
19210
|
+
display: block;
|
19211
|
+
overflow: hidden;
|
19212
|
+
min-width: initial;
|
19213
|
+
min-height: initial;
|
19214
|
+
padding: 0;
|
19215
|
+
border-radius: 0;
|
19216
|
+
margin: 0;
|
19217
|
+
background-color: inherit;
|
19218
|
+
color: inherit;
|
19219
|
+
text-overflow: ellipsis;
|
19220
|
+
white-space: nowrap;
|
19221
|
+
}
|
19222
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon {
|
19223
|
+
padding: 0;
|
19224
|
+
}
|
19225
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag--high-contrast {
|
19226
|
+
background-color: var(--cds-background, #ffffff);
|
19227
|
+
color: var(--cds-text-primary, #161616);
|
19228
|
+
}
|
19229
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon:hover {
|
19230
|
+
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
19231
|
+
}
|
19232
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon:focus {
|
19233
|
+
box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
|
19234
|
+
}
|
19235
|
+
|
19236
|
+
.c4p--tag-overflow-modal.c4p--tag-overflow-modal {
|
19237
|
+
text-align: initial;
|
19238
|
+
white-space: initial;
|
19239
|
+
}
|
19240
|
+
@media (min-width: 42rem) {
|
19241
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__container {
|
19242
|
+
height: 90%;
|
19243
|
+
max-height: 450px;
|
19244
|
+
}
|
19245
|
+
}
|
19246
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__search {
|
19247
|
+
margin-top: 1rem;
|
19248
|
+
margin-bottom: 0;
|
19249
|
+
}
|
19250
|
+
.c4p--tag-overflow-modal.c4p--tag-overflow-modal .c4p--tag-overflow-modal__fade {
|
19251
|
+
position: relative;
|
19252
|
+
margin-right: 1rem;
|
19253
|
+
margin-left: 1rem;
|
19254
|
+
}
|
19255
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__body {
|
19256
|
+
padding-bottom: 1.5rem;
|
19257
|
+
}
|
19258
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__header {
|
19259
|
+
padding-right: 0;
|
19260
|
+
margin-right: 1rem;
|
19261
|
+
}
|
19262
|
+
.c4p--tag-overflow-modal.c4p--tag-overflow-modal .c4p--tag-overflow-modal__fade::after {
|
19263
|
+
position: absolute;
|
19264
|
+
top: calc(-1 * 5rem);
|
19265
|
+
left: 0;
|
19266
|
+
width: 100%;
|
19267
|
+
height: 2rem;
|
19268
|
+
background: linear-gradient(to bottom, transparent, var(--cds-layer-01, #f4f4f4));
|
19269
|
+
content: "";
|
19270
|
+
}
|
19271
|
+
|
19144
19272
|
/* stylelint-disable max-nesting-depth */
|
19145
19273
|
.c4p--filter-panel__title {
|
19146
19274
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
@@ -20080,6 +20208,111 @@ c4p--condition-builder__condition-builder-item-time {
|
|
20080
20208
|
flex-direction: row;
|
20081
20209
|
}
|
20082
20210
|
|
20211
|
+
/* stylelint-disable carbon/layout-token-use */
|
20212
|
+
/* stylelint-disable max-nesting-depth */
|
20213
|
+
.c4p--card__get-started {
|
20214
|
+
border-width: 1px;
|
20215
|
+
border-style: solid;
|
20216
|
+
background: linear-gradient(to bottom, #491d8b 40%, #6929c4);
|
20217
|
+
border-image: linear-gradient(to bottom, #8a3ffc, #a56eff) 1;
|
20218
|
+
color: var(--cds-text-on-color, #ffffff);
|
20219
|
+
}
|
20220
|
+
.c4p--card__get-started:hover {
|
20221
|
+
background: linear-gradient(#7c3dd6, #7c3dd6);
|
20222
|
+
}
|
20223
|
+
.c4p--card__get-started:focus {
|
20224
|
+
border: 2px solid var(--cds-focus, #0f62fe);
|
20225
|
+
outline: 1px solid var(--cds-focus-inset, #ffffff);
|
20226
|
+
outline-offset: -3px;
|
20227
|
+
}
|
20228
|
+
.c4p--card__get-started .c4p--card__sequence {
|
20229
|
+
font-size: var(--cds-heading-05-font-size, 2rem);
|
20230
|
+
font-weight: var(--cds-heading-05-font-weight, 400);
|
20231
|
+
line-height: var(--cds-heading-05-line-height, 1.25);
|
20232
|
+
letter-spacing: var(--cds-heading-05-letter-spacing, 0);
|
20233
|
+
padding-top: 1rem;
|
20234
|
+
padding-left: 1rem;
|
20235
|
+
}
|
20236
|
+
.c4p--card__get-started .c4p--card__status {
|
20237
|
+
position: absolute;
|
20238
|
+
z-index: 2;
|
20239
|
+
top: 1rem;
|
20240
|
+
right: 1rem;
|
20241
|
+
}
|
20242
|
+
.c4p--card__get-started .c4p--card__header-body-container {
|
20243
|
+
display: flex;
|
20244
|
+
}
|
20245
|
+
.c4p--card__get-started .c4p--card__header {
|
20246
|
+
padding-right: 3rem;
|
20247
|
+
}
|
20248
|
+
@media (max-width: 65.98rem) {
|
20249
|
+
.c4p--card__get-started .c4p--card__header {
|
20250
|
+
padding-bottom: 0;
|
20251
|
+
}
|
20252
|
+
}
|
20253
|
+
@media (max-width: 65.98rem) {
|
20254
|
+
.c4p--card__get-started .c4p--card__body {
|
20255
|
+
padding: 0;
|
20256
|
+
}
|
20257
|
+
}
|
20258
|
+
.c4p--card__get-started .c4p--card__media {
|
20259
|
+
align-content: center;
|
20260
|
+
}
|
20261
|
+
@media (max-width: 65.98rem) {
|
20262
|
+
.c4p--card__get-started .c4p--card__media {
|
20263
|
+
display: none;
|
20264
|
+
}
|
20265
|
+
}
|
20266
|
+
.c4p--card__get-started .c4p--card__pictogram ~ .c4p--card__content-container .c4p--card__media {
|
20267
|
+
/* stylelint-disable-next-line function-no-unknown */
|
20268
|
+
margin-top: -3.125rem;
|
20269
|
+
margin-bottom: -3rem;
|
20270
|
+
}
|
20271
|
+
.c4p--card__get-started .c4p--card__sequence ~ .c4p--card__content-container .c4p--card__media {
|
20272
|
+
/* stylelint-disable-next-line function-no-unknown */
|
20273
|
+
margin-top: -3.5rem;
|
20274
|
+
margin-bottom: -3rem;
|
20275
|
+
}
|
20276
|
+
.c4p--card__get-started .c4p--card__actions {
|
20277
|
+
padding: 1rem;
|
20278
|
+
gap: 0.75rem;
|
20279
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
20280
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
20281
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
20282
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
20283
|
+
}
|
20284
|
+
.c4p--card__get-started .c4p--card__actions .c4p--card__icon {
|
20285
|
+
display: flex;
|
20286
|
+
padding: 0;
|
20287
|
+
margin-right: 0;
|
20288
|
+
}
|
20289
|
+
.c4p--card__get-started .c4p--card__actions .c4p--card__icon svg {
|
20290
|
+
margin-right: 0.25rem;
|
20291
|
+
}
|
20292
|
+
.c4p--card__get-started .c4p--card__actions .c4p--card__icon:hover {
|
20293
|
+
background: none;
|
20294
|
+
}
|
20295
|
+
.c4p--card__get-started .c4p--card__footer {
|
20296
|
+
position: relative;
|
20297
|
+
z-index: 1;
|
20298
|
+
justify-content: space-between;
|
20299
|
+
border: none;
|
20300
|
+
}
|
20301
|
+
.c4p--card__get-started .c4p--card__footer .c4p--card__action-icon {
|
20302
|
+
display: flex;
|
20303
|
+
align-self: center;
|
20304
|
+
padding-right: 1rem;
|
20305
|
+
}
|
20306
|
+
|
20307
|
+
.c4p--card__disabled:focus,
|
20308
|
+
.c4p--card__disabled:hover,
|
20309
|
+
.c4p--card__disabled {
|
20310
|
+
border: 1px solid var(--cds-border-disabled, #c6c6c6);
|
20311
|
+
background: var(--cds-layer-02, #ffffff);
|
20312
|
+
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
20313
|
+
cursor: default;
|
20314
|
+
}
|
20315
|
+
|
20083
20316
|
html,
|
20084
20317
|
body,
|
20085
20318
|
div,
|