@yakad/ui 1.2.91-beta → 1.2.93-beta

package/appBar/appBar.d.ts

@@ -1,2 +1,5 @@
 import React from "react";
-export default function AppBar(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+export interface AppbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    positionSticky?: boolean;
+}
+export default function AppBar(props: AppbarProps): JSX.Element;

package/appBar/appBar.js

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

package/appBar/appBar.js.map

@@ -1 +1 @@
-{"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,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAwC;IACnE,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEzE,OAAO,CACH,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACzC,KAAK,CAAC,QAAQ,CACV,CACZ,CAAC;AACN,CAAC"}
+{"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;AAMzC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAC7C,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,MAAM,EACb,KAAK,CAAC,SAAU,EAChB,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAC9C,CAAC;IAEF,OAAO,CACH,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACzC,KAAK,CAAC,QAAQ,CACV,CACZ,CAAC;AACN,CAAC"}

package/appBar/appBar.module.css

@@ -13,3 +13,6 @@
     fill: rgb(var(--onSurfaceColor, 28 27 31));
     user-select: none;
 }
+.sticky {
+    position: fixeds;
+}

package/appBar/appBar.tsx

@@ -2,8 +2,16 @@ import React from "react";
 import { joinClassNames, joinStyles } from "@yakad/lib";
 import styles from "./appBar.module.css";
 
-export default function AppBar(props: React.HTMLAttributes<HTMLElement>) {
-    const joinedClassNames = joinClassNames(styles.header, props.className!);
+export interface AppbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    positionSticky?: boolean;
+}
+
+export default function AppBar(props: AppbarProps) {
+    const joinedClassNames = joinClassNames(
+        styles.header,
+        props.className!,
+        props.positionSticky ? styles.Sticky : null
+    );
 
     return (
         <header {...props} className={joinedClassNames}>

package/button/button.module.css

@@ -12,6 +12,7 @@
     user-select: none;
     cursor: pointer;
     box-sizing: border-box;
+    text-decoration: none;
 }
 .small {
     min-width: 3rem;

package/card/card.module.css

@@ -1,6 +1,7 @@
 .card {
     width: 100%;
     padding: 3rem;
+    margin: auto;
     box-sizing: border-box;
     border-radius: 2rem;
     background: rgb(var(--surfaceContainerHighestColor, 230 224 233));

package/codeField/codeField.js

@@ -4,8 +4,8 @@ import styles from "./codeField.module.css";
 function onInputHandler(event, inputLength, onFilled) {
     const targetInputElement = event.target;
     removeUnNumberChars(targetInputElement);
-    if (inputLength == targetInputElement.value.length)
-        onFilled?.();
+    if (inputLength == targetInputElement.value.length && onFilled)
+        onFilled();
     sliceOverLength(targetInputElement, inputLength);
 }
 function sliceOverLength(inputElement, inputLength) {

package/codeField/codeField.js.map

@@ -1 +1 @@
-{"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;AAW5C,SAAS,cAAc,CACnB,KAAwC,EACxC,WAAmB,EACnB,QAA8B;IAE9B,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAA0B,CAAC;IAC5D,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IACxC,IAAI,WAAW,IAAI,kBAAkB,CAAC,KAAK,CAAC,MAAM;QAAE,QAAQ,EAAE,EAAE,CAAC;IACjE,eAAe,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;AACrD,CAAC;AACD,SAAS,eAAe,CACpB,YAA8B,EAC9B,WAAmB;IAEnB,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;IAC/C,IAAI,YAAY,GAAG,WAAW;QAC1B,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;AACtE,CAAC;AACD,SAAS,mBAAmB,CAAC,YAA8B;IACvD,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAY,KAAsB;IAC/D,MAAM,MAAM,GAAW,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvD,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,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,EACjE,YAAY,EAAC,KAAK,EAClB,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,KAAK,CAAC,SAAS,GAC5B,CACL,CAAC;AACN,CAAC"}
+{"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;AAW5C,SAAS,cAAc,CACnB,KAAwC,EACxC,WAAmB,EACnB,QAA8B;IAE9B,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAA0B,CAAC;IAC5D,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IACxC,IAAI,WAAW,IAAI,kBAAkB,CAAC,KAAK,CAAC,MAAM,IAAI,QAAQ;QAAE,QAAQ,EAAE,CAAC;IAC3E,eAAe,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;AACrD,CAAC;AACD,SAAS,eAAe,CACpB,YAA8B,EAC9B,WAAmB;IAEnB,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;IAC/C,IAAI,YAAY,GAAG,WAAW;QAC1B,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;AACtE,CAAC;AACD,SAAS,mBAAmB,CAAC,YAA8B;IACvD,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAY,KAAsB;IAC/D,MAAM,MAAM,GAAW,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvD,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,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,EACjE,YAAY,EAAC,KAAK,EAClB,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,KAAK,CAAC,SAAS,GAC5B,CACL,CAAC;AACN,CAAC"}

package/codeField/codeField.tsx

@@ -18,7 +18,7 @@ function onInputHandler(
 ): void {
     const targetInputElement = event.target as HTMLInputElement;
     removeUnNumberChars(targetInputElement);
-    if (inputLength == targetInputElement.value.length) onFilled?.();
+    if (inputLength == targetInputElement.value.length && onFilled) onFilled();
     sliceOverLength(targetInputElement, inputLength);
 }
 function sliceOverLength(

package/container/container.module.css

@@ -1,6 +1,6 @@
 div.container {
     display: flex;
-    flex-direction: inherit;
+    flex-direction: column;
     width: 100%;
     padding: 2rem;
     margin: auto;

package/gridContainer/gridContainer.module.css

@@ -1,5 +1,6 @@
 .gridcontainer {
     display: grid;
+    align-items: center;
     width: 100%;
     box-sizing: border-box;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

package/package.json

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