@yakad/ui 1.2.76-beta → 1.2.77-beta

package/footer/footer.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare function Footer(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
-export default Footer;
+import React from "react";
+declare function Footer(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+export default Footer;

package/footer/footer.js

@@ -1,9 +1,9 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./footer.module.css";
-function Footer(props) {
-    const joinedClassNames = joinClassNames(styles.footer, props.className);
-    return (React.createElement("footer", { ...props, className: joinedClassNames }, props.children));
-}
-export default Footer;
+import React from "react";
+import { joinClassNames } from "@yakad/lib";
+import styles from "./footer.module.css";
+function Footer(props) {
+    const joinedClassNames = joinClassNames(styles.footer, props.className);
+    return (React.createElement("footer", { ...props, className: joinedClassNames }, props.children));
+}
+export default Footer;
 //# sourceMappingURL=footer.js.map

package/footer/footer.module.css

@@ -1,9 +1,9 @@
-.footer {
-    background: rgb(var(--surfaceContainerColor, 243 237 247));
-    color: rgb(var(--onSurfaceColor, 28 27 31));
-    fill: rgb(var(--onSurfaceColor, 28 27 31));
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    box-sizing: border-box;
-}
+.footer {
+    background: rgb(var(--surfaceContainerColor, 243 237 247));
+    color: rgb(var(--onSurfaceColor, 28 27 31));
+    fill: rgb(var(--onSurfaceColor, 28 27 31));
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    box-sizing: border-box;
+}

package/footer/footer.tsx

@@ -1,15 +1,15 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./footer.module.css";
-
-function Footer(props: React.HTMLAttributes<HTMLElement>) {
-  const joinedClassNames = joinClassNames(styles.footer, props.className!);
-
-  return (
-    <footer {...props} className={joinedClassNames}>
-      {props.children}
-    </footer>
-  );
-}
-
-export default Footer;
+import React from "react";
+import { joinClassNames } from "@yakad/lib";
+import styles from "./footer.module.css";
+
+function Footer(props: React.HTMLAttributes<HTMLElement>) {
+  const joinedClassNames = joinClassNames(styles.footer, props.className!);
+
+  return (
+    <footer {...props} className={joinedClassNames}>
+      {props.children}
+    </footer>
+  );
+}
+
+export default Footer;

package/form/form.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare function Form(props: React.HTMLAttributes<HTMLFormElement>): JSX.Element;
-export default Form;
+import React from "react";
+declare function Form(props: React.HTMLAttributes<HTMLFormElement>): JSX.Element;
+export default Form;

package/form/form.js

@@ -1,12 +1,12 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./form.module.css";
-function Form(props) {
-    const joinedClassNames = joinClassNames(styles.form, props.className);
-    return (React.createElement("form", { ...props, className: joinedClassNames, onSubmit: (e) => {
-            e.preventDefault();
-            props.onSubmit(null);
-        } }, props.children));
-}
-export default Form;
+import React from "react";
+import { joinClassNames } from "@yakad/lib";
+import styles from "./form.module.css";
+function Form(props) {
+    const joinedClassNames = joinClassNames(styles.form, props.className);
+    return (React.createElement("form", { ...props, className: joinedClassNames, onSubmit: (e) => {
+            e.preventDefault();
+            props.onSubmit(null);
+        } }, props.children));
+}
+export default Form;
 //# sourceMappingURL=form.js.map

package/form/form.module.css

@@ -1,6 +1,6 @@
-.form {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    width: 100%;
-}
+.form {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    width: 100%;
+}

package/form/form.tsx

@@ -1,23 +1,23 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./form.module.css";
-
-function Form(props: React.HTMLAttributes<HTMLFormElement>) {
-  const joinedClassNames = joinClassNames(styles.form, props.className!);
-
-  return (
-    <form
-      {...props}
-      className={joinedClassNames}
-      onSubmit={(e) => {
-        e.preventDefault();
-
-        props.onSubmit!(null as any);
-      }}
-    >
-      {props.children}
-    </form>
-  );
-}
-
-export default Form;
+import React from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./form.module.css";
+
+function Form(props: React.HTMLAttributes<HTMLFormElement>) {
+  const joinedClassNames = joinClassNames(styles.form, props.className!);
+
+  return (
+    <form
+      {...props}
+      className={joinedClassNames}
+      onSubmit={(e) => {
+        e.preventDefault();
+
+        props.onSubmit!(null as any);
+      }}
+    >
+      {props.children}
+    </form>
+  );
+}
+
+export default Form;

package/gridContainer/gridContainer.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    rowGap?: number;
-    columnGap?: number;
-}
-declare function GridContainer(props: GridContainerProps): JSX.Element;
-export default GridContainer;
+import React from "react";
+interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    rowGap?: number;
+    columnGap?: number;
+}
+declare function GridContainer(props: GridContainerProps): JSX.Element;
+export default GridContainer;

