@yakad/ui 1.1.3 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.1.3",
+    "version": "1.1.5",
     "description": "",
     "main": "./src/index.js",
     "scripts": {
@@ -20,7 +20,7 @@
     "dependencies": {
         "@types/react": "^18.0.24",
         "@types/react-dom": "^18.0.6",
-        "@yakad/lib": "^1.0.1",
+        "@yakad/lib": "^1.0.3",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.4.2",

package/appBar/appBar.d.ts

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

package/appBar/appBar.js

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

package/appBar/appBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"appBar.js","sourceRoot":"","sources":["appBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,SAAS,MAAM,CAAC,KAAwC;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEzE,OAAO,CACL,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB,IAC3C,KAAK,CAAC,QAAQ,CACR,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}

package/appBar/appBar.module.css

@@ -1,14 +0,0 @@
-.header {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    height: 5rem;
-    padding: 0 2rem;
-    border-bottom: 0.1rem solid #7d7d7d40;
-    background: var(--headerColor);
-    color: var(--onHeaderColor);
-    fill: var(--onHeaderColor);
-    user-select: none;
-}

package/appBar/appBar.tsx

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

package/button/button.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    variant?: "text" | "outlined" | "filled" | "tonal" | "elevated" | "link";
-    size?: "small" | "medium" | "large";
-    borderStyle?: "none" | "semi" | "rounded";
-    icon?: JSX.Element;
-}
-declare function Button(props: ButtonProps): JSX.Element;
-export default Button;

package/button/button.js

@@ -1,19 +0,0 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./button.module.css";
-import SvgIcon from "../svgIcon/svgIcon";
-const svgSizeMaps = {
-    small: 2,
-    medium: 2.4,
-    large: 3,
-};
-function Button(props) {
-    const joinedClassNames = joinClassNames(styles.button, props.variant ? styles[props.variant] : styles.text, props.size ? styles[props.size] : styles.medium, props.borderStyle ? styles[props.borderStyle] : styles.rounded, props.icon && !props.children ? styles.iconButton : "", props.className);
-    return (React.createElement("button", { ...props, className: joinedClassNames },
-        props.icon ? (React.createElement(SvgIcon, { size: props.size
-                ? svgSizeMaps[props.size]
-                : svgSizeMaps.medium }, props.icon)) : null,
-        props.children));
-}
-export default Button;
-//# sourceMappingURL=button.js.map

package/button/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAezC,MAAM,WAAW,GAAe;IAC5B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,CAAC;CACX,CAAC;AAEF,SAAS,MAAM,CAAC,KAAkB;IAC9B,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,MAAM,EACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACnD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAC9D,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB;QACzC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,OAAO,IACJ,IAAI,EACA,KAAK,CAAC,IAAI;gBACN,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC;gBACzB,CAAC,CAAC,WAAW,CAAC,MAAM,IAG3B,KAAK,CAAC,IAAI,CACL,CACb,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,QAAQ,CACV,CACZ,CAAC;AACN,CAAC;AAED,eAAe,MAAM,CAAC"}

package/card/card.d.ts

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

package/card/card.js

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

package/card/card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,SAAS,IAAI,CAAC,KAAwC;IACpD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}

package/card/card.module.css

@@ -1,12 +0,0 @@
-.card {
-    width: 100%;
-    padding: 3rem;
-    box-sizing: border-box;
-    border-radius: 2rem;
-    background: var(--surfaceColor);
-    color: var(--onSurfaceColor);
-    fill: var(--onSurfaceColor);
-    box-shadow: 0px 6px 10px 0px hsla(0, 0%, 0%, 0.14),
-        0px 1px 18px 0px hsla(0, 0%, 0%, 0.12),
-        0px 3px 5px -1px hsla(0, 0%, 0%, 0.2);
-}

package/card/card.tsx

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

package/clickAwayListener/clickAwayListener.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface ClickAwayListenerProps extends React.HTMLAttributes<HTMLDivElement> {
-    onClickAway: React.MouseEventHandler<HTMLDivElement>;
-}
-declare function ClickAwayListener(props: ClickAwayListenerProps): JSX.Element;
-export default ClickAwayListener;

package/clickAwayListener/clickAwayListener.js

@@ -1,17 +0,0 @@
-import React, { useEffect, useRef } from "react";
-function ClickAwayListener(props) {
-    const ref = useRef(null);
-    useEffect(() => {
-        const handleOutSideClick = (event) => {
-            if (ref.current && !ref.current.contains(event.target)) {
-                props.onClickAway && props.onClickAway(event);
-            }
-        };
-        document.addEventListener("click", handleOutSideClick, true);
-        // CleanUp When element unmount
-        return () => document.removeEventListener("click", handleOutSideClick, true);
-    }, [props.onClickAway]);
-    return React.createElement("div", { ref: ref }, props.children);
-}
-export default ClickAwayListener;
-//# sourceMappingURL=clickAwayListener.js.map

package/clickAwayListener/clickAwayListener.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clickAwayListener.js","sourceRoot":"","sources":["clickAwayListener.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAMjD,SAAS,iBAAiB,CAAC,KAA6B;IACpD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAE,GAAG,CAAC,OAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBAC7D,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,KAAY,CAAC,CAAC;aACxD;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAE7D,+BAA+B;QAC/B,OAAO,GAAG,EAAE,CACR,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,6BAAK,GAAG,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACjD,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/clickAwayListener/clickAwayListener.tsx

@@ -1,27 +0,0 @@
-import React, { useEffect, useRef } from "react";
-
-interface ClickAwayListenerProps extends React.HTMLAttributes<HTMLDivElement> {
-    onClickAway: React.MouseEventHandler<HTMLDivElement>;
-}
-
-function ClickAwayListener(props: ClickAwayListenerProps) {
-    const ref = useRef(null);
-
-    useEffect(() => {
-        const handleOutSideClick = (event: MouseEvent) => {
-            if (ref.current && !(ref.current as any).contains(event.target)) {
-                props.onClickAway && props.onClickAway(event as any);
-            }
-        };
-
-        document.addEventListener("click", handleOutSideClick, true);
-
-        // CleanUp When element unmount
-        return () =>
-            document.removeEventListener("click", handleOutSideClick, true);
-    }, [props.onClickAway]);
-
-    return <div ref={ref}>{props.children}</div>;
-}
-
-export default ClickAwayListener;

package/container/container.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-declare type ScreenSize = "xs" | "sm" | "md" | "lg" | "xl";
-interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    maxWidth?: ScreenSize;
-}
-declare function Container(props: ContainerProps): JSX.Element;
-export default Container;

