@yakad/ui 1.3.38 → 1.3.39

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 +1 -0
  2. package/dist/appBar/appBar.js +2 -2
  3. package/dist/appBar/appBar.js.map +1 -1
  4. package/dist/appBar/appBar.module.css +9 -0
  5. package/dist/card/card.d.ts +1 -0
  6. package/dist/card/card.js +2 -2
  7. package/dist/card/card.js.map +1 -1
  8. package/dist/card/card.module.css +9 -0
  9. package/dist/footer/footer.d.ts +2 -0
  10. package/dist/footer/footer.js +2 -2
  11. package/dist/footer/footer.js.map +1 -1
  12. package/dist/footer/footer.module.css +14 -0
  13. package/package.json +1 -1
package/dist/appBar/appBar.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
3
3
  sticky?: boolean;
4
+ blur?: boolean;
4
5
  children?: React.ReactNode;
5
6
  }
6
7
  export declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLDivElement>>;
package/dist/appBar/appBar.js CHANGED
@@ -13,8 +13,8 @@ import React, { forwardRef } 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, className, children } = _a, restProps = __rest(_a, ["sticky", "className", "children"]);
17
- const joinedClassNames = classNames(styles.header, { [styles.sticky]: sticky }, className);
16
+ var { sticky, blur, className, children } = _a, restProps = __rest(_a, ["sticky", "blur", "className", "children"]);
17
+ const joinedClassNames = classNames(styles.header, { [styles.sticky]: sticky }, { [styles.blur]: blur }, className);
18
18
  return (React.createElement("header", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
19
19
  });
20
20
  //# 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,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAOzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA3C,mCAA6C,CAAF;IACxC,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAC3B,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,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAQzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CAAC,EAAmD,EAAE,GAAG,EAAE,EAAE;QAA5D,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAjD,2CAAmD,CAAF;IAC9C,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb,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"}
package/dist/appBar/appBar.module.css CHANGED
@@ -18,3 +18,12 @@
18
18
  position: sticky;
19
19
  top: 0;
20
20
  }
21
+
22
+ .header.blur {
23
+ background-color: color-mix(
24
+ in srgb,
25
+ rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
26
+ transparent
27
+ );
28
+ backdrop-filter: blur(0.3rem);
29
+ }
package/dist/card/card.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
3
3
  align?: "start" | "center" | "end";
4
+ blur?: boolean;
4
5
  children?: React.ReactNode;
5
6
  }
6
7
  export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
package/dist/card/card.js CHANGED
@@ -13,8 +13,8 @@ import React, { forwardRef } from "react";
13
13
  import classNames from "classnames";
14
14
  import styles from "./card.module.css";
15
15
  export const Card = forwardRef((_a, ref) => {
16
- var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
17
- const joinedClassNames = classNames(styles.card, { [styles[align]]: align }, className);
16
+ var { align, blur, className, children } = _a, restProps = __rest(_a, ["align", "blur", "className", "children"]);
17
+ const joinedClassNames = classNames(styles.card, { [styles[align]]: align }, { [styles.blur]: blur }, className);
18
18
  return (React.createElement("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
19
19
  });
20
20
  //# sourceMappingURL=card.js.map
package/dist/card/card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC1B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA1C,kCAA4C,CAAF;IACvC,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,IAAI,EACX,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"}
1
+ {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC1B,CAAC,EAAkD,EAAE,GAAG,EAAE,EAAE;QAA3D,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAhD,0CAAkD,CAAF;IAC7C,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,IAAI,EACX,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,2CAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,KACpD,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
package/dist/card/card.module.css CHANGED
@@ -29,3 +29,12 @@
29
29
  align-content: flex-end;
30
30
  align-items: flex-end;
31
31
  }
32
+
33
+ .card.blur {
34
+ background-color: color-mix(
35
+ in srgb,
36
+ rgb(var(--surfaceContainerHighestColor, 230 224 233)) 90%,
37
+ transparent
38
+ );
39
+ backdrop-filter: blur(0.3rem);
40
+ }
package/dist/footer/footer.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import React from "react";
2
2
  export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
3
3
  align?: "start" | "center" | "end";
4
+ sticky?: boolean;
5
+ blur?: boolean;
4
6
  children?: React.ReactNode;
5
7
  }
6
8
  export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;
package/dist/footer/footer.js CHANGED
@@ -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, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
17
- const joinedClassNames = classNames(styles.footer, { [styles[align]]: align }, className);
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);
18
18
  return (React.createElement("footer", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
19
19
  });
20
20
  //# 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;AAOzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA1C,kCAA4C,CAAF;IACvC,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,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,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"}
package/dist/footer/footer.module.css CHANGED
@@ -23,3 +23,17 @@
23
23
  .end {
24
24
  justify-content: flex-end;
25
25
  }
26
+
27
+ .footer.sticky {
28
+ position: sticky;
29
+ bottom: 0;
30
+ }
31
+
32
+ .footer.blur {
33
+ background-color: color-mix(
34
+ in srgb,
35
+ rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
36
+ transparent
37
+ );
38
+ backdrop-filter: blur(0.3rem);
39
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.3.38",
3
+ "version": "1.3.39",
4
4
  "private": false,
5
5
  "author": "Natiq",
6
6
  "description": "UI components for NextJS/React",