package/gridContainer/gridContainer.js

@@ -1,11 +1,11 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./gridContainer.module.css";
-// Custom Button Element
-function GridContainer(props) {
-    const joinedClassNames = joinClassNames(styles.gridcontainer, props.className);
-    const joinedStyles = joinStyles({ columnGap: props.columnGap ? props.columnGap + "rem" : "1.5rem" }, { rowGap: props.rowGap ? props.rowGap + "rem" : "1.5rem" }, props.style);
-    return (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
-}
-export default GridContainer;
+import React from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./gridContainer.module.css";
+// Custom Button Element
+function GridContainer(props) {
+    const joinedClassNames = joinClassNames(styles.gridcontainer, props.className);
+    const joinedStyles = joinStyles({ columnGap: props.columnGap ? props.columnGap + "rem" : "1.5rem" }, { rowGap: props.rowGap ? props.rowGap + "rem" : "1.5rem" }, props.style);
+    return (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
+}
+export default GridContainer;
 //# sourceMappingURL=gridContainer.js.map

package/gridContainer/gridContainer.module.css

@@ -1,5 +1,6 @@
-.gridcontainer {
-    display: grid;
-    box-sizing: border-box;
-    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-}
+.gridcontainer {
+    display: grid;
+    width: 100%;
+    box-sizing: border-box;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+}

package/gridContainer/gridContainer.tsx

@@ -1,28 +1,28 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./gridContainer.module.css";
-
-interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    rowGap?: number;
-    columnGap?: number;
-}
-
-// Custom Button Element
-function GridContainer(props: GridContainerProps) {
-    const joinedClassNames = joinClassNames(
-        styles.gridcontainer,
-        props.className!
-    );
-    const joinedStyles = joinStyles(
-        { columnGap: props.columnGap ? props.columnGap + "rem" : "1.5rem" },
-        { rowGap: props.rowGap ? props.rowGap + "rem" : "1.5rem" },
-        props.style!
-    );
-    return (
-        <div {...props} className={joinedClassNames} style={joinedStyles}>
-            {props.children}
-        </div>
-    );
-}
-
-export default GridContainer;
+import React from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./gridContainer.module.css";
+
+interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    rowGap?: number;
+    columnGap?: number;
+}
+
+// Custom Button Element
+function GridContainer(props: GridContainerProps) {
+    const joinedClassNames = joinClassNames(
+        styles.gridcontainer,
+        props.className!
+    );
+    const joinedStyles = joinStyles(
+        { columnGap: props.columnGap ? props.columnGap + "rem" : "1.5rem" },
+        { rowGap: props.rowGap ? props.rowGap + "rem" : "1.5rem" },
+        props.style!
+    );
+    return (
+        <div {...props} className={joinedClassNames} style={joinedStyles}>
+            {props.children}
+        </div>
+    );
+}
+
+export default GridContainer;

package/gridItem/gridItem.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-}
-declare function GridItem(props: GridItemProps): JSX.Element;
-export default GridItem;
+import React from "react";
+interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}
+declare function GridItem(props: GridItemProps): JSX.Element;
+export default GridItem;

package/gridItem/gridItem.js

@@ -1,10 +1,10 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./gridItem.module.css";
-// Custom Button Element
-function GridItem(props) {
-    const joinedClassNames = joinClassNames(props.xl ? styles["xl" + props.xl] : "", props.lg ? styles["lg" + props.lg] : "", props.md ? styles["md" + props.md] : "", props.sm ? styles["sm" + props.sm] : "", props.xs ? styles["xs" + props.xs] : "", props.className);
-    return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
-}
-export default GridItem;
+import React from "react";
+import { joinClassNames } from "@yakad/lib";
+import styles from "./gridItem.module.css";
+// Custom Button Element
+function GridItem(props) {
+    const joinedClassNames = joinClassNames(props.xl ? styles["xl" + props.xl] : "", props.lg ? styles["lg" + props.lg] : "", props.md ? styles["md" + props.md] : "", props.sm ? styles["sm" + props.sm] : "", props.xs ? styles["xs" + props.xs] : "", props.className);
+    return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
+}
+export default GridItem;
 //# sourceMappingURL=gridItem.js.map