@yakad/ui 1.3.49 → 1.3.51

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 (18) hide show
  1. package/dist/appBar/appBar.d.ts +1 -1
  2. package/dist/appBar/appBar.js +3 -7
  3. package/dist/appBar/appBar.js.map +1 -1
  4. package/dist/appBar/appBar.module.css +14 -14
  5. package/dist/container/container.d.ts +1 -1
  6. package/dist/container/container.js +2 -2
  7. package/dist/container/container.js.map +1 -1
  8. package/dist/container/container.module.css +7 -6
  9. package/dist/footer/footer.d.ts +1 -1
  10. package/dist/footer/footer.js +22 -2
  11. package/dist/footer/footer.js.map +1 -1
  12. package/dist/footer/footer.module.css +13 -8
  13. package/dist/stack/stack.module.css +1 -1
  14. package/dist/text/text.d.ts +1 -1
  15. package/dist/text/text.js +2 -2
  16. package/dist/text/text.js.map +1 -1
  17. package/dist/text/text.module.css +18 -3
  18. package/package.json +1 -1
package/dist/appBar/appBar.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
3
- position?: "initial" | "sticky" | "autohide";
3
+ position?: "initial" | "sticky" | "scroll";
4
4
  size?: "xs" | "sm" | "md" | "lg" | "xl";
5
5
  align?: "start" | "center" | "end";
6
6
  blur?: boolean;
