@usefragments/ui 1.0.0

package/dist/components/Avatar/Avatar.module.scss.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const avatar = "_avatar_77sjc_1";
+const square = "_square_77sjc_15";
+const xs = "_xs_77sjc_19";
+const sm = "_sm_77sjc_25";
+const md = "_md_77sjc_31";
+const lg = "_lg_77sjc_37";
+const xl = "_xl_77sjc_43";
+const image = "_image_77sjc_49";
+const initials = "_initials_77sjc_55";
+const fallbackIcon = "_fallbackIcon_77sjc_62";
+const group = "_group_77sjc_68";
+const groupItem = "_groupItem_77sjc_74";
+const overflow = "_overflow_77sjc_102";
+const styles = {
+  avatar,
+  square,
+  xs,
+  sm,
+  md,
+  lg,
+  xl,
+  image,
+  initials,
+  fallbackIcon,
+  group,
+  groupItem,
+  overflow
+};
+exports.avatar = avatar;
+exports.default = styles;
+exports.fallbackIcon = fallbackIcon;
+exports.group = group;
+exports.groupItem = groupItem;
+exports.image = image;
+exports.initials = initials;
+exports.lg = lg;
+exports.md = md;
+exports.overflow = overflow;
+exports.sm = sm;
+exports.square = square;
+exports.xl = xl;
+exports.xs = xs;

package/dist/components/Avatar/Avatar.module.scss.js

@@ -0,0 +1,44 @@
+const avatar = "_avatar_77sjc_1";
+const square = "_square_77sjc_15";
+const xs = "_xs_77sjc_19";
+const sm = "_sm_77sjc_25";
+const md = "_md_77sjc_31";
+const lg = "_lg_77sjc_37";
+const xl = "_xl_77sjc_43";
+const image = "_image_77sjc_49";
+const initials = "_initials_77sjc_55";
+const fallbackIcon = "_fallbackIcon_77sjc_62";
+const group = "_group_77sjc_68";
+const groupItem = "_groupItem_77sjc_74";
+const overflow = "_overflow_77sjc_102";
+const styles = {
+  avatar,
+  square,
+  xs,
+  sm,
+  md,
+  lg,
+  xl,
+  image,
+  initials,
+  fallbackIcon,
+  group,
+  groupItem,
+  overflow
+};
+export {
+  avatar,
+  styles as default,
+  fallbackIcon,
+  group,
+  groupItem,
+  image,
+  initials,
+  lg,
+  md,
+  overflow,
+  sm,
+  square,
+  xl,
+  xs
+};

package/dist/components/Avatar/index.cjs

