@yakad/ui 1.0.0 → 1.0.1

package/container/container.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-import styles from "./container.module.css";
-
-type ScreenSize = "xs" | "sm" | "md" | "lg" | "xl";
-
-interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    maxWidth?: ScreenSize;
-}
-
-function Container(props: ContainerProps) {
-    const joinedClassNames = joinClassNames(
-        props.maxWidth ? styles[props.maxWidth] : "",
-        styles.container,
-        props.className!
-    );
-
-    return (
-        <div {...props} className={joinedClassNames}>
-            {props.children}
-        </div>
-    );
-}
-
-export default Container;

package/footer/footer.tsx

@@ -1,15 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-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.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-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.tsx

@@ -1,34 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-import styles from "./gridContainer.module.css";
-
-interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-    rowGap?: number;
-    columnGap?: number;
-}
-
-// Custom Button Element
-function GridContainer(props: GridContainerProps) {
-    const joinedClassNames = joinClassNames(
-        styles.gridcontainer,
-        props.className!
-    );
-    const joinedStyles = joinStyles(
-        props.xl ? { gridTemplateColumns: " 1fr".repeat(props.xl) } : {},
-        { 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.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-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 joinedStyles = joinStyles(
-        props.xl ? { gridColumn: "span " + props.xl } : {},
-        props.style!
-    );
-
-    return (
-        <div {...props} style={joinedStyles}>
-            {props.children}
-        </div>
-    );
-}
-
-export default GridItem;

package/hr/hr.tsx

@@ -1,34 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-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/list/list.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import { joinClassNames } from "library";
-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.tsx

@@ -1,13 +0,0 @@
-import { listenerCount } from "process";
-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/main/main.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-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.tsx

@@ -1,24 +0,0 @@
-import React from "react";
-import { joinClassNames } from "library";
-import styles from "./navigation.module.css";
-
-interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
-    anchor?: "left" | "right" | "top" | "bottom" | "auto";
-    open: boolean;
-}
-
-function Navigation(props: NavigationProps) {
-    const joinedClassNames = joinClassNames(
-        styles.navigation,
-        props.anchor ? styles[props.anchor] : styles.auto,
-        props.open ? styles.open : ""
-    );
-
-    return (
-        <nav {...props} className={joinedClassNames}>
-            {props.children}
-        </nav>
-    );
-}
-
-export default Navigation;

package/page/page.tsx

@@ -1,15 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-import styles from "./page.module.css";
-
-function Page(props: React.HTMLAttributes<HTMLDivElement>) {
-    const joinedClassNames = joinClassNames(styles.page, props.className!);
-
-    return (
-        <div {...props} className={joinedClassNames}>
-            {props.children}
-        </div>
-    );
-}
-
-export default Page;

package/row/row.tsx

@@ -1,15 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-import styles from "./row.module.css";
-
-function Row(props: React.HTMLAttributes<HTMLDivElement>) {
-    const joinedClassNames = joinClassNames(styles.row, props.className!);
-
-    return (
-        <div {...props} className={joinedClassNames}>
-            {props.children}
-        </div>
-    );
-}
-
-export default Row;

package/stack/stack.tsx

@@ -1,15 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-import styles from "./stack.module.css";
-
-function Stack(props: React.HTMLAttributes<HTMLDivElement>) {
-    const joinedClassNames = joinClassNames(styles.stack, props.className!);
-
-    return (
-        <div {...props} className={joinedClassNames}>
-            {props.children}
-        </div>
-    );
-}
-
-export default Stack;

package/svgIcon/svgIcon.tsx

@@ -1,26 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "library";
-import styles from "./svgIcon.module.css";
-
-interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
-    size?: number;
-}
-
-function SvgIcon(props: SvgIconProps) {
-    const joinedClassNames = joinClassNames(styles.svg, props.className!);
-
-    const joinedStyles = joinStyles(
-        props.size
-            ? { width: props.size + "rem", height: props.size + "rem" }
-            : { width: "2.4rem", height: "2.4rem" },
-        props.style!
-    );
-
-    return (
-        <div {...props} className={joinedClassNames} style={joinedStyles}>
-            {props.children}
-        </div>
-    );
-}
-
-export default SvgIcon;