@yakad/ui 1.1.0 → 1.1.1

package/src/button/button.module.css

@@ -1,113 +0,0 @@
-.button {
-  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: 1.2rem;
-  gap: 0.4rem;
-  font-size: 1.2rem;
-  --border-radius: 1.5rem;
-}
-.medium {
-  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: 2.6rem;
-  gap: 1.1rem;
-  font-size: 1.8rem;
-  --border-radius: 2.5rem;
-}
-
-.iconButton {
-  padding: 0;
-  justify-content: center;
-}
-
-.none {
-  border-radius: 0;
-}
-.semi {
-  border-radius: 0 var(--border-radius) var(--border-radius) 0;
-}
-[dir="rtl"] .semi {
-  border-radius: var(--border-radius) 0 0 var(--border-radius);
-}
-.rounded {
-  border-radius: var(--border-radius);
-}
-
-@media (pointer: fine) {
-  .button:hover {
-    cursor: pointer;
-    box-shadow: inset 0 0 10rem #7d7d7d20;
-  }
-}
-.button:active {
-  box-shadow: inset 0 0 10rem #7d7d7d30;
-}
-.button:invalid {
-  border: 0.1rem solid var(--errorColor);
-}
-
-.outlined {
-  border: 0.1rem solid #7d7d7d70;
-}
-.filled {
-  background: var(--onBackgroundColor);
-  color: var(--onPrimaryColor);
-  fill: var(--onPrimaryColor);
-}
-.tonal {
-  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;
-}
-.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

@@ -1,49 +0,0 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./button.module.css";
-import SvgIcon from "../svgIcon/svgIcon";
-
-interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-  variant?: "text" | "outlined" | "filled" | "tonal" | "elevated" | "link";
-  size?: "small" | "medium" | "large";
-  borderStyle?: "none" | "semi" | "rounded";
-  icon?: JSX.Element;
-}
-
-interface svgSizeMap {
-  small: number;
-  medium: number;
-  large: number;
-}
-
-const svgSizeMaps: svgSizeMap = {
-  small: 2,
-  medium: 2.4,
-  large: 3,
-};
-
-function Button(props: ButtonProps) {
-  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 (
-    <button {...props} className={joinedClassNames}>
-      {props.icon ? (
-        <SvgIcon
-          size={props.size ? svgSizeMaps[props.size] : svgSizeMaps.medium}
-        >
-          {props.icon}
-        </SvgIcon>
-      ) : null}
-      {props.children}
-    </button>
-  );
-}
-
-export default Button;

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

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

package/src/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;IACpC,MAAM,gBAAgB,GAAG,cAAc,CACrC,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,EAEvC,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,QAAQ,CAAC"}

package/src/gridItem/gridItem.module.css

@@ -1,192 +0,0 @@
-.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/historyBack/historyBack.d.ts

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

package/src/historyBack/historyBack.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { useNavigate } from "react-router-dom";
-function HistoryBack(props) {
-    const navigate = useNavigate();
-    return (React.createElement("div", { ...props, onClick: () => {
-            navigate(-1);
-            props.onClick(null);
-        } }, props.children));
-}
-export default HistoryBack;
-//# sourceMappingURL=historyBack.js.map

package/src/historyBack/historyBack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"historyBack.js","sourceRoot":"","sources":["historyBack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,SAAS,WAAW,CAAC,KAA2C;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACH,gCACQ,KAAK,EACT,OAAO,EAAE,GAAG,EAAE;YACV,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACb,KAAK,CAAC,OAAQ,CAAC,IAAW,CAAC,CAAC;QAChC,CAAC,IAEA,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,WAAW,CAAC"}

package/src/hr/hr.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface HrProps extends React.HTMLAttributes<HTMLElement> {
-    variant?: "dotted" | "dashed" | "shortLine";
-    height?: number;
-    marginTopBottom?: number;
-}
-declare function Hr(props: HrProps): JSX.Element;
-export default Hr;

package/src/hr/hr.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./hr.module.css";
-function Hr(props) {
-    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 React.createElement("hr", { ...props, className: joinedClassNames, style: joinedStyles });
-}
-export default Hr;
-//# sourceMappingURL=hr.js.map

package/src/hr/hr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hr.js","sourceRoot":"","sources":["hr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,SAAS,EAAE,CAAC,KAAc;IACxB,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,EAAE,EACT,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAC7B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAC5D,KAAK,CAAC,eAAe;QACnB,CAAC,CAAC,UAAU,CACR,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,EAC5C,EAAE,YAAY,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,CAChD;QACH,CAAC,CAAC,EAAE,EACN,KAAK,CAAC,KAAM,CACb,CAAC;IAEF,OAAO,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,GAAO,CAAC;AAChF,CAAC;AAED,eAAe,EAAE,CAAC"}

package/src/index.d.ts

@@ -1,21 +0,0 @@
-import AppBar from "./appBar/appBar";
-import Button from "./button/button";
-import Container from "./container/container";
-import GridContainer from "./gridContainer/gridContainer";
-import GridItem from "./gridItem/gridItem";
-import Stack from "./stack/stack";
-import Navigation from "./navigation/navigation";
-import ClickAwayListener from "./clickAwayListener/clickAwayListener";
-import List from "./list/list";
-import ListItem from "./listItem/listItem";
-import Main from "./main/main";
-import Page from "./page/page";
-import Spacer from "./spacer/spacer";
-import Hr from "./hr/hr";
-import Form from "./form/form";
-import SvgIcon from "./svgIcon/svgIcon";
-import HistoryBack from "./historyBack/historyBack";
-import Row from "./row/row";
-import Footer from "./footer/footer";
-import Card from "./card/card";
-export { Container, GridContainer, GridItem, Stack, Navigation, ClickAwayListener, AppBar, Button, List, ListItem, Main, Page, Spacer, Hr, Form, SvgIcon, HistoryBack, Row, Footer, Card, };

package/src/index.js

@@ -1,22 +0,0 @@
-import AppBar from "./appBar/appBar";
-import Button from "./button/button";
-import Container from "./container/container";
-import GridContainer from "./gridContainer/gridContainer";
-import GridItem from "./gridItem/gridItem";
-import Stack from "./stack/stack";
-import Navigation from "./navigation/navigation";
-import ClickAwayListener from "./clickAwayListener/clickAwayListener";
-import List from "./list/list";
-import ListItem from "./listItem/listItem";
-import Main from "./main/main";
-import Page from "./page/page";
-import Spacer from "./spacer/spacer";
-import Hr from "./hr/hr";
-import Form from "./form/form";
-import SvgIcon from "./svgIcon/svgIcon";
-import HistoryBack from "./historyBack/historyBack";
-import Row from "./row/row";
-import Footer from "./footer/footer";
-import Card from "./card/card";
-export { Container, GridContainer, GridItem, Stack, Navigation, ClickAwayListener, AppBar, Button, List, ListItem, Main, Page, Spacer, Hr, Form, SvgIcon, HistoryBack, Row, Footer, Card, };
-//# sourceMappingURL=index.js.map