@carbon/ibm-products 2.8.0 → 2.8.1

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 +40 -9
  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 +7 -2
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +40 -9
  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 +33 -7
  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/CreateFullPage.js +4 -3
  18. package/es/components/CreateInfluencer/CreateInfluencer.js +10 -3
  19. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
  20. package/es/components/FilterSummary/FilterSummary.js +9 -3
  21. package/es/components/SidePanel/SidePanel.js +3 -1
  22. package/es/components/TagSet/TagSet.js +3 -7
  23. package/es/global/decorators/sidePanelDecorator.js +11 -0
  24. package/es/global/js/utils/StoryDocsPage.js +5 -2
  25. package/lib/components/CreateFullPage/CreateFullPage.js +4 -3
  26. package/lib/components/CreateInfluencer/CreateInfluencer.js +10 -3
  27. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
  28. package/lib/components/FilterSummary/FilterSummary.js +9 -4
  29. package/lib/components/SidePanel/SidePanel.js +3 -1
  30. package/lib/components/TagSet/TagSet.js +2 -6
  31. package/lib/global/decorators/sidePanelDecorator.js +19 -0
  32. package/lib/global/js/utils/StoryDocsPage.js +5 -2
  33. package/package.json +2 -2
  34. package/scss/components/CreateInfluencer/_create-influencer.scss +6 -2
  35. package/scss/components/CreateSidePanel/_storybook-styles.scss +3 -0
  36. package/scss/components/DataSpreadsheet/_storybook-styles.scss +7 -2
  37. package/scss/components/Datagrid/_storybook-styles.scss +5 -2
  38. package/scss/components/Datagrid/styles/_datagrid.scss +32 -5
  39. package/scss/components/EditSidePanel/_storybook-styles.scss +8 -5
  40. package/scss/components/EditTearsheetNarrow/_storybook-styles.scss +1 -1
  41. package/scss/components/SidePanel/_storybook-styles.scss +7 -0
  42. package/scss/global/decorators/_side-panel-decorator.scss +18 -0
  43. package/scss/global/js/utils/_story-as-full-page.scss +6 -0
