@kaizen/components 1.4.25 → 1.5.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.5.0](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.26...@kaizen/components@1.5.0) (2023-03-16)
+
+
+### Features
+
+* **filter:** Add Filter component into the AIO ([#3341](https://github.com/cultureamp/kaizen-design-system/issues/3341)) ([1806853](https://github.com/cultureamp/kaizen-design-system/commit/180685395ee53094f618af7f7292b16d72eb348b))
+
+
+
+
+
+## [1.4.26](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.25...@kaizen/components@1.4.26) (2023-03-14)
+
+**Note:** Version bump only for package @kaizen/components
+
+
+
+
+
 ## [1.4.25](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.24...@kaizen/components@1.4.25) (2023-03-03)
 
 

package/dist/ButtonGroup/index.d.ts

@@ -0,0 +1,5 @@
+export { a as ButtonGroup, B as ButtonGroupProps } from '../ButtonGroup-b1e541fe.js';
+import 'react';
+import '@kaizen/draft-tooltip';
+import '../FilterButtonBase-4004361e.js';
+import '../types.js';

package/dist/ButtonGroup/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGTXIOS6Djs = require('../chunk-GTXIOS6D.js');
+require('../chunk-SBUK4XZM.js');
+
+
+exports.ButtonGroup = _chunkGTXIOS6Djs.ButtonGroup;

package/dist/ButtonGroup-b1e541fe.d.ts

@@ -0,0 +1,14 @@
+import React__default, { HTMLAttributes } from 'react';
+import { TooltipProps } from '@kaizen/draft-tooltip';
+import { F as FilterButtonBaseProps } from './FilterButtonBase-4004361e.js';
+import { OverrideClassName } from './types.js';
+
+interface ButtonGroupProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children: React__default.ReactElement<FilterButtonBaseProps | TooltipProps> | Array<React__default.ReactElement<FilterButtonBaseProps | TooltipProps>>;
+}
+declare const ButtonGroup: {
+    ({ children, classNameOverride, ...restProps }: ButtonGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export { ButtonGroupProps as B, ButtonGroup as a };

package/dist/ButtonGroup.module-NQDV3763.scss

@@ -0,0 +1,73 @@
+@import "~@kaizen/design-tokens/sass/border";
+@import "~@kaizen/design-tokens/sass/color";
+
+$focus-ring-offset: 1px;
+$focus-ring-offset-inner: calc(-1 * #{$focus-ring-offset});
+
+// Polyfill
+$polyfill--focus-visible: ":global(.js-focus-visible) &:global(.focus-visible)";
+
+// Classnames to simulate pseudo states in storybook
+$story-className--button-group--focus: ":global(.story__button-group--focus)";
+
+// Combined pseudo state classes
+$selectors--button-group--focus: "&:focus-visible, #{$polyfill--focus-visible}, &#{$story-className--button-group--focus}";
+
+%firstChildBorders {
+  border-start-start-radius: $border-focus-ring-border-radius;
+  border-end-start-radius: $border-focus-ring-border-radius;
+}
+
+%lastChildBorders {
+  border-start-end-radius: $border-focus-ring-border-radius;
+  border-end-end-radius: $border-focus-ring-border-radius;
+}
+
+.buttonGroup {
+  display: inline-flex;
+
+  .child {
+    border-radius: 0;
+
+    #{$selectors--button-group--focus} {
+      &::after {
+        border-radius: 0;
+      }
+    }
+
+    &.firstChild {
+      @extend %firstChildBorders;
+
+      #{$selectors--button-group--focus} {
+        &::after {
+          @extend %firstChildBorders;
+          inset-inline-end: $focus-ring-offset-inner;
+        }
+      }
+    }
+
+    &:not(.firstChild) {
+      border-inline-start: 1px solid $color-blue-300;
+    }
+
+    &:not(.firstChild):not(.lastChild) {
+      #{$selectors--button-group--focus} {
+        &::after {
+          inset-inline-start: $focus-ring-offset-inner;
+          inset-inline-end: $focus-ring-offset-inner;
+        }
+      }
+    }
+
+    &.lastChild {
+      @extend %lastChildBorders;
+
+      #{$selectors--button-group--focus} {
+        &::after {
+          @extend %lastChildBorders;
+          inset-inline-start: $focus-ring-offset-inner;
+        }
+      }
+    }
+  }
+}

package/dist/Filter/components/FilterContents/index.d.ts

