@yakad/ui 1.0.1 → 1.0.3

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@yakad/ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "",
-  "main": "./dist/index.js",
+  "main": "./src/index.js",
   "scripts": {
     "build": "tsc",
     "test": "echo hector test: not impl"

package/src/button/button.module.css

@@ -1,87 +1,113 @@
 .button {
-    display: flex;
-    align-items: center;
-    line-height: 3rem;
-    border: none;
-    background: none;
-    color: inherit;
-    fill: inherit;
-    user-select: none;
-    cursor: pointer;
-    box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  line-height: 3rem;
+  padding: 0 var(--padding);
+  border: none;
+  background: none;
+  color: inherit;
+  fill: inherit;
+  user-select: none;
+  cursor: pointer;
+  box-sizing: border-box;
 }
 .small {
-    min-width: 3rem;
-    height: 3rem;
-    padding: 0 1.2rem;
-    gap: 0.4rem;
-    font-size: 1.2rem;
-    --border-radius: 1.5rem;
+  min-width: 3rem;
+  height: 3rem;
+  --padding: 1.2rem;
+  gap: 0.4rem;
+  font-size: 1.2rem;
+  --border-radius: 1.5rem;
 }
 .medium {
-    min-width: 4rem;
-    height: 4rem;
-    padding: 0 1.8rem;
-    gap: 0.8rem;
-    font-size: 1.6rem;
-    --border-radius: 2rem;
+  min-width: 4rem;
+  height: 4rem;
+  --padding: 1.8rem;
+  gap: 0.8rem;
+  font-size: 1.6rem;
+  --border-radius: 2rem;
 }
 .large {
-    min-width: 5rem;
-    height: 5rem;
-    padding: 0 2.6rem;
-    gap: 1.1rem;
-    font-size: 1.8rem;
-    --border-radius: 2.5rem;
+  min-width: 5rem;
+  height: 5rem;
+  --padding: 2.6rem;
+  gap: 1.1rem;
+  font-size: 1.8rem;
+  --border-radius: 2.5rem;
 }
 
 .iconButton {
-    padding: 0;
-    justify-content: center;
+  padding: 0;
+  justify-content: center;
 }
 
 .none {
-    border-radius: 0;
+  border-radius: 0;
 }
 .semi {
-    border-radius: 0 var(--border-radius) var(--border-radius) 0;
+  border-radius: 0 var(--border-radius) var(--border-radius) 0;
 }
 [dir="rtl"] .semi {
-    border-radius: var(--border-radius) 0 0 var(--border-radius);
+  border-radius: var(--border-radius) 0 0 var(--border-radius);
 }
 .rounded {
-    border-radius: var(--border-radius);
+  border-radius: var(--border-radius);
 }
 
 @media (pointer: fine) {
-    .button:hover {
-        cursor: pointer;
-        box-shadow: inset 0 0 10rem #7d7d7d20;
-    }
+  .button:hover {
+    cursor: pointer;
+    box-shadow: inset 0 0 10rem #7d7d7d20;
+  }
 }
 .button:active {
-    box-shadow: inset 0 0 10rem #7d7d7d30;
+  box-shadow: inset 0 0 10rem #7d7d7d30;
 }
 .button:invalid {
-    border: 0.1rem solid var(--errorColor);
+  border: 0.1rem solid var(--errorColor);
 }
 
 .outlined {
-    border: 0.1rem solid #7d7d7d70;
+  border: 0.1rem solid #7d7d7d70;
 }
 .filled {
-    background: var(--onBackgroundColor);
-    color: var(--onPrimaryColor);
-    fill: var(--onPrimaryColor);
+  background: var(--onBackgroundColor);
+  color: var(--onPrimaryColor);
+  fill: var(--onPrimaryColor);
 }
 .tonal {
-    background: var(--onHeaderColor);
-    color: var(--onSurfaceColor);
-    fill: var(--onSurfaceColor);
+  background: var(--onHeaderColor);
+  color: var(--onSurfaceColor);
+  fill: var(--onSurfaceColor);
 }
 .elevated {
-    background-color: var(--onPrimaryColor);
-    color: var(--onSurfaceColor);
-    fill: var(--onSurfaceColor);
-    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+  background-color: var(--onPrimaryColor);
+  color: var(--onSurfaceColor);
+  fill: var(--onSurfaceColor);
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+.link {
+  background: transparent;
+  display: block;
+  position: relative;
+  transition: 0.3s;
+}
+.link:before {
+  content: "";
+  position: absolute;
+  bottom: 0.5rem;
+  left: 0;
+  right: 0;
+  width: 0;
+  height: 0.1rem;
+  padding: 0;
+  margin: 0 auto;
+  background-color: var(--secondaryColor);
+  transition: 0.3s;
+}
+.link:hover {
+  box-shadow: none;
+}
+.link:hover:before {
+  width: calc(100% - var(--padding));
 }

package/src/button/button.tsx

@@ -4,7 +4,7 @@ import styles from "./button.module.css";
 import SvgIcon from "../svgIcon/svgIcon";
 
 interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-  variant?: "text" | "outlined" | "filled" | "tonal" | "elevated";
+  variant?: "text" | "outlined" | "filled" | "tonal" | "elevated" | "link";
   size?: "small" | "medium" | "large";
   borderStyle?: "none" | "semi" | "rounded";
   icon?: JSX.Element;

package/src/gridItem/gridItem.module.css

@@ -0,0 +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;
+  }
+}

