@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.
- package/css/index-full-carbon.css +40 -9
- 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 +7 -2
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +40 -9
- 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 +33 -7
- 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/CreateFullPage/CreateFullPage.js +4 -3
- package/es/components/CreateInfluencer/CreateInfluencer.js +10 -3
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
- package/es/components/FilterSummary/FilterSummary.js +9 -3
- package/es/components/SidePanel/SidePanel.js +3 -1
- package/es/components/TagSet/TagSet.js +3 -7
- package/es/global/decorators/sidePanelDecorator.js +11 -0
- package/es/global/js/utils/StoryDocsPage.js +5 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +4 -3
- package/lib/components/CreateInfluencer/CreateInfluencer.js +10 -3
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
- package/lib/components/FilterSummary/FilterSummary.js +9 -4
- package/lib/components/SidePanel/SidePanel.js +3 -1
- package/lib/components/TagSet/TagSet.js +2 -6
- package/lib/global/decorators/sidePanelDecorator.js +19 -0
- package/lib/global/js/utils/StoryDocsPage.js +5 -2
- package/package.json +2 -2
- package/scss/components/CreateInfluencer/_create-influencer.scss +6 -2
- package/scss/components/CreateSidePanel/_storybook-styles.scss +3 -0
- package/scss/components/DataSpreadsheet/_storybook-styles.scss +7 -2
- package/scss/components/Datagrid/_storybook-styles.scss +5 -2
- package/scss/components/Datagrid/styles/_datagrid.scss +32 -5
- package/scss/components/EditSidePanel/_storybook-styles.scss +8 -5
- package/scss/components/EditTearsheetNarrow/_storybook-styles.scss +1 -1
- package/scss/components/SidePanel/_storybook-styles.scss +7 -0
- package/scss/global/decorators/_side-panel-decorator.scss +18 -0
- 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-
|
3746
|
-
|
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:
|
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.
|
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-
|
15613
|
-
|
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 {
|