@kaizen/components 1.70.10 → 1.70.12

package/dist/esm/utils/mergeClassNames.mjs

@@ -14,10 +14,10 @@ var mergeClassNames = function () {
     return typeof className === 'function';
   });
   // "as any" is used because TS is not smart enough to know that containsFunction means that ClassNameType doesn't extend Function
-  if (!containsFunction) return classnames.apply(void 0, classNames);
+  if (!containsFunction) return classnames.apply(undefined, classNames);
   // "as any" is used because TS is not smart enough to know that containsFunction means that ClassNameType doesn't extend Function
   return function (state) {
-    return classnames.apply(void 0, classNames.map(function (className) {
+    return classnames.apply(undefined, classNames.map(function (className) {
       return typeof className === 'function' ? className(state) : className;
     }));
   };

package/dist/esm/utils/useMediaQueries.mjs

@@ -4,7 +4,7 @@ var subtractOnePixel = function (breakpoint) {
   return "".concat(parseInt(breakpoint, 10) - 1, "px");
 };
 var useMediaQueries = function (propQueries) {
-  if (propQueries === void 0) {
+  if (propQueries === undefined) {
     propQueries = {};
   }
   if (typeof window === 'undefined') {

package/dist/esm/utils/useResizeObserver.mjs

@@ -14,7 +14,7 @@ var defaultCallback = function (entry) {
  * @deprecated use native `ResizeObserver` DOM API instead
  */
 var useResizeObserver = function (resolveEntry) {
-  if (resolveEntry === void 0) {
+  if (resolveEntry === undefined) {
     resolveEntry = defaultCallback;
   }
   var destroyResizeObserverRef = useRef(undefined);

package/dist/styles.css

@@ -291,10 +291,6 @@
   width: 24px;
 }
 
-.Badge-module_default__KNPFc {
-  color: var(--color-purple-800);
-}
-
 .Badge-module_active__18-He {
   --badge-background-color: var(--color-blue-500);
 
@@ -2394,12 +2390,12 @@
 /** THIS IS AN AUTOGENERATED FILE **/
 .Content-module_content__ZeTRs {
   max-width: 1392px;
-  padding: 0 72px;
+  margin: 0 72px;
   width: 100%;
 }
 @media (max-width: calc(1080px - 1px)) {
   .Content-module_content__ZeTRs {
-    padding: 0 12px;
+    margin: 0 12px;
   }
 }
 /** THIS IS AN AUTOGENERATED FILE **/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.70.10",
+  "version": "1.70.12",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -62,22 +62,22 @@
     "prosemirror-history": "^1.4.1",
     "prosemirror-inputrules": "^1.4.0",
     "prosemirror-keymap": "^1.2.2",
-    "prosemirror-model": "^1.24.0",
+    "prosemirror-model": "^1.24.1",
     "prosemirror-schema-basic": "^1.2.3",
     "prosemirror-schema-list": "^1.5.0",
     "prosemirror-state": "^1.4.3",
     "prosemirror-transform": "^1.10.2",
     "prosemirror-utils": "^1.2.2",
-    "prosemirror-view": "^1.37.0",
+    "prosemirror-view": "^1.37.1",
     "react-animate-height": "^3.2.3",
     "react-aria": "^3.36.0",
     "react-aria-components": "^1.5.0",
     "react-day-picker": "8.10.1",
-    "react-focus-lock": "^2.13.2",
+    "react-focus-lock": "^2.13.5",
     "react-focus-on": "^3.9.4",
     "react-media": "^1.10.0",
     "react-popper": "^2.3.0",
-    "react-select": "^5.8.3",
+    "react-select": "^5.9.0",
     "react-textfit": "^1.1.1",
     "resize-observer-polyfill": "^1.5.1",
     "use-debounce": "^10.0.4",
@@ -87,7 +87,7 @@
     "react-day-picker": "Version locked until a11y gets fixed (https://github.com/gpbl/react-day-picker/pull/1708)"
   },
   "devDependencies": {
-    "@cultureamp/frontend-apis": "^11.1.0",
+    "@cultureamp/frontend-apis": "^12.0.1",
     "@cultureamp/i18n-react-intl": "^2.7.1",
     "@testing-library/dom": "^10.4.0",
     "@types/jest-axe": "^3.5.9",
@@ -104,21 +104,21 @@
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.1.0",
-    "postcss-preset-env": "^10.1.1",
+    "postcss-preset-env": "^10.1.3",
     "postcss-scss": "^4.0.9",
     "query-string": "^9.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-highlight": "^0.15.0",
-    "react-intl": "^7.0.1",
-    "rollup": "^4.28.0",
+    "react-intl": "^7.1.0",
+    "rollup": "^4.30.1",
     "sass": "1.79.6",
     "serialize-query-params": "^2.0.2",
     "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/design-tokens": "10.8.7",
+    "@kaizen/package-bundler": "2.0.4"
   },
   "devDependenciesComments": {
     "sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",

package/src/Badge/Badge.module.css

@@ -43,10 +43,6 @@
   width: 24px;
 }
 
-.default {
-  color: var(--color-purple-800);
-}
-
 .active {
   --badge-background-color: var(--color-blue-500);
 

package/src/Content/Content.module.scss

@@ -3,10 +3,10 @@
 
 .content {
   max-width: $layout-content-max-width;
-  padding: 0 $layout-content-side-margin;
+  margin: 0 $layout-content-side-margin;
   width: 100%;
 
   @media (max-width: calc(#{$layout-breakpoints-large} - 1px)) {
-    padding: 0 $content-margin-width-on-medium-and-small;
+    margin: 0 $content-margin-width-on-medium-and-small;
   }
 }

package/src/Filter/FilterDateRangePicker/_docs/FilterDateRangePicker.mdx

@@ -4,7 +4,7 @@ import * as FilterDRPStories from './FilterDateRangePicker.stories'
 
 <Meta of={FilterDRPStories} />
 
-# Filter
+# FilterDateRangePicker
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/FilterDateRangePicker"

package/src/Filter/FilterMultiSelect/_docs/FilterMultiSelect.mdx

@@ -4,7 +4,7 @@ import * as FilterMultiSelectStories from './FilterMultiSelect.stories'
 
 <Meta of={FilterMultiSelectStories} />
 
-# Filter Bar
+# FilterMultiSelect
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/FilterMultiSelect"

package/src/__rc__/Menu/MenuItem.tsx

@@ -26,16 +26,14 @@ export const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(
         textValue={determinedTextValue}
         {...props}
       >
-        <>
-          {typeof children === 'string' && icon ? (
-            <div className={styles.flexWrapper}>
-              <span className={styles.iconWrapper}>{icon}</span>
-              {children}
-            </div>
-          ) : (
-            <>{children}</>
-          )}
-        </>
+        {typeof children === 'string' && icon ? (
+          <div className={styles.flexWrapper}>
+            <span className={styles.iconWrapper}>{icon}</span>
+            {children}
+          </div>
+        ) : (
+          children
+        )}
       </RACMenuItem>
     )
   },

package/src/__rc__/Tabs/subcomponents/Tab/Tab.tsx

@@ -29,12 +29,20 @@ export const Tab = (props: TabProps): JSX.Element => {
 
   return (
     <RACTab data-kz-tab {...tabProps}>
-      {({ isSelected, isFocusVisible, isHovered }) => (
+      {(TabRenderProps) => (
         <>
-          {children}
+          {typeof children === 'function' ? children(TabRenderProps) : children}
           {badge && (
             <span className={styles.badge}>
-              <Badge variant={isSelected || isFocusVisible || isHovered ? 'active' : 'default'}>
+              <Badge
+                variant={
+                  TabRenderProps.isSelected ||
+                  TabRenderProps.isFocusVisible ||
+                  TabRenderProps.isHovered
+                    ? 'active'
+                    : 'default'
+                }
+              >
                 {badge}
               </Badge>
             </span>