@kaizen/components 1.70.5 → 1.70.7

package/dist/cjs/Filter/Filter/subcomponents/FilterContents/FilterContents.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var FilterContents_module = require('./FilterContents.module.scss.cjs');
+var FilterContents_module = require('./FilterContents.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Filter/Filter/subcomponents/FilterContents/FilterContents.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "filterContents": "FilterContents-module_filterContents__LEVFe"
+};
+module.exports = styles;

package/dist/cjs/Filter/Filter/subcomponents/FilterPopover/FilterPopover.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var reactPopper = require('react-popper');
-var FilterPopover_module = require('./FilterPopover.module.scss.cjs');
+var FilterPopover_module = require('./FilterPopover.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "filterPopover": "FilterPopover-module_filterPopover__ZAkra"
+};
+module.exports = styles;

package/dist/cjs/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.cjs

@@ -6,7 +6,7 @@ var classnames = require('classnames');
 var Button = require('../../../../Button/Button/Button.cjs');
 require('../../../../Button/IconButton/IconButton.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
-var ClearAllButton_module = require('./ClearAllButton.module.scss.cjs');
+var ClearAllButton_module = require('./ClearAllButton.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.css.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "clearAllButton": "ClearAllButton-module_clearAllButton__dl4nS",
+  "hidden": "ClearAllButton-module_hidden__guVNI"
+};
+module.exports = styles;

package/dist/cjs/Filter/FilterSelect/FilterSelect.cjs

@@ -19,7 +19,7 @@ var SelectPopoverContents = require('../../__rc__/Select/subcomponents/SelectPop
 require('../../__rc__/Select/subcomponents/SelectToggle/SelectToggle.cjs');
 var getDisabledKeysFromItems = require('../../__rc__/Select/utils/getDisabledKeysFromItems.cjs');
 var transformSelectItemToCollectionElement = require('../../__rc__/Select/utils/transformSelectItemToCollectionElement.cjs');
-var FilterSelect_module = require('./FilterSelect.module.scss.cjs');
+var FilterSelect_module = require('./FilterSelect.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Filter/FilterSelect/FilterSelect.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "filterContents": "FilterSelect-module_filterContents__--oQN"
+};
+module.exports = styles;

package/dist/cjs/KaizenProvider/KaizenProvider.cjs

@@ -21,20 +21,16 @@ var KaizenProvider = function (_a) {
   var _c = React.useState(false),
     documentIsAvailable = _c[0],
     setDocumentIsAvailable = _c[1];
-  var _d = React.useState(),
-    notificationsList = _d[0],
-    setNotificationsList = _d[1];
   React.useEffect(function () {
     // SSR does not have a document, which is required for ToastNotificationsList.
     // Await document render before rendering the component.
     if (document !== undefined) {
-      setNotificationsList(React__default.default.createElement(ToastNotificationsList.ToastNotificationsList, null));
       setDocumentIsAvailable(true);
     }
-  }, [documentIsAvailable]);
+  }, []);
   return React__default.default.createElement(OptionalIntlProvider.OptionalIntlProvider, {
     locale: locale
-  }, React__default.default.createElement(ToastNotificationContext.ToastNotificationProvider, null, notificationsList, children), React__default.default.createElement(FontDefinitions.FontDefinitions, null));
+  }, React__default.default.createElement(ToastNotificationContext.ToastNotificationProvider, null, documentIsAvailable && React__default.default.createElement(ToastNotificationsList.ToastNotificationsList, null), children), React__default.default.createElement(FontDefinitions.FontDefinitions, null));
 };
 KaizenProvider.displayName = 'KaizenProvider';
 exports.KaizenProvider = KaizenProvider;

package/dist/cjs/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
 var React = require('react');
-var ReactDOM = require('react-dom');
 var ToastNotificationContext = require('../context/ToastNotificationContext.cjs');
 var ToastNotificationsMap = require('./subcomponents/ToastNotificationsMap/ToastNotificationsMap.cjs');
 var ToastNotificationsList_module = require('./ToastNotificationsList.module.scss.cjs');
