@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.
Files changed (43) hide show
  1. package/css/index-full-carbon.css +18 -26
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +9 -21
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +2 -2
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +18 -26
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +3 -3
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +18 -26
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +3 -3
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/CreateFullPage/CreateFullPageStep.js +16 -9
  18. package/es/components/CreateTearsheet/CreateTearsheetStep.js +8 -8
  19. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +11 -17
  20. package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +9 -13
  21. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  22. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +15 -4
  23. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +6 -1
  24. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -6
  25. package/es/components/Datagrid/useSortableColumns.js +12 -4
  26. package/es/components/SidePanel/SidePanel.js +3 -5
  27. package/lib/components/CreateFullPage/CreateFullPageStep.js +14 -7
  28. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +7 -7
  29. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +10 -16
  30. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +9 -13
  31. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  32. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +15 -3
  33. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +6 -1
  34. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -6
  35. package/lib/components/Datagrid/useSortableColumns.js +12 -4
  36. package/lib/components/SidePanel/SidePanel.js +2 -4
  37. package/package.json +2 -2
  38. package/scss/components/CreateFullPage/_create-full-page.scss +5 -10
  39. package/scss/components/CreateTearsheet/_create-tearsheet.scss +8 -3
  40. package/scss/components/Datagrid/styles/_datagrid.scss +4 -0
  41. package/scss/components/Datagrid/styles/_useSortableColumns.scss +6 -3
  42. package/scss/components/EmptyStates/_empty-state.scss +2 -2
  43. 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
- .c4p--create-full-page .c4p--create-full-page__step .cds--css-grid {
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 .c4p--side-panel__action-toolbar-button {
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.375rem;
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 svg {
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 svg {
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 svg,
10965
- .c4p--datagrid__sortableColumn:focus-within .cds--table-header-label svg,
10966
- .c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label svg {
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
  }