@carbon/ibm-products 2.1.1 → 2.1.2
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +24 -2
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +6 -1
- 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 +24 -2
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +17 -1
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +3 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +5 -11
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +17 -17
- package/es/components/Datagrid/utils/DatagridActions.js +6 -14
- package/es/components/ImportModal/ImportModal.js +13 -6
- package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -17
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/Tearsheet/TearsheetShell.js +4 -5
- package/es/global/js/hooks/useCreateComponentStepChange.js +16 -15
- package/es/global/js/utils/story-helper.js +1 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +3 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +4 -10
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +17 -17
- package/lib/components/Datagrid/utils/DatagridActions.js +5 -13
- package/lib/components/ImportModal/ImportModal.js +13 -6
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -17
- package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
- package/lib/components/Tearsheet/TearsheetShell.js +4 -5
- package/lib/global/js/hooks/useCreateComponentStepChange.js +16 -15
- package/lib/global/js/utils/story-helper.js +1 -1
- package/package.json +4 -4
- package/scss/components/DataSpreadsheet/_storybook-styles.scss +6 -0
- package/scss/components/Datagrid/_storybook-styles.scss +7 -1
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +7 -0
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +4 -0
- package/scss/components/HTTPErrors/_storybook-styles.scss +16 -2
- package/scss/components/NotificationsPanel/_storybook-styles.scss +0 -4
- package/scss/components/PageHeader/_storybook-styles.scss +42 -14
- package/scss/components/Tearsheet/_tearsheet.scss +7 -1
- package/scss/components/WebTerminal/_storybook-styles.scss +16 -1
- package/scss/global/styles/_display-box.scss +1 -0
@@ -3560,11 +3560,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3560
3560
|
padding: 1.5rem 2rem;
|
3561
3561
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3562
3562
|
margin: 0;
|
3563
|
+
background-color: var(--cds-layer);
|
3563
3564
|
}
|
3564
3565
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
3565
3566
|
padding: 1rem;
|
3566
3567
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3567
3568
|
margin: 0;
|
3569
|
+
background-color: var(--cds-layer);
|
3568
3570
|
}
|
3569
3571
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
3570
3572
|
display: flex;
|
@@ -3655,10 +3657,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3655
3657
|
.c4p--tearsheet .c4p--tearsheet__main {
|
3656
3658
|
display: flex;
|
3657
3659
|
flex-direction: row;
|
3658
|
-
background-color: var(--cds-
|
3660
|
+
background-color: var(--cds-background, #ffffff);
|
3659
3661
|
grid-column: 1/-1;
|
3660
3662
|
grid-row: 1/-1;
|
3661
3663
|
}
|
3664
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
3665
|
+
background-color: var(--cds-layer);
|
3666
|
+
}
|
3662
3667
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
3663
3668
|
border-right: none;
|
3664
3669
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
@@ -11046,6 +11051,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11046
11051
|
grid-template-columns: 1fr 1fr;
|
11047
11052
|
}
|
11048
11053
|
|
11054
|
+
.c4p--datagrid-filter-flyout__trigger.cds--btn {
|
11055
|
+
display: flex;
|
11056
|
+
width: 3rem;
|
11057
|
+
height: 3rem;
|
11058
|
+
justify-content: center;
|
11059
|
+
}
|
11060
|
+
|
11049
11061
|
.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
|
11050
11062
|
position: relative;
|
11051
11063
|
background-color: var(--cds-layer-02, #ffffff);
|
@@ -11169,6 +11181,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11169
11181
|
}
|
11170
11182
|
|
11171
11183
|
.cds--btn.c4p--datagrid-filter-panel-open-button {
|
11184
|
+
display: flex;
|
11185
|
+
width: 3rem;
|
11186
|
+
height: 3rem;
|
11187
|
+
justify-content: center;
|
11172
11188
|
border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
11173
11189
|
border-bottom: none;
|
11174
11190
|
}
|
@@ -13912,12 +13928,14 @@ a.cds--side-nav__link--current::before {
|
|
13912
13928
|
padding: 1.5rem 2rem;
|
13913
13929
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13914
13930
|
margin: 0;
|
13931
|
+
background-color: var(--cds-layer);
|
13915
13932
|
}
|
13916
13933
|
|
13917
13934
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
13918
13935
|
padding: 1rem;
|
13919
13936
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13920
13937
|
margin: 0;
|
13938
|
+
background-color: var(--cds-layer);
|
13921
13939
|
}
|
13922
13940
|
|
13923
13941
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
@@ -14028,11 +14046,15 @@ a.cds--side-nav__link--current::before {
|
|
14028
14046
|
.c4p--tearsheet .c4p--tearsheet__main {
|
14029
14047
|
display: flex;
|
14030
14048
|
flex-direction: row;
|
14031
|
-
background-color: var(--cds-
|
14049
|
+
background-color: var(--cds-background, #ffffff);
|
14032
14050
|
grid-column: 1/-1;
|
14033
14051
|
grid-row: 1/-1;
|
14034
14052
|
}
|
14035
14053
|
|
14054
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
14055
|
+
background-color: var(--cds-layer);
|
14056
|
+
}
|
14057
|
+
|
14036
14058
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
14037
14059
|
border-right: none;
|
14038
14060
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|