@@ -11,28 +10,31 @@ function _interopDefault(e) {
   };
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
+var toastNotificationListId = 'toast-notifications-list';
 var ToastNotificationsList = function () {
   var _a = ToastNotificationContext.useToastNotificationContext(),
     notifications = _a.notifications,
     removeToastNotification = _a.removeToastNotification;
-  var containers = document.querySelectorAll('[data-testid="toast-notifications-list"');
-  if (containers) {
-    // Remove any duplicate instances
-    // (eg. Storybook docs page has multiple stories each with their own context)
-    containers.forEach(function (c, i) {
-      if (i === 0) return;
-      c.remove();
-    });
-  }
-  return ReactDOM.createPortal(React__default.default.createElement("div", {
-    "data-testid": "toast-notifications-list",
-    role: "status",
-    className: ToastNotificationsList_module.toastNotificationsList
-  }, React__default.default.createElement(ToastNotificationsMap.ToastNotificationsMap, {
+  var _b = React.useState(null),
+    toastContainer = _b[0],
+    setToastContainer = _b[1];
+  React.useEffect(function () {
+    // this is to ensure that the container is created only once. Regardless of how many KaizenProvider is set up, they will also reuse the same container.
+    var container = document.querySelector("[id=\"".concat(toastNotificationListId, "\"]"));
+    if (!container) {
+      container = document.createElement('div');
+      container.setAttribute('id', toastNotificationListId);
+      container.setAttribute('role', 'status');
+      container.className = ToastNotificationsList_module.toastNotificationsList;
+      document.body.appendChild(container);
+    }
+    setToastContainer(container);
+  }, []);
+  return toastContainer ? React__default.default.createElement(ToastNotificationsMap.ToastNotificationsMap, {
     notifications: notifications,
     onHide: removeToastNotification,
-    container: containers[0]
-  })), document.body);
+    container: toastContainer
+  }) : React__default.default.createElement(React__default.default.Fragment, null);
 };
 ToastNotificationsList.displayName = 'ToastNotificationsList';
 exports.ToastNotificationsList = ToastNotificationsList;

package/dist/esm/Filter/Filter/subcomponents/FilterContents/FilterContents.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './FilterContents.module.scss.mjs';
+import styles from './FilterContents.module.css.mjs';
 const FilterContents = /*#__PURE__*/function () {
   const FilterContents = function (_a) {
     var children = _a.children,

package/dist/esm/Filter/Filter/subcomponents/FilterContents/FilterContents.module.css.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "filterContents": "FilterContents-module_filterContents__LEVFe"
+};
+export { styles as default };

package/dist/esm/Filter/Filter/subcomponents/FilterPopover/FilterPopover.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { useState } from 'react';
 import classnames from 'classnames';
 import { usePopper } from 'react-popper';
-import styles from './FilterPopover.module.scss.mjs';
+import styles from './FilterPopover.module.css.mjs';
 const FilterPopover = /*#__PURE__*/function () {
   const FilterPopover = function (_a) {
     var children = _a.children,

package/dist/esm/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.css.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "filterPopover": "FilterPopover-module_filterPopover__ZAkra"
+};
+export { styles as default };

package/dist/esm/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Button } from '../../../../Button/Button/Button.mjs';
 import '../../../../Button/IconButton/IconButton.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
-import styles from './ClearAllButton.module.scss.mjs';
+import styles from './ClearAllButton.module.css.mjs';
 const ClearAllButton = /*#__PURE__*/function () {
   const ClearAllButton = function () {
     var _a;

package/dist/esm/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.css.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "clearAllButton": "ClearAllButton-module_clearAllButton__dl4nS",
+  "hidden": "ClearAllButton-module_hidden__guVNI"
+};
+export { styles as default };

package/dist/esm/Filter/FilterSelect/FilterSelect.mjs

@@ -17,7 +17,7 @@ import { SelectPopoverContents } from '../../__rc__/Select/subcomponents/SelectP
 import '../../__rc__/Select/subcomponents/SelectToggle/SelectToggle.mjs';
 import { getDisabledKeysFromItems } from '../../__rc__/Select/utils/getDisabledKeysFromItems.mjs';
 import { transformSelectItemToCollectionElement } from '../../__rc__/Select/utils/transformSelectItemToCollectionElement.mjs';
-import styles from './FilterSelect.module.scss.mjs';
+import styles from './FilterSelect.module.css.mjs';
 const FilterSelect = /*#__PURE__*/function () {
   const FilterSelect = function (_a) {
     var isOpen = _a.isOpen,

package/dist/esm/Filter/FilterSelect/FilterSelect.module.css.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "filterContents": "FilterSelect-module_filterContents__--oQN"
+};
+export { styles as default };

package/dist/esm/KaizenProvider/KaizenProvider.mjs

@@ -14,20 +14,16 @@ const KaizenProvider = /*#__PURE__*/function () {
     var _c = useState(false),
       documentIsAvailable = _c[0],
       setDocumentIsAvailable = _c[1];
-    var _d = useState(),
-      notificationsList = _d[0],
-      setNotificationsList = _d[1];
     useEffect(function () {
       // SSR does not have a document, which is required for ToastNotificationsList.
       // Await document render before rendering the component.
       if (document !== undefined) {
-        setNotificationsList( /*#__PURE__*/React.createElement(ToastNotificationsList, null));
         setDocumentIsAvailable(true);
       }
-    }, [documentIsAvailable]);
+    }, []);
     return /*#__PURE__*/React.createElement(OptionalIntlProvider, {
       locale: locale
-    }, /*#__PURE__*/React.createElement(ToastNotificationProvider, null, notificationsList, children), /*#__PURE__*/React.createElement(FontDefinitions, null));
+    }, /*#__PURE__*/React.createElement(ToastNotificationProvider, null, documentIsAvailable && /*#__PURE__*/React.createElement(ToastNotificationsList, null), children), /*#__PURE__*/React.createElement(FontDefinitions, null));
   };
   KaizenProvider.displayName = 'KaizenProvider';
   return KaizenProvider;