package/container/container.js

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

package/container/container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACrC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAC5C,MAAM,CAAC,SAAS,EAChB,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}

package/container/container.module.css

@@ -1,23 +0,0 @@
-div.container {
-    display: flex;
-    flex-direction: inherit;
-    width: 100%;
-    margin: auto;
-    box-sizing: border-box;
-}
-
-div.container.xs {
-    max-width: 44.4rem;
-}
-div.container.sm {
-    max-width: 60rem;
-}
-div.container.md {
-    max-width: 90rem;
-}
-div.container.lg {
-    max-width: 120rem;
-}
-div.container.xl {
-    max-width: 150rem;
-}

package/container/container.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-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.d.ts

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

package/footer/footer.js

@@ -1,9 +0,0 @@
-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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer.js","sourceRoot":"","sources":["footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,SAAS,MAAM,CAAC,KAAwC;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEzE,OAAO,CACL,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB,IAC3C,KAAK,CAAC,QAAQ,CACR,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}

package/footer/footer.module.css

@@ -1,6 +0,0 @@
-.footer {
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    box-sizing: border-box;
-}

package/footer/footer.tsx

@@ -1,15 +0,0 @@
-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 +0,0 @@
-import React from "react";
-declare function Form(props: React.HTMLAttributes<HTMLFormElement>): JSX.Element;
-export default Form;

package/form/form.js

@@ -1,12 +0,0 @@
-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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,SAAS,IAAI,CAAC,KAA4C;IACxD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACL,iCACM,KAAK,EACT,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,KAAK,CAAC,QAAS,CAAC,IAAW,CAAC,CAAC;QAC/B,CAAC,IAEA,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}

package/form/form.module.css

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

package/form/form.tsx

@@ -1,23 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gridContainer.js","sourceRoot":"","sources":["gridContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAOhD,wBAAwB;AACxB,SAAS,aAAa,CAAC,KAAyB;IAC5C,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,aAAa,EACpB,KAAK,CAAC,SAAU,CACnB,CAAC;IACF,MAAM,YAAY,GAAG,UAAU,CAC3B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EACnE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC1D,KAAK,CAAC,KAAM,CACf,CAAC;IACF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC3D,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}

package/gridContainer/gridContainer.module.css

@@ -1,5 +0,0 @@
-.gridcontainer {
-    display: grid;
-    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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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.md ? styles["sm" + props.md] : "", props.md ? styles["xs" + props.md] : "", props.className);
-    return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
-}
-export default GridItem;
-//# sourceMappingURL=gridItem.js.map

package/gridItem/gridItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["gridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAU3C,wBAAwB;AACxB,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,gBAAgB,GAAG,cAAc,CACnC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}