@carbon/ibm-products 2.32.0 → 2.33.0

package/scss/components/FilterPanel/_filter-panel-label.scss

@@ -0,0 +1,47 @@
+//
+// Copyright IBM Corp. 2024, 2024
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+/* stylelint-disable max-nesting-depth */
+
+// Standard imports.
+@use '../../global/styles/project-settings' as c4p-settings;
+@use '../../global/styles/mixins';
+
+@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/theme' as *;
+@use '@carbon/styles/scss/type';
+
+// FilterPanel uses the following Carbon for IBM Products components:
+// TODO: @use(s) of IBM Products component styles used by FilterPanel
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+$block-class: #{c4p-settings.$pkg-prefix}--filter-panel-label;
+
+.#{$block-class} {
+  display: flex;
+  align-items: center;
+}
+
+.#{$block-class}__text {
+  overflow: hidden;
+  flex: 1 1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.#{$block-class}__count {
+  margin-left: $spacing-04;
+  color: $text-secondary;
+}
+
+// Surround the value with parentheses.
+.#{$block-class}__count::before {
+  content: '(';
+}
+.#{$block-class}__count::after {
+  content: ')';
+}

package/scss/components/FilterPanel/_filter-panel.scss

@@ -0,0 +1,29 @@
+//
+// Copyright IBM Corp. 2024, 2024
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+/* stylelint-disable max-nesting-depth */
+
+// Standard imports.
+@use '../../global/styles/project-settings' as c4p-settings;
+@use '../../global/styles/mixins';
+
+@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/theme' as *;
+@use '@carbon/styles/scss/type';
+
+// FilterPanel uses the following Carbon for IBM Products components:
+// TODO: @use(s) of IBM Products component styles used by FilterPanel
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+$block-class: #{c4p-settings.$pkg-prefix}--filter-panel;
+
+.#{$block-class}__title {
+  @include type.type-style('body-compact-01');
+
+  margin-top: $spacing-04;
+  margin-bottom: $spacing-04;
+}

package/scss/components/FilterPanel/_index-with-carbon.scss

@@ -0,0 +1,11 @@
+//
+// Copyright IBM Corp. 2024, 2024
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use './carbon-imports';
+@use './filter-panel';
+@use './filter-panel-checkbox';
+@use './filter-panel-label';

package/scss/components/FilterPanel/_index.scss

@@ -0,0 +1,10 @@
+//
+// Copyright IBM Corp. 2024, 2024
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use './filter-panel';
+@use './filter-panel-checkbox';
+@use './filter-panel-label';

package/scss/components/_index-with-carbon.scss

@@ -71,3 +71,4 @@
 @use './StringFormatter/index-with-carbon' as *;
 @use './UserAvatar/index-with-carbon' as *;
 @use './StatusIndicator/index-with-carbon' as *;
+@use './FilterPanel/index-with-carbon' as *;

package/scss/components/_index.scss

@@ -79,3 +79,4 @@
 @use './StringFormatter';
 @use './UserAvatar';
 @use './StatusIndicator';
+@use './FilterPanel';