@carbon/ibm-products 2.32.0 → 2.33.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (93) hide show
  1. package/css/index-full-carbon.css +56 -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 +56 -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 +56 -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/ActionBar/ActionBar.js +8 -1
  14. package/es/components/CreateTearsheet/CreateTearsheetDivider.d.ts +12 -1
  15. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
  16. package/es/components/DataSpreadsheet/DataSpreadsheet.js +36 -30
  17. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +49 -2
  18. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.d.ts +3 -1
  19. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +10 -3
  20. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -5
  21. package/es/components/Datagrid/useRowSize.js +4 -2
  22. package/es/components/DescriptionList/DescriptionList.d.ts +0 -37
  23. package/es/components/DescriptionList/DescriptionList.js +7 -12
  24. package/es/components/DescriptionList/DescriptionListBody.d.ts +2 -0
  25. package/es/components/DescriptionList/DescriptionListBody.js +39 -0
  26. package/es/components/DescriptionList/DescriptionListCell.d.ts +2 -0
  27. package/es/components/DescriptionList/DescriptionListCell.js +39 -0
  28. package/es/components/DescriptionList/DescriptionListRow.d.ts +2 -0
  29. package/es/components/DescriptionList/DescriptionListRow.js +41 -0
  30. package/es/components/DescriptionList/index.d.ts +4 -1
  31. package/es/components/FilterPanel/FilterPanel.d.ts +5 -0
  32. package/es/components/FilterPanel/FilterPanel.js +55 -0
  33. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +5 -0
  34. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +78 -0
  35. package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.d.ts +5 -0
  36. package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +63 -0
  37. package/es/components/FilterPanel/FilterPanelLabel/index.d.ts +1 -0
  38. package/es/components/FilterPanel/index.d.ts +3 -0
  39. package/es/components/SidePanel/SidePanel.js +35 -68
  40. package/es/components/Tearsheet/TearsheetShell.js +9 -1
  41. package/es/components/Toolbar/ToolbarGroup.d.ts +17 -2
  42. package/es/components/Toolbar/ToolbarGroup.js +0 -1
  43. package/es/components/index.d.ts +3 -1
  44. package/es/global/js/hooks/useFocus.js +9 -2
  45. package/es/global/js/package-settings.d.ts +7 -0
  46. package/es/global/js/package-settings.js +7 -0
  47. package/es/index.js +7 -0
  48. package/es/settings.d.ts +7 -0
  49. package/lib/components/ActionBar/ActionBar.js +11 -6
  50. package/lib/components/CreateTearsheet/CreateTearsheetDivider.d.ts +12 -1
  51. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
  52. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +36 -30
  53. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +49 -2
  54. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.d.ts +3 -1
  55. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +9 -2
  56. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -5
  57. package/lib/components/Datagrid/useRowSize.js +4 -2
  58. package/lib/components/DescriptionList/DescriptionList.d.ts +0 -37
  59. package/lib/components/DescriptionList/DescriptionList.js +6 -11
  60. package/lib/components/DescriptionList/DescriptionListBody.d.ts +2 -0
  61. package/lib/components/DescriptionList/DescriptionListBody.js +46 -0
  62. package/lib/components/DescriptionList/DescriptionListCell.d.ts +2 -0
  63. package/lib/components/DescriptionList/DescriptionListCell.js +46 -0
  64. package/lib/components/DescriptionList/DescriptionListRow.d.ts +2 -0
  65. package/lib/components/DescriptionList/DescriptionListRow.js +48 -0
  66. package/lib/components/DescriptionList/index.d.ts +4 -1
  67. package/lib/components/FilterPanel/FilterPanel.d.ts +5 -0
  68. package/lib/components/FilterPanel/FilterPanel.js +62 -0
  69. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +5 -0
  70. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +85 -0
  71. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.d.ts +5 -0
  72. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +70 -0
  73. package/lib/components/FilterPanel/FilterPanelLabel/index.d.ts +1 -0
  74. package/lib/components/FilterPanel/index.d.ts +3 -0
  75. package/lib/components/SidePanel/SidePanel.js +35 -68
  76. package/lib/components/Tearsheet/TearsheetShell.js +9 -1
  77. package/lib/components/Toolbar/ToolbarGroup.d.ts +17 -2
  78. package/lib/components/Toolbar/ToolbarGroup.js +0 -1
  79. package/lib/components/index.d.ts +3 -1
  80. package/lib/global/js/hooks/useFocus.js +9 -2
  81. package/lib/global/js/package-settings.d.ts +7 -0
  82. package/lib/global/js/package-settings.js +7 -0
  83. package/lib/index.js +35 -0
  84. package/lib/settings.d.ts +7 -0
  85. package/package.json +3 -3
  86. package/scss/components/FilterPanel/_carbon-imports.scss +9 -0
  87. package/scss/components/FilterPanel/_filter-panel-checkbox.scss +32 -0
  88. package/scss/components/FilterPanel/_filter-panel-label.scss +47 -0
  89. package/scss/components/FilterPanel/_filter-panel.scss +29 -0
  90. package/scss/components/FilterPanel/_index-with-carbon.scss +11 -0
  91. package/scss/components/FilterPanel/_index.scss +10 -0
  92. package/scss/components/_index-with-carbon.scss +1 -0
  93. package/scss/components/_index.scss +1 -0
