@carbon/ibm-products 1.2.3 → 1.4.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +538 -273
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-without-carbon-released-only.css +32 -41
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -2
- package/css/index-without-carbon.css +269 -41
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index.css +491 -41
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/es/components/APIKeyModal/APIKeyModal.js +25 -29
- package/es/components/ActionBar/ActionBar.js +4 -1
- package/es/components/AddSelect/AddSelect.js +157 -0
- package/es/components/AddSelect/index.js +7 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +19 -15
- package/es/components/CancelableTextEdit/CancelableTextEdit.js +245 -0
- package/es/components/{CreateTearsheet/constants.js → CancelableTextEdit/index.js} +1 -2
- package/es/components/CreateFullPage/CreateFullPage.js +78 -259
- package/es/components/CreateFullPage/CreateFullPageStep.js +58 -14
- package/es/components/CreateFullPage/index.js +1 -2
- package/es/components/CreateInfluencer/CreateInfluencer.js +23 -225
- package/es/components/CreateTearsheet/CreateTearsheet.js +69 -146
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +59 -16
- package/es/components/CreateTearsheet/index.js +0 -1
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +66 -27
- package/es/components/ExportModal/ExportModal.js +4 -2
- package/es/components/ImportModal/ImportModal.js +2 -1
- package/es/components/InlineEdit/InlineEdit.js +224 -0
- package/es/components/InlineEdit/index.js +7 -0
- package/es/components/MultiAddSelect/MultiAddSelect.js +16 -0
- package/es/components/MultiAddSelect/index.js +1 -0
- package/es/components/OptionsTile/OptionsTile.js +36 -15
- package/es/components/PageHeader/PageHeader.js +54 -33
- package/es/components/PageHeader/PageHeaderTitle.js +78 -7
- package/es/components/PageHeader/PageHeaderUtils.js +21 -2
- package/es/components/RemoveModal/RemoveModal.js +4 -2
- package/es/components/SingleAddSelect/SingleAddSelect.js +15 -0
- package/es/components/SingleAddSelect/index.js +1 -0
- package/es/components/TagSet/TagSet.js +4 -1
- package/es/components/Toolbar/Toolbar.js +69 -8
- package/es/components/index.js +5 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +15 -19
- package/es/global/js/hooks/useCreateComponentStepChange.js +44 -74
- package/es/global/js/hooks/useValidCreateStepCount.js +4 -7
- package/es/global/js/package-settings.js +5 -1
- package/es/global/js/utils/story-helper.js +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.js +25 -29
- package/lib/components/ActionBar/ActionBar.js +4 -1
- package/lib/components/AddSelect/AddSelect.js +178 -0
- package/lib/components/AddSelect/index.js +13 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +18 -14
- package/lib/components/CancelableTextEdit/CancelableTextEdit.js +265 -0
- package/lib/components/CancelableTextEdit/index.js +13 -0
- package/lib/components/CreateFullPage/CreateFullPage.js +78 -259
- package/lib/components/CreateFullPage/CreateFullPageStep.js +61 -14
- package/lib/components/CreateFullPage/index.js +1 -9
- package/lib/components/CreateInfluencer/CreateInfluencer.js +21 -236
- package/lib/components/CreateTearsheet/CreateTearsheet.js +71 -148
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +61 -15
- package/lib/components/CreateTearsheet/index.js +0 -8
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +67 -35
- package/lib/components/ExportModal/ExportModal.js +4 -2
- package/lib/components/ImportModal/ImportModal.js +2 -1
- package/lib/components/InlineEdit/InlineEdit.js +242 -0
- package/lib/components/InlineEdit/index.js +13 -0
- package/lib/components/MultiAddSelect/MultiAddSelect.js +37 -0
- package/lib/components/MultiAddSelect/index.js +13 -0
- package/lib/components/OptionsTile/OptionsTile.js +36 -15
- package/lib/components/PageHeader/PageHeader.js +54 -33
- package/lib/components/PageHeader/PageHeaderTitle.js +87 -9
- package/lib/components/PageHeader/PageHeaderUtils.js +21 -2
- package/lib/components/RemoveModal/RemoveModal.js +4 -2
- package/lib/components/SingleAddSelect/SingleAddSelect.js +36 -0
- package/lib/components/SingleAddSelect/index.js +13 -0
- package/lib/components/TagSet/TagSet.js +4 -1
- package/lib/components/Toolbar/Toolbar.js +69 -6
- package/lib/components/index.js +33 -1
- package/lib/global/js/hooks/useCreateComponentFocus.js +15 -19
- package/lib/global/js/hooks/useCreateComponentStepChange.js +44 -74
- package/lib/global/js/hooks/useValidCreateStepCount.js +4 -7
- package/lib/global/js/package-settings.js +5 -1
- package/lib/global/js/utils/story-helper.js +1 -1
- package/package.json +15 -15
- package/scss/components/AddSelect/_add-select.scss +84 -0
- package/scss/components/AddSelect/_index.scss +10 -0
- package/scss/components/AddSelect/_storybook-styles.scss +6 -0
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +19 -15
- package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +211 -0
- package/{es/components/CreateFullPage/constants.js → scss/components/CancelableTextEdit/_index.scss} +2 -2
- package/scss/components/CancelableTextEdit/_storybook-styles.scss +15 -0
- package/scss/components/CreateFullPage/_create-full-page.scss +4 -11
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +4 -8
- package/scss/components/InlineEdit/_index.scss +8 -0
- package/scss/components/InlineEdit/_inline-edit.scss +44 -0
- package/scss/components/InlineEdit/_storybook-styles.scss +15 -0
- package/scss/components/MultiAddSelect/_index.scss +1 -0
- package/scss/components/MultiAddSelect/_multi-add-select.scss +1 -0
- package/scss/components/MultiAddSelect/_storybook-styles.scss +6 -0
- package/scss/components/PageHeader/_page-header.scss +14 -4
- package/scss/components/SingleAddSelect/_index.scss +1 -0
- package/scss/components/SingleAddSelect/_single-add-select.scss +1 -0
- package/scss/components/SingleAddSelect/_storybook-styles.scss +6 -0
- package/scss/components/_index.scss +4 -0
- package/es/components/CreateFullPage/CreateFullPageSection.js +0 -53
- package/es/components/CreateTearsheet/CreateTearsheetSection.js +0 -83
- package/es/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -327
- package/es/global/js/utils/hasValidType.js +0 -94
- package/lib/components/CreateFullPage/CreateFullPageSection.js +0 -74
- package/lib/components/CreateFullPage/constants.js +0 -16
- package/lib/components/CreateTearsheet/CreateTearsheetSection.js +0 -105
- package/lib/components/CreateTearsheet/constants.js +0 -17
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -354
- package/lib/global/js/utils/hasValidType.js +0 -110
package/css/index.css
CHANGED
@@ -11754,20 +11754,14 @@ a.bx--overflow-menu-options__btn::before {
|
|
11754
11754
|
margin-left: 0;
|
11755
11755
|
}
|
11756
11756
|
|
11757
|
-
.c4p--create-full-page .c4p--create-full-
|
11758
|
-
.c4p--create-full-page .c4p--create-full-page__step--hidden-section {
|
11757
|
+
.c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
|
11759
11758
|
display: none;
|
11760
11759
|
}
|
11761
11760
|
|
11762
|
-
.c4p--create-full-page .c4p--create-full-
|
11761
|
+
.c4p--create-full-page .c4p--create-full-page__step__step--visible-step {
|
11763
11762
|
display: block;
|
11764
11763
|
}
|
11765
11764
|
|
11766
|
-
.c4p--create-full-page .c4p--create-full-page__step--visible-step {
|
11767
|
-
opacity: 1;
|
11768
|
-
}
|
11769
|
-
|
11770
|
-
.c4p--create-full-page .c4p--create-full-page__section-subtitle,
|
11771
11765
|
.c4p--create-full-page .c4p--create-full-page__step-subtitle {
|
11772
11766
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
11773
11767
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
@@ -11777,7 +11771,6 @@ a.bx--overflow-menu-options__btn::before {
|
|
11777
11771
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
11778
11772
|
}
|
11779
11773
|
|
11780
|
-
.c4p--create-full-page .c4p--create-full-page__section-description,
|
11781
11774
|
.c4p--create-full-page .c4p--create-full-page__step-description {
|
11782
11775
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
11783
11776
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
@@ -11865,8 +11858,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11865
11858
|
content: "";
|
11866
11859
|
}
|
11867
11860
|
|
11868
|
-
.c4p--create-full-page .c4p--create-full-page__step-title
|
11869
|
-
.c4p--create-full-page .c4p--create-full-page__section-title {
|
11861
|
+
.c4p--create-full-page .c4p--create-full-page__step-title {
|
11870
11862
|
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
11871
11863
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
11872
11864
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
@@ -14171,16 +14163,11 @@ a.bx--side-nav__link--current::before {
|
|
14171
14163
|
--c4p--tearsheet-create--total-width: 0;
|
14172
14164
|
}
|
14173
14165
|
|
14174
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14175
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-section {
|
14166
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--hidden-step {
|
14176
14167
|
display: none;
|
14177
14168
|
}
|
14178
14169
|
|
14179
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14180
|
-
display: block;
|
14181
|
-
}
|
14182
|
-
|
14183
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
|
14170
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14184
14171
|
animation: 400ms stepContentEntrance;
|
14185
14172
|
animation-fill-mode: forwards;
|
14186
14173
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
@@ -14188,7 +14175,7 @@ a.bx--side-nav__link--current::before {
|
|
14188
14175
|
}
|
14189
14176
|
|
14190
14177
|
@media (prefers-reduced-motion) {
|
14191
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14178
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14192
14179
|
animation: none;
|
14193
14180
|
opacity: 1;
|
14194
14181
|
}
|
@@ -16374,6 +16361,305 @@ a.bx--side-nav__link--current::before {
|
|
16374
16361
|
padding: 0;
|
16375
16362
|
}
|
16376
16363
|
|
16364
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16365
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16366
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16367
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16368
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16369
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16370
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16371
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16372
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16373
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16374
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16375
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16376
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16377
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16378
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16379
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16380
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16381
|
+
.bx--structured-list--selection .bx--structured-list-td,
|
16382
|
+
.bx--structured-list--selection .bx--structured-list-th {
|
16383
|
+
padding-right: 1rem;
|
16384
|
+
padding-left: 1rem;
|
16385
|
+
}
|
16386
|
+
.bx--structured-list--selection .bx--structured-list-td:first-child,
|
16387
|
+
.bx--structured-list--selection .bx--structured-list-th:first-child {
|
16388
|
+
padding-right: 1rem;
|
16389
|
+
padding-left: 1rem;
|
16390
|
+
}
|
16391
|
+
|
16392
|
+
.bx--structured-list-input {
|
16393
|
+
display: none;
|
16394
|
+
}
|
16395
|
+
|
16396
|
+
.bx--structured-list {
|
16397
|
+
box-sizing: border-box;
|
16398
|
+
padding: 0;
|
16399
|
+
border: 0;
|
16400
|
+
margin: 0;
|
16401
|
+
font-family: inherit;
|
16402
|
+
font-size: 100%;
|
16403
|
+
vertical-align: baseline;
|
16404
|
+
display: table;
|
16405
|
+
width: 100%;
|
16406
|
+
margin-bottom: 5rem;
|
16407
|
+
background-color: transparent;
|
16408
|
+
border-collapse: collapse;
|
16409
|
+
border-spacing: 0;
|
16410
|
+
overflow-x: auto;
|
16411
|
+
overflow-y: hidden;
|
16412
|
+
}
|
16413
|
+
.bx--structured-list *,
|
16414
|
+
.bx--structured-list *::before,
|
16415
|
+
.bx--structured-list *::after {
|
16416
|
+
box-sizing: inherit;
|
16417
|
+
}
|
16418
|
+
.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
|
16419
|
+
padding: 0.5rem;
|
16420
|
+
}
|
16421
|
+
.bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
|
16422
|
+
.bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
|
16423
|
+
padding-left: 1rem;
|
16424
|
+
}
|
16425
|
+
.bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
|
16426
|
+
padding-right: 1rem;
|
16427
|
+
padding-left: 0;
|
16428
|
+
}
|
16429
|
+
|
16430
|
+
.bx--structured-list-row {
|
16431
|
+
display: table-row;
|
16432
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
16433
|
+
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16434
|
+
}
|
16435
|
+
|
16436
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
|
16437
|
+
border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
|
16438
|
+
background-color: var(--cds-hover-row, #e5e5e5);
|
16439
|
+
cursor: pointer;
|
16440
|
+
}
|
16441
|
+
|
16442
|
+
.bx--structured-list-row.bx--structured-list-row--selected {
|
16443
|
+
background-color: var(--cds-selected-ui, #e0e0e0);
|
16444
|
+
}
|
16445
|
+
|
16446
|
+
.bx--structured-list-row.bx--structured-list-row--header-row {
|
16447
|
+
border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
|
16448
|
+
cursor: inherit;
|
16449
|
+
}
|
16450
|
+
|
16451
|
+
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
16452
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
16453
|
+
outline-offset: -2px;
|
16454
|
+
}
|
16455
|
+
@media screen and (prefers-contrast) {
|
16456
|
+
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
16457
|
+
outline-style: dotted;
|
16458
|
+
}
|
16459
|
+
}
|
16460
|
+
|
16461
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
|
16462
|
+
.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
|
16463
|
+
color: var(--cds-text-01, #161616);
|
16464
|
+
}
|
16465
|
+
|
16466
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
|
16467
|
+
border-top: 1px solid var(--cds-ui-01, #f4f4f4);
|
16468
|
+
}
|
16469
|
+
|
16470
|
+
.bx--structured-list-thead {
|
16471
|
+
display: table-header-group;
|
16472
|
+
vertical-align: middle;
|
16473
|
+
}
|
16474
|
+
|
16475
|
+
.bx--structured-list-th {
|
16476
|
+
box-sizing: border-box;
|
16477
|
+
padding: 0;
|
16478
|
+
border: 0;
|
16479
|
+
margin: 0;
|
16480
|
+
font-family: inherit;
|
16481
|
+
font-size: 100%;
|
16482
|
+
vertical-align: baseline;
|
16483
|
+
padding: 1rem 0.5rem 0.5rem 0.5rem;
|
16484
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
16485
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
16486
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
16487
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
16488
|
+
display: table-cell;
|
16489
|
+
height: 2.5rem;
|
16490
|
+
color: var(--cds-text-01, #161616);
|
16491
|
+
font-weight: 600;
|
16492
|
+
text-align: left;
|
16493
|
+
text-transform: none;
|
16494
|
+
vertical-align: top;
|
16495
|
+
}
|
16496
|
+
.bx--structured-list-th *,
|
16497
|
+
.bx--structured-list-th *::before,
|
16498
|
+
.bx--structured-list-th *::after {
|
16499
|
+
box-sizing: inherit;
|
16500
|
+
}
|
16501
|
+
|
16502
|
+
.bx--structured-list-tbody {
|
16503
|
+
display: table-row-group;
|
16504
|
+
vertical-align: middle;
|
16505
|
+
}
|
16506
|
+
|
16507
|
+
.bx--structured-list-td {
|
16508
|
+
box-sizing: border-box;
|
16509
|
+
padding: 0;
|
16510
|
+
border: 0;
|
16511
|
+
margin: 0;
|
16512
|
+
font-family: inherit;
|
16513
|
+
font-size: 100%;
|
16514
|
+
vertical-align: baseline;
|
16515
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
16516
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
16517
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
16518
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
16519
|
+
padding: 1rem 0.5rem 1.5rem 0.5rem;
|
16520
|
+
position: relative;
|
16521
|
+
display: table-cell;
|
16522
|
+
max-width: 36rem;
|
16523
|
+
color: var(--cds-text-02, #525252);
|
16524
|
+
transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16525
|
+
}
|
16526
|
+
.bx--structured-list-td *,
|
16527
|
+
.bx--structured-list-td *::before,
|
16528
|
+
.bx--structured-list-td *::after {
|
16529
|
+
box-sizing: inherit;
|
16530
|
+
}
|
16531
|
+
|
16532
|
+
.bx--structured-list-content--nowrap {
|
16533
|
+
white-space: nowrap;
|
16534
|
+
}
|
16535
|
+
|
16536
|
+
.bx--structured-list-svg {
|
16537
|
+
display: inline-block;
|
16538
|
+
fill: transparent;
|
16539
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16540
|
+
vertical-align: middle;
|
16541
|
+
}
|
16542
|
+
|
16543
|
+
.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
|
16544
|
+
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
16545
|
+
fill: var(--cds-icon-01, #161616);
|
16546
|
+
}
|
16547
|
+
|
16548
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
|
16549
|
+
width: 8%;
|
16550
|
+
}
|
16551
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
|
16552
|
+
width: 30%;
|
16553
|
+
}
|
16554
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
|
16555
|
+
width: 15%;
|
16556
|
+
}
|
16557
|
+
.bx--structured-list.bx--skeleton span {
|
16558
|
+
position: relative;
|
16559
|
+
padding: 0;
|
16560
|
+
border: none;
|
16561
|
+
background: var(--cds-skeleton-01, #e5e5e5);
|
16562
|
+
box-shadow: none;
|
16563
|
+
pointer-events: none;
|
16564
|
+
display: block;
|
16565
|
+
width: 75%;
|
16566
|
+
height: 1rem;
|
16567
|
+
}
|
16568
|
+
.bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
|
16569
|
+
border: none;
|
16570
|
+
cursor: default;
|
16571
|
+
outline: none;
|
16572
|
+
}
|
16573
|
+
.bx--structured-list.bx--skeleton span::before {
|
16574
|
+
position: absolute;
|
16575
|
+
top: 0;
|
16576
|
+
left: 0;
|
16577
|
+
width: 100%;
|
16578
|
+
height: 100%;
|
16579
|
+
animation: 3000ms ease-in-out skeleton infinite;
|
16580
|
+
background: var(--cds-skeleton-02, #c6c6c6);
|
16581
|
+
content: "";
|
16582
|
+
will-change: transform-origin, transform, opacity;
|
16583
|
+
}
|
16584
|
+
@media (prefers-reduced-motion: reduce) {
|
16585
|
+
.bx--structured-list.bx--skeleton span::before {
|
16586
|
+
animation: none;
|
16587
|
+
}
|
16588
|
+
}
|
16589
|
+
|
16590
|
+
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
|
16591
|
+
width: 5%;
|
16592
|
+
}
|
16593
|
+
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
|
16594
|
+
display: none;
|
16595
|
+
}
|
16596
|
+
|
16597
|
+
@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
|
16598
|
+
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
16599
|
+
fill: ButtonText;
|
16600
|
+
}
|
16601
|
+
}
|
16602
|
+
|
16603
|
+
.c4p--add-select__header {
|
16604
|
+
padding: var(--cds-spacing-05, 1rem);
|
16605
|
+
padding-bottom: 0;
|
16606
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16607
|
+
}
|
16608
|
+
|
16609
|
+
.c4p--add-select__body {
|
16610
|
+
padding: var(--cds-spacing-05, 1rem);
|
16611
|
+
}
|
16612
|
+
|
16613
|
+
.c4p--add-select__items-label {
|
16614
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
16615
|
+
}
|
16616
|
+
.c4p--add-select__items-label-container {
|
16617
|
+
display: flex;
|
16618
|
+
align-items: center;
|
16619
|
+
margin-top: var(--cds-spacing-05, 1rem);
|
16620
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
16621
|
+
}
|
16622
|
+
|
16623
|
+
.c4p--add-select__selections {
|
16624
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16625
|
+
}
|
16626
|
+
|
16627
|
+
.c4p--add-select__influencer-header {
|
16628
|
+
display: flex;
|
16629
|
+
padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
16630
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
16631
|
+
}
|
16632
|
+
.c4p--add-select__influencer-header .c4p--add-select__influencer-title {
|
16633
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
16634
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
16635
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
16636
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
16637
|
+
}
|
16638
|
+
|
16639
|
+
.c4p--add-select__influencer-title {
|
16640
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
16641
|
+
}
|
16642
|
+
|
16643
|
+
.c4p--add-select__influencer-body {
|
16644
|
+
padding: var(--cds-spacing-05, 1rem);
|
16645
|
+
}
|
16646
|
+
|
16647
|
+
.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
|
16648
|
+
max-width: 29rem;
|
16649
|
+
flex: 0 0 50%;
|
16650
|
+
}
|
16651
|
+
|
16652
|
+
.c4p--add-select .c4p--add-select__items-label {
|
16653
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
16654
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
16655
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
16656
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
16657
|
+
}
|
16658
|
+
|
16659
|
+
.c4p--add-select .bx--modal-container--sm .bx--modal-content p {
|
16660
|
+
padding-right: 0;
|
16661
|
+
}
|
16662
|
+
|
16377
16663
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16378
16664
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16379
16665
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -18052,14 +18338,9 @@ a.bx--side-nav__link--current::before {
|
|
18052
18338
|
white-space: nowrap;
|
18053
18339
|
}
|
18054
18340
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
18055
|
-
display:
|
18341
|
+
display: inline-flex;
|
18056
18342
|
width: 100%;
|
18057
18343
|
}
|
18058
|
-
@media (min-width: 42rem) {
|
18059
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
18060
|
-
display: inline-flex;
|
18061
|
-
}
|
18062
|
-
}
|
18063
18344
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .bx--breadcrumb {
|
18064
18345
|
width: 100%;
|
18065
18346
|
flex-wrap: nowrap;
|
@@ -18074,11 +18355,24 @@ a.bx--side-nav__link--current::before {
|
|
18074
18355
|
pointer-events: none;
|
18075
18356
|
visibility: hidden;
|
18076
18357
|
}
|
18358
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
|
18359
|
+
display: none;
|
18360
|
+
}
|
18361
|
+
@media (max-width: 41.98rem) {
|
18362
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item {
|
18363
|
+
display: none;
|
18364
|
+
}
|
18365
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
|
18077
18366
|
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
18078
|
-
|
18367
|
+
display: inline-flex;
|
18368
|
+
vertical-align: middle;
|
18369
|
+
}
|
18370
|
+
}
|
18371
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
18372
|
+
display: inline-flex;
|
18079
18373
|
}
|
18080
18374
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
|
18081
|
-
display: inline;
|
18375
|
+
display: inline-flex;
|
18082
18376
|
overflow: hidden;
|
18083
18377
|
}
|
18084
18378
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .bx--link {
|
@@ -18090,15 +18384,6 @@ a.bx--side-nav__link--current::before {
|
|
18090
18384
|
.c4p--breadcrumb-with-overflow .bx--link {
|
18091
18385
|
max-height: 18px;
|
18092
18386
|
}
|
18093
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
18094
|
-
display: inline-flex;
|
18095
|
-
margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem));
|
18096
|
-
}
|
18097
|
-
@media (min-width: 42rem) {
|
18098
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
18099
|
-
display: none;
|
18100
|
-
}
|
18101
|
-
}
|
18102
18387
|
|
18103
18388
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18104
18389
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -18906,7 +19191,7 @@ a.bx--side-nav__link--current::before {
|
|
18906
19191
|
height: var(--cds-spacing-02, 0.25rem);
|
18907
19192
|
}
|
18908
19193
|
.c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
|
18909
|
-
|
19194
|
+
min-height: var(--cds-spacing-07, 2rem);
|
18910
19195
|
}
|
18911
19196
|
.c4p--page-header .c4p--page-header__breadcrumb-row--container {
|
18912
19197
|
display: flex;
|
@@ -18937,7 +19222,7 @@ a.bx--side-nav__link--current::before {
|
|
18937
19222
|
transform: translateX(-50%) scaleX(1);
|
18938
19223
|
transition: all 150ms ease-out;
|
18939
19224
|
}
|
18940
|
-
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs::after,
|
19225
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
|
18941
19226
|
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
|
18942
19227
|
/* creates a full width box shadow without causing scroll */
|
18943
19228
|
box-shadow: 25vw 1px 0 0 var(--cds-ui-03, #e0e0e0), -25vw 1px 0 0 var(--cds-ui-03, #e0e0e0);
|
@@ -19125,8 +19410,6 @@ a.bx--side-nav__link--current::before {
|
|
19125
19410
|
top: var(--c4p--page-header--breadcrumb-top);
|
19126
19411
|
}
|
19127
19412
|
.c4p--page-header .c4p--page-header__title-column {
|
19128
|
-
overflow: hidden;
|
19129
|
-
/* required for ellipsis in title */
|
19130
19413
|
min-height: 40px;
|
19131
19414
|
flex: 0 0 100%;
|
19132
19415
|
}
|
@@ -19141,10 +19424,17 @@ a.bx--side-nav__link--current::before {
|
|
19141
19424
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
19142
19425
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
19143
19426
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
19144
|
-
overflow: hidden;
|
19427
|
+
overflow-x: hidden;
|
19145
19428
|
text-overflow: ellipsis;
|
19146
19429
|
white-space: nowrap;
|
19147
19430
|
}
|
19431
|
+
.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
|
19432
|
+
transform: translateY(-2px);
|
19433
|
+
}
|
19434
|
+
.c4p--page-header .c4p--page-header__title--editable {
|
19435
|
+
display: flex;
|
19436
|
+
overflow: visible;
|
19437
|
+
}
|
19148
19438
|
.c4p--page-header .c4p--page-header__title-skeleton {
|
19149
19439
|
height: var(--cds-spacing-07, 2rem);
|
19150
19440
|
}
|
@@ -19908,6 +20198,23 @@ a.bx--side-nav__link--current::before {
|
|
19908
20198
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19909
20199
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19910
20200
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20201
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20202
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20203
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20204
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20205
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20206
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20207
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20208
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20209
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20210
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20211
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20212
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20213
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20214
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20215
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20216
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20217
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19911
20218
|
@keyframes rotating {
|
19912
20219
|
0% {
|
19913
20220
|
transform: scaleY(-1) rotate(360deg);
|
@@ -22260,5 +22567,148 @@ a.bx--side-nav__link--current::before {
|
|
22260
22567
|
transition: none;
|
22261
22568
|
}
|
22262
22569
|
}
|
22570
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22571
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22572
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22573
|
+
.c4p--cancelable-text-edit {
|
22574
|
+
--size: var(--cds-spacing-08, 2.5rem);
|
22575
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22576
|
+
}
|
22577
|
+
|
22578
|
+
.c4p--cancelable-text-edit--sm {
|
22579
|
+
--size: var(--cds-spacing-07, 2rem);
|
22580
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22581
|
+
}
|
22582
|
+
|
22583
|
+
.c4p--cancelable-text-edit--lg {
|
22584
|
+
--size: var(--cds-spacing-09, 3rem);
|
22585
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22586
|
+
}
|
22587
|
+
|
22588
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__main {
|
22589
|
+
position: relative;
|
22590
|
+
display: inline-flex;
|
22591
|
+
min-height: var(--size);
|
22592
|
+
vertical-align: top;
|
22593
|
+
}
|
22594
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
|
22595
|
+
height: var(--size);
|
22596
|
+
padding-right: calc(2 * var(--size));
|
22597
|
+
}
|
22598
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons {
|
22599
|
+
position: absolute;
|
22600
|
+
top: 0;
|
22601
|
+
right: 0;
|
22602
|
+
display: flex;
|
22603
|
+
flex-direction: column;
|
22604
|
+
}
|
22605
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons-inner {
|
22606
|
+
display: flex;
|
22607
|
+
}
|
22608
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
|
22609
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
|
22610
|
+
border: 1px solid transparent;
|
22611
|
+
}
|
22612
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
|
22613
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
|
22614
|
+
border-color: var(--cds-hover-field, #e5e5e5);
|
22615
|
+
border-bottom-color: transparent;
|
22616
|
+
background-clip: content-box;
|
22617
|
+
box-shadow: initial;
|
22618
|
+
outline: initial;
|
22619
|
+
}
|
22620
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus,
|
22621
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
|
22622
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
|
22623
|
+
border-color: var(--cds-focus, #0f62fe);
|
22624
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
|
22625
|
+
outline: initial;
|
22626
|
+
}
|
22627
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
|
22628
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
|
22629
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-field-01, #f4f4f4);
|
22630
|
+
}
|
22631
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
|
22632
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
|
22633
|
+
background-color: transparent;
|
22634
|
+
}
|
22635
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert[disabled],
|
22636
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save[disabled] {
|
22637
|
+
border-color: transparent;
|
22638
|
+
}
|
22639
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover,
|
22640
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__revert:hover {
|
22641
|
+
border: 1px solid transparent;
|
22642
|
+
box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28);
|
22643
|
+
}
|
22644
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover {
|
22645
|
+
box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28), inset -1px 0 0 var(--cds-support-01, #da1e28);
|
22646
|
+
}
|
22647
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
|
22648
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
|
22649
|
+
border: 1px solid transparent;
|
22650
|
+
box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe);
|
22651
|
+
}
|
22652
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
|
22653
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover {
|
22654
|
+
background-clip: content-box;
|
22655
|
+
}
|
22656
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
|
22657
|
+
box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe), inset -1px 0 0 var(--cds-focus, #0f62fe);
|
22658
|
+
}
|
22659
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
|
22660
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
|
22661
|
+
display: flex;
|
22662
|
+
width: var(--size);
|
22663
|
+
height: var(--size);
|
22664
|
+
min-height: var(--size);
|
22665
|
+
flex-direction: column;
|
22666
|
+
align-items: center;
|
22667
|
+
justify-content: center;
|
22668
|
+
padding: 0;
|
22669
|
+
}
|
22670
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert svg,
|
22671
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save svg {
|
22672
|
+
width: var(--icon-size);
|
22673
|
+
height: var(--icon-size);
|
22674
|
+
}
|
22675
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn .bx--form-requirement {
|
22676
|
+
display: block;
|
22677
|
+
max-height: initial;
|
22678
|
+
}
|
22679
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid.c4p--cancelable-text-edit--inline .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn.c4p--cancelable-text-edit--inline .bx--form-requirement {
|
22680
|
+
margin-left: calc(20% + 1.25rem);
|
22681
|
+
}
|
22682
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement {
|
22683
|
+
display: block;
|
22684
|
+
overflow: visible;
|
22685
|
+
color: var(--cds-text-error, #da1e28);
|
22686
|
+
}
|
22687
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input {
|
22688
|
+
padding-right: calc(2 * var(--size));
|
22689
|
+
}
|
22690
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input--invalid {
|
22691
|
+
padding-right: calc(3 * var(--size));
|
22692
|
+
}
|
22693
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
|
22694
|
+
margin-right: var(--cds-spacing-11, 5rem);
|
22695
|
+
}
|
22696
|
+
|
22697
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22698
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22699
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22700
|
+
.c4p--inline-edit {
|
22701
|
+
display: inline-flex;
|
22702
|
+
align-content: center;
|
22703
|
+
}
|
22704
|
+
|
22705
|
+
.c4p--inline-edit .c4p--inline-edit__value {
|
22706
|
+
display: flex;
|
22707
|
+
align-items: center;
|
22708
|
+
}
|
22709
|
+
|
22710
|
+
.c4p--inline-edit .c4p--inline-edit__button {
|
22711
|
+
margin-left: var(--cds-spacing-03, 0.5rem);
|
22712
|
+
}
|
22263
22713
|
|
22264
22714
|
/*# sourceMappingURL=index.css.map */
|