@kaizen/components 0.0.0-canary-less-gung-ho-20240308011930 → 0.0.0-canary-brand-2-20240318014153

package/dist/cjs/Brand/Brand.cjs

@@ -2,30 +2,31 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var hostedAssets = require('@kaizen/hosted-assets');
-var Brand_module = require('./Brand.module.scss.cjs');
 const Brand = /*#__PURE__*/function () {
   const Brand = function (_a) {
-    var variant = _a.variant,
-      alt = _a.alt,
-      _b = _a.reversed,
-      reversed = _b === void 0 ? false : _b,
-      classNameOverride = _a.classNameOverride,
-      restProps = tslib.__rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
-    var brandTheme = reversed ? "-reversed" : "-default";
-    return React.createElement("picture", tslib.__assign({
-      className: classNameOverride
-    }, restProps), React.createElement("source", {
-      srcSet: hostedAssets.assetUrl("brand/".concat(variant, "-reversed.svg")),
-      media: "(forced-colors: active) and (prefers-color-scheme: dark)"
-    }), React.createElement("source", {
-      srcSet: hostedAssets.assetUrl("brand/".concat(variant, "-default.svg")),
-      media: "(forced-colors: active) and (prefers-color-scheme: light)"
-    }), React.createElement("img", {
-      src: hostedAssets.assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")),
-      alt: alt,
-      className: Brand_module.img
-    }));
+    _a.variant;
+    _a.alt;
+    _a.reversed;
+    _a.classNameOverride;
+    tslib.__rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
+    return React.createElement("div", null, "BrandName");
+    // return (
+    //   <picture className={classNameOverride} {...restProps}>
+    //     <source
+    //       srcSet={assetUrl(`brand/${variant}-reversed.svg`)}
+    //       media="(forced-colors: active) and (prefers-color-scheme: dark)"
+    //     />
+    //     <source
+    //       srcSet={assetUrl(`brand/${variant}-default.svg`)}
+    //       media="(forced-colors: active) and (prefers-color-scheme: light)"
+    //     />
+    //     <img
+    //       src={assetUrl(`brand/${variant}${brandTheme}.svg`)}
+    //       alt={alt}
+    //       className={styles.img}
+    //     />
+    //   </picture>
+    // )
   };
   Brand.displayName = "Brand";
   return Brand;

package/dist/cjs/Brand/Brand.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.cjs","sources":["../../../src/Brand/Brand.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Brand.module.scss\"\n\nexport type BrandProps = {\n  variant:\n    | \"logo-horizontal\"\n    | \"logo-vertical\"\n    | \"enso\"\n    | \"collective-intelligence\"\n  alt: string\n  reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\nexport const Brand = ({\n  variant,\n  alt,\n  reversed = false,\n  classNameOverride,\n  ...restProps\n}: BrandProps): JSX.Element => {\n  const brandTheme = reversed ? \"-reversed\" : \"-default\"\n\n  return (\n    <picture className={classNameOverride} {...restProps}>\n      <source\n        srcSet={assetUrl(`brand/${variant}-reversed.svg`)}\n        media=\"(forced-colors: active) and (prefers-color-scheme: dark)\"\n      />\n      <source\n        srcSet={assetUrl(`brand/${variant}-default.svg`)}\n        media=\"(forced-colors: active) and (prefers-color-scheme: light)\"\n      />\n      <img\n        src={assetUrl(`brand/${variant}${brandTheme}.svg`)}\n        alt={alt}\n        className={styles.img}\n      />\n    </picture>\n  )\n}\n\nBrand.displayName = \"Brand\"\n"],"names":["Brand","_a","variant","alt","_b","reversed","classNameOverride","restProps","__rest","brandTheme","React","createElement","__assign","className","srcSet","assetUrl","concat","media","src","styles","img","displayName"],"mappings":";;;;;;MAeaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAMT,EAAA;IALX,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,gBAAgB;MAAhBC,QAAQ,mBAAG,KAAK,GAAAD,EAAA;MAChBE,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAP,EAAA,EALQ,mDAMrB,CADa;IAEZ,IAAMQ,UAAU,GAAGJ,QAAQ,GAAG,WAAW,GAAG,UAAU;IAEtD,OACEK,KAAS,CAAAC,aAAA,CAAA,SAAA,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MAAAC,SAAS,EAAEP;OAAuBC,SAAS,CAAA,EAClDG,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEG,MAAM,EAAEC,YAAAA,CAAAA,QAAQ,CAAC,QAAS,CAAAC,MAAA,CAAAd,OAAO,EAAe,eAAA,CAAA,CAAC;MACjDe,KAAK,EAAC;IAA0D,CAChE,CAAA,EACFP,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEG,MAAM,EAAEC,YAAAA,CAAAA,QAAQ,CAAC,QAAS,CAAAC,MAAA,CAAAd,OAAO,EAAc,cAAA,CAAA,CAAC;MAChDe,KAAK,EAAC;IAA2D,CACjE,CAAA,EACFP,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAO,GAAG,EAAEH,YAAAA,CAAAA,QAAQ,CAAC,gBAASb,OAAO,CAAA,CAAAc,MAAA,CAAGP,UAAU,EAAA,MAAA,CAAM,CAAC;MAClDN,GAAG,EAAEA,GAAG;MACRU,SAAS,EAAEM,YAAM,CAACC;IAAG,CAAA,CACrB,CACM;EAEd,CAAC;EAEDpB,KAAK,CAACqB,WAAW,GAAG,OAAO;EAAA,OA5BdrB,KAAK;AAAA;"}
+{"version":3,"file":"Brand.cjs","sources":["../../../src/Brand/Brand.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { HTMLAttributes } from \"react\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Brand.module.scss\"\n\nexport type BrandProps = {\n  variant:\n    | \"logo-horizontal\"\n    | \"logo-vertical\"\n    | \"enso\"\n    | \"collective-intelligence\"\n  alt: string\n  reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\nexport const Brand = ({\n  variant,\n  alt,\n  reversed = false,\n  classNameOverride,\n  ...restProps\n}: BrandProps): JSX.Element => {\n  const brandTheme = reversed ? \"-reversed\" : \"-default\"\n\n  return <div>BrandName</div>\n\n  // return (\n  //   <picture className={classNameOverride} {...restProps}>\n  //     <source\n  //       srcSet={assetUrl(`brand/${variant}-reversed.svg`)}\n  //       media=\"(forced-colors: active) and (prefers-color-scheme: dark)\"\n  //     />\n  //     <source\n  //       srcSet={assetUrl(`brand/${variant}-default.svg`)}\n  //       media=\"(forced-colors: active) and (prefers-color-scheme: light)\"\n  //     />\n  //     <img\n  //       src={assetUrl(`brand/${variant}${brandTheme}.svg`)}\n  //       alt={alt}\n  //       className={styles.img}\n  //     />\n  //   </picture>\n  // )\n}\n\nBrand.displayName = \"Brand\"\n"],"names":["Brand","_a","variant","alt","classNameOverride","__rest","React","displayName"],"mappings":";;;;MAgBaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAMT,EAAA;IALJA,EAAA,CAAAC,OAAA;IACJD,EAAA,CAAAE,GAAA;eACa;IACCF,EAAA,CAAAG,iBAAA;IACLC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EALQ,mDAMrB,CADa;IAIZ,OAAOK,6CAAoB;;;;;;;;;;;;;;;;;;EAmB7B,CAAC;EAEDN,KAAK,CAACO,WAAW,GAAG,OAAO;EAAA,OA9BdP,KAAK;AAAA;"}

