@yakad/ui 1.2.75-beta → 1.2.77-beta

package/list/list.module.css

@@ -1,22 +1,22 @@
-.list {
-    display: flex;
-    list-style-type: none;
-    max-height: 100rem;
-    padding: 0;
-    transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.row {
-    flex-direction: row;
-}
-.column {
-    flex-direction: column;
-    align-items: stretch;
-    width: 100%;
-    box-sizing: border-box;
-}
-
-.collapsed {
-    max-height: 0;
-    overflow: hidden;
-}
+.list {
+    display: flex;
+    list-style-type: none;
+    max-height: 100rem;
+    padding: 0;
+    transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.row {
+    flex-direction: row;
+}
+.column {
+    flex-direction: column;
+    align-items: stretch;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.collapsed {
+    max-height: 0;
+    overflow: hidden;
+}

package/list/list.tsx

@@ -1,25 +1,25 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./list.module.css";
-
-interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
-  direction?: "row" | "column";
-  collapsed?: boolean;
-}
-
-function List(props: ListProps) {
-  const joinedClassNames = joinClassNames(
-    styles.list,
-    props.direction ? styles[props.direction] : styles.row,
-    props.collapsed ? styles.collapsed : "",
-    props.className!
-  );
-
-  return (
-    <ul {...props} className={joinedClassNames}>
-      {props.children}
-    </ul>
-  );
-}
-
-export default List;
+import React from "react";
+import { joinClassNames } from "@yakad/lib";
+import styles from "./list.module.css";
+
+interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
+  direction?: "row" | "column";
+  collapsed?: boolean;
+}
+
+function List(props: ListProps) {
+  const joinedClassNames = joinClassNames(
+    styles.list,
+    props.direction ? styles[props.direction] : styles.row,
+    props.collapsed ? styles.collapsed : "",
+    props.className!
+  );
+
+  return (
+    <ul {...props} className={joinedClassNames}>
+      {props.children}
+    </ul>
+  );
+}
+
+export default List;

package/listItem/listItem.d.ts

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

package/listItem/listItem.js

@@ -1,7 +1,7 @@
-import React from "react";
-import styles from "./listItem.module.css";
-function ListItem(props) {
-    return (React.createElement("li", { className: styles.listItem, ...props }, props.children));
-}
-export default ListItem;
+import React from "react";
+import styles from "./listItem.module.css";
+function ListItem(props) {
+    return (React.createElement("li", { className: styles.listItem, ...props }, props.children));
+}
+export default ListItem;
 //# sourceMappingURL=listItem.js.map

package/listItem/listItem.module.css

@@ -1,6 +1,6 @@
-.listItem {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    box-sizing: border-box;
-}
+.listItem {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    box-sizing: border-box;
+}

package/listItem/listItem.tsx

@@ -1,12 +1,12 @@
-import React from "react";
-import styles from "./listItem.module.css";
-
-function ListItem(props: React.HTMLAttributes<HTMLLIElement>) {
-  return (
-    <li className={styles.listItem} {...props}>
-      {props.children}
-    </li>
-  );
-}
-
-export default ListItem;
+import React from "react";
+import styles from "./listItem.module.css";
+
+function ListItem(props: React.HTMLAttributes<HTMLLIElement>) {
+  return (
+    <li className={styles.listItem} {...props}>
+      {props.children}
+    </li>
+  );
+}
+
+export default ListItem;

package/loading/loading.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
-    size?: "small" | "medium" | "large";
-    variant?: "scaleOut" | "dots" | "spinner";
-}
-declare function Loading(props: LoadingProps): JSX.Element;
-export default Loading;
+import React from "react";
+interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
+    size?: "small" | "medium" | "large";
+    variant?: "scaleOut" | "dots" | "spinner";
+}
+declare function Loading(props: LoadingProps): JSX.Element;
+export default Loading;

package/loading/loading.js

@@ -1,10 +1,10 @@
-import React from "react";
-import styles from "./loading.module.css";
-import { joinClassNames } from "@yakad/lib";
-function Loading(props) {
-    const joinedClassNames = joinClassNames(styles.loading, props.size ? styles[props.size] : styles.medium, props.variant ? styles[props.variant] : styles.spinner, props.className);
-    return (React.createElement("div", { className: joinedClassNames },
-        React.createElement("div", null)));
-}
-export default Loading;
+import React from "react";
+import styles from "./loading.module.css";
+import { joinClassNames } from "@yakad/lib";
+function Loading(props) {
+    const joinedClassNames = joinClassNames(styles.loading, props.size ? styles[props.size] : styles.medium, props.variant ? styles[props.variant] : styles.spinner, props.className);
+    return (React.createElement("div", { className: joinedClassNames },
+        React.createElement("div", null)));
+}
+export default Loading;
 //# sourceMappingURL=loading.js.map

