@carbon/ibm-products 2.0.0-rc.23 → 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 +51 -59
- 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 +37 -53
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +3 -3
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +51 -59
- 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 +46 -58
- 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/AddSelect/AddSelectBreadcrumbs.js +6 -4
- package/es/components/AddSelect/AddSelectFilter.js +1 -2
- package/es/components/AddSelect/AddSelectList.js +16 -34
- package/es/components/CreateFullPage/CreateFullPage.js +4 -2
- 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/es/components/Tearsheet/Tearsheet.js +3 -3
- package/es/components/Tearsheet/TearsheetShell.js +7 -6
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -4
- package/lib/components/AddSelect/AddSelectFilter.js +1 -2
- package/lib/components/AddSelect/AddSelectList.js +15 -33
- package/lib/components/CreateFullPage/CreateFullPage.js +3 -1
- 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/lib/components/Tearsheet/Tearsheet.js +2 -2
- package/lib/components/Tearsheet/TearsheetShell.js +7 -6
- package/package.json +2 -2
- package/scss/components/ActionSet/_action-set.scss +4 -1
- package/scss/components/AddSelect/_add-select.scss +0 -10
- 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 +9 -6
- package/scss/components/HTTPErrors/_http-errors.scss +8 -4
- package/scss/components/SidePanel/_side-panel.scss +5 -14
- package/scss/components/Tearsheet/_tearsheet.scss +4 -0
@@ -1006,7 +1006,7 @@
|
|
1006
1006
|
.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
1007
1007
|
.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
1008
1008
|
.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
|
1009
|
-
max-width:
|
1009
|
+
max-width: 14.5rem;
|
1010
1010
|
flex: 0 1 25%;
|
1011
1011
|
}
|
1012
1012
|
|
@@ -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 {
|
@@ -3640,6 +3625,9 @@
|
|
3640
3625
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
|
3641
3626
|
padding-right: 4rem;
|
3642
3627
|
}
|
3628
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
3629
|
+
max-width: 80%;
|
3630
|
+
}
|
3643
3631
|
.c4p--tearsheet .c4p--tearsheet__header-navigation {
|
3644
3632
|
margin: 0.75rem 0 0;
|
3645
3633
|
}
|
@@ -3735,6 +3723,9 @@
|
|
3735
3723
|
}
|
3736
3724
|
}
|
3737
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;
|
3738
3729
|
animation: step-content-entrance 400ms;
|
3739
3730
|
animation-fill-mode: forwards;
|
3740
3731
|
animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
|
@@ -3746,7 +3737,6 @@
|
|
3746
3737
|
}
|
3747
3738
|
|
3748
3739
|
.c4p--tearsheet-create__step .cds--css-grid {
|
3749
|
-
padding-left: 0;
|
3750
3740
|
margin-left: 0;
|
3751
3741
|
}
|
3752
3742
|
|
@@ -3769,7 +3759,8 @@
|
|
3769
3759
|
}
|
3770
3760
|
.c4p--tearsheet-create .c4p--tearsheet-create__content {
|
3771
3761
|
height: 100%;
|
3772
|
-
padding: 1.5rem;
|
3762
|
+
padding-top: 1.5rem;
|
3763
|
+
padding-bottom: 1.5rem;
|
3773
3764
|
overflow-x: hidden;
|
3774
3765
|
}
|
3775
3766
|
|
@@ -3881,25 +3872,25 @@
|
|
3881
3872
|
color: var(--cds-text-primary, #161616);
|
3882
3873
|
}
|
3883
3874
|
.c4p--empty-state .c4p--empty-state__header {
|
3884
|
-
font-size: var(--cds-
|
3885
|
-
font-weight: var(--cds-
|
3886
|
-
line-height: var(--cds-
|
3887
|
-
letter-spacing: var(--cds-
|
3888
|
-
padding-bottom: 0.
|
3875
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
3876
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
3877
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
3878
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
3879
|
+
padding-bottom: 0.5rem;
|
3889
3880
|
margin: 0;
|
3890
3881
|
}
|
3891
3882
|
.c4p--empty-state .c4p--empty-state__subtitle {
|
3892
|
-
font-size: var(--cds-body-
|
3893
|
-
font-weight: var(--cds-body-
|
3894
|
-
line-height: var(--cds-body-
|
3895
|
-
letter-spacing: var(--cds-body-
|
3883
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3884
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3885
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3886
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3896
3887
|
padding-bottom: 1rem;
|
3897
3888
|
}
|
3898
3889
|
.c4p--empty-state .c4p--empty-state__header--small {
|
3899
|
-
font-size: var(--cds-body-
|
3900
|
-
font-weight: var(--cds-body-
|
3901
|
-
line-height: var(--cds-body-
|
3902
|
-
letter-spacing: var(--cds-body-
|
3890
|
+
font-size: var(--cds-body-compact-02-font-size, 1rem);
|
3891
|
+
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
3892
|
+
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
3893
|
+
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
3903
3894
|
padding-bottom: 0.5rem;
|
3904
3895
|
}
|
3905
3896
|
.c4p--empty-state .c4p--empty-state__subtitle--small {
|
@@ -4107,26 +4098,26 @@
|
|
4107
4098
|
}
|
4108
4099
|
|
4109
4100
|
.c4p--http-errors .c4p--http-errors__error-code-label {
|
4110
|
-
font-size: var(--cds-
|
4111
|
-
font-weight: var(--cds-
|
4112
|
-
line-height: var(--cds-
|
4113
|
-
letter-spacing: var(--cds-
|
4101
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
4102
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
4103
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
4104
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
4114
4105
|
margin-bottom: 0.25rem;
|
4115
4106
|
}
|
4116
4107
|
|
4117
4108
|
.c4p--http-errors .c4p--http-errors__title {
|
4118
|
-
font-size: var(--cds-
|
4119
|
-
font-weight: var(--cds-
|
4120
|
-
line-height: var(--cds-
|
4121
|
-
letter-spacing: var(--cds-
|
4109
|
+
font-size: var(--cds-heading-05-font-size, 2rem);
|
4110
|
+
font-weight: var(--cds-heading-05-font-weight, 400);
|
4111
|
+
line-height: var(--cds-heading-05-line-height, 1.25);
|
4112
|
+
letter-spacing: var(--cds-heading-05-letter-spacing, 0);
|
4122
4113
|
margin-bottom: 0.75rem;
|
4123
4114
|
}
|
4124
4115
|
|
4125
4116
|
.c4p--http-errors .c4p--http-errors__description {
|
4126
|
-
font-size: var(--cds-body-
|
4127
|
-
font-weight: var(--cds-body-
|
4128
|
-
line-height: var(--cds-body-
|
4129
|
-
letter-spacing: var(--cds-body-
|
4117
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
4118
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
4119
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
4120
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
4130
4121
|
margin-bottom: 1.5rem;
|
4131
4122
|
}
|
4132
4123
|
|
@@ -4335,13 +4326,6 @@
|
|
4335
4326
|
flex-direction: column;
|
4336
4327
|
justify-content: center;
|
4337
4328
|
}
|
4338
|
-
.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover,
|
4339
|
-
.c4p--add-select__selections .cds--structured-list-row:focus-within .c4p--add-select__selections-hidden-hover {
|
4340
|
-
visibility: visible;
|
4341
|
-
}
|
4342
|
-
.c4p--add-select__selections-hidden-hover {
|
4343
|
-
visibility: hidden;
|
4344
|
-
}
|
4345
4329
|
.c4p--add-select__selections-row--selected.cds--structured-list-row {
|
4346
4330
|
border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
|
4347
4331
|
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
@@ -10839,6 +10823,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10839
10823
|
padding: 0 0.5rem;
|
10840
10824
|
}
|
10841
10825
|
|
10826
|
+
.c4p--datagrid .c4p--datagrid__head-wrap {
|
10827
|
+
background-color: var(--cds-layer-accent);
|
10828
|
+
}
|
10829
|
+
|
10842
10830
|
/*
|
10843
10831
|
* Licensed Materials - Property of IBM
|
10844
10832
|
* 5724-Q36
|
@@ -10934,7 +10922,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10934
10922
|
}
|
10935
10923
|
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus,
|
10936
10924
|
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active,
|
10937
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus
|
10925
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus .c4p--datagrid__sortable-icon {
|
10938
10926
|
/* stylelint-disable-next-line declaration-no-important */
|
10939
10927
|
background: none !important;
|
10940
10928
|
/* stylelint-disable-next-line declaration-no-important */
|
@@ -10955,7 +10943,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10955
10943
|
color: var(--cds-text-primary, #161616) !important;
|
10956
10944
|
font: inherit;
|
10957
10945
|
}
|
10958
|
-
.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 {
|
10959
10947
|
fill: var(--cds-text-primary, #161616);
|
10960
10948
|
opacity: 0;
|
10961
10949
|
visibility: hidden;
|
@@ -10965,9 +10953,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10965
10953
|
margin: 0 calc(-1 * 1rem);
|
10966
10954
|
}
|
10967
10955
|
|
10968
|
-
.c4p--datagrid__sortableColumn:hover .cds--table-header-label
|
10969
|
-
.c4p--datagrid__sortableColumn:focus-within .cds--table-header-label
|
10970
|
-
.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 {
|
10971
10959
|
opacity: 1;
|
10972
10960
|
visibility: visible;
|
10973
10961
|
}
|
@@ -14002,7 +13990,7 @@ a.cds--side-nav__link--current::before {
|
|
14002
13990
|
.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
14003
13991
|
.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
14004
13992
|
.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
|
14005
|
-
max-width:
|
13993
|
+
max-width: 14.5rem;
|
14006
13994
|
flex: 0 1 25%;
|
14007
13995
|
}
|
14008
13996
|
|
@@ -14185,6 +14173,10 @@ a.cds--side-nav__link--current::before {
|
|
14185
14173
|
padding-right: 4rem;
|
14186
14174
|
}
|
14187
14175
|
|
14176
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
14177
|
+
max-width: 80%;
|
14178
|
+
}
|
14179
|
+
|
14188
14180
|
.c4p--tearsheet .c4p--tearsheet__header-navigation {
|
14189
14181
|
margin: 0.75rem 0 0;
|
14190
14182
|
}
|