@yakad/ui 1.3.72 → 1.3.73

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 (13) hide show
  1. package/dist/appBar/appBar.d.ts +2 -1
  2. package/dist/appBar/appBar.js +4 -3
  3. package/dist/appBar/appBar.js.map +1 -1
  4. package/dist/appBar/appBar.module.css +0 -19
  5. package/dist/footer/footer.d.ts +2 -1
  6. package/dist/footer/footer.js +3 -2
  7. package/dist/footer/footer.js.map +1 -1
  8. package/dist/footer/footer.module.css +0 -18
  9. package/dist/row/row.d.ts +1 -1
  10. package/dist/row/row.js +3 -2
  11. package/dist/row/row.js.map +1 -1
  12. package/dist/row/row.module.css +0 -52
  13. package/package.json +1 -1
package/dist/appBar/appBar.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ align?: "start" | "center" | "end";
3
+ overflow?: "shrink" | "wrap" | "scroll";
2
4
  position?: "initial" | "sticky" | "scroll";
3
5
  size?: "xs" | "sm" | "md" | "lg" | "xl";
4
- align?: "start" | "center" | "end";
5
6
  blur?: boolean;
6
7
  children?: React.ReactNode;
7
8
  }
package/dist/appBar/appBar.js CHANGED
@@ -13,8 +13,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
13
13
  import { forwardRef, useEffect, useState } from "react";
14
14
  import classNames from "classnames";
15
15
  import styles from "./appBar.module.css";
