@kaizen/components 1.28.0 → 1.30.0

package/dist/cjs/utils/useMediaQueries.cjs

@@ -2,7 +2,6 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var designTokens = require('@kaizen/design-tokens');
 var subtractOnePixel = function (breakpoint) {
   return "".concat(parseInt(breakpoint, 10) - 1, "px");
 };
@@ -38,7 +37,11 @@ var useMediaQueries = function (propQueries) {
       }
     };
   }
-  var theme = designTokens.useTheme();
+  // Ensure these match the tokens in @kaizen/design-tokens
+  var breakpoints = {
+    medium: "768px",
+    large: "1080px"
+  };
   // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),
   // so we disable the functionality of updating after page load.
   var isLegacyEdge = navigator.userAgent.match(/Edge/);
@@ -47,14 +50,14 @@ var useMediaQueries = function (propQueries) {
   // Create Kaizen breakpoint matches for initial state
   // ---------------------------------------
   var smallMatchMedia = React.useMemo(function () {
-    return window.matchMedia("(max-width: ".concat(subtractOnePixel(theme.layout.breakpoints.medium), ")"));
-  }, [theme.layout.breakpoints.medium]);
+    return window.matchMedia("(max-width: ".concat(subtractOnePixel(breakpoints.medium), ")"));
+  }, [breakpoints.medium]);
   var mediumMatchMedia = React.useMemo(function () {
-    return window.matchMedia("(min-width: ".concat(theme.layout.breakpoints.medium, ") and (max-width: ").concat(subtractOnePixel(theme.layout.breakpoints.large), ")"));
-  }, [theme.layout.breakpoints.large]);
+    return window.matchMedia("(min-width: ".concat(breakpoints.medium, ") and (max-width: ").concat(subtractOnePixel(breakpoints.large), ")"));
+  }, [breakpoints.large]);
   var largeMatchMedia = React.useMemo(function () {
-    return window.matchMedia("(min-width: ".concat(theme.layout.breakpoints.large, ")"));
-  }, [theme.layout.breakpoints.large]);
+    return window.matchMedia("(min-width: ".concat(breakpoints.large, ")"));
+  }, [breakpoints.large]);
   var isSmall = smallMatchMedia.matches || false;
   var isMedium = mediumMatchMedia.matches || false;
   var isLarge = largeMatchMedia.matches || false;