package/src/gridItem/gridItem.tsx

@@ -12,13 +12,18 @@ interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
 
 // Custom Button Element
 function GridItem(props: GridItemProps) {
-  const joinedStyles = joinStyles(
-    props.xl ? { gridColumn: "span " + props.xl } : {},
-    props.style!
+  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 (
-    <div {...props} style={joinedStyles}>
+    <div {...props} className={joinedClassNames}>
       {props.children}
     </div>
   );

package/tsconfig.json

@@ -1,22 +1,13 @@
 {
   "compilerOptions": {
-    "outDir": "./dist/",
-    "baseUrl": "src",
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "noImplicitAny": true,
+    "module": "es2022",
+    "target": "es2022",
+    "jsx": "react",
     "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
     "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "include": ["src", "declaration.d.ts"]
+    "declaration": true,
+    "sourceMap": true,
+    "allowSyntheticDefaultImports": true
+  }
 }

package/declaration.d.ts

@@ -1 +0,0 @@
-declare module "*.module.css";

package/dist/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/dist/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/dist/appBar/appBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"appBar.js","sourceRoot":"","sources":["../../src/appBar/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/dist/button/button.d.ts

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

package/dist/button/button.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./button.module.css";
-import SvgIcon from "ui/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/dist/button/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/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;IAC9B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,SAAS,MAAM,CAAC,KAAkB;IAChC,MAAM,gBAAgB,GAAG,cAAc,CACrC,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,CACjB,CAAC;IAEF,OAAO,CACL,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB;QAC3C,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,OAAO,IACN,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,IAE9D,KAAK,CAAC,IAAI,CACH,CACX,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,QAAQ,CACR,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}

package/dist/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/dist/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/dist/card/card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/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/dist/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/dist/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/dist/clickAwayListener/clickAwayListener.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clickAwayListener.js","sourceRoot":"","sources":["../../src/clickAwayListener/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/dist/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/dist/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/dist/container/container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/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/dist/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/dist/footer/footer.js

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

package/dist/footer/footer.js.map

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

package/dist/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/dist/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/dist/form/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form/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/dist/gridContainer/gridContainer.d.ts

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

package/dist/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(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 (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
-}
-export default GridContainer;
-//# sourceMappingURL=gridContainer.js.map

package/dist/gridContainer/gridContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gridContainer.js","sourceRoot":"","sources":["../../src/gridContainer/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;AAYhD,wBAAwB;AACxB,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,aAAa,EACpB,KAAK,CAAC,SAAU,CACjB,CAAC;IACF,MAAM,YAAY,GAAG,UAAU,CAC7B,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAChE,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,CACb,CAAC;IACF,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC7D,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/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/dist/gridItem/gridItem.js

@@ -1,9 +0,0 @@
-import React from "react";
-import { joinStyles } from "@yakad/lib";
-// Custom Button Element
-function GridItem(props) {
-    const joinedStyles = joinStyles(props.xl ? { gridColumn: "span " + props.xl } : {}, props.style);
-    return (React.createElement("div", { ...props, style: joinedStyles }, props.children));
-}
-export default GridItem;
-//# sourceMappingURL=gridItem.js.map

package/dist/gridItem/gridItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["../../src/gridItem/gridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,UAAU,EAAE,MAAM,YAAY,CAAC;AAWxD,wBAAwB;AACxB,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,YAAY,GAAG,UAAU,CAC7B,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,GAAG,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAClD,KAAK,CAAC,KAAM,CACb,CAAC;IAEF,OAAO,CACL,gCAAS,KAAK,EAAE,KAAK,EAAE,YAAY,IAChC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}