@gobolt/genesis 0.1.6 → 0.2.1

package/dist/components/Avatar/styles.js

@@ -1,328 +1,9 @@
-import { d as re } from "../../styled-components.browser.esm-C47QHsU4.js";
-import * as o from "react";
-import { c as M } from "../../presets-CSXMiWyc.js";
-import { R as ne } from "../../index-CzMIlMTV.js";
-import { g as se, m as ae, j as ie, f as ce, q as le, C as D } from "../../CSSMotionList-DB0khM6h.js";
-import { u as de, r as me } from "../../useBreakpoint-ByLol0R9.js";
-import { d as X } from "../../index-DCopujxC.js";
-import { u as q } from "../../useCSSVarCls-YfJY1twF.js";
-import { u as pe } from "../../useSize-Ct1guc-z.js";
-import { t as ge } from "../../toArray-D5kvYi_U.js";
-import { c as ue } from "../../reactNode-sKPeiqPL.js";
-import { a as ve } from "../../index-BZ050Dyl.js";
-const B = /* @__PURE__ */ o.createContext({}), fe = (e) => {
-  const {
-    antCls: r,
-    componentCls: n,
-    iconCls: t,
-    avatarBg: a,
-    avatarColor: z,
-    containerSize: h,
-    containerSizeLG: y,
-    containerSizeSM: f,
-    textFontSize: u,
-    textFontSizeLG: x,
-    textFontSizeSM: w,
-    borderRadius: v,
-    borderRadiusLG: m,
-    borderRadiusSM: O,
-    lineWidth: k,
-    lineType: A
-  } = e, E = (s, p, P) => ({
-    width: s,
-    height: s,
-    borderRadius: "50%",
-    [`&${n}-square`]: {
-      borderRadius: P
-    },
-    [`&${n}-icon`]: {
-      fontSize: p,
-      [`> ${t}`]: {
-        margin: 0
-      }
-    }
-  });
-  return {
-    [n]: Object.assign(Object.assign(Object.assign(Object.assign({}, ie(e)), {
-      position: "relative",
-      display: "inline-flex",
-      justifyContent: "center",
-      alignItems: "center",
-      overflow: "hidden",
-      color: z,
-      whiteSpace: "nowrap",
-      textAlign: "center",
-      verticalAlign: "middle",
-      background: a,
-      border: `${ce(k)} ${A} transparent`,
-      "&-image": {
-        background: "transparent"
-      },
-      [`${r}-image-img`]: {
-        display: "block"
-      }
-    }), E(h, u, v)), {
-      "&-lg": Object.assign({}, E(y, x, m)),
-      "&-sm": Object.assign({}, E(f, w, O)),
-      "> img": {
-        display: "block",
-        width: "100%",
-        height: "100%",
-        objectFit: "cover"
-      }
-    })
-  };
-}, Se = (e) => {
-  const {
-    componentCls: r,
-    groupBorderColor: n,
-    groupOverlapping: t,
-    groupSpace: a
-  } = e;
-  return {
-    [`${r}-group`]: {
-      display: "inline-flex",
-      [r]: {
-        borderColor: n
-      },
-      "> *:not(:first-child)": {
-        marginInlineStart: t
-      }
-    },
-    [`${r}-group-popover`]: {
-      [`${r} + ${r}`]: {
-        marginInlineStart: a
-      }
-    }
-  };
-}, he = (e) => {
-  const {
-    controlHeight: r,
-    controlHeightLG: n,
-    controlHeightSM: t,
-    fontSize: a,
-    fontSizeLG: z,
-    fontSizeXL: h,
-    fontSizeHeading3: y,
-    marginXS: f,
-    marginXXS: u,
-    colorBorderBg: x
-  } = e;
-  return {
-    containerSize: r,
-    containerSizeLG: n,
-    containerSizeSM: t,
-    textFontSize: Math.round((z + h) / 2),
-    textFontSizeLG: y,
-    textFontSizeSM: a,
-    groupSpace: u,
-    groupOverlapping: -f,
-    groupBorderColor: x
-  };
-}, U = se("Avatar", (e) => {
-  const {
-    colorTextLightSolid: r,
-    colorTextPlaceholder: n
-  } = e, t = ae(e, {
-    avatarBg: n,
-    avatarColor: r
-  });
-  return [fe(t), Se(t)];
-}, he);
-var ye = function(e, r) {
-  var n = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (n[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, t = Object.getOwnPropertySymbols(e); a < t.length; a++)
-    r.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (n[t[a]] = e[t[a]]);
-  return n;
-};
-const xe = (e, r) => {
-  const [n, t] = o.useState(1), [a, z] = o.useState(!1), [h, y] = o.useState(!0), f = o.useRef(null), u = o.useRef(null), x = le(r, f), {
-    getPrefixCls: w,
-    avatar: v
-  } = o.useContext(D), m = o.useContext(B), O = () => {
-    if (!u.current || !f.current)
-      return;
-    const i = u.current.offsetWidth, l = f.current.offsetWidth;
-    if (i !== 0 && l !== 0) {
-      const {
-        gap: S = 4
-      } = e;
-      S * 2 < l && t(l - S * 2 < i ? (l - S * 2) / i : 1);
-    }
-  };
-  o.useEffect(() => {
-    z(!0);
-  }, []), o.useEffect(() => {
-    y(!0), t(1);
-  }, [e.src]), o.useEffect(O, [e.gap]);
-  const k = () => {
-    const {
-      onError: i
-    } = e;
-    (i == null ? void 0 : i()) !== !1 && y(!1);
-  }, {
-    prefixCls: A,
-    shape: E,
-    size: s,
-    src: p,
-    srcSet: P,
-    icon: g,
-    className: G,
-    rootClassName: V,
-    alt: L,
-    draggable: I,
-    children: C,
-    crossOrigin: N
-  } = e, b = ye(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), c = pe((i) => {
-    var l, S;
-    return (S = (l = s ?? (m == null ? void 0 : m.size)) !== null && l !== void 0 ? l : i) !== null && S !== void 0 ? S : "default";
-  }), $ = Object.keys(typeof c == "object" ? c || {} : {}).some((i) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(i)), j = de($), _ = o.useMemo(() => {
-    if (typeof c != "object")
-      return {};
-    const i = me.find((S) => j[S]), l = c[i];
-    return l ? {
-      width: l,
-      height: l,
-      fontSize: l && (g || C) ? l / 2 : 18
-    } : {};
-  }, [j, c]);
-  if (process.env.NODE_ENV !== "production") {
-    const i = X("Avatar");
-    process.env.NODE_ENV !== "production" && i(!(typeof g == "string" && g.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${g}\` at https://ant.design/components/icon`);
-  }
-  const d = w("avatar", A), T = q(d), [K, Q, Y] = U(d, T), Z = M({
-    [`${d}-lg`]: c === "large",
-    [`${d}-sm`]: c === "small"
-  }), W = /* @__PURE__ */ o.isValidElement(p), ee = E || (m == null ? void 0 : m.shape) || "circle", te = M(d, Z, v == null ? void 0 : v.className, `${d}-${ee}`, {
-    [`${d}-image`]: W || p && h,
-    [`${d}-icon`]: !!g
-  }, Y, T, G, V, Q), oe = typeof c == "number" ? {
-    width: c,
-    height: c,
-    fontSize: g ? c / 2 : 18
-  } : {};
-  let R;
-  if (typeof p == "string" && h)
-    R = /* @__PURE__ */ o.createElement("img", {
-      src: p,
-      draggable: I,
-      srcSet: P,
-      onError: k,
-      alt: L,
-      crossOrigin: N
-    });
-  else if (W)
-    R = p;
-  else if (g)
-    R = g;
-  else if (a || n !== 1) {
-    const i = `scale(${n})`, l = {
-      msTransform: i,
-      WebkitTransform: i,
-      transform: i
-    };
-    R = /* @__PURE__ */ o.createElement(ne, {
-      onResize: O
-    }, /* @__PURE__ */ o.createElement("span", {
-      className: `${d}-string`,
-      ref: u,
-      style: Object.assign({}, l)
-    }, C));
-  } else
-    R = /* @__PURE__ */ o.createElement("span", {
-      className: `${d}-string`,
-      style: {
-        opacity: 0
-      },
-      ref: u
-    }, C);
-  return delete b.onError, delete b.gap, K(/* @__PURE__ */ o.createElement("span", Object.assign({}, b, {
-    style: Object.assign(Object.assign(Object.assign(Object.assign({}, oe), _), v == null ? void 0 : v.style), b.style),
-    className: te,
-    ref: x
-  }), R));
-}, F = /* @__PURE__ */ o.forwardRef(xe);
-process.env.NODE_ENV !== "production" && (F.displayName = "Avatar");
-const H = (e) => {
-  const {
-    size: r,
-    shape: n
-  } = o.useContext(B), t = o.useMemo(() => ({
-    size: e.size || r,
-    shape: e.shape || n
-  }), [e.size, e.shape, r, n]);
-  return /* @__PURE__ */ o.createElement(B.Provider, {
-    value: t
-  }, e.children);
-}, Ce = (e) => {
-  var r, n, t, a;
-  const {
-    getPrefixCls: z,
-    direction: h
-  } = o.useContext(D), {
-    prefixCls: y,
-    className: f,
-    rootClassName: u,
-    style: x,
-    maxCount: w,
-    maxStyle: v,
-    size: m,
-    shape: O,
-    maxPopoverPlacement: k,
-    maxPopoverTrigger: A,
-    children: E,
-    max: s
-  } = e;
-  if (process.env.NODE_ENV !== "production") {
-    const c = X("Avatar.Group");
-    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach(($) => {
-      let [j, _] = $;
-      c.deprecated(!(j in e), j, _);
-    });
-  }
-  const p = z("avatar", y), P = `${p}-group`, g = q(p), [G, V, L] = U(p, g), I = M(P, {
-    [`${P}-rtl`]: h === "rtl"
-  }, L, g, f, u, V), C = ge(E).map((c, $) => ue(c, {
-    // eslint-disable-next-line react/no-array-index-key
-    key: `avatar-key-${$}`
-  })), N = (s == null ? void 0 : s.count) || w, b = C.length;
-  if (N && N < b) {
-    const c = C.slice(0, N), $ = C.slice(N, b), j = (s == null ? void 0 : s.style) || v, _ = ((r = s == null ? void 0 : s.popover) === null || r === void 0 ? void 0 : r.trigger) || A || "hover", d = ((n = s == null ? void 0 : s.popover) === null || n === void 0 ? void 0 : n.placement) || k || "top", T = Object.assign(Object.assign({
-      content: $
-    }, s == null ? void 0 : s.popover), {
-      classNames: {
-        root: M(`${P}-popover`, (a = (t = s == null ? void 0 : s.popover) === null || t === void 0 ? void 0 : t.classNames) === null || a === void 0 ? void 0 : a.root)
-      },
-      placement: d,
-      trigger: _
-    });
-    return c.push(/* @__PURE__ */ o.createElement(ve, Object.assign({
-      key: "avatar-popover-key",
-      destroyTooltipOnHide: !0
-    }, T), /* @__PURE__ */ o.createElement(F, {
-      style: j
-    }, `+${b - N}`))), G(/* @__PURE__ */ o.createElement(H, {
-      shape: O,
-      size: m
-    }, /* @__PURE__ */ o.createElement("div", {
-      className: I,
-      style: x
-    }, c)));
-  }
-  return G(/* @__PURE__ */ o.createElement(H, {
-    shape: O,
-    size: m
-  }, /* @__PURE__ */ o.createElement("div", {
-    className: I,
-    style: x
-  }, C)));
-}, J = F;
-J.Group = Ce;
-const be = ({ colors: e, borderRadius: r, sizing: n }, t = "primary", a = "active") => "", _e = re(J)`
-  ${({ theme: e, type: r, state: n }) => be(e, r, n)}
+import { styled as e } from "../../utils/styled.js";
+import o from "../../node_modules/antd/es/avatar/index.js";
+const a = ({ colors: r, borderRadius: t, sizing: s }, i = "primary", m = "active") => "", c = e(o)`
+  ${({ theme: r, type: t, state: s }) => a(r, t, s)}
 `;
 export {
-  _e as Avatar,
-  be as getGenesisClass
+  c as Avatar,
+  a as getGenesisClass
 };

package/dist/components/Badge/Badge.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),l=require("./styles.cjs"),i=require("../../utils/icon-util.cjs"),f=require("../../node_modules/react-icons/hi/index.cjs"),x=require("../../providers/useGenesis.cjs"),q=require("../Typography/Typography.cjs"),a=!1,B=({label:r,state:e="info",isDisabled:s,hasClose:c=!1,onClick:d,size:g="normal",...t})=>{const{theme:o}=x.useGenesis(),u=c?"button":"badge";return r?n.jsxs(l.Badge,{label:r,role:u,onClick:d,state:e,disabled:s,style:{cursor:u==="button"?"pointer":"default"},...t,children:[i.getBadgeStateIcon(e,o.colors.status[e].onsurface,a),n.jsx(q,{variant:g==="small"?"label3":"label2",color:s?o.colors.status.disabled.default:o.colors.status[e].onsurface,isDisabled:s,children:r}),c?n.jsx(f.HiOutlineX,{color:o.colors.status[e].onsurface}):null]}):n.jsx(l.Badge,{label:r,role:"badge",state:e,disabled:s,...t,children:i.getBadgeStateIcon(e,o.colors.status[e].onsurface,a)})};module.exports=B;

package/dist/components/Badge/Badge.d.ts

@@ -3,6 +3,9 @@ export interface BadgeProps {
     label?: string;
     isDisabled?: boolean;
     state?: State;
+    hasClose?: boolean;
+    size?: "small" | "normal" | "large";
+    onClick?: () => void;
 }
-declare const Badge: ({ label, state, isDisabled, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+declare const Badge: ({ label, state, isDisabled, hasClose, onClick, size, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default Badge;

package/dist/components/Badge/Badge.js

@@ -1,72 +1,63 @@
-import { jsx as m } from "react/jsx-runtime";
-import { Badge as e } from "./styles.js";
-import "../Avatar/styles.js";
-import "../Breadcrumb/styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { u as a, a as d } from "../../Typography-8BO7aTuQ.js";
-import "../Button/styles.js";
-import "../Button/icon-button-styles.js";
-import "../Card/styles.js";
-import "../Checkbox/styles.js";
-import "../DateRangePicker/DateRangePicker.js";
-import "react";
-import "../ErrorBoundaryFallback/styles.js";
-import "../../styles-XuoEGUZZ.js";
-import "../Layout/Content/styles.js";
-import "../Message/styles.js";
-import "../Notification/NotificationBadge/styles.js";
-import { getBadgeStateIcon as s } from "../../utils/icon-util.js";
-import "../Notification/styles.js";
-import "../../styles-DNay6iFa.js";
-import "../Progress/styles.js";
-import "../Row/styles.js";
-import "../../styles/global-styles.js";
-import "../Row/RowLabelValue/styles.js";
-import "../Row/RowActions/styles.js";
-import "../SegmentedControls/styles.js";
-import "../Select/styles.js";
-import "../Switch/styles.js";
-import "../../styles-Wpm1RiGr.js";
-import "../Tabs/styles.js";
-import "../Tile/styles.js";
-import "../Toast/styles.js";
-import "../Tooltip/styles.js";
-const n = !1, Q = ({ label: r, state: o = "info", isDisabled: t, ...p }) => {
-  const { theme: i } = a();
-  return r ? /* @__PURE__ */ m(
-    e,
+import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import { Badge as a } from "./styles.js";
+import { getBadgeStateIcon as u } from "../../utils/icon-util.js";
+import { HiOutlineX as p } from "../../node_modules/react-icons/hi/index.js";
+import { useGenesis as g } from "../../providers/useGenesis.js";
+import B from "../Typography/Typography.js";
+const d = !1, v = ({
+  label: e,
+  state: o = "info",
+  isDisabled: n,
+  hasClose: l = !1,
+  onClick: f,
+  size: i = "normal",
+  ...t
+}) => {
+  const { theme: r } = g(), c = l ? "button" : "badge";
+  return e ? /* @__PURE__ */ m(
+    a,
     {
-      label: r,
-      role: "badge",
+      label: e,
+      role: c,
+      onClick: f,
       state: o,
-      disabled: t,
-      ...p,
-      children: /* @__PURE__ */ m(
-        d,
-        {
-          variant: "label2",
-          color: t ? i.colors.status.disabled.default : i.colors.status[o].onsurface,
-          isDisabled: t,
-          children: r
-        }
-      )
+      disabled: n,
+      style: { cursor: c === "button" ? "pointer" : "default" },
+      ...t,
+      children: [
+        u(
+          o,
+          r.colors.status[o].onsurface,
+          d
+        ),
+        /* @__PURE__ */ s(
+          B,
+          {
+            variant: i === "small" ? "label3" : "label2",
+            color: n ? r.colors.status.disabled.default : r.colors.status[o].onsurface,
+            isDisabled: n,
+            children: e
+          }
+        ),
+        l ? /* @__PURE__ */ s(p, { color: r.colors.status[o].onsurface }) : null
+      ]
     }
-  ) : /* @__PURE__ */ m(
-    e,
+  ) : /* @__PURE__ */ s(
+    a,
     {
-      label: r,
+      label: e,
       role: "badge",
       state: o,
-      disabled: t,
-      ...p,
-      children: s(
+      disabled: n,
+      ...t,
+      children: u(
         o,
-        i.colors.status[o].onsurface,
-        n
+        r.colors.status[o].onsurface,
+        d
       )
     }
   );
 };
 export {
-  Q as default
+  v as default
 };

package/dist/components/Badge/__stories__/Badge.stories.d.ts

@@ -11,3 +11,4 @@ export declare const Generic: Story;
 export declare const Hollow: Story;
 export declare const Disabled: Story;
 export declare const Icon: Story;
+export declare const WithClose: Story;

package/dist/components/Badge/styles.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../utils/styled.cjs"),a=(o,r)=>r==="hollow"?o.colors.inputs.surface.border:o.colors.status[r].surface,n=(o,r,s,d)=>`
+  display: flex;
+  gap: 4px;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  padding-top: ${o.components.badge["ver-padding"]}px;
+  padding-bottom: ${o.components.badge["ver-padding"]}px;
+  padding-left: ${o.components.badge["left-padding"]}px;
+  padding-right: ${o.components.badge["right-padding"]}px;
+  border-radius: ${o.components.badge.radius}px;
+  border: 1px solid ${a(o,r)};
+  background-color: ${o.colors.status[r].surface};
+  width: ${s?"auto":"24px"};
+  height: ${s?"auto":"24px"};
+
+  &:not(:disabled):hover {
+    background-color: ${o.colors.status[r]["surface-hover"]};
+  }
+
+  ${d?`
+    background-color: ${o.colors.status.disabled.surface} !important;
+    border-color: ${o.colors.status.disabled} !important;
+    border: none;
+    cursor: not-allowed;
+
+    &:hover {
+      cursor: not-allowed;
+    }
+  `:""}
+`,e=t.styled.div`
+  ${({theme:o,state:r,label:s,disabled:d})=>n(o,r,s,d)}
+`;exports.Badge=e;exports.getGenesisClass=n;

package/dist/components/Badge/styles.d.ts

@@ -1,11 +1,4 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
 import { State } from './Badge';
-interface StyledBadgeProps {
-    theme?: GenesisTheme;
-    state?: State;
-    label?: string;
-    disabled?: boolean;
-}
 export declare const getGenesisClass: (theme: GenesisTheme, state: State, label?: string, disabled?: boolean) => string;
-export declare const Badge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBadgeProps>> & string;
-export {};
+export declare const Badge: any;

package/dist/components/Badge/styles.js

@@ -1,6 +1,7 @@
-import { d as n } from "../../styled-components.browser.esm-C47QHsU4.js";
+import { styled as n } from "../../utils/styled.js";
 const a = (o, r) => r === "hollow" ? o.colors.inputs.surface.border : o.colors.status[r].surface, t = (o, r, d, s) => `
   display: flex;
+  gap: 4px;
   justify-content: center;
   align-items: center;
   position: relative;

package/dist/components/Breadcrumb/Breadcrumb.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("./styles.cjs"),t=require("../../providers/useGenesis.cjs"),u=({items:r,isDisabled:i=!1})=>{const{breakpoint:n}=t.useGenesis();return e.jsx(s.BreadcrumbWrapper,{$isDisabled:i,children:e.jsx(s.Breadcrumb,{items:r,breakpoint:n,role:"navigation"})})};module.exports=u;

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,11 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import { BreadcrumbWrapper as s, Breadcrumb as i } from "./styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { u as m } from "../../Typography-8BO7aTuQ.js";
-const c = ({ items: e, isDisabled: a = !1 }) => {
+import { useGenesis as m } from "../../providers/useGenesis.js";
+const d = ({ items: e, isDisabled: a = !1 }) => {
   const { breakpoint: o } = m();
   return /* @__PURE__ */ r(s, { $isDisabled: a, children: /* @__PURE__ */ r(i, { items: e, breakpoint: o, role: "navigation" }) });
 };
 export {
-  c as default
+  d as default
 };

package/dist/components/Breadcrumb/styles.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/styled.cjs"),i=require("../../node_modules/antd/es/breadcrumb/Breadcrumb.cjs"),a=({colors:e,typography:n},o="wide")=>`
+  &.ant-breadcrumb {
+    font-size: ${n[o].body1.fontSize};
+    
+    .ant-breadcrumb-link,
+    span[class*="ant-breadcrumb-link"] > a {
+      color: ${e.interactive.link.active};
+      transition: color 0.2s ease-in-out;
+      text-decoration: underline;
+      background: none !important;
+    }
+      
+    ol > li:last-child {
+      .ant-breadcrumb-link,
+      span[class*="ant-breadcrumb-link"],
+      span[class*="ant-breadcrumb-link"] > span,
+      span[class*="ant-breadcrumb-link"] > a {
+        text-decoration: none !important;
+        color: ${e.onsurface["copy-light"]} !important;
+        cursor: default !important;
+        pointer-events: none;
+      }
+    }
+ 
+    .ant-breadcrumb-separator {
+      color: ${e.interactive.link.active};
+    }
+
+    .ant-dropdown-menu-item,
+    .ant-dropdown-menu-item:hover {
+      background: none !important;
+    }
+
+    .ant-dropdown-trigger > svg {
+      display: none;
+    }
+
+    span[role="img"] {
+      display: none;
+    }
+
+    .ant-dropdown-trigger:hover {
+      background: none !important;
+    }
+  }
+`,s=r.styled.div`
+  ${({$isDisabled:e})=>e&&`
+      cursor: not-allowed;
+      .ant-breadcrumb {
+        pointer-events: none;
+        opacity: 0.5;
+      }
+    `}
+  opacity: ${({$isDisabled:e})=>e?.5:1};
+`,t=r.styled(i)`
+  ${({theme:e,breakpoint:n})=>e&&a(e,n)}
+`;exports.Breadcrumb=t;exports.BreadcrumbWrapper=s;exports.default=t;exports.getGenesisClass=a;

package/dist/components/Breadcrumb/styles.d.ts

@@ -1,26 +1,5 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledBreadcrumbProps {
-    theme?: GenesisTheme;
-    $isDisabled?: boolean;
-}
-interface StyledBreadcrumbComponentProps extends StyledBreadcrumbProps {
-    type?: string;
-    state?: string;
-    breakpoint?: string;
-    role?: string;
-}
 export declare const getGenesisClass: ({ colors, typography }: GenesisTheme, breakpoint?: string) => string;
-export declare const BreadcrumbWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBreadcrumbProps>> & string;
-export declare const Breadcrumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('antd').BreadcrumbProps<import('antd/es/_util/type').AnyObject>, StyledBreadcrumbComponentProps>> & string & Omit<{
-    <T extends import('antd/es/_util/type').AnyObject = import('antd/es/_util/type').AnyObject>(props: import('antd').BreadcrumbProps<T>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-    Item: React.FC<import('antd').BreadcrumbItemProps> & {
-        __ANT_BREADCRUMB_ITEM: boolean;
-    };
-    Separator: React.FC<{
-        children?: React.ReactNode | undefined;
-    }> & {
-        __ANT_BREADCRUMB_SEPARATOR: boolean;
-    };
-    displayName: string;
-}, keyof import('react').Component<any, {}, any>>;
+export declare const BreadcrumbWrapper: any;
+export declare const Breadcrumb: any;
 export default Breadcrumb;