@kaizen/components 1.67.14 → 1.67.16

package/dist/cjs/Filter/FilterBar/FilterBar.cjs

@@ -26,8 +26,6 @@ var FilterBar = function (_a) {
     filters: filters
   }, providerProps), function (activeFilters) {
     return React__default.default.createElement("div", {
-      className: FilterBar_module.wrapper
-    }, React__default.default.createElement("div", {
       className: classnames__default.default(FilterBar_module.filterBar, classNameOverride)
     }, React__default.default.createElement("div", {
       className: FilterBar_module.filtersContainer
@@ -42,7 +40,7 @@ var FilterBar = function (_a) {
           id: id
         }))
       );
-    }), React__default.default.createElement(AddFiltersMenu.AddFiltersMenu, null)), React__default.default.createElement("div", null, React__default.default.createElement(ClearAllButton.ClearAllButton, null))));
+    }), React__default.default.createElement(AddFiltersMenu.AddFiltersMenu, null)), React__default.default.createElement("div", null, React__default.default.createElement(ClearAllButton.ClearAllButton, null)));
   });
 };
 FilterBar.displayName = "FilterBar";

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

@@ -1,7 +1,6 @@
 'use strict';
 
 var styles = {
-  "wrapper": "FilterBar-module_wrapper__D8GXq",
   "filterBar": "FilterBar-module_filterBar__JEVKL",
   "filtersContainer": "FilterBar-module_filtersContainer__Xl-DO"
 };

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

@@ -18,8 +18,6 @@ const FilterBar = /*#__PURE__*/function () {
       filters: filters
     }, providerProps), function (activeFilters) {
       return /*#__PURE__*/React.createElement("div", {
-        className: styles.wrapper
-      }, /*#__PURE__*/React.createElement("div", {
         className: classnames(styles.filterBar, classNameOverride)
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.filtersContainer
@@ -35,7 +33,7 @@ const FilterBar = /*#__PURE__*/function () {
             id: id
           }))
         );
-      }), /*#__PURE__*/React.createElement(AddFiltersMenu, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ClearAllButton, null))));
+      }), /*#__PURE__*/React.createElement(AddFiltersMenu, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ClearAllButton, null)));
     });
   };
   FilterBar.displayName = "FilterBar";

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

@@ -1,5 +1,4 @@
 var styles = {
-  "wrapper": "FilterBar-module_wrapper__D8GXq",
   "filterBar": "FilterBar-module_filterBar__JEVKL",
   "filtersContainer": "FilterBar-module_filtersContainer__Xl-DO"
 };

package/dist/styles.css

@@ -4678,10 +4678,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
 .ClearAllButton-module_clearAllButton__XNkm2 {
   white-space: nowrap;
 }
-.FilterBar-module_wrapper__D8GXq {
-  container: filter-bar-wrapper / inline-size;
-}
-
 .FilterBar-module_filterBar__JEVKL {
   display: flex;
   padding: var(--spacing-8);

package/dist/types/ProgressBar/subcomponents/Label/Label.d.ts

@@ -1,4 +1,10 @@
+import { ReactNode } from "react";
+type Label = {
+    content: ReactNode;
+    isReversed: boolean;
+};
 export declare const Label: {
     ({ content, isReversed }: Label): JSX.Element;
     displayName: string;
 };
+export {};

package/package.json

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

package/src/Filter/FilterBar/FilterBar.module.css

@@ -1,7 +1,3 @@
-.wrapper {
-  container: filter-bar-wrapper / inline-size;
-}
-
 .filterBar {
   display: flex;
   padding: var(--spacing-8);

package/src/Filter/FilterBar/FilterBar.tsx

@@ -27,21 +27,19 @@ export const FilterBar = <ValuesMap extends FiltersValues>({
 }: FilterBarProps<ValuesMap>): JSX.Element => (
   <FilterBarProvider<ValuesMap> filters={filters} {...providerProps}>
     {(activeFilters): JSX.Element => (
-      <div className={styles.wrapper}>
-        <div className={classnames(styles.filterBar, classNameOverride)}>
-          <div className={styles.filtersContainer}>
-            {Object.values(activeFilters).map(({ id, Component }) => (
-              // `id` will always be `string`, but keyof ValuesMap transformed it
-              <React.Fragment key={id as string}>
-                {React.cloneElement(Component, { id })}
-              </React.Fragment>
-            ))}
-            <AddFiltersMenu />
-          </div>
+      <div className={classnames(styles.filterBar, classNameOverride)}>
+        <div className={styles.filtersContainer}>
+          {Object.values(activeFilters).map(({ id, Component }) => (
+            // `id` will always be `string`, but keyof ValuesMap transformed it
+            <React.Fragment key={id as string}>
+              {React.cloneElement(Component, { id })}
+            </React.Fragment>
+          ))}
+          <AddFiltersMenu />
+        </div>
 
-          <div>
-            <ClearAllButton />
-          </div>
+        <div>
+          <ClearAllButton />
         </div>
       </div>
     )}