najwer23morsels 1.6.0 → 1.8.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # najwer23morsels
 
+## 1.8.0
+
+### Minor Changes
+
+- Typography
+
+## 1.7.0
+
+### Minor Changes
+
+- ButtonCopy
+
 ## 1.6.0
 
 ### Minor Changes

package/lib/{CopyButton/CopyButton.d.ts → ButtonCopy/ButtonCopy.d.ts}

@@ -1,9 +1,9 @@
-interface CopyButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+interface ButtonCopyProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     style?: React.CSSProperties;
     backgroundColor?: string;
     color?: string;
     textToCopy: string;
 }
-export declare const CopyButton: React.FC<CopyButtonProps>;
+export declare const ButtonCopy: React.FC<ButtonCopyProps>;
 export {};

package/lib/ButtonCopy/index.d.ts

@@ -0,0 +1,2 @@
+import { ButtonCopy } from './ButtonCopy';
+export { ButtonCopy };

package/lib/{CopyButton.js → ButtonCopy.js}

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as o,useRef as r,useCallback as e,useEffect as i}from"react";import{B as n}from"./Button-B93Rn5W6.js";import{T as c}from"./TextBox-__k4jPYK.js";import"./Loader-BPh2L4dp.js";import"./LoaderDots-BoEg_zlZ.js";import"./style-inject.es-CrVRO2OA.js";const l=({children:l,className:a,style:s,textToCopy:u,color:m="white",backgroundColor:p="orangered",...d})=>{const[h,x]=o(!1),g=r(null),j=e(()=>{g.current&&clearTimeout(g.current),navigator.clipboard.writeText(u),x(!0),g.current=setTimeout(()=>{x(!1),g.current=null},800)},[]);return i(()=>()=>{g.current&&clearTimeout(g.current)},[]),t("div",{className:["n23mCopyButton",a].filter(Boolean).join(" "),...d,children:t(n,{type:"button",padding:"0px 3px",height:"auto",width:"auto",backgroundColor:h?"#4BB543":p,onClick:j,children:l??t(c,{mobileSize:10,desktopSize:10,fontWeight:600,lineHeight:"17px",color:m,children:"Copy"})})})};l.displayName="CopyButton";export{l as CopyButton};
+import{jsx as t}from"react/jsx-runtime";import{useState as o,useRef as r,useCallback as e,useEffect as i}from"react";import{B as n}from"./Button-B93Rn5W6.js";import{T as c}from"./TextBox-__k4jPYK.js";import"./Loader-BPh2L4dp.js";import"./LoaderDots-BoEg_zlZ.js";import"./style-inject.es-CrVRO2OA.js";const l=({children:l,className:a,style:s,textToCopy:u,color:m="white",backgroundColor:p="orangered",...d})=>{const[h,x]=o(!1),g=r(null),j=e(()=>{g.current&&clearTimeout(g.current),navigator.clipboard.writeText(u),x(!0),g.current=setTimeout(()=>{x(!1),g.current=null},800)},[]);return i(()=>()=>{g.current&&clearTimeout(g.current)},[]),t("div",{className:["n23mButtonCopy",a].filter(Boolean).join(" "),...d,children:t(n,{type:"button",padding:"0px 3px",height:"auto",width:"auto",backgroundColor:h?"#4BB543":p,onClick:j,children:l??t(c,{mobileSize:10,desktopSize:10,fontWeight:600,lineHeight:"17px",color:m,children:"Copy"})})})};l.displayName="ButtonCopy";export{l as ButtonCopy};

package/lib/TextBox/TextBox.d.ts

@@ -1,7 +1,7 @@
-type TextBoxOwnProps = {
+export type TextBoxOwnProps = {
     children?: React.ReactNode;
-    mobileSize: number;
-    desktopSize: number;
+    mobileSize: number | 'inherit';
+    desktopSize: number | 'inherit';
     lineHeight?: number | string;
     color?: React.CSSProperties['color'];
     colorHover?: React.CSSProperties['color'];

package/lib/TextBox/index.d.ts

@@ -1,2 +1,2 @@
-import { TextBox } from './TextBox';
-export { TextBox };
+import { TextBox, type TextBoxOwnProps } from './TextBox';
+export { TextBox, type TextBoxOwnProps };

package/lib/Typography/Typography.d.ts

@@ -0,0 +1,21 @@
+import { type TextBoxOwnProps } from '../TextBox';
+export type TypographyVariant = 'display' | 'heading' | 'subheading' | 'body' | 'caption' | 'link';
+export type TypographyAppearance = 'light' | 'dark';
+type TypographyPreset = Omit<TextBoxOwnProps, 'children'> & {
+    tag?: React.ElementType;
+    letterSpacing?: React.CSSProperties['letterSpacing'];
+};
+type TypographyProps = Partial<TypographyPreset> & {
+    variant: TypographyVariant;
+    appearance?: TypographyAppearance;
+    children?: React.ReactNode;
+    className?: string;
+    href?: string;
+    target?: React.HTMLAttributeAnchorTarget;
+    rel?: string;
+};
+export declare const Typography: {
+    ({ variant, appearance, style, color, colorHover, ...overrides }: TypographyProps): import("react").JSX.Element;
+    displayName: string;
+};
+export {};

package/lib/Typography/index.d.ts

@@ -0,0 +1,2 @@
+import { Typography } from './Typography';
+export { Typography };

package/lib/Typography.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{T as o}from"./TextBox-__k4jPYK.js";import"./style-inject.es-CrVRO2OA.js";const i={display:{tag:"h1",mobileSize:42,desktopSize:76,lineHeight:1.05,fontWeight:700,textWrap:"balance",margin:"clamp(40px, 8vw, 60px) 0 10px"},heading:{tag:"h2",mobileSize:30,desktopSize:52,fontWeight:650,lineHeight:1.1,textWrap:"balance",margin:"clamp(30px, 8vw, 40px) 0 5px"},subheading:{tag:"h3",mobileSize:20,desktopSize:26,lineHeight:1.25,fontWeight:500,margin:"30px 0 0"},body:{tag:"p",mobileSize:16,desktopSize:17,fontWeight:400,margin:"10px 0 0"},caption:{tag:"span",mobileSize:11,desktopSize:12,lineHeight:1,fontWeight:600,margin:0,style:{textTransform:"uppercase"}},link:{tag:"a",mobileSize:"inherit",desktopSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit",fontWeight:"inherit",margin:0}},t={light:{display:{color:"#0F1014"},heading:{color:"#14151A"},subheading:{color:"#3f4043"},body:{color:"#26272E"},caption:{color:"#6B6D76"},link:{color:"orangered",hover:"orangered"}},dark:{display:{color:"#FFFFFF"},heading:{color:"#F7F8FA"},subheading:{color:"#9A9DAA"},body:{color:"#F7F7F8"},caption:{color:"#9A9DAA"},link:{color:"orangered",hover:"orangered"}}},r=({variant:r,appearance:a="light",style:n,color:l,colorHover:p,...g})=>{const c=i[r],h=t[a][r];return e(o,{...c,...g,color:l??h.color,colorHover:p??h.hover,style:{...c.style,...n}})};r.displayName="Typography";export{r as Typography};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najwer23morsels",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",

package/lib/CopyButton/index.d.ts

@@ -1,2 +0,0 @@
-import { CopyButton } from './CopyButton';
-export { CopyButton };