@yakad/ui 1.2.68-beta → 1.2.70-beta

package/gridItem/gridItem.module.css

@@ -1,192 +1,192 @@
-.xl1 {
-    grid-column: span 1;
-}
-.xl2 {
-    grid-column: span 2;
-}
-.xl3 {
-    grid-column: span 3;
-}
-.xl4 {
-    grid-column: span 4;
-}
-.xl5 {
-    grid-column: span 5;
-}
-.xl6 {
-    grid-column: span 6;
-}
-.xl7 {
-    grid-column: span 7;
-}
-.xl8 {
-    grid-column: span 8;
-}
-.xl9 {
-    grid-column: span 9;
-}
-.xl10 {
-    grid-column: span 10;
-}
-.xl11 {
-    grid-column: span 11;
-}
-.xl12 {
-    grid-column: span 12;
-}
-
-@media screen and (max-width: 1200px) {
-    .lg1 {
-        grid-column: span 1;
-    }
-    .lg2 {
-        grid-column: span 2;
-    }
-    .lg3 {
-        grid-column: span 3;
-    }
-    .lg4 {
-        grid-column: span 4;
-    }
-    .lg5 {
-        grid-column: span 5;
-    }
-    .lg6 {
-        grid-column: span 6;
-    }
-    .lg7 {
-        grid-column: span 7;
-    }
-    .lg8 {
-        grid-column: span 8;
-    }
-    .lg9 {
-        grid-column: span 9;
-    }
-    .lg10 {
-        grid-column: span 10;
-    }
-    .lg11 {
-        grid-column: span 11;
-    }
-    .lg12 {
-        grid-column: span 12;
-    }
-}
-
-@media screen and (max-width: 900px) {
-    .md1 {
-        grid-column: span 1;
-    }
-    .md2 {
-        grid-column: span 2;
-    }
-    .md3 {
-        grid-column: span 3;
-    }
-    .md4 {
-        grid-column: span 4;
-    }
-    .md5 {
-        grid-column: span 5;
-    }
-    .md6 {
-        grid-column: span 6;
-    }
-    .md7 {
-        grid-column: span 7;
-    }
-    .md8 {
-        grid-column: span 8;
-    }
-    .md9 {
-        grid-column: span 9;
-    }
-    .md10 {
-        grid-column: span 10;
-    }
-    .md11 {
-        grid-column: span 11;
-    }
-    .md12 {
-        grid-column: span 12;
-    }
-}
-
-@media screen and (max-width: 600px) {
-    .sm1 {
-        grid-column: span 1;
-    }
-    .sm2 {
-        grid-column: span 2;
-    }
-    .sm3 {
-        grid-column: span 3;
-    }
-    .sm4 {
-        grid-column: span 4;
-    }
-    .sm5 {
-        grid-column: span 5;
-    }
-    .sm6 {
-        grid-column: span 6;
-    }
-    .sm7 {
-        grid-column: span 7;
-    }
-    .sm8 {
-        grid-column: span 8;
-    }
-    .sm9 {
-        grid-column: span 9;
-    }
-    .sm10 {
-        grid-column: span 10;
-    }
-    .sm11 {
-        grid-column: span 11;
-    }
-    .sm12 {
-        grid-column: span 12;
-    }
-}
-
-@media screen and (max-width: 444px) {
-    .xs1 {
-        grid-column: span 1;
-    }
-    .xs2 {
-        grid-column: span 2;
-    }
-    .xs3 {
-        grid-column: span 3;
-    }
-    .xs4 {
-        grid-column: span 4;
-    }
-    .xs5 {
-        grid-column: span 5;
-    }
-    .xs6 {
-        grid-column: span 6;
-    }
-    .xs7 {
-        grid-column: span 7;
-    }
-    .xs8 {
-        grid-column: span 8;
-    }
-    .xs9 {
-        grid-column: span 9;
-    }
-    .xs10 {
-        grid-column: span 10;
-    }
-    .xs11 {
-        grid-column: span 11;
-    }
-    .xs12 {
-        grid-column: span 12;
-    }
-}
+.xl1 {
+    grid-column: span 1;
+}
+.xl2 {
+    grid-column: span 2;
+}
+.xl3 {
+    grid-column: span 3;
+}
+.xl4 {
+    grid-column: span 4;
+}
+.xl5 {
+    grid-column: span 5;
+}
+.xl6 {
+    grid-column: span 6;
+}
+.xl7 {
+    grid-column: span 7;
+}
+.xl8 {
+    grid-column: span 8;
+}
+.xl9 {
+    grid-column: span 9;
+}
+.xl10 {
+    grid-column: span 10;
+}
+.xl11 {
+    grid-column: span 11;
+}
+.xl12 {
+    grid-column: span 12;
+}
+
+@media screen and (max-width: 1200px) {
+    .lg1 {
+        grid-column: span 1;
+    }
+    .lg2 {
+        grid-column: span 2;
+    }
+    .lg3 {
+        grid-column: span 3;
+    }
+    .lg4 {
+        grid-column: span 4;
+    }
+    .lg5 {
+        grid-column: span 5;
+    }
+    .lg6 {
+        grid-column: span 6;
+    }
+    .lg7 {
+        grid-column: span 7;
+    }
+    .lg8 {
+        grid-column: span 8;
+    }
+    .lg9 {
+        grid-column: span 9;
+    }
+    .lg10 {
+        grid-column: span 10;
+    }
+    .lg11 {
+        grid-column: span 11;
+    }
+    .lg12 {
+        grid-column: span 12;
+    }
+}
+
+@media screen and (max-width: 900px) {
+    .md1 {
+        grid-column: span 1;
+    }
+    .md2 {
+        grid-column: span 2;
+    }
+    .md3 {
+        grid-column: span 3;
+    }
+    .md4 {
+        grid-column: span 4;
+    }
+    .md5 {
+        grid-column: span 5;
+    }
+    .md6 {
+        grid-column: span 6;
+    }
+    .md7 {
+        grid-column: span 7;
+    }
+    .md8 {
+        grid-column: span 8;
+    }
+    .md9 {
+        grid-column: span 9;
+    }
+    .md10 {
+        grid-column: span 10;
+    }
+    .md11 {
+        grid-column: span 11;
+    }
+    .md12 {
+        grid-column: span 12;
+    }
+}
+
+@media screen and (max-width: 600px) {
+    .sm1 {
+        grid-column: span 1;
+    }
+    .sm2 {
+        grid-column: span 2;
+    }
+    .sm3 {
+        grid-column: span 3;
+    }
+    .sm4 {
+        grid-column: span 4;
+    }
+    .sm5 {
+        grid-column: span 5;
+    }
+    .sm6 {
+        grid-column: span 6;
+    }
+    .sm7 {
+        grid-column: span 7;
+    }
+    .sm8 {
+        grid-column: span 8;
+    }
+    .sm9 {
+        grid-column: span 9;
+    }
+    .sm10 {
+        grid-column: span 10;
+    }
+    .sm11 {
+        grid-column: span 11;
+    }
+    .sm12 {
+        grid-column: span 12;
+    }
+}
+
+@media screen and (max-width: 444px) {
+    .xs1 {
+        grid-column: span 1;
+    }
+    .xs2 {
+        grid-column: span 2;
+    }
+    .xs3 {
+        grid-column: span 3;
+    }
+    .xs4 {
+        grid-column: span 4;
+    }
+    .xs5 {
+        grid-column: span 5;
+    }
+    .xs6 {
+        grid-column: span 6;
+    }
+    .xs7 {
+        grid-column: span 7;
+    }
+    .xs8 {
+        grid-column: span 8;
+    }
+    .xs9 {
+        grid-column: span 9;
+    }
+    .xs10 {
+        grid-column: span 10;
+    }
+    .xs11 {
+        grid-column: span 11;
+    }
+    .xs12 {
+        grid-column: span 12;
+    }
+}

