@kaizen/components 0.0.0-canary-typescript-transform-paths-3.5.2-20241113035843 → 0.0.0-canary-package-bundler-v2-20241113071536

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/cjs/Pagination/Pagination.cjs

@@ -110,7 +110,7 @@ var Pagination = function (_a) {
     }
   }), React__default.default.createElement("div", {
     className: Pagination_module.pagesIndicatorWrapper
-  }, pagination(1, queries.isSmall ? 0 : 1)), React__default.default.createElement(DirectionalLink.DirectionalLink, {
+  }, pagination(queries.isMediumOrSmaller ? 0 : 1, queries.isSmall ? 0 : 1)), React__default.default.createElement(DirectionalLink.DirectionalLink, {
     label: ariaLabelNextPage,
     direction: "next",
     disabled: nextPageDisabled,

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/esm/Pagination/Pagination.mjs

@@ -101,7 +101,7 @@ var Pagination = function (_a) {
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: styles.pagesIndicatorWrapper
-  }, pagination(1, queries.isSmall ? 0 : 1)), /*#__PURE__*/React.createElement(DirectionalLink, {
+  }, pagination(queries.isMediumOrSmaller ? 0 : 1, queries.isSmall ? 0 : 1)), /*#__PURE__*/React.createElement(DirectionalLink, {
     label: ariaLabelNextPage,
     direction: "next",
     disabled: nextPageDisabled,

package/dist/styles.css

@@ -160,6 +160,9 @@
   --button-icon-size: var(--spacing-16);
   gap: var(--spacing-8);
 }
+.Focusable-module_focusableWrapper__NfuIi {
+  display: inline-flex;
+}
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
@@ -216,9 +219,6 @@
     opacity: 1;
   }
 }
-.Focusable-module_focusableWrapper__NfuIi {
-  display: inline-flex;
-}
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 .OverlayArrow-module_overlayArrow__hoDyK {
@@ -1442,7 +1442,7 @@
   width: 40px;
   height: 40px;
   min-height: auto;
-  margin: 0 var(--spacing-2);
+  margin: 0 var(--spacing-4);
   border-radius: 50%;
 }
 .GenericButton-module_circleButton__Ovqs1:not(:disabled):focus-visible::after {
@@ -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);
@@ -7582,7 +7578,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
   width: 36px;
   background-color: transparent;
   color: rgba(var(color-purple-800-rgb), 0.7);
-  margin: 0 var(--spacing-2);
+  margin: 0 var(--spacing-4);
 }
 
 /** THIS IS AN AUTOGENERATED FILE **/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-typescript-transform-paths-3.5.2-20241113035843",
+  "version": "0.0.0-canary-package-bundler-v2-20241113071536",
   "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": "0.0.0-canary-typescript-transform-paths-3.5.2-20241113035843",
-    "@kaizen/package-bundler": "0.0.0-canary-typescript-transform-paths-3.5.2-20241113035843"
+    "@kaizen/design-tokens": "0.0.0-canary-package-bundler-v2-20241113071536",
+    "@kaizen/package-bundler": "0.0.0-canary-package-bundler-v2-20241113071536"
   },
   "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>
     )}

package/src/Pagination/Pagination.tsx