@@ -0,0 +1,238 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Avatar_module = require("./Avatar.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function getInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) {
+    return parts[0].charAt(0).toUpperCase();
+  }
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+}
+const FALLBACK_SATURATION_LIGHT = 55;
+const FALLBACK_LIGHTNESS_LIGHT = 42;
+const FALLBACK_SATURATION_DARK = 50;
+const FALLBACK_LIGHTNESS_DARK = 62;
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return Math.abs(hash % 360);
+}
+function stringToColor(str) {
+  const hue = hashString(str);
+  return `light-dark(hsl(${hue} ${FALLBACK_SATURATION_LIGHT}% ${FALLBACK_LIGHTNESS_LIGHT}%), hsl(${hue} ${FALLBACK_SATURATION_DARK}% ${FALLBACK_LIGHTNESS_DARK}%))`;
+}
+function contrastForHsl(h, s, l) {
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = l - c / 2;
+  let r = 0, g = 0, b = 0;
+  if (h < 60) {
+    r = c;
+    g = x;
+  } else if (h < 120) {
+    r = x;
+    g = c;
+  } else if (h < 180) {
+    g = c;
+    b = x;
+  } else if (h < 240) {
+    g = x;
+    b = c;
+  } else if (h < 300) {
+    r = x;
+    b = c;
+  } else {
+    r = c;
+    b = x;
+  }
+  r += m;
+  g += m;
+  b += m;
+  const lin = (v) => v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  const lum = 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+  return lum > 0.179 ? "#000000" : "#ffffff";
+}
+function getContrastTextColor(bgColor) {
+  const ld = bgColor.match(
+    /light-dark\(\s*hsl\((\d+)\s+(\d+)%\s+(\d+)%\)\s*,\s*hsl\((\d+)\s+(\d+)%\s+(\d+)%\)\s*\)/
+  );
+  if (ld) {
+    const lightText = contrastForHsl(
+      parseInt(ld[1]),
+      parseInt(ld[2]) / 100,
+      parseInt(ld[3]) / 100
+    );
+    const darkText = contrastForHsl(
+      parseInt(ld[4]),
+      parseInt(ld[5]) / 100,
+      parseInt(ld[6]) / 100
+    );
+    return lightText === darkText ? lightText : `light-dark(${lightText}, ${darkText})`;
+  }
+  const match = bgColor.match(/hsl\((\d+),\s*(\d+)%,\s*(\d+)%\)/);
+  if (!match) return void 0;
+  return contrastForHsl(
+    parseInt(match[1]),
+    parseInt(match[2]) / 100,
+    parseInt(match[3]) / 100
+  );
+}
+const AvatarBase = React__namespace.forwardRef(
+  function AvatarBase2({
+    src,
+    alt = "",
+    initials,
+    name,
+    size = "md",
+    customSize,
+    shape = "circle",
+    color,
+    imageStyle,
+    imageProps,
+    className,
+    style: styleProp,
+    ...htmlProps
+  }, ref) {
+    const imgRef = React__namespace.useRef(null);
+    const [imageError, setImageError] = React__namespace.useState(false);
+    React__namespace.useEffect(() => {
+      setImageError(false);
+      const img = imgRef.current;
+      if (img && img.complete && img.naturalWidth === 0) {
+        setImageError(true);
+      }
+    }, [src]);
+    const showFallback = !src || imageError;
+    const displayInitials = initials || (name ? getInitials(name) : "");
+    const fallbackColor = color || (name ? stringToColor(name) : void 0);
+    const fallbackLabel = alt || name;
+    const hasFallbackLabel = showFallback && Boolean(fallbackLabel && fallbackLabel.trim().length > 0);
+    const avatarClasses = [
+      Avatar_module.default.avatar,
+      Avatar_module.default[size],
+      shape === "square" && Avatar_module.default.square,
+      className
+    ].filter(Boolean).join(" ");
+    const style = { ...styleProp };
+    if (customSize !== void 0) {
+      const resolvedSize = typeof customSize === "number" ? `${customSize}px` : customSize;
+      style.width = resolvedSize;
+      style.height = resolvedSize;
+      if (style.fontSize === void 0) {
+        style.fontSize = `calc(${resolvedSize} * 0.4)`;
+      }
+    }
+    if (showFallback && fallbackColor) {
+      style.backgroundColor = fallbackColor;
+      const textColor = getContrastTextColor(fallbackColor);
+      if (textColor) {
+        style["--avatar-initials-color"] = textColor;
+      }
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        ...htmlProps,
+        className: avatarClasses,
+        style,
+        role: hasFallbackLabel ? "img" : void 0,
+        "aria-label": hasFallbackLabel ? fallbackLabel : void 0,
+        "aria-hidden": showFallback && !hasFallbackLabel ? true : void 0,
+        children: [
+          !showFallback && /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              ref: imgRef,
+              ...imageProps,
+              src,
+              alt,
+              className: Avatar_module.default.image,
+              onError: (event) => {
+                var _a;
+                (_a = imageProps == null ? void 0 : imageProps.onError) == null ? void 0 : _a.call(imageProps, event);
+                if (!event.defaultPrevented) {
+                  setImageError(true);
+                }
+              },
+              style: { ...imageStyle }
+            }
+          ),
+          showFallback && displayInitials && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Avatar_module.default.initials, children: displayInitials }),
+          showFallback && !displayInitials && /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: Avatar_module.default.fallbackIcon,
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+function AvatarGroup({
+  max,
+  size = "md",
+  children,
+  className,
+  ...htmlProps
+}) {
+  const childArray = React__namespace.Children.toArray(children);
+  const displayCount = max && max < childArray.length ? max : childArray.length;
+  const overflowCount = max && childArray.length > max ? childArray.length - max : 0;
+  const groupClasses = [Avatar_module.default.group, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, className: groupClasses, children: [
+    childArray.slice(0, displayCount).map((child, index) => {
+      if (React__namespace.isValidElement(child)) {
+        return React__namespace.cloneElement(child, {
+          key: index,
+          size: child.props.size || size,
+          className: [Avatar_module.default.groupItem, child.props.className].filter(Boolean).join(" ")
+        });
+      }
+      return child;
+    }),
+    overflowCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: [Avatar_module.default.avatar, Avatar_module.default[size], Avatar_module.default.overflow].join(" "),
+        role: "img",
+        "aria-label": `${overflowCount} more ${overflowCount === 1 ? "person" : "people"}`,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Avatar_module.default.initials, "aria-hidden": "true", children: [
+          "+",
+          overflowCount
+        ] })
+      }
+    )
+  ] });
+}
+const Avatar = Object.assign(AvatarBase, {
+  Group: AvatarGroup
+});
+exports.Avatar = Avatar;

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Avatar for user photos, initials, or placeholder icons.
+ * @see https://usefragments.com/components/avatar
+ */
+export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image */
+    alt?: string;
+    /** Fallback initials (1-2 characters recommended) */
+    initials?: string;
+    /** Full name - used to generate initials if not provided */
+    name?: string;
+    /** Size variant */
+    size?: AvatarSize;
+    /** Custom avatar size (overrides size width/height) */
+    customSize?: number | string;
+    /** Shape variant */
+    shape?: 'circle' | 'square';
+    /** Custom background color for fallback */
+    color?: string;
+    /** Inline style for the underlying image element */
+    imageStyle?: React.CSSProperties;
+    /** Additional props for the underlying img element */
+    imageProps?: Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'className' | 'style'>;
+}
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Maximum number of avatars to display */
+    max?: number;
+    /** Size for all avatars in the group */
+    size?: AvatarSize;
+    /** Children (Avatar components) */
+    children: React.ReactNode;
+}
+declare function AvatarGroup({ max, size, children, className, ...htmlProps }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> & {
+    Group: typeof AvatarGroup;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,oBAAoB;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,sDAAsD;IACtD,UAAU,CAAC,EAAE,IAAI,CACf,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,OAAO,CACtC,CAAC;CACH;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA0ND,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CA8BlB;AAMD,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/dist/components/Avatar/index.js

@@ -0,0 +1,221 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Avatar.module.scss.js";
+function getInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) {
+    return parts[0].charAt(0).toUpperCase();
+  }
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+}
+const FALLBACK_SATURATION_LIGHT = 55;
+const FALLBACK_LIGHTNESS_LIGHT = 42;
+const FALLBACK_SATURATION_DARK = 50;
+const FALLBACK_LIGHTNESS_DARK = 62;
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return Math.abs(hash % 360);
+}
+function stringToColor(str) {
+  const hue = hashString(str);
+  return `light-dark(hsl(${hue} ${FALLBACK_SATURATION_LIGHT}% ${FALLBACK_LIGHTNESS_LIGHT}%), hsl(${hue} ${FALLBACK_SATURATION_DARK}% ${FALLBACK_LIGHTNESS_DARK}%))`;
+}
+function contrastForHsl(h, s, l) {
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = l - c / 2;
+  let r = 0, g = 0, b = 0;
+  if (h < 60) {
+    r = c;
+    g = x;
+  } else if (h < 120) {
+    r = x;
+    g = c;
+  } else if (h < 180) {
+    g = c;
+    b = x;
+  } else if (h < 240) {
+    g = x;
+    b = c;
+  } else if (h < 300) {
+    r = x;
+    b = c;
+  } else {
+    r = c;
+    b = x;
+  }
+  r += m;
+  g += m;
+  b += m;
+  const lin = (v) => v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  const lum = 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+  return lum > 0.179 ? "#000000" : "#ffffff";
+}
+function getContrastTextColor(bgColor) {
+  const ld = bgColor.match(
+    /light-dark\(\s*hsl\((\d+)\s+(\d+)%\s+(\d+)%\)\s*,\s*hsl\((\d+)\s+(\d+)%\s+(\d+)%\)\s*\)/
+  );
+  if (ld) {
+    const lightText = contrastForHsl(
+      parseInt(ld[1]),
+      parseInt(ld[2]) / 100,
+      parseInt(ld[3]) / 100
+    );
+    const darkText = contrastForHsl(
+      parseInt(ld[4]),
+      parseInt(ld[5]) / 100,
+      parseInt(ld[6]) / 100
+    );
+    return lightText === darkText ? lightText : `light-dark(${lightText}, ${darkText})`;
+  }
+  const match = bgColor.match(/hsl\((\d+),\s*(\d+)%,\s*(\d+)%\)/);
+  if (!match) return void 0;
+  return contrastForHsl(
+    parseInt(match[1]),
+    parseInt(match[2]) / 100,
+    parseInt(match[3]) / 100
+  );
+}
+const AvatarBase = React.forwardRef(
+  function AvatarBase2({
+    src,
+    alt = "",
+    initials,
+    name,
+    size = "md",
+    customSize,
+    shape = "circle",
+    color,
+    imageStyle,
+    imageProps,
+    className,
+    style: styleProp,
+    ...htmlProps
+  }, ref) {
+    const imgRef = React.useRef(null);
+    const [imageError, setImageError] = React.useState(false);
+    React.useEffect(() => {
+      setImageError(false);
+      const img = imgRef.current;
+      if (img && img.complete && img.naturalWidth === 0) {
+        setImageError(true);
+      }
+    }, [src]);
+    const showFallback = !src || imageError;
+    const displayInitials = initials || (name ? getInitials(name) : "");
+    const fallbackColor = color || (name ? stringToColor(name) : void 0);
+    const fallbackLabel = alt || name;
+    const hasFallbackLabel = showFallback && Boolean(fallbackLabel && fallbackLabel.trim().length > 0);
+    const avatarClasses = [
+      styles.avatar,
+      styles[size],
+      shape === "square" && styles.square,
+      className
+    ].filter(Boolean).join(" ");
+    const style = { ...styleProp };
+    if (customSize !== void 0) {
+      const resolvedSize = typeof customSize === "number" ? `${customSize}px` : customSize;
+      style.width = resolvedSize;
+      style.height = resolvedSize;
+      if (style.fontSize === void 0) {
+        style.fontSize = `calc(${resolvedSize} * 0.4)`;
+      }
+    }
+    if (showFallback && fallbackColor) {
+      style.backgroundColor = fallbackColor;
+      const textColor = getContrastTextColor(fallbackColor);
+      if (textColor) {
+        style["--avatar-initials-color"] = textColor;
+      }
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        ...htmlProps,
+        className: avatarClasses,
+        style,
+        role: hasFallbackLabel ? "img" : void 0,
+        "aria-label": hasFallbackLabel ? fallbackLabel : void 0,
+        "aria-hidden": showFallback && !hasFallbackLabel ? true : void 0,
+        children: [
+          !showFallback && /* @__PURE__ */ jsx(
+            "img",
+            {
+              ref: imgRef,
+              ...imageProps,
+              src,
+              alt,
+              className: styles.image,
+              onError: (event) => {
+                var _a;
+                (_a = imageProps == null ? void 0 : imageProps.onError) == null ? void 0 : _a.call(imageProps, event);
+                if (!event.defaultPrevented) {
+                  setImageError(true);
+                }
+              },
+              style: { ...imageStyle }
+            }
+          ),
+          showFallback && displayInitials && /* @__PURE__ */ jsx("span", { className: styles.initials, children: displayInitials }),
+          showFallback && !displayInitials && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: styles.fallbackIcon,
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+function AvatarGroup({
+  max,
+  size = "md",
+  children,
+  className,
+  ...htmlProps
+}) {
+  const childArray = React.Children.toArray(children);
+  const displayCount = max && max < childArray.length ? max : childArray.length;
+  const overflowCount = max && childArray.length > max ? childArray.length - max : 0;
+  const groupClasses = [styles.group, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: groupClasses, children: [
+    childArray.slice(0, displayCount).map((child, index) => {
+      if (React.isValidElement(child)) {
+        return React.cloneElement(child, {
+          key: index,
+          size: child.props.size || size,
+          className: [styles.groupItem, child.props.className].filter(Boolean).join(" ")
+        });
+      }
+      return child;
+    }),
+    overflowCount > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: [styles.avatar, styles[size], styles.overflow].join(" "),
+        role: "img",
+        "aria-label": `${overflowCount} more ${overflowCount === 1 ? "person" : "people"}`,
+        children: /* @__PURE__ */ jsxs("span", { className: styles.initials, "aria-hidden": "true", children: [
+          "+",
+          overflowCount
+        ] })
+      }
+    )
+  ] });
+}
+const Avatar = Object.assign(AvatarBase, {
+  Group: AvatarGroup
+});
+export {
+  Avatar
+};

package/dist/components/Badge/Badge.module.scss.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const badge = "_badge_1p6i7_1";
+const sm = "_sm_1p6i7_14";
+const md = "_md_1p6i7_19";
+const lg = "_lg_1p6i7_24";
+const success = "_success_1p6i7_34";
+const warning = "_warning_1p6i7_39";
+const error = "_error_1p6i7_44";
+const info = "_info_1p6i7_49";
+const outline = "_outline_1p6i7_54";
+const label = "_label_1p6i7_60";
+const dim = "_dim_1p6i7_71";
+const active = "_active_1p6i7_82";
+const dot = "_dot_1p6i7_88";
+const icon = "_icon_1p6i7_100";
+const remove = "_remove_1p6i7_105";
+const styles = {
+  badge,
+  sm,
+  md,
+  lg,
+  "default": "_default_1p6i7_29",
+  success,
+  warning,
+  error,
+  info,
+  outline,
+  label,
+  dim,
+  active,
+  dot,
+  icon,
+  remove
+};
+exports.active = active;
+exports.badge = badge;
+exports.default = styles;
+exports.dim = dim;
+exports.dot = dot;
+exports.error = error;
+exports.icon = icon;
+exports.info = info;
+exports.label = label;
+exports.lg = lg;
+exports.md = md;
+exports.outline = outline;
+exports.remove = remove;
+exports.sm = sm;
+exports.success = success;
+exports.warning = warning;

package/dist/components/Badge/Badge.module.scss.js

@@ -0,0 +1,51 @@
+const badge = "_badge_1p6i7_1";
+const sm = "_sm_1p6i7_14";
+const md = "_md_1p6i7_19";
+const lg = "_lg_1p6i7_24";
+const success = "_success_1p6i7_34";
+const warning = "_warning_1p6i7_39";
+const error = "_error_1p6i7_44";
+const info = "_info_1p6i7_49";
+const outline = "_outline_1p6i7_54";
+const label = "_label_1p6i7_60";
+const dim = "_dim_1p6i7_71";
+const active = "_active_1p6i7_82";
+const dot = "_dot_1p6i7_88";
+const icon = "_icon_1p6i7_100";
+const remove = "_remove_1p6i7_105";
+const styles = {
+  badge,
+  sm,
+  md,
+  lg,
+  "default": "_default_1p6i7_29",
+  success,
+  warning,
+  error,
+  info,
+  outline,
+  label,
+  dim,
+  active,
+  dot,
+  icon,
+  remove
+};
+export {
+  active,
+  badge,
+  styles as default,
+  dim,
+  dot,
+  error,
+  icon,
+  info,
+  label,
+  lg,
+  md,
+  outline,
+  remove,
+  sm,
+  success,
+  warning
+};