@yakad/ui 1.3.37 → 1.3.39

package/dist/appBar/appBar.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
     sticky?: boolean;
+    blur?: boolean;
     children?: React.ReactNode;
 }
 export declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/appBar/appBar.js

@@ -13,8 +13,8 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./appBar.module.css";
 export const AppBar = forwardRef((_a, ref) => {
-    var { sticky, className, children } = _a, restProps = __rest(_a, ["sticky", "className", "children"]);
-    const joinedClassNames = classNames(styles.header, { [styles.sticky]: sticky }, className);
+    var { sticky, blur, className, children } = _a, restProps = __rest(_a, ["sticky", "blur", "className", "children"]);
+    const joinedClassNames = classNames(styles.header, { [styles.sticky]: sticky }, { [styles.blur]: blur }, className);
     return (React.createElement("header", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
 });
 //# sourceMappingURL=appBar.js.map

package/dist/appBar/appBar.js.map

@@ -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"}
+{"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

@@ -18,3 +18,12 @@
     position: sticky;
     top: 0;
 }
+
+.header.blur {
+    background-color: color-mix(
+        in srgb,
+        rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
+        transparent
+    );
+    backdrop-filter: blur(0.3rem);
+}

package/dist/card/card.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
+    blur?: boolean;
     children?: React.ReactNode;
 }
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/card/card.js

@@ -13,8 +13,8 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./card.module.css";
 export const Card = forwardRef((_a, ref) => {
-    var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
-    const joinedClassNames = classNames(styles.card, { [styles[align]]: align }, className);
+    var { align, blur, className, children } = _a, restProps = __rest(_a, ["align", "blur", "className", "children"]);
+    const joinedClassNames = classNames(styles.card, { [styles[align]]: align }, { [styles.blur]: blur }, className);
     return (React.createElement("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
 });
 //# sourceMappingURL=card.js.map

package/dist/card/card.js.map

@@ -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"}
+{"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

@@ -29,3 +29,12 @@
     align-content: flex-end;
     align-items: flex-end;
 }
+
+.card.blur {
+    background-color: color-mix(
+        in srgb,
+        rgb(var(--surfaceContainerHighestColor, 230 224 233)) 90%,
+        transparent
+    );
+    backdrop-filter: blur(0.3rem);
+}

package/dist/footer/footer.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
+    sticky?: boolean;
+    blur?: boolean;
     children?: React.ReactNode;
 }
 export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/footer/footer.js

@@ -13,8 +13,8 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./footer.module.css";
 export const Footer = forwardRef((_a, ref) => {
-    var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
-    const joinedClassNames = classNames(styles.footer, { [styles[align]]: align }, className);
+    var { align, sticky, blur, className, children } = _a, restProps = __rest(_a, ["align", "sticky", "blur", "className", "children"]);
+    const joinedClassNames = classNames(styles.footer, { [styles[align]]: align }, { [styles.sticky]: sticky }, { [styles.blur]: blur }, className);
     return (React.createElement("footer", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
 });
 //# sourceMappingURL=footer.js.map

package/dist/footer/footer.js.map

@@ -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"}
+{"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

@@ -23,3 +23,17 @@
 .end {
     justify-content: flex-end;
 }
+
+.footer.sticky {
+    position: sticky;
+    bottom: 0;
+}
+
+.footer.blur {
+    background-color: color-mix(
+        in srgb,
+        rgb(var(--surfaceContainerColor, 243 237 247)) 90%,
+        transparent
+    );
+    backdrop-filter: blur(0.3rem);
+}

package/dist/index.d.ts

@@ -17,11 +17,12 @@ export * from "./listItem/listItem";
 export * from "./loading/loading";
 export * from "./main/main";
 export * from "./navigation/navigation";
-export * from "./screen/screen";
 export * from "./radioButton/radioButton";
 export * from "./radioGroup/radioGroup";
 export * from "./row/row";
+export * from "./screen/screen";
 export * from "./select/select";
+export * from "./spacer/spacer";
 export * from "./stack/stack";
 export * from "./svgIcon/svgIcon";
 export * from "./table/table";

package/dist/index.js

@@ -17,11 +17,12 @@ export * from "./listItem/listItem";
 export * from "./loading/loading";
 export * from "./main/main";
 export * from "./navigation/navigation";
-export * from "./screen/screen";
 export * from "./radioButton/radioButton";
 export * from "./radioGroup/radioGroup";
 export * from "./row/row";
+export * from "./screen/screen";
 export * from "./select/select";
+export * from "./spacer/spacer";
 export * from "./stack/stack";
 export * from "./svgIcon/svgIcon";
 export * from "./table/table";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.37",
+    "version": "1.3.39",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",