package/dist/cjs/Icon/ThumbsDownIcon.cjs

@@ -6,11 +6,12 @@ var SVG = require('./subcomponents/SVG/SVG.cjs');
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
+/** @deprecated Use `<ThumbsDownIconOn/>` or `<ThumbsDownIconOff/>` */
 var ThumbsDownIcon = function (props) {
   var uniqueId = React.useId();
   var svgContent = React.createElement(React.Fragment, null, React.createElement("defs", null, React.createElement("path", {
     id: uniqueId,
-    d: "M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821c-.061.156-.095.32-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364zm8.862 8.18h2.726v-8.18h-2.726z"
+    d: "M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821q-.093.233-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364zm8.862 8.18h2.726v-8.18h-2.726z"
   })), React.createElement("use", {
     fill: "currentColor",
     href: "#".concat(uniqueId),

package/dist/cjs/Icon/ThumbsDownIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbsDownIcon.cjs","sources":["../../../src/Icon/ThumbsDownIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsDownIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821c-.061.156-.095.32-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364zm8.862 8.18h2.726v-8.18h-2.726z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsDownIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAkR,EACpR,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"ThumbsDownIcon.cjs","sources":["../../../src/Icon/ThumbsDownIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\n/** @deprecated Use `<ThumbsDownIconOn/>` or `<ThumbsDownIconOff/>` */\nexport const ThumbsDownIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821q-.093.233-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364zm8.862 8.18h2.726v-8.18h-2.726z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsDownIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMA;AACO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAA0Q,EAC5Q,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/ThumbsDownOffIcon.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var SVG = require('./subcomponents/SVG/SVG.cjs');
+
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+var ThumbsDownOffIcon = function (props) {
+  var svgContent = React.createElement(React.Fragment, null, React.createElement("path", {
+    fill: "currentColor",
+    d: "M5.224 3.253h8.766v10L8.461 18.75l-.705-.705a1 1 0 0 1-.215-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834H2.756q-.594 0-1.05-.456t-.456-1.05V10.4q0-.13.034-.28a3 3 0 0 1 .075-.281l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m7.516 1.25H5.224a.4.4 0 0 0-.18.048.3.3 0 0 0-.14.16L2.5 10.337v1.41a.25.25 0 0 0 .072.185.25.25 0 0 0 .184.072H9.92L8.875 16.57l3.865-3.849zm1.25 8.75v-1.25h2.677v-7.5H13.99v-1.25h3.927v10z"
+  }));
+  return React.createElement(SVG.SVG, tslib.__assign({}, props), svgContent);
+};
+exports.ThumbsDownOffIcon = ThumbsDownOffIcon;
+//# sourceMappingURL=ThumbsDownOffIcon.cjs.map

package/dist/cjs/Icon/ThumbsDownOffIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsDownOffIcon.cjs","sources":["../../../src/Icon/ThumbsDownOffIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsDownOffIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M5.224 3.253h8.766v10L8.461 18.75l-.705-.705a1 1 0 0 1-.215-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834H2.756q-.594 0-1.05-.456t-.456-1.05V10.4q0-.13.034-.28a3 3 0 0 1 .075-.281l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m7.516 1.25H5.224a.4.4 0 0 0-.18.048.3.3 0 0 0-.14.16L2.5 10.337v1.41a.25.25 0 0 0 .072.185.25.25 0 0 0 .184.072H9.92L8.875 16.57l3.865-3.849zm1.25 8.75v-1.25h2.677v-7.5H13.99v-1.25h3.927v10z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsDownOffIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMO,IAAMA,iBAAiB,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAChD,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAsa,CACxa,CAEL;EACD,OAAOJ,oBAACK,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/ThumbsDownOnIcon.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var SVG = require('./subcomponents/SVG/SVG.cjs');
+
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+var ThumbsDownOnIcon = function (props) {
+  var svgContent = React.createElement(React.Fragment, null, React.createElement("path", {
+    fill: "currentColor",
+    d: "M5.224 3.253h8.253v10L7.95 18.75l-.705-.705a1 1 0 0 1-.216-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834h-5.07q-.595 0-1.051-.456t-.456-1.05V10.4a1.6 1.6 0 0 1 .109-.561l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m9.503 10v-10h3.19v10z"
+  }));
+  return React.createElement(SVG.SVG, tslib.__assign({}, props), svgContent);
+};
+exports.ThumbsDownOnIcon = ThumbsDownOnIcon;
+//# sourceMappingURL=ThumbsDownOnIcon.cjs.map

package/dist/cjs/Icon/ThumbsDownOnIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsDownOnIcon.cjs","sources":["../../../src/Icon/ThumbsDownOnIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsDownOnIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M5.224 3.253h8.253v10L7.95 18.75l-.705-.705a1 1 0 0 1-.216-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834h-5.07q-.595 0-1.051-.456t-.456-1.05V10.4a1.6 1.6 0 0 1 .109-.561l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m9.503 10v-10h3.19v10z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsDownOnIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMO,IAAMA,gBAAgB,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC/C,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAmP,CACrP,CAEL;EACD,OAAOJ,oBAACK,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/ThumbsUpIcon.cjs

@@ -6,11 +6,12 @@ var SVG = require('./subcomponents/SVG/SVG.cjs');
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
+/** @deprecated Use `<ThumbsUpIconOn/>` or `<ThumbsUpIconOff/>` */
 var ThumbsUpIcon = function (props) {
   var uniqueId = React.useId();
   var svgContent = React.createElement(React.Fragment, null, React.createElement("defs", null, React.createElement("path", {
     id: uniqueId,
-    d: "M5.228 16.817v-8.18H2.502v8.18zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.333 1.333 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806c.061-.156.095-.32.095-.497V9.318c0-.75-.613-1.363-1.363-1.363"
+    d: "M5.228 16.817v-8.18H2.502v8.18zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.33 1.33 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806q.093-.233.095-.497V9.318c0-.75-.613-1.363-1.363-1.363"
   })), React.createElement("use", {
     fill: "currentColor",
     href: "#".concat(uniqueId),

package/dist/cjs/Icon/ThumbsUpIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbsUpIcon.cjs","sources":["../../../src/Icon/ThumbsUpIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsUpIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M5.228 16.817v-8.18H2.502v8.18zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.333 1.333 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806c.061-.156.095-.32.095-.497V9.318c0-.75-.613-1.363-1.363-1.363\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsUpIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMO,IAAMA,YAAY,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC3C,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAA+R,EACjS,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"ThumbsUpIcon.cjs","sources":["../../../src/Icon/ThumbsUpIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\n/** @deprecated Use `<ThumbsUpIconOn/>` or `<ThumbsUpIconOff/>` */\nexport const ThumbsUpIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M5.228 16.817v-8.18H2.502v8.18zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.33 1.33 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806q.093-.233.095-.497V9.318c0-.75-.613-1.363-1.363-1.363\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsUpIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMA;AACO,IAAMA,YAAY,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC3C,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACxB,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAqR,EACvR,CACG,EACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,OAAOR,oBAACS,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/ThumbsUpOffIcon.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var SVG = require('./subcomponents/SVG/SVG.cjs');
+
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+var ThumbsUpOffIcon = function (props) {
+  var svgContent = React.createElement(React.Fragment, null, React.createElement("path", {
+    fill: "currentColor",
+    d: "M14.776 17.083H6.01v-10l5.529-5.496.705.705q.13.129.215.344.086.213.086.403v.211l-.885 3.833h5.584q.594 0 1.05.456t.456 1.05v1.347q0 .13-.034.28-.033.15-.075.28l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-7.516-1.25h7.516a.4.4 0 0 0 .18-.048.3.3 0 0 0 .14-.16L17.5 10V8.59a.25.25 0 0 0-.072-.184.25.25 0 0 0-.184-.073H10.08l1.045-4.567-3.865 3.85zm-1.25-8.75v1.25H3.333v7.5H6.01v1.25H2.083v-10z"
+  }));
+  return React.createElement(SVG.SVG, tslib.__assign({}, props), svgContent);
+};
+exports.ThumbsUpOffIcon = ThumbsUpOffIcon;
+//# sourceMappingURL=ThumbsUpOffIcon.cjs.map

package/dist/cjs/Icon/ThumbsUpOffIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsUpOffIcon.cjs","sources":["../../../src/Icon/ThumbsUpOffIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsUpOffIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M14.776 17.083H6.01v-10l5.529-5.496.705.705q.13.129.215.344.086.213.086.403v.211l-.885 3.833h5.584q.594 0 1.05.456t.456 1.05v1.347q0 .13-.034.28-.033.15-.075.28l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-7.516-1.25h7.516a.4.4 0 0 0 .18-.048.3.3 0 0 0 .14-.16L17.5 10V8.59a.25.25 0 0 0-.072-.184.25.25 0 0 0-.184-.073H10.08l1.045-4.567-3.865 3.85zm-1.25-8.75v1.25H3.333v7.5H6.01v1.25H2.083v-10z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsUpOffIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMO,IAAMA,eAAe,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC9C,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAqZ,CACvZ,CAEL;EACD,OAAOJ,oBAACK,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/Icon/ThumbsUpOnIcon.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var SVG = require('./subcomponents/SVG/SVG.cjs');
+
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+var ThumbsUpOnIcon = function (props) {
+  var svgContent = React.createElement(React.Fragment, null, React.createElement("path", {
+    fill: "currentColor",
+    d: "M14.776 17.083H6.522v-10l5.53-5.496.704.705q.13.129.216.344.086.213.086.403v.211l-.885 3.833h5.07q.595 0 1.051.456t.456 1.05v1.347a1.6 1.6 0 0 1-.109.56l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-9.504-10v10H2.083v-10z"
+  }));
+  return React.createElement(SVG.SVG, tslib.__assign({}, props), svgContent);
+};
+exports.ThumbsUpOnIcon = ThumbsUpOnIcon;
+//# sourceMappingURL=ThumbsUpOnIcon.cjs.map

package/dist/cjs/Icon/ThumbsUpOnIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsUpOnIcon.cjs","sources":["../../../src/Icon/ThumbsUpOnIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsUpOnIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M14.776 17.083H6.522v-10l5.53-5.496.704.705q.13.129.216.344.086.213.086.403v.211l-.885 3.833h5.07q.595 0 1.051.456t.456 1.05v1.347a1.6 1.6 0 0 1-.109.56l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-9.504-10v10H2.083v-10z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsUpOnIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;;;AAAA;AACA;AAMO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,UAAU,GACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAsO,CACxO,CAEL;EACD,OAAOJ,oBAACK,OAAG,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/cjs/KaizenProvider/KaizenProvider.cjs

@@ -1,26 +1,35 @@
 'use strict';
 
 var React = require('react');
+require('../Notification/InlineNotification/InlineNotification.cjs');
+require('../Notification/GlobalNotification/GlobalNotification.cjs');
+require('../Notification/ToastNotification/ToastNotification/ToastNotification.cjs');
+var ToastNotificationsList = require('../Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs');
+var ToastNotificationContext = require('../Notification/ToastNotification/context/ToastNotificationContext.cjs');
 var FontDefinitions = require('./subcomponents/FontDefinitions/FontDefinitions.cjs');
+var OptionalIntlProvider = require('./subcomponents/OptionalIntlProvider/OptionalIntlProvider.cjs');
 const KaizenProvider = /*#__PURE__*/function () {
   const KaizenProvider = function (_a) {
-    // const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)
-    // const [notificationsList, setNotificationsList] = useState<JSX.Element>()
-    var children = _a.children;
-    _a.locale;
-    // useEffect(() => {
-    //   // SSR does not have a document, which is required for ToastNotificationsList.
-    //   // Await document render before rendering the component.
-    //   if (document !== undefined) {
-    //     setNotificationsList(<ToastNotificationsList />)
-    //     setDocumentIsAvailable(true)
-    //   }
-    // }, [documentIsAvailable])
-    return (
-      // <OptionalIntlProvider locale={locale}>
-      React.createElement(React.Fragment, null, children, React.createElement(FontDefinitions.FontDefinitions, null))
-      // </OptionalIntlProvider>
-    );
+    var children = _a.children,
+      _b = _a.locale,
+      locale = _b === void 0 ? "en" : _b;
+    var _c = React.useState(false),
+      documentIsAvailable = _c[0],
+      setDocumentIsAvailable = _c[1];
+    var _d = React.useState(),
+      notificationsList = _d[0],
+      setNotificationsList = _d[1];
+    React.useEffect(function () {
+      // SSR does not have a document, which is required for ToastNotificationsList.
+      // Await document render before rendering the component.
+      if (document !== undefined) {
+        setNotificationsList(React.createElement(ToastNotificationsList.ToastNotificationsList, null));
+        setDocumentIsAvailable(true);
+      }
+    }, [documentIsAvailable]);
+    return React.createElement(OptionalIntlProvider.OptionalIntlProvider, {
+      locale: locale
+    }, React.createElement(React.Fragment, null, React.createElement(ToastNotificationContext.ToastNotificationProvider, null, notificationsList, children), React.createElement(FontDefinitions.FontDefinitions, null)));
   };
   KaizenProvider.displayName = "KaizenProvider";
   return KaizenProvider;

package/dist/cjs/KaizenProvider/KaizenProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"KaizenProvider.cjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React from \"react\"\n// import { ToastNotificationsList } from \"~components/Notification\"\n// import { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\n// import { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n  children: React.ReactNode\n  locale?: string\n}\n\nexport const KaizenProvider = ({\n  children,\n  locale = \"en\",\n}: KaizenProviderProps): JSX.Element =>\n  // const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)\n  // const [notificationsList, setNotificationsList] = useState<JSX.Element>()\n\n  // useEffect(() => {\n  //   // SSR does not have a document, which is required for ToastNotificationsList.\n  //   // Await document render before rendering the component.\n  //   if (document !== undefined) {\n  //     setNotificationsList(<ToastNotificationsList />)\n  //     setDocumentIsAvailable(true)\n  //   }\n  // }, [documentIsAvailable])\n\n   (\n    // <OptionalIntlProvider locale={locale}>\n      <>\n        {/* <ToastNotificationProvider> */}\n          {/* {notificationsList} */}\n          {children}\n        {/* </ToastNotificationProvider> */}\n        <FontDefinitions />\n      </>\n    // </OptionalIntlProvider>\n  )\n\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","locale","React","createElement","Fragment","FontDefinitions","displayName"],"mappings":";;;;MAWaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;;;IAFpB,IAAAC,QAAQ,cAAA;IACRD,EAAA,CAAAE,MAAa;;;;;;;;;IAcZ;;MAEGC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAGKJ,QAAQ,EAEXE,KAAC,CAAAC,aAAA,CAAAE,+BAAe,OAAG;;;EAPxB,CAUA;EAGHP,cAAc,CAACQ,WAAW,GAAG,gBAAgB;EAAA,OA7BhCR,cAAc;AAAA;"}
+{"version":3,"file":"KaizenProvider.cjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n  children: React.ReactNode\n  locale?: string\n}\n\nexport const KaizenProvider = ({\n  children,\n  locale = \"en\",\n}: KaizenProviderProps): JSX.Element => {\n  const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)\n  const [notificationsList, setNotificationsList] = useState<JSX.Element>()\n\n  useEffect(() => {\n    // SSR does not have a document, which is required for ToastNotificationsList.\n    // Await document render before rendering the component.\n    if (document !== undefined) {\n      setNotificationsList(<ToastNotificationsList />)\n      setDocumentIsAvailable(true)\n    }\n  }, [documentIsAvailable])\n\n  return (\n    <OptionalIntlProvider locale={locale}>\n      <>\n        <ToastNotificationProvider>\n          {notificationsList}\n          {children}\n        </ToastNotificationProvider>\n        <FontDefinitions />\n      </>\n    </OptionalIntlProvider>\n  )\n}\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","_b","locale","_c","useState","documentIsAvailable","setDocumentIsAvailable","_d","notificationsList","setNotificationsList","useEffect","document","undefined","React","createElement","ToastNotificationsList","OptionalIntlProvider","Fragment","ToastNotificationProvider","FontDefinitions","displayName"],"mappings":";;;;;;;;;;MAWaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,MAAa;MAAbA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;IAEP,IAAAE,EAAA,GAAgDC,KAAAA,CAAAA,QAAQ,CAAU,KAAK,CAAC;MAAvEC,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,sBAAsB,GAAAH,EAAA,CAAA,CAAA,CAA4B;IACxE,IAAAI,EAAA,GAA4CH,cAAQ,CAAe,CAAA;MAAlEI,iBAAiB,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAA2B;IAEzEG,KAAAA,CAAAA,SAAS,CAAC,YAAA;;;MAGR,IAAIC,QAAQ,KAAKC,SAAS,EAAE;QAC1BH,oBAAoB,CAACI,KAAA,CAAAC,aAAA,CAACC,sBAAAA,CAAAA,sBAAsB,EAAA,IAAA,CAAG,CAAC;QAChDT,sBAAsB,CAAC,IAAI,CAAC;MAC7B;IACH,CAAC,EAAE,CAACD,mBAAmB,CAAC,CAAC;IAEzB,OACEQ,KAAC,CAAAC,aAAA,CAAAE,oBAAoB,CAAAA,oBAAA,EAAC;MAAAd,MAAM,EAAEA;IAAM,CAAA,EAClCW,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAI,QAAA,EAAA,IAAA,EACEJ,KAAA,CAAAC,aAAA,CAACI,wBAAAA,CAAAA,yBAAyB,EAAA,IAAA,EACvBV,iBAAiB,EACjBR,QAAQ,CACiB,EAC5Ba,KAAA,CAAAC,aAAA,CAACK,eAAAA,CAAAA,eAAe,EAAA,IAAA,CAAG,CAClB,CACkB;EAE3B,CAAC;EAEDrB,cAAc,CAACsB,WAAW,GAAG,gBAAgB;EAAA,OA7BhCtB,cAAc;AAAA;"}

package/dist/cjs/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var i18nReactIntl = require('@cultureamp/i18n-react-intl');
+var reactIntl = require('react-intl');
+const OptionalIntlProvider = /*#__PURE__*/function () {
+  const OptionalIntlProvider = function (_a) {
+    var locale = _a.locale,
+      children = _a.children;
+    var parent = React.useContext(reactIntl.IntlContext);
+    if (parent) return children;
+    return React.createElement(i18nReactIntl.StaticIntlProvider, {
+      locale: locale
+    }, children);
+  };
+  OptionalIntlProvider.displayName = "OptionalIntlProvider";
+  return OptionalIntlProvider;
+}();
+exports.OptionalIntlProvider = OptionalIntlProvider;
+//# sourceMappingURL=OptionalIntlProvider.cjs.map

package/dist/cjs/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalIntlProvider.cjs","sources":["../../../../../src/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.tsx"],"sourcesContent":["import React, { useContext } from \"react\"\nimport { StaticIntlProvider } from \"@cultureamp/i18n-react-intl\"\nimport { IntlContext } from \"react-intl\"\n\ntype Props = {\n  locale: string\n  children: React.ReactElement\n}\nexport const OptionalIntlProvider = ({\n  locale,\n  children,\n}: Props): JSX.Element => {\n  const parent = useContext(IntlContext)\n\n  if (parent) return children\n  return <StaticIntlProvider locale={locale}>{children}</StaticIntlProvider>\n}\n\nOptionalIntlProvider.displayName = \"OptionalIntlProvider\"\n"],"names":["OptionalIntlProvider","_a","locale","children","parent","useContext","IntlContext","React","createElement","StaticIntlProvider","displayName"],"mappings":";;;;;MAQaA,oBAAoB;EAAA,MAApBA,oBAAoB,GAAG,SAAAA,CAACC,EAG7B,EAAA;QAFNC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;IAER,IAAMC,MAAM,GAAGC,gBAAU,CAACC,SAAAA,CAAAA,WAAW,CAAC;IAEtC,IAAIF,MAAM,EAAE,OAAOD,QAAQ;IAC3B,OAAOI,KAAA,CAAAC,aAAA,CAACC,aAAkB,CAAAA,kBAAA,EAAC;MAAAP,MAAM,EAAEA;IAAM,CAAA,EAAGC,QAAQ,CAAsB;EAC5E,CAAC;EAEDH,oBAAoB,CAACU,WAAW,GAAG,sBAAsB;EAAA,OAV5CV,oBAAoB;AAAA;"}

package/dist/cjs/Notification/ToastNotification/context/ToastNotificationContext.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-require('tslib');
+var tslib = require('tslib');
 var React = require('react');
-require('uuid');
+var uuid = require('uuid');
 var ToastNotificationContext = React.createContext(null);
 var useToastNotificationContext = function () {
   var context = React.useContext(ToastNotificationContext);
@@ -11,5 +11,62 @@ var useToastNotificationContext = function () {
   }
   return context;
 };
+const ToastNotificationProvider = /*#__PURE__*/function () {
+  const ToastNotificationProvider = function (_a) {
+    var children = _a.children;
+    var _b = React.useState([]),
+      notifications = _b[0],
+      setNotifications = _b[1];
+    var addToastNotification = function (notification) {
+      var uuid$1 = uuid.v4();
+      var notificationWithId = tslib.__assign({
+        id: uuid$1
+      }, notification);
+      var notificationExists = notifications.find(function (_a) {
+        var id = _a.id;
+        return id === notification.id;
+      });
+      if (!notificationExists) {
+        setNotifications(function (existing) {
+          return tslib.__spreadArray(tslib.__spreadArray([], existing, true), [notificationWithId], false);
+        });
+      }
+    };
+    var updateToastNotification = function (notification) {
+      var notificationIndex = notifications.findIndex(function (_a) {
+        var id = _a.id;
+        return id === notification.id;
+      });
+      var copy = notifications.slice();
+      copy.splice(notificationIndex, 1, notification); // Mutation to insert notification over itself
+      setNotifications(copy);
+    };
+    var removeToastNotification = function (notificationID) {
+      var notificationIndex = notifications.findIndex(function (_a) {
+        var id = _a.id;
+        return id === notificationID;
+      });
+      var copy = notifications.slice();
+      copy.splice(notificationIndex, 1); // Mutation
+      setNotifications(copy);
+    };
+    var clearToastNotifications = function () {
+      setNotifications([]);
+    };
+    var value = {
+      notifications: notifications,
+      addToastNotification: addToastNotification,
+      updateToastNotification: updateToastNotification,
+      removeToastNotification: removeToastNotification,
+      clearToastNotifications: clearToastNotifications
+    };
+    return React.createElement(ToastNotificationContext.Provider, {
+      value: value
+    }, children);
+  };
+  ToastNotificationProvider.displayName = "ToastNotificationProvider";
+  return ToastNotificationProvider;
+}();
+exports.ToastNotificationProvider = ToastNotificationProvider;
 exports.useToastNotificationContext = useToastNotificationContext;
 //# sourceMappingURL=ToastNotificationContext.cjs.map

package/dist/cjs/Notification/ToastNotification/context/ToastNotificationContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastNotificationContext.cjs","sources":["../../../../../src/Notification/ToastNotification/context/ToastNotificationContext.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { ToastNotificationObj } from \"../types\"\n\ntype ToastNotificationObjOptionalId = Omit<ToastNotificationObj, \"id\"> & {\n  id?: string\n}\n\nexport type ToastNotificationContextValue = {\n  notifications: ToastNotificationObj[]\n  addToastNotification: (notification: ToastNotificationObjOptionalId) => void\n  updateToastNotification: (notification: ToastNotificationObj) => void\n  removeToastNotification: (notificationId: string) => void\n  clearToastNotifications: () => void\n}\n\nconst ToastNotificationContext =\n  React.createContext<ToastNotificationContextValue | null>(null)\n\nexport const useToastNotificationContext =\n  (): ToastNotificationContextValue => {\n    const context = useContext(ToastNotificationContext)\n\n    if (!context) {\n      throw new Error(\n        \"useToastNotificationContext must be used within the ToastNotificationContext.Provider\"\n      )\n    }\n\n    return context\n  }\n\ntype ToastNotificationProviderProps = {\n  children: React.ReactNode\n}\n\nexport const ToastNotificationProvider = ({\n  children,\n}: ToastNotificationProviderProps): JSX.Element | null => {\n  const [notifications, setNotifications] = useState<ToastNotificationObj[]>([])\n\n  const addToastNotification: ToastNotificationContextValue[\"addToastNotification\"] =\n    notification => {\n      const uuid = uuidv4()\n      const notificationWithId = { id: uuid, ...notification }\n\n      const notificationExists = notifications.find(\n        ({ id }) => id === notification.id\n      )\n\n      if (!notificationExists) {\n        setNotifications(existing => [...existing, notificationWithId])\n      }\n    }\n\n  const updateToastNotification = (\n    notification: ToastNotificationObj\n  ): void => {\n    const notificationIndex = notifications.findIndex(\n      ({ id }) => id === notification.id\n    )\n\n    const copy = notifications.slice()\n    copy.splice(notificationIndex, 1, notification) // Mutation to insert notification over itself\n    setNotifications(copy)\n  }\n\n  const removeToastNotification = (notificationID: string): void => {\n    const notificationIndex = notifications.findIndex(\n      ({ id }) => id === notificationID\n    )\n    const copy = notifications.slice()\n    copy.splice(notificationIndex, 1) // Mutation\n    setNotifications(copy)\n  }\n\n  const clearToastNotifications = (): void => {\n    setNotifications([])\n  }\n\n  const value = {\n    notifications,\n    addToastNotification,\n    updateToastNotification,\n    removeToastNotification,\n    clearToastNotifications,\n  } satisfies ToastNotificationContextValue\n\n  return (\n    <ToastNotificationContext.Provider value={value}>\n      {children}\n    </ToastNotificationContext.Provider>\n  )\n}\n\nToastNotificationProvider.displayName = \"ToastNotificationProvider\"\n"],"names":["ToastNotificationContext","React","createContext","useToastNotificationContext","context","useContext","Error"],"mappings":";;;;;AAgBA,IAAMA,wBAAwB,GAC5BC,KAAK,CAACC,aAAa,CAAuC,IAAI,CAAC;AAEpD,IAAAC,2BAA2B,GACtC,SAAAA,CAAA,EAAA;EACE,IAAMC,OAAO,GAAGC,gBAAU,CAACL,wBAAwB,CAAC;EAEpD,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,uFAAuF,CACxF;EACF;EAED,OAAOF,OAAO;AAChB,CAAA;"}
+{"version":3,"file":"ToastNotificationContext.cjs","sources":["../../../../../src/Notification/ToastNotification/context/ToastNotificationContext.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { ToastNotificationObj } from \"../types\"\n\ntype ToastNotificationObjOptionalId = Omit<ToastNotificationObj, \"id\"> & {\n  id?: string\n}\n\nexport type ToastNotificationContextValue = {\n  notifications: ToastNotificationObj[]\n  addToastNotification: (notification: ToastNotificationObjOptionalId) => void\n  updateToastNotification: (notification: ToastNotificationObj) => void\n  removeToastNotification: (notificationId: string) => void\n  clearToastNotifications: () => void\n}\n\nconst ToastNotificationContext =\n  React.createContext<ToastNotificationContextValue | null>(null)\n\nexport const useToastNotificationContext =\n  (): ToastNotificationContextValue => {\n    const context = useContext(ToastNotificationContext)\n\n    if (!context) {\n      throw new Error(\n        \"useToastNotificationContext must be used within the ToastNotificationContext.Provider\"\n      )\n    }\n\n    return context\n  }\n\ntype ToastNotificationProviderProps = {\n  children: React.ReactNode\n}\n\nexport const ToastNotificationProvider = ({\n  children,\n}: ToastNotificationProviderProps): JSX.Element | null => {\n  const [notifications, setNotifications] = useState<ToastNotificationObj[]>([])\n\n  const addToastNotification: ToastNotificationContextValue[\"addToastNotification\"] =\n    notification => {\n      const uuid = uuidv4()\n      const notificationWithId = { id: uuid, ...notification }\n\n      const notificationExists = notifications.find(\n        ({ id }) => id === notification.id\n      )\n\n      if (!notificationExists) {\n        setNotifications(existing => [...existing, notificationWithId])\n      }\n    }\n\n  const updateToastNotification = (\n    notification: ToastNotificationObj\n  ): void => {\n    const notificationIndex = notifications.findIndex(\n      ({ id }) => id === notification.id\n    )\n\n    const copy = notifications.slice()\n    copy.splice(notificationIndex, 1, notification) // Mutation to insert notification over itself\n    setNotifications(copy)\n  }\n\n  const removeToastNotification = (notificationID: string): void => {\n    const notificationIndex = notifications.findIndex(\n      ({ id }) => id === notificationID\n    )\n    const copy = notifications.slice()\n    copy.splice(notificationIndex, 1) // Mutation\n    setNotifications(copy)\n  }\n\n  const clearToastNotifications = (): void => {\n    setNotifications([])\n  }\n\n  const value = {\n    notifications,\n    addToastNotification,\n    updateToastNotification,\n    removeToastNotification,\n    clearToastNotifications,\n  } satisfies ToastNotificationContextValue\n\n  return (\n    <ToastNotificationContext.Provider value={value}>\n      {children}\n    </ToastNotificationContext.Provider>\n  )\n}\n\nToastNotificationProvider.displayName = \"ToastNotificationProvider\"\n"],"names":["ToastNotificationContext","React","createContext","useToastNotificationContext","context","useContext","Error","ToastNotificationProvider","_a","children","_b","useState","notifications","setNotifications","addToastNotification","notification","uuid","uuidv4","notificationWithId","id","notificationExists","find","existing","__spreadArray","updateToastNotification","notificationIndex","findIndex","copy","slice","splice","removeToastNotification","notificationID","clearToastNotifications","value","createElement","Provider","displayName"],"mappings":";;;;;AAgBA,IAAMA,wBAAwB,GAC5BC,KAAK,CAACC,aAAa,CAAuC,IAAI,CAAC;AAEpD,IAAAC,2BAA2B,GACtC,SAAAA,CAAA,EAAA;EACE,IAAMC,OAAO,GAAGC,gBAAU,CAACL,wBAAwB,CAAC;EAEpD,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,uFAAuF,CACxF;EACF;EAED,OAAOF,OAAO;AAChB,CAAC;AAAA,MAMUG,yBAAyB;EAAA,MAAzBA,yBAAyB,GAAG,SAAAA,CAACC,EAET,EAAA;IAD/B,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;IAEF,IAAAC,EAAA,GAAoCC,KAAAA,CAAAA,QAAQ,CAAyB,EAAE,CAAC;MAAvEC,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAAwC;IAE9E,IAAMI,oBAAoB,GACxB,SAAAA,CAAAC,YAAY,EAAA;MACV,IAAMC,MAAI,GAAGC,IAAAA,CAAAA,EAAM,EAAE;MACrB,IAAMC,kBAAkB;QAAKC,EAAE,EAAEH;MAAI,CAAK,EAAAD,YAAY,CAAE;MAExD,IAAMK,kBAAkB,GAAGR,aAAa,CAACS,IAAI,CAC3C,UAACb,EAAM,EAAA;QAAJ,IAAAW,EAAE,GAAAX,EAAA,CAAAW,EAAA;QAAO,OAAAA,EAAE,KAAKJ,YAAY,CAACI,EAAE;MAAtB,CAAsB,CACnC;MAED,IAAI,CAACC,kBAAkB,EAAE;QACvBP,gBAAgB,CAAC,UAAAS,QAAQ,EAAI;UAAA,OAAAC,KAAA,CAAAA,aAAA,CAAAA,KAAA,CAAAA,aAAA,CAAA,EAAA,EAAID,QAAQ,EAAA,IAAA,CAAA,EAAA,CAAEJ,kBAAkB,CAAA,EAAA,KAAA,CAAA;QAAC,CAAA,CAAC;MAChE;IACH,CAAC;IAEH,IAAMM,uBAAuB,GAAG,SAAAA,CAC9BT,YAAkC,EAAA;MAElC,IAAMU,iBAAiB,GAAGb,aAAa,CAACc,SAAS,CAC/C,UAAClB,EAAM,EAAA;QAAJ,IAAAW,EAAE,GAAAX,EAAA,CAAAW,EAAA;QAAO,OAAAA,EAAE,KAAKJ,YAAY,CAACI,EAAE;MAAtB,CAAsB,CACnC;MAED,IAAMQ,IAAI,GAAGf,aAAa,CAACgB,KAAK,EAAE;MAClCD,IAAI,CAACE,MAAM,CAACJ,iBAAiB,EAAE,CAAC,EAAEV,YAAY,CAAC,CAAA,CAAA;MAC/CF,gBAAgB,CAACc,IAAI,CAAC;IACxB,CAAC;IAED,IAAMG,uBAAuB,GAAG,SAAAA,CAACC,cAAsB,EAAA;MACrD,IAAMN,iBAAiB,GAAGb,aAAa,CAACc,SAAS,CAC/C,UAAClB,EAAM,EAAA;QAAJ,IAAAW,EAAE,GAAAX,EAAA,CAAAW,EAAA;QAAO,OAAAA,EAAE,KAAKY,cAAc;MAArB,CAAqB,CAClC;MACD,IAAMJ,IAAI,GAAGf,aAAa,CAACgB,KAAK,EAAE;MAClCD,IAAI,CAACE,MAAM,CAACJ,iBAAiB,EAAE,CAAC,CAAC,CAAA,CAAA;MACjCZ,gBAAgB,CAACc,IAAI,CAAC;IACxB,CAAC;IAED,IAAMK,uBAAuB,GAAG,SAAAA,CAAA,EAAA;MAC9BnB,gBAAgB,CAAC,EAAE,CAAC;IACtB,CAAC;IAED,IAAMoB,KAAK,GAAG;MACZrB,aAAa,EAAAA,aAAA;MACbE,oBAAoB,EAAAA,oBAAA;MACpBU,uBAAuB,EAAAA,uBAAA;MACvBM,uBAAuB,EAAAA,uBAAA;MACvBE,uBAAuB,EAAAA;KACgB;IAEzC,OACE/B,KAAA,CAAAiC,aAAA,CAAClC,wBAAwB,CAACmC,QAAQ,EAAA;MAACF,KAAK,EAAEA;KAAK,EAC5CxB,QAAQ,CACyB;EAExC,CAAC;EAEDF,yBAAyB,CAAC6B,WAAW,GAAG,2BAA2B;EAAA,OA3DtD7B,yBAAyB;AAAA;;"}

package/dist/cjs/Tag/Tag.cjs

@@ -1,11 +1,131 @@
 'use strict';
 
+var tslib = require('tslib');
 var React = require('react');
+var classnames = require('classnames');
+var Avatar = require('../Avatar/Avatar.cjs');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var CautionIcon = require('../Icon/CautionIcon.cjs');
+var ClearIcon = require('../Icon/ClearIcon.cjs');
+var ExclamationIcon = require('../Icon/ExclamationIcon.cjs');
+var InformationIcon = require('../Icon/InformationIcon.cjs');
+var LiveIcon = require('../Icon/LiveIcon.cjs');
+var SuccessIcon = require('../Icon/SuccessIcon.cjs');
+var Tag_module = require('./Tag.module.scss.cjs');
+var isJSXElement = function (imageElementOrAvatarProps) {
+  return "props" in imageElementOrAvatarProps;
+};
+var renderAvatar = function (imageElementOrAvatarProps) {
+  return isJSXElement(imageElementOrAvatarProps) ? React.createElement(React.Fragment, null, imageElementOrAvatarProps) : React.createElement(Avatar.Avatar, tslib.__assign({}, imageElementOrAvatarProps, {
+    size: "small"
+  }));
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}
+ */
 const Tag = /*#__PURE__*/function () {
   const Tag = function (props) {
-    var _a = props.variant,
-      variant = _a === void 0 ? "default" : _a;
-    return React.createElement("div", null, "Testing Tag component ", variant);
+    var children = props.children,
+      _a = props.variant,
+      variant = _a === void 0 ? "default" : _a,
+      _b = props.size,
+      size = _b === void 0 ? "medium" : _b,
+      _c = props.inline,
+      inline = _c === void 0 ? false : _c,
+      _d = props.dismissible,
+      dismissible = _d === void 0 ? false : _d,
+      onDismiss = props.onDismiss,
+      onMouseDown = props.onMouseDown,
+      onMouseLeave = props.onMouseLeave,
+      truncateWidth = props.truncateWidth;
+    var isTruncated = truncateWidth && truncateWidth > 0;
+    var canShowIcon = size === "medium";
+    return React.createElement("div", {
+      className: classnames(Tag_module.root, Tag_module[variant], variant === "profile" && Tag_module.default, Tag_module[size], inline && Tag_module.inline, dismissible && Tag_module.dismissible)
+    }, React.createElement("div", {
+      className: Tag_module.layoutContainer
+    }, React.createElement(React.Fragment, null, canShowIcon && function () {
+      switch (props.variant) {
+        case "validationPositive":
+          return React.createElement("span", {
+            className: Tag_module.validationIcon
+          }, React.createElement(SuccessIcon.SuccessIcon, {
+            role: "presentation"
+          }));
+        case "validationNegative":
+          return React.createElement("span", {
+            className: Tag_module.validationIcon
+          }, React.createElement(ExclamationIcon.ExclamationIcon, {
+            role: "presentation"
+          }));
+        case "validationCautionary":
+          return React.createElement("span", {
+            className: Tag_module.validationIcon
+          }, React.createElement(CautionIcon.CautionIcon, {
+            role: "presentation"
+          }));
+        case "validationInformative":
+          return React.createElement("span", {
+            className: Tag_module.validationIcon
+          }, React.createElement(InformationIcon.InformationIcon, {
+            role: "presentation"
+          }));
+        case "profile":
+          return React.createElement("span", {
+            className: Tag_module.profile
+          }, props.avatar && renderAvatar(props.avatar));
+        default:
+          return;
+      }
+    }(), React.createElement("span", {
+      className: classnames(Tag_module.textContent, isTruncated && Tag_module.truncate),
+      style: {
+        maxWidth: isTruncated ? truncateWidth : undefined
+      }
+    }, children), dismissible && React.createElement(React.Fragment, null, React.createElement("button", {
+      type: "button",
+      className: Tag_module.dismissButton,
+      onClick: onDismiss,
+      onMouseDown: onMouseDown,
+      onMouseLeave: onMouseLeave
+    }, React.createElement("div", {
+      className: Tag_module.iconWrapper
+    }, React.createElement(ClearIcon.ClearIcon, {
+      inheritSize: true,
+      role: "img",
+      "aria-label": "Dismiss"
+    })))), variant === "statusLive" && React.createElement("span", {
+      className: Tag_module.liveIcon
+    }, React.createElement(LiveIcon.LiveIcon, {
+      role: "presentation",
+      classNameOverride: Tag_module.liveIcon_base,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), React.createElement(LiveIcon.LiveIcon, {
+      role: "presentation",
+      classNameOverride: Tag_module.liveIcon_1,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), React.createElement(LiveIcon.LiveIcon, {
+      role: "presentation",
+      classNameOverride: Tag_module.liveIcon_2,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), React.createElement(LiveIcon.LiveIcon, {
+      role: "presentation",
+      classNameOverride: Tag_module.liveIcon_3,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    })))));
   };
   Tag.displayName = "Tag";
   return Tag;

package/dist/cjs/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport { AvatarProps } from \"~components/Avatar\"\nimport { TagVariants } from \"./types\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nexport const Tag = (props: TagProps): JSX.Element => {\n  const { variant = \"default\" } = props\n  return <div>Testing Tag component {variant}</div>\n}\n\nTag.displayName = \"Tag\"\n"],"names":["Tag","props","_a","variant","React","createElement","displayName"],"mappings":";;;MAyBaA,GAAG;EAAA,MAAHA,GAAG,GAAG,SAAAA,CAACC,KAAe,EAAA;IACzB,IAAAC,EAAA,GAAwBD,KAAK,CAAVE,OAAA;MAAnBA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA;IAC3B,OAAOE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,4BAA4BF,OAAO,CAAO;EACnD,CAAC;EAEDH,GAAG,CAACM,WAAW,GAAG,KAAK;EAAA,OALVN,GAAG;AAAA;"}
+{"version":3,"file":"Tag.cjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar, AvatarProps } from \"~components/Avatar\"\nimport {\n  CautionIcon,\n  ClearIcon,\n  ExclamationIcon,\n  InformationIcon,\n  LiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { TagVariants } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <>{imageElementOrAvatarProps}</>\n  ) : (\n    <Avatar {...imageElementOrAvatarProps} size=\"small\" />\n  )\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}\n */\nexport const Tag = (props: TagProps): JSX.Element => {\n  const {\n    children,\n    variant = \"default\",\n    size = \"medium\",\n    inline = false,\n    dismissible = false,\n    onDismiss,\n    onMouseDown,\n    onMouseLeave,\n    truncateWidth,\n  } = props\n\n  const isTruncated = truncateWidth && truncateWidth > 0\n  const canShowIcon = size === \"medium\"\n  return (\n    <div\n      className={classnames(\n        styles.root,\n        styles[variant],\n        variant === \"profile\" && styles.default,\n        styles[size],\n        inline && styles.inline,\n        dismissible && styles.dismissible\n      )}\n    >\n      <div className={styles.layoutContainer}>\n        <>\n          {canShowIcon &&\n            ((): JSX.Element | void => {\n              switch (props.variant) {\n                case \"validationPositive\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <SuccessIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationNegative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <ExclamationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationCautionary\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <CautionIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationInformative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <InformationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"profile\":\n                  return (\n                    <span className={styles.profile}>\n                      {props.avatar && renderAvatar(props.avatar)}\n                    </span>\n                  )\n                default:\n                  return\n              }\n            })()}\n          <span\n            className={classnames(\n              styles.textContent,\n              isTruncated && styles.truncate\n            )}\n            style={{\n              maxWidth: isTruncated ? truncateWidth : undefined,\n            }}\n          >\n            {children}\n          </span>\n          {dismissible && (\n            <>\n              <button\n                type=\"button\"\n                className={styles.dismissButton}\n                onClick={onDismiss}\n                onMouseDown={onMouseDown}\n                onMouseLeave={onMouseLeave}\n              >\n                <div className={styles.iconWrapper}>\n                  <ClearIcon inheritSize role=\"img\" aria-label=\"Dismiss\" />\n                </div>\n              </button>\n            </>\n          )}\n          {variant === \"statusLive\" && (\n            <span className={styles.liveIcon}>\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_base}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_1}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_2}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_3}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n            </span>\n          )}\n        </>\n      </div>\n    </div>\n  )\n}\n\nTag.displayName = \"Tag\"\n"],"names":["isJSXElement","imageElementOrAvatarProps","renderAvatar","React","createElement","Fragment","Avatar","__assign","size","Tag","props","children","_a","variant","_b","_c","inline","_d","dismissible","onDismiss","onMouseDown","onMouseLeave","truncateWidth","isTruncated","canShowIcon","className","classnames","styles","root","default","layoutContainer","validationIcon","SuccessIcon","role","ExclamationIcon","CautionIcon","InformationIcon","profile","avatar","textContent","truncate","style","maxWidth","undefined","type","dismissButton","onClick","iconWrapper","ClearIcon","inheritSize","liveIcon","LiveIcon","classNameOverride","liveIcon_base","width","height","viewBox","fill","liveIcon_1","liveIcon_2","liveIcon_3","displayName"],"mappings":"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"}