@@ -0,0 +1,3 @@
+export { a as FilterContents, F as FilterContentsProps } from '../../../FilterContents-8d959c14.js';
+import 'react';
+import '../../../types.js';

package/dist/Filter/components/FilterContents/index.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkY6BQRSGBjs = require('../../../chunk-Y6BQRSGB.js');
+
+
+exports.FilterContents = _chunkY6BQRSGBjs.FilterContents;

package/dist/Filter/components/FilterPopover/index.d.ts

@@ -0,0 +1,15 @@
+import React__default, { HTMLAttributes } from 'react';
+import { Options } from '@popperjs/core';
+import { OverrideClassName } from '../../../types.js';
+
+interface FilterPopoverProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children: React__default.ReactNode;
+    referenceElement: HTMLElement | null;
+    popperOptions?: Partial<Options>;
+}
+declare const FilterPopover: {
+    ({ children, referenceElement, popperOptions, classNameOverride, ...restProps }: FilterPopoverProps): JSX.Element;
+    displayName: string;
+};
+
+export { FilterPopover, FilterPopoverProps };

package/dist/Filter/components/FilterPopover/index.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkTGN3Y4NFjs = require('../../../chunk-TGN3Y4NF.js');
+
+
+exports.FilterPopover = _chunkTGN3Y4NFjs.FilterPopover;

package/dist/Filter/index.d.ts

@@ -0,0 +1,5 @@
+export { a as Filter, F as FilterProps } from '../Filter-15d87e2c.js';
+export { a as FilterContents, F as FilterContentsProps } from '../FilterContents-8d959c14.js';
+export { FilterTriggerRef } from './types.js';
+import 'react';
+import '../types.js';

package/dist/Filter/index.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkJ5NCLDC5js = require('../chunk-J5NCLDC5.js');
+require('../chunk-TGN3Y4NF.js');
+
+
+var _chunkY6BQRSGBjs = require('../chunk-Y6BQRSGB.js');
+require('../chunk-FMXGTI6W.js');
+
+
+
+exports.Filter = _chunkJ5NCLDC5js.Filter; exports.FilterContents = _chunkY6BQRSGBjs.FilterContents;

package/dist/Filter/types.d.ts

@@ -0,0 +1,5 @@
+type FilterTriggerRef = {
+    triggerRef?: React.RefObject<HTMLButtonElement>;
+};
+
+export { FilterTriggerRef };

package/dist/Filter/types.js

@@ -0,0 +1 @@
+"use strict";require('../chunk-FMXGTI6W.js');

package/dist/Filter-15d87e2c.d.ts

@@ -0,0 +1,21 @@
+import React__default, { HTMLAttributes } from 'react';
+import { OverrideClassName } from './types.js';
+import { FilterTriggerRef } from './Filter/types.js';
+
+interface FilterProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children: React__default.ReactNode;
+    isOpen: boolean;
+    setIsOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    renderTrigger: (triggerProps: {
+        onClick: () => void;
+        isOpen: boolean;
+    }) => JSX.Element & {
+        ref?: React__default.RefObject<FilterTriggerRef>;
+    };
+}
+declare const Filter: {
+    ({ children, isOpen, setIsOpen, renderTrigger, classNameOverride, ...restProps }: FilterProps): JSX.Element;
+    displayName: string;
+};
+
+export { FilterProps as F, Filter as a };

package/dist/FilterButton/FilterButton/index.d.ts

@@ -0,0 +1,5 @@
+export { a as FilterButton, F as FilterButtonProps } from '../../FilterButton-e44e4bf8.js';
+import 'react';
+import '../../Filter/types.js';
+import '../../FilterButtonBase-4004361e.js';
+import '../../types.js';

package/dist/FilterButton/FilterButton/index.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkDR7ZJ6Z3js = require('../../chunk-DR7ZJ6Z3.js');
+require('../../chunk-3VEH3HNR.js');
+require('../../chunk-SBUK4XZM.js');
+
+
+exports.FilterButton = _chunkDR7ZJ6Z3js.FilterButton;

package/dist/FilterButton/FilterButtonRemovable/index.d.ts

@@ -0,0 +1,8 @@
+export { b as FilterButtonRemovable, F as FilterButtonRemovableProps, a as FilterButtonRemovableRefs } from '../../FilterButtonRemovable-d3bc8f61.js';
+import 'react';
+import '../../ButtonGroup-b1e541fe.js';
+import '@kaizen/draft-tooltip';
+import '../../FilterButtonBase-4004361e.js';
+import '../../types.js';
+import '../../Filter/types.js';
+import '../../FilterButton-e44e4bf8.js';