package/gridItem/gridItem.tsx

@@ -1,31 +1,31 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./gridItem.module.css";
-
-interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-}
-
-// Custom Button Element
-function GridItem(props: GridItemProps) {
-    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 (
-        <div {...props} className={joinedClassNames}>
-            {props.children}
-        </div>
-    );
-}
-
-export default GridItem;
+import React from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./gridItem.module.css";
+
+interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}
+
+// Custom Button Element
+function GridItem(props: GridItemProps) {
+    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 (
+        <div {...props} className={joinedClassNames}>
+            {props.children}
+        </div>
+    );
+}
+
+export default GridItem;

package/historyBack/historyBack.tsx

@@ -1,20 +1,20 @@
-import React from "react";
-import { useNavigate } from "react-router-dom";
-
-function HistoryBack(props: React.HTMLAttributes<HTMLDivElement>) {
-    const navigate = useNavigate();
-
-    return (
-        <div
-            {...props}
-            onClick={() => {
-                navigate(-1);
-                props.onClick!(null as any);
-            }}
-        >
-            {props.children}
-        </div>
-    );
-}
-
-export default HistoryBack;
+import React from "react";
+import { useNavigate } from "react-router-dom";
+
+function HistoryBack(props: React.HTMLAttributes<HTMLDivElement>) {
+    const navigate = useNavigate();
+
+    return (
+        <div
+            {...props}
+            onClick={() => {
+                navigate(-1);
+                props.onClick!(null as any);
+            }}
+        >
+            {props.children}
+        </div>
+    );
+}
+
+export default HistoryBack;

package/hr/hr.module.css

@@ -1,19 +1,19 @@
-.hr {
-    width: calc(100% - 1rem);
-    height: 0;
-    padding: 0;
-    margin: 0.5rem auto;
-    background: none;
-    border: none;
-    border-top: 0.1rem solid rgb(var(--primaryContainerColor, 211 227 253));
-}
-.dotted {
-    border-top: 0.4rem dotted rgb(var(--primaryContainerColor, 211 227 253));
-}
-.dashed {
-    border-top: 0.2rem dashed rgb(var(--primaryContainerColor, 211 227 253));
-}
-.shortLine {
-    width: 30rem;
-    max-width: 80%;
-}
+.hr {
+    width: calc(100% - 1rem);
+    height: 0;
+    padding: 0;
+    margin: 0.5rem auto;
+    background: none;
+    border: none;
+    border-top: 0.1rem solid rgb(var(--primaryContainerColor, 211 227 253));
+}
+.dotted {
+    border-top: 0.4rem dotted rgb(var(--primaryContainerColor, 211 227 253));
+}
+.dashed {
+    border-top: 0.2rem dashed rgb(var(--primaryContainerColor, 211 227 253));
+}
+.shortLine {
+    width: 30rem;
+    max-width: 80%;
+}

