@yakad/ui 1.3.42 → 1.3.45

package/dist/appBar/appBar.module.css

@@ -39,7 +39,7 @@
 .header.blur {
     background-color: color-mix(
         in srgb,
-        rgb(var(--surfaceContainerColor, 243 237 247)) 85%,
+        rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
         transparent
     );
     backdrop-filter: blur(0.5rem);

package/dist/footer/footer.module.css

@@ -32,7 +32,7 @@
 .footer.blur {
     background-color: color-mix(
         in srgb,
-        rgb(var(--surfaceContainerColor, 243 237 247)) 85%,
+        rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
         transparent
     );
     backdrop-filter: blur(0.5rem);

package/dist/index.d.ts

@@ -26,4 +26,5 @@ export * from "./spacer/spacer";
 export * from "./stack/stack";
 export * from "./svgIcon/svgIcon";
 export * from "./table/table";
+export * from "./text/text";
 export * from "./theme/theme";

package/dist/index.js

@@ -26,5 +26,6 @@ export * from "./spacer/spacer";
 export * from "./stack/stack";
 export * from "./svgIcon/svgIcon";
 export * from "./table/table";
+export * from "./text/text";
 export * from "./theme/theme";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}

package/dist/text/text.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+type TextVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "caption" | "span";
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    variant?: TextVariant;
+    children?: React.ReactNode;
+}
+export declare const H1: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H2: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H3: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H4: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H5: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H6: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface ParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    variant?: TextVariant;
+    children?: React.ReactNode;
+}
+export declare const P: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+export interface SpanProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: TextVariant;
+    children?: React.ReactNode;
+}
+export declare const Span: React.ForwardRefExoticComponent<SpanProps & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/text/text.js

@@ -0,0 +1,55 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import styles from "./text.module.css";
+export const H1 = forwardRef((_a, ref) => {
+    var { variant = "h1", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
+    const joinedClassNames = classNames(styles[variant], className);
+    return (React.createElement("h1", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
+});
+export const H2 = forwardRef((_a, ref) => {
+    var { variant = "h2", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
+    const joinedClassNames = classNames(styles[variant], className);
+    return (React.createElement("h2", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
+});
+export const H3 = forwardRef((_a, ref) => {
+    var { variant = "h3", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
+    const joinedClassNames = classNames(styles[variant], className);
+    return (React.createElement("h3", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
+});
+export const H4 = forwardRef((_a, ref) => {
+    var { variant = "h4", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
+    const joinedClassNames = classNames(styles[variant], className);
+    return (React.createElement("h4", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
+});
+export const H5 = forwardRef((_a, ref) => {
+    var { variant = "h5", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
+    const joinedClassNames = classNames(styles[variant], className);
+    return (React.createElement("h5", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
+});
+export const H6 = forwardRef((_a, ref) => {
+    var { variant = "h6", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
+    const joinedClassNames = classNames(styles[variant], className);
+    return (React.createElement("h6", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
+});
+export const P = forwardRef((_a, ref) => {
+    var { variant = "p", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
+    const joinedClassNames = classNames(styles[variant], className);
+    return (React.createElement("p", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
+});
+export const Span = forwardRef((_a, ref) => {
+    var { variant = "span", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
+    const joinedClassNames = classNames(styles[variant], className);
+    return (React.createElement("span", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
+});
+//# sourceMappingURL=text.js.map

package/dist/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":"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"}

package/dist/text/text.module.css

@@ -0,0 +1,57 @@
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+.p,
+.caption,
+.span {
+    margin: 0;
+}
+
+.h1 {
+    font-size: 2.4rem;
+    font-weight: 700;
+    line-height: 3.2rem;
+}
+.h2 {
+    font-size: 2rem;
+    font-weight: 700;
+    line-height: 2.8rem;
+}
+.h3 {
+    font-size: 1.6rem;
+    font-weight: 700;
+    line-height: 2.4rem;
+}
+.h4 {
+    font-size: 1.4rem;
+    font-weight: 700;
+    line-height: 2.1rem;
+}
+.h5 {
+    font-size: 1.2rem;
+    font-weight: 700;
+    line-height: 1.8rem;
+}
+.h6 {
+    font-size: 1rem;
+    font-weight: 700;
+    line-height: 1.5rem;
+}
+.p {
+    font-size: 1.4rem;
+    font-weight: 400;
+    line-height: 2.1rem;
+}
+.caption {
+    font-size: 1rem;
+    font-weight: 200;
+    line-height: 1.5rem;
+}
+.span {
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.42",
+    "version": "1.3.45",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",