package/loading/loading.module.css

@@ -1,91 +1,91 @@
-.small {
-    --size: 2rem;
-}
-.medium {
-    --size: 2.4rem;
-}
-.large {
-    --size: 3rem;
-}
-
-.loading {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--size);
-    height: var(--size);
-    box-sizing: border-box;
-    --color: #7d7d7d;
-}
-.spinner div {
-    display: flex;
-    width: 75%;
-    height: 75%;
-    --spinner-border: calc(var(--size) / 8);
-    border-top: var(--spinner-border) solid var(--color);
-    border-right: var(--spinner-border) solid transparent;
-    border-bottom: none;
-    border-left: none;
-    border-radius: 50%;
-    animation: spinner 1000ms linear infinite;
-}
-@keyframes spinner {
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-.dots div {
-    width: 20%;
-    height: 20%;
-    border-radius: 50%;
-    background-color: var(--color);
-    --dots-space: calc(var(--size) / 3);
-    --dots-space-negative: calc(0rem - (var(--size) / 3));
-    box-shadow: var(--dots-space) 0 var(--color),
-        var(--dots-space-negative) 0 var(--color);
-    position: relative;
-    animation: flash 0.6s ease-out infinite alternate;
-}
-@keyframes flash {
-    0% {
-        background-color: var(--color);
-        box-shadow: var(--dots-space) 0 var(--color),
-            var(--dots-space-negative) 0 transparent;
-    }
-    50% {
-        background-color: transparent;
-        box-shadow: var(--dots-space) 0 var(--color),
-            var(--dots-space-negative) 0 var(--color);
-    }
-    100% {
-        background-color: var(--color);
-        box-shadow: var(--dots-space) 0 transparent,
-            var(--dots-space-negative) 0 var(--color);
-    }
-}
-
-.scaleOut div {
-    width: 90%;
-    height: 90%;
-    border-radius: 50%;
-    background-color: var(--color);
-    animation: sk-scaleout 1s infinite ease-in-out;
-}
-@keyframes sk-scaleout {
-    0% {
-        transform: scale(0);
-        opacity: 1;
-    }
-    5% {
-        transform: scale(0);
-        opacity: 1;
-    }
-    50% {
-        opacity: 0.9;
-    }
-    100% {
-        transform: scale(1);
-        opacity: 0;
-    }
-}
+.small {
+    --size: 2rem;
+}
+.medium {
+    --size: 2.4rem;
+}
+.large {
+    --size: 3rem;
+}
+
+.loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--size);
+    height: var(--size);
+    box-sizing: border-box;
+    --color: #7d7d7d;
+}
+.spinner div {
+    display: flex;
+    width: 75%;
+    height: 75%;
+    --spinner-border: calc(var(--size) / 8);
+    border-top: var(--spinner-border) solid var(--color);
+    border-right: var(--spinner-border) solid transparent;
+    border-bottom: none;
+    border-left: none;
+    border-radius: 50%;
+    animation: spinner 1000ms linear infinite;
+}
+@keyframes spinner {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+.dots div {
+    width: 20%;
+    height: 20%;
+    border-radius: 50%;
+    background-color: var(--color);
+    --dots-space: calc(var(--size) / 3);
+    --dots-space-negative: calc(0rem - (var(--size) / 3));
+    box-shadow: var(--dots-space) 0 var(--color),
+        var(--dots-space-negative) 0 var(--color);
+    position: relative;
+    animation: flash 0.6s ease-out infinite alternate;
+}
+@keyframes flash {
+    0% {
+        background-color: var(--color);
+        box-shadow: var(--dots-space) 0 var(--color),
+            var(--dots-space-negative) 0 transparent;
+    }
+    50% {
+        background-color: transparent;
+        box-shadow: var(--dots-space) 0 var(--color),
+            var(--dots-space-negative) 0 var(--color);
+    }
+    100% {
+        background-color: var(--color);
+        box-shadow: var(--dots-space) 0 transparent,
+            var(--dots-space-negative) 0 var(--color);
+    }
+}
+
+.scaleOut div {
+    width: 90%;
+    height: 90%;
+    border-radius: 50%;
+    background-color: var(--color);
+    animation: sk-scaleout 1s infinite ease-in-out;
+}
+@keyframes sk-scaleout {
+    0% {
+        transform: scale(0);
+        opacity: 1;
+    }
+    5% {
+        transform: scale(0);
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.9;
+    }
+    100% {
+        transform: scale(1);
+        opacity: 0;
+    }
+}

package/loading/loading.tsx

@@ -1,25 +1,25 @@
-import React from "react";
-import styles from "./loading.module.css";
-import { joinClassNames } from "@yakad/lib";
-
-interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
-    size?: "small" | "medium" | "large";
-    variant?: "scaleOut" | "dots" | "spinner";
-}
-
-function Loading(props: LoadingProps) {
-    const joinedClassNames = joinClassNames(
-        styles.loading,
-        props.size ? styles[props.size] : styles.medium,
-        props.variant ? styles[props.variant] : styles.spinner,
-        props.className!
-    );
-
-    return (
-        <div className={joinedClassNames}>
-            <div></div>
-        </div>
-    );
-}
-
-export default Loading;
+import React from "react";
+import styles from "./loading.module.css";
+import { joinClassNames } from "@yakad/lib";
+
+interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
+    size?: "small" | "medium" | "large";
+    variant?: "scaleOut" | "dots" | "spinner";
+}
+
+function Loading(props: LoadingProps) {
+    const joinedClassNames = joinClassNames(
+        styles.loading,
+        props.size ? styles[props.size] : styles.medium,
+        props.variant ? styles[props.variant] : styles.spinner,
+        props.className!
+    );
+
+    return (
+        <div className={joinedClassNames}>
+            <div></div>
+        </div>
+    );
+}
+
+export default Loading;