package/dist/cjs/utils/useMediaQueries.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQueries.cjs","sources":["../../../src/utils/useMediaQueries.tsx"],"sourcesContent":["import React, { useEffect, useState, ReactNode, useMemo } from \"react\"\nimport { useTheme } from \"@kaizen/design-tokens\"\n\ntype Props = { [key: string]: string }\ntype GenericChildrenType = { children?: ReactNode }\n\nexport const subtractOnePixel = (breakpoint: string): string =>\n  `${parseInt(breakpoint, 10) - 1}px`\n\nexport const useMediaQueries = (\n  propQueries: Props = {}\n): {\n  queries: {\n    [key: string]: boolean\n    isSmall: boolean\n    isMedium: boolean\n    isLarge: boolean\n    isMediumOrSmaller: boolean\n    isMediumOrLarger: boolean\n  }\n  components: {\n    [key: string]: (props: GenericChildrenType) => JSX.Element\n    SmallOnly: (props: GenericChildrenType) => JSX.Element\n    MediumOnly: (props: GenericChildrenType) => JSX.Element\n    LargeOnly: (props: GenericChildrenType) => JSX.Element\n    MediumOrSmaller: (props: GenericChildrenType) => JSX.Element\n    MediumOrLarger: (props: GenericChildrenType) => JSX.Element\n  }\n} => {\n  if (typeof window === \"undefined\") {\n    return {\n      queries: {\n        isSmall: false,\n        isMedium: false,\n        isLarge: false,\n        isMediumOrSmaller: false,\n        isMediumOrLarger: true,\n      },\n      components: {\n        SmallOnly: () => <></>,\n        MediumOnly: () => <></>,\n        LargeOnly: () => <></>,\n        MediumOrSmaller: () => <></>,\n        MediumOrLarger: (props: HelperComponentProps) => <>{props.children}</>,\n      },\n    }\n  }\n  const theme = useTheme()\n\n  // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),\n  // so we disable the functionality of updating after page load.\n  const isLegacyEdge = navigator.userAgent.match(/Edge/)\n  const isUnsupportedSafari =\n    window.matchMedia(\"\").addEventListener === undefined\n\n  // ---------------------------------------\n  // Create Kaizen breakpoint matches for initial state\n  // ---------------------------------------\n  const smallMatchMedia = useMemo(\n    () =>\n      window.matchMedia(\n        `(max-width: ${subtractOnePixel(theme.layout.breakpoints.medium)})`\n      ),\n    [theme.layout.breakpoints.medium]\n  )\n\n  const mediumMatchMedia = useMemo(\n    () =>\n      window.matchMedia(\n        `(min-width: ${\n          theme.layout.breakpoints.medium\n        }) and (max-width: ${subtractOnePixel(theme.layout.breakpoints.large)})`\n      ),\n    [theme.layout.breakpoints.large]\n  )\n  const largeMatchMedia = useMemo(\n    () => window.matchMedia(`(min-width: ${theme.layout.breakpoints.large})`),\n    [theme.layout.breakpoints.large]\n  )\n\n  const isSmall = smallMatchMedia.matches || false\n  const isMedium = mediumMatchMedia.matches || false\n  const isLarge = largeMatchMedia.matches || false\n\n  const [kaizenMatches, setKaizenMatches] = useState<{\n    isSmall: boolean\n    isMedium: boolean\n    isLarge: boolean\n    isMediumOrSmaller: boolean\n    isMediumOrLarger: boolean\n  }>({\n    isSmall,\n    isMedium,\n    isLarge,\n    isMediumOrSmaller: !isLarge,\n    isMediumOrLarger: !isSmall,\n    // Note: ^the last two will need an adjustment in logic if/when we add more breakpoints\n  })\n\n  // ---------------------------------------\n  // Create an event listener based on the medium breakpoint and update state whenever it changes\n  // ---------------------------------------\n  useEffect(() => {\n    if (isLegacyEdge || isUnsupportedSafari) {\n      return\n    }\n\n    const updateMatches = (): void => {\n      const isSmallAfterUpdate = smallMatchMedia.matches || false\n      const isMediumAfterUpdate = mediumMatchMedia.matches || false\n      const isLargeAfterUpdate = largeMatchMedia.matches || false\n\n      setKaizenMatches({\n        isSmall: isSmallAfterUpdate,\n        isMedium: isMediumAfterUpdate,\n        isLarge: isLargeAfterUpdate,\n        isMediumOrSmaller: !isLargeAfterUpdate,\n        isMediumOrLarger: !isSmallAfterUpdate,\n      })\n    }\n\n    mediumMatchMedia.addEventListener(\"change\", updateMatches, true)\n\n    return () => {\n      mediumMatchMedia.removeEventListener(\"change\", updateMatches)\n    }\n  }, [])\n\n  // ---------------------------------------\n  // Create custom queries matches for initial state\n  // ---------------------------------------\n  const customQueryMatchMedias = new Map()\n  const customQueryMatches: Record<string, boolean> = {}\n  new Map(Object.entries(propQueries)).forEach((queryString, queryName) => {\n    const matchMedia = window.matchMedia(queryString)\n    customQueryMatches[queryName] = matchMedia.matches || false\n\n    // Store this matchMedia so that we can loop over it later and add event listeners\n    customQueryMatchMedias.set(queryName, matchMedia)\n  })\n\n  const [customMatches, setCustomMatches] =\n    useState<Record<string, boolean>>(customQueryMatches)\n\n  // ---------------------------------------\n  // Create an event listener for each custom query\n  // ---------------------------------------\n  useEffect(() => {\n    if (isLegacyEdge || isUnsupportedSafari) {\n      return\n    }\n\n    const updateCustomMatches = (\n      matchMedia: MediaQueryList,\n      queryName: string\n    ): void =>\n      setCustomMatches({\n        ...customQueryMatches,\n        [queryName]: matchMedia.matches || false,\n      })\n\n    const allEventListeners = new Map()\n    customQueryMatchMedias.forEach((matchMedia, queryName) => {\n      // Store this method so that we can reference it in the cleanup function below\n      const updateCustomMatchesForQuery = (): void => {\n        updateCustomMatches(matchMedia, queryName)\n      }\n      allEventListeners.set(matchMedia, updateCustomMatchesForQuery)\n\n      // Add the event listener\n      matchMedia.addEventListener(\"change\", updateCustomMatchesForQuery, true)\n    })\n\n    return () => {\n      allEventListeners.forEach((eventListener, matchMedia) => {\n        matchMedia.removeEventListener(\"change\", eventListener)\n      })\n    }\n  }, [])\n\n  // ---------------------------------------\n  // Create Kaizen helper components\n  // ---------------------------------------\n  type HelperComponentProps = {\n    children?: ReactNode\n  }\n\n  const kaizenComponents = {\n    SmallOnly: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isSmall && props.children}</>\n    ),\n    MediumOnly: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isMedium && props.children}</>\n    ),\n    LargeOnly: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isLarge && props.children}</>\n    ),\n    MediumOrSmaller: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isMediumOrSmaller && props.children}</>\n    ),\n    MediumOrLarger: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isMediumOrLarger && props.children}</>\n    ),\n  }\n\n  // ---------------------------------------\n  // Create custom query helper components\n  // ---------------------------------------\n  const customComponents: Record<\n    string,\n    (props: GenericChildrenType) => JSX.Element\n  > = {}\n  Object.keys(propQueries).map(key => {\n    const componentName = key.charAt(0).toUpperCase() + key.slice(1)\n    customComponents[componentName] = (\n      props: HelperComponentProps\n    ): JSX.Element => <>{customMatches[key] && props.children}</>\n  })\n\n  return {\n    queries: { ...kaizenMatches, ...customQueryMatches },\n    components: { ...kaizenComponents, ...customComponents },\n  }\n}\n"],"names":["subtractOnePixel","breakpoint","concat","parseInt","useMediaQueries","propQueries","window","queries","isSmall","isMedium","isLarge","isMediumOrSmaller","isMediumOrLarger","components","SmallOnly","React","createElement","Fragment","MediumOnly","LargeOnly","MediumOrSmaller","MediumOrLarger","props","children","theme","useTheme","isLegacyEdge","navigator","userAgent","match","isUnsupportedSafari","matchMedia","addEventListener","undefined","smallMatchMedia","useMemo","layout","breakpoints","medium","mediumMatchMedia","large","largeMatchMedia","matches","_a","useState","kaizenMatches","setKaizenMatches","useEffect","updateMatches","isSmallAfterUpdate","isMediumAfterUpdate","isLargeAfterUpdate","removeEventListener","customQueryMatchMedias","Map","customQueryMatches","Object","entries","forEach","queryString","queryName","set","_b","customMatches","setCustomMatches","updateCustomMatches","__assign","allEventListeners","updateCustomMatchesForQuery","eventListener","kaizenComponents","customComponents","keys","map","key","componentName","charAt","toUpperCase","slice"],"mappings":";;;;;AAMO,IAAMA,gBAAgB,GAAG,SAAAA,CAACC,UAAkB,EAAA;EACjD,OAAA,EAAA,CAAAC,MAAA,CAAGC,QAAQ,CAACF,UAAU,EAAE,EAAE,CAAC,GAAG,CAAC,EAAI,IAAA,CAAA;AAAnC,CAAmC;AAE9B,IAAMG,eAAe,GAAG,SAAAA,CAC7BC,WAAuB,EAAA;EAAvB,IAAAA,WAAA,KAAA,KAAA,CAAA,EAAA;IAAAA,WAAuB,GAAA,CAAA,CAAA;EAAA;EAmBvB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,OAAO;MACLC,OAAO,EAAE;QACPC,OAAO,EAAE,KAAK;QACdC,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,KAAK;QACdC,iBAAiB,EAAE,KAAK;QACxBC,gBAAgB,EAAE;MACnB,CAAA;MACDC,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAA;UAAM,OAAAC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,CAAK;QAAA,CAAA;QACtBC,UAAU,EAAE,SAAAA,CAAA,EAAA;UAAM,OAAAH,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,CAAK;QAAA,CAAA;QACvBE,SAAS,EAAE,SAAAA,CAAA,EAAA;UAAM,OAAAJ,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,CAAK;QAAA,CAAA;QACtBG,eAAe,EAAE,SAAAA,CAAA,EAAA;UAAM,OAAAL,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,CAAK;QAAA,CAAA;QAC5BI,cAAc,EAAE,SAAAA,CAACC,KAA2B,EAAK;UAAA,OAAAP,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAK,KAAK,CAACC,QAAQ,CAAI;QAAA;MACvE;KACF;EACF;EACD,IAAMC,KAAK,GAAGC,YAAAA,CAAAA,QAAQ,EAAE;;;EAIxB,IAAMC,YAAY,GAAGC,SAAS,CAACC,SAAS,CAACC,KAAK,CAAC,MAAM,CAAC;EACtD,IAAMC,mBAAmB,GACvBxB,MAAM,CAACyB,UAAU,CAAC,EAAE,CAAC,CAACC,gBAAgB,KAAKC,SAAS;;;;EAKtD,IAAMC,eAAe,GAAGC,KAAAA,CAAAA,OAAO,CAC7B,YAAA;IACE,OAAA7B,MAAM,CAACyB,UAAU,CACf,cAAA,CAAA7B,MAAA,CAAeF,gBAAgB,CAACwB,KAAK,CAACY,MAAM,CAACC,WAAW,CAACC,MAAM,CAAC,MAAG,CACpE;EAAA,CAAA,EACH,CAACd,KAAK,CAACY,MAAM,CAACC,WAAW,CAACC,MAAM,CAAC,CAClC;EAED,IAAMC,gBAAgB,GAAGJ,KAAAA,CAAAA,OAAO,CAC9B,YAAA;IACE,OAAA7B,MAAM,CAACyB,UAAU,CACf,cAAA,CAAA7B,MAAA,CACEsB,KAAK,CAACY,MAAM,CAACC,WAAW,CAACC,MAAM,+BACZtC,gBAAgB,CAACwB,KAAK,CAACY,MAAM,CAACC,WAAW,CAACG,KAAK,CAAC,EAAA,GAAA,CAAG,CACzE;EAAA,CAAA,EACH,CAAChB,KAAK,CAACY,MAAM,CAACC,WAAW,CAACG,KAAK,CAAC,CACjC;EACD,IAAMC,eAAe,GAAGN,aAAO,CAC7B;IAAM,OAAA7B,MAAM,CAACyB,UAAU,CAAC,cAAA,CAAA7B,MAAA,CAAesB,KAAK,CAACY,MAAM,CAACC,WAAW,CAACG,KAAK,EAAG,GAAA,CAAA,CAAC;GAAA,EACzE,CAAChB,KAAK,CAACY,MAAM,CAACC,WAAW,CAACG,KAAK,CAAC,CACjC;EAED,IAAMhC,OAAO,GAAG0B,eAAe,CAACQ,OAAO,IAAI,KAAK;EAChD,IAAMjC,QAAQ,GAAG8B,gBAAgB,CAACG,OAAO,IAAI,KAAK;EAClD,IAAMhC,OAAO,GAAG+B,eAAe,CAACC,OAAO,IAAI,KAAK;EAE1C,IAAAC,EAAA,GAAoCC,KAAAA,CAAAA,QAAQ,CAM/C;MACDpC,OAAO,EAAAA,OAAA;MACPC,QAAQ,EAAAA,QAAA;MACRC,OAAO,EAAAA,OAAA;MACPC,iBAAiB,EAAE,CAACD,OAAO;MAC3BE,gBAAgB,EAAE,CAACJ;IAEpB,CAAA,CAAC;IAbKqC,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,gBAAgB,QAapC;;;;EAKFC,KAAAA,CAAAA,SAAS,CAAC,YAAA;IACR,IAAIrB,YAAY,IAAII,mBAAmB,EAAE;MACvC;IACD;IAED,IAAMkB,aAAa,GAAG,SAAAA,CAAA,EAAA;MACpB,IAAMC,kBAAkB,GAAGf,eAAe,CAACQ,OAAO,IAAI,KAAK;MAC3D,IAAMQ,mBAAmB,GAAGX,gBAAgB,CAACG,OAAO,IAAI,KAAK;MAC7D,IAAMS,kBAAkB,GAAGV,eAAe,CAACC,OAAO,IAAI,KAAK;MAE3DI,gBAAgB,CAAC;QACftC,OAAO,EAAEyC,kBAAkB;QAC3BxC,QAAQ,EAAEyC,mBAAmB;QAC7BxC,OAAO,EAAEyC,kBAAkB;QAC3BxC,iBAAiB,EAAE,CAACwC,kBAAkB;QACtCvC,gBAAgB,EAAE,CAACqC;MACpB,CAAA,CAAC;IACJ,CAAC;IAEDV,gBAAgB,CAACP,gBAAgB,CAAC,QAAQ,EAAEgB,aAAa,EAAE,IAAI,CAAC;IAEhE,OAAO,YAAA;MACLT,gBAAgB,CAACa,mBAAmB,CAAC,QAAQ,EAAEJ,aAAa,CAAC;IAC/D,CAAC;EACF,CAAA,EAAE,EAAE,CAAC;;;;EAKN,IAAMK,sBAAsB,GAAG,IAAIC,GAAG,EAAE;EACxC,IAAMC,kBAAkB,GAA4B,CAAA,CAAE;EACtD,IAAID,GAAG,CAACE,MAAM,CAACC,OAAO,CAACpD,WAAW,CAAC,CAAC,CAACqD,OAAO,CAAC,UAACC,WAAW,EAAEC,SAAS,EAAA;IAClE,IAAM7B,UAAU,GAAGzB,MAAM,CAACyB,UAAU,CAAC4B,WAAW,CAAC;IACjDJ,kBAAkB,CAACK,SAAS,CAAC,GAAG7B,UAAU,CAACW,OAAO,IAAI,KAAK;;IAG3DW,sBAAsB,CAACQ,GAAG,CAACD,SAAS,EAAE7B,UAAU,CAAC;EACnD,CAAC,CAAC;EAEI,IAAA+B,EAAA,GACJlB,KAAAA,CAAAA,QAAQ,CAA0BW,kBAAkB,CAAC;IADhDQ,aAAa,GAAAD,EAAA,CAAA,CAAA,CAAA;IAAEE,gBAAgB,GAAAF,EAAA,CAAA,CAAA,CACiB;;;;EAKvDf,KAAAA,CAAAA,SAAS,CAAC,YAAA;IACR,IAAIrB,YAAY,IAAII,mBAAmB,EAAE;MACvC;IACD;IAED,IAAMmC,mBAAmB,GAAG,SAAAA,CAC1BlC,UAA0B,EAC1B6B,SAAiB,EAAA;;MAEjB,OAAAI,gBAAgB,CACXE,KAAAA,CAAAA,QAAA,CAAAA,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAX,kBAAkB,CACpB,GAAAZ,EAAA,GAAA,CAAA,CAAA,EAAAA,EAAA,CAAAiB,SAAS,CAAG,GAAA7B,UAAU,CAACW,OAAO,IAAI,KAAK,EACxCC,EAAA,CAAA,CAAA,CAAA;IAHF,CAGE;IAEJ,IAAMwB,iBAAiB,GAAG,IAAIb,GAAG,EAAE;IACnCD,sBAAsB,CAACK,OAAO,CAAC,UAAC3B,UAAU,EAAE6B,SAAS,EAAA;;MAEnD,IAAMQ,2BAA2B,GAAG,SAAAA,CAAA,EAAA;QAClCH,mBAAmB,CAAClC,UAAU,EAAE6B,SAAS,CAAC;MAC5C,CAAC;MACDO,iBAAiB,CAACN,GAAG,CAAC9B,UAAU,EAAEqC,2BAA2B,CAAC;;MAG9DrC,UAAU,CAACC,gBAAgB,CAAC,QAAQ,EAAEoC,2BAA2B,EAAE,IAAI,CAAC;IAC1E,CAAC,CAAC;IAEF,OAAO,YAAA;MACLD,iBAAiB,CAACT,OAAO,CAAC,UAACW,aAAa,EAAEtC,UAAU,EAAA;QAClDA,UAAU,CAACqB,mBAAmB,CAAC,QAAQ,EAAEiB,aAAa,CAAC;MACzD,CAAC,CAAC;IACJ,CAAC;EACF,CAAA,EAAE,EAAE,CAAC;EASN,IAAMC,gBAAgB,GAAG;IACvBxD,SAAS,EAAE,SAAAA,CAACQ,KAA2B,EAAK;MAAA,OAC1CP,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAA4B,aAAa,CAACrC,OAAO,IAAIc,KAAK,CAACC,QAAQ,CAAI;IAC/C,CAAA;IACDL,UAAU,EAAE,SAAAA,CAACI,KAA2B,EAAK;MAAA,OAC3CP,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAA4B,aAAa,CAACpC,QAAQ,IAAIa,KAAK,CAACC,QAAQ,CAAI;IAChD,CAAA;IACDJ,SAAS,EAAE,SAAAA,CAACG,KAA2B,EAAK;MAAA,OAC1CP,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAA4B,aAAa,CAACnC,OAAO,IAAIY,KAAK,CAACC,QAAQ,CAAI;IAC/C,CAAA;IACDH,eAAe,EAAE,SAAAA,CAACE,KAA2B,EAAK;MAAA,OAChDP,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAA4B,aAAa,CAAClC,iBAAiB,IAAIW,KAAK,CAACC,QAAQ,CAAI;IACzD,CAAA;IACDF,cAAc,EAAE,SAAAA,CAACC,KAA2B,EAAK;MAAA,OAC/CP,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAA4B,aAAa,CAACjC,gBAAgB,IAAIU,KAAK,CAACC,QAAQ,CAAI;IACxD;GACF;;;;EAKD,IAAMgD,gBAAgB,GAGlB,CAAA,CAAE;EACNf,MAAM,CAACgB,IAAI,CAACnE,WAAW,CAAC,CAACoE,GAAG,CAAC,UAAAC,GAAG,EAAA;IAC9B,IAAMC,aAAa,GAAGD,GAAG,CAACE,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAA,CAAE,GAAGH,GAAG,CAACI,KAAK,CAAC,CAAC,CAAC;IAChEP,gBAAgB,CAACI,aAAa,CAAC,GAAG,UAChCrD,KAA2B,EAAA;MACX,OAAAP,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAA8C,aAAa,CAACW,GAAG,CAAC,IAAIpD,KAAK,CAACC,QAAQ,CAAI;KAAA;EAC/D,CAAC,CAAC;EAEF,OAAO;IACLhB,OAAO,EAAO2D,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAArB,aAAa,CAAK,EAAAU,kBAAkB,CAAE;IACpD1C,UAAU,EAAOqD,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAI,gBAAgB,CAAK,EAAAC,gBAAgB;GACvD;AACH,CAAA;;"}
+{"version":3,"file":"useMediaQueries.cjs","sources":["../../../src/utils/useMediaQueries.tsx"],"sourcesContent":["import React, { useEffect, useState, ReactNode, useMemo } from \"react\"\n\ntype Props = { [key: string]: string }\ntype GenericChildrenType = { children?: ReactNode }\n\nexport const subtractOnePixel = (breakpoint: string): string =>\n  `${parseInt(breakpoint, 10) - 1}px`\n\nexport const useMediaQueries = (\n  propQueries: Props = {}\n): {\n  queries: {\n    [key: string]: boolean\n    isSmall: boolean\n    isMedium: boolean\n    isLarge: boolean\n    isMediumOrSmaller: boolean\n    isMediumOrLarger: boolean\n  }\n  components: {\n    [key: string]: (props: GenericChildrenType) => JSX.Element\n    SmallOnly: (props: GenericChildrenType) => JSX.Element\n    MediumOnly: (props: GenericChildrenType) => JSX.Element\n    LargeOnly: (props: GenericChildrenType) => JSX.Element\n    MediumOrSmaller: (props: GenericChildrenType) => JSX.Element\n    MediumOrLarger: (props: GenericChildrenType) => JSX.Element\n  }\n} => {\n  if (typeof window === \"undefined\") {\n    return {\n      queries: {\n        isSmall: false,\n        isMedium: false,\n        isLarge: false,\n        isMediumOrSmaller: false,\n        isMediumOrLarger: true,\n      },\n      components: {\n        SmallOnly: () => <></>,\n        MediumOnly: () => <></>,\n        LargeOnly: () => <></>,\n        MediumOrSmaller: () => <></>,\n        MediumOrLarger: (props: HelperComponentProps) => <>{props.children}</>,\n      },\n    }\n  }\n\n  // Ensure these match the tokens in @kaizen/design-tokens\n  const breakpoints = { medium: \"768px\", large: \"1080px\" }\n\n  // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),\n  // so we disable the functionality of updating after page load.\n  const isLegacyEdge = navigator.userAgent.match(/Edge/)\n  const isUnsupportedSafari =\n    window.matchMedia(\"\").addEventListener === undefined\n\n  // ---------------------------------------\n  // Create Kaizen breakpoint matches for initial state\n  // ---------------------------------------\n  const smallMatchMedia = useMemo(\n    () =>\n      window.matchMedia(`(max-width: ${subtractOnePixel(breakpoints.medium)})`),\n    [breakpoints.medium]\n  )\n\n  const mediumMatchMedia = useMemo(\n    () =>\n      window.matchMedia(\n        `(min-width: ${breakpoints.medium}) and (max-width: ${subtractOnePixel(\n          breakpoints.large\n        )})`\n      ),\n    [breakpoints.large]\n  )\n  const largeMatchMedia = useMemo(\n    () => window.matchMedia(`(min-width: ${breakpoints.large})`),\n    [breakpoints.large]\n  )\n\n  const isSmall = smallMatchMedia.matches || false\n  const isMedium = mediumMatchMedia.matches || false\n  const isLarge = largeMatchMedia.matches || false\n\n  const [kaizenMatches, setKaizenMatches] = useState<{\n    isSmall: boolean\n    isMedium: boolean\n    isLarge: boolean\n    isMediumOrSmaller: boolean\n    isMediumOrLarger: boolean\n  }>({\n    isSmall,\n    isMedium,\n    isLarge,\n    isMediumOrSmaller: !isLarge,\n    isMediumOrLarger: !isSmall,\n    // Note: ^the last two will need an adjustment in logic if/when we add more breakpoints\n  })\n\n  // ---------------------------------------\n  // Create an event listener based on the medium breakpoint and update state whenever it changes\n  // ---------------------------------------\n  useEffect(() => {\n    if (isLegacyEdge || isUnsupportedSafari) {\n      return\n    }\n\n    const updateMatches = (): void => {\n      const isSmallAfterUpdate = smallMatchMedia.matches || false\n      const isMediumAfterUpdate = mediumMatchMedia.matches || false\n      const isLargeAfterUpdate = largeMatchMedia.matches || false\n\n      setKaizenMatches({\n        isSmall: isSmallAfterUpdate,\n        isMedium: isMediumAfterUpdate,\n        isLarge: isLargeAfterUpdate,\n        isMediumOrSmaller: !isLargeAfterUpdate,\n        isMediumOrLarger: !isSmallAfterUpdate,\n      })\n    }\n\n    mediumMatchMedia.addEventListener(\"change\", updateMatches, true)\n\n    return () => {\n      mediumMatchMedia.removeEventListener(\"change\", updateMatches)\n    }\n  }, [])\n\n  // ---------------------------------------\n  // Create custom queries matches for initial state\n  // ---------------------------------------\n  const customQueryMatchMedias = new Map()\n  const customQueryMatches: Record<string, boolean> = {}\n  new Map(Object.entries(propQueries)).forEach((queryString, queryName) => {\n    const matchMedia = window.matchMedia(queryString)\n    customQueryMatches[queryName] = matchMedia.matches || false\n\n    // Store this matchMedia so that we can loop over it later and add event listeners\n    customQueryMatchMedias.set(queryName, matchMedia)\n  })\n\n  const [customMatches, setCustomMatches] =\n    useState<Record<string, boolean>>(customQueryMatches)\n\n  // ---------------------------------------\n  // Create an event listener for each custom query\n  // ---------------------------------------\n  useEffect(() => {\n    if (isLegacyEdge || isUnsupportedSafari) {\n      return\n    }\n\n    const updateCustomMatches = (\n      matchMedia: MediaQueryList,\n      queryName: string\n    ): void =>\n      setCustomMatches({\n        ...customQueryMatches,\n        [queryName]: matchMedia.matches || false,\n      })\n\n    const allEventListeners = new Map()\n    customQueryMatchMedias.forEach((matchMedia, queryName) => {\n      // Store this method so that we can reference it in the cleanup function below\n      const updateCustomMatchesForQuery = (): void => {\n        updateCustomMatches(matchMedia, queryName)\n      }\n      allEventListeners.set(matchMedia, updateCustomMatchesForQuery)\n\n      // Add the event listener\n      matchMedia.addEventListener(\"change\", updateCustomMatchesForQuery, true)\n    })\n\n    return () => {\n      allEventListeners.forEach((eventListener, matchMedia) => {\n        matchMedia.removeEventListener(\"change\", eventListener)\n      })\n    }\n  }, [])\n\n  // ---------------------------------------\n  // Create Kaizen helper components\n  // ---------------------------------------\n  type HelperComponentProps = {\n    children?: ReactNode\n  }\n\n  const kaizenComponents = {\n    SmallOnly: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isSmall && props.children}</>\n    ),\n    MediumOnly: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isMedium && props.children}</>\n    ),\n    LargeOnly: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isLarge && props.children}</>\n    ),\n    MediumOrSmaller: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isMediumOrSmaller && props.children}</>\n    ),\n    MediumOrLarger: (props: HelperComponentProps) => (\n      <>{kaizenMatches.isMediumOrLarger && props.children}</>\n    ),\n  }\n\n  // ---------------------------------------\n  // Create custom query helper components\n  // ---------------------------------------\n  const customComponents: Record<\n    string,\n    (props: GenericChildrenType) => JSX.Element\n  > = {}\n  Object.keys(propQueries).map(key => {\n    const componentName = key.charAt(0).toUpperCase() + key.slice(1)\n    customComponents[componentName] = (\n      props: HelperComponentProps\n    ): JSX.Element => <>{customMatches[key] && props.children}</>\n  })\n\n  return {\n    queries: { ...kaizenMatches, ...customQueryMatches },\n    components: { ...kaizenComponents, ...customComponents },\n  }\n}\n"],"names":["subtractOnePixel","breakpoint","concat","parseInt","useMediaQueries","propQueries","window","queries","isSmall","isMedium","isLarge","isMediumOrSmaller","isMediumOrLarger","components","SmallOnly","React","createElement","Fragment","MediumOnly","LargeOnly","MediumOrSmaller","MediumOrLarger","props","children","breakpoints","medium","large","isLegacyEdge","navigator","userAgent","match","isUnsupportedSafari","matchMedia","addEventListener","undefined","smallMatchMedia","useMemo","mediumMatchMedia","largeMatchMedia","matches","_a","useState","kaizenMatches","setKaizenMatches","useEffect","updateMatches","isSmallAfterUpdate","isMediumAfterUpdate","isLargeAfterUpdate","removeEventListener","customQueryMatchMedias","Map","customQueryMatches","Object","entries","forEach","queryString","queryName","set","_b","customMatches","setCustomMatches","updateCustomMatches","__assign","allEventListeners","updateCustomMatchesForQuery","eventListener","kaizenComponents","customComponents","keys","map","key","componentName","charAt","toUpperCase","slice"],"mappings":"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"}

