@cocso-ui/react 0.0.1-beta.5 → 0.0.1-beta.7

package/lib/components/Body/Body.d.ts

@@ -4,12 +4,11 @@ export type BodyProps<T extends BodyElement = 'p'> = {
     as?: T;
     size?: 'lg' | 'md' | 'sm' | 'xs';
     color?: string;
-    fontWeight?: 'normal' | 'bold';
+    fontWeight?: 'normal' | 'medium' | 'semi-bold' | 'bold';
 } & Omit<React.ComponentPropsWithoutRef<T>, 'size' | 'color' | 'fontWeight'>;
-export declare const Body: React.ForwardRefExoticComponent<{
-    as?: BodyElement | undefined;
-    size?: "lg" | "md" | "sm" | "xs";
-    color?: string;
-    fontWeight?: "normal" | "bold";
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> | Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> | Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> | Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> | Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> | Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> | Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> | Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> | Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> | Omit<React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref">, "size" | "color" | "fontWeight"> & React.RefAttributes<HTMLElement>>;
+export declare const Body: (<T extends BodyElement = "p">(props: BodyProps<T> & {
+    ref?: React.ForwardedRef<React.ComponentRef<T>>;
+}) => React.ReactElement) & {
+    displayName: string;
+};
 export {};

package/lib/components/Display/Display.d.ts

@@ -5,9 +5,9 @@ export type DisplayProps<T extends DisplayElement = 'h1'> = {
     size?: 'lg' | 'md' | 'sm';
     color?: string;
 } & Omit<React.ComponentPropsWithoutRef<T>, 'size' | 'color'>;
-export declare const Display: React.ForwardRefExoticComponent<{
-    as?: DisplayElement | undefined;
-    size?: "lg" | "md" | "sm";
-    color?: string;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "size" | "color"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Display: (<T extends DisplayElement = "h1">(props: DisplayProps<T> & {
+    ref?: React.ForwardedRef<React.ComponentRef<T>>;
+}) => React.ReactElement) & {
+    displayName: string;
+};
 export {};

package/lib/components/Heading/Heading.d.ts

@@ -5,9 +5,9 @@ export type HeadingProps<T extends HeadingElement = 'h2'> = {
     size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
     color?: string;
 } & Omit<React.ComponentPropsWithoutRef<T>, 'size' | 'color'>;
-export declare const Heading: React.ForwardRefExoticComponent<{
-    as?: HeadingElement | undefined;
-    size?: "xl" | "lg" | "md" | "sm" | "xs" | "2xs";
-    color?: string;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "size" | "color"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Heading: (<T extends HeadingElement = "h2">(props: HeadingProps<T> & {
+    ref?: React.ForwardedRef<React.ComponentRef<T>>;
+}) => React.ReactElement) & {
+    displayName: string;
+};
 export {};

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";var b=Object.create;var c=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var z=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},f=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of N(t))!H.call(e,r)&&r!==o&&c(e,r,{get:()=>t[r],enumerable:!(n=B(t,r))||n.enumerable});return e};var d=(e,t,o)=>(o=e!=null?b(D(e)):{},f(t||!e||!e.__esModule?c(o,"default",{value:e,enumerable:!0}):o,e)),S=e=>f(c({},"__esModule",{value:!0}),e);var W={};z(W,{Body:()=>x,Display:()=>h,Heading:()=>u});module.exports=S(W);var y=d(require("react"),1);function s(e){if(e)return`var(--color-${e.replace(/\./g,"-")})`}var a=(...e)=>e.filter(Boolean).join(" ").trim();var R=require("react/jsx-runtime"),x=y.forwardRef(({as:e="p",size:t="md",color:o,fontWeight:n="normal",className:r,style:m,...l},p)=>{let i=e,T=a("text-body",`text-body-${t}${n==="bold"?"-bold":""}`,r);return(0,R.jsx)(i,{ref:p,className:T,style:{"--text-color":s(o),...m},...l})});x.displayName="Body";var g=d(require("react"),1);var C=require("react/jsx-runtime"),h=g.forwardRef(({as:e="h1",size:t="md",color:o,className:n,style:r,...m},l)=>{let p=e,i=a("text-display",`text-display-${t}`,n);return(0,C.jsx)(p,{ref:l,className:i,style:{"--text-color":s(o),...r},...m})});h.displayName="Display";var E=d(require("react"),1);var P=require("react/jsx-runtime"),u=E.forwardRef(({as:e="h2",size:t="md",color:o,className:n,style:r,...m},l)=>{let p=e,i=a("text-heading",`text-heading-${t}`,n);return(0,P.jsx)(p,{ref:l,className:i,style:{"--text-color":s(o),...r},...m})});u.displayName="Heading";
+"use strict";var E=Object.create;var c=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var w=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},f=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of u(t))!B.call(e,n)&&n!==o&&c(e,n,{get:()=>t[n],enumerable:!(r=P(t,n))||r.enumerable});return e};var d=(e,t,o)=>(o=e!=null?E(b(e)):{},f(t||!e||!e.__esModule?c(o,"default",{value:e,enumerable:!0}):o,e)),D=e=>f(c({},"__esModule",{value:!0}),e);var W={};w(W,{Body:()=>N,Display:()=>F,Heading:()=>S});module.exports=D(W);var R=d(require("react"),1);function a(e){if(e)return`var(--color-${e.replace(/\./g,"-")})`}var s=(...e)=>e.filter(Boolean).join(" ").trim();var y=require("react/jsx-runtime"),H=R.forwardRef(({as:e="p",size:t="md",color:o,fontWeight:r="normal",className:n,style:p,...m},i)=>{let l=e,C=s("text-body",`text-body-${t}`,n);return(0,y.jsx)(l,{ref:i,className:C,style:{"--font-color":a(o),"--font-weight":r,...p},...m})}),N=Object.assign(H,{displayName:"Body"});var T=d(require("react"),1);var g=require("react/jsx-runtime"),z=T.forwardRef(({as:e="h1",size:t="md",color:o,className:r,style:n,...p},m)=>{let i=e,l=s("text-display",`text-display-${t}`,r);return(0,g.jsx)(i,{ref:m,className:l,style:{"--font-color":a(o),...n},...p})}),F=Object.assign(z,{displayName:"Display"});var x=d(require("react"),1);var h=require("react/jsx-runtime"),O=x.forwardRef(({as:e="h2",size:t="md",color:o,className:r,style:n,...p},m)=>{let i=e,l=s("text-heading",`text-heading-${t}`,r);return(0,h.jsx)(i,{ref:m,className:l,style:{"--font-color":a(o),...n},...p})}),S=Object.assign(O,{displayName:"Heading"});