package/hr/hr.tsx

@@ -1,32 +1,32 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./hr.module.css";
-
-interface HrProps extends React.HTMLAttributes<HTMLElement> {
-  variant?: "dotted" | "dashed" | "shortLine";
-  height?: number;
-  marginTopBottom?: number;
-}
-
-function Hr(props: HrProps) {
-  const joinedClassNames = joinClassNames(
-    styles.hr,
-    props.variant ? styles[props.variant] : "",
-    props.className!
-  );
-
-  const joinedStyles = joinStyles(
-    props.height ? { borderTopWidth: props.height + "rem" } : {},
-    props.marginTopBottom
-      ? joinStyles(
-          { marginTop: props.marginTopBottom + "rem" },
-          { marginBottom: props.marginTopBottom + "rem" }
-        )
-      : {},
-    props.style!
-  );
-
-  return <hr {...props} className={joinedClassNames} style={joinedStyles}></hr>;
-}
-
-export default Hr;
+import React from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./hr.module.css";
+
+interface HrProps extends React.HTMLAttributes<HTMLElement> {
+  variant?: "dotted" | "dashed" | "shortLine";
+  height?: number;
+  marginTopBottom?: number;
+}
+
+function Hr(props: HrProps) {
+  const joinedClassNames = joinClassNames(
+    styles.hr,
+    props.variant ? styles[props.variant] : "",
+    props.className!
+  );
+
+  const joinedStyles = joinStyles(
+    props.height ? { borderTopWidth: props.height + "rem" } : {},
+    props.marginTopBottom
+      ? joinStyles(
+          { marginTop: props.marginTopBottom + "rem" },
+          { marginBottom: props.marginTopBottom + "rem" }
+        )
+      : {},
+    props.style!
+  );
+
+  return <hr {...props} className={joinedClassNames} style={joinedStyles}></hr>;
+}
+
+export default Hr;

package/index.tsx

@@ -1,46 +1,46 @@
-import Button from "./button/button";
-import AppBar from "./appBar/appBar";
-import Card from "./card/card";
-import Container from "./container/container";
-import Footer from "./footer/footer";
-import Form from "./form/form";
-import GridContainer from "./gridContainer/gridContainer";
-import GridItem from "./gridItem/gridItem";
-import Hr from "./hr/hr";
-import List from "./list/list";
-import ListItem from "./listItem/listItem";
-import Main from "./main/main";
-import Navigation from "./navigation/navigation";
-import Page from "./page/page";
-import Row from "./row/row";
-import Spacer from "./spacer/spacer";
-import Stack from "./stack/stack";
-import SvgIcon from "./svgIcon/svgIcon";
-import Loading from "./loading/loading";
-import CodeField from "./codeField/codeField";
-import InputField from "./inputField/inputField";
-import Theme from "./theme/theme";
-export {
-    Button,
-    AppBar,
-    Card,
-    Container,
-    Footer,
-    Form,
-    GridContainer,
-    GridItem,
-    Hr,
-    List,
-    ListItem,
-    Main,
-    Navigation,
-    Page,
-    Row,
-    Stack,
-    Spacer,
-    SvgIcon,
-    Loading,
-    CodeField,
-    InputField,
-    Theme,
-};
+import Button from "./button/button";
+import AppBar from "./appBar/appBar";
+import Card from "./card/card";
+import Container from "./container/container";
+import Footer from "./footer/footer";
+import Form from "./form/form";
+import GridContainer from "./gridContainer/gridContainer";
+import GridItem from "./gridItem/gridItem";
+import Hr from "./hr/hr";
+import List from "./list/list";
+import ListItem from "./listItem/listItem";
+import Main from "./main/main";
+import Navigation from "./navigation/navigation";
+import Page from "./page/page";
+import Row from "./row/row";
+import Spacer from "./spacer/spacer";
+import Stack from "./stack/stack";
+import SvgIcon from "./svgIcon/svgIcon";
+import Loading from "./loading/loading";
+import CodeField from "./codeField/codeField";
+import InputField from "./inputField/inputField";
+import Theme from "./theme/theme";
+export {
+    Button,
+    AppBar,
+    Card,
+    Container,
+    Footer,
+    Form,
+    GridContainer,
+    GridItem,
+    Hr,
+    List,
+    ListItem,
+    Main,
+    Navigation,
+    Page,
+    Row,
+    Stack,
+    Spacer,
+    SvgIcon,
+    Loading,
+    CodeField,
+    InputField,
+    Theme,
+};