package/dist/cjs/utils/useResizeObserver.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var React = require('react');
+var ResizeObserver = require('resize-observer-polyfill');
+var defaultCallback = function (entry) {
+  return entry;
+};
+/**
+ * Hook for observing changes to a DOM element via ResizeObserver.
+ *
+ * @param {resolveEntryCallback} resolveEntry - Callback for resolving the
+ * desired value from each ResizeObserverEntry emitted by ResizeObserver
+ * @return {Array} An array containing a ref for binding to the observed DOM
+ * element, and the current value of the callback-resolved ResizeObserverEntry
+ * @callback resolveEntryCallback
+ */
+var useResizeObserver = function (resolveEntry) {
+  if (resolveEntry === void 0) {
+    resolveEntry = defaultCallback;
+  }
+  var destroyResizeObserverRef = React.useRef(undefined);
+  var _a = React.useState(undefined),
+    dimensions = _a[0],
+    setDimensions = _a[1];
+  var resolveEntryRef = React.useRef(resolveEntry);
+  var ref = React.useCallback(function (node) {
+    if (node) {
+      var resizeObserver_1 = new ResizeObserver(function (entries) {
+        for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+          var entry = entries_1[_i];
+          var value = resolveEntryRef.current(entry);
+          if (value) {
+            setDimensions(value);
+          }
+        }
+      });
+      resizeObserver_1.observe(node);
+      destroyResizeObserverRef.current = function () {
+        resizeObserver_1.disconnect();
+      };
+    }
+  }, [destroyResizeObserverRef, setDimensions, resolveEntryRef]);
+  // Ensure the resolveEntryRef has the latest value
+  React.useEffect(function () {
+    resolveEntryRef.current = resolveEntry;
+  }, [resolveEntry]);
+  // Destroy the observer on unmount
+  React.useEffect(function () {
+    return function () {
+      if (destroyResizeObserverRef.current) {
+        destroyResizeObserverRef.current();
+      }
+    };
+  }, []);
+  return [ref, dimensions];
+};
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=useResizeObserver.cjs.map

