@carbon/ibm-products 2.0.0-rc.24 → 2.0.0-rc.25
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +18 -26
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +9 -21
- 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-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +18 -26
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +18 -26
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/CreateFullPage/CreateFullPageStep.js +16 -9
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +8 -8
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +11 -17
- package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +9 -13
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +15 -4
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +6 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -6
- package/es/components/Datagrid/useSortableColumns.js +12 -4
- package/es/components/SidePanel/SidePanel.js +3 -5
- package/lib/components/CreateFullPage/CreateFullPageStep.js +14 -7
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +7 -7
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +10 -16
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +9 -13
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +15 -3
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +6 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -6
- package/lib/components/Datagrid/useSortableColumns.js +12 -4
- package/lib/components/SidePanel/SidePanel.js +2 -4
- package/package.json +2 -2
- package/scss/components/CreateFullPage/_create-full-page.scss +5 -10
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +8 -3
- package/scss/components/Datagrid/styles/_datagrid.scss +4 -0
- package/scss/components/Datagrid/styles/_useSortableColumns.scss +6 -3
- package/scss/components/EmptyStates/_empty-state.scss +2 -2
- package/scss/components/SidePanel/_side-panel.scss +5 -14
@@ -2730,8 +2730,6 @@
|
|
2730
2730
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
2731
2731
|
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
2732
2732
|
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
2733
|
-
max-width: 50%;
|
2734
|
-
padding-left: 2.5rem;
|
2735
2733
|
margin-bottom: 0.5rem;
|
2736
2734
|
}
|
2737
2735
|
|
@@ -2740,8 +2738,6 @@
|
|
2740
2738
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
2741
2739
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
2742
2740
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
2743
|
-
max-width: 50%;
|
2744
|
-
padding-left: 2.5rem;
|
2745
2741
|
margin-bottom: 1.5rem;
|
2746
2742
|
}
|
2747
2743
|
|
@@ -2796,7 +2792,8 @@
|
|
2796
2792
|
position: relative;
|
2797
2793
|
padding-bottom: 2rem;
|
2798
2794
|
}
|
2799
|
-
|
2795
|
+
|
2796
|
+
.c4p--create-full-page__step .cds--css-grid {
|
2800
2797
|
margin-left: 0;
|
2801
2798
|
}
|
2802
2799
|
|
@@ -2833,8 +2830,6 @@
|
|
2833
2830
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
2834
2831
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
2835
2832
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
2836
|
-
max-width: 50%;
|
2837
|
-
padding-left: 2.5rem;
|
2838
2833
|
margin-bottom: 1rem;
|
2839
2834
|
}
|
2840
2835
|
|
@@ -3239,17 +3234,7 @@
|
|
3239
3234
|
background-color: var(--cds-layer-01, #f4f4f4);
|
3240
3235
|
transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3241
3236
|
}
|
3242
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar
|
3243
|
-
min-width: 2rem;
|
3244
|
-
}
|
3245
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button {
|
3246
|
-
padding: 0;
|
3247
|
-
color: var(--cds-text-primary, #161616);
|
3248
|
-
}
|
3249
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button svg {
|
3250
|
-
margin-left: 0.5rem;
|
3251
|
-
}
|
3252
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-leading-button {
|
3237
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar-leading-button {
|
3253
3238
|
margin-right: 0.5rem;
|
3254
3239
|
}
|
3255
3240
|
.c4p--side-panel__container .cds--btn.c4p--side-panel__navigation-back-button {
|
@@ -3738,6 +3723,9 @@
|
|
3738
3723
|
}
|
3739
3724
|
}
|
3740
3725
|
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
3726
|
+
padding-right: 0.5rem;
|
3727
|
+
padding-left: 0.5rem;
|
3728
|
+
margin-left: 0;
|
3741
3729
|
animation: step-content-entrance 400ms;
|
3742
3730
|
animation-fill-mode: forwards;
|
3743
3731
|
animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
|
@@ -3749,7 +3737,6 @@
|
|
3749
3737
|
}
|
3750
3738
|
|
3751
3739
|
.c4p--tearsheet-create__step .cds--css-grid {
|
3752
|
-
padding-left: 0;
|
3753
3740
|
margin-left: 0;
|
3754
3741
|
}
|
3755
3742
|
|
@@ -3772,7 +3759,8 @@
|
|
3772
3759
|
}
|
3773
3760
|
.c4p--tearsheet-create .c4p--tearsheet-create__content {
|
3774
3761
|
height: 100%;
|
3775
|
-
padding: 1.5rem;
|
3762
|
+
padding-top: 1.5rem;
|
3763
|
+
padding-bottom: 1.5rem;
|
3776
3764
|
overflow-x: hidden;
|
3777
3765
|
}
|
3778
3766
|
|
@@ -3888,7 +3876,7 @@
|
|
3888
3876
|
font-weight: var(--cds-heading-03-font-weight, 400);
|
3889
3877
|
line-height: var(--cds-heading-03-line-height, 1.4);
|
3890
3878
|
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
3891
|
-
padding-bottom: 0.
|
3879
|
+
padding-bottom: 0.5rem;
|
3892
3880
|
margin: 0;
|
3893
3881
|
}
|
3894
3882
|
.c4p--empty-state .c4p--empty-state__subtitle {
|
@@ -10835,6 +10823,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10835
10823
|
padding: 0 0.5rem;
|
10836
10824
|
}
|
10837
10825
|
|
10826
|
+
.c4p--datagrid .c4p--datagrid__head-wrap {
|
10827
|
+
background-color: var(--cds-layer-accent);
|
10828
|
+
}
|
10829
|
+
|
10838
10830
|
/*
|
10839
10831
|
* Licensed Materials - Property of IBM
|
10840
10832
|
* 5724-Q36
|
@@ -10930,7 +10922,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10930
10922
|
}
|
10931
10923
|
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus,
|
10932
10924
|
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active,
|
10933
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus
|
10925
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus .c4p--datagrid__sortable-icon {
|
10934
10926
|
/* stylelint-disable-next-line declaration-no-important */
|
10935
10927
|
background: none !important;
|
10936
10928
|
/* stylelint-disable-next-line declaration-no-important */
|
@@ -10951,7 +10943,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10951
10943
|
color: var(--cds-text-primary, #161616) !important;
|
10952
10944
|
font: inherit;
|
10953
10945
|
}
|
10954
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort
|
10946
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort .c4p--datagrid__sortable-icon {
|
10955
10947
|
fill: var(--cds-text-primary, #161616);
|
10956
10948
|
opacity: 0;
|
10957
10949
|
visibility: hidden;
|
@@ -10961,9 +10953,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10961
10953
|
margin: 0 calc(-1 * 1rem);
|
10962
10954
|
}
|
10963
10955
|
|
10964
|
-
.c4p--datagrid__sortableColumn:hover .cds--table-header-label
|
10965
|
-
.c4p--datagrid__sortableColumn:focus-within .cds--table-header-label
|
10966
|
-
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label
|
10956
|
+
.c4p--datagrid__sortableColumn:hover .cds--table-header-label .c4p--datagrid__sortable-icon,
|
10957
|
+
.c4p--datagrid__sortableColumn:focus-within .cds--table-header-label .c4p--datagrid__sortable-icon,
|
10958
|
+
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label .c4p--datagrid__sortable-icon {
|
10967
10959
|
opacity: 1;
|
10968
10960
|
visibility: visible;
|
10969
10961
|
}
|