@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
package/css/index.css
CHANGED
@@ -7612,6 +7612,11 @@ a.cds--overflow-menu-options__btn::before {
|
|
7612
7612
|
width: 40rem;
|
7613
7613
|
max-width: 100%;
|
7614
7614
|
}
|
7615
|
+
.c4p--side-panel.c4p--side-panel--xl {
|
7616
|
+
/* any value is single value list */
|
7617
|
+
width: 65rem;
|
7618
|
+
max-width: 100%;
|
7619
|
+
}
|
7615
7620
|
.c4p--side-panel.c4p--side-panel--2xl {
|
7616
7621
|
/* any value is single value list */
|
7617
7622
|
width: 40rem;
|
@@ -19943,7 +19948,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
19943
19948
|
.c4p--coachmark-stack-element--is-mounted {
|
19944
19949
|
bottom: 0;
|
19945
19950
|
/* stylelint-disable-next-line carbon/motion-easing-use, carbon/motion-duration-use */
|
19946
|
-
transition:
|
19951
|
+
transition: 240ms cubic-bezier(0.2, 0, 1, 0.9);
|
19947
19952
|
}
|
19948
19953
|
@media (prefers-reduced-motion) {
|
19949
19954
|
.c4p--coachmark-stack-element--is-mounted {
|
@@ -19959,7 +19964,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
19959
19964
|
bottom: 0;
|
19960
19965
|
overflow: hidden;
|
19961
19966
|
pointer-events: none;
|
19962
|
-
|
19967
|
+
/* stylelint-disable-next-line function-no-unknown -- to-rem carbon replacement for rem */
|
19968
|
+
transform: perspective(9rem) translate3d(0, -3rem, -1rem);
|
19963
19969
|
transform-origin: top center;
|
19964
19970
|
visibility: visible;
|
19965
19971
|
}
|
@@ -21763,7 +21769,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
21763
21769
|
line-height: inherit;
|
21764
21770
|
}
|
21765
21771
|
|
21766
|
-
.cds--popover {
|
21772
|
+
.c4p--string-formatter .cds--popover {
|
21767
21773
|
max-width: 1rem;
|
21768
21774
|
margin: 0 auto;
|
21769
21775
|
}
|
@@ -22225,9 +22231,18 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22225
22231
|
width: 100%;
|
22226
22232
|
min-width: 6rem;
|
22227
22233
|
align-items: center;
|
22234
|
+
justify-content: flex-start;
|
22228
22235
|
white-space: nowrap;
|
22229
22236
|
}
|
22230
22237
|
|
22238
|
+
.c4p--tag-overflow--align-end {
|
22239
|
+
justify-content: flex-end;
|
22240
|
+
}
|
22241
|
+
|
22242
|
+
.c4p--tag-overflow--align-center {
|
22243
|
+
justify-content: center;
|
22244
|
+
}
|
22245
|
+
|
22231
22246
|
.c4p--tag-overflow--multiline {
|
22232
22247
|
flex-wrap: wrap;
|
22233
22248
|
}
|
@@ -22253,6 +22268,119 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22253
22268
|
max-width: 3rem;
|
22254
22269
|
}
|
22255
22270
|
|
22271
|
+
.c4p--tag-overflow-popover {
|
22272
|
+
display: inline-block;
|
22273
|
+
vertical-align: bottom;
|
22274
|
+
}
|
22275
|
+
.c4p--tag-overflow-popover .cds--tag.cds--tag--interactive {
|
22276
|
+
border: 0;
|
22277
|
+
}
|
22278
|
+
.c4p--tag-overflow-popover .cds--popover .cds--popover-content {
|
22279
|
+
padding: 1rem;
|
22280
|
+
}
|
22281
|
+
|
22282
|
+
.c4p--tag-overflow-popover--hidden {
|
22283
|
+
overflow: hidden;
|
22284
|
+
max-width: 0;
|
22285
|
+
visibility: hidden;
|
22286
|
+
}
|
22287
|
+
|
22288
|
+
.c4p--tag-overflow-popover__el.c4p--tag-overflow-popover__el {
|
22289
|
+
min-width: initial;
|
22290
|
+
text-align: left;
|
22291
|
+
}
|
22292
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__trigger {
|
22293
|
+
font-family: inherit;
|
22294
|
+
}
|
22295
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link.cds--link:visited {
|
22296
|
+
display: inline-block;
|
22297
|
+
margin: 0.5rem 0 0.25rem;
|
22298
|
+
color: var(--cds-link-inverse, #78a9ff);
|
22299
|
+
}
|
22300
|
+
.c4p--tag-overflow-popover__el .cds--link:active,
|
22301
|
+
.c4p--tag-overflow-popover__el .cds--link:active:visited,
|
22302
|
+
.c4p--tag-overflow-popover__el .cds--link:active:visited:hover {
|
22303
|
+
color: var(--cds-text-inverse, #ffffff);
|
22304
|
+
}
|
22305
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-list {
|
22306
|
+
display: flex;
|
22307
|
+
flex-direction: column;
|
22308
|
+
}
|
22309
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link {
|
22310
|
+
margin-top: 0.5rem;
|
22311
|
+
color: var(--cds-link-inverse, #78a9ff);
|
22312
|
+
}
|
22313
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--tag .cds--tag {
|
22314
|
+
background-color: var(--cds-background-inverse-hover, #474747);
|
22315
|
+
}
|
22316
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--default,
|
22317
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--default .cds--tag {
|
22318
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
22319
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
22320
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
22321
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
22322
|
+
display: block;
|
22323
|
+
overflow: hidden;
|
22324
|
+
min-width: initial;
|
22325
|
+
min-height: initial;
|
22326
|
+
padding: 0;
|
22327
|
+
border-radius: 0;
|
22328
|
+
margin: 0;
|
22329
|
+
background-color: inherit;
|
22330
|
+
color: inherit;
|
22331
|
+
text-overflow: ellipsis;
|
22332
|
+
white-space: nowrap;
|
22333
|
+
}
|
22334
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon {
|
22335
|
+
padding: 0;
|
22336
|
+
}
|
22337
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag--high-contrast {
|
22338
|
+
background-color: var(--cds-background, #ffffff);
|
22339
|
+
color: var(--cds-text-primary, #161616);
|
22340
|
+
}
|
22341
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon:hover {
|
22342
|
+
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
22343
|
+
}
|
22344
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon:focus {
|
22345
|
+
box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
|
22346
|
+
}
|
22347
|
+
|
22348
|
+
.c4p--tag-overflow-modal.c4p--tag-overflow-modal {
|
22349
|
+
text-align: initial;
|
22350
|
+
white-space: initial;
|
22351
|
+
}
|
22352
|
+
@media (min-width: 42rem) {
|
22353
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__container {
|
22354
|
+
height: 90%;
|
22355
|
+
max-height: 450px;
|
22356
|
+
}
|
22357
|
+
}
|
22358
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__search {
|
22359
|
+
margin-top: 1rem;
|
22360
|
+
margin-bottom: 0;
|
22361
|
+
}
|
22362
|
+
.c4p--tag-overflow-modal.c4p--tag-overflow-modal .c4p--tag-overflow-modal__fade {
|
22363
|
+
position: relative;
|
22364
|
+
margin-right: 1rem;
|
22365
|
+
margin-left: 1rem;
|
22366
|
+
}
|
22367
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__body {
|
22368
|
+
padding-bottom: 1.5rem;
|
22369
|
+
}
|
22370
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__header {
|
22371
|
+
padding-right: 0;
|
22372
|
+
margin-right: 1rem;
|
22373
|
+
}
|
22374
|
+
.c4p--tag-overflow-modal.c4p--tag-overflow-modal .c4p--tag-overflow-modal__fade::after {
|
22375
|
+
position: absolute;
|
22376
|
+
top: calc(-1 * 5rem);
|
22377
|
+
left: 0;
|
22378
|
+
width: 100%;
|
22379
|
+
height: 2rem;
|
22380
|
+
background: linear-gradient(to bottom, transparent, var(--cds-layer-01, #f4f4f4));
|
22381
|
+
content: "";
|
22382
|
+
}
|
22383
|
+
|
22256
22384
|
.cds--accordion--flush .cds--accordion__title {
|
22257
22385
|
margin-inline-start: 0;
|
22258
22386
|
}
|
@@ -23364,4 +23492,109 @@ c4p--condition-builder__condition-builder-item-time {
|
|
23364
23492
|
flex-direction: row;
|
23365
23493
|
}
|
23366
23494
|
|
23495
|
+
/* stylelint-disable carbon/layout-token-use */
|
23496
|
+
/* stylelint-disable max-nesting-depth */
|
23497
|
+
.c4p--card__get-started {
|
23498
|
+
border-width: 1px;
|
23499
|
+
border-style: solid;
|
23500
|
+
background: linear-gradient(to bottom, #491d8b 40%, #6929c4);
|
23501
|
+
border-image: linear-gradient(to bottom, #8a3ffc, #a56eff) 1;
|
23502
|
+
color: var(--cds-text-on-color, #ffffff);
|
23503
|
+
}
|
23504
|
+
.c4p--card__get-started:hover {
|
23505
|
+
background: linear-gradient(#7c3dd6, #7c3dd6);
|
23506
|
+
}
|
23507
|
+
.c4p--card__get-started:focus {
|
23508
|
+
border: 2px solid var(--cds-focus, #0f62fe);
|
23509
|
+
outline: 1px solid var(--cds-focus-inset, #ffffff);
|
23510
|
+
outline-offset: -3px;
|
23511
|
+
}
|
23512
|
+
.c4p--card__get-started .c4p--card__sequence {
|
23513
|
+
font-size: var(--cds-heading-05-font-size, 2rem);
|
23514
|
+
font-weight: var(--cds-heading-05-font-weight, 400);
|
23515
|
+
line-height: var(--cds-heading-05-line-height, 1.25);
|
23516
|
+
letter-spacing: var(--cds-heading-05-letter-spacing, 0);
|
23517
|
+
padding-top: 1rem;
|
23518
|
+
padding-left: 1rem;
|
23519
|
+
}
|
23520
|
+
.c4p--card__get-started .c4p--card__status {
|
23521
|
+
position: absolute;
|
23522
|
+
z-index: 2;
|
23523
|
+
top: 1rem;
|
23524
|
+
right: 1rem;
|
23525
|
+
}
|
23526
|
+
.c4p--card__get-started .c4p--card__header-body-container {
|
23527
|
+
display: flex;
|
23528
|
+
}
|
23529
|
+
.c4p--card__get-started .c4p--card__header {
|
23530
|
+
padding-right: 3rem;
|
23531
|
+
}
|
23532
|
+
@media (max-width: 65.98rem) {
|
23533
|
+
.c4p--card__get-started .c4p--card__header {
|
23534
|
+
padding-bottom: 0;
|
23535
|
+
}
|
23536
|
+
}
|
23537
|
+
@media (max-width: 65.98rem) {
|
23538
|
+
.c4p--card__get-started .c4p--card__body {
|
23539
|
+
padding: 0;
|
23540
|
+
}
|
23541
|
+
}
|
23542
|
+
.c4p--card__get-started .c4p--card__media {
|
23543
|
+
align-content: center;
|
23544
|
+
}
|
23545
|
+
@media (max-width: 65.98rem) {
|
23546
|
+
.c4p--card__get-started .c4p--card__media {
|
23547
|
+
display: none;
|
23548
|
+
}
|
23549
|
+
}
|
23550
|
+
.c4p--card__get-started .c4p--card__pictogram ~ .c4p--card__content-container .c4p--card__media {
|
23551
|
+
/* stylelint-disable-next-line function-no-unknown */
|
23552
|
+
margin-top: -3.125rem;
|
23553
|
+
margin-bottom: -3rem;
|
23554
|
+
}
|
23555
|
+
.c4p--card__get-started .c4p--card__sequence ~ .c4p--card__content-container .c4p--card__media {
|
23556
|
+
/* stylelint-disable-next-line function-no-unknown */
|
23557
|
+
margin-top: -3.5rem;
|
23558
|
+
margin-bottom: -3rem;
|
23559
|
+
}
|
23560
|
+
.c4p--card__get-started .c4p--card__actions {
|
23561
|
+
padding: 1rem;
|
23562
|
+
gap: 0.75rem;
|
23563
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
23564
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
23565
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
23566
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
23567
|
+
}
|
23568
|
+
.c4p--card__get-started .c4p--card__actions .c4p--card__icon {
|
23569
|
+
display: flex;
|
23570
|
+
padding: 0;
|
23571
|
+
margin-right: 0;
|
23572
|
+
}
|
23573
|
+
.c4p--card__get-started .c4p--card__actions .c4p--card__icon svg {
|
23574
|
+
margin-right: 0.25rem;
|
23575
|
+
}
|
23576
|
+
.c4p--card__get-started .c4p--card__actions .c4p--card__icon:hover {
|
23577
|
+
background: none;
|
23578
|
+
}
|
23579
|
+
.c4p--card__get-started .c4p--card__footer {
|
23580
|
+
position: relative;
|
23581
|
+
z-index: 1;
|
23582
|
+
justify-content: space-between;
|
23583
|
+
border: none;
|
23584
|
+
}
|
23585
|
+
.c4p--card__get-started .c4p--card__footer .c4p--card__action-icon {
|
23586
|
+
display: flex;
|
23587
|
+
align-self: center;
|
23588
|
+
padding-right: 1rem;
|
23589
|
+
}
|
23590
|
+
|
23591
|
+
.c4p--card__disabled:focus,
|
23592
|
+
.c4p--card__disabled:hover,
|
23593
|
+
.c4p--card__disabled {
|
23594
|
+
border: 1px solid var(--cds-border-disabled, #c6c6c6);
|
23595
|
+
background: var(--cds-layer-02, #ffffff);
|
23596
|
+
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
23597
|
+
cursor: default;
|
23598
|
+
}
|
23599
|
+
|
23367
23600
|
/*# sourceMappingURL=index.css.map */
|