@carbon/ibm-products 2.38.0-alpha.5 → 2.39.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +227 -0
- 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 +218 -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 +227 -0
- 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 +445 -0
- 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/ActionSet/ActionSet.js +3 -2
- 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 +19 -15
- 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 +6 -2
- package/es/components/Checklist/ChecklistChart.js +14 -33
- package/es/components/Checklist/ChecklistIcon.d.ts +5 -1
- package/es/components/Checklist/ChecklistIcon.js +9 -4
- package/es/components/Coachmark/Coachmark.d.ts +65 -2
- package/es/components/Coachmark/Coachmark.js +7 -10
- package/es/components/Coachmark/CoachmarkDragbar.d.ts +40 -2
- package/es/components/Coachmark/CoachmarkDragbar.js +3 -1
- package/es/components/Coachmark/CoachmarkHeader.d.ts +27 -2
- package/es/components/Coachmark/CoachmarkHeader.js +0 -1
- package/es/components/Coachmark/CoachmarkOverlay.d.ts +42 -2
- package/es/components/Coachmark/CoachmarkOverlay.js +18 -15
- package/es/components/Coachmark/CoachmarkTagline.d.ts +27 -2
- package/es/components/Coachmark/CoachmarkTagline.js +0 -1
- package/es/components/Coachmark/utils/enums.d.ts +20 -20
- package/es/components/Coachmark/utils/enums.js +22 -20
- package/es/components/CoachmarkButton/CoachmarkButton.d.ts +19 -2
- package/es/components/CoachmarkFixed/CoachmarkFixed.d.ts +42 -2
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +4 -2
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +46 -2
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +5 -4
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +25 -23
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +14 -24
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +2 -0
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +4 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +11 -11
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +5 -3
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +54 -44
- package/es/components/CreateInfluencer/CreateInfluencer.d.ts +55 -17
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +67 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +48 -27
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +139 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +60 -39
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +89 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +39 -27
- package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -1
- package/es/components/DataSpreadsheet/types/index.d.ts +30 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +19 -2
- 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.js +2 -2
- package/es/components/NotificationsPanel/NotificationsPanel.d.ts +162 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +10 -10
- package/es/components/SearchBar/SearchBar.d.ts +10 -1
- package/es/components/SearchBar/SearchBar.js +26 -20
- package/es/components/SidePanel/SidePanel.js +1 -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/TagSet/TagSet.d.ts +87 -3
- package/es/components/TagSet/TagSet.js +20 -9
- package/es/components/TagSet/TagSetModal.d.ts +32 -26
- package/es/components/TagSet/TagSetModal.js +5 -5
- package/es/components/TagSet/TagSetOverflow.d.ts +45 -2
- package/es/components/TagSet/TagSetOverflow.js +14 -12
- package/es/components/WebTerminal/WebTerminal.js +2 -2
- package/es/components/WebTerminal/WebTerminalContentWrapper.d.ts +15 -2
- package/es/components/WebTerminal/hooks/index.d.ts +16 -11
- package/es/components/WebTerminal/hooks/index.js +1 -1
- package/es/components/index.d.ts +1 -0
- package/es/global/js/package-settings.d.ts +2 -1
- package/es/global/js/package-settings.js +2 -1
- package/es/index.js +1 -0
- package/es/node_modules/@carbon/colors/es/index.js +4 -1
- package/es/settings.d.ts +2 -1
- package/lib/components/ActionSet/ActionSet.js +2 -1
- 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 +19 -15
- 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 +6 -2
- package/lib/components/Checklist/ChecklistChart.js +17 -36
- package/lib/components/Checklist/ChecklistIcon.d.ts +5 -1
- package/lib/components/Checklist/ChecklistIcon.js +9 -4
- package/lib/components/Coachmark/Coachmark.d.ts +65 -2
- package/lib/components/Coachmark/Coachmark.js +6 -9
- package/lib/components/Coachmark/CoachmarkDragbar.d.ts +40 -2
- package/lib/components/Coachmark/CoachmarkDragbar.js +3 -1
- package/lib/components/Coachmark/CoachmarkHeader.d.ts +27 -2
- package/lib/components/Coachmark/CoachmarkHeader.js +0 -1
- package/lib/components/Coachmark/CoachmarkOverlay.d.ts +42 -2
- package/lib/components/Coachmark/CoachmarkOverlay.js +18 -15
- package/lib/components/Coachmark/CoachmarkTagline.d.ts +27 -2
- package/lib/components/Coachmark/CoachmarkTagline.js +0 -1
- package/lib/components/Coachmark/utils/enums.d.ts +20 -20
- package/lib/components/Coachmark/utils/enums.js +22 -20
- package/lib/components/CoachmarkButton/CoachmarkButton.d.ts +19 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.d.ts +42 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +4 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +46 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +5 -4
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +25 -23
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +13 -23
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +2 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +4 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +11 -11
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +5 -3
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +54 -44
- package/lib/components/CreateInfluencer/CreateInfluencer.d.ts +55 -17
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +67 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +48 -27
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +139 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +59 -38
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +89 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +39 -27
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -1
- package/lib/components/DataSpreadsheet/types/index.d.ts +30 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +19 -2
- 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.js +2 -2
- package/lib/components/NotificationsPanel/NotificationsPanel.d.ts +162 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +10 -10
- package/lib/components/SearchBar/SearchBar.d.ts +10 -1
- package/lib/components/SearchBar/SearchBar.js +26 -18
- package/lib/components/SidePanel/SidePanel.js +1 -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/TagSet/TagSet.d.ts +87 -3
- package/lib/components/TagSet/TagSet.js +20 -9
- package/lib/components/TagSet/TagSetModal.d.ts +32 -26
- package/lib/components/TagSet/TagSetModal.js +3 -3
- package/lib/components/TagSet/TagSetOverflow.d.ts +45 -2
- package/lib/components/TagSet/TagSetOverflow.js +14 -12
- package/lib/components/WebTerminal/WebTerminal.js +2 -2
- package/lib/components/WebTerminal/WebTerminalContentWrapper.d.ts +15 -2
- package/lib/components/WebTerminal/hooks/index.d.ts +16 -11
- package/lib/components/WebTerminal/hooks/index.js +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/global/js/package-settings.d.ts +2 -1
- package/lib/global/js/package-settings.js +2 -1
- package/lib/index.js +5 -0
- package/lib/node_modules/@carbon/colors/es/index.js +6 -0
- package/lib/settings.d.ts +2 -1
- package/package.json +3 -3
- package/scss/components/Checklist/_carbon-imports.scss +2 -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/TagOverflow/_tag-overflow.scss +157 -0
- package/scss/components/_index-released-only-with-carbon.scss +2 -1
- package/scss/components/_index-released-only.scss +2 -1
- package/scss/components/_index-with-carbon.scss +2 -0
- package/scss/components/_index.scss +1 -0
- package/telemetry.yml +28 -24
package/css/index.css
CHANGED
@@ -6400,6 +6400,224 @@ a.cds--overflow-menu-options__btn::before {
|
|
6400
6400
|
animation-delay: 480ms;
|
6401
6401
|
}
|
6402
6402
|
|
6403
|
+
.c4p--checklist__header {
|
6404
|
+
display: flex;
|
6405
|
+
padding: 1rem;
|
6406
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
6407
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
6408
|
+
gap: 0.5rem;
|
6409
|
+
}
|
6410
|
+
|
6411
|
+
.c4p--checklist__chart {
|
6412
|
+
position: relative;
|
6413
|
+
width: 2.5rem;
|
6414
|
+
min-width: 2.5rem;
|
6415
|
+
height: 2.5rem;
|
6416
|
+
align-self: center;
|
6417
|
+
}
|
6418
|
+
|
6419
|
+
.c4p--checklist__chart::after {
|
6420
|
+
position: absolute;
|
6421
|
+
top: 0.25rem;
|
6422
|
+
left: 0.25rem;
|
6423
|
+
width: 2rem;
|
6424
|
+
height: 2rem;
|
6425
|
+
border-radius: 50%;
|
6426
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
6427
|
+
content: "";
|
6428
|
+
}
|
6429
|
+
|
6430
|
+
.c4p--checklist__titles {
|
6431
|
+
display: flex;
|
6432
|
+
flex-direction: column;
|
6433
|
+
justify-content: center;
|
6434
|
+
}
|
6435
|
+
|
6436
|
+
.c4p--checklist__title {
|
6437
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
6438
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
6439
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
6440
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
6441
|
+
display: -webkit-box;
|
6442
|
+
overflow: hidden;
|
6443
|
+
-webkit-box-orient: vertical;
|
6444
|
+
-webkit-line-clamp: 2;
|
6445
|
+
text-overflow: ellipsis;
|
6446
|
+
}
|
6447
|
+
|
6448
|
+
.c4p--checklist__chart-label {
|
6449
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
6450
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
6451
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
6452
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
6453
|
+
display: -webkit-box;
|
6454
|
+
overflow: hidden;
|
6455
|
+
-webkit-box-orient: vertical;
|
6456
|
+
-webkit-line-clamp: 2;
|
6457
|
+
text-overflow: ellipsis;
|
6458
|
+
color: var(--cds-text-secondary, #525252);
|
6459
|
+
}
|
6460
|
+
|
6461
|
+
.c4p--checklist__title + .c4p--checklist__chart-label {
|
6462
|
+
margin-top: 0.125rem;
|
6463
|
+
}
|
6464
|
+
|
6465
|
+
.c4p--checklist__header .cds--tooltip {
|
6466
|
+
height: 2rem;
|
6467
|
+
margin-top: -0.5rem;
|
6468
|
+
margin-right: -0.5rem;
|
6469
|
+
margin-left: auto;
|
6470
|
+
}
|
6471
|
+
|
6472
|
+
.c4p--checklist__chevron {
|
6473
|
+
color: var(--cds-text-primary, #161616);
|
6474
|
+
transform: rotate(0deg);
|
6475
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
6476
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
6477
|
+
}
|
6478
|
+
@media (prefers-reduced-motion: reduce) {
|
6479
|
+
.c4p--checklist__chevron {
|
6480
|
+
transition: none;
|
6481
|
+
}
|
6482
|
+
}
|
6483
|
+
|
6484
|
+
.c4p--checklist__closed .c4p--checklist__chevron {
|
6485
|
+
transform: rotate(-180deg);
|
6486
|
+
}
|
6487
|
+
|
6488
|
+
.c4p--checklist__button.cds--btn--primary {
|
6489
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
6490
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
6491
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
6492
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
6493
|
+
max-width: none;
|
6494
|
+
min-height: auto;
|
6495
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
6496
|
+
flex-shrink: unset;
|
6497
|
+
padding: 0;
|
6498
|
+
border: none;
|
6499
|
+
background-color: transparent;
|
6500
|
+
color: var(--cds-link-primary, #0f62fe);
|
6501
|
+
}
|
6502
|
+
|
6503
|
+
.c4p--checklist__button.cds--btn--primary div {
|
6504
|
+
display: -webkit-box;
|
6505
|
+
overflow: hidden;
|
6506
|
+
-webkit-box-orient: vertical;
|
6507
|
+
-webkit-line-clamp: 2;
|
6508
|
+
text-overflow: ellipsis;
|
6509
|
+
}
|
6510
|
+
|
6511
|
+
.c4p--checklist__button.cds--btn--primary:hover {
|
6512
|
+
background: transparent;
|
6513
|
+
color: var(--cds-link-primary-hover, #0043ce);
|
6514
|
+
text-decoration: underline;
|
6515
|
+
}
|
6516
|
+
|
6517
|
+
.c4p--checklist__button.cds--btn--primary:active {
|
6518
|
+
background: transparent;
|
6519
|
+
color: var(--cds-text-primary, #161616);
|
6520
|
+
text-decoration: underline;
|
6521
|
+
}
|
6522
|
+
|
6523
|
+
.c4p--checklist__content-outer {
|
6524
|
+
overflow: hidden;
|
6525
|
+
}
|
6526
|
+
|
6527
|
+
.c4p--checklist__content-inner {
|
6528
|
+
height: 100%;
|
6529
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
6530
|
+
transform: translate(0, 0);
|
6531
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
6532
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
6533
|
+
}
|
6534
|
+
@media (prefers-reduced-motion: reduce) {
|
6535
|
+
.c4p--checklist__content-inner {
|
6536
|
+
transition: none;
|
6537
|
+
}
|
6538
|
+
}
|
6539
|
+
|
6540
|
+
.c4p--checklist__closed .c4p--checklist__content-inner {
|
6541
|
+
height: 0;
|
6542
|
+
transform: translate(0, -100%);
|
6543
|
+
}
|
6544
|
+
|
6545
|
+
.c4p--checklist__list-group {
|
6546
|
+
padding: 1rem;
|
6547
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
6548
|
+
}
|
6549
|
+
|
6550
|
+
.c4p--checklist__list-group:first-of-type {
|
6551
|
+
border-top: none;
|
6552
|
+
}
|
6553
|
+
|
6554
|
+
.c4p--checklist__list-title {
|
6555
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
6556
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
6557
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
6558
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
6559
|
+
display: -webkit-box;
|
6560
|
+
overflow: hidden;
|
6561
|
+
-webkit-box-orient: vertical;
|
6562
|
+
-webkit-line-clamp: 2;
|
6563
|
+
text-overflow: ellipsis;
|
6564
|
+
margin-bottom: 0.5rem;
|
6565
|
+
}
|
6566
|
+
|
6567
|
+
.c4p--checklist__list-item {
|
6568
|
+
display: flex;
|
6569
|
+
margin-bottom: 0.5rem;
|
6570
|
+
}
|
6571
|
+
|
6572
|
+
.c4p--checklist__list-item:last-child {
|
6573
|
+
margin-bottom: 0;
|
6574
|
+
}
|
6575
|
+
|
6576
|
+
.c4p--checklist__icon {
|
6577
|
+
/* stylelint-disable-next-line */
|
6578
|
+
margin: 0.0625rem 0.5rem 0 0;
|
6579
|
+
color: var(--cds-icon-primary, #161616);
|
6580
|
+
}
|
6581
|
+
|
6582
|
+
.c4p--checklist__icon--checked,
|
6583
|
+
.c4p--checklist__icon--indeterminate {
|
6584
|
+
color: var(--cds-interactive, #0f62fe);
|
6585
|
+
}
|
6586
|
+
|
6587
|
+
.c4p--checklist__icon--error {
|
6588
|
+
color: var(--cds-support-error, #da1e28);
|
6589
|
+
}
|
6590
|
+
|
6591
|
+
.c4p--checklist__icon--disabled {
|
6592
|
+
color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
6593
|
+
}
|
6594
|
+
|
6595
|
+
.c4p--checklist__label {
|
6596
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
6597
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
6598
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
6599
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
6600
|
+
display: -webkit-box;
|
6601
|
+
overflow: hidden;
|
6602
|
+
-webkit-box-orient: vertical;
|
6603
|
+
-webkit-line-clamp: 2;
|
6604
|
+
text-overflow: ellipsis;
|
6605
|
+
}
|
6606
|
+
|
6607
|
+
.c4p--checklist__label--disabled {
|
6608
|
+
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
6609
|
+
}
|
6610
|
+
|
6611
|
+
.c4p--checklist__footer {
|
6612
|
+
display: -webkit-box;
|
6613
|
+
overflow: hidden;
|
6614
|
+
-webkit-box-orient: vertical;
|
6615
|
+
-webkit-line-clamp: 2;
|
6616
|
+
text-overflow: ellipsis;
|
6617
|
+
padding: 0.5rem 1rem;
|
6618
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
6619
|
+
}
|
6620
|
+
|
6403
6621
|
.c4p--combo-button {
|
6404
6622
|
position: relative;
|
6405
6623
|
display: inline-flex;
|
@@ -22007,9 +22225,18 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22007
22225
|
width: 100%;
|
22008
22226
|
min-width: 6rem;
|
22009
22227
|
align-items: center;
|
22228
|
+
justify-content: flex-start;
|
22010
22229
|
white-space: nowrap;
|
22011
22230
|
}
|
22012
22231
|
|
22232
|
+
.c4p--tag-overflow--align-end {
|
22233
|
+
justify-content: flex-end;
|
22234
|
+
}
|
22235
|
+
|
22236
|
+
.c4p--tag-overflow--align-center {
|
22237
|
+
justify-content: center;
|
22238
|
+
}
|
22239
|
+
|
22013
22240
|
.c4p--tag-overflow--multiline {
|
22014
22241
|
flex-wrap: wrap;
|
22015
22242
|
}
|
@@ -22035,6 +22262,119 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22035
22262
|
max-width: 3rem;
|
22036
22263
|
}
|
22037
22264
|
|
22265
|
+
.c4p--tag-overflow-popover {
|
22266
|
+
display: inline-block;
|
22267
|
+
vertical-align: bottom;
|
22268
|
+
}
|
22269
|
+
.c4p--tag-overflow-popover .cds--tag.cds--tag--interactive {
|
22270
|
+
border: 0;
|
22271
|
+
}
|
22272
|
+
.c4p--tag-overflow-popover .cds--popover .cds--popover-content {
|
22273
|
+
padding: 1rem;
|
22274
|
+
}
|
22275
|
+
|
22276
|
+
.c4p--tag-overflow-popover--hidden {
|
22277
|
+
overflow: hidden;
|
22278
|
+
max-width: 0;
|
22279
|
+
visibility: hidden;
|
22280
|
+
}
|
22281
|
+
|
22282
|
+
.c4p--tag-overflow-popover__el.c4p--tag-overflow-popover__el {
|
22283
|
+
min-width: initial;
|
22284
|
+
text-align: left;
|
22285
|
+
}
|
22286
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__trigger {
|
22287
|
+
font-family: inherit;
|
22288
|
+
}
|
22289
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link.cds--link:visited {
|
22290
|
+
display: inline-block;
|
22291
|
+
margin: 0.5rem 0 0.25rem;
|
22292
|
+
color: var(--cds-link-inverse, #78a9ff);
|
22293
|
+
}
|
22294
|
+
.c4p--tag-overflow-popover__el .cds--link:active,
|
22295
|
+
.c4p--tag-overflow-popover__el .cds--link:active:visited,
|
22296
|
+
.c4p--tag-overflow-popover__el .cds--link:active:visited:hover {
|
22297
|
+
color: var(--cds-text-inverse, #ffffff);
|
22298
|
+
}
|
22299
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-list {
|
22300
|
+
display: flex;
|
22301
|
+
flex-direction: column;
|
22302
|
+
}
|
22303
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link {
|
22304
|
+
margin-top: 0.5rem;
|
22305
|
+
color: var(--cds-link-inverse, #78a9ff);
|
22306
|
+
}
|
22307
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--tag .cds--tag {
|
22308
|
+
background-color: var(--cds-background-inverse-hover, #474747);
|
22309
|
+
}
|
22310
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--default,
|
22311
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--default .cds--tag {
|
22312
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
22313
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
22314
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
22315
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
22316
|
+
display: block;
|
22317
|
+
overflow: hidden;
|
22318
|
+
min-width: initial;
|
22319
|
+
min-height: initial;
|
22320
|
+
padding: 0;
|
22321
|
+
border-radius: 0;
|
22322
|
+
margin: 0;
|
22323
|
+
background-color: inherit;
|
22324
|
+
color: inherit;
|
22325
|
+
text-overflow: ellipsis;
|
22326
|
+
white-space: nowrap;
|
22327
|
+
}
|
22328
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon {
|
22329
|
+
padding: 0;
|
22330
|
+
}
|
22331
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag--high-contrast {
|
22332
|
+
background-color: var(--cds-background, #ffffff);
|
22333
|
+
color: var(--cds-text-primary, #161616);
|
22334
|
+
}
|
22335
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon:hover {
|
22336
|
+
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
22337
|
+
}
|
22338
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon:focus {
|
22339
|
+
box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
|
22340
|
+
}
|
22341
|
+
|
22342
|
+
.c4p--tag-overflow-modal.c4p--tag-overflow-modal {
|
22343
|
+
text-align: initial;
|
22344
|
+
white-space: initial;
|
22345
|
+
}
|
22346
|
+
@media (min-width: 42rem) {
|
22347
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__container {
|
22348
|
+
height: 90%;
|
22349
|
+
max-height: 450px;
|
22350
|
+
}
|
22351
|
+
}
|
22352
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__search {
|
22353
|
+
margin-top: 1rem;
|
22354
|
+
margin-bottom: 0;
|
22355
|
+
}
|
22356
|
+
.c4p--tag-overflow-modal.c4p--tag-overflow-modal .c4p--tag-overflow-modal__fade {
|
22357
|
+
position: relative;
|
22358
|
+
margin-right: 1rem;
|
22359
|
+
margin-left: 1rem;
|
22360
|
+
}
|
22361
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__body {
|
22362
|
+
padding-bottom: 1.5rem;
|
22363
|
+
}
|
22364
|
+
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__header {
|
22365
|
+
padding-right: 0;
|
22366
|
+
margin-right: 1rem;
|
22367
|
+
}
|
22368
|
+
.c4p--tag-overflow-modal.c4p--tag-overflow-modal .c4p--tag-overflow-modal__fade::after {
|
22369
|
+
position: absolute;
|
22370
|
+
top: calc(-1 * 5rem);
|
22371
|
+
left: 0;
|
22372
|
+
width: 100%;
|
22373
|
+
height: 2rem;
|
22374
|
+
background: linear-gradient(to bottom, transparent, var(--cds-layer-01, #f4f4f4));
|
22375
|
+
content: "";
|
22376
|
+
}
|
22377
|
+
|
22038
22378
|
.cds--accordion--flush .cds--accordion__title {
|
22039
22379
|
margin-inline-start: 0;
|
22040
22380
|
}
|
@@ -23146,4 +23486,109 @@ c4p--condition-builder__condition-builder-item-time {
|
|
23146
23486
|
flex-direction: row;
|
23147
23487
|
}
|
23148
23488
|
|
23489
|
+
/* stylelint-disable carbon/layout-token-use */
|
23490
|
+
/* stylelint-disable max-nesting-depth */
|
23491
|
+
.c4p--card__get-started {
|
23492
|
+
border-width: 1px;
|
23493
|
+
border-style: solid;
|
23494
|
+
background: linear-gradient(to bottom, #491d8b 40%, #6929c4);
|
23495
|
+
border-image: linear-gradient(to bottom, #8a3ffc, #a56eff) 1;
|
23496
|
+
color: var(--cds-text-on-color, #ffffff);
|
23497
|
+
}
|
23498
|
+
.c4p--card__get-started:hover {
|
23499
|
+
background: linear-gradient(#7c3dd6, #7c3dd6);
|
23500
|
+
}
|
23501
|
+
.c4p--card__get-started:focus {
|
23502
|
+
border: 2px solid var(--cds-focus, #0f62fe);
|
23503
|
+
outline: 1px solid var(--cds-focus-inset, #ffffff);
|
23504
|
+
outline-offset: -3px;
|
23505
|
+
}
|
23506
|
+
.c4p--card__get-started .c4p--card__sequence {
|
23507
|
+
font-size: var(--cds-heading-05-font-size, 2rem);
|
23508
|
+
font-weight: var(--cds-heading-05-font-weight, 400);
|
23509
|
+
line-height: var(--cds-heading-05-line-height, 1.25);
|
23510
|
+
letter-spacing: var(--cds-heading-05-letter-spacing, 0);
|
23511
|
+
padding-top: 1rem;
|
23512
|
+
padding-left: 1rem;
|
23513
|
+
}
|
23514
|
+
.c4p--card__get-started .c4p--card__status {
|
23515
|
+
position: absolute;
|
23516
|
+
z-index: 2;
|
23517
|
+
top: 1rem;
|
23518
|
+
right: 1rem;
|
23519
|
+
}
|
23520
|
+
.c4p--card__get-started .c4p--card__header-body-container {
|
23521
|
+
display: flex;
|
23522
|
+
}
|
23523
|
+
.c4p--card__get-started .c4p--card__header {
|
23524
|
+
padding-right: 3rem;
|
23525
|
+
}
|
23526
|
+
@media (max-width: 65.98rem) {
|
23527
|
+
.c4p--card__get-started .c4p--card__header {
|
23528
|
+
padding-bottom: 0;
|
23529
|
+
}
|
23530
|
+
}
|
23531
|
+
@media (max-width: 65.98rem) {
|
23532
|
+
.c4p--card__get-started .c4p--card__body {
|
23533
|
+
padding: 0;
|
23534
|
+
}
|
23535
|
+
}
|
23536
|
+
.c4p--card__get-started .c4p--card__media {
|
23537
|
+
align-content: center;
|
23538
|
+
}
|
23539
|
+
@media (max-width: 65.98rem) {
|
23540
|
+
.c4p--card__get-started .c4p--card__media {
|
23541
|
+
display: none;
|
23542
|
+
}
|
23543
|
+
}
|
23544
|
+
.c4p--card__get-started .c4p--card__pictogram ~ .c4p--card__content-container .c4p--card__media {
|
23545
|
+
/* stylelint-disable-next-line function-no-unknown */
|
23546
|
+
margin-top: -3.125rem;
|
23547
|
+
margin-bottom: -3rem;
|
23548
|
+
}
|
23549
|
+
.c4p--card__get-started .c4p--card__sequence ~ .c4p--card__content-container .c4p--card__media {
|
23550
|
+
/* stylelint-disable-next-line function-no-unknown */
|
23551
|
+
margin-top: -3.5rem;
|
23552
|
+
margin-bottom: -3rem;
|
23553
|
+
}
|
23554
|
+
.c4p--card__get-started .c4p--card__actions {
|
23555
|
+
padding: 1rem;
|
23556
|
+
gap: 0.75rem;
|
23557
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
23558
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
23559
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
23560
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
23561
|
+
}
|
23562
|
+
.c4p--card__get-started .c4p--card__actions .c4p--card__icon {
|
23563
|
+
display: flex;
|
23564
|
+
padding: 0;
|
23565
|
+
margin-right: 0;
|
23566
|
+
}
|
23567
|
+
.c4p--card__get-started .c4p--card__actions .c4p--card__icon svg {
|
23568
|
+
margin-right: 0.25rem;
|
23569
|
+
}
|
23570
|
+
.c4p--card__get-started .c4p--card__actions .c4p--card__icon:hover {
|
23571
|
+
background: none;
|
23572
|
+
}
|
23573
|
+
.c4p--card__get-started .c4p--card__footer {
|
23574
|
+
position: relative;
|
23575
|
+
z-index: 1;
|
23576
|
+
justify-content: space-between;
|
23577
|
+
border: none;
|
23578
|
+
}
|
23579
|
+
.c4p--card__get-started .c4p--card__footer .c4p--card__action-icon {
|
23580
|
+
display: flex;
|
23581
|
+
align-self: center;
|
23582
|
+
padding-right: 1rem;
|
23583
|
+
}
|
23584
|
+
|
23585
|
+
.c4p--card__disabled:focus,
|
23586
|
+
.c4p--card__disabled:hover,
|
23587
|
+
.c4p--card__disabled {
|
23588
|
+
border: 1px solid var(--cds-border-disabled, #c6c6c6);
|
23589
|
+
background: var(--cds-layer-02, #ffffff);
|
23590
|
+
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
23591
|
+
cursor: default;
|
23592
|
+
}
|
23593
|
+
|
23149
23594
|
/*# sourceMappingURL=index.css.map */
|