@kaizen/components 1.4.22-canary.4 → 1.4.22-canary.5

package/dist/iife/index.js

@@ -1389,7 +1389,7 @@
             }
             return dispatcher.useContext(Context2);
           }
-          function useState3(initialState) {
+          function useState2(initialState) {
             var dispatcher = resolveDispatcher();
             return dispatcher.useState(initialState);
           }
@@ -2191,7 +2191,7 @@
           exports.useMemo = useMemo;
           exports.useReducer = useReducer;
           exports.useRef = useRef;
-          exports.useState = useState3;
+          exports.useState = useState2;
           exports.useSyncExternalStore = useSyncExternalStore;
           exports.useTransition = useTransition;
           exports.version = ReactVersion;
@@ -2971,325 +2971,19 @@
   });
 
   // src/KaizenProvider/KaizenProvider.tsx
-  var import_react3 = __toESM(require_react());
+  var import_react2 = __toESM(require_react());
 
   // src/KaizenProvider/ThemeProvider/ThemeProvider.tsx
-  var import_react2 = __toESM(require_react());
+  var import_react = __toESM(require_react());
 
-  // ../design-tokens/dist/esm/index.js
+  // ../design-tokens/src/lib/addExtraThemeEntries.ts
   var import_color_string = __toESM(require_color_string());
+
+  // ../design-tokens/src/lib/cssVariables.ts
   var import_lodash = __toESM(require_lodash());
