@carbon/ibm-products 2.11.2 → 2.12.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +40 -7
- 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 +36 -7
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -2
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +40 -7
- 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 +40 -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/Card/Card.js +9 -1
- package/es/components/Card/CardFooter.js +8 -2
- package/es/components/Card/CardHeader.js +8 -2
- package/es/components/CreateFullPage/CreateFullPage.docs-page.js +6 -0
- package/es/components/CreateFullPage/CreateFullPage.js +66 -8
- package/es/components/Datagrid/Datagrid/Datagrid.js +2 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +7 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +13 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +31 -10
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +18 -17
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +104 -18
- package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +68 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +120 -54
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +9 -3
- package/es/components/Datagrid/useActionsColumn.js +0 -2
- package/es/components/Datagrid/useFiltering.js +4 -1
- package/es/components/Datagrid/utils/DatagridActions.js +2 -3
- package/es/components/SimpleHeader/SimpleHeader.docs-page.js +17 -0
- package/es/components/SimpleHeader/SimpleHeader.js +92 -0
- package/es/components/SimpleHeader/index.js +8 -0
- package/es/components/StatusIcon/StatusIcon.js +13 -13
- package/es/components/Tearsheet/Tearsheet.js +2 -1
- package/es/components/Tearsheet/TearsheetNarrow.js +2 -1
- package/es/components/Tearsheet/TearsheetShell.js +2 -1
- package/es/global/js/utils/StoryDocsPage.js +3 -3
- package/lib/components/Card/Card.js +9 -1
- package/lib/components/Card/CardFooter.js +8 -2
- package/lib/components/Card/CardHeader.js +8 -2
- package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +6 -0
- package/lib/components/CreateFullPage/CreateFullPage.js +65 -7
- package/lib/components/Datagrid/Datagrid/Datagrid.js +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +6 -0
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +13 -1
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +31 -10
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +40 -38
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +109 -24
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +79 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +136 -70
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +10 -4
- package/lib/components/Datagrid/useActionsColumn.js +0 -2
- package/lib/components/Datagrid/useFiltering.js +4 -1
- package/lib/components/Datagrid/utils/DatagridActions.js +2 -3
- package/lib/components/SimpleHeader/SimpleHeader.docs-page.js +28 -0
- package/lib/components/SimpleHeader/SimpleHeader.js +102 -0
- package/lib/components/SimpleHeader/index.js +12 -0
- package/lib/components/StatusIcon/StatusIcon.js +12 -12
- package/lib/components/Tearsheet/Tearsheet.js +1 -1
- package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/lib/components/Tearsheet/TearsheetShell.js +4 -2
- package/lib/global/js/utils/StoryDocsPage.js +3 -3
- package/package.json +2 -2
- package/scss/components/Card/_card.scss +1 -1
- package/scss/components/CreateFullPage/_create-full-page.scss +11 -2
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +4 -0
- package/scss/components/ProductiveCard/_productive-card.scss +0 -1
- package/scss/components/SimpleHeader/_carbon-imports.scss +11 -0
- package/scss/components/SimpleHeader/_index-with-carbon.scss +9 -0
- package/scss/components/SimpleHeader/_index.scss +10 -0
- package/scss/components/SimpleHeader/_simple-header.scss +37 -0
- package/scss/components/StatusIcon/_status-icon.scss +0 -1
- package/scss/components/_index-with-carbon.scss +1 -0
@@ -3781,6 +3781,32 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3781
3781
|
opacity: 1;
|
3782
3782
|
}
|
3783
3783
|
}
|
3784
|
+
.c4p--simple-header {
|
3785
|
+
width: 100%;
|
3786
|
+
padding: 0.75rem 2rem;
|
3787
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3788
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
3789
|
+
}
|
3790
|
+
|
3791
|
+
.c4p--simple-header__title {
|
3792
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
3793
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
3794
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
3795
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
3796
|
+
}
|
3797
|
+
|
3798
|
+
.c4p--simple-header__breadcrumbs + .c4p--simple-header__title {
|
3799
|
+
margin-top: 0.25rem;
|
3800
|
+
}
|
3801
|
+
|
3802
|
+
.c4p--simple-header__breadcrumbs .cds--breadcrumb-item,
|
3803
|
+
.c4p--simple-header__breadcrumbs .cds--breadcrumb-item .cds--link {
|
3804
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
3805
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
3806
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
3807
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
3808
|
+
}
|
3809
|
+
|
3784
3810
|
.c4p--create-full-page .c4p--create-full-page {
|
3785
3811
|
color: var(--cds-text-primary, #161616);
|
3786
3812
|
}
|
@@ -3791,6 +3817,14 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3791
3817
|
margin-left: 0;
|
3792
3818
|
}
|
3793
3819
|
|
3820
|
+
.c4p--create-full-page__header {
|
3821
|
+
position: sticky;
|
3822
|
+
z-index: 9;
|
3823
|
+
top: 0;
|
3824
|
+
right: 0;
|
3825
|
+
left: 0;
|
3826
|
+
}
|
3827
|
+
|
3794
3828
|
.c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
|
3795
3829
|
display: none;
|
3796
3830
|
}
|
@@ -3827,7 +3861,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3827
3861
|
display: none;
|
3828
3862
|
}
|
3829
3863
|
|
3830
|
-
.c4p--create-full-
|
3864
|
+
.c4p--create-full-page__influencer-and-body-container {
|
3831
3865
|
display: flex;
|
3832
3866
|
height: 100vh;
|
3833
3867
|
padding: 0;
|
@@ -5140,7 +5174,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
5140
5174
|
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
5141
5175
|
}
|
5142
5176
|
|
5143
|
-
c4p--card__icon:active {
|
5177
|
+
.c4p--card__icon:active {
|
5144
5178
|
color: var(--cds-link-primary-hover, #0043ce);
|
5145
5179
|
}
|
5146
5180
|
|
@@ -8832,7 +8866,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8832
8866
|
}
|
8833
8867
|
.c4p--card__productive .c4p--card__actions-header-ghost-button {
|
8834
8868
|
min-height: 2rem;
|
8835
|
-
padding: 0 1rem;
|
8836
8869
|
padding-right: 0.625rem;
|
8837
8870
|
padding-left: 0.625rem;
|
8838
8871
|
/* stylelint-disable-next-line max-nesting-depth */
|
@@ -9178,14 +9211,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9178
9211
|
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
|
9179
9212
|
.c4p--status-icon--light.c4p--status-icon--light-running {
|
9180
9213
|
fill: #198038;
|
9181
|
-
transform: scaleY(-1);
|
9182
9214
|
}
|
9183
9215
|
|
9184
9216
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-running,
|
9185
9217
|
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
|
9186
9218
|
.c4p--status-icon--light.c4p--status-icon--dark-running {
|
9187
9219
|
fill: #198038;
|
9188
|
-
transform: scaleY(-1);
|
9189
9220
|
}
|
9190
9221
|
|
9191
9222
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-pending,
|
@@ -9454,14 +9485,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9454
9485
|
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
|
9455
9486
|
.c4p--status-icon--dark.c4p--status-icon--light-running {
|
9456
9487
|
fill: #24a148;
|
9457
|
-
transform: scaleY(-1);
|
9458
9488
|
}
|
9459
9489
|
|
9460
9490
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-running,
|
9461
9491
|
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
|
9462
9492
|
.c4p--status-icon--dark.c4p--status-icon--dark-running {
|
9463
9493
|
fill: #24a148;
|
9464
|
-
transform: scaleY(-1);
|
9465
9494
|
}
|
9466
9495
|
|
9467
9496
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-pending,
|
@@ -12437,6 +12466,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12437
12466
|
border-bottom: none;
|
12438
12467
|
}
|
12439
12468
|
|
12469
|
+
.cds--btn.c4p--datagrid-filter-panel__view-all-button {
|
12470
|
+
margin-left: -1rem;
|
12471
|
+
}
|
12472
|
+
|
12440
12473
|
.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
|
12441
12474
|
.c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
|
12442
12475
|
/* stylelint-disable-next-line declaration-no-important */
|