najwer23morsels 1.7.0 → 1.8.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # najwer23morsels
 
+## 1.8.0
+
+### Minor Changes
+
+- Typography
+
 ## 1.7.0
 
 ### Minor Changes

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.7.0",
+  "version": "1.8.0",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",