package/dist/FilterButton/FilterButtonRemovable/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk24HHXM6Ujs = require('../../chunk-24HHXM6U.js');
+require('../../chunk-DR7ZJ6Z3.js');
+require('../../chunk-3VEH3HNR.js');
+require('../../chunk-GTXIOS6D.js');
+require('../../chunk-SBUK4XZM.js');
+
+
+exports.FilterButtonRemovable = _chunk24HHXM6Ujs.FilterButtonRemovable;

package/dist/FilterButton/components/FilterButtonBase/index.d.ts

@@ -0,0 +1,3 @@
+export { a as FilterButtonBase, F as FilterButtonBaseProps } from '../../../FilterButtonBase-4004361e.js';
+import 'react';
+import '../../../types.js';

package/dist/FilterButton/components/FilterButtonBase/index.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkSBUK4XZMjs = require('../../../chunk-SBUK4XZM.js');
+
+
+exports.FilterButtonBase = _chunkSBUK4XZMjs.FilterButtonBase;

package/dist/FilterButton/index.d.ts

@@ -0,0 +1,8 @@
+export { a as FilterButton, F as FilterButtonProps } from '../FilterButton-e44e4bf8.js';
+export { b as FilterButtonRemovable, F as FilterButtonRemovableProps, a as FilterButtonRemovableRefs } from '../FilterButtonRemovable-d3bc8f61.js';
+import 'react';
+import '../Filter/types.js';
+import '../FilterButtonBase-4004361e.js';
+import '../types.js';
+import '../ButtonGroup-b1e541fe.js';
+import '@kaizen/draft-tooltip';

package/dist/FilterButton/index.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk24HHXM6Ujs = require('../chunk-24HHXM6U.js');
+
+
+var _chunkDR7ZJ6Z3js = require('../chunk-DR7ZJ6Z3.js');
+require('../chunk-3VEH3HNR.js');
+require('../chunk-GTXIOS6D.js');
+require('../chunk-SBUK4XZM.js');
+
+
+
+exports.FilterButton = _chunkDR7ZJ6Z3js.FilterButton; exports.FilterButtonRemovable = _chunk24HHXM6Ujs.FilterButtonRemovable;

package/dist/FilterButton-e44e4bf8.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { FilterTriggerRef } from './Filter/types.js';
+import { F as FilterButtonBaseProps } from './FilterButtonBase-4004361e.js';
+
+interface FilterButtonProps extends Omit<FilterButtonBaseProps, "children"> {
+    label: string;
+    selectedValue?: string | JSX.Element;
+    isOpen?: boolean;
+}
+declare const FilterButton: React__default.ForwardRefExoticComponent<FilterButtonProps & React__default.RefAttributes<FilterTriggerRef>>;
+
+export { FilterButtonProps as F, FilterButton as a };

package/dist/FilterButton.module-HA7A5HIZ.scss

@@ -0,0 +1,22 @@
+@import "~@kaizen/design-tokens/sass/spacing";
+@import "~@kaizen/design-tokens/sass/typography";
+
+.filterButton {
+  gap: $spacing-xs;
+}
+
+.labelContainer {
+  display: inline-flex;
+}
+
+.hasSelectedValues {
+  font-weight: $typography-button-primary-font-weight;
+}
+
+.labelSeparator {
+  margin-inline-end: $spacing-xs;
+
+  [dir="ltr"] [dir="rtl"] & {
+    margin-right: 0;
+  }
+}

package/dist/FilterButtonBase-4004361e.d.ts

@@ -0,0 +1,9 @@
+import React__default, { ButtonHTMLAttributes } from 'react';
+import { OverrideClassName } from './types.js';
+
+interface FilterButtonBaseProps extends OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>> {
+    children: React__default.ReactNode;
+}
+declare const FilterButtonBase: React__default.ForwardRefExoticComponent<FilterButtonBaseProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { FilterButtonBaseProps as F, FilterButtonBase as a };

package/dist/FilterButtonBase.module-KNRAMYSJ.scss