-  var import_react = __toESM(require_react());
-  var heartTheme = {
-    themeKey: "heart",
-    animation: {
-      easingFunction: {
-        easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
-        easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
-        easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-        linear: "linear",
-        bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
-        bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
-        bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)"
-      },
-      duration: {
-        instant: "0ms",
-        immediate: "100ms",
-        rapid: "200ms",
-        fast: "300ms",
-        slow: "400ms",
-        deliberate: "700ms"
-      }
-    },
-    border: {
-      solid: {
-        borderWidth: "2px",
-        borderRadius: "7px",
-        borderStyle: "solid",
-        borderColor: "#e1e2ea"
-      },
-      dashed: {
-        borderWidth: "2px",
-        borderRadius: "7px",
-        borderStyle: "dashed"
-      },
-      borderless: {
-        borderWidth: "2px",
-        borderRadius: "7px",
-        borderStyle: "solid",
-        borderColor: "transparent"
-      },
-      focusRing: {
-        borderWidth: "2px",
-        borderRadius: "10px",
-        borderStyle: "solid"
-      }
-    },
-    color: {
-      purple: {
-        100: "#f4edf8",
-        200: "#dfc9ea",
-        300: "#c9a5dd",
-        400: "#ae67b1",
-        500: "#844587",
-        600: "#5f3361",
-        700: "#4a234d",
-        800: "#2f2438"
-      },
-      blue: {
-        100: "#e6f6ff",
-        200: "#bde2f5",
-        300: "#73c0e8",
-        400: "#008bd6",
-        500: "#0168b3",
-        600: "#004970",
-        700: "#003157"
-      },
-      green: {
-        100: "#e8f8f4",
-        200: "#c4ede2",
-        300: "#8fdbc7",
-        400: "#5dcbad",
-        500: "#44a289",
-        600: "#2c7d67",
-        700: "#22594a"
-      },
-      yellow: {
-        100: "#fff9e4",
-        200: "#ffeeb3",
-        300: "#ffe36e",
-        400: "#ffca4d",
-        500: "#ffb600",
-        600: "#c68600",
-        700: "#876400"
-      },
-      red: {
-        100: "#fdeaee",
-        200: "#f9c2cb",
-        300: "#f597a8",
-        400: "#e0707d",
-        500: "#c93b55",
-        600: "#a82433",
-        700: "#6c1e20"
-      },
-      orange: {
-        100: "#fff0e8",
-        200: "#ffd1b9",
-        300: "#ffb08a",
-        400: "#ff9461",
-        500: "#e96c2f",
-        600: "#b74302",
-        700: "#903c00"
-      },
-      gray: {
-        100: "#f9f9f9",
-        200: "#f4f4f5",
-        300: "#eaeaec",
-        400: "#cdcdd0",
-        500: "#8c8c97",
-        600: "#524e56"
-      },
-      white: "#ffffff"
-    },
-    dataViz: {
-      favorable: "#7dd5bd",
-      unfavorable: "#e68d97"
-    },
-    layout: {
-      contentMaxWidth: "1392px",
-      contentMaxWidthWithSidebar: "1080px",
-      contentSideMargin: "72px",
-      mobileActionsDrawerHeight: "60px",
-      navigationBarHeight: "72px",
-      breakpoints: {
-        medium: "768px",
-        large: "1080px"
-      }
-    },
-    shadow: {
-      small: {
-        boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)"
-      },
-      large: {
-        boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)"
-      }
-    },
-    spacing: {
-      xs: "0.375rem",
-      sm: "0.75rem",
-      md: "1.5rem",
-      lg: "2.25rem",
-      xl: "3rem",
-      xxl: "3.75rem",
-      xxxl: "4.5rem",
-      xxxxl: "5.25rem",
-      xxxxxl: "6rem",
-      0: "0",
-      1: ".0625rem",
-      2: ".125rem",
-      4: ".25rem",
-      6: ".375rem",
-      8: ".5rem",
-      12: ".75rem",
-      16: "1rem",
-      24: "1.5rem",
-      32: "2rem",
-      40: "2.5rem",
-      48: "3rem",
-      56: "3.5rem",
-      64: "4rem",
-      72: "4.5rem",
-      80: "5rem",
-      96: "6rem",
-      112: "7rem",
-      128: "8rem",
-      160: "10rem",
-      200: "12.5rem",
-      240: "15rem",
-      280: "17.5rem",
-      320: "20rem"
-    },
-    typography: {
-      dataLarge: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "5.25rem",
-        lineHeight: "5.25rem",
-        letterSpacing: "normal"
-      },
-      dataLargeUnits: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "2.625rem",
-        lineHeight: "5.25rem",
-        letterSpacing: "normal"
-      },
-      dataMedium: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "3rem",
-        lineHeight: "5rem",
-        letterSpacing: "normal"
-      },
-      dataMediumUnits: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "1.5rem",
-        lineHeight: "5rem",
-        letterSpacing: "normal"
-      },
-      dataSmall: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "1.5rem",
-        lineHeight: "1.5rem",
-        letterSpacing: "normal"
-      },
-      dataSmallUnits: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "1.125rem",
-        lineHeight: "1.5rem",
-        letterSpacing: "normal"
-      },
-      display0: {
-        fontFamily: '"Tiempos Headline", Georgia, serif',
-        fontWeight: 800,
-        fontSize: "4.5rem",
-        lineHeight: "5.25rem",
-        letterSpacing: "0em"
-      },
-      heading1: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "2.125rem",
-        lineHeight: "2.625rem",
-        letterSpacing: "normal"
-      },
-      heading2: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "1.75rem",
-        lineHeight: "2.25rem",
-        letterSpacing: "normal"
-      },
-      heading3: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "1.375rem",
-        lineHeight: "1.875rem",
-        letterSpacing: "normal"
-      },
-      heading4: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 600,
-        fontSize: "1.125rem",
-        lineHeight: "1.5rem",
-        letterSpacing: "normal"
-      },
-      heading5: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 600,
-        fontSize: "1rem",
-        lineHeight: "1.5rem",
-        letterSpacing: "normal"
-      },
-      heading6: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "0.875rem",
-        lineHeight: "1.5rem",
-        letterSpacing: "normal"
-      },
-      paragraphIntroLede: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 400,
-        fontSize: "1.25rem",
-        lineHeight: "1.875rem",
-        letterSpacing: "0"
-      },
-      paragraphBody: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 400,
-        fontSize: "1rem",
-        lineHeight: "1.5rem",
-        letterSpacing: "normal"
-      },
-      paragraphSmall: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 400,
-        fontSize: "0.875rem",
-        lineHeight: "1.125rem",
-        letterSpacing: "normal"
-      },
-      paragraphExtraSmall: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 400,
-        fontSize: "0.75rem",
-        lineHeight: "1.125rem",
-        letterSpacing: "normal"
-      },
-      paragraphBold: {
-        fontWeight: 600
-      },
-      buttonPrimary: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 700,
-        fontSize: "1.125rem",
-        lineHeight: "1.5rem",
-        letterSpacing: "normal"
-      },
-      buttonSecondary: {
-        fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-        fontWeight: 500,
-        fontSize: "1rem",
-        lineHeight: "1.5rem",
-        letterSpacing: "normal"
-      }
-    }
-  };
-  var defaultTheme = heartTheme;
   var objectPathToCssVarIdentifier = (path) => `--${path.map(import_lodash.default).join("-")}`;