package/css/index-full-carbon.css CHANGED
@@ -3732,6 +3732,7 @@ p.c4p--about-modal__copyright-text:first-child {
3732
3732
  .c4p--create-influencer {
3733
3733
  display: grid;
3734
3734
  height: 100%;
3735
+ padding: 1.5rem 2rem;
3735
3736
  grid-template-columns: 100%;
3736
3737
  grid-template-rows: 1fr auto;
3737
3738
  }
@@ -3742,8 +3743,12 @@ p.c4p--about-modal__copyright-text:first-child {
3742
3743
  overflow-y: auto;
3743
3744
  }
3744
3745
 
3745
- .c4p--create-influencer__progress-indicator.cds--progress {
3746
- padding: 1.5rem;
3746
+ .c4p--create-influencer__title {
3747
+ font-size: var(--cds-heading-03-font-size, 1.25rem);
3748
+ font-weight: var(--cds-heading-03-font-weight, 400);
3749
+ line-height: var(--cds-heading-03-line-height, 1.4);
3750
+ letter-spacing: var(--cds-heading-03-letter-spacing, 0);
3751
+ margin-bottom: 1.5rem;
3747
3752
  }
3748
3753
 
3749
3754
  .c4p--create-influencer__view-all-toggle {
@@ -11352,6 +11357,22 @@ button.c4p--add-select__global-filter-toggle--open {
11352
11357
  width: 100%;
11353
11358
  padding-top: 0;
11354
11359
  }
11360
+ .c4p--datagrid__grid-container .cds--data-table-header__description {
11361
+ overflow: hidden;
11362
+ text-overflow: ellipsis;
11363
+ white-space: nowrap;
11364
+ }
11365
+ .c4p--datagrid__grid-container .cds--data-table-header__title {
11366
+ overflow: hidden;
11367
+ max-width: 80ch;
11368
+ text-overflow: ellipsis;
11369
+ white-space: nowrap;
11370
+ }
11371
+ @media (min-width: 42rem) {
11372
+ .c4p--datagrid__grid-container .cds--data-table-header__title {
11373
+ max-width: 55ch;
11374
+ }
11375
+ }
11355
11376
  .c4p--datagrid__grid-container .cds--data-table-content {
11356
11377
  width: 100%;
11357
11378
  height: 100%;
@@ -11774,6 +11795,7 @@ button.c4p--add-select__global-filter-toggle--open {
11774
11795
  width: 1rem;
11775
11796
  height: 100%;
11776
11797
  margin: 0;
11798
+ -moz-appearance: initial;
11777
11799
  -webkit-appearance: none;
11778
11800
  appearance: none;
11779
11801
  background: transparent;
@@ -11783,12 +11805,12 @@ button.c4p--add-select__global-filter-toggle--open {
11783
11805
  outline: 0;
11784
11806
  }
11785
11807
 
11786
- .c4p--datagrid .c4p--datagrid__col-resizer-range:focus::before {
11808
+ .c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::before {
11787
11809
  position: absolute;
11788
11810
  top: 50%;
11789
11811
  left: 50%;
11790
11812
  width: 2px;
11791
- height: 100%;
11813
+ height: var(--c4p--datagrid--header-height);
11792
11814
  background-color: var(--cds-focus, #0f62fe);
11793
11815
  content: "";
11794
11816
  transform: translate(-50%, -50%);
@@ -11806,11 +11828,11 @@ button.c4p--add-select__global-filter-toggle--open {
11806
11828
  transform: translate(-50%, 0);
11807
11829
  }
11808
11830
 
11809
- .c4p--datagrid .c4p--datagrid__col-resizer-range:focus::after {
11831
+ .c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::after {
11810
11832
  position: absolute;
11811
11833
  /* stylelint-disable-next-line carbon/layout-token-use */
11812
- top: var(--c4p--datagrid--row-height);
11813
- right: 0.5rem;
11834
+ top: calc(var(--c4p--datagrid--row-height) - 20px);
11835
+ right: 0.25rem;
11814
11836
  width: 1px;
11815
11837
  height: calc(var(--c4p--datagrid--grid-height) - var(--c4p--datagrid--row-height));
11816
11838
  background-color: var(--cds-layer-active-01, #c6c6c6);
@@ -11827,6 +11849,10 @@ button.c4p--add-select__global-filter-toggle--open {
11827
11849
  background: transparent;
11828
11850
  }
11829
11851
 
11852
+ .c4p--datagrid .c4p--datagrid__col-resizer-range::-moz-range-thumb {
11853
+ visibility: hidden;
11854
+ }
11855
+
11830
11856
  /*
11831
11857
  * Licensed Materials - Property of IBM
11832
11858
  * 5724-Q36
@@ -15599,6 +15625,7 @@ a.cds--side-nav__link--current::before {
15599
15625
  .c4p--create-influencer {
15600
15626
  display: grid;
15601
15627
  height: 100%;
15628
+ padding: 1.5rem 2rem;
15602
15629
  grid-template-columns: 100%;
15603
15630
  grid-template-rows: 1fr auto;
15604
15631
  }
@@ -15609,8 +15636,12 @@ a.cds--side-nav__link--current::before {
15609
15636
  overflow-y: auto;
15610
15637
  }
15611
15638
 
15612
- .c4p--create-influencer__progress-indicator.cds--progress {
15613
- padding: 1.5rem;
15639
+ .c4p--create-influencer__title {
15640
+ font-size: var(--cds-heading-03-font-size, 1.25rem);
15641
+ font-weight: var(--cds-heading-03-font-weight, 400);
15642
+ line-height: var(--cds-heading-03-line-height, 1.4);
15643
+ letter-spacing: var(--cds-heading-03-letter-spacing, 0);
15644
+ margin-bottom: 1.5rem;
15614
15645
  }
15615
15646
 
15616
15647
  .c4p--create-influencer__view-all-toggle {