@@ -0,0 +1,65 @@
+@import "~@kaizen/design-tokens/sass/border";
+@import "~@kaizen/design-tokens/sass/color";
+@import "~@kaizen/design-tokens/sass/typography";
+@import "~@kaizen/design-tokens/sass/spacing";
+@import "../../../_mixins/button-reset";
+@import "./variables";
+
+.filterButtonBase {
+  @include button-reset;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+
+  height: 3rem; // 48px
+  padding: $spacing-sm;
+
+  border-width: 0;
+  border-radius: $border-solid-border-radius;
+
+  background-color: $color-blue-100;
+
+  font-family: $typography-button-secondary-font-family;
+  font-weight: $typography-button-secondary-font-weight;
+  font-size: $typography-button-secondary-font-size;
+  line-height: $typography-button-secondary-line-height;
+  letter-spacing: $typography-button-secondary-letter-spacing;
+  color: $color-blue-500;
+  white-space: nowrap;
+
+  #{$selectors--filter-button-base--hover},
+  #{$selectors--filter-button-base--active} {
+    z-index: 2;
+  }
+
+  #{$selectors--filter-button-base--hover},
+  #{$selectors--filter-button-base--active},
+  #{$selectors--filter-button-base--focus} {
+    background-color: $color-blue-200;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  #{$selectors--filter-button-base--focus} {
+    outline: none;
+
+    &::after {
+      content: "";
+      z-index: 3;
+      position: absolute;
+      top: $focus-ring-offset-outer;
+      bottom: $focus-ring-offset-outer;
+      left: $focus-ring-offset-outer;
+      right: $focus-ring-offset-outer;
+      border-radius: $border-focus-ring-border-radius;
+      border: $border-focus-ring-border-width $border-focus-ring-border-style
+        $color-blue-500;
+    }
+  }
+}

package/dist/FilterButtonRemovable-d3bc8f61.d.ts

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { B as ButtonGroupProps } from './ButtonGroup-b1e541fe.js';
+import { DataAttributes } from './types.js';
+import { FilterTriggerRef } from './Filter/types.js';
+import { F as FilterButtonBaseProps } from './FilterButtonBase-4004361e.js';
+import { F as FilterButtonProps } from './FilterButton-e44e4bf8.js';
+
+interface FilterButtonRemovableProps extends Omit<ButtonGroupProps, "children"> {
+    triggerButtonProps: FilterButtonProps & DataAttributes;
+    removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
+        tooltipText?: string;
+    };
+}
+type FilterButtonRemovableRefs = FilterTriggerRef & {
+    removeButtonRef?: React__default.RefObject<HTMLButtonElement>;
+};
+declare const FilterButtonRemovable: React__default.ForwardRefExoticComponent<FilterButtonRemovableProps & React__default.RefAttributes<FilterButtonRemovableRefs>>;
+
+export { FilterButtonRemovableProps as F, FilterButtonRemovableRefs as a, FilterButtonRemovable as b };

package/dist/FilterContents-8d959c14.d.ts

@@ -0,0 +1,12 @@
+import React__default, { HTMLAttributes } from 'react';
+import { OverrideClassName } from './types.js';
+
+interface FilterContentsProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+    children: React__default.ReactNode;
+}
+declare const FilterContents: {
+    ({ children, classNameOverride, ...restProps }: FilterContentsProps): JSX.Element;
+    displayName: string;
+};
+
+export { FilterContentsProps as F, FilterContents as a };

package/dist/FilterContents.module-VKPAJKDG.scss

@@ -0,0 +1,5 @@
+@import "~@kaizen/design-tokens/sass/spacing";
+
+.filterContents {
+  padding: $spacing-md;
+}

package/dist/FilterPopover.module-2NVOPVIT.scss

@@ -0,0 +1,11 @@
+@import "~@kaizen/design-tokens/sass/border";
+@import "~@kaizen/design-tokens/sass/color";
+@import "~@kaizen/design-tokens/sass/shadow";
+
+.filterPopover {
+  background-color: $color-white;
+  z-index: 1010;
+  box-shadow: $shadow-large-box-shadow;
+  border-radius: $border-borderless-border-radius;
+  display: inline-flex;
+}

package/dist/KaizenProvider/ThemeProvider/index.d.ts

@@ -1,4 +1,4 @@
-export { T as ThemeContext, a as ThemeProvider, u as useTheme } from '../../ThemeProvider-7786826c.js';
+export { T as ThemeContext, a as ThemeProvider, u as useTheme } from '../../ThemeProvider-9852214a.js';
 export { ThemeManager } from './ThemeManager.js';
 export { defaultTheme } from './themes/index.js';
 export { default as heartTheme } from './themes/heart.js';

package/dist/KaizenProvider/ThemeProvider/index.js

