@kaizen/components 0.0.0-canary-no-optint-or-toast-20240308001132 → 0.0.0-canary-less-gung-ho-20240308011930

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-no-optint-or-toast-20240308001132",
+  "version": "0.0.0-canary-less-gung-ho-20240308011930",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",

package/src/Tag/Tag.tsx

@@ -1,16 +1,6 @@
 import React from "react"
-import classnames from "classnames"
-import { Avatar, AvatarProps } from "~components/Avatar"
-import {
-  CautionIcon,
-  ClearIcon,
-  ExclamationIcon,
-  InformationIcon,
-  LiveIcon,
-  SuccessIcon,
-} from "~components/Icon"
+import { AvatarProps } from "~components/Avatar"
 import { TagVariants } from "./types"
-import styles from "./Tag.module.scss"
 
 export type TagWithAvatarProps = Omit<DefaultTagProps, "variant"> & {
   variant: "profile"
@@ -33,155 +23,9 @@ export interface DefaultTagProps {
 
 export type TagProps = DefaultTagProps | TagWithAvatarProps
 
-const isJSXElement = (
-  imageElementOrAvatarProps: JSX.Element | AvatarProps
-): imageElementOrAvatarProps is JSX.Element =>
-  "props" in imageElementOrAvatarProps
-
-const renderAvatar = (
-  imageElementOrAvatarProps: JSX.Element | AvatarProps
-): JSX.Element =>
-  isJSXElement(imageElementOrAvatarProps) ? (
-    <>{imageElementOrAvatarProps}</>
-  ) : (
-    <Avatar {...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}
- */
 export const Tag = (props: TagProps): JSX.Element => {
-  const {
-    children,
-    variant = "default",
-    size = "medium",
-    inline = false,
-    dismissible = false,
-    onDismiss,
-    onMouseDown,
-    onMouseLeave,
-    truncateWidth,
-  } = props
-
-  const isTruncated = truncateWidth && truncateWidth > 0
-  const canShowIcon = size === "medium"
-  return (
-    <div
-      className={classnames(
-        styles.root,
-        styles[variant],
-        variant === "profile" && styles.default,
-        styles[size],
-        inline && styles.inline,
-        dismissible && styles.dismissible
-      )}
-    >
-      <div className={styles.layoutContainer}>
-        <>
-          {canShowIcon &&
-            ((): JSX.Element | void => {
-              switch (props.variant) {
-                case "validationPositive":
-                  return (
-                    <span className={styles.validationIcon}>
-                      <SuccessIcon role="presentation" />
-                    </span>
-                  )
-                case "validationNegative":
-                  return (
-                    <span className={styles.validationIcon}>
-                      <ExclamationIcon role="presentation" />
-                    </span>
-                  )
-                case "validationCautionary":
-                  return (
-                    <span className={styles.validationIcon}>
-                      <CautionIcon role="presentation" />
-                    </span>
-                  )
-                case "validationInformative":
-                  return (
-                    <span className={styles.validationIcon}>
-                      <InformationIcon role="presentation" />
-                    </span>
-                  )
-                case "profile":
-                  return (
-                    <span className={styles.profile}>
-                      {props.avatar && renderAvatar(props.avatar)}
-                    </span>
-                  )
-                default:
-                  return
-              }
-            })()}
-          <span
-            className={classnames(
-              styles.textContent,
-              isTruncated && styles.truncate
-            )}
-            style={{
-              maxWidth: isTruncated ? truncateWidth : undefined,
-            }}
-          >
-            {children}
-          </span>
-          {dismissible && (
-            <>
-              <button
-                type="button"
-                className={styles.dismissButton}
-                onClick={onDismiss}
-                onMouseDown={onMouseDown}
-                onMouseLeave={onMouseLeave}
-              >
-                <div className={styles.iconWrapper}>
-                  <ClearIcon inheritSize role="img" aria-label="Dismiss" />
-                </div>
-              </button>
-            </>
-          )}
-          {variant === "statusLive" && (
-            <span className={styles.liveIcon}>
-              <LiveIcon
-                role="presentation"
-                classNameOverride={styles.liveIcon_base}
-                width="16"
-                height="16"
-                viewBox="0 0 16 16"
-                fill="none"
-              />
-              <LiveIcon
-                role="presentation"
-                classNameOverride={styles.liveIcon_1}
-                width="16"
-                height="16"
-                viewBox="0 0 16 16"
-                fill="none"
-              />
-              <LiveIcon
-                role="presentation"
-                classNameOverride={styles.liveIcon_2}
-                width="16"
-                height="16"
-                viewBox="0 0 16 16"
-                fill="none"
-              />
-              <LiveIcon
-                role="presentation"
-                classNameOverride={styles.liveIcon_3}
-                width="16"
-                height="16"
-                viewBox="0 0 16 16"
-                fill="none"
-              />
-            </span>
-          )}
-        </>
-      </div>
-    </div>
-  )
+  const { variant = "default" } = props
+  return <div>Testing Tag component {variant}</div>
 }
 
 Tag.displayName = "Tag"

package/dist/cjs/Tag/Tag.module.scss.cjs

@@ -1,38 +0,0 @@
-'use strict';
-
-var styles = {
-  "root": "Tag-module_root__uRhoc",
-  "profile": "Tag-module_profile__OoGsS",
-  "layoutContainer": "Tag-module_layoutContainer__pBLSz",
-  "validationIcon": "Tag-module_validationIcon__B-YLv",
-  "textContent": "Tag-module_textContent__q76X-",
-  "iconWrapper": "Tag-module_iconWrapper__aPrKH",
-  "dismissButton": "Tag-module_dismissButton__rHv7r",
-  "background": "Tag-module_background__LkzGB",
-  "truncate": "Tag-module_truncate__5w7HW",
-  "inline": "Tag-module_inline__pPM-d",
-  "medium": "Tag-module_medium__NkOrv",
-  "small": "Tag-module_small__-xyNk",
-  "default": "Tag-module_default__6PVke",
-  "sentimentPositive": "Tag-module_sentimentPositive__nbqE1",
-  "sentimentNeutral": "Tag-module_sentimentNeutral__8BtD8",
-  "sentimentNegative": "Tag-module_sentimentNegative__1J85t",
-  "sentimentNone": "Tag-module_sentimentNone__8BWjU",
-  "validationPositive": "Tag-module_validationPositive__vgFUE",
-  "validationInformative": "Tag-module_validationInformative__bnJ4A",
-  "validationNegative": "Tag-module_validationNegative__lZgIY",
-  "validationCautionary": "Tag-module_validationCautionary__ERS2t",
-  "statusLive": "Tag-module_statusLive__xG48w",
-  "statusAction": "Tag-module_statusAction__woL-O",
-  "statusClosed": "Tag-module_statusClosed__VhZP-",
-  "statusDraft": "Tag-module_statusDraft__9QZDv",
-  "liveIcon": "Tag-module_liveIcon__URtak",
-  "liveIcon_base": "Tag-module_liveIcon_base__Nk5um",
-  "liveIcon_1": "Tag-module_liveIcon_1__STFJY",
-  "liveIcon_2": "Tag-module_liveIcon_2__rko-D",
-  "liveIcon_3": "Tag-module_liveIcon_3__fL71y",
-  "pulse-inner": "Tag-module_pulse-inner__0-JFL",
-  "pulse-outer": "Tag-module_pulse-outer__f9Oox"
-};
-module.exports = styles;
-//# sourceMappingURL=Tag.module.scss.cjs.map

package/dist/cjs/Tag/Tag.module.scss.cjs.map

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

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

@@ -1,36 +0,0 @@
-var styles = {
-  "root": "Tag-module_root__uRhoc",
-  "profile": "Tag-module_profile__OoGsS",
-  "layoutContainer": "Tag-module_layoutContainer__pBLSz",
-  "validationIcon": "Tag-module_validationIcon__B-YLv",
-  "textContent": "Tag-module_textContent__q76X-",
-  "iconWrapper": "Tag-module_iconWrapper__aPrKH",
-  "dismissButton": "Tag-module_dismissButton__rHv7r",
-  "background": "Tag-module_background__LkzGB",
-  "truncate": "Tag-module_truncate__5w7HW",
-  "inline": "Tag-module_inline__pPM-d",
-  "medium": "Tag-module_medium__NkOrv",
-  "small": "Tag-module_small__-xyNk",
-  "default": "Tag-module_default__6PVke",
-  "sentimentPositive": "Tag-module_sentimentPositive__nbqE1",
-  "sentimentNeutral": "Tag-module_sentimentNeutral__8BtD8",
-  "sentimentNegative": "Tag-module_sentimentNegative__1J85t",
-  "sentimentNone": "Tag-module_sentimentNone__8BWjU",
-  "validationPositive": "Tag-module_validationPositive__vgFUE",
-  "validationInformative": "Tag-module_validationInformative__bnJ4A",
-  "validationNegative": "Tag-module_validationNegative__lZgIY",
-  "validationCautionary": "Tag-module_validationCautionary__ERS2t",
-  "statusLive": "Tag-module_statusLive__xG48w",
-  "statusAction": "Tag-module_statusAction__woL-O",
-  "statusClosed": "Tag-module_statusClosed__VhZP-",
-  "statusDraft": "Tag-module_statusDraft__9QZDv",
-  "liveIcon": "Tag-module_liveIcon__URtak",
-  "liveIcon_base": "Tag-module_liveIcon_base__Nk5um",
-  "liveIcon_1": "Tag-module_liveIcon_1__STFJY",
-  "liveIcon_2": "Tag-module_liveIcon_2__rko-D",
-  "liveIcon_3": "Tag-module_liveIcon_3__fL71y",
-  "pulse-inner": "Tag-module_pulse-inner__0-JFL",
-  "pulse-outer": "Tag-module_pulse-outer__f9Oox"
-};
-export { styles as default };
-//# sourceMappingURL=Tag.module.scss.mjs.map

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

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