package/dist/esm/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs

@@ -1,31 +1,33 @@
-import React from 'react';
-import { createPortal } from 'react-dom';
+import React, { useState, useEffect } from 'react';
 import { useToastNotificationContext } from '../context/ToastNotificationContext.mjs';
 import { ToastNotificationsMap } from './subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs';
 import styles from './ToastNotificationsList.module.scss.mjs';
+var toastNotificationListId = 'toast-notifications-list';
 const ToastNotificationsList = /*#__PURE__*/function () {
   const ToastNotificationsList = function () {
     var _a = useToastNotificationContext(),
       notifications = _a.notifications,
       removeToastNotification = _a.removeToastNotification;
-    var containers = document.querySelectorAll('[data-testid="toast-notifications-list"');
-    if (containers) {
-      // Remove any duplicate instances
-      // (eg. Storybook docs page has multiple stories each with their own context)
-      containers.forEach(function (c, i) {
-        if (i === 0) return;
-        c.remove();
-      });
-    }
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
-      "data-testid": "toast-notifications-list",
-      role: "status",
-      className: styles.toastNotificationsList
-    }, /*#__PURE__*/React.createElement(ToastNotificationsMap, {
+    var _b = useState(null),
+      toastContainer = _b[0],
+      setToastContainer = _b[1];
+    useEffect(function () {
+      // this is to ensure that the container is created only once. Regardless of how many KaizenProvider is set up, they will also reuse the same container.
+      var container = document.querySelector("[id=\"".concat(toastNotificationListId, "\"]"));
+      if (!container) {
+        container = document.createElement('div');
+        container.setAttribute('id', toastNotificationListId);
+        container.setAttribute('role', 'status');
+        container.className = styles.toastNotificationsList;
+        document.body.appendChild(container);
+      }
+      setToastContainer(container);
+    }, []);
+    return toastContainer ? ( /*#__PURE__*/React.createElement(ToastNotificationsMap, {
       notifications: notifications,
       onHide: removeToastNotification,
-      container: containers[0]
-    })), document.body);
+      container: toastContainer
+    })) : ( /*#__PURE__*/React.createElement(React.Fragment, null));
   };
   ToastNotificationsList.displayName = 'ToastNotificationsList';
   return ToastNotificationsList;

package/dist/styles.css