@@ -6,13 +6,13 @@ var _chunkMXW3YHBEjs = require('../../chunk-MXW3YHBE.js');
 
 
 var _chunkWDAFEOSVjs = require('../../chunk-WDAFEOSV.js');
-require('../../chunk-FBL47PXS.js');
 
 
-var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
+var _chunk7T4E5A7Mjs = require('../../chunk-7T4E5A7M.js');
+require('../../chunk-FBL47PXS.js');
 
 
-var _chunk7T4E5A7Mjs = require('../../chunk-7T4E5A7M.js');
+var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
 
 
 

package/dist/KaizenProvider/ThemeProvider/themes/index.js

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _chunkWDAFEOSVjs = require('../../../chunk-WDAFEOSV.js');
-require('../../../chunk-FBL47PXS.js');
 
 
 var _chunk7T4E5A7Mjs = require('../../../chunk-7T4E5A7M.js');
+require('../../../chunk-FBL47PXS.js');
 
 
 

package/dist/KaizenProvider/index.d.ts

@@ -1,5 +1,5 @@
-export { a as KaizenProvider, K as KaizenProviderProps } from '../KaizenProvider-af031107.js';
-export { T as ThemeContext, a as ThemeProvider, u as useTheme } from '../ThemeProvider-7786826c.js';
+export { a as KaizenProvider, K as KaizenProviderProps } from '../KaizenProvider-44a90581.js';
+export { T as ThemeContext, a as ThemeProvider, u as useTheme } from '../ThemeProvider-9852214a.js';
 export { ThemeManager } from './ThemeProvider/ThemeManager.js';
 export { defaultTheme } from './ThemeProvider/themes/index.js';
 export { default as heartTheme } from './ThemeProvider/themes/heart.js';

package/dist/KaizenProvider/index.js

@@ -9,13 +9,13 @@ var _chunkMXW3YHBEjs = require('../chunk-MXW3YHBE.js');
 
 
 var _chunkWDAFEOSVjs = require('../chunk-WDAFEOSV.js');
-require('../chunk-FBL47PXS.js');
 
 
-var _chunkJ42JQYBYjs = require('../chunk-J42JQYBY.js');
+var _chunk7T4E5A7Mjs = require('../chunk-7T4E5A7M.js');
+require('../chunk-FBL47PXS.js');
 
 
-var _chunk7T4E5A7Mjs = require('../chunk-7T4E5A7M.js');
+var _chunkJ42JQYBYjs = require('../chunk-J42JQYBY.js');
 
 
 

package/dist/{KaizenProvider-af031107.d.ts → KaizenProvider-44a90581.d.ts}

