@yakad/ui 1.3.42 → 1.3.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/appBar/appBar.module.css +1 -1
  2. package/dist/footer/footer.module.css +1 -1
  3. package/dist/text/text.d.ts +23 -0
  4. package/dist/text/text.js +55 -0
  5. package/dist/text/text.js.map +1 -0
  6. package/dist/text/text.module.css +57 -0
  7. package/package.json +1 -1
package/dist/appBar/appBar.module.css CHANGED
@@ -39,7 +39,7 @@
39
39
  .header.blur {
40
40
  background-color: color-mix(
41
41
  in srgb,
42
- rgb(var(--surfaceContainerColor, 243 237 247)) 85%,
42
+ rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
43
43
  transparent
44
44
  );
45
45
  backdrop-filter: blur(0.5rem);
package/dist/footer/footer.module.css CHANGED
@@ -32,7 +32,7 @@
32
32
  .footer.blur {
33
33
  background-color: color-mix(
34
34
  in srgb,
35
- rgb(var(--surfaceContainerColor, 243 237 247)) 85%,
35
+ rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
36
36
  transparent
37
37
  );
38
38
  backdrop-filter: blur(0.5rem);
package/dist/text/text.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ type TextVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "caption" | "span";
3
+ export interface HProps extends React.HTMLAttributes<HTMLHeadingElement> {
4
+ variant?: TextVariant;
5
+ children?: React.ReactNode;
6
+ }
7
+ export declare const Heading: React.ForwardRefExoticComponent<HProps & React.RefAttributes<HTMLHeadingElement>>;
8
+ export declare const H2: React.ForwardRefExoticComponent<HProps & React.RefAttributes<HTMLHeadingElement>>;
9
+ export declare const H3: React.ForwardRefExoticComponent<HProps & React.RefAttributes<HTMLHeadingElement>>;
10
+ export declare const H4: React.ForwardRefExoticComponent<HProps & React.RefAttributes<HTMLHeadingElement>>;
11
+ export declare const H5: React.ForwardRefExoticComponent<HProps & React.RefAttributes<HTMLHeadingElement>>;
12
+ export declare const H6: React.ForwardRefExoticComponent<HProps & React.RefAttributes<HTMLHeadingElement>>;
13
+ export interface PProps extends React.HTMLAttributes<HTMLParagraphElement> {
14
+ variant?: TextVariant;
15
+ children?: React.ReactNode;
16
+ }
17
+ export declare const P: React.ForwardRefExoticComponent<PProps & React.RefAttributes<HTMLParagraphElement>>;
18
+ export interface SpanProps extends React.HTMLAttributes<HTMLSpanElement> {
19
+ variant?: TextVariant;
20
+ children?: React.ReactNode;
21
+ }
22
+ export declare const Span: React.ForwardRefExoticComponent<SpanProps & React.RefAttributes<HTMLSpanElement>>;
23
+ export {};
package/dist/text/text.js ADDED
@@ -0,0 +1,55 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React, { forwardRef } from "react";
13
+ import classNames from "classnames";
14
+ import styles from "./text.module.css";
15
+ export const Heading = forwardRef((_a, ref) => {
16
+ var { variant = "h1", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
17
+ const joinedClassNames = classNames(styles[variant], className);
18
+ return (React.createElement("h1", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
19
+ });
20
+ export const H2 = forwardRef((_a, ref) => {
21
+ var { variant = "h2", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
22
+ const joinedClassNames = classNames(styles[variant], className);
23
+ return (React.createElement("h2", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
24
+ });
25
+ export const H3 = forwardRef((_a, ref) => {
26
+ var { variant = "h3", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
27
+ const joinedClassNames = classNames(styles[variant], className);
28
+ return (React.createElement("h3", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
29
+ });
30
+ export const H4 = forwardRef((_a, ref) => {
31
+ var { variant = "h4", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
32
+ const joinedClassNames = classNames(styles[variant], className);
33
+ return (React.createElement("h4", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
34
+ });
35
+ export const H5 = forwardRef((_a, ref) => {
36
+ var { variant = "h5", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
37
+ const joinedClassNames = classNames(styles[variant], className);
38
+ return (React.createElement("h5", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
39
+ });
40
+ export const H6 = forwardRef((_a, ref) => {
41
+ var { variant = "h6", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
42
+ const joinedClassNames = classNames(styles[variant], className);
43
+ return (React.createElement("h6", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
44
+ });
45
+ export const P = forwardRef((_a, ref) => {
46
+ var { variant = "p", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
47
+ const joinedClassNames = classNames(styles[variant], className);
48
+ return (React.createElement("p", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
49
+ });
50
+ export const Span = forwardRef((_a, ref) => {
51
+ var { variant = "span", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
52
+ const joinedClassNames = classNames(styles[variant], className);
53
+ return (React.createElement("span", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
54
+ });
55
+ //# sourceMappingURL=text.js.map
package/dist/text/text.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":"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"}
package/dist/text/text.module.css ADDED
@@ -0,0 +1,57 @@
1
+ .h1,
2
+ .h2,
3
+ .h3,
4
+ .h4,
5
+ .h5,
6
+ .h6,
7
+ .p,
8
+ .caption,
9
+ .span {
10
+ margin: 0;
11
+ }
12
+
13
+ .h1 {
14
+ font-size: 2.4rem;
15
+ font-weight: 700;
16
+ line-height: 3.2rem;
17
+ }
18
+ .h2 {
19
+ font-size: 2rem;
20
+ font-weight: 700;
21
+ line-height: 2.8rem;
22
+ }
23
+ .h3 {
24
+ font-size: 1.6rem;
25
+ font-weight: 700;
26
+ line-height: 2.4rem;
27
+ }
28
+ .h4 {
29
+ font-size: 1.4rem;
30
+ font-weight: 700;
31
+ line-height: 2.1rem;
32
+ }
33
+ .h5 {
34
+ font-size: 1.2rem;
35
+ font-weight: 700;
36
+ line-height: 1.8rem;
37
+ }
38
+ .h6 {
39
+ font-size: 1rem;
40
+ font-weight: 700;
41
+ line-height: 1.5rem;
42
+ }
43
+ .p {
44
+ font-size: 1.4rem;
45
+ font-weight: 400;
46
+ line-height: 2.1rem;
47
+ }
48
+ .caption {
49
+ font-size: 1rem;
50
+ font-weight: 200;
51
+ line-height: 1.5rem;
52
+ }
53
+ .span {
54
+ font-size: inherit;
55
+ font-weight: inherit;
56
+ line-height: inherit;
57
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.3.42",
3
+ "version": "1.3.43",
4
4
  "private": false,
5
5
  "author": "Natiq",
6
6
  "description": "UI components for NextJS/React",