package/lib/index.js

@@ -1 +1 @@
-import*as c from"react";function t(e){if(e)return`var(--color-${e.replace(/\./g,"-")})`}var o=(...e)=>e.filter(Boolean).join(" ").trim();import{jsx as R}from"react/jsx-runtime";var x=c.forwardRef(({as:e="p",size:r="md",color:n,fontWeight:s="normal",className:a,style:m,...l},p)=>{let i=e,y=o("text-body",`text-body-${r}${s==="bold"?"-bold":""}`,a);return R(i,{ref:p,className:y,style:{"--text-color":t(n),...m},...l})});x.displayName="Body";import*as d from"react";import{jsx as h}from"react/jsx-runtime";var g=d.forwardRef(({as:e="h1",size:r="md",color:n,className:s,style:a,...m},l)=>{let p=e,i=o("text-display",`text-display-${r}`,s);return h(p,{ref:l,className:i,style:{"--text-color":t(n),...a},...m})});g.displayName="Display";import*as f from"react";import{jsx as E}from"react/jsx-runtime";var C=f.forwardRef(({as:e="h2",size:r="md",color:n,className:s,style:a,...m},l)=>{let p=e,i=o("text-heading",`text-heading-${r}`,s);return E(p,{ref:l,className:i,style:{"--text-color":t(n),...a},...m})});C.displayName="Heading";export{x as Body,g as Display,C as Heading};
+import*as c from"react";function t(e){if(e)return`var(--color-${e.replace(/\./g,"-")})`}var o=(...e)=>e.filter(Boolean).join(" ").trim();import{jsx as T}from"react/jsx-runtime";var y=c.forwardRef(({as:e="p",size:n="md",color:r,fontWeight:a="normal",className:s,style:p,...m},i)=>{let l=e,R=o("text-body",`text-body-${n}`,s);return T(l,{ref:i,className:R,style:{"--font-color":t(r),"--font-weight":a,...p},...m})}),B=Object.assign(y,{displayName:"Body"});import*as d from"react";import{jsx as x}from"react/jsx-runtime";var g=d.forwardRef(({as:e="h1",size:n="md",color:r,className:a,style:s,...p},m)=>{let i=e,l=o("text-display",`text-display-${n}`,a);return x(i,{ref:m,className:l,style:{"--font-color":t(r),...s},...p})}),O=Object.assign(g,{displayName:"Display"});import*as f from"react";import{jsx as C}from"react/jsx-runtime";var h=f.forwardRef(({as:e="h2",size:n="md",color:r,className:a,style:s,...p},m)=>{let i=e,l=o("text-heading",`text-heading-${n}`,a);return C(i,{ref:m,className:l,style:{"--font-color":t(r),...s},...p})}),k=Object.assign(h,{displayName:"Heading"});export{B as Body,O as Display,k as Heading};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocso-ui/react",
-  "version": "0.0.1-beta.5",
+  "version": "0.0.1-beta.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cocso/cocso-ui.git",