+
+  // ../design-tokens/src/lib/addExtraThemeEntries.ts
   var addExtraThemeEntries = (path, key, value, printValue, {
     augmentWithId
   }) => {
@@ -3311,6 +3005,8 @@
     }
     return result;
   };
+
+  // ../design-tokens/src/lib/mapLeafsOfObject.ts
   function mapLeafsOfObject(object, mapper) {
     const recurser = (currentPath, obj) => {
       const handleEntry = (key, value) => {
@@ -3330,6 +3026,8 @@
     };
     return recurser([], object);
   }
+
+  // ../design-tokens/src/lib/makeCssVariableDefinitionsMap.ts
   function makeCssVariableDefinitionsMap(theme) {
     let accumulatedCssVariables = {};
     mapLeafsOfObject(theme, (path, value) => {
@@ -3348,7 +3046,6 @@
     });
     return accumulatedCssVariables;
   }
-  var ThemeContext = import_react.default.createContext(defaultTheme);
 
   // src/KaizenProvider/ThemeProvider/ThemeManager.ts
   var ThemeManager = class {
@@ -3402,7 +3099,7 @@
   };
 
   // src/KaizenProvider/ThemeProvider/themes/heart.ts
-  var heartTheme2 = {
+  var heartTheme = {
     themeKey: "heart",
     animation: {
       easingFunction: {
@@ -3712,21 +3409,21 @@
   };
 
   // src/KaizenProvider/ThemeProvider/themes/index.ts
-  var defaultTheme2 = heartTheme2;
+  var defaultTheme = heartTheme;
 
   // src/KaizenProvider/ThemeProvider/ThemeProvider.tsx
-  var ThemeContext2 = (0, import_react2.createContext)(defaultTheme2);
+  var ThemeContext = (0, import_react.createContext)(defaultTheme);
   var ThemeProvider = ({
     themeManager,
     ...props
   }) => {
-    const [themeManagerInstance] = (0, import_react2.useState)(
-      () => themeManager || new ThemeManager(defaultTheme2)
+    const [themeManagerInstance] = (0, import_react.useState)(
+      () => themeManager || new ThemeManager(defaultTheme)
     );
-    const [theme, setTheme] = (0, import_react2.useState)(
+    const [theme, setTheme] = (0, import_react.useState)(
       themeManagerInstance.getCurrentTheme()
     );
-    (0, import_react2.useEffect)(() => {
+    (0, import_react.useEffect)(() => {
       let cancelled = false;
       const listener = (newTheme) => {
         if (!cancelled)
@@ -3738,7 +3435,7 @@
         themeManagerInstance.removeThemeChangeListener(listener);
       };
     }, []);
-    return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(ThemeContext2.Provider, { value: theme }, props.children), /* @__PURE__ */ import_react2.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(ThemeContext.Provider, { value: theme }, props.children), /* @__PURE__ */ import_react.default.createElement(
       "link",
       {
         rel: "preload",
@@ -3747,7 +3444,7 @@
         type: "font/woff2",
         crossOrigin: "anonymous"
       }
-    ), /* @__PURE__ */ import_react2.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement(
       "link",
       {
         rel: "preload",
@@ -3756,7 +3453,7 @@
         type: "font/woff2",
         crossOrigin: "anonymous"
       }
-    ), /* @__PURE__ */ import_react2.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement(
       "link",
       {
         rel: "preload",
@@ -3765,7 +3462,7 @@
         type: "font/woff2",
         crossOrigin: "anonymous"
       }
-    ), /* @__PURE__ */ import_react2.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement(
       "link",
       {
         rel: "preload",
@@ -3774,7 +3471,7 @@
         type: "font/woff2",
         crossOrigin: "anonymous"
       }
-    ), /* @__PURE__ */ import_react2.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement(
       "link",
       {
         rel: "preload",
@@ -3785,23 +3482,22 @@
       }
     ));
   };
-  var useTheme = () => (0, import_react2.useContext)(ThemeContext2);
+  var useTheme = () => (0, import_react.useContext)(ThemeContext);
 
   // src/KaizenProvider/KaizenProvider.tsx
   var KaizenProvider = ({
     children,
     themeManager
-  }) => /* @__PURE__ */ import_react3.default.createElement(ThemeProvider, { themeManager }, children);
+  }) => /* @__PURE__ */ import_react2.default.createElement(ThemeProvider, { themeManager }, children);
   KaizenProvider.displayName = "KaizenProvider";
 
-  // ../a11y/src/SkipLink.tsx
-  var import_react5 = __toESM(require_react());
-
-  // ../component-library/components/Icon/Icon.tsx
+  // ../a11y/dist/esm/index.js
   var import_react4 = __toESM(require_react());
-  var import_classnames = __toESM(require_classnames());
 
-  // ../component-library/util/console.ts
+  // ../component-library/dist/esm/chunk-HRENJKZ7.js
+  var import_react3 = __toESM(require_react());
+  var import_classnames = __toESM(require_classnames());
+  var import_Icon_module_VD7NKLAR = __toESM(__require("./Icon.module-VD7NKLAR-VD7NKLAR.scss"));
   var yellow = "\x1B[33m ";
   var reset = "\x1B[0m ";
   var warn = (message) => {
@@ -3813,9 +3509,6 @@ ${singleLine(message)}${reset}
     );
   };
   var singleLine = (message) => message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
-
-  // ../component-library/components/Icon/Icon.tsx
-  var import_Icon_module = __toESM(__require("./Icon.module-VD7NKLAR.scss"));
   var Icon = ({
     icon,
     inheritSize = false,
@@ -3840,17 +3533,17 @@ ${singleLine(message)}${reset}
       "presentation" to indicate it is not meaningful.
     `);
     }
-    const renderTitle = () => isMeaningfulImg && !!title && /* @__PURE__ */ import_react4.default.createElement("title", null, title);
-    const renderDesc = () => isMeaningfulImg && !!desc && /* @__PURE__ */ import_react4.default.createElement("desc", null, desc);
+    const renderTitle = () => isMeaningfulImg && !!title && /* @__PURE__ */ import_react3.default.createElement("title", null, title);
+    const renderDesc = () => isMeaningfulImg && !!desc && /* @__PURE__ */ import_react3.default.createElement("desc", null, desc);
     const accessibilityProps = {
       role,
       ["aria-hidden"]: isMeaningfulImg ? void 0 : true
     };
-    return /* @__PURE__ */ import_react4.default.createElement(
+    return /* @__PURE__ */ import_react3.default.createElement(
       "svg",
       {
-        className: (0, import_classnames.default)(import_Icon_module.default.icon, classNameOverride, {
-          [import_Icon_module.default.inheritSize]: inheritSize
+        className: (0, import_classnames.default)(import_Icon_module_VD7NKLAR.default.icon, classNameOverride, {
+          [import_Icon_module_VD7NKLAR.default.inheritSize]: inheritSize
         }),
         viewBox: icon.viewBox,
         focusable: "false",
@@ -3859,7 +3552,7 @@ ${singleLine(message)}${reset}
       },
       renderTitle(),
       renderDesc(),
-      /* @__PURE__ */ import_react4.default.createElement("use", { xlinkHref: `#${icon.id}` })
+      /* @__PURE__ */ import_react3.default.createElement("use", { xlinkHref: `#${icon.id}` })
     );
   };
   Icon.displayName = "Icon";
@@ -3867,22 +3560,20 @@ ${singleLine(message)}${reset}
   // ../component-library/icons/skip.icon.svg
   var skip_icon_default = "./skip.icon-4OAFSA2T.svg";
 
-  // ../a11y/src/SkipLink.tsx
-  var import_SkipLink_module = __toESM(__require("./SkipLink.module-KAZA7PAL.scss"));
-  var SkipLink = ({ label, skipTo }) => /* @__PURE__ */ import_react5.default.createElement("a", { className: import_SkipLink_module.default.skipLinkContainer, href: `#${skipTo}` }, /* @__PURE__ */ import_react5.default.createElement("span", { className: import_SkipLink_module.default.skipLinkContent }, /* @__PURE__ */ import_react5.default.createElement("span", { className: import_SkipLink_module.default.skipLinkIcon }, /* @__PURE__ */ import_react5.default.createElement(Icon, { icon: skip_icon_default, role: "presentation" })), /* @__PURE__ */ import_react5.default.createElement("span", null, label)));
+  // ../a11y/dist/esm/index.js
+  var import_SkipLink_module_KAZA7PAL = __toESM(__require("./SkipLink.module-KAZA7PAL-KAZA7PAL.scss"));
+  var import_react5 = __toESM(require_react());
+  var import_VisuallyHidden_module_E5JUNEF5 = __toESM(__require("./VisuallyHidden.module-E5JUNEF5-E5JUNEF5.scss"));
+  var SkipLink = ({ label, skipTo }) => /* @__PURE__ */ import_react4.default.createElement("a", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkContainer, href: `#${skipTo}` }, /* @__PURE__ */ import_react4.default.createElement("span", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkContent }, /* @__PURE__ */ import_react4.default.createElement("span", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkIcon }, /* @__PURE__ */ import_react4.default.createElement(Icon, { icon: skip_icon_default, role: "presentation" })), /* @__PURE__ */ import_react4.default.createElement("span", null, label)));
   SkipLink.displayName = "SkipLink";
-
-  // ../a11y/src/VisuallyHidden/VisuallyHidden.tsx
-  var import_react6 = __toESM(require_react());
-  var import_VisuallyHidden_module = __toESM(__require("./VisuallyHidden.module-E5JUNEF5.scss"));
   var VisuallyHidden = ({
     children,
     classNameOverride,
     tag = "span",
     ...otherProps
   }) => {
-    const className = `${import_VisuallyHidden_module.default.srOnly} ${classNameOverride}`;
-    return (0, import_react6.createElement)(tag, { ...otherProps, className }, children);
+    const className = `${import_VisuallyHidden_module_E5JUNEF5.default.srOnly} ${classNameOverride}`;
+    return (0, import_react5.createElement)(tag, { ...otherProps, className }, children);
   };
   VisuallyHidden.displayName = "VisuallyHidden";
 })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.4.22-canary.4+ddaa33e53",
