@carbon/ibm-products 1.65.0 → 1.66.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. package/css/index-full-carbon.css +8 -10
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +8 -10
  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 +8 -10
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +8 -10
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
  18. package/es/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +60 -41
  19. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +5 -1
  20. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +60 -41
  21. package/package.json +2 -2
  22. package/scss/components/SidePanel/_side-panel.scss +4 -2
package/css/index-full-carbon.css CHANGED
@@ -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
  }