package/dist/cjs/utils/useResizeObserver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.cjs","sources":["../../../src/utils/useResizeObserver.ts"],"sourcesContent":["import React, { Ref, useCallback, useEffect, useRef, useState } from \"react\"\nimport ResizeObserver from \"resize-observer-polyfill\"\n\nconst defaultCallback = (entry: ResizeObserverEntry): ResizeObserverEntry =>\n  entry\n\nexport interface DOMRectReadOnly {\n  readonly x: number\n  readonly y: number\n  readonly width: number\n  readonly height: number\n  readonly top: number\n  readonly right: number\n  readonly bottom: number\n  readonly left: number\n}\n\n/**\n * Hook for observing changes to a DOM element via ResizeObserver.\n *\n * @param {resolveEntryCallback} resolveEntry - Callback for resolving the\n * desired value from each ResizeObserverEntry emitted by ResizeObserver\n * @return {Array} An array containing a ref for binding to the observed DOM\n * element, and the current value of the callback-resolved ResizeObserverEntry\n * @callback resolveEntryCallback\n */\nexport const useResizeObserver = <T, E extends Element = HTMLElement>(\n  resolveEntry: (entry: ResizeObserverEntry) => any = defaultCallback\n): [Ref<E>, T | undefined] => {\n  const destroyResizeObserverRef: React.MutableRefObject<\n    undefined | (() => void)\n  > = useRef(undefined)\n  const [dimensions, setDimensions] = useState<T | undefined>(undefined)\n  const resolveEntryRef: React.MutableRefObject<\n    (entry: ResizeObserverEntry) => any\n  > = useRef(resolveEntry)\n\n  const ref: Ref<E> = useCallback(\n    (node: E) => {\n      if (node) {\n        const resizeObserver = new ResizeObserver(\n          (entries: ResizeObserverEntry[]) => {\n            for (const entry of entries) {\n              const value = resolveEntryRef.current(entry)\n              if (value) {\n                setDimensions(value)\n              }\n            }\n          }\n        )\n        resizeObserver.observe(node)\n        destroyResizeObserverRef.current = (): void => {\n          resizeObserver.disconnect()\n        }\n      }\n    },\n    [destroyResizeObserverRef, setDimensions, resolveEntryRef]\n  )\n\n  // Ensure the resolveEntryRef has the latest value\n  useEffect(() => {\n    resolveEntryRef.current = resolveEntry\n  }, [resolveEntry])\n\n  // Destroy the observer on unmount\n  useEffect(\n    () => () => {\n      if (destroyResizeObserverRef.current) {\n        destroyResizeObserverRef.current()\n      }\n    },\n    []\n  )\n  return [ref, dimensions]\n}\n"],"names":["defaultCallback","entry","useResizeObserver","resolveEntry","destroyResizeObserverRef","useRef","undefined","_a","useState","dimensions","setDimensions","resolveEntryRef","ref","useCallback","node","resizeObserver_1","ResizeObserver","entries","entries_1","_i","length","value","current","observe","disconnect","useEffect"],"mappings":";;;;AAGA,IAAMA,eAAe,GAAG,SAAAA,CAACC,KAA0B,EAAA;EACjD,OAAAA,KAAK;AAAL,CAAK;AAaP;;;;;;;;AAQG;AACI,IAAMC,iBAAiB,GAAG,SAAAA,CAC/BC,YAAmE,EAAA;EAAnE,IAAAA,YAAA,KAAA,KAAA,CAAA,EAAA;IAAAA,YAAmE,GAAAH,eAAA;EAAA;EAEnE,IAAMI,wBAAwB,GAE1BC,YAAM,CAACC,SAAS,CAAC;EACf,IAAAC,EAAA,GAA8BC,KAAAA,CAAAA,QAAQ,CAAgBF,SAAS,CAAC;IAA/DG,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,aAAa,GAAAH,EAAA,CAAA,CAAA,CAAsC;EACtE,IAAMI,eAAe,GAEjBN,YAAM,CAACF,YAAY,CAAC;EAExB,IAAMS,GAAG,GAAWC,iBAAW,CAC7B,UAACC,IAAO,EAAA;IACN,IAAIA,IAAI,EAAE;MACR,IAAMC,gBAAc,GAAG,IAAIC,cAAc,CACvC,UAACC,OAA8B,EAAA;QAC7B,KAAoB,UAAO,EAAPC,SAAA,GAAAD,OAAO,EAAPE,EAAO,GAAAD,SAAA,CAAAE,MAAA,EAAPD,IAAO,EAAE;UAAxB,IAAMlB,KAAK,GAAAiB,SAAA,CAAAC,EAAA,CAAA;UACd,IAAME,KAAK,GAAGV,eAAe,CAACW,OAAO,CAACrB,KAAK,CAAC;UAC5C,IAAIoB,KAAK,EAAE;YACTX,aAAa,CAACW,KAAK,CAAC;UACrB;QACF;MACH,CAAC,CACF;MACDN,gBAAc,CAACQ,OAAO,CAACT,IAAI,CAAC;MAC5BV,wBAAwB,CAACkB,OAAO,GAAG,YAAA;QACjCP,gBAAc,CAACS,UAAU,CAAA,CAAE;MAC7B,CAAC;IACF;EACF,CAAA,EACD,CAACpB,wBAAwB,EAAEM,aAAa,EAAEC,eAAe,CAAC,CAC3D;;EAGDc,KAAAA,CAAAA,SAAS,CAAC,YAAA;IACRd,eAAe,CAACW,OAAO,GAAGnB,YAAY;EACxC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;;EAGlBsB,KAAS,CAAAA,SAAA,CACP;IAAM,OAAA,YAAA;MACJ,IAAIrB,wBAAwB,CAACkB,OAAO,EAAE;QACpClB,wBAAwB,CAACkB,OAAO,CAAA,CAAE;MACnC;IACH,CAAC;EAJK,CAIL,EACD,EAAE,CACH;EACD,OAAO,CAACV,GAAG,EAAEH,UAAU,CAAC;AAC1B,CAAA;"}

package/dist/esm/BrandMoment/BrandMoment.mjs

@@ -5,8 +5,6 @@ import { assetUrl } from '@kaizen/hosted-assets';
 import { Heading, Paragraph } from '@kaizen/typography';
 import { Button } from '../Button/Button/Button.mjs';
 import '../Button/IconButton/IconButton.mjs';
-import '../Button/PaginationLink/PaginationLink.mjs';
-import '../Button/DirectionalLink/DirectionalLink.mjs';
 import { useMediaQueries } from '../utils/useMediaQueries.mjs';
 import styles from './BrandMoment.module.scss.mjs';
 

package/dist/esm/BrandMoment/BrandMoment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BrandMoment.mjs","sources":["../../../src/BrandMoment/BrandMoment.tsx"],"sourcesContent":["import React, { ReactNode, ReactElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { SceneProps } from \"@kaizen/draft-illustration\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { Heading, Paragraph } from \"@kaizen/typography\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport styles from \"./BrandMoment.module.scss\"\n\nexport type BrandMomentProps = {\n  mood: \"informative\" | \"positive\" | \"negative\"\n  illustration: ReactElement<SceneProps>\n  header: ReactNode\n  body?: ReactNode\n  primaryAction?: ButtonProps\n  secondaryAction?: ButtonProps\n  text: {\n    title: ReactNode\n    subtitle?: ReactNode\n    body?: ReactNode\n    footer?: ReactNode\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}\n */\nexport const BrandMoment = ({\n  mood,\n  illustration,\n  header,\n  body,\n  primaryAction,\n  secondaryAction,\n  text,\n  classNameOverride,\n  ...restProps\n}: BrandMomentProps): JSX.Element => {\n  const { queries } = useMediaQueries()\n\n  return (\n    <div\n      className={classnames(styles.body, styles[mood], classNameOverride)}\n      {...restProps}\n    >\n      <header className={styles.header}>{header}</header>\n      <main className={styles.main}>\n        <div className={styles.container}>\n          <div className={styles.mainInner}>\n            <div className={styles.left}>\n              <div className={styles.leftInner}>{illustration}</div>\n            </div>\n            <div className={styles.right}>\n              <div className={styles.rightInner}>\n                {text.subtitle && (\n                  <Heading\n                    variant=\"heading-3\"\n                    tag=\"h1\"\n                    classNameOverride={styles.subtitle}\n                  >\n                    {text.subtitle}\n                  </Heading>\n                )}\n                <Heading\n                  variant=\"display-0\"\n                  tag={text.subtitle ? \"h2\" : \"h1\"}\n                  classNameOverride={styles.title}\n                >\n                  {text.title}\n                </Heading>\n                {text.body && (\n                  <Paragraph\n                    variant=\"intro-lede\"\n                    classNameOverride={styles.textBody}\n                  >\n                    {text.body}\n                  </Paragraph>\n                )}\n                {body && <div className={styles.textBody}>{body}</div>}\n                <div className={styles.actions}>\n                  {primaryAction && (\n                    <Button\n                      primary\n                      fullWidth={queries.isSmall}\n                      {...primaryAction}\n                    />\n                  )}\n                  {secondaryAction && (\n                    <div className={styles.secondaryAction}>\n                      <Button\n                        secondary\n                        fullWidth={queries.isSmall}\n                        {...secondaryAction}\n                      />\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </main>\n      {text.footer && (\n        <footer className={styles.footer}>\n          <div className={styles.container}>\n            <div className={styles.footerInner}>\n              <div className={styles.poweredByContainer}>\n                <Paragraph variant=\"extra-small\" color=\"dark-reduced-opacity\">\n                  Powered by\n                </Paragraph>\n                <a\n                  href=\"https://www.cultureamp.com\"\n                  className={styles.poweredByLogo}\n                >\n                  <img\n                    src={assetUrl(\"brand/logo-horizontal-default.svg\")}\n                    alt=\"Culture Amp\"\n                  />\n                </a>\n              </div>\n              <div className={styles.footerTextContainer}>\n                <Paragraph variant=\"extra-small\">{text.footer}</Paragraph>\n              </div>\n            </div>\n          </div>\n        </footer>\n      )}\n    </div>\n  )\n}\n\nBrandMoment.displayName = \"BrandMoment\"\n"],"names":["BrandMoment","_a","mood","illustration","header","body","primaryAction","secondaryAction","text","classNameOverride","restProps","__rest","queries","useMediaQueries","React","createElement","__assign","className","classnames","styles","main","container","mainInner","left","leftInner","right","rightInner","subtitle","Heading","variant","tag","title","Paragraph","textBody","actions","Button","primary","fullWidth","isSmall","secondary","footer","footerInner","poweredByContainer","color","href","poweredByLogo","src","assetUrl","alt","footerTextContainer","displayName"],"mappings":"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"}
+{"version":3,"file":"BrandMoment.mjs","sources":["../../../src/BrandMoment/BrandMoment.tsx"],"sourcesContent":["import React, { ReactNode, ReactElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { SceneProps } from \"@kaizen/draft-illustration\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { Heading, Paragraph } from \"@kaizen/typography\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport styles from \"./BrandMoment.module.scss\"\n\nexport type BrandMomentProps = {\n  mood: \"informative\" | \"positive\" | \"negative\"\n  illustration: ReactElement<SceneProps>\n  header: ReactNode\n  body?: ReactNode\n  primaryAction?: ButtonProps\n  secondaryAction?: ButtonProps\n  text: {\n    title: ReactNode\n    subtitle?: ReactNode\n    body?: ReactNode\n    footer?: ReactNode\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}\n */\nexport const BrandMoment = ({\n  mood,\n  illustration,\n  header,\n  body,\n  primaryAction,\n  secondaryAction,\n  text,\n  classNameOverride,\n  ...restProps\n}: BrandMomentProps): JSX.Element => {\n  const { queries } = useMediaQueries()\n\n  return (\n    <div\n      className={classnames(styles.body, styles[mood], classNameOverride)}\n      {...restProps}\n    >\n      <header className={styles.header}>{header}</header>\n      <main className={styles.main}>\n        <div className={styles.container}>\n          <div className={styles.mainInner}>\n            <div className={styles.left}>\n              <div className={styles.leftInner}>{illustration}</div>\n            </div>\n            <div className={styles.right}>\n              <div className={styles.rightInner}>\n                {text.subtitle && (\n                  <Heading\n                    variant=\"heading-3\"\n                    tag=\"h1\"\n                    classNameOverride={styles.subtitle}\n                  >\n                    {text.subtitle}\n                  </Heading>\n                )}\n                <Heading\n                  variant=\"display-0\"\n                  tag={text.subtitle ? \"h2\" : \"h1\"}\n                  classNameOverride={styles.title}\n                >\n                  {text.title}\n                </Heading>\n                {text.body && (\n                  <Paragraph\n                    variant=\"intro-lede\"\n                    classNameOverride={styles.textBody}\n                  >\n                    {text.body}\n                  </Paragraph>\n                )}\n                {body && <div className={styles.textBody}>{body}</div>}\n                <div className={styles.actions}>\n                  {primaryAction && (\n                    <Button\n                      primary\n                      fullWidth={queries.isSmall}\n                      {...primaryAction}\n                    />\n                  )}\n                  {secondaryAction && (\n                    <div className={styles.secondaryAction}>\n                      <Button\n                        secondary\n                        fullWidth={queries.isSmall}\n                        {...secondaryAction}\n                      />\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </main>\n      {text.footer && (\n        <footer className={styles.footer}>\n          <div className={styles.container}>\n            <div className={styles.footerInner}>\n              <div className={styles.poweredByContainer}>\n                <Paragraph variant=\"extra-small\" color=\"dark-reduced-opacity\">\n                  Powered by\n                </Paragraph>\n                <a\n                  href=\"https://www.cultureamp.com\"\n                  className={styles.poweredByLogo}\n                >\n                  <img\n                    src={assetUrl(\"brand/logo-horizontal-default.svg\")}\n                    alt=\"Culture Amp\"\n                  />\n                </a>\n              </div>\n              <div className={styles.footerTextContainer}>\n                <Paragraph variant=\"extra-small\">{text.footer}</Paragraph>\n              </div>\n            </div>\n          </div>\n        </footer>\n      )}\n    </div>\n  )\n}\n\nBrandMoment.displayName = \"BrandMoment\"\n"],"names":["BrandMoment","_a","mood","illustration","header","body","primaryAction","secondaryAction","text","classNameOverride","restProps","__rest","queries","useMediaQueries","React","createElement","__assign","className","classnames","styles","main","container","mainInner","left","leftInner","right","rightInner","subtitle","Heading","variant","tag","title","Paragraph","textBody","actions","Button","primary","fullWidth","isSmall","secondary","footer","footerInner","poweredByContainer","color","href","poweredByLogo","src","assetUrl","alt","footerTextContainer","displayName"],"mappings":"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"}