package/css/index.css CHANGED
@@ -38059,4 +38059,60 @@ a.cds--side-nav__link--current::before {
38059
38059
  color: var(--cds-text-error, #da1e28);
38060
38060
  }
38061
38061
 
38062
+ /* stylelint-disable max-nesting-depth */
38063
+ .c4p--filter-panel__title {
38064
+ font-size: var(--cds-body-compact-01-font-size, 0.875rem);
38065
+ font-weight: var(--cds-body-compact-01-font-weight, 400);
38066
+ line-height: var(--cds-body-compact-01-line-height, 1.28572);
38067
+ letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
38068
+ margin-top: 0.75rem;
38069
+ margin-bottom: 0.75rem;
38070
+ }
38071
+
38072
+ /* stylelint-disable max-nesting-depth */
38073
+ .c4p--filter-panel-checkbox .cds--checkbox-label,
38074
+ .c4p--filter-panel-checkbox .cds--checkbox-label-text {
38075
+ width: 100%;
38076
+ }
38077
+
38078
+ .c4p--filter-panel-checkbox .c4p--filter-panel-label__text {
38079
+ font-size: var(--cds-body-compact-01-font-size, 0.875rem);
38080
+ font-weight: var(--cds-body-compact-01-font-weight, 400);
38081
+ line-height: var(--cds-body-compact-01-line-height, 1.28572);
38082
+ letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
38083
+ }
38084
+
38085
+ .c4p--filter-panel-checkbox .c4p--filter-panel-label__count {
38086
+ font-size: var(--cds-label-01-font-size, 0.75rem);
38087
+ font-weight: var(--cds-label-01-font-weight, 400);
38088
+ line-height: var(--cds-label-01-line-height, 1.33333);
38089
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
38090
+ }
38091
+
38092
+ /* stylelint-disable max-nesting-depth */
38093
+ .c4p--filter-panel-label {
38094
+ display: flex;
38095
+ align-items: center;
38096
+ }
38097
+
38098
+ .c4p--filter-panel-label__text {
38099
+ overflow: hidden;
38100
+ flex: 1 1;
38101
+ text-overflow: ellipsis;
38102
+ white-space: nowrap;
38103
+ }
38104
+
38105
+ .c4p--filter-panel-label__count {
38106
+ margin-left: 0.75rem;
38107
+ color: var(--cds-text-secondary, #525252);
38108
+ }
38109
+
38110
+ .c4p--filter-panel-label__count::before {
38111
+ content: "(";
38112
+ }
38113
+
38114
+ .c4p--filter-panel-label__count::after {
38115
+ content: ")";
38116
+ }
38117
+
38062
38118
  /*# sourceMappingURL=index.css.map */