@nooeh/ui 0.2.0 → 0.2.1

package/dist/typography.js

@@ -3,58 +3,58 @@ import * as stylex from "@stylexjs/stylex";
 import { createElement } from "react";
 var styles = {
   root: {
-    kMwMTN: "x122omjn",
-    kMv6JI: "x1l89lse",
+    kMwMTN: "x1m45nea",
+    kMv6JI: "x3gybs0",
     kogj98: "x1ghz6dp",
     $$css: true
   },
   display: {
     kGuDYH: "x579bpy",
-    k63SB2: "x5xj88b",
+    k63SB2: "x1t48p6j",
     kb6lSQ: "x1w69ole",
-    kLWn49: "x7f5rko",
+    kLWn49: "x4lbt1c",
     $$css: true
   },
   title: {
-    kGuDYH: "xxqdkle",
-    k63SB2: "x5xj88b",
+    kGuDYH: "xpqaxsz",
+    k63SB2: "x1t48p6j",
     kb6lSQ: "x1lg07ej",
-    kLWn49: "x7f5rko",
+    kLWn49: "x4lbt1c",
     $$css: true
   },
   heading: {
-    kGuDYH: "xu4cvhr",
-    k63SB2: "x12lpnxt",
-    kLWn49: "x7f5rko",
+    kGuDYH: "xrxfeq4",
+    k63SB2: "xsi0f2t",
+    kLWn49: "x4lbt1c",
     $$css: true
   },
   body: {
-    kGuDYH: "xifhomf",
-    k63SB2: "x17coymh",
-    kLWn49: "x18qbr9o",
+    kGuDYH: "x1jcibly",
+    k63SB2: "xkzshds",
+    kLWn49: "xjj7q2m",
     $$css: true
   },
   label: {
-    kGuDYH: "xkrk5hw",
-    k63SB2: "x12lpnxt",
-    kLWn49: "x18qbr9o",
+    kGuDYH: "x1ace0bc",
+    k63SB2: "xsi0f2t",
+    kLWn49: "xjj7q2m",
     $$css: true
   },
   caption: {
-    kMwMTN: "x1f8jq9g",
-    kGuDYH: "x1ypeaw5",
-    k63SB2: "x17coymh",
-    kLWn49: "x18qbr9o",
+    kMwMTN: "xk8vvhx",
+    kGuDYH: "xdwwjcd",
+    k63SB2: "xkzshds",
+    kLWn49: "xjj7q2m",
     $$css: true
   },
   code: {
-    kWkggS: "x1w962hd",
-    kaIpWk: "x1fzuljc",
+    kWkggS: "x17pdcmx",
+    kaIpWk: "xnqsffl",
     kMv6JI: "x17yh6e0",
-    kGuDYH: "xkrk5hw",
-    kLWn49: "x18qbr9o",
-    k8WAf4: "xc7bwuv",
-    kg3NbH: "xtb6bti",
+    kGuDYH: "x1ace0bc",
+    kLWn49: "xjj7q2m",
+    k8WAf4: "x19uyyhq",
+    kg3NbH: "x14lmy91",
     $$css: true
   }
 };