+  "version": "1.4.22-canary.5+94347e6d9",
   "description": "Kaizen component library",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -28,50 +28,50 @@
   },
   "homepage": "https://github.com/cultureamp/kaizen-design-system#readme",
   "dependencies": {
-    "@kaizen/a11y": "^1.7.1",
+    "@kaizen/a11y": "^1.7.1-canary.5+94347e6d9",
     "@kaizen/brand": "^1.5.4",
-    "@kaizen/brand-moment": "^1.12.66",
-    "@kaizen/button": "^2.0.22",
+    "@kaizen/brand-moment": "^1.12.66-canary.5+94347e6d9",
+    "@kaizen/button": "^2.0.22-canary.5+94347e6d9",
     "@kaizen/component-base": "^1.1.3",
-    "@kaizen/component-library": "^16.4.1",
-    "@kaizen/date-picker": "^5.19.3",
-    "@kaizen/design-tokens": "^10.3.2-canary.40+ddaa33e53",
-    "@kaizen/draft-avatar": "^2.8.28",
+    "@kaizen/component-library": "^16.4.1-canary.5+94347e6d9",
+    "@kaizen/date-picker": "^5.19.3-canary.5+94347e6d9",
+    "@kaizen/design-tokens": "^10.3.1",
+    "@kaizen/draft-avatar": "^2.8.28-canary.5+94347e6d9",
     "@kaizen/draft-badge": "^1.13.6",
     "@kaizen/draft-card": "^3.2.6",
-    "@kaizen/draft-collapsible": "^3.5.21",
+    "@kaizen/draft-collapsible": "^3.5.21-canary.5+94347e6d9",
     "@kaizen/draft-divider": "^2.2.6",
-    "@kaizen/draft-empty-state": "^5.3.28",
-    "@kaizen/draft-filter-menu-button": "^2.6.34",
-    "@kaizen/draft-form": "^10.3.2",
-    "@kaizen/draft-guidance-block": "^6.1.17",
+    "@kaizen/draft-empty-state": "^5.3.28-canary.5+94347e6d9",
+    "@kaizen/draft-filter-menu-button": "^2.6.34-canary.5+94347e6d9",
+    "@kaizen/draft-form": "^10.3.2-canary.5+94347e6d9",
+    "@kaizen/draft-guidance-block": "^6.1.17-canary.5+94347e6d9",
     "@kaizen/draft-hero-card": "^2.2.15",
-    "@kaizen/draft-illustration": "^6.0.19",
-    "@kaizen/draft-likert-scale-legacy": "^1.10.42",
-    "@kaizen/draft-menu": "^4.8.33",
-    "@kaizen/draft-modal": "^10.6.3",
+    "@kaizen/draft-illustration": "^6.0.19-canary.5+94347e6d9",
+    "@kaizen/draft-likert-scale-legacy": "^1.10.42-canary.5+94347e6d9",
+    "@kaizen/draft-menu": "^4.8.33-canary.5+94347e6d9",
+    "@kaizen/draft-modal": "^10.6.3-canary.5+94347e6d9",
     "@kaizen/draft-page-layout": "^2.3.7",
-    "@kaizen/draft-popover": "^5.3.2",
-    "@kaizen/draft-select": "^2.10.23",
-    "@kaizen/draft-table": "^5.6.18",
-    "@kaizen/draft-tabs": "^5.2.28",
-    "@kaizen/draft-tag": "^3.4.2",
-    "@kaizen/draft-tile": "^5.9.28",
-    "@kaizen/draft-title-block-zen": "^7.9.8",
-    "@kaizen/draft-tooltip": "^5.4.30",
+    "@kaizen/draft-popover": "^5.3.2-canary.5+94347e6d9",
+    "@kaizen/draft-select": "^2.10.23-canary.5+94347e6d9",
+    "@kaizen/draft-table": "^5.6.18-canary.5+94347e6d9",
+    "@kaizen/draft-tabs": "^5.2.28-canary.5+94347e6d9",
+    "@kaizen/draft-tag": "^3.4.2-canary.5+94347e6d9",
+    "@kaizen/draft-tile": "^5.9.28-canary.5+94347e6d9",
+    "@kaizen/draft-title-block-zen": "^7.9.8-canary.5+94347e6d9",
+    "@kaizen/draft-tooltip": "^5.4.30-canary.5+94347e6d9",
     "@kaizen/draft-well": "^4.3.3",
     "@kaizen/hosted-assets": "^2.0.1",
     "@kaizen/loading-skeleton": "^2.0.2",
     "@kaizen/loading-spinner": "^2.3.6",
-    "@kaizen/notification": "^1.4.2",
-    "@kaizen/pagination": "^1.6.28",
-    "@kaizen/progress-bar": "^2.3.21",
+    "@kaizen/notification": "^1.4.2-canary.5+94347e6d9",
+    "@kaizen/pagination": "^1.6.28-canary.5+94347e6d9",
+    "@kaizen/progress-bar": "^2.3.21-canary.5+94347e6d9",
     "@kaizen/responsive": "^1.8.5",
-    "@kaizen/rich-text-editor": "^1.19.32",
-    "@kaizen/select": "^6.13.9",
-    "@kaizen/split-button": "^1.3.35",
-    "@kaizen/tabs": "^1.5.32",
-    "@kaizen/tailwind": "^0.5.2-canary.40+ddaa33e53",
+    "@kaizen/rich-text-editor": "^1.19.32-canary.5+94347e6d9",
+    "@kaizen/select": "^6.13.9-canary.5+94347e6d9",
+    "@kaizen/split-button": "^1.3.35-canary.5+94347e6d9",
+    "@kaizen/tabs": "^1.5.32-canary.5+94347e6d9",
+    "@kaizen/tailwind": "^0.5.1",
     "@kaizen/typography": "^2.3.6",
     "classnames": "^2.3.2"
   },
@@ -85,5 +85,5 @@
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "ddaa33e53006e5debe849ec0411e1ea0ef3ef19a"
+  "gitHead": "94347e6d92d9d1ca40853e07b2f8d95f785223ac"
 }