@kaizen/components 0.0.0-canary-kaio-moduleres-bundler-20240308005620 → 0.0.0-canary-less-gung-ho-20240308011930

package/dist/esm/KaizenProvider/KaizenProvider.mjs

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

package/dist/esm/KaizenProvider/KaizenProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KaizenProvider.mjs","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,QAAQ,CAAU,KAAK,CAAC;MAAvEC,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,sBAAsB,GAAAH,EAAA,CAAA,CAAA,CAA4B;IACxE,IAAAI,EAAA,GAA4CH,QAAQ,CAAe,CAAA;MAAlEI,iBAAiB,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAA2B;IAEzEG,SAAS,CAAC,YAAA;;;MAGR,IAAIC,QAAQ,KAAKC,SAAS,EAAE;QAC1BH,oBAAoB,eAACI,KAAA,CAAAC,aAAA,CAACC,sBAAsB,EAAA,IAAA,CAAG,CAAC;QAChDT,sBAAsB,CAAC,IAAI,CAAC;MAC7B;IACH,CAAC,EAAE,CAACD,mBAAmB,CAAC,CAAC;IAEzB,oBACEQ,KAAC,CAAAC,aAAA,CAAAE,oBAAoB,EAAC;MAAAd,MAAM,EAAEA;IAAM,CAAA,eAClCW,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAI,QAAA,EAAA,IAAA,eACEJ,KAAA,CAAAC,aAAA,CAACI,yBAAyB,EAAA,IAAA,EACvBV,iBAAiB,EACjBR,QAAQ,CACiB,eAC5Ba,KAAA,CAAAC,aAAA,CAACK,eAAe,EAAA,IAAA,CAAG,CAClB,CACkB;EAE3B,CAAC;EAEDrB,cAAc,CAACsB,WAAW,GAAG,gBAAgB;EAAA,OA7BhCtB,cAAc;AAAA;"}
+{"version":3,"file":"KaizenProvider.mjs","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;MAAA;;MAEGC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAGKJ,QAAQ,eAEXE,KAAC,CAAAC,aAAA,CAAAE,eAAe,OAAG;;;EAPxB,CAUA;EAGHP,cAAc,CAACQ,WAAW,GAAG,gBAAgB;EAAA,OA7BhCR,cAAc;AAAA;"}

package/dist/esm/Notification/ToastNotification/context/ToastNotificationContext.mjs

@@ -1,6 +1,6 @@
-import { __assign, __spreadArray } from 'tslib';
-import React, { useContext, useState } from 'react';
-import { v4 } from 'uuid';
+import 'tslib';
+import React, { useContext } from 'react';
+import 'uuid';
 var ToastNotificationContext = /*#__PURE__*/React.createContext(null);
 var useToastNotificationContext = function () {
   var context = useContext(ToastNotificationContext);
@@ -9,61 +9,5 @@ var useToastNotificationContext = function () {
   }
   return context;
 };
