@stackone/malachite 2.23.2 → 2.23.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/components/Link.js +4 -4
  2. package/dist/components/Link.js.map +1 -1
  3. package/package.json +1 -1
package/dist/components/Link.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
- import { FOCUS_RING as u } from "./focusRing.js";
3
- const x = (e) => {
2
+ import { FOCUS_RING as x } from "./focusRing.js";
3
+ const u = (e) => {
4
4
  if (!e) return "";
5
5
  switch (e) {
6
6
  case "xsmall":
@@ -28,14 +28,14 @@ const x = (e) => {
28
28
  size: o,
29
29
  underline: s = !0
30
30
  }) => {
31
- const i = l === "dimmed" ? "text-[var(--malachite-text-dimmed)]" : "text-[var(--malachite-text-link-foreground)] hover:text-[var(--malachite-text-link-foreground-hover)]", m = x(o);
31
+ const i = l === "dimmed" ? "text-[var(--malachite-text-dimmed)] hover:text-[var(--malachite-text-primary)]" : "text-[var(--malachite-text-link-foreground)] hover:text-[var(--malachite-text-link-foreground-hover)]", m = u(o);
32
32
  return /* @__PURE__ */ c(
33
33
  "a",
34
34
  {
35
35
  href: t,
36
36
  target: r,
37
37
  rel: a,
38
- className: `${s ? "underline" : "no-underline"} rounded-xs cursor-pointer transition-colors duration-200 ease-in-out ${u} ${i} ${m} ${n}`,
38
+ className: `${s ? "underline" : "no-underline"} rounded-xs cursor-pointer transition-colors duration-200 ease-in-out ${x} ${i} ${m} ${n}`,
39
39
  children: e
40
40
  }
41
41
  );
package/dist/components/Link.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sources":["../../src/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport { FOCUS_RING } from './focusRing';\nimport type { FontSize } from './Typography/Text';\n\nexport interface LinkProps {\n href: string;\n target?: '_blank' | '_self' | '_parent' | '_top';\n rel?: string;\n children: React.ReactNode;\n className?: string;\n color?: 'default' | 'dimmed';\n size?: FontSize;\n underline?: boolean;\n}\n\nconst getFontSizeClass = (size?: FontSize): string => {\n if (!size) return '';\n switch (size) {\n case 'xsmall':\n return 'text-[length:var(--malachite-font-size-xsmall)]';\n case 'small':\n return 'text-[length:var(--malachite-font-size-small)]';\n case 'medium':\n return 'text-[length:var(--malachite-font-size-medium)]';\n case 'large':\n return 'text-[length:var(--malachite-font-size-large)]';\n case 'xlarge':\n return 'text-[length:var(--malachite-font-size-xlarge)]';\n case 'xxlarge':\n return 'text-[length:var(--malachite-font-size-xxlarge)]';\n default:\n return '';\n }\n};\n\nexport const Link: React.FC<LinkProps> = ({\n children,\n href,\n target = '_blank',\n rel = 'noopener noreferrer',\n className = '',\n color = 'default',\n size,\n underline = true,\n}) => {\n const colorClasses =\n color === 'dimmed'\n ? 'text-[var(--malachite-text-dimmed)]'\n : 'text-[var(--malachite-text-link-foreground)] hover:text-[var(--malachite-text-link-foreground-hover)]';\n\n const fontSizeClasses = getFontSizeClass(size);\n\n return (\n <a\n href={href}\n target={target}\n rel={rel}\n className={`${underline ? 'underline' : 'no-underline'} rounded-xs cursor-pointer transition-colors duration-200 ease-in-out ${FOCUS_RING} ${colorClasses} ${fontSizeClasses} ${className}`}\n >\n {children}\n </a>\n );\n};\n\nexport default Link;\n\n"],"names":["getFontSizeClass","size","Link","children","href","target","rel","className","color","underline","colorClasses","fontSizeClasses","jsx","FOCUS_RING"],"mappings":";;AAeA,MAAMA,IAAmB,CAACC,MAA4B;AAClD,MAAI,CAACA,EAAM,QAAO;AAClB,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB,GAEaC,IAA4B,CAAC;AAAA,EACtC,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,MAAAP;AAAA,EACA,WAAAQ,IAAY;AAChB,MAAM;AACF,QAAMC,IACFF,MAAU,WACJ,wCACA,yGAEJG,IAAkBX,EAAiBC,CAAI;AAE7C,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAAR;AAAA,MACA,QAAAC;AAAA,MACA,KAAAC;AAAA,MACA,WAAW,GAAGG,IAAY,cAAc,cAAc,yEAAyEI,CAAU,IAAIH,CAAY,IAAIC,CAAe,IAAIJ,CAAS;AAAA,MAExL,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}
1
+ {"version":3,"file":"Link.js","sources":["../../src/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport { FOCUS_RING } from './focusRing';\nimport type { FontSize } from './Typography/Text';\n\nexport interface LinkProps {\n href: string;\n target?: '_blank' | '_self' | '_parent' | '_top';\n rel?: string;\n children: React.ReactNode;\n className?: string;\n color?: 'default' | 'dimmed';\n size?: FontSize;\n underline?: boolean;\n}\n\nconst getFontSizeClass = (size?: FontSize): string => {\n if (!size) return '';\n switch (size) {\n case 'xsmall':\n return 'text-[length:var(--malachite-font-size-xsmall)]';\n case 'small':\n return 'text-[length:var(--malachite-font-size-small)]';\n case 'medium':\n return 'text-[length:var(--malachite-font-size-medium)]';\n case 'large':\n return 'text-[length:var(--malachite-font-size-large)]';\n case 'xlarge':\n return 'text-[length:var(--malachite-font-size-xlarge)]';\n case 'xxlarge':\n return 'text-[length:var(--malachite-font-size-xxlarge)]';\n default:\n return '';\n }\n};\n\nexport const Link: React.FC<LinkProps> = ({\n children,\n href,\n target = '_blank',\n rel = 'noopener noreferrer',\n className = '',\n color = 'default',\n size,\n underline = true,\n}) => {\n const colorClasses =\n color === 'dimmed'\n ? 'text-[var(--malachite-text-dimmed)] hover:text-[var(--malachite-text-primary)]'\n : 'text-[var(--malachite-text-link-foreground)] hover:text-[var(--malachite-text-link-foreground-hover)]';\n\n const fontSizeClasses = getFontSizeClass(size);\n\n return (\n <a\n href={href}\n target={target}\n rel={rel}\n className={`${underline ? 'underline' : 'no-underline'} rounded-xs cursor-pointer transition-colors duration-200 ease-in-out ${FOCUS_RING} ${colorClasses} ${fontSizeClasses} ${className}`}\n >\n {children}\n </a>\n );\n};\n\nexport default Link;\n\n"],"names":["getFontSizeClass","size","Link","children","href","target","rel","className","color","underline","colorClasses","fontSizeClasses","jsx","FOCUS_RING"],"mappings":";;AAeA,MAAMA,IAAmB,CAACC,MAA4B;AAClD,MAAI,CAACA,EAAM,QAAO;AAClB,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB,GAEaC,IAA4B,CAAC;AAAA,EACtC,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,MAAAP;AAAA,EACA,WAAAQ,IAAY;AAChB,MAAM;AACF,QAAMC,IACFF,MAAU,WACJ,mFACA,yGAEJG,IAAkBX,EAAiBC,CAAI;AAE7C,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAAR;AAAA,MACA,QAAAC;AAAA,MACA,KAAAC;AAAA,MACA,WAAW,GAAGG,IAAY,cAAc,cAAc,yEAAyEI,CAAU,IAAIH,CAAY,IAAIC,CAAe,IAAIJ,CAAS;AAAA,MAExL,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stackone/malachite",
3
- "version": "2.23.2",
3
+ "version": "2.23.3",
4
4
  "description": "StackOne's themeable React component library — Shadow DOM isolated, scoped Tailwind, theme-token driven.",
5
5
  "license": "MIT",
6
6
  "author": "StackOne",