package/dist/esm/Button/GenericButton/GenericButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericButton.mjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  forwardRef,\n  Ref,\n  useImperativeHandle,\n  useRef,\n  MouseEvent,\n  FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"@kaizen/draft-badge\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n  id?: string\n  className: string\n  href?: string\n  disabled?: boolean\n  onClick?: (e: MouseEvent<any>) => void\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  children?: React.ReactNode\n}\n\nexport type ButtonFormAttributes = Pick<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  | \"form\"\n  | \"formAction\"\n  | \"formMethod\"\n  | \"formEncType\"\n  | \"formTarget\"\n  | \"formNoValidate\"\n>\n\nexport type GenericProps = {\n  id?: string\n  reversed?: boolean\n  onClick?: (e: MouseEvent) => void\n  onMouseDown?: (e: MouseEvent) => void\n  href?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n  disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  component?: ComponentType<CustomButtonProps>\n  classNameOverride?: string\n}\n\nexport type WorkingProps = {\n  working: true\n  workingLabel: string\n  workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n  working?: false\n}\n\nexport type ButtonBadgeProps = {\n  text: string\n  animateChange?: boolean\n  variant?: \"default\" | \"dark\" | \"active\"\n  reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n  additionalContent?: React.ReactNode\n  iconButton?: boolean\n  directionalLink?: boolean\n  paginationLink?: boolean\n  isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n  ButtonFormAttributes &\n  (WorkingProps | WorkingUndefinedProps) & {\n    label: string\n    primary?: boolean\n    destructive?: boolean\n    secondary?: boolean\n    /** @default \"regular\" */\n    size?: \"small\" | \"regular\"\n    badge?: ButtonBadgeProps\n    type?: \"submit\" | \"reset\" | \"button\"\n    fullWidth?: boolean\n    iconPosition?: \"start\" | \"end\"\n    icon?: JSX.Element\n    disabled?: boolean\n  }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria-* or data-*\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n  const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n  return keys.reduce<Record<string, any>>((acc, val) => {\n    acc[val] = props[val]\n    return acc\n  }, {})\n}\n\nexport const GenericButton = forwardRef(\n  (props: RenderProps, ref: Ref<ButtonRef | undefined>) => {\n    const buttonRef = useRef<HTMLButtonElement | HTMLAnchorElement>()\n    useImperativeHandle(ref, () => ({\n      focus: (): void => {\n        buttonRef.current?.focus()\n      },\n    }))\n\n    const determineButtonRenderer = (): JSX.Element => {\n      if (props.component) {\n        return renderCustomComponent(props.component, props)\n      }\n\n      if (props.href && !props.disabled && !props.working) {\n        return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n      }\n\n      return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n    }\n\n    return (\n      <span\n        className={classnames(\n          styles.container,\n          props.fullWidth && styles.fullWidth\n        )}\n        aria-live=\"polite\"\n      >\n        {determineButtonRenderer()}\n      </span>\n    )\n  }\n)\n\nGenericButton.defaultProps = {\n  iconPosition: \"start\",\n  iconButton: false,\n  primary: false,\n  secondary: false,\n  newTabAndIUnderstandTheAccessibilityImplications: false,\n  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n  type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n  CustomComponent: ComponentType<CustomButtonProps>,\n  props: RenderProps\n): JSX.Element => {\n  const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n  const customProps = getCustomProps(rest)\n  return (\n    <CustomComponent\n      id={id}\n      className={buttonClass(props)}\n      disabled={disabled}\n      href={href}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </CustomComponent>\n  )\n}\n\nconst renderButton = (\n  props: RenderProps,\n  ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n  const {\n    id,\n    disabled,\n    onClick,\n    onMouseDown,\n    type,\n    disableTabFocusAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    form,\n    formAction,\n    formMethod,\n    formEncType,\n    formTarget,\n    formNoValidate,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      id={id}\n      disabled={disabled}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n      aria-label={generateAriaLabel(props)}\n      aria-disabled={disabled || props.working ? true : undefined}\n      form={form}\n      formAction={formAction}\n      formMethod={formMethod}\n      formEncType={formEncType}\n      formTarget={formTarget}\n      formNoValidate={formNoValidate}\n      tabIndex={\n        disableTabFocusAndIUnderstandTheAccessibilityImplications\n          ? -1\n          : undefined\n      }\n      ref={ref}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </button>\n  )\n}\n\nconst renderLink = (\n  props: RenderProps,\n  ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n  const {\n    id,\n    href,\n    onClick,\n    newTabAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  const target = newTabAndIUnderstandTheAccessibilityImplications\n    ? \"_blank\"\n    : \"_self\"\n\n  return (\n    <a\n      id={id}\n      href={href}\n      target={target}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={ref}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </a>\n  )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n  const isDefault = !props.primary && !props.destructive && !props.secondary\n  return classnames(\n    styles.button,\n    isDefault && styles.default,\n    props.primary && styles.primary,\n    props.destructive && styles.destructive,\n    props.secondary && styles.secondary,\n    props.size && styles[props.size],\n    props.reversed && styles.reversed,\n    props.iconButton && styles.iconButton,\n    props.working && styles.working,\n    (props.directionalLink || props.paginationLink) && styles.circleButton,\n    props.directionalLink && styles.directionalLink,\n    props.paginationLink && styles.paginationLink,\n    props.isActive && styles.isPaginationLinkActive,\n    props.classNameOverride\n  )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n  <div className={styles.loadingSpinner}>\n    <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n  </div>\n)\n\nconst renderWorkingContent = (\n  props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n  if (props.workingLabelHidden) {\n    return (\n      <>\n        {/* This is to ensure the button stays at the correct width */}\n        <span className={styles.hidden} aria-hidden=\"true\">\n          {renderDefaultContent(props)}\n        </span>\n        <span className={styles.centeredLoadingSpinner}>\n          {renderLoadingSpinner()}\n        </span>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n      <span className={styles.label}>{props.workingLabel}</span>\n      {props.additionalContent && (\n        <span className={styles.additionalContentWrapper}>\n          {props.additionalContent}\n        </span>\n      )}\n      {props.iconPosition === \"end\" && renderLoadingSpinner()}\n    </>\n  )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n  <>\n    {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n    {(!props.icon || !props.iconButton) && (\n      <span className={styles.label}>{props.label}</span>\n    )}\n    {props.additionalContent && (\n      <span className={styles.additionalContentWrapper}>\n        {props.additionalContent}\n      </span>\n    )}\n    {renderBadge(props)}\n    {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n  </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element | null => {\n  if (!props.badge) return null\n\n  const { text, animateChange, reversed, variant } = props.badge\n\n  if (animateChange) {\n    return (\n      <BadgeAnimated variant={variant} reversed={reversed}>\n        {text}\n      </BadgeAnimated>\n    )\n  }\n  return (\n    <Badge variant={variant} reversed={reversed}>\n      {text}\n    </Badge>\n  )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n  <span className={styles.content}>\n    {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n  </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n  <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string | undefined => {\n  if (props.working && props.workingLabelHidden) {\n    return props.workingLabel\n  }\n\n  if (props.iconButton) {\n    return props.label\n  }\n\n  return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","undefined","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}
+{"version":3,"file":"GenericButton.mjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  forwardRef,\n  Ref,\n  useImperativeHandle,\n  useRef,\n  MouseEvent,\n  FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"@kaizen/draft-badge\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n  id?: string\n  className: string\n  href?: string\n  disabled?: boolean\n  onClick?: (e: MouseEvent<any>) => void\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  children?: React.ReactNode\n  \"data-testid\"?: string\n}\n\nexport type ButtonFormAttributes = Pick<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  | \"form\"\n  | \"formAction\"\n  | \"formMethod\"\n  | \"formEncType\"\n  | \"formTarget\"\n  | \"formNoValidate\"\n>\n\nexport type GenericProps = {\n  id?: string\n  reversed?: boolean\n  onClick?: (e: MouseEvent) => void\n  onMouseDown?: (e: MouseEvent) => void\n  href?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n  disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  component?: ComponentType<CustomButtonProps>\n  classNameOverride?: string\n}\n\nexport type WorkingProps = {\n  working: true\n  workingLabel: string\n  workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n  working?: false\n}\n\nexport type ButtonBadgeProps = {\n  text: string\n  animateChange?: boolean\n  variant?: \"default\" | \"dark\" | \"active\"\n  reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n  additionalContent?: React.ReactNode\n  iconButton?: boolean\n  directionalLink?: boolean\n  paginationLink?: boolean\n  isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n  ButtonFormAttributes &\n  (WorkingProps | WorkingUndefinedProps) & {\n    label: string\n    primary?: boolean\n    destructive?: boolean\n    secondary?: boolean\n    /** @default \"regular\" */\n    size?: \"small\" | \"regular\"\n    badge?: ButtonBadgeProps\n    type?: \"submit\" | \"reset\" | \"button\"\n    fullWidth?: boolean\n    iconPosition?: \"start\" | \"end\"\n    icon?: JSX.Element\n    disabled?: boolean\n  }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria-* or data-*\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n  const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n  return keys.reduce<Record<string, any>>((acc, val) => {\n    acc[val] = props[val]\n    return acc\n  }, {})\n}\n\nexport const GenericButton = forwardRef(\n  (props: RenderProps, ref: Ref<ButtonRef | undefined>) => {\n    const buttonRef = useRef<HTMLButtonElement | HTMLAnchorElement>()\n    useImperativeHandle(ref, () => ({\n      focus: (): void => {\n        buttonRef.current?.focus()\n      },\n    }))\n\n    const determineButtonRenderer = (): JSX.Element => {\n      if (props.component) {\n        return renderCustomComponent(props.component, props)\n      }\n\n      if (props.href && !props.disabled && !props.working) {\n        return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n      }\n\n      return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n    }\n\n    return (\n      <span\n        className={classnames(\n          styles.container,\n          props.fullWidth && styles.fullWidth\n        )}\n        aria-live=\"polite\"\n      >\n        {determineButtonRenderer()}\n      </span>\n    )\n  }\n)\n\nGenericButton.defaultProps = {\n  iconPosition: \"start\",\n  iconButton: false,\n  primary: false,\n  secondary: false,\n  newTabAndIUnderstandTheAccessibilityImplications: false,\n  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n  type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n  CustomComponent: ComponentType<CustomButtonProps>,\n  props: RenderProps\n): JSX.Element => {\n  const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n  const customProps = getCustomProps(rest)\n  return (\n    <CustomComponent\n      id={id}\n      className={buttonClass(props)}\n      disabled={disabled}\n      href={href}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </CustomComponent>\n  )\n}\n\nconst renderButton = (\n  props: RenderProps,\n  ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n  const {\n    id,\n    disabled,\n    onClick,\n    onMouseDown,\n    type,\n    disableTabFocusAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    form,\n    formAction,\n    formMethod,\n    formEncType,\n    formTarget,\n    formNoValidate,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      id={id}\n      disabled={disabled}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n      aria-label={generateAriaLabel(props)}\n      aria-disabled={disabled || props.working ? true : undefined}\n      form={form}\n      formAction={formAction}\n      formMethod={formMethod}\n      formEncType={formEncType}\n      formTarget={formTarget}\n      formNoValidate={formNoValidate}\n      tabIndex={\n        disableTabFocusAndIUnderstandTheAccessibilityImplications\n          ? -1\n          : undefined\n      }\n      ref={ref}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </button>\n  )\n}\n\nconst renderLink = (\n  props: RenderProps,\n  ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n  const {\n    id,\n    href,\n    onClick,\n    newTabAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  const target = newTabAndIUnderstandTheAccessibilityImplications\n    ? \"_blank\"\n    : \"_self\"\n\n  return (\n    <a\n      id={id}\n      href={href}\n      target={target}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={ref}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </a>\n  )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n  const isDefault = !props.primary && !props.destructive && !props.secondary\n  return classnames(\n    styles.button,\n    isDefault && styles.default,\n    props.primary && styles.primary,\n    props.destructive && styles.destructive,\n    props.secondary && styles.secondary,\n    props.size && styles[props.size],\n    props.reversed && styles.reversed,\n    props.iconButton && styles.iconButton,\n    props.working && styles.working,\n    (props.directionalLink || props.paginationLink) && styles.circleButton,\n    props.directionalLink && styles.directionalLink,\n    props.paginationLink && styles.paginationLink,\n    props.isActive && styles.isPaginationLinkActive,\n    props.classNameOverride\n  )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n  <div className={styles.loadingSpinner}>\n    <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n  </div>\n)\n\nconst renderWorkingContent = (\n  props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n  if (props.workingLabelHidden) {\n    return (\n      <>\n        {/* This is to ensure the button stays at the correct width */}\n        <span className={styles.hidden} aria-hidden=\"true\">\n          {renderDefaultContent(props)}\n        </span>\n        <span className={styles.centeredLoadingSpinner}>\n          {renderLoadingSpinner()}\n        </span>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n      <span className={styles.label}>{props.workingLabel}</span>\n      {props.additionalContent && (\n        <span className={styles.additionalContentWrapper}>\n          {props.additionalContent}\n        </span>\n      )}\n      {props.iconPosition === \"end\" && renderLoadingSpinner()}\n    </>\n  )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n  <>\n    {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n    {(!props.icon || !props.iconButton) && (\n      <span className={styles.label}>{props.label}</span>\n    )}\n    {props.additionalContent && (\n      <span className={styles.additionalContentWrapper}>\n        {props.additionalContent}\n      </span>\n    )}\n    {renderBadge(props)}\n    {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n  </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element | null => {\n  if (!props.badge) return null\n\n  const { text, animateChange, reversed, variant } = props.badge\n\n  if (animateChange) {\n    return (\n      <BadgeAnimated variant={variant} reversed={reversed}>\n        {text}\n      </BadgeAnimated>\n    )\n  }\n  return (\n    <Badge variant={variant} reversed={reversed}>\n      {text}\n    </Badge>\n  )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n  <span className={styles.content}>\n    {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n  </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n  <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string | undefined => {\n  if (props.working && props.workingLabelHidden) {\n    return props.workingLabel\n  }\n\n  if (props.iconButton) {\n    return props.label\n  }\n\n  return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","undefined","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs

@@ -5,8 +5,6 @@ import AnimateHeight from 'react-animate-height';
 import { Heading } from '@kaizen/typography';
 import '../../Button/Button/Button.mjs';
 import { IconButton } from '../../Button/IconButton/IconButton.mjs';
-import '../../Button/PaginationLink/PaginationLink.mjs';
-import '../../Button/DirectionalLink/DirectionalLink.mjs';
 import 'uuid';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { ChevronDownIcon } from '../../Icon/ChevronDownIcon.mjs';

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.mjs","sources":["../../../../src/Collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport AnimateHeight from \"react-animate-height\"\nimport { Heading } from \"@kaizen/typography\"\nimport { IconButton } from \"~components/Button\"\nimport { ChevronUpIcon, ChevronDownIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Sticky } from \"../types\"\nimport styles from \"./Collapsible.module.scss\"\n\nexport type CollapsibleProps = {\n  children: JSX.Element | JSX.Element[] | string\n  title: string\n  renderHeader?: (title: string) => JSX.Element | JSX.Element[]\n  open?: boolean\n  group?: boolean\n  separated?: boolean\n  sticky?: Sticky\n  noSectionPadding?: boolean\n  onToggle?: (open: boolean, id: string) => void\n  /**\n   * By default, the header will change background colour when open. When the variant\n   * is set to 'clear', it will not have a background but a border-bottom will appear\n   * to separate the heading from the content.\n   */\n  variant?: \"default\" | \"clear\"\n  /**\n   * Will avoid rendering the content until required (especially important when you\n   * have queries inside sections).\n   * Removes animation.\n   */\n  lazyLoad?: boolean\n  /**\n   * Disables internal `open` state, allowing it to be controlled in the usage.\n   */\n  controlled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Collapsible = ({\n  children,\n  title,\n  renderHeader,\n  open,\n  group,\n  separated,\n  sticky,\n  noSectionPadding,\n  onToggle,\n  variant,\n  lazyLoad,\n  controlled,\n  classNameOverride,\n  id: propsId,\n  ...restProps\n}: CollapsibleProps): JSX.Element => {\n  const [stateIsOpen, setIsOpen] = useState<boolean>(open ?? false)\n  const getOpen = (): boolean | undefined => (controlled ? open : stateIsOpen)\n\n  const id = propsId ?? useId()\n\n  const handleSectionToggle = (): void => {\n    const newIsOpen = !getOpen()\n    if (!controlled) setIsOpen(newIsOpen)\n    onToggle?.(newIsOpen, id)\n  }\n\n  const handleButtonPress = (event: React.MouseEvent): void => {\n    event.stopPropagation()\n    handleSectionToggle()\n  }\n\n  const buttonId = `${id}-button`\n  const sectionId = `${id}-section`\n  const isOpen = getOpen()\n  const isContainer = !group || separated\n\n  return (\n    <div\n      id={id}\n      className={classnames(\n        classNameOverride,\n        isContainer && styles.container,\n        group && !separated && styles.groupItem,\n        separated && styles.separated,\n        isOpen && styles.open,\n        !group && styles.single\n      )}\n      data-testid={`collapsible-container-${id}`}\n      {...restProps} // `title` is missing because it is used for the header; requires breaking change to fix\n    >\n      {/* Disabling these a11y linting errors because there is an IconButton that mitigates these concerns. The onClick here is just an additional layer. */}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,\n      jsx-a11y/no-static-element-interactions */}\n      <div\n        className={classnames(\n          styles.header,\n          isOpen && styles.open,\n          sticky && styles.sticky,\n          isOpen && variant === \"default\" && styles.defaultVariant,\n          isOpen && variant === \"clear\" && styles.clearVariant\n        )}\n        style={sticky && { top: sticky.top }}\n        onClick={handleSectionToggle}\n        data-testid={`collapsible-header-${id}`}\n      >\n        {renderHeader !== undefined ? (\n          renderHeader(title)\n        ) : (\n          <div\n            className={styles.title}\n            data-testid={`collapsible-button-title-${id}`}\n          >\n            <Heading variant=\"heading-4\" tag=\"span\">\n              {title}\n            </Heading>\n          </div>\n        )}\n        <div>\n          <IconButton\n            label={title}\n            icon={\n              isOpen ? (\n                <ChevronUpIcon role=\"presentation\" />\n              ) : (\n                <ChevronDownIcon role=\"presentation\" />\n              )\n            }\n            type=\"button\"\n            aria-expanded={isOpen}\n            aria-controls={sectionId}\n            data-testid={`collapsible-button-${id}`}\n            id={buttonId}\n            onClick={handleButtonPress}\n            classNameOverride={styles.chevronButton}\n          />\n        </div>\n      </div>\n      {(!lazyLoad || isOpen) && (\n        <AnimateHeight\n          height={isOpen ? \"auto\" : 0}\n          data-testid={`collapsible-section-${id}`}\n        >\n          <div\n            id={sectionId}\n            className={classnames(\n              styles.section,\n              noSectionPadding && styles.noPadding\n            )}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            {children}\n          </div>\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n\nCollapsible.displayName = \"Collapsible\"\n"],"names":["Collapsible","_a","children","title","renderHeader","open","group","separated","sticky","noSectionPadding","onToggle","variant","lazyLoad","controlled","classNameOverride","propsId","restProps","__rest","_b","useState","stateIsOpen","setIsOpen","getOpen","id","useId","handleSectionToggle","newIsOpen","handleButtonPress","event","stopPropagation","buttonId","concat","sectionId","isOpen","isContainer","React","className","classnames","styles","container","groupItem","single","createElement","header","defaultVariant","clearVariant","style","top","onClick","undefined","Heading","tag","IconButton","label","icon","ChevronUpIcon","role","ChevronDownIcon","type","chevronButton","AnimateHeight","height","section","noPadding","displayName"],"mappings":"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"}
+{"version":3,"file":"Collapsible.mjs","sources":["../../../../src/Collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport AnimateHeight from \"react-animate-height\"\nimport { Heading } from \"@kaizen/typography\"\nimport { IconButton } from \"~components/Button\"\nimport { ChevronUpIcon, ChevronDownIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Sticky } from \"../types\"\nimport styles from \"./Collapsible.module.scss\"\n\nexport type CollapsibleProps = {\n  children: JSX.Element | JSX.Element[] | string\n  title: string\n  renderHeader?: (title: string) => JSX.Element | JSX.Element[]\n  open?: boolean\n  group?: boolean\n  separated?: boolean\n  sticky?: Sticky\n  noSectionPadding?: boolean\n  onToggle?: (open: boolean, id: string) => void\n  /**\n   * By default, the header will change background colour when open. When the variant\n   * is set to 'clear', it will not have a background but a border-bottom will appear\n   * to separate the heading from the content.\n   */\n  variant?: \"default\" | \"clear\"\n  /**\n   * Will avoid rendering the content until required (especially important when you\n   * have queries inside sections).\n   * Removes animation.\n   */\n  lazyLoad?: boolean\n  /**\n   * Disables internal `open` state, allowing it to be controlled in the usage.\n   */\n  controlled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Collapsible = ({\n  children,\n  title,\n  renderHeader,\n  open,\n  group,\n  separated,\n  sticky,\n  noSectionPadding,\n  onToggle,\n  variant,\n  lazyLoad,\n  controlled,\n  classNameOverride,\n  id: propsId,\n  ...restProps\n}: CollapsibleProps): JSX.Element => {\n  const [stateIsOpen, setIsOpen] = useState<boolean>(open ?? false)\n  const getOpen = (): boolean | undefined => (controlled ? open : stateIsOpen)\n\n  const id = propsId ?? useId()\n\n  const handleSectionToggle = (): void => {\n    const newIsOpen = !getOpen()\n    if (!controlled) setIsOpen(newIsOpen)\n    onToggle?.(newIsOpen, id)\n  }\n\n  const handleButtonPress = (event: React.MouseEvent): void => {\n    event.stopPropagation()\n    handleSectionToggle()\n  }\n\n  const buttonId = `${id}-button`\n  const sectionId = `${id}-section`\n  const isOpen = getOpen()\n  const isContainer = !group || separated\n\n  return (\n    <div\n      id={id}\n      className={classnames(\n        classNameOverride,\n        isContainer && styles.container,\n        group && !separated && styles.groupItem,\n        separated && styles.separated,\n        isOpen && styles.open,\n        !group && styles.single\n      )}\n      data-testid={`collapsible-container-${id}`}\n      {...restProps} // `title` is missing because it is used for the header; requires breaking change to fix\n    >\n      {/* Disabling these a11y linting errors because there is an IconButton that mitigates these concerns. The onClick here is just an additional layer. */}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,\n      jsx-a11y/no-static-element-interactions */}\n      <div\n        className={classnames(\n          styles.header,\n          isOpen && styles.open,\n          sticky && styles.sticky,\n          isOpen && variant === \"default\" && styles.defaultVariant,\n          isOpen && variant === \"clear\" && styles.clearVariant\n        )}\n        style={sticky && { top: sticky.top }}\n        onClick={handleSectionToggle}\n        data-testid={`collapsible-header-${id}`}\n      >\n        {renderHeader !== undefined ? (\n          renderHeader(title)\n        ) : (\n          <div\n            className={styles.title}\n            data-testid={`collapsible-button-title-${id}`}\n          >\n            <Heading variant=\"heading-4\" tag=\"span\">\n              {title}\n            </Heading>\n          </div>\n        )}\n        <div>\n          <IconButton\n            label={title}\n            icon={\n              isOpen ? (\n                <ChevronUpIcon role=\"presentation\" />\n              ) : (\n                <ChevronDownIcon role=\"presentation\" />\n              )\n            }\n            type=\"button\"\n            aria-expanded={isOpen}\n            aria-controls={sectionId}\n            data-testid={`collapsible-button-${id}`}\n            id={buttonId}\n            onClick={handleButtonPress}\n            classNameOverride={styles.chevronButton}\n          />\n        </div>\n      </div>\n      {(!lazyLoad || isOpen) && (\n        <AnimateHeight\n          height={isOpen ? \"auto\" : 0}\n          data-testid={`collapsible-section-${id}`}\n        >\n          <div\n            id={sectionId}\n            className={classnames(\n              styles.section,\n              noSectionPadding && styles.noPadding\n            )}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            {children}\n          </div>\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n\nCollapsible.displayName = \"Collapsible\"\n"],"names":["Collapsible","_a","children","title","renderHeader","open","group","separated","sticky","noSectionPadding","onToggle","variant","lazyLoad","controlled","classNameOverride","propsId","restProps","__rest","_b","useState","stateIsOpen","setIsOpen","getOpen","id","useId","handleSectionToggle","newIsOpen","handleButtonPress","event","stopPropagation","buttonId","concat","sectionId","isOpen","isContainer","React","className","classnames","styles","container","groupItem","single","createElement","header","defaultVariant","clearVariant","style","top","onClick","undefined","Heading","tag","IconButton","label","icon","ChevronUpIcon","role","ChevronDownIcon","type","chevronButton","AnimateHeight","height","section","noPadding","displayName"],"mappings":"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"}