16
+ import boxingStyles from "../boxing.module.css";
16
17
  export const AppBar = forwardRef((_a, ref) => {
17
- var { position = "initial", size, align, blur, className, children } = _a, restProps = __rest(_a, ["position", "size", "align", "blur", "className", "children"]);
18
+ var { align, overflow = "shrink", position = "initial", size, blur, className, children } = _a, restProps = __rest(_a, ["align", "overflow", "position", "size", "blur", "className", "children"]);
18
19
  const [show, setShow] = useState(true);
19
20
  const [lastScrollY, setLastScrollY] = useState(0);
20
21
  useEffect(() => {
@@ -35,9 +36,9 @@ export const AppBar = forwardRef((_a, ref) => {
35
36
  window.addEventListener("scroll", handleScroll);
36
37
  return () => window.removeEventListener("scroll", handleScroll);
37
38
  }, [lastScrollY, position]);
38
- const joinedClassNames = classNames(styles.header, {
39
+ const joinedClassNames = classNames(boxingStyles.flexRowBox, { [boxingStyles[align]]: align }, boxingStyles[overflow], styles.header, {
39
40
  [styles.sticky]: position === "sticky" || position === "scroll",
40
- }, { [styles.hidden]: position === "scroll" && !show }, { [styles[size]]: size }, { [styles[align]]: align }, { [styles.blur]: blur }, className);
41
+ }, { [styles.hidden]: position === "scroll" && !show }, { [styles[size]]: size }, { [styles.blur]: blur }, className);
41
42
  return (_jsx("header", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
42
43
  });
43
44
  //# 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,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,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,+BAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACvD,QAAQ,IACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"appBar.js","sourceRoot":"","sources":["../../src/appBar/appBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAWhD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EASC,EACD,GAAG,EACL,EAAE;QAXA,EACI,KAAK,EACL,QAAQ,GAAG,QAAQ,EACnB,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cARhB,0EASC,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,YAAY,CAAC,UAAU,EACvB,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,YAAY,CAAC,QAAQ,CAAC,EACtB,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,IAAI,CAAC,EAAE,IAAI,EAAE,EACvB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,+BAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACvD,QAAQ,IACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
package/dist/appBar/appBar.module.css CHANGED
@@ -1,21 +1,12 @@
1
1
  .header {
2
- display: flex;
3
- flex-direction: row;
4
- align-items: center;
5
- flex-wrap: wrap;
6
- width: 100%;
7
2
  min-height: 6rem;
8
3
  padding-left: 2rem;
9
4
  padding-right: 2rem;
10
5
  box-shadow: 0 0.1rem 0 0 rgb(var(--onSurfaceColor, 28 27 31) / 0.1);
11
- gap: 1rem;
12
- box-sizing: border-box;
13
6
  z-index: 2;
14
7
  background: rgb(var(--surfaceContainerColor, 243 237 247));
15
8
  color: rgb(var(--onSurfaceColor, 28 27 31));
16
9
  fill: rgb(var(--onSurfaceColor, 28 27 31));
17
- transition: transform 0.3s ease;
18
- will-change: transform;
19
10
  user-select: none;
20
11
  }
21
12
 
@@ -40,16 +31,6 @@
40
31
  padding-right: max(2rem, calc(50% - 150rem / 2 + 2rem));
41
32
  }
42
33
 
43
- .start {
44
- justify-content: flex-start;
45
- }
46
- .center {
47
- justify-content: center;
48
- }
49
- .end {
50
- justify-content: flex-end;
51
- }
52
-
53
34
  .sticky {
54
35
  position: sticky;
55
36
  top: 0;
package/dist/footer/footer.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ align?: "start" | "center" | "end";
3
+ overflow?: "shrink" | "wrap" | "scroll";
2
4
  position?: "initial" | "sticky" | "scroll";
3
5
  size?: "xs" | "sm" | "md" | "lg" | "xl";
4
- align?: "start" | "center" | "end";
5
6
  blur?: boolean;
6
7
  children?: React.ReactNode;
7
8
  }
package/dist/footer/footer.js CHANGED
@@ -13,8 +13,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
13
13
  import { forwardRef, useState, useEffect } from "react";
14
14
  import classNames from "classnames";
15
15
  import styles from "./footer.module.css";
16
+ import boxingStyles from "../boxing.module.css";
16
17
  export const Footer = forwardRef((_a, ref) => {
17
- var { position = "initial", size, align, blur, className, children } = _a, restProps = __rest(_a, ["position", "size", "align", "blur", "className", "children"]);
18
+ var { align, overflow = "shrink", position = "initial", size, blur, className, children } = _a, restProps = __rest(_a, ["align", "overflow", "position", "size", "blur", "className", "children"]);
18
19
  const [show, setShow] = useState(true);
19
20
  const [lastScrollY, setLastScrollY] = useState(0);
20
21
  useEffect(() => {
@@ -35,7 +36,7 @@ export const Footer = forwardRef((_a, ref) => {
35
36
  window.addEventListener("scroll", handleScroll);
36
37
  return () => window.removeEventListener("scroll", handleScroll);
37
38
  }, [lastScrollY, position]);
38
- 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);
39
+ const joinedClassNames = classNames(boxingStyles.flexRowBox, { [boxingStyles[align]]: align }, boxingStyles[overflow], styles.footer, { [styles.sticky]: position === "sticky" || position === "scroll" }, { [styles.hidden]: position === "scroll" && !show }, { [styles[size]]: size }, { [styles.blur]: blur }, className);
39
40
  return (_jsx("footer", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
40
41
  });
41
42
  //# 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,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,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,+BAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACvD,QAAQ,IACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"footer.js","sourceRoot":"","sources":["../../src/footer/footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAWhD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EASC,EACD,GAAG,EACL,EAAE;QAXA,EACI,KAAK,EACL,QAAQ,GAAG,QAAQ,EACnB,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cARhB,0EASC,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,YAAY,CAAC,UAAU,EACvB,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,YAAY,CAAC,QAAQ,CAAC,EACtB,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,IAAI,CAAC,EAAE,IAAI,EAAE,EACvB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,+BAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACvD,QAAQ,IACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
package/dist/footer/footer.module.css CHANGED
@@ -1,20 +1,12 @@
1
1
  .footer {
2
- display: flex;
3
- flex-direction: row;
4
- align-items: center;
5
2
  flex-wrap: wrap;
6
- width: 100%;
7
3
  min-height: 6rem;
8
4
  padding-left: 2rem;
9
5
  padding-right: 2rem;
10
- gap: 1rem;
11
- box-sizing: border-box;
12
6
  z-index: 1;
13
7
  background: rgb(var(--surfaceContainerColor, 243 237 247));
14
8
  color: rgb(var(--onSurfaceColor, 28 27 31));
15
9
  fill: rgb(var(--onSurfaceColor, 28 27 31));
16
- transition: transform 0.3s ease;
17
- will-change: transform;
18
10
  user-select: none;
19
11
  }
20
12
 
@@ -39,16 +31,6 @@
39
31
  padding-right: max(2rem, calc(50% - 150rem / 2 + 2rem));
40
32
  }
41
33
 
42
- .start {
43
- justify-content: flex-start;
44
- }
45
- .center {
46
- justify-content: center;
47
- }
48
- .end {
49
- justify-content: flex-end;
50
- }
51
-
52
34
  .sticky {
53
35
  position: sticky;
54
36
  bottom: 0;
package/dist/row/row.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
2
2
  align?: "start" | "center" | "end";
3
- size?: "xs" | "sm" | "md" | "lg" | "xl";
4
3
  overflow?: "shrink" | "wrap" | "scroll";
4
+ size?: "xs" | "sm" | "md" | "lg" | "xl";
5
5
  children?: React.ReactNode;
6
6
  }
7
7
  export declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLDivElement>>;
package/dist/row/row.js CHANGED
@@ -13,9 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
13
13
  import { forwardRef } from "react";
14
14
  import classNames from "classnames";
15
15
  import styles from "./row.module.css";
16
+ import boxingStyles from "../boxing.module.css";
16
17
  export const Row = forwardRef((_a, ref) => {
17
- var { align, size = "xl", overflow = "shrink", className, children } = _a, restProps = __rest(_a, ["align", "size", "overflow", "className", "children"]);
18
- const joinedClassNames = classNames(styles.row, { [styles[align]]: align }, styles[size], styles[overflow], className);
18
+ var { align, overflow = "shrink", size = "xl", className, children } = _a, restProps = __rest(_a, ["align", "overflow", "size", "className", "children"]);
19
+ const joinedClassNames = classNames(boxingStyles.flexRowBox, { [boxingStyles[align]]: align }, boxingStyles[overflow], overflow === "shrink" && "allowFullWidth", styles[size], className);
19
20
  return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
20
21
  });
21
22
  //# sourceMappingURL=row.js.map
package/dist/row/row.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/row/row.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAStC,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CACzB,CACI,EAOC,EACD,GAAG,EACL,EAAE;QATA,EACI,KAAK,EACL,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,QAAQ,EACnB,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cANhB,sDAOC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,GAAG,EACV,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,MAAM,CAAC,IAAI,CAAC,EACZ,MAAM,CAAC,QAAQ,CAAC,EAChB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/row/row.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAShD,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CACzB,CACI,EAOC,EACD,GAAG,EACL,EAAE;QATA,EACI,KAAK,EACL,QAAQ,GAAG,QAAQ,EACnB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cANhB,sDAOC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,YAAY,CAAC,UAAU,EACvB,EAAE,CAAC,YAAY,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EAC1C,YAAY,CAAC,QAAQ,CAAC,EACtB,QAAQ,KAAK,QAAQ,IAAI,gBAAgB,EACzC,MAAM,CAAC,IAAI,CAAC,EACZ,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
package/dist/row/row.module.css CHANGED
@@ -1,14 +1,3 @@
1
- .row {
2
- display: flex;
3
- flex-direction: row;
4
- align-items: center;
5
- width: 100%;
6
- gap: 1rem;
7
- margin-right: auto;
8
- margin-left: auto;
9
- box-sizing: border-box;
10
- }
11
-
12
1
  .row.xs {
13
2
  max-width: 44.4rem;
14
3
  }
@@ -24,44 +13,3 @@
24
13
  .row.xl {
25
14
  max-width: 150rem;
26
15
  }
27
-
28
- .shrink {
29
- white-space: nowrap;
30
- }
31
- .wrap {
32
- flex-wrap: wrap;
33
- }
34
- .scroll {
35
- overflow-x: auto;
36
- white-space: nowrap;
37
- -webkit-overflow-scrolling: touch; /* Smooth scroll on mobile */
38
- }
39
- .scroll > * {
40
- flex-shrink: 0;
41
- }
42
- .scroll::-webkit-scrollbar {
43
- height: 0.6rem;
44
- }
45
- .scroll::-webkit-scrollbar-thumb {
46
- border-radius: 0.3rem;
47
- background: transparent;
48
- }
49
- .scroll:hover::-webkit-scrollbar-thumb {
50
- background-color: rgba(125, 125, 125, 0.16);
51
- }
52
- .scroll::-webkit-scrollbar-thumb:hover {
53
- background-color: rgba(125, 125, 125, 0.24);
54
- }
55
- .scroll::-webkit-scrollbar-track {
56
- background: transparent;
57
- }
58
-
59
- .start {
60
- justify-content: flex-start;
61
- }
62
- .center {
63
- justify-content: center;
64
- }
65
- .end {
66
- justify-content: flex-end;
67
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.3.72",
3
+ "version": "1.3.73",
4
4
  "private": false,
5
5
  "author": "Natiq",
6
6
  "description": "UI components for NextJS/React",