@yakad/ui 1.3.41 → 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.
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
3
- sticky?: boolean;
4
- autohide?: boolean;
3
+ position?: "initial" | "sticky" | "autohide";
4
+ align?: "start" | "center" | "end";
5
5
  blur?: boolean;
6
6
  children?: React.ReactNode;
7
7
  }
@@ -13,11 +13,11 @@ import React, { forwardRef, useEffect, useState } from "react";
13
13
  import classNames from "classnames";
14
14
  import styles from "./appBar.module.css";
15
15
  export const AppBar = forwardRef((_a, ref) => {
16
- var { sticky, autohide, blur, className, children } = _a, restProps = __rest(_a, ["sticky", "autohide", "blur", "className", "children"]);
16
+ var { position = "initial", align, blur, className, children } = _a, restProps = __rest(_a, ["position", "align", "blur", "className", "children"]);
17
17
  const [show, setShow] = useState(true);
18
18
  const [lastScrollY, setLastScrollY] = useState(0);
19
19
  useEffect(() => {
20
- if (!autohide)
20
+ if (position !== "autohide")
21
21
  return;
22
22
  const handleScroll = () => {
23
23
  const currentScrollY = window.scrollY;
@@ -33,11 +33,12 @@ export const AppBar = forwardRef((_a, ref) => {
33
33
  };
34
34
  window.addEventListener("scroll", handleScroll);
35
35
  return () => window.removeEventListener("scroll", handleScroll);
36
- }, [lastScrollY, autohide]);
36
+ }, [lastScrollY, position]);
37
37
  const joinedClassNames = classNames(styles.header, {
38
- [styles.sticky]: sticky,
38
+ [styles.sticky]: position === "sticky" || position === "autohide",
39
+ [styles.hidden]: position === "autohide" && !show,
40
+ [styles[align]]: align,
39
41
  [styles.blur]: blur,
40
- [styles.hidden]: autohide && !show,
41
42
  }, className);
42
43
  return (React.createElement("header", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
43
44
  });
@@ -1 +1 @@
1
- {"version":3,"file":"appBar.js","sourceRoot":"","sources":["../../src/appBar/appBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AASzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA3D,uDAA6D,CAAF;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,YAAY,GAAG,GAAG,EAAE;YACtB,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;YAEtC,IAAI,cAAc,GAAG,WAAW,IAAI,cAAc,GAAG,EAAE,EAAE,CAAC;gBACtD,cAAc;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACJ,YAAY;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;YAED,cAAc,CAAC,cAAc,CAAC,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb;QACI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM;QACvB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;QACnB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,IAAI,CAAC,IAAI;KACrC,EACD,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,8CAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,KACvD,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"appBar.js","sourceRoot":"","sources":["../../src/appBar/appBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AASzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EAOC,EACD,GAAG,EACL,EAAE;QATA,EACI,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cANhB,sDAOC,CADe;IAIhB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,QAAQ,KAAK,UAAU;YAAE,OAAO;QAEpC,MAAM,YAAY,GAAG,GAAG,EAAE;YACtB,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;YAEtC,IAAI,cAAc,GAAG,WAAW,IAAI,cAAc,GAAG,EAAE,EAAE,CAAC;gBACtD,cAAc;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACJ,YAAY;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;YAED,cAAc,CAAC,cAAc,CAAC,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb;QACI,CAAC,MAAM,CAAC,MAAM,CAAC,EACX,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,UAAU;QACpD,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,UAAU,IAAI,CAAC,IAAI;QACjD,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK;QAChC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;KACtB,EACD,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,8CAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,KACvD,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
@@ -17,20 +17,30 @@
17
17
  user-select: none;
18
18
  }
19
19
 
20
+ .start {
21
+ justify-content: flex-start;
22
+ }
23
+ .center {
24
+ justify-content: center;
25
+ }
26
+ .end {
27
+ justify-content: flex-end;
28
+ }
29
+
20
30
  .header.sticky {
21
31
  position: sticky;
22
32
  top: 0;
23
33
  }
24
34
 
35
+ .header.hidden {
36
+ transform: translateY(-100%);
37
+ }
38
+
25
39
  .header.blur {
26
40
  background-color: color-mix(
27
41
  in srgb,
28
- rgb(var(--surfaceContainerColor, 243 237 247)) 85%,
42
+ rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
29
43
  transparent
30
44
  );
31
45
  backdrop-filter: blur(0.5rem);
32
46
  }
33
-
34
- .header.hidden {
35
- transform: translateY(-100%);
36
- }
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
3
3
  align?: "start" | "center" | "end";
4
- sticky?: boolean;
4
+ position?: "initial" | "sticky";
5
5
  blur?: boolean;
6
6
  children?: React.ReactNode;
7
7
  }
@@ -13,8 +13,8 @@ import React, { forwardRef } from "react";
13
13
  import classNames from "classnames";
14
14
  import styles from "./footer.module.css";
15
15
  export const Footer = forwardRef((_a, ref) => {
16
- var { align, sticky, blur, className, children } = _a, restProps = __rest(_a, ["align", "sticky", "blur", "className", "children"]);
17
- const joinedClassNames = classNames(styles.footer, { [styles[align]]: align }, { [styles.sticky]: sticky }, { [styles.blur]: blur }, className);
16
+ var { position = "initial", align, blur, className, children } = _a, restProps = __rest(_a, ["position", "align", "blur", "className", "children"]);
17
+ const joinedClassNames = classNames(styles.footer, { [styles.sticky]: position === "sticky" }, { [styles[align]]: align }, { [styles.blur]: blur }, className);
18
18
  return (React.createElement("footer", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
19
19
  });
20
20
  //# sourceMappingURL=footer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"footer.js","sourceRoot":"","sources":["../../src/footer/footer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AASzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CAAC,EAA0D,EAAE,GAAG,EAAE,EAAE;QAAnE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAxD,oDAA0D,CAAF;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EACvB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,8CAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,KACvD,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"footer.js","sourceRoot":"","sources":["../../src/footer/footer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AASzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EAOC,EACD,GAAG,EACL,EAAE;QATA,EACI,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cANhB,sDAOC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,QAAQ,EAAE,EAC1C,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EACvB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,8CAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,KACvD,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
@@ -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);
@@ -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 {};
@@ -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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":"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"}
@@ -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.41",
3
+ "version": "1.3.43",
4
4
  "private": false,
5
5
  "author": "Natiq",
6
6
  "description": "UI components for NextJS/React",