@kaizen/components 1.5.1 → 1.6.3

package/dist/chunk-SBUK4XZM.js

@@ -1,18 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/FilterButton/components/FilterButtonBase/FilterButtonBase.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _FilterButtonBasemoduleKNRAMYSJscss = require('./FilterButtonBase.module-KNRAMYSJ.scss'); var _FilterButtonBasemoduleKNRAMYSJscss2 = _interopRequireDefault(_FilterButtonBasemoduleKNRAMYSJscss);
-var FilterButtonBase = _react.forwardRef.call(void 0, ({ children, classNameOverride, ...restProps }, ref) => /* @__PURE__ */ _react2.default.createElement(
-  "button",
-  {
-    ref,
-    className: _classnames2.default.call(void 0, _FilterButtonBasemoduleKNRAMYSJscss2.default.filterButtonBase, classNameOverride),
-    ...restProps
-  },
-  children
-));
-FilterButtonBase.displayName = "FilterButtonBase";
-
-
-
-exports.FilterButtonBase = FilterButtonBase;

package/dist/chunk-TGN3Y4NF.js

@@ -1,51 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Filter/components/FilterPopover/FilterPopover.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _reactpopper = require('react-popper');
-var _FilterPopovermodule2NVOPVITscss = require('./FilterPopover.module-2NVOPVIT.scss'); var _FilterPopovermodule2NVOPVITscss2 = _interopRequireDefault(_FilterPopovermodule2NVOPVITscss);
-var FilterPopover = ({
-  children,
-  referenceElement,
-  popperOptions,
-  classNameOverride,
-  ...restProps
-}) => {
-  const [popperElement, setPopperElement] = _react.useState.call(void 0, 
-    null
-  );
-  const { styles: popperStyles, attributes: popperAttributes } = _reactpopper.usePopper.call(void 0, 
-    referenceElement,
-    popperElement,
-    {
-      modifiers: [
-        {
-          name: "offset",
-          options: {
-            offset: [0, 15]
-          }
-        }
-      ],
-      placement: "bottom-start",
-      strategy: "fixed",
-      ...popperOptions
-    }
-  );
-  return /* @__PURE__ */ _react2.default.createElement(
-    "div",
-    {
-      ref: setPopperElement,
-      style: popperStyles == null ? void 0 : popperStyles.popper,
-      ...popperAttributes == null ? void 0 : popperAttributes.popper,
-      className: _classnames2.default.call(void 0, _FilterPopovermodule2NVOPVITscss2.default.filterPopover, classNameOverride),
-      role: "dialog",
-      "aria-modal": "true",
-      ...restProps
-    },
-    children
-  );
-};
-FilterPopover.displayName = "FilterPopover";
-
-
-
-exports.FilterPopover = FilterPopover;

package/dist/chunk-WDAFEOSV.js

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk7T4E5A7Mjs = require('./chunk-7T4E5A7M.js');
-
-// src/KaizenProvider/ThemeProvider/themes/index.ts
-var defaultTheme = _chunk7T4E5A7Mjs.heartTheme;
-
-
-
-exports.defaultTheme = defaultTheme;

package/dist/chunk-Y6BQRSGB.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Filter/components/FilterContents/FilterContents.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _FilterContentsmoduleVKPAJKDGscss = require('./FilterContents.module-VKPAJKDG.scss'); var _FilterContentsmoduleVKPAJKDGscss2 = _interopRequireDefault(_FilterContentsmoduleVKPAJKDGscss);
-var FilterContents = ({
-  children,
-  classNameOverride,
-  ...restProps
-}) => /* @__PURE__ */ _react2.default.createElement(
-  "div",
-  {
-    className: _classnames2.default.call(void 0, _FilterContentsmoduleVKPAJKDGscss2.default.filterContents, classNameOverride),
-    ...restProps
-  },
-  children
-);
-FilterContents.displayName = "FilterContents";
-
-
-
-exports.FilterContents = FilterContents;

package/dist/esm/ButtonGroup/index.js

@@ -1,7 +0,0 @@
-import {
-  ButtonGroup
-} from "../chunk-GTXIOS6D.js";
-import "../chunk-SBUK4XZM.js";
-export {
-  ButtonGroup
-};

package/dist/esm/ButtonGroup.module-NQDV3763.scss

@@ -1,73 +0,0 @@
-@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/esm/ExampleComponent.module-4G6FO336.scss

@@ -1,3 +0,0 @@
-.exampleComponent {
-  color: blue;
-}

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