package/dist/esm/Container/Container.mjs

@@ -0,0 +1,26 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Container.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
+ */
+const Container = /*#__PURE__*/function () {
+  const Container = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+    var children = _a.children,
+      style = _a.style,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "style", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      ref: ref,
+      className: classnames(styles.container, classNameOverride),
+      style: style
+    }, restProps), children);
+  });
+  Container.displayName = "Container";
+  return Container;
+}();
+export { Container };
+//# sourceMappingURL=Container.mjs.map

package/dist/esm/Container/Container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.mjs","sources":["../../../src/Container/Container.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ContentProps } from \"~components/Content\"\nimport styles from \"./Container.module.scss\"\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}\n */\nexport const Container = React.forwardRef<HTMLDivElement, ContentProps>(\n  ({ children, style, classNameOverride, ...restProps }, ref) => (\n    <div\n      ref={ref}\n      className={classnames(styles.container, classNameOverride)}\n      style={style}\n      {...restProps}\n    >\n      {children}\n    </div>\n  )\n)\n\nContainer.displayName = \"Container\"\n"],"names":["Container","React","forwardRef","_a","ref","children","style","classNameOverride","restProps","__rest","createElement","__assign","className","classnames","styles","container","displayName"],"mappings":";;;;;AAKA;;;AAGG;AAHH,MAIaA,SAAS;EAAA,MAATA,SAAS,gBAAGC,KAAK,CAACC,UAAU,CACvC,UAACC,EAAoD,EAAEC,GAAG,EAAA;IAAvD,IAAAC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MAAEC,KAAK,GAAAH,EAAA,CAAAG,KAAA;MAAEC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MAAKC,SAAS,GAAlDC,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAAoD,CAAF;IAAY,oBAC7DF,KACE,CAAAS,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAP,GAAG,EAAEA,GAAG;MACRQ,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,SAAS,EAAER,iBAAiB,CAAC;MAC1DD,KAAK,EAAEA;IAAK,CACR,EAAAE,SAAS,CAEZ,EAAAH,QAAQ,CACL;EACP,CAAA,CACF;EAEDL,SAAS,CAACgB,WAAW,GAAG,WAAW;EAAA,OAbtBhB,SAAS;AAAA;"}