package/dist/typography.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/typography.tsx"],
-  "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport { createElement, type CSSProperties, type HTMLAttributes } from \"react\";\nimport { colorVars, radiusVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kMwMTN: \"x122omjn\",\n    kMv6JI: \"x1l89lse\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  display: {\n    kGuDYH: \"x579bpy\",\n    k63SB2: \"x5xj88b\",\n    kb6lSQ: \"x1w69ole\",\n    kLWn49: \"x7f5rko\",\n    $$css: true\n  },\n  title: {\n    kGuDYH: \"xxqdkle\",\n    k63SB2: \"x5xj88b\",\n    kb6lSQ: \"x1lg07ej\",\n    kLWn49: \"x7f5rko\",\n    $$css: true\n  },\n  heading: {\n    kGuDYH: \"xu4cvhr\",\n    k63SB2: \"x12lpnxt\",\n    kLWn49: \"x7f5rko\",\n    $$css: true\n  },\n  body: {\n    kGuDYH: \"xifhomf\",\n    k63SB2: \"x17coymh\",\n    kLWn49: \"x18qbr9o\",\n    $$css: true\n  },\n  label: {\n    kGuDYH: \"xkrk5hw\",\n    k63SB2: \"x12lpnxt\",\n    kLWn49: \"x18qbr9o\",\n    $$css: true\n  },\n  caption: {\n    kMwMTN: \"x1f8jq9g\",\n    kGuDYH: \"x1ypeaw5\",\n    k63SB2: \"x17coymh\",\n    kLWn49: \"x18qbr9o\",\n    $$css: true\n  },\n  code: {\n    kWkggS: \"x1w962hd\",\n    kaIpWk: \"x1fzuljc\",\n    kMv6JI: \"x17yh6e0\",\n    kGuDYH: \"xkrk5hw\",\n    kLWn49: \"x18qbr9o\",\n    k8WAf4: \"xc7bwuv\",\n    kg3NbH: \"xtb6bti\",\n    $$css: true\n  }\n};\ntype TypographyElement = \"blockquote\" | \"code\" | \"h1\" | \"h2\" | \"h3\" | \"p\" | \"span\";\ntype TypographyVariant = \"body\" | \"caption\" | \"code\" | \"display\" | \"heading\" | \"label\" | \"title\";\nconst defaultElementMap: Record<TypographyVariant, TypographyElement> = {\n  body: \"p\",\n  caption: \"span\",\n  code: \"code\",\n  display: \"h1\",\n  heading: \"h3\",\n  label: \"span\",\n  title: \"h2\"\n};\nexport type TypographyProps = HTMLAttributes<HTMLElement> & {\n  as?: TypographyElement;\n  variant?: TypographyVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Typography({\n  as,\n  className,\n  style,\n  variant = \"body\",\n  xstyle,\n  ...props\n}: TypographyProps) {\n  const element = as ?? defaultElementMap[variant];\n  const stylexProps = stylex.props(styles.root, styles[variant], xstyle);\n  return createElement(element, {\n    ...props,\n    className: [stylexProps.className, className].filter(Boolean).join(\" \"),\n    style: {\n      ...stylexProps.style,\n      ...style\n    } as CSSProperties\n  });\n}"],
+  "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport { createElement, type CSSProperties, type HTMLAttributes } from \"react\";\nimport { colorVars, radiusVars, spacingVars, typographyVars } from \"@nooeh/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kMwMTN: \"x1m45nea\",\n    kMv6JI: \"x3gybs0\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  display: {\n    kGuDYH: \"x579bpy\",\n    k63SB2: \"x1t48p6j\",\n    kb6lSQ: \"x1w69ole\",\n    kLWn49: \"x4lbt1c\",\n    $$css: true\n  },\n  title: {\n    kGuDYH: \"xpqaxsz\",\n    k63SB2: \"x1t48p6j\",\n    kb6lSQ: \"x1lg07ej\",\n    kLWn49: \"x4lbt1c\",\n    $$css: true\n  },\n  heading: {\n    kGuDYH: \"xrxfeq4\",\n    k63SB2: \"xsi0f2t\",\n    kLWn49: \"x4lbt1c\",\n    $$css: true\n  },\n  body: {\n    kGuDYH: \"x1jcibly\",\n    k63SB2: \"xkzshds\",\n    kLWn49: \"xjj7q2m\",\n    $$css: true\n  },\n  label: {\n    kGuDYH: \"x1ace0bc\",\n    k63SB2: \"xsi0f2t\",\n    kLWn49: \"xjj7q2m\",\n    $$css: true\n  },\n  caption: {\n    kMwMTN: \"xk8vvhx\",\n    kGuDYH: \"xdwwjcd\",\n    k63SB2: \"xkzshds\",\n    kLWn49: \"xjj7q2m\",\n    $$css: true\n  },\n  code: {\n    kWkggS: \"x17pdcmx\",\n    kaIpWk: \"xnqsffl\",\n    kMv6JI: \"x17yh6e0\",\n    kGuDYH: \"x1ace0bc\",\n    kLWn49: \"xjj7q2m\",\n    k8WAf4: \"x19uyyhq\",\n    kg3NbH: \"x14lmy91\",\n    $$css: true\n  }\n};\ntype TypographyElement = \"blockquote\" | \"code\" | \"h1\" | \"h2\" | \"h3\" | \"p\" | \"span\";\ntype TypographyVariant = \"body\" | \"caption\" | \"code\" | \"display\" | \"heading\" | \"label\" | \"title\";\nconst defaultElementMap: Record<TypographyVariant, TypographyElement> = {\n  body: \"p\",\n  caption: \"span\",\n  code: \"code\",\n  display: \"h1\",\n  heading: \"h3\",\n  label: \"span\",\n  title: \"h2\"\n};\nexport type TypographyProps = HTMLAttributes<HTMLElement> & {\n  as?: TypographyElement;\n  variant?: TypographyVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Typography({\n  as,\n  className,\n  style,\n  variant = \"body\",\n  xstyle,\n  ...props\n}: TypographyProps) {\n  const element = as ?? defaultElementMap[variant];\n  const stylexProps = stylex.props(styles.root, styles[variant], xstyle);\n  return createElement(element, {\n    ...props,\n    className: [stylexProps.className, className].filter(Boolean).join(\" \"),\n    style: {\n      ...stylexProps.style,\n      ...style\n    } as CSSProperties\n  });\n}"],
   "mappings": ";AAAA,YAAY,YAAY;AACxB,SAAS,qBAA8D;AAEvE,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAGA,IAAM,oBAAkE;AAAA,EACtE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT;AAMO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAGA;AACL,GAAoB;AAClB,QAAM,UAAU,MAAM,kBAAkB,OAAO;AAC/C,QAAM,cAAqB,aAAM,OAAO,MAAM,OAAO,OAAO,GAAG,MAAM;AACrE,SAAO,cAAc,SAAS;AAAA,IAC5B,GAAGA;AAAA,IACH,WAAW,CAAC,YAAY,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACtE,OAAO;AAAA,MACL,GAAG,YAAY;AAAA,MACf,GAAG;AAAA,IACL;AAAA,EACF,CAAC;AACH;",
   "names": ["props"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nooeh/ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": false,
   "bin": {
     "nooeh": "./dist/cli.js"
@@ -72,8 +72,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@nooeh/cli": "0.2.0",
-    "@nooeh/tokens": "0.1.0"
+    "@nooeh/cli": "0.2.1",
+    "@nooeh/tokens": "0.1.1"
   },
   "devDependencies": {
     "@base-ui/react": "1.7.0",