package/main/main.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
-    navOpen?: boolean;
-}
-declare function Main(props: MainProps): JSX.Element;
-export default Main;
+import React from "react";
+interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
+    navOpen?: boolean;
+}
+declare function Main(props: MainProps): JSX.Element;
+export default Main;

package/main/main.js

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

package/main/main.module.css

@@ -1,19 +1,19 @@
-.main {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-self: flex-end;
-    box-sizing: border-box;
-    width: 100%;
-    transition: width 0.3s;
-}
-
-.navOpen {
-    width: calc(100% - 22rem);
-}
-
-@media screen and (max-width: 1000px) {
-    .navOpen {
-        width: 100%;
-    }
-}
+.main {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-self: flex-end;
+    box-sizing: border-box;
+    width: 100%;
+    transition: width 0.3s;
+}
+
+.navOpen {
+    width: calc(100% - 22rem);
+}
+
+@media screen and (max-width: 1000px) {
+    .navOpen {
+        width: 100%;
+    }
+}

package/main/main.tsx

@@ -1,25 +1,25 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./main.module.css";
-
-interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
-  navOpen?: boolean;
-}
-
-function Main(props: MainProps) {
-  const navOpenClass = props.navOpen ? styles.navOpen : "";
-
-  const joinedClassNames = joinClassNames(
-    styles.main,
-    navOpenClass,
-    props.className!
-  );
-
-  return (
-    <main {...props} className={joinedClassNames}>
-      {props.children}
-    </main>
-  );
-}
-
-export default Main;
+import React from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./main.module.css";
+
+interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
+  navOpen?: boolean;
+}
+
+function Main(props: MainProps) {
+  const navOpenClass = props.navOpen ? styles.navOpen : "";
+
+  const joinedClassNames = joinClassNames(
+    styles.main,
+    navOpenClass,
+    props.className!
+  );
+
+  return (
+    <main {...props} className={joinedClassNames}>
+      {props.children}
+    </main>
+  );
+}
+
+export default Main;

package/navigation/navigation.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
-    anchor?: "left" | "right" | "top" | "bottom" | "auto";
-    open: boolean;
-}
-declare function Navigation(props: NavigationProps): JSX.Element;
-export default Navigation;
+import React from "react";
+interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
+    anchor?: "left" | "right" | "top" | "bottom" | "auto";
+    open: boolean;
+}
+declare function Navigation(props: NavigationProps): JSX.Element;
+export default Navigation;

package/navigation/navigation.js

@@ -1,9 +1,9 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./navigation.module.css";
-function Navigation(props) {
-    const joinedClassNames = joinClassNames(styles.navigation, props.anchor ? styles[props.anchor] : styles.auto, props.open ? styles.open : "");
-    return (React.createElement("nav", { ...props, className: joinedClassNames }, props.children));
-}
-export default Navigation;
+import React from "react";
+import { joinClassNames } from "@yakad/lib";
+import styles from "./navigation.module.css";
+function Navigation(props) {
+    const joinedClassNames = joinClassNames(styles.navigation, props.anchor ? styles[props.anchor] : styles.auto, props.open ? styles.open : "");
+    return (React.createElement("nav", { ...props, className: joinedClassNames }, props.children));
+}
+export default Navigation;
 //# sourceMappingURL=navigation.js.map