@carbon/ibm-products 1.65.0 → 1.67.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +13 -18
- 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 +13 -18
- 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 +13 -18
- 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 +13 -18
- 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/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +50 -8
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +63 -41
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +49 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +5 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +63 -41
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +11 -8
- package/scss/components/SidePanel/_side-panel.scss +4 -2
@@ -11119,8 +11119,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11119
11119
|
}
|
11120
11120
|
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
11121
11121
|
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
11122
|
-
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
11123
|
-
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__actions-container.c4p--action-set--xs {
|
11122
|
+
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
11124
11123
|
width: 16rem;
|
11125
11124
|
max-width: 100%;
|
11126
11125
|
}
|
@@ -11138,8 +11137,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11138
11137
|
}
|
11139
11138
|
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
11140
11139
|
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
11141
|
-
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
11142
|
-
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__actions-container.c4p--action-set--sm {
|
11140
|
+
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
11143
11141
|
width: 20rem;
|
11144
11142
|
max-width: 100%;
|
11145
11143
|
}
|
@@ -11157,8 +11155,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11157
11155
|
}
|
11158
11156
|
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
11159
11157
|
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
11160
|
-
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
11161
|
-
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__actions-container.c4p--action-set--md {
|
11158
|
+
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
11162
11159
|
width: 30rem;
|
11163
11160
|
max-width: 100%;
|
11164
11161
|
}
|
@@ -11176,8 +11173,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11176
11173
|
}
|
11177
11174
|
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
11178
11175
|
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
11179
|
-
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
11180
|
-
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__actions-container.c4p--action-set--lg {
|
11176
|
+
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
11181
11177
|
width: 40rem;
|
11182
11178
|
max-width: 100%;
|
11183
11179
|
}
|
@@ -11195,8 +11191,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11195
11191
|
}
|
11196
11192
|
.c4p--side-panel__container.c4p--side-panel__container--max .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
11197
11193
|
.c4p--side-panel__container.c4p--side-panel__container--max .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
11198
|
-
.c4p--side-panel__container.c4p--side-panel__container--max .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
11199
|
-
.c4p--side-panel__container.c4p--side-panel__container--max .c4p--side-panel__actions-container.c4p--action-set--max {
|
11194
|
+
.c4p--side-panel__container.c4p--side-panel__container--max .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
11200
11195
|
width: 75%;
|
11201
11196
|
max-width: 100%;
|
11202
11197
|
}
|
@@ -11208,6 +11203,9 @@ a.bx--overflow-menu-options__btn::before {
|
|
11208
11203
|
left: 0;
|
11209
11204
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
11210
11205
|
}
|
11206
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container {
|
11207
|
+
width: 100%;
|
11208
|
+
}
|
11211
11209
|
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container::before {
|
11212
11210
|
content: none;
|
11213
11211
|
}
|
@@ -22030,13 +22028,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
22030
22028
|
padding-top: var(--cds-spacing-03, 0.5rem);
|
22031
22029
|
}
|
22032
22030
|
|
22033
|
-
/*
|
22034
|
-
* Licensed Materials - Property of IBM
|
22035
|
-
* 5724-Q36
|
22036
|
-
* (c) Copyright IBM Corp. 2022
|
22037
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
22038
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
22039
|
-
*/
|
22040
22031
|
.c4p--datagrid-filter-flyout__container {
|
22041
22032
|
position: relative;
|
22042
22033
|
}
|
@@ -22092,7 +22083,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
22092
22083
|
.c4p--datagrid-filter-flyout__filters {
|
22093
22084
|
display: grid;
|
22094
22085
|
gap: 1rem 2rem;
|
22095
|
-
grid-template-columns:
|
22086
|
+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
22096
22087
|
}
|
22097
22088
|
|
22098
22089
|
.c4p--datagrid-filter-flyout__trigger--open.bx--btn.bx--btn--icon-only {
|
@@ -22105,6 +22096,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
22105
22096
|
margin-bottom: 0;
|
22106
22097
|
}
|
22107
22098
|
|
22099
|
+
.c4p--datagrid-filter-flyout__stacked {
|
22100
|
+
grid-template-columns: 1fr;
|
22101
|
+
}
|
22102
|
+
|
22108
22103
|
/*
|
22109
22104
|
* Licensed Materials - Property of IBM
|
22110
22105
|
* 5724-Q36
|