@kaizen/components 1.70.6 → 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/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/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.6",
+  "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/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;
-}