@@ -154,7 +154,7 @@ export const Pagination = ({
       />
 
       <div className={styles.pagesIndicatorWrapper}>
-        {pagination(1, queries.isSmall ? 0 : 1)}
+        {pagination(queries.isMediumOrSmaller ? 0 : 1, queries.isSmall ? 0 : 1)}
       </div>
 
       <DirectionalLink

package/src/Pagination/subcomponents/PaginationLink/PaginationLink.module.scss

@@ -9,7 +9,7 @@
   width: 40px;
   height: 40px;
   min-height: auto;
-  margin: 0 var(--spacing-2);
+  margin: 0 var(--spacing-4);
   border-radius: 50%;
 
   &:not(:disabled) {

package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css

@@ -5,5 +5,5 @@
   width: 36px;
   background-color: transparent;
   color: rgba(var(color-purple-800-rgb), 0.7);
-  margin: 0 var(--spacing-2);
+  margin: 0 var(--spacing-4);
 }

package/dist/types/Heading-Bq3fifM0.js

@@ -1,114 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useState, useLayoutEffect, createElement } from 'react';
-import classnames from 'classnames';
-var styles$1 = {
-  "badge": "Badge-module_badge__CRtsW",
-  "large": "Badge-module_large__0QOpY",
-  "default": "Badge-module_default__k4Kcf",
-  "active": "Badge-module_active__-e-i2",
-  "reversed": "Badge-module_reversed__OgQLB",
-  "dark": "Badge-module_dark__RH34a",
-  "dot": "Badge-module_dot__BOKL1",
-  "animation": "Badge-module_animation__NTy6C",
-  "animationOn": "Badge-module_animationOn__nWK38"
-};
-
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857333/Badge Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-badge--docs Storybook}
- */
-const Badge = /*#__PURE__*/function () {
-  const Badge = function (_a) {
-    var children = _a.children,
-      _b = _a.variant,
-      variant = _b === void 0 ? "default" : _b,
-      _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
-      _d = _a.size,
-      size = _d === void 0 ? "small" : _d,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "variant", "reversed", "size", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("span", __assign({
-      className: classnames(styles$1.badge, styles$1[variant], classNameOverride, reversed && styles$1.reversed, size === "large" && styles$1.large)
-    }, restProps), variant !== "dot" && children);
-  };
-  Badge.displayName = "Badge";
-  return Badge;
-}();
-var BadgeAnimated = function (props) {
-  var _a = useState(false),
-    isFocused = _a[0],
-    setIsFocused = _a[1];
-  useLayoutEffect(function () {
-    setIsFocused(true);
-    setTimeout(function () {
-      setIsFocused(false);
-    }, 150);
-  }, [props.children]);
-  return /*#__PURE__*/React.createElement("span", {
-    className: classnames(styles$1.animation, isFocused && styles$1.animationOn)
-  }, /*#__PURE__*/React.createElement(Badge, __assign({}, props)));
-};
-var styles = {
-  "heading": "Heading-module_heading__Gq6I8",
-  "display-0": "Heading-module_display-0__yZ7rx",
-  "composable-header-title": "Heading-module_composable-header-title__mqQVh",
-  "heading-1": "Heading-module_heading-1__PbAcw",
-  "heading-2": "Heading-module_heading-2__Ovpfe",
-  "heading-3": "Heading-module_heading-3__S4Pb1",
-  "heading-4": "Heading-module_heading-4__IIiwi",
-  "heading-5": "Heading-module_heading-5__QFtpN",
-  "heading-6": "Heading-module_heading-6__kts--",
-  "dark": "Heading-module_dark__IqcnT",
-  "dark-reduced-opacity": "Heading-module_dark-reduced-opacity__i-JqI",
-  "white": "Heading-module_white__mUqRT",
-  "white-reduced-opacity": "Heading-module_white-reduced-opacity__y1wq8",
-  "positive": "Heading-module_positive__mBS79",
-  "small": "Heading-module_small__qupiD",
-  "large": "Heading-module_large__cB-V3",
-  "negative": "Heading-module_negative__Q4byH"
-};
-var VARIANTS_24PX_OR_GREATER = ["display-0", "heading-1", "heading-2"];
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
- * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}
- */
-var Heading = function (_a) {
-  var children = _a.children,
-    tag = _a.tag,
-    variant = _a.variant,
-    _b = _a.color,
-    color = _b === void 0 ? "dark" : _b,
-    classNameOverride = _a.classNameOverride,
-    restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
-  var inferredTag = tag === undefined ? translateHeadingLevelToTag(variant) : tag;
-  var className = classnames(styles.heading, styles[variant], classNameOverride, styles[color], VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small);
-  return /*#__PURE__*/createElement(inferredTag, __assign(__assign({}, restProps), {
-    className: className
-  }), children);
-};
-Heading.displayName = "Heading";
-/**
- * A helper to infer the tag when not explicitly passed as a prop
- * @param headingLevel Level of the heading
- */
-var translateHeadingLevelToTag = function (headingLevel) {
-  switch (headingLevel) {
-    case "display-0":
-    case "composable-header-title":
-    case "heading-1":
-      return "h1";
-    case "heading-2":
-      return "h2";
-    case "heading-3":
-      return "h3";
-    case "heading-4":
-      return "h4";
-    case "heading-5":
-      return "h5";
-    case "heading-6":
-    default:
-      return "h6";
-  }
-};
-export { Badge as B, Heading as H, BadgeAnimated as a };