@@ -1,6 +0,0 @@
-import {
-  FilterContents
-} from "../../../chunk-Y6BQRSGB.js";
-export {
-  FilterContents
-};

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

@@ -1,6 +0,0 @@
-import {
-  FilterPopover
-} from "../../../chunk-TGN3Y4NF.js";
-export {
-  FilterPopover
-};

package/dist/esm/Filter/index.js

@@ -1,12 +0,0 @@
-import {
-  Filter
-} from "../chunk-J5NCLDC5.js";
-import "../chunk-TGN3Y4NF.js";
-import {
-  FilterContents
-} from "../chunk-Y6BQRSGB.js";
-import "../chunk-FMXGTI6W.js";
-export {
-  Filter,
-  FilterContents
-};

package/dist/esm/Filter/types.js

@@ -1 +0,0 @@
-import "../chunk-FMXGTI6W.js";

package/dist/esm/FilterButton/FilterButton/index.js

@@ -1,8 +0,0 @@
-import {
-  FilterButton
-} from "../../chunk-DR7ZJ6Z3.js";
-import "../../chunk-3VEH3HNR.js";
-import "../../chunk-SBUK4XZM.js";
-export {
-  FilterButton
-};

package/dist/esm/FilterButton/FilterButtonRemovable/index.js

@@ -1,10 +0,0 @@
-import {
-  FilterButtonRemovable
-} from "../../chunk-24HHXM6U.js";
-import "../../chunk-DR7ZJ6Z3.js";
-import "../../chunk-3VEH3HNR.js";
-import "../../chunk-GTXIOS6D.js";
-import "../../chunk-SBUK4XZM.js";
-export {
-  FilterButtonRemovable
-};

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

@@ -1,6 +0,0 @@
-import {
-  FilterButtonBase
-} from "../../../chunk-SBUK4XZM.js";
-export {
-  FilterButtonBase
-};

package/dist/esm/FilterButton/index.js

@@ -1,13 +0,0 @@
-import {
-  FilterButtonRemovable
-} from "../chunk-24HHXM6U.js";
-import {
-  FilterButton
-} from "../chunk-DR7ZJ6Z3.js";
-import "../chunk-3VEH3HNR.js";
-import "../chunk-GTXIOS6D.js";
-import "../chunk-SBUK4XZM.js";
-export {
-  FilterButton,
-  FilterButtonRemovable
-};

package/dist/esm/FilterButton.module-HA7A5HIZ.scss

@@ -1,22 +0,0 @@
-@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/esm/FilterButtonBase.module-KNRAMYSJ.scss

@@ -1,65 +0,0 @@
-@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/esm/FilterContents.module-VKPAJKDG.scss

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

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

@@ -1,11 +0,0 @@
-@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/esm/KaizenProvider/ThemeProvider/ThemeManager.js

@@ -1,6 +0,0 @@
-import {
-  ThemeManager
-} from "../../chunk-J42JQYBY.js";
-export {
-  ThemeManager
-};

package/dist/esm/KaizenProvider/ThemeProvider/ThemeManager.spec.js

@@ -1,21 +0,0 @@
-import {
-  ThemeManager
-} from "../../chunk-J42JQYBY.js";
-
-// src/KaizenProvider/ThemeProvider/ThemeManager.spec.ts
-import {
-  makeCssVariableDefinitionsMap,
-  heartTheme
-} from "@kaizen/design-tokens";
-var assertThemeIsActive = (theme, rootElement) => {
-  const variables = makeCssVariableDefinitionsMap(theme);
-  Object.entries(variables).forEach(([key, value]) => {
-    expect(rootElement == null ? void 0 : rootElement.style.getPropertyValue(key)).toBe(value);
-  });
-};
-describe(ThemeManager.name, () => {
-  test.skip("activates initial theme on construction", () => {
-    const themeManager = new ThemeManager(heartTheme);
-    assertThemeIsActive(heartTheme, themeManager.getRootElement());
-  });
-});

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

@@ -1,23 +0,0 @@
-import {
-  ThemeContext,
-  ThemeProvider,
-  useTheme
-} from "../../chunk-MXW3YHBE.js";
-import {
-  defaultTheme
-} from "../../chunk-WDAFEOSV.js";
-import {
-  heartTheme
-} from "../../chunk-7T4E5A7M.js";
-import "../../chunk-FBL47PXS.js";
-import {
-  ThemeManager
-} from "../../chunk-J42JQYBY.js";
-export {
-  ThemeContext,
-  ThemeManager,
-  ThemeProvider,
-  defaultTheme,
-  heartTheme,
-  useTheme
-};

