@carbon/ibm-products 2.8.0 → 2.8.1

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 +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
@@ -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 {