@yakad/ui 1.2.21-beta → 1.2.23-beta

package/appBar/appBar.module.css

@@ -7,8 +7,8 @@
     height: 5rem;
     padding: 0 2rem;
     border-bottom: 0.1rem solid #7d7d7d40;
-    background: var(--primaryColor);
-    color: var(--onPrimaryColor);
-    fill: var(--onPrimaryColor);
+    background: var(--surfaceColor, #222222);
+    color: var(--onSurfaceColor, #ffffff);
+    fill: var(--onSurfaceColor, #ffffff);
     user-select: none;
 }

package/button/button.module.css

@@ -65,26 +65,26 @@
     box-shadow: inset 0 0 10rem #7d7d7d30;
 }
 .button:invalid {
-    border: 0.1rem solid var(--errorColor);
+    border: 0.1rem solid var(--errorColor, #b00020);
 }
 
 .outlined {
     border: 0.1rem solid #7d7d7d70;
 }
 .filled {
-    background: var(--secondaryContainerColor);
-    color: var(--onSecondaryContainerColor);
-    fill: var(--onSecondaryContainerColorx);
+    background: var(--primaryColor, #1e64d4);
+    color: var(--onPrimaryColor, #ffffff);
+    fill: var(--onPrimaryColor, #ffffff);
 }
 .tonal {
-    background: var(--tertiaryColor);
-    color: var(--onTertiaryColor);
-    fill: var(--onTertiaryColor);
+    background: var(--primaryContainerColor, #c2e7ff);
+    color: var(--onPrimaryContainerColor, #002021);
+    fill: var(--onPrimaryContainerColor, #002021);
 }
 .elevated {
-    background-color: var(--onPrimaryColor);
-    color: var(--onSurfaceColor);
-    fill: var(--onSurfaceColor);
+    background-color: var(--onSecondaryColor, #ffffff);
+    color: var(--primaryColor, #1e64d4);
+    fill: var(--primaryColor, #1e64d4);
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 .link {
@@ -103,7 +103,7 @@
     height: 0.1rem;
     padding: 0;
     margin: 0 auto;
-    background-color: var(--secondaryColor);
+    background-color: var(--primaryColor, #1e64d4);
     transition: 0.3s;
 }
 

package/card/card.module.css

@@ -3,9 +3,9 @@
     padding: 3rem;
     box-sizing: border-box;
     border-radius: 2rem;
-    background: var(--surfaceColor);
-    color: var(--onSurfaceColor);
-    fill: var(--onSurfaceColor);
+    background: var(--backgroundColor, #ffffff);
+    color: var(--onBackgroundColor, #000000);
+    fill: var(--onBackgroundColor, #000000);
     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/codeField/codeField.module.css

@@ -14,7 +14,7 @@
         )
         0 100%/100% 0.2rem no-repeat;
     color: transparent;
-    text-shadow: 0 0 0 var(--onSurfaceColor);
+    text-shadow: 0 0 0 var(--secondaryColor, #55624c);
     font: 5ch consolas, monospace;
     letter-spacing: 0.5ch;
 }

package/hr/hr.module.css

@@ -4,13 +4,13 @@
     padding: 0;
     margin: 0.5rem auto;
     background: none;
-    border-top: 0.1rem solid var(--secondaryContainerColor);
+    border-top: 0.1rem solid var(--primaryContainerColor, #c2e7ff);
 }
 .dotted {
-    border-top: 0.4rem dotted var(--secondaryContainerColor);
+    border-top: 0.4rem dotted var(--primaryContainerColor, #c2e7ff);
 }
 .dashed {
-    border-top: 0.2rem dashed var(--secondaryContainerColor);
+    border-top: 0.2rem dashed var(--primaryContainerColor, #c2e7ff);
 }
 .shortLine {
     width: 30rem;

package/index.tsx

@@ -19,6 +19,7 @@ import SvgIcon from "./svgIcon/svgIcon";
 import Loading from "./loading/loading";
 import CodeField from "./codeField/codeField";
 import InputField from "./inputField/inputField";
+import Thame from "./thame/thame";
 export {
     Button,
     AppBar,
@@ -41,4 +42,5 @@ export {
     Loading,
     CodeField,
     InputField,
+    Thame,
 };

package/inputField/inputField.module.css

@@ -7,7 +7,7 @@
     left: 1.2rem;
     transform: translateY(-50%);
     font-size: 1rem;
-    color: var(--onBackgroundColor);
+    color: var(--onBackgroundColor, #000000);
     transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
 }
 .input:placeholder-shown + .placeholder {
@@ -18,7 +18,7 @@
 .input:focus + .placeholder {
     top: 0rem;
     font-size: 1rem;
-    color: var(--onBackgroundColor);
+    color: var(--onBackgroundColor, #000000);
 }
 
 .input {
@@ -28,7 +28,7 @@
     outline: none;
     transition: border-color 0.3 ease;
     box-sizing: border-box;
-    color: var(--onBackgroundColor);
+    color: var(--onBackgroundColor, #000000);
     -webkit-appearance: none;
     -ms-appearance: none;
     -moz-appearance: none;
@@ -37,8 +37,6 @@
 .input::after {
     font-size: 1.4rem;
     display: block;
-    background-color: red;
-    content: "Hello";
     z-index: 10;
 }
 
@@ -49,7 +47,7 @@
 }
 .input.standard:valid,
 .input.standard:focus {
-    border-color: var(--primaryColor);
+    border-color: var(--secondaryColor, #121212);
 }
 
 .input.outlined {
@@ -61,14 +59,14 @@
     padding: 0 0.5rem;
 }
 .input.outlined + .placeholder {
-    border-color: var(--onBackgroundColor);
-    background: var(--surfaceColor);
+    border-color: var(--onBackgroundColor, #000000);
+    background: var(--backgroundColor, #ffffff);
 }
 
 .input.outlined:valid,
 .input.outlined:focus + .placeholder {
-    border-color: var(--onBackgroundColor);
-    background: var(--surfaceColor);
+    border-color: var(--onBackgroundColor, #000000);
+    background: var(--backgroundColor, #ffffff);
 }
 
 .input.filled {
@@ -78,16 +76,16 @@
 }
 
 .input:invalid {
-    border-color: var(--errorColor);
+    border-color: var(--errorColor, #b00020);
 }
 
 .input:invalid + .placeholder {
-    color: var(--errorColor);
+    color: var(--errorColor, #b00020);
 }
 .input.standard:focus:invalid {
-    border-color: var(--errorColor);
+    border-color: var(--errorColor, #b00020);
 }
 .input.filled:invalid {
-    border-bottom: solid 0.2rem var(--errorColor);
+    border-bottom: solid 0.2rem var(--errorColor, #b00020);
     border-radius: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.2.21-beta",
+    "version": "1.2.23-beta",
     "description": "",
     "main": "./src/index.js",
     "scripts": {

package/thame/thame.module.css

@@ -0,0 +1,244 @@
+.blue {
+    --LightPrimaryColor: #1e64d4;
+    --LightPrimaryContainerColor: #c2e7ff;
+    --LightSecondaryColor: #121212;
+    --LightSecondaryContainerColor: #d9e7cb;
+    --LightTertiaryColor: #386a20;
+    --LightTertiaryContainerColor: #b7f397;
+    --LightBackgroundColor: #ffffff;
+    --LightSurfaceColor: #222222;
+    --LightErrorColor: #b00020;
+    --LightErrorContainerColor: #f9dedc;
+    --LightOnPrimaryColor: #ffffff;
+    --LightOnPrimaryContainerColor: #002021;
+    --LightOnSecondaryColor: #ffffff;
+    --LightOnSecondaryContainerColor: #131f0d;
+    --LightOnTertiaryColor: #ffffff;
+    --LightOnTertiaryContainerColor: #042100;
+    --LightOnBackgroundColor: #000000;
+    --LightOnSurfaceColor: #ffffff;
+    --LightOnErrorColor: #ffffff;
+    --LightOnErrorContainerColor: #410e0b;
+
+    --DarkDarkrimaryColor: #c2e7ff;
+    --DarkPrimaryContainerColor: #1e64d4;
+    --DarkSecondaryColor: #d9e7cb;
+    --DarkSecondaryContainerColor: #3e4a36;
+    --DarkTertiaryColor: #b7f397;
+    --DarkTertiaryContainerColor: #386a20;
+    --DarkBackgroundColor: #1a1c18;
+    --DarkSurfaceColor: #1a1c18;
+    --DarkErrorColor: #b00020;
+    --DarkErrorContainerColor: #f9dedc;
+    --DarkOnPrimaryColor: #003738;
+    --DarkOnPrimaryContainerColor: #c2e7ff;
+    --DarkOnSecondaryColor: #121212;
+    --DarkOnSecondaryContainerColor: #d9e7cb;
+    --DarkOnTertiaryColor: #042100;
+    --DarkOnTertiaryContainerColor: #b7f397;
+    --DarkOnBackgroundColor: #ffffff;
+    --DarkOnSurfaceColor: #ffffff;
+    --DarkOnErrorColor: #ffffff;
+    --DarkOnErrorContainerColor: #410e0b;
+}
+.green {
+    --LightPrimaryColor: #386a20;
+    --LightPrimaryContainerColor: #cad7bd;
+    --LightSecondaryColor: #121212;
+    --LightSecondaryContainerColor: #d9e7cb;
+    --LightTertiaryColor: #19686a;
+    --LightTertiaryContainerColor: #a8eff0;
+    --LightBackgroundColor: #ffffff;
+    --LightSurfaceColor: #222222;
+    --LightErrorColor: #b00020;
+    --LightErrorContainerColor: #f9dedc;
+    --LightOnPrimaryColor: #ffffff;
+    --LightOnPrimaryContainerColor: #131f0d;
+    --LightOnSecondaryColor: #ffffff;
+    --LightOnSecondaryContainerColor: #131f0d;
+    --LightOnTertiaryColor: #ffffff;
+    --LightOnTertiaryContainerColor: #002021;
+    --LightOnBackgroundColor: #000000;
+    --LightOnSurfaceColor: #ffffff;
+    --LightOnErrorColor: #ffffff;
+    --LightOnErrorContainerColor: #410e0b;
+
+    --DarkDarkrimaryColor: #cad7bd;
+    --DarkPrimaryContainerColor: #205107;
+    --DarkSecondaryColor: #d9e7cb;
+    --DarkSecondaryContainerColor: #3e4a36;
+    --DarkTertiaryColor: #a8eff0;
+    --DarkTertiaryContainerColor: #1e64d4;
+    --DarkBackgroundColor: #1a1c18;
+    --DarkSurfaceColor: #1a1c18;
+    --DarkErrorColor: #b00020;
+    --DarkErrorContainerColor: #f9dedc;
+    --DarkOnPrimaryColor: #386a20;
+    --DarkOnPrimaryContainerColor: #cad7bd;
+    --DarkOnSecondaryColor: #121212;
+    --DarkOnSecondaryContainerColor: #d9e7cb;
+    --DarkOnTertiaryColor: #19686a;
+    --DarkOnTertiaryContainerColor: #a8eff0;
+    --DarkOnBackgroundColor: #ffffff;
+    --DarkOnSurfaceColor: #ffffff;
+    --DarkOnErrorColor: #ffffff;
+    --DarkOnErrorContainerColor: #410e0b;
+}
+
+.pink {
+    --LightPrimaryColor: #9c4146;
+    --LightPrimaryContainerColor: #ffdad9;
+    --LightSecondaryColor: #121212;
+    --LightSecondaryContainerColor: #d9e7cb;
+    --LightTertiaryColor: #604003;
+    --LightTertiaryContainerColor: #f1d1a2;
+    --LightBackgroundColor: #ffffff;
+    --LightSurfaceColor: #222222;
+    --LightErrorColor: #b00020;
+    --LightErrorContainerColor: #f9dedc;
+    --LightOnPrimaryColor: #ffffff;
+    --LightOnPrimaryContainerColor: #2d1516;
+    --LightOnSecondaryColor: #ffffff;
+    --LightOnSecondaryContainerColor: #131f0d;
+    --LightOnTertiaryColor: #ffffff;
+    --LightOnTertiaryContainerColor: #46381f;
+    --LightOnBackgroundColor: #000000;
+    --LightOnSurfaceColor: #ffffff;
+    --LightOnErrorColor: #ffffff;
+    --LightOnErrorContainerColor: #410e0b;
+
+    --DarkDarkrimaryColor: #ffdad9;
+    --DarkPrimaryContainerColor: #9c4146;
+    --DarkSecondaryColor: #d9e7cb;
+    --DarkSecondaryContainerColor: #3e4a36;
+    --DarkTertiaryColor: #f1d1a2;
+    --DarkTertiaryContainerColor: #281800;
+    --DarkBackgroundColor: #1a1c18;
+    --DarkSurfaceColor: #1a1c18;
+    --DarkErrorColor: #b00020;
+    --DarkErrorContainerColor: #f9dedc;
+    --DarkOnPrimaryColor: #9c4146;
+    --DarkOnPrimaryContainerColor: #ffdad9;
+    --DarkOnSecondaryColor: #121212;
+    --DarkOnSecondaryContainerColor: #d9e7cb;
+    --DarkOnTertiaryColor: #604003;
+    --DarkOnTertiaryContainerColor: #f1d1a2;
+    --DarkOnBackgroundColor: #ffffff;
+    --DarkOnSurfaceColor: #ffffff;
+    --DarkOnErrorColor: #ffffff;
+    --DarkOnErrorContainerColor: #410e0b;
+}
+
+.grow {
+    --LightPrimaryColor: #616200;
+    --LightPrimaryContainerColor: #e6e4bf;
+    --LightSecondaryColor: #121212;
+    --LightSecondaryContainerColor: #d9e7cb;
+    --LightTertiaryColor: #bfedd9;
+    --LightTertiaryContainerColor: #f1d1a2;
+    --LightBackgroundColor: #ffffff;
+    --LightSurfaceColor: #222222;
+    --LightErrorColor: #b00020;
+    --LightErrorContainerColor: #f9dedc;
+    --LightOnPrimaryColor: #ffffff;
+    --LightOnPrimaryContainerColor: #1c1d06;
+    --LightOnSecondaryColor: #ffffff;
+    --LightOnSecondaryContainerColor: #131f0d;
+    --LightOnTertiaryColor: #ffffff;
+    --LightOnTertiaryContainerColor: #0c3637;
+    --LightOnBackgroundColor: #000000;
+    --LightOnSurfaceColor: #ffffff;
+    --LightOnErrorColor: #ffffff;
+    --LightOnErrorContainerColor: #410e0b;
+
+    --DarkDarkrimaryColor: #e6e4bf;
+    --DarkPrimaryContainerColor: #616200;
+    --DarkSecondaryColor: #d9e7cb;
+    --DarkSecondaryContainerColor: #3e4a36;
+    --DarkTertiaryColor: #b7f397;
+    --DarkTertiaryContainerColor: #386a20;
+    --DarkBackgroundColor: #1a1c18;
+    --DarkSurfaceColor: #1a1c18;
+    --DarkErrorColor: #b00020;
+    --DarkErrorContainerColor: #f9dedc;
+    --DarkOnPrimaryColor: #616200;
+    --DarkOnPrimaryContainerColor: #e6e4bf;
+    --DarkOnSecondaryColor: #121212;
+    --DarkOnSecondaryContainerColor: #d9e7cb;
+    --DarkOnTertiaryColor: #042100;
+    --DarkOnTertiaryContainerColor: #b7f397;
+    --DarkOnBackgroundColor: #ffffff;
+    --DarkOnSurfaceColor: #ffffff;
+    --DarkOnErrorColor: #ffffff;
+    --DarkOnErrorContainerColor: #410e0b;
+}
+
+.system,
+.light {
+    --primaryColor: var(--LightPrimaryColor);
+    --primaryContainerColor: var(--LightPrimaryContainerColor);
+    --secondaryColor: var(--LightSecondaryColor);
+    --secondaryContainerColor: var(--LightSecondaryContainerColor);
+    --tertiaryColor: var(--LightTertiaryColor);
+    --tertiaryContainerColor: var(--LightTertiaryContainerColor);
+    --backgroundColor: var(--LightBackgroundColor);
+    --surfaceColor: var(--LightSurfaceColor);
+    --errorColor: var(--LightErrorColor);
+    --errorContainerColor: var(--LightErrorContainerColor);
+    --onPrimaryColor: var(--LightOnPrimaryColor);
+    --onPrimaryContainerColor: var(--LightOnPrimaryContainerColor);
+    --onSecondaryColor: var(--LightOnSecondaryColor);
+    --onSecondaryContainerColor: var(--LightOnSecondaryContainerColor);
+    --onTertiaryColor: var(--LightOnTertiaryColor);
+    --onTertiaryContainerColor: var(--DarkonTertiaryContainerColor);
+    --onBackgroundColor: var(--LightOnBackgroundColor);
+    --onSurfaceColor: var(--LightOnSurfaceColor);
+    --onErrorColor: var(--LightOnErrorColor);
+    --onErrorContainerColor: var(--LightOnErrorContainerColor);
+}
+.dark {
+    --primaryColor: var(--DarkPrimaryColor);
+    --primaryContainerColor: var(--DarkPrimaryContainerColor);
+    --secondaryColor: var(--DarkSecondaryColor);
+    --secondaryContainerColor: var(--DarkSecondaryContainerColor);
+    --tertiaryColor: var(--DarkTertiaryColor);
+    --tertiaryContainerColor: var(--DarkTertiaryContainerColor);
+    --backgroundColor: var(--DarkBackgroundColor);
+    --surfaceColor: var(--DarkSurfaceColor);
+    --errorColor: var(--DarkErrorColor);
+    --errorContainerColor: var(--DarkErrorContainerColor);
+    --onPrimaryColor: var(--DarkOnPrimaryColor);
+    --onPrimaryContainerColor: var(--DarkOnPrimaryContainerColor);
+    --onSecondaryColor: var(--DarkOnSecondaryColor);
+    --onSecondaryContainerColor: var(--DarkOnSecondaryContainerColor);
+    --onTertiaryColor: var(--DarkOnTertiaryColor);
+    --onTertiaryContainerColor: var(--DarkonTertiaryContainerColor);
+    --onBackgroundColor: var(--DarkOnBackgroundColor);
+    --onSurfaceColor: var(--DarkOnSurfaceColor);
+    --onErrorColor: var(--DarkOnErrorColor);
+    --onErrorContainerColor: var(--DarkOnErrorContainerColor);
+}
+@media (prefers-color-scheme: dark) {
+    .system {
+        --primaryColor: var(--DarkPrimaryColor);
+        --primaryContainerColor: var(--DarkPrimaryContainerColor);
+        --secondaryColor: var(--DarkSecondaryColor);
+        --secondaryContainerColor: var(--DarkSecondaryContainerColor);
+        --tertiaryColor: var(--DarkTertiaryColor);
+        --tertiaryContainerColor: var(--DarkTertiaryContainerColor);
+        --backgroundColor: var(--DarkBackgroundColor);
+        --surfaceColor: var(--DarkSurfaceColor);
+        --errorColor: var(--DarkErrorColor);
+        --errorContainerColor: var(--DarkErrorContainerColor);
+        --onPrimaryColor: var(--DarkOnPrimaryColor);
+        --onPrimaryContainerColor: var(--DarkOnPrimaryContainerColor);
+        --onSecondaryColor: var(--DarkOnSecondaryColor);
+        --onSecondaryContainerColor: var(--DarkOnSecondaryContainerColor);
+        --onTertiaryColor: var(--DarkOnTertiaryColor);
+        --onTertiaryContainerColor: var(--DarkonTertiaryContainerColor);
+        --onBackgroundColor: var(--DarkOnBackgroundColor);
+        --onSurfaceColor: var(--DarkOnSurfaceColor);
+        --onErrorColor: var(--DarkOnErrorColor);
+        --onErrorContainerColor: var(--DarkOnErrorContainerColor);
+    }
+}

package/thame/thame.tsx

@@ -0,0 +1,20 @@
+import Reat from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./thame.module.css";
+
+interface ThameProps extends React.HTMLAttributes<HTMLElement> {
+    mode?: "light" | "dark" | "system";
+    color?: "green" | "pink" | "grow" | "blue";
+}
+
+function Thame(props: ThameProps) {
+    const joinedClassNames = joinClassNames(
+        styles.blue,
+        props.mode ? styles[props.mode] : styles.blue,
+        props.color ? styles[props.color] : styles.blue,
+        props.className!
+    );
+    return <div className={joinedClassNames}>{props.children}</div>;
+}
+
+export default Thame;

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/button/button.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    loading?: boolean;
-    size?: "small" | "medium" | "large";
-    variant?: "text" | "outlined" | "filled" | "tonal" | "elevated" | "link";
-    borderStyle?: "none" | "semi" | "rounded";
-    icon?: JSX.Element;
-    iconPosition?: "start" | "end";
-    loadingPosition?: "default" | "center";
-    loadingVariant?: "scaleOut" | "dots" | "spinner";
-    disabled?: boolean;
-}
-declare function Button(props: ButtonProps): JSX.Element;
-export default Button;

package/button/button.js

@@ -1,25 +0,0 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./button.module.css";
-import SvgIcon from "../svgIcon/svgIcon";
-import Loading from "../loading/loading";
-const svgSizeMaps = {
-    small: 2,
-    medium: 2.4,
-    large: 3,
-};
-function Button(props) {
-    const startChildren = props.iconPosition === "end";
-    const centerLoading = !props.icon || (props.loading && props.loadingPosition === "center");
-    const joinedClassNames = joinClassNames(styles.button, props.loading ? styles.loading : "", props.variant ? styles[props.variant] : styles.text, props.loading && centerLoading ? styles.loadingPositionCenter : "", 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 },
-        startChildren ? props.children : null,
-        props.loading ? (React.createElement("div", { className: joinClassNames(centerLoading ? styles.positionCenter : "", styles.displayOnDisabled) },
-            React.createElement(Loading, { size: props.size, variant: props.loadingVariant }))) : null,
-        props.icon ? (React.createElement(SvgIcon, { className: styles.hideOnDisabled, size: props.size
-                ? svgSizeMaps[props.size]
-                : svgSizeMaps.medium }, props.icon)) : null,
-        !startChildren ? props.children : null));
-}
-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;AACzC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAoBzC,MAAM,WAAW,GAAe;IAC5B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,CAAC;CACX,CAAC;AAEF,SAAS,MAAM,CAAC,KAAkB;IAC9B,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC;IACnD,MAAM,aAAa,GACf,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,eAAe,KAAK,QAAQ,CAAC,CAAC;IAEzE,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,MAAM,EACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACnC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACnD,KAAK,CAAC,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAClE,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,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,6BACI,SAAS,EAAE,cAAc,CACrB,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAC1C,MAAM,CAAC,iBAAiB,CAC3B;YAED,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,GAAI,CAC1D,CACT,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,OAAO,IACJ,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,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,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAClC,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/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/client.d.ts

@@ -1,3 +0,0 @@
-import ClickAwayListener from "./clickAwayListener/clickAwayListener";
-import HistoryBack from "./historyBack/historyBack";
-export { ClickAwayListener, HistoryBack };

package/client.js

@@ -1,4 +0,0 @@
-import ClickAwayListener from "./clickAwayListener/clickAwayListener";
-import HistoryBack from "./historyBack/historyBack";
-export { ClickAwayListener, HistoryBack };
-//# sourceMappingURL=client.js.map

package/client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["client.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC"}

package/codeField/codeField.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface CodeFieldsProps extends React.HTMLAttributes<HTMLElement> {
-    length?: number;
-    name?: string;
-}
-declare function CodeField(props: CodeFieldsProps): JSX.Element;
-export default CodeField;

package/codeField/codeField.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./codeField.module.css";
-function CodeField(props) {
-    const joinedClassNames = joinClassNames(styles.input, props.className);
-    const joinedStyles = joinStyles({ width: "calc(1.5ch * " + props.length + ")" }, props.style);
-    return (React.createElement("input", { name: props.name, minLength: props.length, maxLength: props.length, className: joinedClassNames, style: joinedStyles }));
-}
-export default CodeField;
-//# sourceMappingURL=codeField.js.map

package/codeField/codeField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"codeField.js","sourceRoot":"","sources":["codeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAO5C,SAAS,SAAS,CAAC,KAAsB;IACrC,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,UAAU,CAC3B,EAAE,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE,EAC/C,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,+BACI,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,GACrB,CACL,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}

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/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/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/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/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"}

package/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/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/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/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/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/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/index.d.ts

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

package/index.js

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

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,GACb,CAAC"}

package/inputField/inputField.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
-    variant?: "standard" | "outlined" | "filled";
-    type?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    name?: string;
-}
-declare function InputField(props: InputFieldProps): JSX.Element;
-export default InputField;

package/inputField/inputField.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./inputField.module.css";
-function InputField(props) {
-    const joinedClassNames = joinClassNames(styles.input, props.variant ? styles[props.variant] : styles.standard, props.className);
-    return (React.createElement("label", { className: styles.field },
-        React.createElement("input", { name: props.name, disabled: props.disabled, placeholder: "\u00A0", type: props.type, className: joinedClassNames }),
-        React.createElement("span", { className: styles.placeholder }, props.placeholder)));
-}
-export default InputField;
-//# sourceMappingURL=inputField.js.map

package/inputField/inputField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputField.js","sourceRoot":"","sources":["inputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAU7C,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,KAAK,EACZ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EACvD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QAC1B,+BACI,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,gBAAgB,GAC7B;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,KAAK,CAAC,WAAW,CAAQ,CAC3D,CACX,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}

package/list/list.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
-    direction?: "row" | "column";
-    collapsed?: boolean;
-}
-declare function List(props: ListProps): JSX.Element;
-export default List;

package/list/list.js

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

package/list/list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,SAAS,IAAI,CAAC,KAAgB;IAC5B,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EACtD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,OAAO,CACL,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACvC,KAAK,CAAC,QAAQ,CACZ,CACN,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}

package/listItem/listItem.d.ts

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

package/listItem/listItem.js

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

@@ -1 +0,0 @@
-{"version":3,"file":"listItem.js","sourceRoot":"","sources":["listItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,SAAS,QAAQ,CAAC,KAA0C;IAC1D,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,KAAM,KAAK,IACtC,KAAK,CAAC,QAAQ,CACZ,CACN,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/loading/loading.d.ts

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

@@ -1 +0,0 @@
-{"version":3,"file":"loading.js","sourceRoot":"","sources":["loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAO5C,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,OAAO,EACd,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,gBAAgB;QAC5B,gCAAW,CACT,CACT,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/main/main.d.ts

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

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,SAAS,IAAI,CAAC,KAAgB;IAC5B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,IAAI,EACX,YAAY,EACZ,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,OAAO,CACL,iCAAU,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACzC,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}

package/navigation/navigation.d.ts

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

package/navigation/navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAO7C,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,UAAU,EACjB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACjD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAChC,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}

package/page/page.d.ts

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

package/page/page.js

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

package/page/page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["page.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,KAA2C;IACvD,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/row/row.d.ts

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

package/row/row.js

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

package/row/row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row.js","sourceRoot":"","sources":["row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,SAAS,GAAG,CAAC,KAA2C;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,GAAG,CAAC"}

package/spacer/spacer.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function Spacer(): JSX.Element;
-export default Spacer;

package/spacer/spacer.js

@@ -1,7 +0,0 @@
-import React from "react";
-import styles from "./spacer.module.css";
-function Spacer() {
-    return React.createElement("div", { className: styles.spacer });
-}
-export default Spacer;
-//# sourceMappingURL=spacer.js.map

package/spacer/spacer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacer.js","sourceRoot":"","sources":["spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,SAAS,MAAM;IACX,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAQ,CAAC;AACjD,CAAC;AAED,eAAe,MAAM,CAAC"}

package/stack/stack.d.ts

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

package/stack/stack.js

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

package/stack/stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.js","sourceRoot":"","sources":["stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,SAAS,KAAK,CAAC,KAA2C;IACxD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC"}

package/svgIcon/svgIcon.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
-    size?: number;
-}
-declare function SvgIcon(props: SvgIconProps): JSX.Element;
-export default SvgIcon;

package/svgIcon/svgIcon.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./svgIcon.module.css";
-function SvgIcon(props) {
-    const joinedClassNames = joinClassNames(styles.svg, props.className);
-    const joinedStyles = joinStyles(props.size
-        ? { width: props.size + "rem", height: props.size + "rem" }
-        : {}, props.style);
-    return (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
-}
-export default SvgIcon;
-//# sourceMappingURL=svgIcon.js.map

package/svgIcon/svgIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"svgIcon.js","sourceRoot":"","sources":["svgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,MAAM,YAAY,GAAG,UAAU,CAC3B,KAAK,CAAC,IAAI;QACN,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE;QAC3D,CAAC,CAAC,EAAE,EACR,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC3D,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}