@carbon/ibm-products 1.63.0 → 1.64.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) hide show
  1. package/css/index-full-carbon.css +21 -0
  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.css +21 -0
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +21 -0
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  14. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +2 -2
  15. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
  16. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +54 -30
  17. package/es/components/Datagrid/useFiltering.js +2 -1
  18. package/es/components/Guidebanner/Guidebanner.js +12 -3
  19. package/es/components/InlineTip/InlineTip.js +17 -6
  20. package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  21. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +2 -2
  22. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
  23. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +54 -30
  24. package/lib/components/Datagrid/useFiltering.js +2 -1
  25. package/lib/components/Guidebanner/Guidebanner.js +12 -3
  26. package/lib/components/InlineTip/InlineTip.js +17 -6
  27. package/package.json +2 -2
  28. package/scss/components/Guidebanner/_guidebanner.scss +25 -0
  29. package/scss/components/InlineTip/_inline-tip.scss +12 -0
@@ -249,6 +249,31 @@
249
249
  z-index: 6001 !important;
250
250
  }
251
251
  }
252
+
253
+ // Exception handling.
254
+ // If "withLeftgutter", then:
255
+ // - insert 1 rem of more "space" on the left.
256
+ // - move icon 1 rem more to the right.
257
+ &__with-left-gutter {
258
+ .#{$block-class}__icon-idea {
259
+ left: $spacing-07;
260
+ }
261
+ .#{$block-class}__title {
262
+ padding-left: calc($horizontal-margin + $spacing-05);
263
+ }
264
+ .#{$block-class}__navigation {
265
+ padding-left: $spacing-05;
266
+ }
267
+ // Override Carousel settings
268
+ // - insert 1 rem of more "space" on the left.
269
+ .#{$pkg-prefix}--carousel__elements-container {
270
+ padding-left: $spacing-05;
271
+ }
272
+ // - expand "fade" to cover more of the left side of the carousel.
273
+ .#{$pkg-prefix}--carousel__elements-container--scrolled {
274
+ width: $spacing-10;
275
+ }
276
+ }
252
277
  }
253
278
  }
254
279
 
@@ -70,6 +70,18 @@
70
70
  }
71
71
  }
72
72
  }
73
+
74
+ // Exception handling.
75
+ // If "withLeftgutter", then:
76
+ // - insert 1 rem of more "space" on the left.
77
+ // - move icon 1 rem more to the right.
78
+ &.#{$block-class}__with-left-gutter {
79
+ padding-left: $spacing-10;
80
+
81
+ .#{$block-class}__icon-idea {
82
+ left: $spacing-07;
83
+ }
84
+ }
73
85
  }
74
86
 
75
87
  // layout only: narrow