@carbon/ibm-products 1.23.1 → 1.24.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/components/Datagrid/styles/datagrid.css +83 -11
- package/css/components/Datagrid/styles/datagrid.css.map +1 -1
- package/css/components/Datagrid/styles/index.css +83 -15
- package/css/components/Datagrid/styles/index.css.map +1 -1
- package/css/components/Datagrid/styles/useExpandedRow.css +0 -3
- package/css/components/Datagrid/styles/useExpandedRow.css.map +1 -1
- package/css/index-full-carbon.css +235 -44
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -7
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +15 -28
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -7
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +235 -44
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -7
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +235 -44
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -7
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelect.js +1 -2
- package/es/components/AddSelect/AddSelectBody.js +5 -9
- package/es/components/AddSelect/AddSelectColumn.js +4 -1
- package/es/components/AddSelect/AddSelectList.js +1 -1
- package/es/components/AddSelect/AddSelectSidebar.js +4 -26
- package/es/components/Datagrid/Datagrid/Datagrid.js +17 -12
- package/es/components/Datagrid/Datagrid/DatagridRow.js +4 -2
- package/es/components/Datagrid/useExpandedRow.js +5 -12
- package/es/components/Datagrid/useOnRowClick.js +10 -3
- package/es/components/EditFullPage/EditFullPage.js +79 -0
- package/es/components/EditFullPage/index.js +7 -0
- package/es/components/EditTearsheet/EditTearsheet.js +205 -0
- package/es/components/EditTearsheet/EditTearsheetForm.js +103 -0
- package/es/components/EditTearsheet/index.js +8 -0
- package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +230 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +79 -0
- package/es/components/EditTearsheetNarrow/index.js +7 -0
- package/es/components/index.js +4 -1
- package/es/global/js/package-settings.js +4 -1
- package/lib/components/AddSelect/AddSelect.js +1 -2
- package/lib/components/AddSelect/AddSelectBody.js +5 -9
- package/lib/components/AddSelect/AddSelectColumn.js +3 -1
- package/lib/components/AddSelect/AddSelectList.js +1 -1
- package/lib/components/AddSelect/AddSelectSidebar.js +3 -26
- package/lib/components/Datagrid/Datagrid/Datagrid.js +17 -12
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -1
- package/lib/components/Datagrid/useExpandedRow.js +5 -20
- package/lib/components/Datagrid/useOnRowClick.js +10 -3
- package/lib/components/EditFullPage/EditFullPage.js +85 -0
- package/lib/components/EditFullPage/index.js +13 -0
- package/lib/components/EditTearsheet/EditTearsheet.js +229 -0
- package/lib/components/EditTearsheet/EditTearsheetForm.js +122 -0
- package/lib/components/EditTearsheet/index.js +21 -0
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +254 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +85 -0
- package/lib/components/EditTearsheetNarrow/index.js +13 -0
- package/lib/components/index.js +25 -1
- package/lib/global/js/package-settings.js +4 -1
- package/package.json +2 -2
- package/scss/components/Cascade/_cascade.scss +1 -1
- package/scss/components/CreateInfluencer/_create-influencer.scss +2 -0
- package/scss/components/Datagrid/_datagrid.scss +0 -1
- package/scss/components/Datagrid/_storybook-styles.scss +53 -0
- package/scss/components/Datagrid/styles/datagrid.scss +93 -12
- package/scss/components/Datagrid/styles/useExpandedRow.scss +0 -6
- package/scss/components/EditFullPage/_edit-full-page.scss +34 -0
- package/scss/components/EditFullPage/_index.scss +8 -0
- package/scss/components/EditFullPage/_storybook-styles.scss +10 -0
- package/scss/components/EditTearsheet/_edit-tearsheet.scss +132 -0
- package/scss/components/EditTearsheet/_index.scss +8 -0
- package/scss/components/EditTearsheet/_storybook-styles.scss +55 -0
- package/scss/components/EditTearsheetNarrow/_edit-tearsheet-narrow.scss +34 -0
- package/scss/components/EditTearsheetNarrow/_index.scss +8 -0
- package/scss/components/EditTearsheetNarrow/_storybook-styles.scss +10 -0
- package/scss/components/InlineEdit/_inline-edit.scss +8 -20
- package/scss/components/NotificationsPanel/_notifications-panel.scss +1 -0
- package/scss/components/PageHeader/_page-header.scss +3 -1
- package/scss/components/StatusIcon/_status-icon.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +2 -2
- package/scss/components/_index.scss +3 -0
@@ -16387,7 +16387,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16387
16387
|
display: block;
|
16388
16388
|
width: 100%;
|
16389
16389
|
height: 100%;
|
16390
|
-
/* stylelint-disable-next-line carbon/motion-token-use */
|
16391
16390
|
animation: background-and-shadow-appear 1000ms linear paused forwards;
|
16392
16391
|
animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
|
16393
16392
|
content: "";
|
@@ -16527,7 +16526,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16527
16526
|
display: block;
|
16528
16527
|
width: 100%;
|
16529
16528
|
height: 100%;
|
16530
|
-
/* stylelint-disable-next-line carbon/motion-token-use */
|
16531
16529
|
animation: background-appear 1000ms linear paused forwards;
|
16532
16530
|
animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
|
16533
16531
|
content: "";
|
@@ -16639,6 +16637,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16639
16637
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
16640
16638
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
16641
16639
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
16640
|
+
min-height: var(--cds-spacing-08, 2.5rem);
|
16642
16641
|
overflow-x: hidden;
|
16643
16642
|
text-overflow: ellipsis;
|
16644
16643
|
white-space: nowrap;
|
@@ -16706,7 +16705,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16706
16705
|
display: block;
|
16707
16706
|
width: 100%;
|
16708
16707
|
height: 100%;
|
16709
|
-
/* stylelint-disable-next-line carbon/motion-token-use */
|
16710
16708
|
animation: background-appear 1000ms linear paused forwards;
|
16711
16709
|
animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
|
16712
16710
|
content: "";
|
@@ -19106,12 +19104,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19106
19104
|
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
|
19107
19105
|
display: inline-flex;
|
19108
19106
|
width: var(--c4p--inline-edit--size);
|
19107
|
+
max-width: var(--c4p--inline-edit--size);
|
19109
19108
|
height: 100%;
|
19110
19109
|
min-height: initial;
|
19111
19110
|
max-height: var(--c4p--inline-edit--size);
|
19112
|
-
|
19113
|
-
|
19114
|
-
);
|
19111
|
+
align-items: center;
|
19112
|
+
justify-content: center;
|
19115
19113
|
border: 2px solid transparent;
|
19116
19114
|
}
|
19117
19115
|
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
|
@@ -19132,38 +19130,27 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19132
19130
|
border-color: transparent;
|
19133
19131
|
}
|
19134
19132
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
|
19135
|
-
|
19133
|
+
overflow: visible;
|
19134
|
+
width: var(--c4p--inline-edit--edit-size);
|
19136
19135
|
transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
19137
19136
|
transition-property: margin, padding;
|
19138
19137
|
}
|
19139
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
19140
|
-
transition: width 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
19141
|
-
}
|
19142
|
-
@media (prefers-reduced-motion: reduce) {
|
19143
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
19144
|
-
transition: none;
|
19145
|
-
}
|
19146
|
-
}
|
19147
19138
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
|
19148
|
-
padding-right: 0;
|
19149
|
-
padding-left: 0;
|
19150
|
-
border-right: 0;
|
19151
|
-
border-left: 0;
|
19152
|
-
margin-right: calc(-1 * var(--c4p--inline-edit--size));
|
19153
|
-
}
|
19154
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save svg {
|
19155
19139
|
overflow: hidden;
|
19156
19140
|
width: 0;
|
19141
|
+
padding: 0;
|
19142
|
+
border-right: 0;
|
19143
|
+
border-left: 0;
|
19157
19144
|
}
|
19158
19145
|
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
|
19159
19146
|
display: inline-flex;
|
19160
19147
|
width: var(--c4p--inline-edit--size);
|
19148
|
+
max-width: var(--c4p--inline-edit--size);
|
19161
19149
|
height: 100%;
|
19162
19150
|
min-height: initial;
|
19163
19151
|
max-height: var(--c4p--inline-edit--size);
|
19164
|
-
|
19165
|
-
|
19166
|
-
);
|
19152
|
+
align-items: center;
|
19153
|
+
justify-content: center;
|
19167
19154
|
border: 2px solid transparent;
|
19168
19155
|
}
|
19169
19156
|
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
|
@@ -19187,12 +19174,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19187
19174
|
.c4p--inline-edit .c4p--inline-edit__validation-icon {
|
19188
19175
|
display: inline-flex;
|
19189
19176
|
width: var(--c4p--inline-edit--size);
|
19177
|
+
max-width: var(--c4p--inline-edit--size);
|
19190
19178
|
height: 100%;
|
19191
19179
|
min-height: initial;
|
19192
19180
|
max-height: var(--c4p--inline-edit--size);
|
19193
|
-
|
19194
|
-
|
19195
|
-
);
|
19181
|
+
align-items: center;
|
19182
|
+
justify-content: center;
|
19196
19183
|
border: 2px solid transparent;
|
19197
19184
|
}
|
19198
19185
|
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
|
@@ -19518,24 +19505,17 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19518
19505
|
|
19519
19506
|
.c4p--datagrid__grid-container {
|
19520
19507
|
display: block;
|
19521
|
-
overflow: auto;
|
19522
19508
|
width: 100%;
|
19523
19509
|
padding-top: 0;
|
19524
19510
|
}
|
19525
19511
|
.c4p--datagrid__grid-container .bx--data-table-content {
|
19526
19512
|
width: 100%;
|
19527
19513
|
height: 100%;
|
19528
|
-
|
19529
|
-
overflow-x: unset;
|
19514
|
+
overflow-x: auto;
|
19530
19515
|
}
|
19531
19516
|
.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
|
19532
|
-
|
19533
|
-
overflow: auto;
|
19517
|
+
overflow: hidden;
|
19534
19518
|
max-height: 100%;
|
19535
|
-
flex-direction: column;
|
19536
|
-
}
|
19537
|
-
.c4p--datagrid__grid-container .c4p--datagrid__with-pagination tr:last-of-type > td {
|
19538
|
-
border-bottom: none;
|
19539
19519
|
}
|
19540
19520
|
.c4p--datagrid__grid-container .c4p--datagrid__head {
|
19541
19521
|
display: flex;
|
@@ -19617,6 +19597,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19617
19597
|
flex: 1 1 auto;
|
19618
19598
|
}
|
19619
19599
|
|
19600
|
+
.c4p--datagrid__with-pagination table tr:last-of-type > td {
|
19601
|
+
border-bottom: none;
|
19602
|
+
}
|
19603
|
+
|
19620
19604
|
.c4p--datagrid__resizer {
|
19621
19605
|
position: absolute;
|
19622
19606
|
z-index: 1;
|
@@ -19709,7 +19693,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19709
19693
|
.c4p--datagrid__datagridLeftPanel {
|
19710
19694
|
display: flex;
|
19711
19695
|
width: 388px;
|
19712
|
-
height: 100%;
|
19713
19696
|
background-color: var(--cds-ui-01, #f4f4f4);
|
19714
19697
|
}
|
19715
19698
|
|
@@ -19720,15 +19703,91 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19720
19703
|
.c4p--datagrid__datagridWithPanel {
|
19721
19704
|
position: relative;
|
19722
19705
|
display: flex;
|
19723
|
-
overflow: auto;
|
19724
19706
|
width: 100%;
|
19707
|
+
height: 100%;
|
19725
19708
|
flex-direction: column;
|
19726
19709
|
}
|
19710
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__grid-container {
|
19711
|
+
display: flex;
|
19712
|
+
overflow: hidden;
|
19713
|
+
flex-direction: column;
|
19714
|
+
}
|
19715
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-toolbar {
|
19716
|
+
width: 100%;
|
19717
|
+
}
|
19718
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__datagridLeftPanel {
|
19719
|
+
flex: 0 0 auto;
|
19720
|
+
}
|
19721
|
+
.c4p--datagrid__datagridWithPanel .bx--data-table-content {
|
19722
|
+
flex: 1 1 0%;
|
19723
|
+
}
|
19724
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
|
19725
|
+
overflow: hidden;
|
19726
|
+
}
|
19727
|
+
|
19728
|
+
.c4p--datagrid__table-container {
|
19729
|
+
position: relative;
|
19730
|
+
display: flex;
|
19731
|
+
overflow: auto;
|
19732
|
+
width: 100%;
|
19733
|
+
max-height: 100%;
|
19734
|
+
}
|
19727
19735
|
|
19728
19736
|
.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
|
19729
19737
|
border-left: 1px solid var(--cds-interactive-01, #0f62fe);
|
19730
19738
|
}
|
19731
19739
|
|
19740
|
+
.c4p--datagrid .bx--data-table-header {
|
19741
|
+
background: transparent;
|
19742
|
+
}
|
19743
|
+
|
19744
|
+
.c4p--datagrid__dense-header {
|
19745
|
+
display: flex;
|
19746
|
+
flex-wrap: wrap;
|
19747
|
+
}
|
19748
|
+
.c4p--datagrid__dense-header .bx--data-table-header {
|
19749
|
+
flex: 1 1 auto;
|
19750
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
19751
|
+
}
|
19752
|
+
.c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
|
19753
|
+
flex: 0 0 auto;
|
19754
|
+
}
|
19755
|
+
.c4p--datagrid__dense-header .bx--table-toolbar {
|
19756
|
+
background: transparent;
|
19757
|
+
}
|
19758
|
+
.c4p--datagrid__dense-header .bx__table-container {
|
19759
|
+
flex: 1 1 100%;
|
19760
|
+
}
|
19761
|
+
.c4p--datagrid__dense-header .bx--table-toolbar {
|
19762
|
+
padding-top: var(--cds-spacing-07, 2rem);
|
19763
|
+
}
|
19764
|
+
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
|
19765
|
+
position: relative;
|
19766
|
+
}
|
19767
|
+
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider::before {
|
19768
|
+
position: absolute;
|
19769
|
+
top: 50%;
|
19770
|
+
left: 0;
|
19771
|
+
width: 1px;
|
19772
|
+
height: var(--cds-spacing-05, 1rem);
|
19773
|
+
border-left: 1px solid var(--cds-ui-03, #e0e0e0);
|
19774
|
+
content: "";
|
19775
|
+
transform: translateY(-50%);
|
19776
|
+
}
|
19777
|
+
|
19778
|
+
.bx--data-table--selected {
|
19779
|
+
position: relative;
|
19780
|
+
}
|
19781
|
+
|
19782
|
+
.bx--data-table--selected::before {
|
19783
|
+
position: absolute;
|
19784
|
+
left: 0;
|
19785
|
+
width: var(--cds-spacing-02, 0.25rem);
|
19786
|
+
height: 100%;
|
19787
|
+
background-color: var(--cds-interactive-01, #0f62fe);
|
19788
|
+
content: "";
|
19789
|
+
}
|
19790
|
+
|
19732
19791
|
/*
|
19733
19792
|
* Licensed Materials - Property of IBM
|
19734
19793
|
* 5724-Q36
|
@@ -20015,10 +20074,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
20015
20074
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
20016
20075
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
20017
20076
|
*/
|
20018
|
-
.c4p--datagrid__expanded-row-content {
|
20019
|
-
padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-06, 1.5rem) var(--cds-spacing-10, 4rem);
|
20020
|
-
}
|
20021
|
-
|
20022
20077
|
/*
|
20023
20078
|
* Licensed Materials - Property of IBM
|
20024
20079
|
* 5724-Q36
|
@@ -20087,7 +20142,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20087
20142
|
display: flex;
|
20088
20143
|
overflow: hidden;
|
20089
20144
|
width: 100%;
|
20090
|
-
height: 100%;
|
20091
20145
|
flex-direction: column;
|
20092
20146
|
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
|
20093
20147
|
}
|
@@ -20096,6 +20150,143 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20096
20150
|
overflow-x: unset;
|
20097
20151
|
}
|
20098
20152
|
|
20153
|
+
@keyframes rotate {
|
20154
|
+
0% {
|
20155
|
+
transform: rotate(0deg);
|
20156
|
+
}
|
20157
|
+
100% {
|
20158
|
+
transform: rotate(360deg);
|
20159
|
+
}
|
20160
|
+
}
|
20161
|
+
@keyframes rotate-end-p1 {
|
20162
|
+
100% {
|
20163
|
+
transform: rotate(360deg);
|
20164
|
+
}
|
20165
|
+
}
|
20166
|
+
@keyframes rotate-end-p2 {
|
20167
|
+
100% {
|
20168
|
+
transform: rotate(-360deg);
|
20169
|
+
}
|
20170
|
+
}
|
20171
|
+
/* Stroke animations */
|
20172
|
+
@keyframes init-stroke {
|
20173
|
+
0% {
|
20174
|
+
stroke-dashoffset: 276.4608;
|
20175
|
+
}
|
20176
|
+
100% {
|
20177
|
+
stroke-dashoffset: 52.527552;
|
20178
|
+
}
|
20179
|
+
}
|
20180
|
+
@keyframes stroke-end {
|
20181
|
+
0% {
|
20182
|
+
stroke-dashoffset: 52.527552;
|
20183
|
+
}
|
20184
|
+
100% {
|
20185
|
+
stroke-dashoffset: 276.4608;
|
20186
|
+
}
|
20187
|
+
}
|
20188
|
+
@keyframes stroke {
|
20189
|
+
100% {
|
20190
|
+
stroke-dashoffset: 0;
|
20191
|
+
}
|
20192
|
+
}
|
20193
|
+
@keyframes form-content-entrance {
|
20194
|
+
0% {
|
20195
|
+
opacity: 0;
|
20196
|
+
transform: translateY(-0.75rem);
|
20197
|
+
}
|
20198
|
+
100% {
|
20199
|
+
opacity: 1;
|
20200
|
+
transform: translateY(0);
|
20201
|
+
}
|
20202
|
+
}
|
20203
|
+
.c4p--tearsheet-edit {
|
20204
|
+
--c4p--tearsheet-edit--total-width: 0;
|
20205
|
+
}
|
20206
|
+
|
20207
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form__form--hidden-form {
|
20208
|
+
display: none;
|
20209
|
+
}
|
20210
|
+
|
20211
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form__form--visible-form {
|
20212
|
+
animation-duration: 400ms;
|
20213
|
+
animation-fill-mode: forwards;
|
20214
|
+
animation-name: form-content-entrance;
|
20215
|
+
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
20216
|
+
opacity: 0;
|
20217
|
+
}
|
20218
|
+
|
20219
|
+
@media (prefers-reduced-motion) {
|
20220
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form__form--visible-form {
|
20221
|
+
animation: none;
|
20222
|
+
opacity: 1;
|
20223
|
+
}
|
20224
|
+
}
|
20225
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__content {
|
20226
|
+
height: 100%;
|
20227
|
+
padding: var(--cds-spacing-06, 1.5rem);
|
20228
|
+
overflow-x: hidden;
|
20229
|
+
}
|
20230
|
+
|
20231
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__content .bx--grid {
|
20232
|
+
padding: 0;
|
20233
|
+
margin: 0;
|
20234
|
+
}
|
20235
|
+
|
20236
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--heading {
|
20237
|
+
padding-bottom: var(--cds-spacing-06, 1.5rem);
|
20238
|
+
}
|
20239
|
+
|
20240
|
+
.c4p--tearsheet-edit .bx--btn-set .bx--btn.bx--btn--disabled {
|
20241
|
+
box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
|
20242
|
+
}
|
20243
|
+
|
20244
|
+
.c4p--tearsheet-edit .bx--side-nav--ux {
|
20245
|
+
position: initial;
|
20246
|
+
width: 100%;
|
20247
|
+
max-width: 100%;
|
20248
|
+
background-color: transparent;
|
20249
|
+
}
|
20250
|
+
|
20251
|
+
.c4p--tearsheet-edit .bx--side-nav__link:hover {
|
20252
|
+
cursor: pointer;
|
20253
|
+
}
|
20254
|
+
|
20255
|
+
.c4p--tearsheet-edit .bx--side-nav__overlay-active {
|
20256
|
+
display: none;
|
20257
|
+
}
|
20258
|
+
|
20259
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--title,
|
20260
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--title {
|
20261
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
20262
|
+
}
|
20263
|
+
|
20264
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--subtitle,
|
20265
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--subtitle {
|
20266
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
20267
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
20268
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
20269
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
20270
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
20271
|
+
}
|
20272
|
+
|
20273
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--description,
|
20274
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--description {
|
20275
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
20276
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
20277
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
20278
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
20279
|
+
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
20280
|
+
}
|
20281
|
+
|
20282
|
+
.c4p--tearsheet-edit .bx--fieldset {
|
20283
|
+
margin-bottom: 0;
|
20284
|
+
}
|
20285
|
+
|
20286
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--fieldset > * {
|
20287
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
20288
|
+
}
|
20289
|
+
|
20099
20290
|
@font-face {
|
20100
20291
|
font-display: auto;
|
20101
20292
|
font-family: "IBM Plex Mono";
|