@@ -1,8 +1,8 @@
-import React from 'react';
+import React__default from 'react';
 import { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
 
 interface KaizenProviderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     themeManager?: ThemeManager;
 }
 declare const KaizenProvider: {

package/dist/{ThemeProvider-7786826c.d.ts → ThemeProvider-9852214a.d.ts}

@@ -1,5 +1,5 @@
 import * as _kaizen_design_tokens from '@kaizen/design-tokens';
-import React, { Context } from 'react';
+import React__default, { Context } from 'react';
 import { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
 import { Theme } from './KaizenProvider/ThemeProvider/themes/types.js';
 
@@ -10,7 +10,7 @@ declare const ThemeContext: Context<Theme>;
  */
 declare const ThemeProvider: ({ themeManager, ...props }: {
     themeManager?: ThemeManager<_kaizen_design_tokens.Theme> | undefined;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }) => JSX.Element;
 declare const useTheme: () => Theme;
 

package/dist/chunk-24HHXM6U.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkDR7ZJ6Z3js = require('./chunk-DR7ZJ6Z3.js');
+
+
+var _chunk3VEH3HNRjs = require('./chunk-3VEH3HNR.js');
+
+
+var _chunkGTXIOS6Djs = require('./chunk-GTXIOS6D.js');
+
+
+var _chunkSBUK4XZMjs = require('./chunk-SBUK4XZM.js');
+
+// src/FilterButton/FilterButtonRemovable/FilterButtonRemovable.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _componentlibrary = require('@kaizen/component-library');
+var _cleariconsvg = require('@kaizen/component-library/icons/clear.icon.svg'); var _cleariconsvg2 = _interopRequireDefault(_cleariconsvg);
+var _drafttooltip = require('@kaizen/draft-tooltip');
+var FilterButtonRemovable = _react.forwardRef.call(void 0, ({ triggerButtonProps, removeButtonProps, ...restProps }, ref) => {
+  const customRefObject = _chunk3VEH3HNRjs.isRefObject.call(void 0, ref) ? ref.current : null;
+  const removeButtonRef = customRefObject == null ? void 0 : customRefObject.removeButtonRef;
+  const removeButtonLabel = _nullishCoalesce((removeButtonProps == null ? void 0 : removeButtonProps.tooltipText), () => ( `Remove filter - ${triggerButtonProps == null ? void 0 : triggerButtonProps.label}`));
+  return /* @__PURE__ */ _react2.default.createElement(_chunkGTXIOS6Djs.ButtonGroup, { ...restProps }, /* @__PURE__ */ _react2.default.createElement(_chunkDR7ZJ6Z3js.FilterButton, { ref, ...triggerButtonProps }), /* @__PURE__ */ _react2.default.createElement(_drafttooltip.Tooltip, { text: removeButtonLabel, display: "inline-block", position: "below" }, /* @__PURE__ */ _react2.default.createElement(_chunkSBUK4XZMjs.FilterButtonBase, { ref: removeButtonRef, ...removeButtonProps }, /* @__PURE__ */ _react2.default.createElement(_componentlibrary.Icon, { icon: _cleariconsvg2.default, title: removeButtonLabel }))));
+});
+FilterButtonRemovable.displayName = "FilterButtonRemovable";
+
+
+
+exports.FilterButtonRemovable = FilterButtonRemovable;

package/dist/chunk-3VEH3HNR.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/isRefObject.ts
+var isRefObject = (ref) => ref !== null && "current" in ref;
+
+
+
+exports.isRefObject = isRefObject;

package/dist/chunk-DR7ZJ6Z3.js

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk3VEH3HNRjs = require('./chunk-3VEH3HNR.js');
+
+
+var _chunkSBUK4XZMjs = require('./chunk-SBUK4XZM.js');
+
+// src/FilterButton/FilterButton/FilterButton.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _componentlibrary = require('@kaizen/component-library');
+var _chevrondowniconsvg = require('@kaizen/component-library/icons/chevron-down.icon.svg'); var _chevrondowniconsvg2 = _interopRequireDefault(_chevrondowniconsvg);
+var _chevronupiconsvg = require('@kaizen/component-library/icons/chevron-up.icon.svg'); var _chevronupiconsvg2 = _interopRequireDefault(_chevronupiconsvg);
+var _FilterButtonmoduleHA7A5HIZscss = require('./FilterButton.module-HA7A5HIZ.scss'); var _FilterButtonmoduleHA7A5HIZscss2 = _interopRequireDefault(_FilterButtonmoduleHA7A5HIZscss);
+var FilterButton = _react.forwardRef.call(void 0, 
+  ({ label, selectedValue, isOpen = false, classNameOverride, ...restProps }, ref) => {
+    const customRefObject = _chunk3VEH3HNRjs.isRefObject.call(void 0, ref) ? ref.current : null;
+    const triggerRef = customRefObject == null ? void 0 : customRefObject.triggerRef;
+    const selectedValuesLabel = selectedValue;
+    return /* @__PURE__ */ _react2.default.createElement(
+      _chunkSBUK4XZMjs.FilterButtonBase,
+      {
+        ref: triggerRef,
+        classNameOverride: _classnames2.default.call(void 0, _FilterButtonmoduleHA7A5HIZscss2.default.filterButton, classNameOverride),
+        "aria-haspopup": "true",
+        "aria-expanded": isOpen,
+        ...restProps
+      },
+      /* @__PURE__ */ _react2.default.createElement("span", { className: _FilterButtonmoduleHA7A5HIZscss2.default.labelContainer }, selectedValuesLabel ? /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement("span", { className: _FilterButtonmoduleHA7A5HIZscss2.default.hasSelectedValues }, /* @__PURE__ */ _react2.default.createElement("span", null, label), /* @__PURE__ */ _react2.default.createElement("span", { className: _FilterButtonmoduleHA7A5HIZscss2.default.labelSeparator }, ":")), /* @__PURE__ */ _react2.default.createElement("span", null, selectedValuesLabel)) : label),
+      /* @__PURE__ */ _react2.default.createElement(_componentlibrary.Icon, { icon: isOpen ? _chevronupiconsvg2.default : _chevrondowniconsvg2.default, role: "presentation" })
+    );
+  }
+);
+FilterButton.displayName = "FilterButton";
+
+
+
+exports.FilterButton = FilterButton;

package/dist/chunk-FMXGTI6W.js

@@ -0,0 +1 @@
+"use strict";