@carbon/ibm-products 2.0.0-rc.24 → 2.0.0-rc.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
}
|