@carbon/ibm-products 2.0.0-rc.3 → 2.0.0-rc.5
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/CreateTearsheet/CreateTearsheet.js +8 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.js +10 -5
- 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/PageHeader.js +3 -3
- 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/hooks/useResetCreateComponent.js +6 -2
- package/es/global/js/package-settings.js +2 -1
- package/es/global/js/utils/getBezierValues.js +20 -0
- package/es/global/js/utils/getNumberOfHiddenSteps.js +19 -0
- package/es/global/js/utils/motionConstants.js +45 -0
- package/lib/components/AddSelect/AddSelectBody.js +2 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +9 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +9 -4
- 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/PageHeader.js +3 -3
- 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/hooks/useResetCreateComponent.js +7 -2
- package/lib/global/js/package-settings.js +2 -1
- package/lib/global/js/utils/getBezierValues.js +29 -0
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +28 -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
@@ -2926,26 +2926,6 @@
|
|
2926
2926
|
margin-bottom: 0;
|
2927
2927
|
}
|
2928
2928
|
|
2929
|
-
@keyframes side-panel-exit-left {
|
2930
|
-
0% {
|
2931
|
-
opacity: 1;
|
2932
|
-
transform: translateX(0);
|
2933
|
-
}
|
2934
|
-
100% {
|
2935
|
-
opacity: 0;
|
2936
|
-
transform: translateX(calc(-1 * 30rem));
|
2937
|
-
}
|
2938
|
-
}
|
2939
|
-
@keyframes side-panel-exit-right {
|
2940
|
-
0% {
|
2941
|
-
opacity: 1;
|
2942
|
-
transform: translateX(0);
|
2943
|
-
}
|
2944
|
-
100% {
|
2945
|
-
opacity: 0;
|
2946
|
-
transform: translateX(30rem);
|
2947
|
-
}
|
2948
|
-
}
|
2949
2929
|
.c4p--side-panel__container {
|
2950
2930
|
--c4p--side-panel--subtitle-opacity: 1;
|
2951
2931
|
--c4p--side-panel--title-container-height: 0;
|
@@ -2965,7 +2945,6 @@
|
|
2965
2945
|
box-sizing: border-box;
|
2966
2946
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2967
2947
|
color: var(--cds-text-primary, #161616);
|
2968
|
-
transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2969
2948
|
}
|
2970
2949
|
.c4p--side-panel__container.c4p--side-panel__container--xs {
|
2971
2950
|
width: 16rem;
|
@@ -2979,37 +2958,13 @@
|
|
2979
2958
|
max-width: 100%;
|
2980
2959
|
}
|
2981
2960
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--xs {
|
2982
|
-
width: 16rem;
|
2983
|
-
max-width: 100%;
|
2984
2961
|
right: 0;
|
2985
2962
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2986
2963
|
}
|
2987
|
-
@keyframes side-panel-entrance-right {
|
2988
|
-
0% {
|
2989
|
-
opacity: 0;
|
2990
|
-
transform: translateX(16rem);
|
2991
|
-
}
|
2992
|
-
100% {
|
2993
|
-
opacity: 1;
|
2994
|
-
transform: translateX(0);
|
2995
|
-
}
|
2996
|
-
}
|
2997
2964
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--xs {
|
2998
|
-
width: 16rem;
|
2999
|
-
max-width: 100%;
|
3000
2965
|
left: 0;
|
3001
2966
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3002
2967
|
}
|
3003
|
-
@keyframes side-panel-entrance-left {
|
3004
|
-
0% {
|
3005
|
-
opacity: 0;
|
3006
|
-
transform: translateX(-16rem);
|
3007
|
-
}
|
3008
|
-
100% {
|
3009
|
-
opacity: 1;
|
3010
|
-
transform: translateX(0);
|
3011
|
-
}
|
3012
|
-
}
|
3013
2968
|
.c4p--side-panel__container.c4p--side-panel__container--sm {
|
3014
2969
|
width: 20rem;
|
3015
2970
|
max-width: 100%;
|
@@ -3022,37 +2977,13 @@
|
|
3022
2977
|
max-width: 100%;
|
3023
2978
|
}
|
3024
2979
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--sm {
|
3025
|
-
width: 20rem;
|
3026
|
-
max-width: 100%;
|
3027
2980
|
right: 0;
|
3028
2981
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3029
2982
|
}
|
3030
|
-
@keyframes side-panel-entrance-right {
|
3031
|
-
0% {
|
3032
|
-
opacity: 0;
|
3033
|
-
transform: translateX(20rem);
|
3034
|
-
}
|
3035
|
-
100% {
|
3036
|
-
opacity: 1;
|
3037
|
-
transform: translateX(0);
|
3038
|
-
}
|
3039
|
-
}
|
3040
2983
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--sm {
|
3041
|
-
width: 20rem;
|
3042
|
-
max-width: 100%;
|
3043
2984
|
left: 0;
|
3044
2985
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3045
2986
|
}
|
3046
|
-
@keyframes side-panel-entrance-left {
|
3047
|
-
0% {
|
3048
|
-
opacity: 0;
|
3049
|
-
transform: translateX(-20rem);
|
3050
|
-
}
|
3051
|
-
100% {
|
3052
|
-
opacity: 1;
|
3053
|
-
transform: translateX(0);
|
3054
|
-
}
|
3055
|
-
}
|
3056
2987
|
.c4p--side-panel__container.c4p--side-panel__container--md {
|
3057
2988
|
width: 30rem;
|
3058
2989
|
max-width: 100%;
|
@@ -3065,37 +2996,13 @@
|
|
3065
2996
|
max-width: 100%;
|
3066
2997
|
}
|
3067
2998
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--md {
|
3068
|
-
width: 30rem;
|
3069
|
-
max-width: 100%;
|
3070
2999
|
right: 0;
|
3071
3000
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3072
3001
|
}
|
3073
|
-
@keyframes side-panel-entrance-right {
|
3074
|
-
0% {
|
3075
|
-
opacity: 0;
|
3076
|
-
transform: translateX(30rem);
|
3077
|
-
}
|
3078
|
-
100% {
|
3079
|
-
opacity: 1;
|
3080
|
-
transform: translateX(0);
|
3081
|
-
}
|
3082
|
-
}
|
3083
3002
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--md {
|
3084
|
-
width: 30rem;
|
3085
|
-
max-width: 100%;
|
3086
3003
|
left: 0;
|
3087
3004
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3088
3005
|
}
|
3089
|
-
@keyframes side-panel-entrance-left {
|
3090
|
-
0% {
|
3091
|
-
opacity: 0;
|
3092
|
-
transform: translateX(-30rem);
|
3093
|
-
}
|
3094
|
-
100% {
|
3095
|
-
opacity: 1;
|
3096
|
-
transform: translateX(0);
|
3097
|
-
}
|
3098
|
-
}
|
3099
3006
|
.c4p--side-panel__container.c4p--side-panel__container--lg {
|
3100
3007
|
width: 40rem;
|
3101
3008
|
max-width: 100%;
|
@@ -3108,37 +3015,13 @@
|
|
3108
3015
|
max-width: 100%;
|
3109
3016
|
}
|
3110
3017
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--lg {
|
3111
|
-
width: 40rem;
|
3112
|
-
max-width: 100%;
|
3113
3018
|
right: 0;
|
3114
3019
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3115
3020
|
}
|
3116
|
-
@keyframes side-panel-entrance-right {
|
3117
|
-
0% {
|
3118
|
-
opacity: 0;
|
3119
|
-
transform: translateX(40rem);
|
3120
|
-
}
|
3121
|
-
100% {
|
3122
|
-
opacity: 1;
|
3123
|
-
transform: translateX(0);
|
3124
|
-
}
|
3125
|
-
}
|
3126
3021
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--lg {
|
3127
|
-
width: 40rem;
|
3128
|
-
max-width: 100%;
|
3129
3022
|
left: 0;
|
3130
3023
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3131
3024
|
}
|
3132
|
-
@keyframes side-panel-entrance-left {
|
3133
|
-
0% {
|
3134
|
-
opacity: 0;
|
3135
|
-
transform: translateX(-40rem);
|
3136
|
-
}
|
3137
|
-
100% {
|
3138
|
-
opacity: 1;
|
3139
|
-
transform: translateX(0);
|
3140
|
-
}
|
3141
|
-
}
|
3142
3025
|
.c4p--side-panel__container.c4p--side-panel__container--2xl {
|
3143
3026
|
width: 75%;
|
3144
3027
|
max-width: 100%;
|
@@ -3151,37 +3034,13 @@
|
|
3151
3034
|
max-width: 100%;
|
3152
3035
|
}
|
3153
3036
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--2xl {
|
3154
|
-
width: 75%;
|
3155
|
-
max-width: 100%;
|
3156
3037
|
right: 0;
|
3157
3038
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3158
3039
|
}
|
3159
|
-
@keyframes side-panel-entrance-right {
|
3160
|
-
0% {
|
3161
|
-
opacity: 0;
|
3162
|
-
transform: translateX(75%);
|
3163
|
-
}
|
3164
|
-
100% {
|
3165
|
-
opacity: 1;
|
3166
|
-
transform: translateX(0);
|
3167
|
-
}
|
3168
|
-
}
|
3169
3040
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--2xl {
|
3170
|
-
width: 75%;
|
3171
|
-
max-width: 100%;
|
3172
3041
|
left: 0;
|
3173
3042
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3174
3043
|
}
|
3175
|
-
@keyframes side-panel-entrance-left {
|
3176
|
-
0% {
|
3177
|
-
opacity: 0;
|
3178
|
-
transform: translateX(-75%);
|
3179
|
-
}
|
3180
|
-
100% {
|
3181
|
-
opacity: 1;
|
3182
|
-
transform: translateX(0);
|
3183
|
-
}
|
3184
|
-
}
|
3185
3044
|
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container {
|
3186
3045
|
/* stylelint-disable-next-line max-nesting-depth */
|
3187
3046
|
}
|
@@ -3314,10 +3173,7 @@
|
|
3314
3173
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
|
3315
3174
|
position: fixed;
|
3316
3175
|
z-index: 2;
|
3317
|
-
top: calc(
|
3318
|
-
var(--c4p--side-panel--title-text-height) +
|
3319
|
-
var(--c4p--side-panel--label-text-height) + 3rem
|
3320
|
-
);
|
3176
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
3321
3177
|
background-color: var(--cds-layer-01, #f4f4f4);
|
3322
3178
|
}
|
3323
3179
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-is-animating {
|
@@ -3332,7 +3188,6 @@
|
|
3332
3188
|
}
|
3333
3189
|
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
|
3334
3190
|
position: fixed;
|
3335
|
-
top: 3rem;
|
3336
3191
|
height: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
3337
3192
|
}
|
3338
3193
|
.c4p--side-panel__container .c4p--side-panel__inner-content {
|
@@ -3353,10 +3208,7 @@
|
|
3353
3208
|
}
|
3354
3209
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
3355
3210
|
position: fixed;
|
3356
|
-
top: calc(
|
3357
|
-
var(--c4p--side-panel--title-text-height) +
|
3358
|
-
var(--c4p--side-panel--subtitle-container-height) + 3rem
|
3359
|
-
);
|
3211
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
3360
3212
|
width: 100%;
|
3361
3213
|
border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
|
3362
3214
|
}
|
@@ -3512,7 +3364,6 @@
|
|
3512
3364
|
width: 100%;
|
3513
3365
|
height: 100%;
|
3514
3366
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
3515
|
-
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3516
3367
|
}
|
3517
3368
|
|
3518
3369
|
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
@@ -4837,8 +4688,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4837
4688
|
margin-top: 0.5rem;
|
4838
4689
|
}
|
4839
4690
|
|
4840
|
-
.cds--tooltip,
|
4841
|
-
.cds--overflow-menu-options {
|
4691
|
+
.c4p--add-select .cds--tooltip,
|
4692
|
+
.c4p--add-select .cds--overflow-menu-options {
|
4842
4693
|
z-index: 9000;
|
4843
4694
|
}
|
4844
4695
|
|
@@ -7724,6 +7575,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7724
7575
|
transform: translateY(-2px);
|
7725
7576
|
vertical-align: middle;
|
7726
7577
|
}
|
7578
|
+
.c4p--page-header .c4p--page-header__title-wrapper {
|
7579
|
+
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
7580
|
+
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
7581
|
+
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
7582
|
+
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
7583
|
+
}
|
7727
7584
|
.c4p--page-header .c4p--page-header__page-actions {
|
7728
7585
|
flex: 0 0 100%;
|
7729
7586
|
margin-top: 1rem;
|
@@ -11092,6 +10949,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11092
10949
|
.c4p--datagrid__customize-columns-select-all {
|
11093
10950
|
display: flex;
|
11094
10951
|
height: 3rem;
|
10952
|
+
align-items: center;
|
11095
10953
|
padding-left: 2.5rem;
|
11096
10954
|
border-bottom: 1px solid var(--cds-layer-active);
|
11097
10955
|
background-color: var(--cds-layer-01, #f4f4f4);
|
@@ -11104,6 +10962,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11104
10962
|
.c4p--datagrid__customize-columns-select-all-selected {
|
11105
10963
|
display: flex;
|
11106
10964
|
height: 3rem;
|
10965
|
+
align-items: center;
|
11107
10966
|
padding-left: 2.5rem;
|
11108
10967
|
border-bottom: 1px solid var(--cds-layer-active);
|
11109
10968
|
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
@@ -11360,6 +11219,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11360
11219
|
max-height: none;
|
11361
11220
|
}
|
11362
11221
|
|
11222
|
+
.c4p--datagrid {
|
11223
|
+
--c4p--datagrid--grid-header-height: 0;
|
11224
|
+
}
|
11225
|
+
|
11363
11226
|
.c4p--datagrid__inline-edit-cell {
|
11364
11227
|
display: flex;
|
11365
11228
|
height: 100%;
|
@@ -11520,7 +11383,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11520
11383
|
bottom: 0;
|
11521
11384
|
left: 0;
|
11522
11385
|
width: 2px;
|
11523
|
-
height: calc(100% - 50px);
|
11386
|
+
height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
|
11524
11387
|
background-color: var(--cds-link-inverse, #78a9ff);
|
11525
11388
|
content: "";
|
11526
11389
|
}
|
@@ -11531,12 +11394,12 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11531
11394
|
right: 0;
|
11532
11395
|
bottom: 0;
|
11533
11396
|
width: 2px;
|
11534
|
-
height: calc(100% - 50px);
|
11397
|
+
height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
|
11535
11398
|
background-color: var(--cds-link-inverse, #78a9ff);
|
11536
11399
|
content: "";
|
11537
11400
|
}
|
11538
11401
|
|
11539
|
-
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .
|
11402
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .cds--data-table-content::before {
|
11540
11403
|
position: absolute;
|
11541
11404
|
z-index: 2;
|
11542
11405
|
top: 0;
|
@@ -11549,7 +11412,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11549
11412
|
|
11550
11413
|
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::before,
|
11551
11414
|
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::after {
|
11552
|
-
height: calc(100% - 2px);
|
11415
|
+
height: calc(100% - 2px - var(--c4p--datagrid--grid-header-height));
|
11553
11416
|
}
|
11554
11417
|
|
11555
11418
|
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .c4p--datagrid__table-container {
|
@@ -11557,6 +11420,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11557
11420
|
outline-offset: -2px;
|
11558
11421
|
}
|
11559
11422
|
|
11423
|
+
.c4p--datagrid .c4p--datagrid__grid-container-inline-edit .c4p--datagrid__table-container {
|
11424
|
+
padding-top: 0.125rem;
|
11425
|
+
}
|
11426
|
+
|
11560
11427
|
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] ~ .cds--form-requirement,
|
11561
11428
|
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] .cds--form-requirement {
|
11562
11429
|
position: absolute;
|
@@ -14182,6 +14049,45 @@ a.cds--side-nav__link--current::before {
|
|
14182
14049
|
margin-bottom: 1rem;
|
14183
14050
|
}
|
14184
14051
|
|
14052
|
+
/* stylelint-disable max-nesting-depth */
|
14053
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit {
|
14054
|
+
/* Used id for overriding the SVG path fill */
|
14055
|
+
}
|
14056
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:hover,
|
14057
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:hover {
|
14058
|
+
background-color: #0050e6;
|
14059
|
+
}
|
14060
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:focus,
|
14061
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:focus {
|
14062
|
+
box-shadow: none;
|
14063
|
+
}
|
14064
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button svg path,
|
14065
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button svg path {
|
14066
|
+
fill: #ffffff;
|
14067
|
+
}
|
14068
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button.c4p--loading:hover,
|
14069
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button.c4p--loading:hover {
|
14070
|
+
background-color: transparent;
|
14071
|
+
}
|
14072
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer {
|
14073
|
+
background-color: #0f62fe;
|
14074
|
+
color: #ffffff;
|
14075
|
+
}
|
14076
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading {
|
14077
|
+
animation-duration: 700ms;
|
14078
|
+
animation-fill-mode: forwards;
|
14079
|
+
animation-iteration-count: infinite;
|
14080
|
+
animation-name: rotate;
|
14081
|
+
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
14082
|
+
}
|
14083
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading:hover {
|
14084
|
+
background-color: transparent;
|
14085
|
+
}
|
14086
|
+
.c4p--edit-update-cards:not(.c4p--edit-update-cards__actions-bottom)#c4p--edit-update-cards--edit .c4p--card__header {
|
14087
|
+
background-color: #0f62fe;
|
14088
|
+
color: #ffffff;
|
14089
|
+
}
|
14090
|
+
|
14185
14091
|
html,
|
14186
14092
|
body,
|
14187
14093
|
div,
|