@carbon/ibm-products 2.0.0-rc.3 → 2.0.0-rc.4
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +63 -157
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -9
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +8 -151
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +3 -9
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +63 -157
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -9
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +63 -157
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -9
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelectBody.js +2 -2
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.js +9 -4
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +3 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +10 -9
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +1 -2
- package/es/components/Datagrid/useInfiniteScroll.js +5 -2
- package/es/components/Datagrid/utils/getArgTypes.js +4 -0
- package/es/components/EditUpdateCards/EditUpdateCards.js +144 -0
- package/es/components/EditUpdateCards/index.js +7 -0
- package/es/components/PageHeader/PageHeaderTitle.js +3 -1
- package/es/components/SidePanel/SidePanel.js +44 -51
- package/es/components/SidePanel/motion/variants.js +45 -0
- package/es/components/index.js +2 -1
- package/es/global/js/package-settings.js +2 -1
- package/es/global/js/utils/getBezierValues.js +20 -0
- package/es/global/js/utils/motionConstants.js +45 -0
- package/lib/components/AddSelect/AddSelectBody.js +2 -2
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +8 -3
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +3 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +9 -8
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +1 -2
- package/lib/components/Datagrid/useInfiniteScroll.js +5 -2
- package/lib/components/Datagrid/utils/getArgTypes.js +4 -0
- package/lib/components/EditUpdateCards/EditUpdateCards.js +152 -0
- package/lib/components/EditUpdateCards/index.js +13 -0
- package/lib/components/PageHeader/PageHeaderTitle.js +3 -1
- package/lib/components/SidePanel/SidePanel.js +45 -50
- package/lib/components/SidePanel/motion/variants.js +55 -0
- package/lib/components/index.js +9 -1
- package/lib/global/js/package-settings.js +2 -1
- package/lib/global/js/utils/getBezierValues.js +29 -0
- package/lib/global/js/utils/motionConstants.js +55 -0
- package/package.json +5 -3
- package/scss/components/AddSelect/_add-select.scss +2 -2
- package/scss/components/Datagrid/_storybook-styles.scss +4 -0
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +20 -5
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +2 -0
- package/scss/components/EditUpdateCards/_carbon-imports.scss +9 -0
- package/scss/components/EditUpdateCards/_edit-update-cards.scss +85 -0
- package/scss/components/EditUpdateCards/_index-with-carbon.scss +9 -0
- package/scss/components/EditUpdateCards/_index.scss +8 -0
- package/scss/components/EditUpdateCards/_storybook-styles.scss +55 -0
- package/scss/components/PageHeader/_page-header.scss +4 -0
- package/scss/components/SidePanel/_side-panel.scss +2 -78
- package/scss/components/SidePanel/_storybook-styles.scss +6 -1
- package/scss/components/_index-with-carbon.scss +1 -0
- package/scss/components/_index.scss +1 -0
package/css/index.css
CHANGED
@@ -6017,26 +6017,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
6017
6017
|
margin-bottom: 0;
|
6018
6018
|
}
|
6019
6019
|
|
6020
|
-
@keyframes side-panel-exit-left {
|
6021
|
-
0% {
|
6022
|
-
opacity: 1;
|
6023
|
-
transform: translateX(0);
|
6024
|
-
}
|
6025
|
-
100% {
|
6026
|
-
opacity: 0;
|
6027
|
-
transform: translateX(calc(-1 * 30rem));
|
6028
|
-
}
|
6029
|
-
}
|
6030
|
-
@keyframes side-panel-exit-right {
|
6031
|
-
0% {
|
6032
|
-
opacity: 1;
|
6033
|
-
transform: translateX(0);
|
6034
|
-
}
|
6035
|
-
100% {
|
6036
|
-
opacity: 0;
|
6037
|
-
transform: translateX(30rem);
|
6038
|
-
}
|
6039
|
-
}
|
6040
6020
|
.c4p--side-panel__container {
|
6041
6021
|
--c4p--side-panel--subtitle-opacity: 1;
|
6042
6022
|
--c4p--side-panel--title-container-height: 0;
|
@@ -6056,7 +6036,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
6056
6036
|
box-sizing: border-box;
|
6057
6037
|
background-color: var(--cds-layer-01, #f4f4f4);
|
6058
6038
|
color: var(--cds-text-primary, #161616);
|
6059
|
-
transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
6060
6039
|
}
|
6061
6040
|
.c4p--side-panel__container.c4p--side-panel__container--xs {
|
6062
6041
|
width: 16rem;
|
@@ -6070,37 +6049,13 @@ a.cds--overflow-menu-options__btn::before {
|
|
6070
6049
|
max-width: 100%;
|
6071
6050
|
}
|
6072
6051
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--xs {
|
6073
|
-
width: 16rem;
|
6074
|
-
max-width: 100%;
|
6075
6052
|
right: 0;
|
6076
6053
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6077
6054
|
}
|
6078
|
-
@keyframes side-panel-entrance-right {
|
6079
|
-
0% {
|
6080
|
-
opacity: 0;
|
6081
|
-
transform: translateX(16rem);
|
6082
|
-
}
|
6083
|
-
100% {
|
6084
|
-
opacity: 1;
|
6085
|
-
transform: translateX(0);
|
6086
|
-
}
|
6087
|
-
}
|
6088
6055
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--xs {
|
6089
|
-
width: 16rem;
|
6090
|
-
max-width: 100%;
|
6091
6056
|
left: 0;
|
6092
6057
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6093
6058
|
}
|
6094
|
-
@keyframes side-panel-entrance-left {
|
6095
|
-
0% {
|
6096
|
-
opacity: 0;
|
6097
|
-
transform: translateX(-16rem);
|
6098
|
-
}
|
6099
|
-
100% {
|
6100
|
-
opacity: 1;
|
6101
|
-
transform: translateX(0);
|
6102
|
-
}
|
6103
|
-
}
|
6104
6059
|
.c4p--side-panel__container.c4p--side-panel__container--sm {
|
6105
6060
|
width: 20rem;
|
6106
6061
|
max-width: 100%;
|
@@ -6113,37 +6068,13 @@ a.cds--overflow-menu-options__btn::before {
|
|
6113
6068
|
max-width: 100%;
|
6114
6069
|
}
|
6115
6070
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--sm {
|
6116
|
-
width: 20rem;
|
6117
|
-
max-width: 100%;
|
6118
6071
|
right: 0;
|
6119
6072
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6120
6073
|
}
|
6121
|
-
@keyframes side-panel-entrance-right {
|
6122
|
-
0% {
|
6123
|
-
opacity: 0;
|
6124
|
-
transform: translateX(20rem);
|
6125
|
-
}
|
6126
|
-
100% {
|
6127
|
-
opacity: 1;
|
6128
|
-
transform: translateX(0);
|
6129
|
-
}
|
6130
|
-
}
|
6131
6074
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--sm {
|
6132
|
-
width: 20rem;
|
6133
|
-
max-width: 100%;
|
6134
6075
|
left: 0;
|
6135
6076
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6136
6077
|
}
|
6137
|
-
@keyframes side-panel-entrance-left {
|
6138
|
-
0% {
|
6139
|
-
opacity: 0;
|
6140
|
-
transform: translateX(-20rem);
|
6141
|
-
}
|
6142
|
-
100% {
|
6143
|
-
opacity: 1;
|
6144
|
-
transform: translateX(0);
|
6145
|
-
}
|
6146
|
-
}
|
6147
6078
|
.c4p--side-panel__container.c4p--side-panel__container--md {
|
6148
6079
|
width: 30rem;
|
6149
6080
|
max-width: 100%;
|
@@ -6156,37 +6087,13 @@ a.cds--overflow-menu-options__btn::before {
|
|
6156
6087
|
max-width: 100%;
|
6157
6088
|
}
|
6158
6089
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--md {
|
6159
|
-
width: 30rem;
|
6160
|
-
max-width: 100%;
|
6161
6090
|
right: 0;
|
6162
6091
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6163
6092
|
}
|
6164
|
-
@keyframes side-panel-entrance-right {
|
6165
|
-
0% {
|
6166
|
-
opacity: 0;
|
6167
|
-
transform: translateX(30rem);
|
6168
|
-
}
|
6169
|
-
100% {
|
6170
|
-
opacity: 1;
|
6171
|
-
transform: translateX(0);
|
6172
|
-
}
|
6173
|
-
}
|
6174
6093
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--md {
|
6175
|
-
width: 30rem;
|
6176
|
-
max-width: 100%;
|
6177
6094
|
left: 0;
|
6178
6095
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6179
6096
|
}
|
6180
|
-
@keyframes side-panel-entrance-left {
|
6181
|
-
0% {
|
6182
|
-
opacity: 0;
|
6183
|
-
transform: translateX(-30rem);
|
6184
|
-
}
|
6185
|
-
100% {
|
6186
|
-
opacity: 1;
|
6187
|
-
transform: translateX(0);
|
6188
|
-
}
|
6189
|
-
}
|
6190
6097
|
.c4p--side-panel__container.c4p--side-panel__container--lg {
|
6191
6098
|
width: 40rem;
|
6192
6099
|
max-width: 100%;
|
@@ -6199,37 +6106,13 @@ a.cds--overflow-menu-options__btn::before {
|
|
6199
6106
|
max-width: 100%;
|
6200
6107
|
}
|
6201
6108
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--lg {
|
6202
|
-
width: 40rem;
|
6203
|
-
max-width: 100%;
|
6204
6109
|
right: 0;
|
6205
6110
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6206
6111
|
}
|
6207
|
-
@keyframes side-panel-entrance-right {
|
6208
|
-
0% {
|
6209
|
-
opacity: 0;
|
6210
|
-
transform: translateX(40rem);
|
6211
|
-
}
|
6212
|
-
100% {
|
6213
|
-
opacity: 1;
|
6214
|
-
transform: translateX(0);
|
6215
|
-
}
|
6216
|
-
}
|
6217
6112
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--lg {
|
6218
|
-
width: 40rem;
|
6219
|
-
max-width: 100%;
|
6220
6113
|
left: 0;
|
6221
6114
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6222
6115
|
}
|
6223
|
-
@keyframes side-panel-entrance-left {
|
6224
|
-
0% {
|
6225
|
-
opacity: 0;
|
6226
|
-
transform: translateX(-40rem);
|
6227
|
-
}
|
6228
|
-
100% {
|
6229
|
-
opacity: 1;
|
6230
|
-
transform: translateX(0);
|
6231
|
-
}
|
6232
|
-
}
|
6233
6116
|
.c4p--side-panel__container.c4p--side-panel__container--2xl {
|
6234
6117
|
width: 75%;
|
6235
6118
|
max-width: 100%;
|
@@ -6242,37 +6125,13 @@ a.cds--overflow-menu-options__btn::before {
|
|
6242
6125
|
max-width: 100%;
|
6243
6126
|
}
|
6244
6127
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--2xl {
|
6245
|
-
width: 75%;
|
6246
|
-
max-width: 100%;
|
6247
6128
|
right: 0;
|
6248
6129
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6249
6130
|
}
|
6250
|
-
@keyframes side-panel-entrance-right {
|
6251
|
-
0% {
|
6252
|
-
opacity: 0;
|
6253
|
-
transform: translateX(75%);
|
6254
|
-
}
|
6255
|
-
100% {
|
6256
|
-
opacity: 1;
|
6257
|
-
transform: translateX(0);
|
6258
|
-
}
|
6259
|
-
}
|
6260
6131
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--2xl {
|
6261
|
-
width: 75%;
|
6262
|
-
max-width: 100%;
|
6263
6132
|
left: 0;
|
6264
6133
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
6265
6134
|
}
|
6266
|
-
@keyframes side-panel-entrance-left {
|
6267
|
-
0% {
|
6268
|
-
opacity: 0;
|
6269
|
-
transform: translateX(-75%);
|
6270
|
-
}
|
6271
|
-
100% {
|
6272
|
-
opacity: 1;
|
6273
|
-
transform: translateX(0);
|
6274
|
-
}
|
6275
|
-
}
|
6276
6135
|
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container {
|
6277
6136
|
/* stylelint-disable-next-line max-nesting-depth */
|
6278
6137
|
}
|
@@ -6405,10 +6264,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6405
6264
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
|
6406
6265
|
position: fixed;
|
6407
6266
|
z-index: 2;
|
6408
|
-
top: calc(
|
6409
|
-
var(--c4p--side-panel--title-text-height) +
|
6410
|
-
var(--c4p--side-panel--label-text-height) + 3rem
|
6411
|
-
);
|
6267
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
6412
6268
|
background-color: var(--cds-layer-01, #f4f4f4);
|
6413
6269
|
}
|
6414
6270
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-is-animating {
|
@@ -6423,7 +6279,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
6423
6279
|
}
|
6424
6280
|
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
|
6425
6281
|
position: fixed;
|
6426
|
-
top: 3rem;
|
6427
6282
|
height: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
6428
6283
|
}
|
6429
6284
|
.c4p--side-panel__container .c4p--side-panel__inner-content {
|
@@ -6444,10 +6299,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6444
6299
|
}
|
6445
6300
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
6446
6301
|
position: fixed;
|
6447
|
-
top: calc(
|
6448
|
-
var(--c4p--side-panel--title-text-height) +
|
6449
|
-
var(--c4p--side-panel--subtitle-container-height) + 3rem
|
6450
|
-
);
|
6302
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
6451
6303
|
width: 100%;
|
6452
6304
|
border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
|
6453
6305
|
}
|
@@ -6603,7 +6455,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
6603
6455
|
width: 100%;
|
6604
6456
|
height: 100%;
|
6605
6457
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
6606
|
-
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
6607
6458
|
}
|
6608
6459
|
|
6609
6460
|
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
@@ -8736,8 +8587,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8736
8587
|
margin-top: 0.5rem;
|
8737
8588
|
}
|
8738
8589
|
|
8739
|
-
.cds--tooltip,
|
8740
|
-
.cds--overflow-menu-options {
|
8590
|
+
.c4p--add-select .cds--tooltip,
|
8591
|
+
.c4p--add-select .cds--overflow-menu-options {
|
8741
8592
|
z-index: 9000;
|
8742
8593
|
}
|
8743
8594
|
|
@@ -12199,6 +12050,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12199
12050
|
transform: translateY(-2px);
|
12200
12051
|
vertical-align: middle;
|
12201
12052
|
}
|
12053
|
+
.c4p--page-header .c4p--page-header__title-wrapper {
|
12054
|
+
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
12055
|
+
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
12056
|
+
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
12057
|
+
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
12058
|
+
}
|
12202
12059
|
.c4p--page-header .c4p--page-header__page-actions {
|
12203
12060
|
flex: 0 0 100%;
|
12204
12061
|
margin-top: 1rem;
|
@@ -16287,6 +16144,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16287
16144
|
.c4p--datagrid__customize-columns-select-all {
|
16288
16145
|
display: flex;
|
16289
16146
|
height: 3rem;
|
16147
|
+
align-items: center;
|
16290
16148
|
padding-left: 2.5rem;
|
16291
16149
|
border-bottom: 1px solid var(--cds-layer-active);
|
16292
16150
|
background-color: var(--cds-layer-01, #f4f4f4);
|
@@ -16299,6 +16157,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16299
16157
|
.c4p--datagrid__customize-columns-select-all-selected {
|
16300
16158
|
display: flex;
|
16301
16159
|
height: 3rem;
|
16160
|
+
align-items: center;
|
16302
16161
|
padding-left: 2.5rem;
|
16303
16162
|
border-bottom: 1px solid var(--cds-layer-active);
|
16304
16163
|
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
@@ -16555,6 +16414,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16555
16414
|
max-height: none;
|
16556
16415
|
}
|
16557
16416
|
|
16417
|
+
.c4p--datagrid {
|
16418
|
+
--c4p--datagrid--grid-header-height: 0;
|
16419
|
+
}
|
16420
|
+
|
16558
16421
|
.c4p--datagrid__inline-edit-cell {
|
16559
16422
|
display: flex;
|
16560
16423
|
height: 100%;
|
@@ -16715,7 +16578,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16715
16578
|
bottom: 0;
|
16716
16579
|
left: 0;
|
16717
16580
|
width: 2px;
|
16718
|
-
height: calc(100% - 50px);
|
16581
|
+
height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
|
16719
16582
|
background-color: var(--cds-link-inverse, #78a9ff);
|
16720
16583
|
content: "";
|
16721
16584
|
}
|
@@ -16726,12 +16589,12 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16726
16589
|
right: 0;
|
16727
16590
|
bottom: 0;
|
16728
16591
|
width: 2px;
|
16729
|
-
height: calc(100% - 50px);
|
16592
|
+
height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
|
16730
16593
|
background-color: var(--cds-link-inverse, #78a9ff);
|
16731
16594
|
content: "";
|
16732
16595
|
}
|
16733
16596
|
|
16734
|
-
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .
|
16597
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .cds--data-table-content::before {
|
16735
16598
|
position: absolute;
|
16736
16599
|
z-index: 2;
|
16737
16600
|
top: 0;
|
@@ -16744,7 +16607,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16744
16607
|
|
16745
16608
|
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::before,
|
16746
16609
|
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::after {
|
16747
|
-
height: calc(100% - 2px);
|
16610
|
+
height: calc(100% - 2px - var(--c4p--datagrid--grid-header-height));
|
16748
16611
|
}
|
16749
16612
|
|
16750
16613
|
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .c4p--datagrid__table-container {
|
@@ -16752,6 +16615,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16752
16615
|
outline-offset: -2px;
|
16753
16616
|
}
|
16754
16617
|
|
16618
|
+
.c4p--datagrid .c4p--datagrid__grid-container-inline-edit .c4p--datagrid__table-container {
|
16619
|
+
padding-top: 0.125rem;
|
16620
|
+
}
|
16621
|
+
|
16755
16622
|
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] ~ .cds--form-requirement,
|
16756
16623
|
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] .cds--form-requirement {
|
16757
16624
|
position: absolute;
|
@@ -16857,4 +16724,43 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16857
16724
|
overflow-x: unset;
|
16858
16725
|
}
|
16859
16726
|
|
16727
|
+
/* stylelint-disable max-nesting-depth */
|
16728
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit {
|
16729
|
+
/* Used id for overriding the SVG path fill */
|
16730
|
+
}
|
16731
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:hover,
|
16732
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:hover {
|
16733
|
+
background-color: #0050e6;
|
16734
|
+
}
|
16735
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:focus,
|
16736
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:focus {
|
16737
|
+
box-shadow: none;
|
16738
|
+
}
|
16739
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button svg path,
|
16740
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button svg path {
|
16741
|
+
fill: #ffffff;
|
16742
|
+
}
|
16743
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button.c4p--loading:hover,
|
16744
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button.c4p--loading:hover {
|
16745
|
+
background-color: transparent;
|
16746
|
+
}
|
16747
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer {
|
16748
|
+
background-color: #0f62fe;
|
16749
|
+
color: #ffffff;
|
16750
|
+
}
|
16751
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading {
|
16752
|
+
animation-duration: 700ms;
|
16753
|
+
animation-fill-mode: forwards;
|
16754
|
+
animation-iteration-count: infinite;
|
16755
|
+
animation-name: rotate;
|
16756
|
+
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
16757
|
+
}
|
16758
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading:hover {
|
16759
|
+
background-color: transparent;
|
16760
|
+
}
|
16761
|
+
.c4p--edit-update-cards:not(.c4p--edit-update-cards__actions-bottom)#c4p--edit-update-cards--edit .c4p--card__header {
|
16762
|
+
background-color: #0f62fe;
|
16763
|
+
color: #ffffff;
|
16764
|
+
}
|
16765
|
+
|
16860
16766
|
/*# sourceMappingURL=index.css.map */
|