@carbon/ibm-products 2.39.0 → 2.40.1-canary.10
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +47 -38
- 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 +7 -1
- 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 +47 -38
- 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 +710 -38
- 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 +1 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilder.js +6 -1
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js +30 -18
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +7 -7
- package/es/components/ConditionBuilder/ConditionConnector/ConditionConnector.js +6 -6
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +11 -11
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +16 -0
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +125 -0
- package/es/components/ConditionBuilder/utils/util.d.ts +1 -1
- package/es/components/ConditionBuilder/utils/util.js +34 -5
- 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.js +4 -3
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +5 -0
- package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -4
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -1
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts +2 -1
- package/es/components/Guidebanner/Guidebanner.d.ts +62 -2
- package/es/components/Guidebanner/Guidebanner.js +8 -7
- 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.js +0 -1
- package/es/components/PageHeader/PageHeader.d.ts +298 -5
- package/es/components/PageHeader/PageHeader.js +99 -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 +17 -2
- 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.js +35 -20
- package/es/components/TagOverflow/TagOverflowModal.d.ts +3 -1
- package/es/components/TagOverflow/TagOverflowModal.js +14 -20
- package/es/components/TagOverflow/TagOverflowPopover.js +19 -4
- 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/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/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 +1 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilder.js +6 -1
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js +29 -17
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +7 -7
- package/lib/components/ConditionBuilder/ConditionConnector/ConditionConnector.js +6 -6
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +11 -11
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +20 -0
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +129 -0
- package/lib/components/ConditionBuilder/utils/util.d.ts +1 -1
- package/lib/components/ConditionBuilder/utils/util.js +36 -4
- 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.js +4 -3
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +5 -0
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -4
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +2 -1
- package/lib/components/Guidebanner/Guidebanner.d.ts +62 -2
- package/lib/components/Guidebanner/Guidebanner.js +8 -7
- 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.js +0 -1
- package/lib/components/PageHeader/PageHeader.d.ts +298 -5
- package/lib/components/PageHeader/PageHeader.js +99 -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 +17 -2
- 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.js +34 -19
- package/lib/components/TagOverflow/TagOverflowModal.d.ts +3 -1
- package/lib/components/TagOverflow/TagOverflowModal.js +14 -20
- package/lib/components/TagOverflow/TagOverflowPopover.js +19 -4
- 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/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/package.json +3 -3
- package/scss/components/CoachmarkStack/_coachmark-stack.scss +4 -2
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +4 -4
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +34 -34
- package/scss/components/Datagrid/styles/_datagrid.scss +2 -1
- 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 +5 -2
- package/scss/components/_index-with-carbon.scss +1 -0
- package/telemetry.yml +2 -0
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;
|
@@ -17142,7 +17147,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17142
17147
|
background: transparent;
|
17143
17148
|
}
|
17144
17149
|
|
17145
|
-
.c4p--datagrid__empty-state .c4p--datagrid__table-simple td
|
17150
|
+
.c4p--datagrid__empty-state .c4p--datagrid__table-simple td,
|
17151
|
+
.c4p--datagrid__empty-state .c4p--datagrid__table-virtual-scroll td {
|
17146
17152
|
padding: 5rem;
|
17147
17153
|
}
|
17148
17154
|
|
@@ -19943,7 +19949,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
19943
19949
|
.c4p--coachmark-stack-element--is-mounted {
|
19944
19950
|
bottom: 0;
|
19945
19951
|
/* stylelint-disable-next-line carbon/motion-easing-use, carbon/motion-duration-use */
|
19946
|
-
transition:
|
19952
|
+
transition: 240ms cubic-bezier(0.2, 0, 1, 0.9);
|
19947
19953
|
}
|
19948
19954
|
@media (prefers-reduced-motion) {
|
19949
19955
|
.c4p--coachmark-stack-element--is-mounted {
|
@@ -19959,7 +19965,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
19959
19965
|
bottom: 0;
|
19960
19966
|
overflow: hidden;
|
19961
19967
|
pointer-events: none;
|
19962
|
-
|
19968
|
+
/* stylelint-disable-next-line function-no-unknown -- to-rem carbon replacement for rem */
|
19969
|
+
transform: perspective(9rem) translate3d(0, -3rem, -1rem);
|
19963
19970
|
transform-origin: top center;
|
19964
19971
|
visibility: visible;
|
19965
19972
|
}
|
@@ -21763,7 +21770,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
21763
21770
|
line-height: inherit;
|
21764
21771
|
}
|
21765
21772
|
|
21766
|
-
.cds--popover {
|
21773
|
+
.c4p--string-formatter .cds--popover {
|
21767
21774
|
max-width: 1rem;
|
21768
21775
|
margin: 0 auto;
|
21769
21776
|
}
|
@@ -22262,6 +22269,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22262
22269
|
max-width: 3rem;
|
22263
22270
|
}
|
22264
22271
|
|
22272
|
+
.cds--popover .cds--popover-content {
|
22273
|
+
white-space: normal;
|
22274
|
+
}
|
22275
|
+
|
22265
22276
|
.c4p--tag-overflow-popover {
|
22266
22277
|
display: inline-block;
|
22267
22278
|
vertical-align: bottom;
|
@@ -22322,8 +22333,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22322
22333
|
margin: 0;
|
22323
22334
|
background-color: inherit;
|
22324
22335
|
color: inherit;
|
22325
|
-
text-overflow: ellipsis;
|
22326
|
-
white-space: nowrap;
|
22327
22336
|
}
|
22328
22337
|
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon {
|
22329
22338
|
padding: 0;
|
@@ -23229,14 +23238,14 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
23229
23238
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
23230
23239
|
}
|
23231
23240
|
|
23232
|
-
.c4p--condition-
|
23241
|
+
.c4p--condition-builder__item__content {
|
23233
23242
|
overflow: auto;
|
23234
23243
|
min-width: 12rem;
|
23235
23244
|
max-width: 20rem;
|
23236
23245
|
max-height: 22rem;
|
23237
23246
|
}
|
23238
23247
|
|
23239
|
-
.c4p--condition-
|
23248
|
+
.c4p--condition-builder__item__title {
|
23240
23249
|
font-size: var(--cds-heading-01-font-size, 0.875rem);
|
23241
23250
|
font-weight: var(--cds-heading-01-font-weight, 600);
|
23242
23251
|
line-height: var(--cds-heading-01-line-height, 1.42857);
|
@@ -23244,28 +23253,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
23244
23253
|
padding: 1rem;
|
23245
23254
|
}
|
23246
23255
|
|
23247
|
-
.c4p--condition-
|
23256
|
+
.c4p--condition-builder__item-option__search {
|
23248
23257
|
padding-block-end: 1rem;
|
23249
23258
|
padding-inline: 1rem;
|
23250
23259
|
}
|
23251
23260
|
|
23252
|
-
.c4p--condition-
|
23261
|
+
.c4p--condition-builder__item-option__option {
|
23253
23262
|
height: 2rem;
|
23254
23263
|
cursor: pointer;
|
23255
23264
|
padding-inline: 1rem;
|
23256
23265
|
}
|
23257
23266
|
|
23258
|
-
.c4p--condition-
|
23267
|
+
.c4p--condition-builder__item-option__option:hover {
|
23259
23268
|
background-color: var(--cds-layer-hover);
|
23260
23269
|
}
|
23261
23270
|
|
23262
|
-
.c4p--condition-
|
23271
|
+
.c4p--condition-builder__item-option__option-content {
|
23263
23272
|
display: flex;
|
23264
23273
|
height: 100%;
|
23265
23274
|
align-items: center;
|
23266
23275
|
}
|
23267
23276
|
|
23268
|
-
.c4p--condition-
|
23277
|
+
.c4p--condition-builder__item-option__option-label {
|
23269
23278
|
display: flex;
|
23270
23279
|
overflow: hidden;
|
23271
23280
|
align-items: center;
|
@@ -23274,42 +23283,42 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
23274
23283
|
white-space: nowrap;
|
23275
23284
|
}
|
23276
23285
|
|
23277
|
-
.c4p--condition-
|
23286
|
+
.c4p--condition-builder__item-option > ul[aria-multiSelectable=true] .c4p--condition-builder__item-option__option-label {
|
23278
23287
|
justify-content: center;
|
23279
23288
|
}
|
23280
23289
|
|
23281
|
-
.c4p--condition-
|
23290
|
+
.c4p--condition-builder__item-option__option:not(:first-of-type) .c4p--condition-builder__item-option__option-content {
|
23282
23291
|
border-block-start: 0.0625rem solid var(--cds-border-subtle);
|
23283
23292
|
}
|
23284
23293
|
|
23285
|
-
.c4p--condition-
|
23286
|
-
.c4p--condition-
|
23287
|
-
.c4p--condition-
|
23288
|
-
.c4p--condition-
|
23294
|
+
.c4p--condition-builder__item-option__option:hover .c4p--condition-builder__item-option__option-content,
|
23295
|
+
.c4p--condition-builder__item-option__option[aria-selected=true] .c4p--condition-builder__item-option__option-content,
|
23296
|
+
.c4p--condition-builder__item-option__option:hover + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content,
|
23297
|
+
.c4p--condition-builder__item-option__option[aria-selected=true] + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content {
|
23289
23298
|
border-block-start-color: transparent;
|
23290
23299
|
}
|
23291
23300
|
|
23292
|
-
.c4p--condition-
|
23301
|
+
.c4p--condition-builder__item-option__option[aria-selected=true] {
|
23293
23302
|
background-color: var(--cds-layer-selected);
|
23294
23303
|
}
|
23295
23304
|
|
23296
|
-
.c4p--condition-
|
23305
|
+
.c4p--condition-builder__item-option__option[aria-selected=true]:hover {
|
23297
23306
|
background-color: var(--cds-layer-selected-hover);
|
23298
23307
|
}
|
23299
23308
|
|
23300
|
-
.c4p--condition-
|
23301
|
-
.c4p--condition-
|
23302
|
-
.c4p--condition-
|
23303
|
-
c4p--condition-
|
23309
|
+
.c4p--condition-builder__item-date,
|
23310
|
+
.c4p--condition-builder__item-text,
|
23311
|
+
.c4p--condition-builder__item-number,
|
23312
|
+
c4p--condition-builder__item-time {
|
23304
23313
|
padding-block-end: 1rem;
|
23305
23314
|
padding-inline: 1rem;
|
23306
23315
|
}
|
23307
23316
|
|
23308
|
-
.c4p--condition-
|
23317
|
+
.c4p--condition-builder__checkmark {
|
23309
23318
|
margin-left: auto;
|
23310
23319
|
}
|
23311
23320
|
|
23312
|
-
.c4p--condition-
|
23321
|
+
.c4p--condition-builder__button {
|
23313
23322
|
box-sizing: border-box;
|
23314
23323
|
padding: 0;
|
23315
23324
|
border: 0;
|
@@ -23335,16 +23344,16 @@ c4p--condition-builder__condition-builder-item-time {
|
|
23335
23344
|
padding-inline: 0.5rem;
|
23336
23345
|
white-space: nowrap;
|
23337
23346
|
}
|
23338
|
-
.c4p--condition-
|
23339
|
-
.c4p--condition-
|
23340
|
-
.c4p--condition-
|
23347
|
+
.c4p--condition-builder__button *,
|
23348
|
+
.c4p--condition-builder__button *::before,
|
23349
|
+
.c4p--condition-builder__button *::after {
|
23341
23350
|
box-sizing: inherit;
|
23342
23351
|
}
|
23343
|
-
.c4p--condition-
|
23352
|
+
.c4p--condition-builder__button::-moz-focus-inner {
|
23344
23353
|
border: 0;
|
23345
23354
|
}
|
23346
23355
|
|
23347
|
-
.c4p--condition-
|
23356
|
+
.c4p--condition-builder__button:hover {
|
23348
23357
|
background-color: var(--cds-layer-hover);
|
23349
23358
|
}
|
23350
23359
|
|
@@ -23352,14 +23361,14 @@ c4p--condition-builder__condition-builder-item-time {
|
|
23352
23361
|
background-color: var(--cds-layer-hover);
|
23353
23362
|
}
|
23354
23363
|
|
23355
|
-
.c4p--condition-
|
23364
|
+
.c4p--condition-builder__button:focus {
|
23356
23365
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
23357
23366
|
outline-offset: -2px;
|
23358
23367
|
content: "";
|
23359
23368
|
inset: 0;
|
23360
23369
|
}
|
23361
23370
|
@media screen and (prefers-contrast) {
|
23362
|
-
.c4p--condition-
|
23371
|
+
.c4p--condition-builder__button:focus {
|
23363
23372
|
outline-style: dotted;
|
23364
23373
|
}
|
23365
23374
|
}
|
@@ -23400,12 +23409,12 @@ c4p--condition-builder__condition-builder-item-time {
|
|
23400
23409
|
margin-left: auto;
|
23401
23410
|
}
|
23402
23411
|
|
23403
|
-
.c4p--condition-
|
23412
|
+
.c4p--condition-builder__item-option__option:focus {
|
23404
23413
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
23405
23414
|
outline-offset: -2px;
|
23406
23415
|
}
|
23407
23416
|
@media screen and (prefers-contrast) {
|
23408
|
-
.c4p--condition-
|
23417
|
+
.c4p--condition-builder__item-option__option:focus {
|
23409
23418
|
outline-style: dotted;
|
23410
23419
|
}
|
23411
23420
|
}
|
@@ -23441,13 +23450,13 @@ c4p--condition-builder__condition-builder-item-time {
|
|
23441
23450
|
}
|
23442
23451
|
}
|
23443
23452
|
|
23444
|
-
.c4p--condition-
|
23453
|
+
.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
|
23445
23454
|
.c4p--condition-builder__connector-button) {
|
23446
23455
|
background-color: var(--cds-tag-background-red, #ffd7d9);
|
23447
23456
|
color: var(--cds-tag-color-red, #750e13);
|
23448
23457
|
}
|
23449
23458
|
|
23450
|
-
.c4p--condition-
|
23459
|
+
.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
|
23451
23460
|
.c4p--condition-builder__connector-button):hover {
|
23452
23461
|
background-color: var(--cds-tag-hover-red, #ffc2c5);
|
23453
23462
|
}
|
@@ -23591,4 +23600,667 @@ c4p--condition-builder__condition-builder-item-time {
|
|
23591
23600
|
cursor: default;
|
23592
23601
|
}
|
23593
23602
|
|
23603
|
+
/**
|
23604
|
+
* The Guidebanner specifically is theme-agnostic, and so we have to
|
23605
|
+
* use color tokens to keep the colors static instead of theme tokens
|
23606
|
+
* that will change depending on the selected theme.
|
23607
|
+
*
|
23608
|
+
* Because of this, we are triggering a *large* amount of linting errors.
|
23609
|
+
* So, we're adding a few "disable" rules for the file instead of 60
|
23610
|
+
* individual rules.
|
23611
|
+
*/
|
23612
|
+
/* stylelint-disable carbon/layout-token-use */
|
23613
|
+
/* stylelint-disable carbon/motion-duration-use */
|
23614
|
+
/* stylelint-disable carbon/theme-token-use */
|
23615
|
+
/* stylelint-disable declaration-no-important */
|
23616
|
+
/* stylelint-disable function-no-unknown */
|
23617
|
+
/* stylelint-disable max-nesting-depth */
|
23618
|
+
.c4p--guidebanner {
|
23619
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
23620
|
+
--cds-ai-aura-hover-background: #333333;
|
23621
|
+
--cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
|
23622
|
+
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
23623
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
23624
|
+
--cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
|
23625
|
+
--cds-ai-border-end: #4589ff;
|
23626
|
+
--cds-ai-border-start: rgba(166, 200, 255, 0.36);
|
23627
|
+
--cds-ai-border-strong: #78a9ff;
|
23628
|
+
--cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
|
23629
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
|
23630
|
+
--cds-ai-overlay: rgba(0, 0, 0, 0.5);
|
23631
|
+
--cds-ai-popover-background: #161616;
|
23632
|
+
--cds-ai-popover-caret-bottom: #4589ff;
|
23633
|
+
--cds-ai-popover-caret-bottom-background: #202d45;
|
23634
|
+
--cds-ai-popover-caret-bottom-background-actions: #1e283a;
|
23635
|
+
--cds-ai-popover-caret-center: #4870b5;
|
23636
|
+
--cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
|
23637
|
+
--cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
|
23638
|
+
--cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
|
23639
|
+
--cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
|
23640
|
+
--cds-background: #161616;
|
23641
|
+
--cds-background-active: rgba(141, 141, 141, 0.4);
|
23642
|
+
--cds-background-brand: #0f62fe;
|
23643
|
+
--cds-background-hover: rgba(141, 141, 141, 0.16);
|
23644
|
+
--cds-background-inverse: #f4f4f4;
|
23645
|
+
--cds-background-inverse-hover: #e8e8e8;
|
23646
|
+
--cds-background-selected: rgba(141, 141, 141, 0.24);
|
23647
|
+
--cds-background-selected-hover: rgba(141, 141, 141, 0.32);
|
23648
|
+
--cds-border-disabled: rgba(141, 141, 141, 0.5);
|
23649
|
+
--cds-border-interactive: #4589ff;
|
23650
|
+
--cds-border-inverse: #f4f4f4;
|
23651
|
+
--cds-border-strong-01: #6f6f6f;
|
23652
|
+
--cds-border-strong-02: #8d8d8d;
|
23653
|
+
--cds-border-strong-03: #a8a8a8;
|
23654
|
+
--cds-border-subtle-00: #393939;
|
23655
|
+
--cds-border-subtle-01: #525252;
|
23656
|
+
--cds-border-subtle-02: #6f6f6f;
|
23657
|
+
--cds-border-subtle-03: #6f6f6f;
|
23658
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
23659
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
23660
|
+
--cds-border-subtle-selected-03: #8d8d8d;
|
23661
|
+
--cds-border-tile-01: #525252;
|
23662
|
+
--cds-border-tile-02: #6f6f6f;
|
23663
|
+
--cds-border-tile-03: #8d8d8d;
|
23664
|
+
--cds-chat-avatar-agent: #c6c6c6;
|
23665
|
+
--cds-chat-avatar-bot: #8d8d8d;
|
23666
|
+
--cds-chat-avatar-user: #4589ff;
|
23667
|
+
--cds-chat-bubble-agent: #262626;
|
23668
|
+
--cds-chat-bubble-border: #525252;
|
23669
|
+
--cds-chat-bubble-user: #393939;
|
23670
|
+
--cds-chat-button: #78a9ff;
|
23671
|
+
--cds-chat-button-active: rgba(141, 141, 141, 0.4);
|
23672
|
+
--cds-chat-button-hover: rgba(141, 141, 141, 0.16);
|
23673
|
+
--cds-chat-button-selected: rgba(141, 141, 141, 0.24);
|
23674
|
+
--cds-chat-button-text-hover: #a6c8ff;
|
23675
|
+
--cds-chat-button-text-selected: #c6c6c6;
|
23676
|
+
--cds-chat-header-background: #262626;
|
23677
|
+
--cds-chat-prompt-background: #161616;
|
23678
|
+
--cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
|
23679
|
+
--cds-chat-prompt-border-start: #262626;
|
23680
|
+
--cds-chat-shell-background: #262626;
|
23681
|
+
--cds-field-01: #262626;
|
23682
|
+
--cds-field-02: #393939;
|
23683
|
+
--cds-field-03: #525252;
|
23684
|
+
--cds-field-hover-01: #333333;
|
23685
|
+
--cds-field-hover-02: #474747;
|
23686
|
+
--cds-field-hover-03: #636363;
|
23687
|
+
--cds-focus: #ffffff;
|
23688
|
+
--cds-focus-inset: #161616;
|
23689
|
+
--cds-focus-inverse: #0f62fe;
|
23690
|
+
--cds-highlight: #002d9c;
|
23691
|
+
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
23692
|
+
--cds-icon-interactive: #ffffff;
|
23693
|
+
--cds-icon-inverse: #161616;
|
23694
|
+
--cds-icon-on-color: #ffffff;
|
23695
|
+
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
23696
|
+
--cds-icon-primary: #f4f4f4;
|
23697
|
+
--cds-icon-secondary: #c6c6c6;
|
23698
|
+
--cds-interactive: #4589ff;
|
23699
|
+
--cds-layer-01: #262626;
|
23700
|
+
--cds-layer-02: #393939;
|
23701
|
+
--cds-layer-03: #525252;
|
23702
|
+
--cds-layer-accent-01: #393939;
|
23703
|
+
--cds-layer-accent-02: #525252;
|
23704
|
+
--cds-layer-accent-03: #6f6f6f;
|
23705
|
+
--cds-layer-accent-active-01: #6f6f6f;
|
23706
|
+
--cds-layer-accent-active-02: #8d8d8d;
|
23707
|
+
--cds-layer-accent-active-03: #393939;
|
23708
|
+
--cds-layer-accent-hover-01: #474747;
|
23709
|
+
--cds-layer-accent-hover-02: #636363;
|
23710
|
+
--cds-layer-accent-hover-03: #5e5e5e;
|
23711
|
+
--cds-layer-active-01: #525252;
|
23712
|
+
--cds-layer-active-02: #6f6f6f;
|
23713
|
+
--cds-layer-active-03: #8d8d8d;
|
23714
|
+
--cds-layer-hover-01: #333333;
|
23715
|
+
--cds-layer-hover-02: #474747;
|
23716
|
+
--cds-layer-hover-03: #636363;
|
23717
|
+
--cds-layer-selected-01: #393939;
|
23718
|
+
--cds-layer-selected-02: #525252;
|
23719
|
+
--cds-layer-selected-03: #6f6f6f;
|
23720
|
+
--cds-layer-selected-disabled: #a8a8a8;
|
23721
|
+
--cds-layer-selected-hover-01: #474747;
|
23722
|
+
--cds-layer-selected-hover-02: #636363;
|
23723
|
+
--cds-layer-selected-hover-03: #5e5e5e;
|
23724
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
23725
|
+
--cds-link-inverse: #0f62fe;
|
23726
|
+
--cds-link-inverse-active: #161616;
|
23727
|
+
--cds-link-inverse-hover: #0043ce;
|
23728
|
+
--cds-link-primary: #78a9ff;
|
23729
|
+
--cds-link-primary-hover: #a6c8ff;
|
23730
|
+
--cds-link-secondary: #a6c8ff;
|
23731
|
+
--cds-link-visited: #be95ff;
|
23732
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
23733
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
23734
|
+
--cds-skeleton-background: #292929;
|
23735
|
+
--cds-skeleton-element: #393939;
|
23736
|
+
--cds-support-caution-major: #ff832b;
|
23737
|
+
--cds-support-caution-minor: #f1c21b;
|
23738
|
+
--cds-support-caution-undefined: #a56eff;
|
23739
|
+
--cds-support-error: #fa4d56;
|
23740
|
+
--cds-support-error-inverse: #da1e28;
|
23741
|
+
--cds-support-info: #4589ff;
|
23742
|
+
--cds-support-info-inverse: #0043ce;
|
23743
|
+
--cds-support-success: #42be65;
|
23744
|
+
--cds-support-success-inverse: #24a148;
|
23745
|
+
--cds-support-warning: #f1c21b;
|
23746
|
+
--cds-support-warning-inverse: #f1c21b;
|
23747
|
+
--cds-text-disabled: rgba(244, 244, 244, 0.25);
|
23748
|
+
--cds-text-error: #ff8389;
|
23749
|
+
--cds-text-helper: #a8a8a8;
|
23750
|
+
--cds-text-inverse: #161616;
|
23751
|
+
--cds-text-on-color: #ffffff;
|
23752
|
+
--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
|
23753
|
+
--cds-text-placeholder: rgba(244, 244, 244, 0.4);
|
23754
|
+
--cds-text-primary: #f4f4f4;
|
23755
|
+
--cds-text-secondary: #c6c6c6;
|
23756
|
+
--cds-toggle-off: #6f6f6f;
|
23757
|
+
--cds-spacing-01: 0.125rem;
|
23758
|
+
--cds-spacing-02: 0.25rem;
|
23759
|
+
--cds-spacing-03: 0.5rem;
|
23760
|
+
--cds-spacing-04: 0.75rem;
|
23761
|
+
--cds-spacing-05: 1rem;
|
23762
|
+
--cds-spacing-06: 1.5rem;
|
23763
|
+
--cds-spacing-07: 2rem;
|
23764
|
+
--cds-spacing-08: 2.5rem;
|
23765
|
+
--cds-spacing-09: 3rem;
|
23766
|
+
--cds-spacing-10: 4rem;
|
23767
|
+
--cds-spacing-11: 5rem;
|
23768
|
+
--cds-spacing-12: 6rem;
|
23769
|
+
--cds-spacing-13: 10rem;
|
23770
|
+
--cds-fluid-spacing-01: 0;
|
23771
|
+
--cds-fluid-spacing-02: 2vw;
|
23772
|
+
--cds-fluid-spacing-03: 5vw;
|
23773
|
+
--cds-fluid-spacing-04: 10vw;
|
23774
|
+
--cds-caption-01-font-size: 0.75rem;
|
23775
|
+
--cds-caption-01-font-weight: 400;
|
23776
|
+
--cds-caption-01-line-height: 1.33333;
|
23777
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
23778
|
+
--cds-caption-02-font-size: 0.875rem;
|
23779
|
+
--cds-caption-02-font-weight: 400;
|
23780
|
+
--cds-caption-02-line-height: 1.28572;
|
23781
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
23782
|
+
--cds-label-01-font-size: 0.75rem;
|
23783
|
+
--cds-label-01-font-weight: 400;
|
23784
|
+
--cds-label-01-line-height: 1.33333;
|
23785
|
+
--cds-label-01-letter-spacing: 0.32px;
|
23786
|
+
--cds-label-02-font-size: 0.875rem;
|
23787
|
+
--cds-label-02-font-weight: 400;
|
23788
|
+
--cds-label-02-line-height: 1.28572;
|
23789
|
+
--cds-label-02-letter-spacing: 0.16px;
|
23790
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
23791
|
+
--cds-helper-text-01-line-height: 1.33333;
|
23792
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
23793
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
23794
|
+
--cds-helper-text-02-font-weight: 400;
|
23795
|
+
--cds-helper-text-02-line-height: 1.28572;
|
23796
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
23797
|
+
--cds-body-short-01-font-size: 0.875rem;
|
23798
|
+
--cds-body-short-01-font-weight: 400;
|
23799
|
+
--cds-body-short-01-line-height: 1.28572;
|
23800
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
23801
|
+
--cds-body-short-02-font-size: 1rem;
|
23802
|
+
--cds-body-short-02-font-weight: 400;
|
23803
|
+
--cds-body-short-02-line-height: 1.375;
|
23804
|
+
--cds-body-short-02-letter-spacing: 0;
|
23805
|
+
--cds-body-long-01-font-size: 0.875rem;
|
23806
|
+
--cds-body-long-01-font-weight: 400;
|
23807
|
+
--cds-body-long-01-line-height: 1.42857;
|
23808
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
23809
|
+
--cds-body-long-02-font-size: 1rem;
|
23810
|
+
--cds-body-long-02-font-weight: 400;
|
23811
|
+
--cds-body-long-02-line-height: 1.5;
|
23812
|
+
--cds-body-long-02-letter-spacing: 0;
|
23813
|
+
--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
23814
|
+
--cds-code-01-font-size: 0.75rem;
|
23815
|
+
--cds-code-01-font-weight: 400;
|
23816
|
+
--cds-code-01-line-height: 1.33333;
|
23817
|
+
--cds-code-01-letter-spacing: 0.32px;
|
23818
|
+
--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
23819
|
+
--cds-code-02-font-size: 0.875rem;
|
23820
|
+
--cds-code-02-font-weight: 400;
|
23821
|
+
--cds-code-02-line-height: 1.42857;
|
23822
|
+
--cds-code-02-letter-spacing: 0.32px;
|
23823
|
+
--cds-heading-01-font-size: 0.875rem;
|
23824
|
+
--cds-heading-01-font-weight: 600;
|
23825
|
+
--cds-heading-01-line-height: 1.42857;
|
23826
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
23827
|
+
--cds-heading-02-font-size: 1rem;
|
23828
|
+
--cds-heading-02-font-weight: 600;
|
23829
|
+
--cds-heading-02-line-height: 1.5;
|
23830
|
+
--cds-heading-02-letter-spacing: 0;
|
23831
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
23832
|
+
--cds-productive-heading-01-font-weight: 600;
|
23833
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
23834
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
23835
|
+
--cds-productive-heading-02-font-size: 1rem;
|
23836
|
+
--cds-productive-heading-02-font-weight: 600;
|
23837
|
+
--cds-productive-heading-02-line-height: 1.375;
|
23838
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
23839
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
23840
|
+
--cds-productive-heading-03-font-weight: 400;
|
23841
|
+
--cds-productive-heading-03-line-height: 1.4;
|
23842
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
23843
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
23844
|
+
--cds-productive-heading-04-font-weight: 400;
|
23845
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
23846
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
23847
|
+
--cds-productive-heading-05-font-size: 2rem;
|
23848
|
+
--cds-productive-heading-05-font-weight: 400;
|
23849
|
+
--cds-productive-heading-05-line-height: 1.25;
|
23850
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
23851
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
23852
|
+
--cds-productive-heading-06-font-weight: 300;
|
23853
|
+
--cds-productive-heading-06-line-height: 1.199;
|
23854
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
23855
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
23856
|
+
--cds-productive-heading-07-font-weight: 300;
|
23857
|
+
--cds-productive-heading-07-line-height: 1.19;
|
23858
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
23859
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
23860
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
23861
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
23862
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
23863
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
23864
|
+
--cds-expressive-heading-01-font-weight: 600;
|
23865
|
+
--cds-expressive-heading-01-line-height: 1.42857;
|
23866
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
23867
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
23868
|
+
--cds-expressive-heading-02-font-weight: 600;
|
23869
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
23870
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
23871
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
23872
|
+
--cds-expressive-heading-03-font-weight: 400;
|
23873
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
23874
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
23875
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
23876
|
+
--cds-expressive-heading-04-font-weight: 400;
|
23877
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
23878
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
23879
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
23880
|
+
--cds-expressive-heading-05-font-weight: 400;
|
23881
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
23882
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
23883
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
23884
|
+
--cds-expressive-heading-06-font-weight: 600;
|
23885
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
23886
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
23887
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
23888
|
+
--cds-quotation-01-font-size: 1.25rem;
|
23889
|
+
--cds-quotation-01-font-weight: 400;
|
23890
|
+
--cds-quotation-01-line-height: 1.3;
|
23891
|
+
--cds-quotation-01-letter-spacing: 0;
|
23892
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
23893
|
+
--cds-quotation-02-font-size: 2rem;
|
23894
|
+
--cds-quotation-02-font-weight: 300;
|
23895
|
+
--cds-quotation-02-line-height: 1.25;
|
23896
|
+
--cds-quotation-02-letter-spacing: 0;
|
23897
|
+
--cds-display-01-font-size: 2.625rem;
|
23898
|
+
--cds-display-01-font-weight: 300;
|
23899
|
+
--cds-display-01-line-height: 1.19;
|
23900
|
+
--cds-display-01-letter-spacing: 0;
|
23901
|
+
--cds-display-02-font-size: 2.625rem;
|
23902
|
+
--cds-display-02-font-weight: 600;
|
23903
|
+
--cds-display-02-line-height: 1.19;
|
23904
|
+
--cds-display-02-letter-spacing: 0;
|
23905
|
+
--cds-display-03-font-size: 2.625rem;
|
23906
|
+
--cds-display-03-font-weight: 300;
|
23907
|
+
--cds-display-03-line-height: 1.19;
|
23908
|
+
--cds-display-03-letter-spacing: 0;
|
23909
|
+
--cds-display-04-font-size: 2.625rem;
|
23910
|
+
--cds-display-04-font-weight: 300;
|
23911
|
+
--cds-display-04-line-height: 1.19;
|
23912
|
+
--cds-display-04-letter-spacing: 0;
|
23913
|
+
--cds-legal-01-font-size: 0.75rem;
|
23914
|
+
--cds-legal-01-font-weight: 400;
|
23915
|
+
--cds-legal-01-line-height: 1.33333;
|
23916
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
23917
|
+
--cds-legal-02-font-size: 0.875rem;
|
23918
|
+
--cds-legal-02-font-weight: 400;
|
23919
|
+
--cds-legal-02-line-height: 1.28572;
|
23920
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
23921
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
23922
|
+
--cds-body-compact-01-font-weight: 400;
|
23923
|
+
--cds-body-compact-01-line-height: 1.28572;
|
23924
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
23925
|
+
--cds-body-compact-02-font-size: 1rem;
|
23926
|
+
--cds-body-compact-02-font-weight: 400;
|
23927
|
+
--cds-body-compact-02-line-height: 1.375;
|
23928
|
+
--cds-body-compact-02-letter-spacing: 0;
|
23929
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
23930
|
+
--cds-heading-compact-01-font-weight: 600;
|
23931
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
23932
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
23933
|
+
--cds-heading-compact-02-font-size: 1rem;
|
23934
|
+
--cds-heading-compact-02-font-weight: 600;
|
23935
|
+
--cds-heading-compact-02-line-height: 1.375;
|
23936
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
23937
|
+
--cds-body-01-font-size: 0.875rem;
|
23938
|
+
--cds-body-01-font-weight: 400;
|
23939
|
+
--cds-body-01-line-height: 1.42857;
|
23940
|
+
--cds-body-01-letter-spacing: 0.16px;
|
23941
|
+
--cds-body-02-font-size: 1rem;
|
23942
|
+
--cds-body-02-font-weight: 400;
|
23943
|
+
--cds-body-02-line-height: 1.5;
|
23944
|
+
--cds-body-02-letter-spacing: 0;
|
23945
|
+
--cds-heading-03-font-size: 1.25rem;
|
23946
|
+
--cds-heading-03-font-weight: 400;
|
23947
|
+
--cds-heading-03-line-height: 1.4;
|
23948
|
+
--cds-heading-03-letter-spacing: 0;
|
23949
|
+
--cds-heading-04-font-size: 1.75rem;
|
23950
|
+
--cds-heading-04-font-weight: 400;
|
23951
|
+
--cds-heading-04-line-height: 1.28572;
|
23952
|
+
--cds-heading-04-letter-spacing: 0;
|
23953
|
+
--cds-heading-05-font-size: 2rem;
|
23954
|
+
--cds-heading-05-font-weight: 400;
|
23955
|
+
--cds-heading-05-line-height: 1.25;
|
23956
|
+
--cds-heading-05-letter-spacing: 0;
|
23957
|
+
--cds-heading-06-font-size: 2.625rem;
|
23958
|
+
--cds-heading-06-font-weight: 300;
|
23959
|
+
--cds-heading-06-line-height: 1.199;
|
23960
|
+
--cds-heading-06-letter-spacing: 0;
|
23961
|
+
--cds-heading-07-font-size: 3.375rem;
|
23962
|
+
--cds-heading-07-font-weight: 300;
|
23963
|
+
--cds-heading-07-line-height: 1.19;
|
23964
|
+
--cds-heading-07-letter-spacing: 0;
|
23965
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
23966
|
+
--cds-fluid-heading-03-font-weight: 400;
|
23967
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
23968
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
23969
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
23970
|
+
--cds-fluid-heading-04-font-weight: 400;
|
23971
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
23972
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
23973
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
23974
|
+
--cds-fluid-heading-05-font-weight: 400;
|
23975
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
23976
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
23977
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
23978
|
+
--cds-fluid-heading-06-font-weight: 600;
|
23979
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
23980
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
23981
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
23982
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
23983
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
23984
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
23985
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
23986
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
23987
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
23988
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
23989
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
23990
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
23991
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
23992
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
23993
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
23994
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
23995
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
23996
|
+
--cds-fluid-display-01-font-weight: 300;
|
23997
|
+
--cds-fluid-display-01-line-height: 1.19;
|
23998
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
23999
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
24000
|
+
--cds-fluid-display-02-font-weight: 600;
|
24001
|
+
--cds-fluid-display-02-line-height: 1.19;
|
24002
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
24003
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
24004
|
+
--cds-fluid-display-03-font-weight: 300;
|
24005
|
+
--cds-fluid-display-03-line-height: 1.19;
|
24006
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
24007
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
24008
|
+
--cds-fluid-display-04-font-weight: 300;
|
24009
|
+
--cds-fluid-display-04-line-height: 1.19;
|
24010
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
24011
|
+
--cds-true: ;
|
24012
|
+
--cds-button-separator: #161616;
|
24013
|
+
--cds-button-primary: #0f62fe;
|
24014
|
+
--cds-button-secondary: #6f6f6f;
|
24015
|
+
--cds-button-tertiary: #ffffff;
|
24016
|
+
--cds-button-danger-primary: #da1e28;
|
24017
|
+
--cds-button-danger-secondary: #fa4d56;
|
24018
|
+
--cds-button-danger-active: #750e13;
|
24019
|
+
--cds-button-primary-active: #002d9c;
|
24020
|
+
--cds-button-secondary-active: #393939;
|
24021
|
+
--cds-button-tertiary-active: #c6c6c6;
|
24022
|
+
--cds-button-danger-hover: #b81921;
|
24023
|
+
--cds-button-primary-hover: #0050e6;
|
24024
|
+
--cds-button-secondary-hover: #5e5e5e;
|
24025
|
+
--cds-button-tertiary-hover: #f4f4f4;
|
24026
|
+
--cds-button-disabled: rgba(141, 141, 141, 0.3);
|
24027
|
+
--cds-tag-background-red: #a2191f;
|
24028
|
+
--cds-tag-color-red: #ffd7d9;
|
24029
|
+
--cds-tag-hover-red: #c21e25;
|
24030
|
+
--cds-tag-background-magenta: #9f1853;
|
24031
|
+
--cds-tag-color-magenta: #ffd6e8;
|
24032
|
+
--cds-tag-hover-magenta: #bf1d63;
|
24033
|
+
--cds-tag-background-purple: #6929c4;
|
24034
|
+
--cds-tag-color-purple: #e8daff;
|
24035
|
+
--cds-tag-hover-purple: #7c3dd6;
|
24036
|
+
--cds-tag-background-blue: #0043ce;
|
24037
|
+
--cds-tag-color-blue: #d0e2ff;
|
24038
|
+
--cds-tag-hover-blue: #0053ff;
|
24039
|
+
--cds-tag-background-cyan: #00539a;
|
24040
|
+
--cds-tag-color-cyan: #bae6ff;
|
24041
|
+
--cds-tag-hover-cyan: #0066bd;
|
24042
|
+
--cds-tag-background-teal: #005d5d;
|
24043
|
+
--cds-tag-color-teal: #9ef0f0;
|
24044
|
+
--cds-tag-hover-teal: #007070;
|
24045
|
+
--cds-tag-background-green: #0e6027;
|
24046
|
+
--cds-tag-color-green: #a7f0ba;
|
24047
|
+
--cds-tag-hover-green: #11742f;
|
24048
|
+
--cds-tag-background-gray: #525252;
|
24049
|
+
--cds-tag-color-gray: #f4f4f4;
|
24050
|
+
--cds-tag-hover-gray: #636363;
|
24051
|
+
--cds-tag-border-red: #fa4d56;
|
24052
|
+
--cds-tag-border-blue: #4589ff;
|
24053
|
+
--cds-tag-border-cyan: #1192e8;
|
24054
|
+
--cds-tag-border-teal: #009d9a;
|
24055
|
+
--cds-tag-border-green: #24a148;
|
24056
|
+
--cds-tag-border-magenta: #ee5396;
|
24057
|
+
--cds-tag-border-purple: #a56eff;
|
24058
|
+
--cds-tag-border-gray: #8d8d8d;
|
24059
|
+
--cds-tag-border-cool-gray: #878d96;
|
24060
|
+
--cds-tag-border-warm-gray: #8f8b8b;
|
24061
|
+
--cds-tag-background-cool-gray: #4d5358;
|
24062
|
+
--cds-tag-color-cool-gray: #f2f4f8;
|
24063
|
+
--cds-tag-hover-cool-gray: #5d646a;
|
24064
|
+
--cds-tag-background-warm-gray: #565151;
|
24065
|
+
--cds-tag-color-warm-gray: #f7f3f2;
|
24066
|
+
--cds-tag-hover-warm-gray: #696363;
|
24067
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
24068
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
24069
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
24070
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
24071
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
24072
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
24073
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
24074
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
24075
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
24076
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
24077
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
24078
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
24079
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
24080
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
24081
|
+
position: relative;
|
24082
|
+
background: linear-gradient(90deg, #001d6c 0%, #6929c4 100%);
|
24083
|
+
background-color: #001d6c;
|
24084
|
+
}
|
24085
|
+
|
24086
|
+
.c4p--guidebanner__icon-idea {
|
24087
|
+
position: absolute;
|
24088
|
+
top: 1rem;
|
24089
|
+
left: 1rem;
|
24090
|
+
}
|
24091
|
+
.c4p--guidebanner__icon-idea path {
|
24092
|
+
fill: #f4f4f4;
|
24093
|
+
}
|
24094
|
+
|
24095
|
+
.c4p--guidebanner__title {
|
24096
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
24097
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
24098
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
24099
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
24100
|
+
padding: 1rem 10.9375rem 0 3.25rem;
|
24101
|
+
color: #f4f4f4;
|
24102
|
+
}
|
24103
|
+
|
24104
|
+
.c4p--guidebanner__close-button {
|
24105
|
+
position: absolute;
|
24106
|
+
top: 0;
|
24107
|
+
right: 0;
|
24108
|
+
}
|
24109
|
+
|
24110
|
+
.c4p--guidebanner__close-button button {
|
24111
|
+
width: 2rem;
|
24112
|
+
height: 2rem;
|
24113
|
+
min-height: 2rem;
|
24114
|
+
padding-top: 6px;
|
24115
|
+
}
|
24116
|
+
.c4p--guidebanner__close-button button:active, .c4p--guidebanner__close-button button:hover {
|
24117
|
+
background-color: #7433e3;
|
24118
|
+
}
|
24119
|
+
.c4p--guidebanner__close-button button path {
|
24120
|
+
fill: #ffffff;
|
24121
|
+
}
|
24122
|
+
|
24123
|
+
.c4p--guidebanner__carousel {
|
24124
|
+
padding: 0 0 1rem 0;
|
24125
|
+
color: #f4f4f4;
|
24126
|
+
}
|
24127
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel {
|
24128
|
+
margin-bottom: 0;
|
24129
|
+
}
|
24130
|
+
|
24131
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element {
|
24132
|
+
display: flex;
|
24133
|
+
width: 25rem;
|
24134
|
+
max-height: 32rem;
|
24135
|
+
flex-flow: column;
|
24136
|
+
flex-shrink: 0;
|
24137
|
+
padding-left: 3.25rem;
|
24138
|
+
margin: 1rem 0 0 0;
|
24139
|
+
opacity: 1;
|
24140
|
+
scroll-snap-align: start;
|
24141
|
+
transition: max-height 50ms cubic-bezier(0.2, 0, 1, 0.9), margin-top 50ms cubic-bezier(0.2, 0, 1, 0.9), opacity 300ms cubic-bezier(0.2, 0, 1, 0.9);
|
24142
|
+
}
|
24143
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element {
|
24144
|
+
max-height: 0.5rem;
|
24145
|
+
margin-top: 0;
|
24146
|
+
opacity: 0;
|
24147
|
+
}
|
24148
|
+
|
24149
|
+
.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element {
|
24150
|
+
width: 28rem;
|
24151
|
+
padding-right: 3.25rem;
|
24152
|
+
}
|
24153
|
+
|
24154
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title {
|
24155
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
24156
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
24157
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
24158
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
24159
|
+
margin: 1rem 0 0 0;
|
24160
|
+
}
|
24161
|
+
|
24162
|
+
.c4p--guidebanner__carousel .c4p--guidebanner__element-content {
|
24163
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
24164
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
24165
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
24166
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
24167
|
+
margin-bottom: 1rem;
|
24168
|
+
}
|
24169
|
+
|
24170
|
+
.c4p--guidebanner__carousel .cds--btn--tertiary {
|
24171
|
+
border-color: #ffffff;
|
24172
|
+
color: #ffffff;
|
24173
|
+
}
|
24174
|
+
.c4p--guidebanner__carousel .cds--btn--tertiary:active, .c4p--guidebanner__carousel .cds--btn--tertiary:hover {
|
24175
|
+
border-color: #ffffff;
|
24176
|
+
background-color: #ffffff;
|
24177
|
+
color: #161616;
|
24178
|
+
}
|
24179
|
+
.c4p--guidebanner__carousel .cds--btn--tertiary svg {
|
24180
|
+
position: absolute;
|
24181
|
+
right: 1rem;
|
24182
|
+
width: 1rem;
|
24183
|
+
height: 1rem;
|
24184
|
+
flex-shrink: 0;
|
24185
|
+
}
|
24186
|
+
|
24187
|
+
.c4p--guidebanner__carousel .cds--btn--ghost {
|
24188
|
+
margin-left: -1rem;
|
24189
|
+
color: #a6c8ff;
|
24190
|
+
}
|
24191
|
+
.c4p--guidebanner__carousel .cds--btn--ghost:active, .c4p--guidebanner__carousel .cds--btn--ghost:hover {
|
24192
|
+
background-color: #7f3ae7;
|
24193
|
+
color: #f4f4f4;
|
24194
|
+
}
|
24195
|
+
|
24196
|
+
.c4p--guidebanner__carousel .c4p--guidebanner__element-link {
|
24197
|
+
color: #a6c8ff;
|
24198
|
+
}
|
24199
|
+
.c4p--guidebanner__carousel .c4p--guidebanner__element-link:visited {
|
24200
|
+
color: #a6c8ff;
|
24201
|
+
}
|
24202
|
+
.c4p--guidebanner__carousel .c4p--guidebanner__element-link:active, .c4p--guidebanner__carousel .c4p--guidebanner__element-link:hover {
|
24203
|
+
color: #d0e2ff;
|
24204
|
+
}
|
24205
|
+
|
24206
|
+
.c4p--guidebanner__navigation {
|
24207
|
+
display: flex;
|
24208
|
+
border-top: 0.0625rem solid #8a3ffc;
|
24209
|
+
}
|
24210
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation {
|
24211
|
+
border-top: none;
|
24212
|
+
}
|
24213
|
+
|
24214
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button {
|
24215
|
+
margin-left: 2.125rem;
|
24216
|
+
color: #a6c8ff;
|
24217
|
+
}
|
24218
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active, .c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover {
|
24219
|
+
background-color: #7433e3;
|
24220
|
+
color: #f4f4f4;
|
24221
|
+
}
|
24222
|
+
|
24223
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__back-button {
|
24224
|
+
margin-left: auto;
|
24225
|
+
}
|
24226
|
+
|
24227
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,
|
24228
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button {
|
24229
|
+
display: none;
|
24230
|
+
}
|
24231
|
+
|
24232
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:active, .c4p--guidebanner__navigation .c4p--guidebanner__back-button button:hover,
|
24233
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:active,
|
24234
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:hover {
|
24235
|
+
background-color: #7433e3;
|
24236
|
+
}
|
24237
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__back-button button path,
|
24238
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__next-button button path {
|
24239
|
+
fill: #ffffff;
|
24240
|
+
}
|
24241
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__back-button button[disabled] path,
|
24242
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__next-button button[disabled] path {
|
24243
|
+
fill: #9b63ff;
|
24244
|
+
}
|
24245
|
+
|
24246
|
+
.c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea {
|
24247
|
+
left: 2rem;
|
24248
|
+
}
|
24249
|
+
|
24250
|
+
.c4p--guidebanner__with-left-gutter .c4p--guidebanner__title {
|
24251
|
+
padding-left: 4.25rem;
|
24252
|
+
}
|
24253
|
+
|
24254
|
+
.c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation {
|
24255
|
+
padding-left: 1rem;
|
24256
|
+
}
|
24257
|
+
|
24258
|
+
.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container {
|
24259
|
+
padding-left: 1rem;
|
24260
|
+
}
|
24261
|
+
|
24262
|
+
.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled {
|
24263
|
+
width: 4rem;
|
24264
|
+
}
|
24265
|
+
|
23594
24266
|
/*# sourceMappingURL=index.css.map */
|