@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.
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
  }