package/dist/appBar/appBar.js CHANGED
@@ -17,7 +17,7 @@ export const AppBar = forwardRef((_a, ref) => {
17
17
  const [show, setShow] = useState(true);
18
18
  const [lastScrollY, setLastScrollY] = useState(0);
19
19
  useEffect(() => {
20
- if (position !== "autohide")
20
+ if (position !== "scroll")
21
21
  return;
22
22
  const handleScroll = () => {
23
23
  const currentScrollY = window.scrollY;
@@ -35,12 +35,8 @@ export const AppBar = forwardRef((_a, ref) => {
35
35
  return () => window.removeEventListener("scroll", handleScroll);
36
36
  }, [lastScrollY, position]);
37
37
  const joinedClassNames = classNames(styles.header, {
38
- [styles.sticky]: position === "sticky" || position === "autohide",
39
- [styles.hidden]: position === "autohide" && !show,
40
- [styles[size]]: size,
41
- [styles[align]]: align,
42
- [styles.blur]: blur,
43
- }, className);
38
+ [styles.sticky]: position === "sticky" || position === "scroll",
39
+ }, { [styles.hidden]: position === "scroll" && !show }, { [styles[size]]: size }, { [styles[align]]: align }, { [styles.blur]: blur }, className);
44
40
  return (React.createElement("header", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
45
41
  });
46
42
  //# sourceMappingURL=appBar.js.map
package/dist/appBar/appBar.js.map CHANGED
@@ -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;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAUzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EAQC,EACD,GAAG,EACL,EAAE;QAVA,EACI,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cAPhB,8DAQC,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,IAAc,CAAC,CAAC,EAAE,IAAI;QAC9B,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"}
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;AAUzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EAQC,EACD,GAAG,EACL,EAAE;QAVA,EACI,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cAPhB,8DAQC,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,QAAQ;YAAE,OAAO;QAElC,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,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,QAAQ;KAClE,EACD,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,QAAQ,IAAI,CAAC,IAAI,EAAE,EACnD,EAAE,CAAC,MAAM,CAAC,IAAc,CAAC,CAAC,EAAE,IAAI,EAAE,EAClC,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"}
package/dist/appBar/appBar.module.css CHANGED
@@ -2,11 +2,12 @@
2
2
  display: flex;
3
3
  flex-direction: row;
4
4
  align-items: center;
5
+ flex-wrap: wrap;
5
6
  width: 100%;
6
- height: 6rem;
7
+ min-height: 6rem;
7
8
  padding-left: 2rem;
8
9
  padding-right: 2rem;
9
- border-bottom: 0.1rem solid #7d7d7d40;
10
+ box-shadow: 0 0.1rem 0 0 rgb(var(--onSurfaceColor, 28 27 31) / 0.1);
10
11
  gap: 1rem;
11
12
  box-sizing: border-box;
12
13
  z-index: 2;
@@ -18,47 +19,46 @@
18
19
  user-select: none;
19
20
  }
20
21
 
21
- .header.xs {
22
+ .xs {
22
23
  padding-left: max(2rem, calc(50% - 44.4rem / 2));
23
24
  padding-right: max(2rem, calc(50% - 44.4rem / 2));
24
25
  }
25
- .header.sm {
26
+ .sm {
26
27
  padding-left: max(2rem, calc(50% - 60rem / 2));
27
28
  padding-right: max(2rem, calc(50% - 60rem / 2));
28
29
  }
29
- .header.md {
30
+ .md {
30
31
  padding-left: max(2rem, calc(50% - 90rem / 2));
31
32
  padding-right: max(2rem, calc(50% - 90rem / 2));
32
33
  }
33
- .header.lg {
34
+ .lg {
34
35
  padding-left: max(2rem, calc(50% - 120rem / 2));
35
36
  padding-right: max(2rem, calc(50% - 120rem / 2));
36
37
  }
37
- .header.xl {
38
+ .xl {
38
39
  padding-left: max(2rem, calc(50% - 150rem / 2));
39
40
  padding-right: max(2rem, calc(50% - 150rem / 2));
40
41
  }
41
42
 
42
- .header.start {
43
+ .start {
43
44
  justify-content: flex-start;
44
45
  }
45
- .header.center {
46
+ .center {
46
47
  justify-content: center;
47
48
  }
48
- .header.end {
49
+ .end {
49
50
  justify-content: flex-end;
50
51
  }
51
52
 
52
- .header.sticky {
53
+ .sticky {
53
54
  position: sticky;
54
55
  top: 0;
55
56
  }
56
-
57
- .header.hidden {
57
+ .hidden {
58
58
  transform: translateY(-100%);
59
59
  }
60
60
 
61
- .header.blur {
61
+ .blur {
62
62
  background-color: color-mix(
63
63
  in srgb,
64
64
  rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
package/dist/container/container.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
3
- align?: "start" | "center" | "end";
4
3
  size?: "xs" | "sm" | "md" | "lg" | "xl";
4
+ align?: "start" | "center" | "end";
5
5
  children?: React.ReactNode;
6
6
  }
7
7
  export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
package/dist/container/container.js CHANGED
@@ -13,8 +13,8 @@ import React, { forwardRef } from "react";
13
13
  import classNames from "classnames";
14
14
  import styles from "./container.module.css";
15
15
  export const Container = forwardRef((_a, ref) => {
16
- var { align, size = "xl", className, children } = _a, restProps = __rest(_a, ["align", "size", "className", "children"]);
17
- const joinedClassNames = classNames(styles.container, { [styles[align]]: align }, styles[size], className);
16
+ var { size = "xl", align, className, children } = _a, restProps = __rest(_a, ["size", "align", "className", "children"]);
17
+ const joinedClassNames = classNames(styles.container, styles[size], { [styles[align]]: align }, className);
18
18
  return (React.createElement("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
19
19
  });
20
20
  //# sourceMappingURL=container.js.map
package/dist/container/container.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,0CAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,SAAS,EAChB,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,MAAM,CAAC,IAAI,CAAC,EACZ,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,2CAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,KACpD,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,0CAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,IAAI,CAAC,EACZ,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,2CAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,KACpD,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
package/dist/container/container.module.css CHANGED
@@ -1,24 +1,25 @@
1
- div.container {
1
+ .container {
2
2
  width: 100%;
3
3
  padding: 2rem;
4
+ gap: 2rem;
4
5
  margin-right: auto;
5
6
  margin-left: auto;
6
7
  box-sizing: border-box;
7
8
  }
8
9
 
9
- div.container.xs {
10
+ .container.xs {
10
11
  max-width: 44.4rem;
11
12
  }
12
- div.container.sm {
13
+ .container.sm {
13
14
  max-width: 60rem;
14
15
  }
15
- div.container.md {
16
+ .container.md {
16
17
  max-width: 90rem;
17
18
  }
18
- div.container.lg {
19
+ .container.lg {
19
20
  max-width: 120rem;
20
21
  }
21
- div.container.xl {
22
+ .container.xl {
22
23
  max-width: 150rem;
23
24
  }
24
25
 
package/dist/footer/footer.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
3
- position?: "initial" | "sticky";
3
+ position?: "initial" | "sticky" | "scroll";
4
4
  size?: "xs" | "sm" | "md" | "lg" | "xl";
5
5
  align?: "start" | "center" | "end";
6
6
  blur?: boolean;
package/dist/footer/footer.js CHANGED
@@ -9,12 +9,32 @@ var __rest = (this && this.__rest) || function (s, e) {
9
9
  }
10
10
  return t;
11
11
  };
12
- import React, { forwardRef } from "react";
12
+ import React, { forwardRef, useState, useEffect } 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
16
  var { position = "initial", size, align, blur, className, children } = _a, restProps = __rest(_a, ["position", "size", "align", "blur", "className", "children"]);
17
- const joinedClassNames = classNames(styles.footer, { [styles.sticky]: position === "sticky" }, { [styles[size]]: size }, { [styles[align]]: align }, { [styles.blur]: blur }, className);
17
+ const [show, setShow] = useState(true);
18
+ const [lastScrollY, setLastScrollY] = useState(0);
19
+ useEffect(() => {
20
+ if (position !== "scroll")
21
+ return;
22
+ const handleScroll = () => {
23
+ const currentScrollY = window.scrollY;
24
+ if (currentScrollY > lastScrollY && currentScrollY > 50) {
25
+ // Scroll down
26
+ setShow(false);
27
+ }
28
+ else {
29
+ // Scroll up
30
+ setShow(true);
31
+ }
32
+ setLastScrollY(currentScrollY);
33
+ };
34
+ window.addEventListener("scroll", handleScroll);
35
+ return () => window.removeEventListener("scroll", handleScroll);
36
+ }, [lastScrollY, position]);
37
+ const joinedClassNames = classNames(styles.footer, { [styles.sticky]: position === "sticky" || position === "scroll" }, { [styles.hidden]: position === "scroll" && !show }, { [styles[size]]: size }, { [styles[align]]: align }, { [styles.blur]: blur }, className);
18
38
  return (React.createElement("footer", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
19
39
  });
20
40
  //# sourceMappingURL=footer.js.map
package/dist/footer/footer.js.map CHANGED
@@ -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;AAUzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EAQC,EACD,GAAG,EACL,EAAE;QAVA,EACI,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cAPhB,8DAQC,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,IAAc,CAAC,CAAC,EAAE,IAAI,EAAE,EAClC,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"}
1
+ {"version":3,"file":"footer.js","sourceRoot":"","sources":["../../src/footer/footer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAUzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EAQC,EACD,GAAG,EACL,EAAE;QAVA,EACI,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cAPhB,8DAQC,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,QAAQ;YAAE,OAAO;QAElC,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,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,QAAQ,EAAE,EACnE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,QAAQ,IAAI,CAAC,IAAI,EAAE,EACnD,EAAE,CAAC,MAAM,CAAC,IAAc,CAAC,CAAC,EAAE,IAAI,EAAE,EAClC,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"}
package/dist/footer/footer.module.css CHANGED
@@ -1,6 +1,5 @@
1
1
  .footer {
2
2
  display: flex;
3
- box-sizing: border-box;
4
3
  flex-direction: row;
5
4
  align-items: center;
6
5
  flex-wrap: wrap;
@@ -14,25 +13,28 @@
14
13
  background: rgb(var(--surfaceContainerColor, 243 237 247));
15
14
  color: rgb(var(--onSurfaceColor, 28 27 31));
16
15
  fill: rgb(var(--onSurfaceColor, 28 27 31));
16
+ transition: transform 0.3s ease;
17
+ will-change: transform;
18
+ user-select: none;
17
19
  }
18
20
 
19
- .footer.xs {
21
+ .xs {
20
22
  padding-left: max(2rem, calc(50% - 44.4rem / 2));
21
23
  padding-right: max(2rem, calc(50% - 44.4rem / 2));
22
24
  }
23
- .footer.sm {
25
+ .sm {
24
26
  padding-left: max(2rem, calc(50% - 60rem / 2));
25
27
  padding-right: max(2rem, calc(50% - 60rem / 2));
26
28
  }
27
- .footer.md {
29
+ .md {
28
30
  padding-left: max(2rem, calc(50% - 90rem / 2));
29
31
  padding-right: max(2rem, calc(50% - 90rem / 2));
30
32
  }
31
- .footer.lg {
33
+ .lg {
32
34
  padding-left: max(2rem, calc(50% - 120rem / 2));
33
35
  padding-right: max(2rem, calc(50% - 120rem / 2));
34
36
  }
35
- .footer.xl {
37
+ .xl {
36
38
  padding-left: max(2rem, calc(50% - 150rem / 2));
37
39
  padding-right: max(2rem, calc(50% - 150rem / 2));
38
40
  }
@@ -47,12 +49,15 @@
47
49
  justify-content: flex-end;
48
50
  }
49
51
 
50
- .footer.sticky {
52
+ .sticky {
51
53
  position: sticky;
52
54
  bottom: 0;
53
55
  }
56
+ .hidden {
57
+ transform: translateY(100%);
58
+ }
54
59
 
55
- .footer.blur {
60
+ .blur {
56
61
  background-color: color-mix(
57
62
  in srgb,
58
63
  rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
package/dist/stack/stack.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .stack {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- gap: 1rem;
4
+ gap: 2rem;
5
5
  box-sizing: border-box;
6
6
  }
7
7
 
package/dist/text/text.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- type TextVariant = "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "body1" | "body2" | "body3" | "caption" | "span";
2
+ type TextVariant = "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "body1" | "body2" | "body3" | "body4" | "body5" | "body6" | "caption" | "span";
3
3
  export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
4
4
  variant?: TextVariant;
5
5
  children?: React.ReactNode;
package/dist/text/text.js CHANGED
@@ -43,7 +43,7 @@ export const H6 = forwardRef((_a, ref) => {
43
43
  return (React.createElement("h6", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
44
44
  });
45
45
  export const P = forwardRef((_a, ref) => {
46
- var { variant = "body2", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
46
+ var { variant = "body5", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
47
47
  const joinedClassNames = classNames(styles.text, styles[variant], className);
48
48
  return (React.createElement("p", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
49
49
  });
@@ -53,7 +53,7 @@ export const Span = forwardRef((_a, ref) => {
53
53
  return (React.createElement("span", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
54
54
  });
55
55
  export const Text = forwardRef((_a, ref) => {
56
- var { variant = "body2", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
56
+ var { variant = "body5", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
57
57
  const joinedClassNames = classNames(styles[variant], className);
58
58
  return (React.createElement("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
59
59
  });
package/dist/text/text.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":"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"}
package/dist/text/text.module.css CHANGED
@@ -33,23 +33,38 @@
33
33
  line-height: 2.2rem;
34
34
  }
35
35
  .body1 {
36
+ font-size: 3rem;
37
+ font-weight: 400;
38
+ line-height: 3.8rem;
39
+ }
40
+ .body2 {
41
+ font-size: 2.4rem;
42
+ font-weight: 400;
43
+ line-height: 3rem;
44
+ }
45
+ .body3 {
46
+ font-size: 2rem;
47
+ font-weight: 400;
48
+ line-height: 2.4rem;
49
+ }
50
+ .body4 {
36
51
  font-size: 1.8rem;
37
52
  font-weight: 400;
38
53
  line-height: 2.4rem;
39
54
  }
40
- .body2 {
55
+ .body5 {
41
56
  font-size: 1.6rem;
42
57
  font-weight: 400;
43
58
  line-height: 2.2rem;
44
59
  }
45
- .body3 {
60
+ .body6 {
46
61
  font-size: 1.4rem;
47
62
  font-weight: 400;
48
63
  line-height: 2rem;
49
64
  }
50
65
  .caption {
51
66
  font-size: 1.2rem;
52
- font-weight: 300;
67
+ font-weight: 400;
53
68
  line-height: 1.6rem;
54
69
  }
55
70
  .span {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.3.49",
3
+ "version": "1.3.51",
4
4
  "private": false,
5
5
  "author": "Natiq",
6
6
  "description": "UI components for NextJS/React",