package/dist/esm/Container/Container.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "container": "Container-module_container__jSUGk"
+};
+export { styles as default };
+//# sourceMappingURL=Container.module.scss.mjs.map

package/dist/esm/Container/Container.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/Content/Content.mjs

@@ -0,0 +1,26 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Content.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
+ */
+const Content = /*#__PURE__*/function () {
+  const Content = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+    var children = _a.children,
+      style = _a.style,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "style", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      ref: ref,
+      className: classnames(styles.content, classNameOverride),
+      style: style
+    }, restProps), children);
+  });
+  Content.displayName = "Content";
+  return Content;
+}();
+export { Content };
+//# sourceMappingURL=Content.mjs.map

package/dist/esm/Content/Content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.mjs","sources":["../../../src/Content/Content.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Content.module.scss\"\n\nexport type ContentProps = {\n  children?: React.ReactNode\n  /**\n   * Not recommended. A short-circuit for dynamically overriding layout in a pinch\n   */\n  style?: Pick<\n    React.CSSProperties,\n    | \"bottom\"\n    | \"left\"\n    | \"margin\"\n    | \"marginBottom\"\n    | \"marginLeft\"\n    | \"marginRight\"\n    | \"marginTop\"\n    | \"padding\"\n    | \"paddingBottom\"\n    | \"paddingLeft\"\n    | \"paddingRight\"\n    | \"paddingTop\"\n    | \"position\"\n    | \"right\"\n    | \"top\"\n    | \"transform\"\n    | \"transformBox\"\n    | \"transformOrigin\"\n    | \"transformStyle\"\n  >\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}\n */\nexport const Content = React.forwardRef<HTMLDivElement, ContentProps>(\n  ({ children, style, classNameOverride, ...restProps }, ref) => (\n    <div\n      ref={ref}\n      className={classnames(styles.content, classNameOverride)}\n      style={style}\n      {...restProps}\n    >\n      {children}\n    </div>\n  )\n)\n\nContent.displayName = \"Content\"\n"],"names":["Content","React","forwardRef","_a","ref","children","style","classNameOverride","restProps","__rest","createElement","__assign","className","classnames","styles","content","displayName"],"mappings":";;;;;AAkCA;;;AAGG;AAHH,MAIaA,OAAO;EAAA,MAAPA,OAAO,gBAAGC,KAAK,CAACC,UAAU,CACrC,UAACC,EAAoD,EAAEC,GAAG,EAAA;IAAvD,IAAAC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MAAEC,KAAK,GAAAH,EAAA,CAAAG,KAAA;MAAEC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MAAKC,SAAS,GAAlDC,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAAoD,CAAF;IAAY,oBAC7DF,KACE,CAAAS,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAP,GAAG,EAAEA,GAAG;MACRQ,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,OAAO,EAAER,iBAAiB,CAAC;MACxDD,KAAK,EAAEA;IAAK,CACR,EAAAE,SAAS,CAEZ,EAAAH,QAAQ,CACL;EACP,CAAA,CACF;EAEDL,OAAO,CAACgB,WAAW,GAAG,SAAS;EAAA,OAblBhB,OAAO;AAAA;"}

package/dist/esm/Content/Content.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "content": "Content-module_content__ZeTRs"
+};
+export { styles as default };
+//# sourceMappingURL=Content.module.scss.mjs.map

package/dist/esm/Content/Content.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs

@@ -1,13 +1,15 @@
 import React from 'react';
-import { Menu, MenuList, MenuItem } from '@kaizen/draft-menu';
 import { Button } from '../../../Button/Button/Button.mjs';
 import '../../../Button/IconButton/IconButton.mjs';
-import '../../../Button/PaginationLink/PaginationLink.mjs';
-import '../../../Button/DirectionalLink/DirectionalLink.mjs';
 import 'tslib';
 import 'uuid';
 import '../../../Icon/subcomponents/SVG/SVG.mjs';
 import { AddIcon } from '../../../Icon/AddIcon.mjs';