-const ToastNotificationProvider = /*#__PURE__*/function () {
-  const ToastNotificationProvider = function (_a) {
-    var children = _a.children;
-    var _b = useState([]),
-      notifications = _b[0],
-      setNotifications = _b[1];
-    var addToastNotification = function (notification) {
-      var uuid = v4();
-      var notificationWithId = __assign({
-        id: uuid
-      }, notification);
-      var notificationExists = notifications.find(function (_a) {
-        var id = _a.id;
-        return id === notification.id;
-      });
-      if (!notificationExists) {
-        setNotifications(function (existing) {
-          return __spreadArray(__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 /*#__PURE__*/React.createElement(ToastNotificationContext.Provider, {
-      value: value
-    }, children);
-  };
-  ToastNotificationProvider.displayName = "ToastNotificationProvider";
-  return ToastNotificationProvider;
-}();
-export { ToastNotificationProvider, useToastNotificationContext };
+export { useToastNotificationContext };
 //# sourceMappingURL=ToastNotificationContext.mjs.map

package/dist/esm/Notification/ToastNotification/context/ToastNotificationContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastNotificationContext.mjs","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":"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"}
+{"version":3,"file":"ToastNotificationContext.mjs","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,gBAC5BC,KAAK,CAACC,aAAa,CAAuC,IAAI,CAAC;AAEpD,IAAAC,2BAA2B,GACtC,SAAAA,CAAA,EAAA;EACE,IAAMC,OAAO,GAAGC,UAAU,CAACL,wBAAwB,CAAC;EAEpD,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,uFAAuF,CACxF;EACF;EAED,OAAOF,OAAO;AAChB,CAAA;"}

package/dist/esm/Tag/Tag.mjs

@@ -1,129 +1,9 @@
-import { __assign } from 'tslib';
 import React from 'react';
-import classnames from 'classnames';
-import { Avatar } from '../Avatar/Avatar.mjs';
-import '../Icon/subcomponents/SVG/SVG.mjs';
-import { CautionIcon } from '../Icon/CautionIcon.mjs';
-import { ClearIcon } from '../Icon/ClearIcon.mjs';
-import { ExclamationIcon } from '../Icon/ExclamationIcon.mjs';
-import { InformationIcon } from '../Icon/InformationIcon.mjs';
-import { LiveIcon } from '../Icon/LiveIcon.mjs';
-import { SuccessIcon } from '../Icon/SuccessIcon.mjs';
-import styles from './Tag.module.scss.mjs';
-var isJSXElement = function (imageElementOrAvatarProps) {
-  return "props" in imageElementOrAvatarProps;
-};
-var renderAvatar = function (imageElementOrAvatarProps) {
-  return isJSXElement(imageElementOrAvatarProps) ? ( /*#__PURE__*/React.createElement(React.Fragment, null, imageElementOrAvatarProps)) : ( /*#__PURE__*/React.createElement(Avatar, __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 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 /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.root, styles[variant], variant === "profile" && styles.default, styles[size], inline && styles.inline, dismissible && styles.dismissible)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.layoutContainer
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, canShowIcon && function () {
-      switch (props.variant) {
-        case "validationPositive":
-          return /*#__PURE__*/React.createElement("span", {
-            className: styles.validationIcon
-          }, /*#__PURE__*/React.createElement(SuccessIcon, {
-            role: "presentation"
-          }));
-        case "validationNegative":
-          return /*#__PURE__*/React.createElement("span", {
-            className: styles.validationIcon
-          }, /*#__PURE__*/React.createElement(ExclamationIcon, {
-            role: "presentation"
-          }));
-        case "validationCautionary":
-          return /*#__PURE__*/React.createElement("span", {
-            className: styles.validationIcon
-          }, /*#__PURE__*/React.createElement(CautionIcon, {
-            role: "presentation"
-          }));
-        case "validationInformative":
-          return /*#__PURE__*/React.createElement("span", {
-            className: styles.validationIcon
-          }, /*#__PURE__*/React.createElement(InformationIcon, {
-            role: "presentation"
-          }));
-        case "profile":
-          return /*#__PURE__*/React.createElement("span", {
-            className: styles.profile
-          }, props.avatar && renderAvatar(props.avatar));
-        default:
-          return;
-      }
-    }(), /*#__PURE__*/React.createElement("span", {
-      className: classnames(styles.textContent, isTruncated && styles.truncate),
-      style: {
-        maxWidth: isTruncated ? truncateWidth : undefined
-      }
-    }, children), dismissible && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: styles.dismissButton,
-      onClick: onDismiss,
-      onMouseDown: onMouseDown,
-      onMouseLeave: onMouseLeave
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.iconWrapper
-    }, /*#__PURE__*/React.createElement(ClearIcon, {
-      inheritSize: true,
-      role: "img",
-      "aria-label": "Dismiss"
-    }))))), variant === "statusLive" && ( /*#__PURE__*/React.createElement("span", {
-      className: styles.liveIcon
-    }, /*#__PURE__*/React.createElement(LiveIcon, {
-      role: "presentation",
-      classNameOverride: styles.liveIcon_base,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none"
-    }), /*#__PURE__*/React.createElement(LiveIcon, {
-      role: "presentation",
-      classNameOverride: styles.liveIcon_1,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none"
-    }), /*#__PURE__*/React.createElement(LiveIcon, {
-      role: "presentation",
-      classNameOverride: styles.liveIcon_2,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none"
-    }), /*#__PURE__*/React.createElement(LiveIcon, {
-      role: "presentation",
-      classNameOverride: styles.liveIcon_3,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none"
-    }))))));
+    var _a = props.variant,
+      variant = _a === void 0 ? "default" : _a;
+    return /*#__PURE__*/React.createElement("div", null, "Testing Tag component ", variant);
   };
   Tag.displayName = "Tag";
   return Tag;

package/dist/esm/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","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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"}
+{"version":3,"file":"Tag.mjs","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,oBAAOE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,4BAA4BF,OAAO,CAAO;EACnD,CAAC;EAEDH,GAAG,CAACM,WAAW,GAAG,KAAK;EAAA,OALVN,GAAG;AAAA;"}

package/dist/esm/dts/Tag/Tag.d.ts

@@ -18,10 +18,6 @@ export interface DefaultTagProps {
     truncateWidth?: number;
 }
 export type TagProps = DefaultTagProps | TagWithAvatarProps;
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}
- */
 export declare const Tag: {
     (props: TagProps): JSX.Element;
     displayName: string;