@@ -3565,26 +3565,24 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
   display: inline;
   margin-bottom: 0;
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-.FilterPopover-module_filterPopover__eVkH6 {
-  background-color: var(--color-white, #ffffff);
+.FilterPopover-module_filterPopover__ZAkra {
+  background-color: var(--color-white);
   z-index: 1010;
-  box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
-  border-radius: var(--border-borderless-border-radius, 7px);
+  box-shadow: var(--shadow-large-box-shadow);
+  border-radius: var(--border-borderless-border-radius);
   display: inline-flex;
 }
+
 @media (width < 768px) {
   .Filter-module_filter__u3IkC {
     flex-basis: 100%;
   }
 }
 
-/** THIS IS AN AUTOGENERATED FILE **/
-.FilterContents-module_filterContents__tQWu8 {
-  padding: var(--spacing-md, 1.5rem);
+.FilterContents-module_filterContents__LEVFe {
+  padding: var(--spacing-24);
 }
+
 .DateInputField-module_disabled__gfago {
   opacity: 0.3;
 }
@@ -4160,14 +4158,15 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
   text-overflow: ellipsis;
   padding-inline-end: var(--spacing-12);
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-.FilterSelect-module_filterContents__p7Kgc {
+/*  This a temporary fix to increase specificity, until we figure out why this CSS is being compiled later than the padding in the FilterContents sub-component */
+.FilterSelect-module_filterContents__--oQN.FilterSelect-module_filterContents__--oQN {
   box-sizing: border-box;
-  min-width: 12.25rem;
-  max-width: 25rem;
+  min-width: 12.25rem; /* 196px */
+  max-width: 25rem; /* 400px */
   overflow: auto;
-  padding: unset;
+  padding: unset; /* Padding is added by <SelectPopoverContents> */
 }
+
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
@@ -4304,13 +4303,14 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
   display: block;
   margin: 5px 0;
 }
-.ClearAllButton-module_clearAllButton__XNkm2 {
+.ClearAllButton-module_clearAllButton__dl4nS {
   white-space: nowrap;
 }
 
-.ClearAllButton-module_hidden__-L2eA {
+.ClearAllButton-module_hidden__guVNI {
   visibility: hidden;
 }
+
 .FilterBar-module_filterBar__JEVKL {
   display: flex;
   padding: var(--spacing-8);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.70.5",
+  "version": "1.70.7",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -117,8 +117,8 @@
     "svgo": "^3.3.2",
     "tslib": "^2.8.1",
     "tsx": "^4.19.2",
-    "@kaizen/design-tokens": "10.8.6",
-    "@kaizen/package-bundler": "2.0.3"
+    "@kaizen/package-bundler": "2.0.3",
+    "@kaizen/design-tokens": "10.8.6"
   },
   "devDependenciesComments": {
     "sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",

package/src/Filter/Filter/subcomponents/FilterContents/FilterContents.module.css

@@ -0,0 +1,3 @@
+.filterContents {
+  padding: var(--spacing-24);
+}

package/src/Filter/Filter/subcomponents/FilterContents/FilterContents.tsx

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react'
 import classnames from 'classnames'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
-import styles from './FilterContents.module.scss'
+import styles from './FilterContents.module.css'
 
 export type FilterContentsProps = {
   children: React.ReactNode

package/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.css

@@ -0,0 +1,7 @@
+.filterPopover {
+  background-color: var(--color-white);
+  z-index: 1010;
+  box-shadow: var(--shadow-large-box-shadow);
+  border-radius: var(--border-borderless-border-radius);
+  display: inline-flex;
+}

package/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.tsx

@@ -3,7 +3,7 @@ import { type Options } from '@popperjs/core'
 import classnames from 'classnames'
 import { usePopper } from 'react-popper'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
-import styles from './FilterPopover.module.scss'
+import styles from './FilterPopover.module.css'
 
 export type FilterPopoverProps = {
   children: React.ReactNode

package/src/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.tsx

@@ -3,7 +3,7 @@ import { useIntl } from '@cultureamp/i18n-react-intl'
 import classnames from 'classnames'
 import { Button } from '~components/Button'
 import { useFilterBarContext } from '../../context/FilterBarContext'
-import styles from './ClearAllButton.module.scss'
+import styles from './ClearAllButton.module.css'
 
 export const ClearAllButton = (): JSX.Element => {
   const { formatMessage } = useIntl()

package/src/Filter/FilterSelect/FilterSelect.module.css

@@ -0,0 +1,8 @@
+/*  This a temporary fix to increase specificity, until we figure out why this CSS is being compiled later than the padding in the FilterContents sub-component */
+.filterContents.filterContents {
+  box-sizing: border-box;
+  min-width: 12.25rem; /* 196px */
+  max-width: 25rem; /* 400px */
+  overflow: auto;
+  padding: unset; /* Padding is added by <SelectPopoverContents> */
+}

package/src/Filter/FilterSelect/FilterSelect.tsx

@@ -17,7 +17,7 @@ import { getDisabledKeysFromItems } from '~components/__rc__/Select/utils/getDis
 import { transformSelectItemToCollectionElement } from '~components/__rc__/Select/utils/transformSelectItemToCollectionElement'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
 import { type SelectItem, type SelectOption } from './types'
-import styles from './FilterSelect.module.scss'
+import styles from './FilterSelect.module.css'
 
 type OmittedAriaSelectProps =
   | 'label'

package/src/KaizenProvider/KaizenProvider.tsx

@@ -11,21 +11,19 @@ export type KaizenProviderProps = {
 
 export const KaizenProvider = ({ children, locale = 'en' }: KaizenProviderProps): JSX.Element => {
   const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)
-  const [notificationsList, setNotificationsList] = useState<JSX.Element>()
 
   useEffect(() => {
     // SSR does not have a document, which is required for ToastNotificationsList.
     // Await document render before rendering the component.
     if (document !== undefined) {
-      setNotificationsList(<ToastNotificationsList />)
       setDocumentIsAvailable(true)
     }
-  }, [documentIsAvailable])
+  }, [])
 
   return (
     <OptionalIntlProvider locale={locale}>
       <ToastNotificationProvider>
-        {notificationsList}
+        {documentIsAvailable && <ToastNotificationsList />}
         {children}
       </ToastNotificationProvider>
       <FontDefinitions />

package/src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.tsx

@@ -1,36 +1,35 @@
-import React from 'react'
-import { createPortal } from 'react-dom'
+import React, { useEffect, useState } from 'react'
 import { useToastNotificationContext } from '../context/ToastNotificationContext'
 import { ToastNotificationsMap } from './subcomponents/ToastNotificationsMap'
 import styles from './ToastNotificationsList.module.scss'
 
+const toastNotificationListId = 'toast-notifications-list'
+
 export const ToastNotificationsList = (): JSX.Element => {
   const { notifications, removeToastNotification } = useToastNotificationContext()
+  const [toastContainer, setToastContainer] = useState<Element | null>(null)
 
-  const containers = document.querySelectorAll('[data-testid="toast-notifications-list"')
-
-  if (containers) {
-    // Remove any duplicate instances
-    // (eg. Storybook docs page has multiple stories each with their own context)
-    containers.forEach((c, i) => {
-      if (i === 0) return
-      c.remove()
-    })
-  }
+  useEffect(() => {
+    // this is to ensure that the container is created only once. Regardless of how many KaizenProvider is set up, they will also reuse the same container.
+    let container = document.querySelector(`[id="${toastNotificationListId}"]`)
+    if (!container) {
+      container = document.createElement('div')
+      container.setAttribute('id', toastNotificationListId)
+      container.setAttribute('role', 'status')
+      container.className = styles.toastNotificationsList
+      document.body.appendChild(container)
+    }
+    setToastContainer(container)
+  }, [])
 
-  return createPortal(
-    <div
-      data-testid="toast-notifications-list"
-      role="status"
-      className={styles.toastNotificationsList}
-    >
-      <ToastNotificationsMap
-        notifications={notifications}
-        onHide={removeToastNotification}
-        container={containers[0]}
-      />
-    </div>,
-    document.body,
+  return toastContainer ? (
+    <ToastNotificationsMap
+      notifications={notifications}
+      onHide={removeToastNotification}
+      container={toastContainer}
+    />
+  ) : (
+    <></>
   )
 }
 

package/dist/cjs/Filter/Filter/subcomponents/FilterContents/FilterContents.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "filterContents": "FilterContents-module_filterContents__tQWu8"
-};
-module.exports = styles;

package/dist/cjs/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "filterPopover": "FilterPopover-module_filterPopover__eVkH6"
-};
-module.exports = styles;

package/dist/cjs/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.scss.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var styles = {
-  "clearAllButton": "ClearAllButton-module_clearAllButton__XNkm2",
-  "hidden": "ClearAllButton-module_hidden__-L2eA"
-};
-module.exports = styles;

package/dist/cjs/Filter/FilterSelect/FilterSelect.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "filterContents": "FilterSelect-module_filterContents__p7Kgc"
-};
-module.exports = styles;

package/dist/esm/Filter/Filter/subcomponents/FilterContents/FilterContents.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "filterContents": "FilterContents-module_filterContents__tQWu8"
-};
-export { styles as default };

package/dist/esm/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "filterPopover": "FilterPopover-module_filterPopover__eVkH6"
-};
-export { styles as default };

package/dist/esm/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.scss.mjs

@@ -1,5 +0,0 @@
-var styles = {
-  "clearAllButton": "ClearAllButton-module_clearAllButton__XNkm2",
-  "hidden": "ClearAllButton-module_hidden__-L2eA"
-};
-export { styles as default };

package/dist/esm/Filter/FilterSelect/FilterSelect.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "filterContents": "FilterSelect-module_filterContents__p7Kgc"
-};
-export { styles as default };

package/src/Filter/Filter/subcomponents/FilterContents/FilterContents.module.scss

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

package/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.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/src/Filter/FilterSelect/FilterSelect.module.scss

@@ -1,10 +0,0 @@
-@import '~@kaizen/design-tokens/sass/spacing';
-
-.filterContents {
-  box-sizing: border-box;
-  min-width: 12.25rem; // 196px
-  max-width: 25rem; // 400px
-  overflow: auto;
-  // Padding is added by <SelectPopoverContents>
-  padding: unset;
-}