package/dist/esm/KaizenProvider/ThemeProvider/themes/heart.js

@@ -1,8 +0,0 @@
-import {
-  heartTheme,
-  heart_default
-} from "../../../chunk-7T4E5A7M.js";
-export {
-  heart_default as default,
-  heartTheme
-};

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

@@ -1,11 +0,0 @@
-import {
-  defaultTheme
-} from "../../../chunk-WDAFEOSV.js";
-import {
-  heartTheme
-} from "../../../chunk-7T4E5A7M.js";
-import "../../../chunk-FBL47PXS.js";
-export {
-  defaultTheme,
-  heartTheme
-};

package/dist/esm/KaizenProvider/ThemeProvider/themes/types.js

@@ -1 +0,0 @@
-import "../../../chunk-FBL47PXS.js";

package/dist/esm/KaizenProvider/index.js

@@ -1,27 +0,0 @@
-import {
-  KaizenProvider
-} from "../chunk-7ZAJ7755.js";
-import {
-  ThemeContext,
-  ThemeProvider,
-  useTheme
-} from "../chunk-MXW3YHBE.js";
-import {
-  defaultTheme
-} from "../chunk-WDAFEOSV.js";
-import {
-  heartTheme
-} from "../chunk-7T4E5A7M.js";
-import "../chunk-FBL47PXS.js";
-import {
-  ThemeManager
-} from "../chunk-J42JQYBY.js";
-export {
-  KaizenProvider,
-  ThemeContext,
-  ThemeManager,
-  ThemeProvider,
-  defaultTheme,
-  heartTheme,
-  useTheme
-};

package/dist/esm/__future__/ExampleComponent/index.js

@@ -1,6 +0,0 @@
-import {
-  ExampleComponent
-} from "../../chunk-GOA67MI6.js";
-export {
-  ExampleComponent
-};

package/dist/esm/__future__/index.js

@@ -1,6 +0,0 @@
-import {
-  ExampleComponent
-} from "../chunk-GOA67MI6.js";
-export {
-  ExampleComponent
-};

package/dist/esm/chunk-24HHXM6U.js

@@ -1,29 +0,0 @@
-import {
-  FilterButton
-} from "./chunk-DR7ZJ6Z3.js";
-import {
-  isRefObject
-} from "./chunk-3VEH3HNR.js";
-import {
-  ButtonGroup
-} from "./chunk-GTXIOS6D.js";
-import {
-  FilterButtonBase
-} from "./chunk-SBUK4XZM.js";
-
-// src/FilterButton/FilterButtonRemovable/FilterButtonRemovable.tsx
-import React, { forwardRef } from "react";
-import { Icon } from "@kaizen/component-library";
-import iconClear from "@kaizen/component-library/icons/clear.icon.svg";
-import { Tooltip } from "@kaizen/draft-tooltip";
-var FilterButtonRemovable = forwardRef(({ triggerButtonProps, removeButtonProps, ...restProps }, ref) => {
-  const customRefObject = isRefObject(ref) ? ref.current : null;
-  const removeButtonRef = customRefObject == null ? void 0 : customRefObject.removeButtonRef;
-  const removeButtonLabel = (removeButtonProps == null ? void 0 : removeButtonProps.tooltipText) ?? `Remove filter - ${triggerButtonProps == null ? void 0 : triggerButtonProps.label}`;
-  return /* @__PURE__ */ React.createElement(ButtonGroup, { ...restProps }, /* @__PURE__ */ React.createElement(FilterButton, { ref, ...triggerButtonProps }), /* @__PURE__ */ React.createElement(Tooltip, { text: removeButtonLabel, display: "inline-block", position: "below" }, /* @__PURE__ */ React.createElement(FilterButtonBase, { ref: removeButtonRef, ...removeButtonProps }, /* @__PURE__ */ React.createElement(Icon, { icon: iconClear, title: removeButtonLabel }))));
-});
-FilterButtonRemovable.displayName = "FilterButtonRemovable";
-
-export {
-  FilterButtonRemovable
-};

package/dist/esm/chunk-3VEH3HNR.js

@@ -1,6 +0,0 @@
-// src/utils/isRefObject.ts
-var isRefObject = (ref) => ref !== null && "current" in ref;
-
-export {
-  isRefObject
-};