+import { Menu } from '../../../Menu/Menu.mjs';
+import '../../../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
+import { MenuItem } from '../../../Menu/subcomponents/MenuItem/MenuItem.mjs';
+import { MenuList } from '../../../Menu/subcomponents/MenuList/MenuList.mjs';
+import '../../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
 const AddFiltersMenu = /*#__PURE__*/function () {
   const AddFiltersMenu = function () {

package/dist/esm/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AddFiltersMenu.mjs","sources":["../../../../../src/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx"],"sourcesContent":["import React from \"react\"\nimport { Menu, MenuList, MenuItem } from \"@kaizen/draft-menu\"\nimport { Button } from \"~components/Button\"\nimport { AddIcon } from \"~components/Icon\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\n\nexport const AddFiltersMenu = (): JSX.Element => {\n  const { getInactiveFilters, showFilter } = useFilterBarContext()\n  const inactiveFilters = getInactiveFilters()\n\n  return (\n    <Menu\n      button={\n        <Button\n          label=\"Add Filters\"\n          secondary\n          disabled={inactiveFilters.length === 0}\n          icon={<AddIcon role=\"presentation\" />}\n        />\n      }\n    >\n      <MenuList>\n        {inactiveFilters.map(({ id, name }) => (\n          <MenuItem\n            key={id}\n            label={name}\n            onClick={(): void => showFilter(id)}\n          />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\nAddFiltersMenu.displayName = \"FilterBar.AddFiltersMenu\"\n"],"names":["AddFiltersMenu","_a","useFilterBarContext","getInactiveFilters","showFilter","inactiveFilters","React","createElement","Menu","button","Button","label","secondary","disabled","length","icon","AddIcon","role","MenuList","map","id","name","MenuItem","key","onClick","displayName"],"mappings":";;;;;;;;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACtB,IAAAC,EAAA,GAAqCC,mBAAmB,CAAA,CAAE;MAAxDC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAA0B;IAChE,IAAMC,eAAe,GAAGF,kBAAkB,EAAE;IAE5C,oBACEG,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;MACHC,MAAM,eACJH,KAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;QACLC,KAAK,EAAC,aAAa;QACnBC,SAAS,EACT,IAAA;QAAAC,QAAQ,EAAER,eAAe,CAACS,MAAM,KAAK,CAAC;QACtCC,IAAI,eAAET,KAAC,CAAAC,aAAA,CAAAS,OAAO,EAAC;UAAAC,IAAI,EAAC;;MACpB,CAAA;IAAA,CAAA,eAGJX,KAAA,CAAAC,aAAA,CAACW,QAAQ,EACN,IAAA,EAAAb,eAAe,CAACc,GAAG,CAAC,UAAClB,EAAY,EAAA;UAAVmB,EAAE,GAAAnB,EAAA,CAAAmB,EAAA;QAAEC,IAAI,GAAApB,EAAA,CAAAoB,IAAA;MAAO,oBACrCf,oBAACgB,QAAQ,EAAA;QACPC,GAAG,EAAEH,EAAE;QACPT,KAAK,EAAEU,IAAI;QACXG,OAAO,EAAE,SAAAA,CAAA,EAAY;UAAA,OAAApB,UAAU,CAACgB,EAAE,CAAC;QAAA;MAAA,CAAA,CACnC;IACH,CAAA,CAAC,CACO,CACN;EAEX,CAAC;EAEDpB,cAAc,CAACyB,WAAW,GAAG,0BAA0B;EAAA,OA5B1CzB,cAAc;AAAA;"}
+{"version":3,"file":"AddFiltersMenu.mjs","sources":["../../../../../src/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { AddIcon } from \"~components/Icon\"\nimport { Menu, MenuList, MenuItem } from \"~components/Menu\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\n\nexport const AddFiltersMenu = (): JSX.Element => {\n  const { getInactiveFilters, showFilter } = useFilterBarContext()\n  const inactiveFilters = getInactiveFilters()\n\n  return (\n    <Menu\n      button={\n        <Button\n          label=\"Add Filters\"\n          secondary\n          disabled={inactiveFilters.length === 0}\n          icon={<AddIcon role=\"presentation\" />}\n        />\n      }\n    >\n      <MenuList>\n        {inactiveFilters.map(({ id, name }) => (\n          <MenuItem\n            key={id}\n            label={name}\n            onClick={(): void => showFilter(id)}\n          />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\nAddFiltersMenu.displayName = \"FilterBar.AddFiltersMenu\"\n"],"names":["AddFiltersMenu","_a","useFilterBarContext","getInactiveFilters","showFilter","inactiveFilters","React","createElement","Menu","button","Button","label","secondary","disabled","length","icon","AddIcon","role","MenuList","map","id","name","MenuItem","key","onClick","displayName"],"mappings":";;;;;;;;;;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACtB,IAAAC,EAAA,GAAqCC,mBAAmB,CAAA,CAAE;MAAxDC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAA0B;IAChE,IAAMC,eAAe,GAAGF,kBAAkB,EAAE;IAE5C,oBACEG,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;MACHC,MAAM,eACJH,KAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;QACLC,KAAK,EAAC,aAAa;QACnBC,SAAS,EACT,IAAA;QAAAC,QAAQ,EAAER,eAAe,CAACS,MAAM,KAAK,CAAC;QACtCC,IAAI,eAAET,KAAC,CAAAC,aAAA,CAAAS,OAAO,EAAC;UAAAC,IAAI,EAAC;;MACpB,CAAA;IAAA,CAAA,eAGJX,KAAA,CAAAC,aAAA,CAACW,QAAQ,EACN,IAAA,EAAAb,eAAe,CAACc,GAAG,CAAC,UAAClB,EAAY,EAAA;UAAVmB,EAAE,GAAAnB,EAAA,CAAAmB,EAAA;QAAEC,IAAI,GAAApB,EAAA,CAAAoB,IAAA;MAAO,oBACrCf,oBAACgB,QAAQ,EAAA;QACPC,GAAG,EAAEH,EAAE;QACPT,KAAK,EAAEU,IAAI;QACXG,OAAO,EAAE,SAAAA,CAAA,EAAY;UAAA,OAAApB,UAAU,CAACgB,EAAE,CAAC;QAAA;MAAA,CAAA,CACnC;IACH,CAAA,CAAC,CACO,CACN;EAEX,CAAC;EAEDpB,cAAc,CAACyB,WAAW,GAAG,0BAA0B;EAAA,OA5B1CzB,cAAc;AAAA;"}

package/dist/esm/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs

@@ -1,8 +1,6 @@
 import React from 'react';
 import { Button } from '../../../Button/Button/Button.mjs';
 import '../../../Button/IconButton/IconButton.mjs';
-import '../../../Button/PaginationLink/PaginationLink.mjs';
-import '../../../Button/DirectionalLink/DirectionalLink.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
 import styles from './ClearAllButton.module.scss.mjs';
 const ClearAllButton = /*#__PURE__*/function () {

package/dist/esm/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearAllButton.mjs","sources":["../../../../../src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport styles from \"./ClearAllButton.module.scss\"\n\nexport const ClearAllButton = (): JSX.Element => {\n  const { clearAllFilters } = useFilterBarContext()\n\n  return (\n    <Button\n      label=\"Clear all\"\n      aria-label=\"Clear all filters\"\n      classNameOverride={styles.clearAllButton}\n      secondary\n      onClick={clearAllFilters}\n    />\n  )\n}\n\nClearAllButton.displayName = \"FilterBar.ClearAllButton\"\n"],"names":["ClearAllButton","clearAllFilters","useFilterBarContext","React","Button","label","classNameOverride","styles","clearAllButton","secondary","onClick","displayName"],"mappings":";;;;;;;MAKaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACpB,IAAAC,eAAe,GAAKC,mBAAmB,CAAE,CAAA,gBAA1B;IAEvB,oBACEC,oBAACC,MAAM,EAAA;MACLC,KAAK,EAAC,WAAW;MACN,YAAA,EAAA,mBAAmB;MAC9BC,iBAAiB,EAAEC,MAAM,CAACC,cAAc;MACxCC,SAAS,EAAA,IAAA;MACTC,OAAO,EAAET;IAAe,CACxB,CAAA;EAEN,CAAC;EAEDD,cAAc,CAACW,WAAW,GAAG,0BAA0B;EAAA,OAd1CX,cAAc;AAAA;"}
+{"version":3,"file":"ClearAllButton.mjs","sources":["../../../../../src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport styles from \"./ClearAllButton.module.scss\"\n\nexport const ClearAllButton = (): JSX.Element => {\n  const { clearAllFilters } = useFilterBarContext()\n\n  return (\n    <Button\n      label=\"Clear all\"\n      aria-label=\"Clear all filters\"\n      classNameOverride={styles.clearAllButton}\n      secondary\n      onClick={clearAllFilters}\n    />\n  )\n}\n\nClearAllButton.displayName = \"FilterBar.ClearAllButton\"\n"],"names":["ClearAllButton","clearAllFilters","useFilterBarContext","React","Button","label","classNameOverride","styles","clearAllButton","secondary","onClick","displayName"],"mappings":";;;;;MAKaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACpB,IAAAC,eAAe,GAAKC,mBAAmB,CAAE,CAAA,gBAA1B;IAEvB,oBACEC,oBAACC,MAAM,EAAA;MACLC,KAAK,EAAC,WAAW;MACN,YAAA,EAAA,mBAAmB;MAC9BC,iBAAiB,EAAEC,MAAM,CAACC,cAAc;MACxCC,SAAS,EAAA,IAAA;MACTC,OAAO,EAAET;IAAe,CACxB,CAAA;EAEN,CAAC;EAEDD,cAAc,CAACW,WAAW,GAAG,0BAA0B;EAAA,OAd1CX,cAAc;AAAA;"}

package/dist/esm/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs

@@ -2,8 +2,6 @@ import { __assign } from 'tslib';
 import React from 'react';
 import { Button } from '../../../Button/Button/Button.mjs';
 import '../../../Button/IconButton/IconButton.mjs';
-import '../../../Button/PaginationLink/PaginationLink.mjs';
-import '../../../Button/DirectionalLink/DirectionalLink.mjs';
 import styles from './LoadMoreButton.module.scss.mjs';
 const LoadMoreButton = /*#__PURE__*/function () {
   const LoadMoreButton = function (props) {

package/dist/esm/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreButton.mjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport styles from \"./LoadMoreButton.module.scss\"\n\nexport type LoadMoreButtonProps = ButtonProps\n\nexport const LoadMoreButton = (props: LoadMoreButtonProps): JSX.Element => (\n  <div className={styles.container}>\n    <Button {...props} fullWidth />\n  </div>\n)\n\nLoadMoreButton.displayName = \"FilterMultiSelect.LoadMoreButton\"\n"],"names":["LoadMoreButton","props","React","createElement","className","styles","container","Button","__assign","fullWidth","displayName"],"mappings":";;;;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,KAA0B,EAAA;IAAkB,oBACzEC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;IAAS,CAAA,eAC9BJ,KAAC,CAAAC,aAAA,CAAAI,MAAM,EAAKC,QAAA,CAAA,CAAA,CAAA,EAAAP,KAAK,EAAE;MAAAQ,SAAS;OAAG,CAC3B;EACP,CAAA;EAEDT,cAAc,CAACU,WAAW,GAAG,kCAAkC;EAAA,OANlDV,cAAc;AAAA;"}
+{"version":3,"file":"LoadMoreButton.mjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport styles from \"./LoadMoreButton.module.scss\"\n\nexport type LoadMoreButtonProps = ButtonProps\n\nexport const LoadMoreButton = (props: LoadMoreButtonProps): JSX.Element => (\n  <div className={styles.container}>\n    <Button {...props} fullWidth />\n  </div>\n)\n\nLoadMoreButton.displayName = \"FilterMultiSelect.LoadMoreButton\"\n"],"names":["LoadMoreButton","props","React","createElement","className","styles","container","Button","__assign","fullWidth","displayName"],"mappings":";;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,KAA0B,EAAA;IAAkB,oBACzEC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;IAAS,CAAA,eAC9BJ,KAAC,CAAAC,aAAA,CAAAI,MAAM,EAAKC,QAAA,CAAA,CAAA,CAAA,EAAAP,KAAK,EAAE;MAAAQ,SAAS;OAAG,CAC3B;EACP,CAAA;EAEDT,cAAc,CAACU,WAAW,GAAG,kCAAkC;EAAA,OANlDV,cAAc;AAAA;"}