@yakad/ui 1.2.76-beta → 1.2.78-beta

package/navigation/navigation.module.css

@@ -1,61 +1,61 @@
-.navigation {
-    position: fixed;
-    max-width: 100%;
-    transition: transform 0.3s;
-
-    background: rgb(var(--surfaceContainerColor, 243 237 247));
-    color: rgb(var(--onSurfaceColor, 28 27 31));
-    fill: rgb(var(--onSurfaceColor, 28 27 31));
-    overflow-y: auto;
-}
-
-.auto,
-.left {
-    top: 5.1rem;
-    left: 0;
-    width: 21.9rem;
-    height: calc(100% - 5.1rem);
-    max-height: 100%;
-    margin-right: 1rem;
-    border-inline-end: 0.2rem solid #7d7d7d40;
-    transform: translate(-100%, 0);
-}
-[dir="rtl"] .auto,
-.right {
-    right: 0;
-    top: 5.1rem;
-    width: 21.9rem;
-    height: calc(100% - 5.1rem);
-    max-height: 100%;
-    margin-left: 1rem;
-    border-inline-end: 0.2rem solid #7d7d7d40;
-    transform: translate(100%, 0);
-}
-
-.top {
-    top: 0;
-    width: 100%;
-    height: auto;
-    border-bottom: 0.2rem solid #7d7d7d40;
-    transform: translate(0, -100%);
-}
-.bottom {
-    bottom: 0;
-    width: 100%;
-    height: auto;
-    border-top: 0.2rem solid #7d7d7d40;
-    transform: translate(0, 100%);
-}
-
-.open {
-    transform: translate(0, 0);
-}
-
-@media screen and (max-width: 1000px) {
-    .auto,
-    .left,
-    .right {
-        top: 0;
-        height: 100%;
-    }
-}
+.navigation {
+    position: fixed;
+    max-width: 100%;
+    transition: transform 0.3s;
+
+    background: rgb(var(--surfaceContainerColor, 243 237 247));
+    color: rgb(var(--onSurfaceColor, 28 27 31));
+    fill: rgb(var(--onSurfaceColor, 28 27 31));
+    overflow-y: auto;
+}
+
+.auto,
+.left {
+    top: 5.1rem;
+    left: 0;
+    width: 21.9rem;
+    height: calc(100% - 5.1rem);
+    max-height: 100%;
+    margin-right: 1rem;
+    border-inline-end: 0.2rem solid #7d7d7d40;
+    transform: translate(-100%, 0);
+}
+[dir="rtl"] .auto,
+.right {
+    right: 0;
+    top: 5.1rem;
+    width: 21.9rem;
+    height: calc(100% - 5.1rem);
+    max-height: 100%;
+    margin-left: 1rem;
+    border-inline-end: 0.2rem solid #7d7d7d40;
+    transform: translate(100%, 0);
+}
+
+.top {
+    top: 0;
+    width: 100%;
+    height: auto;
+    border-bottom: 0.2rem solid #7d7d7d40;
+    transform: translate(0, -100%);
+}
+.bottom {
+    bottom: 0;
+    width: 100%;
+    height: auto;
+    border-top: 0.2rem solid #7d7d7d40;
+    transform: translate(0, 100%);
+}
+
+.open {
+    transform: translate(0, 0);
+}
+
+@media screen and (max-width: 1000px) {
+    .auto,
+    .left,
+    .right {
+        top: 0;
+        height: 100%;
+    }
+}

package/navigation/navigation.tsx

@@ -1,24 +1,24 @@
-import React from "react";
-import { joinClassNames } from "@yakad/lib";
-import styles from "./navigation.module.css";
-
-interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
-    anchor?: "left" | "right" | "top" | "bottom" | "auto";
-    open: boolean;
-}
-
-function Navigation(props: NavigationProps) {
-    const joinedClassNames = joinClassNames(
-        styles.navigation,
-        props.anchor ? styles[props.anchor] : styles.auto,
-        props.open ? styles.open : ""
-    );
-
-    return (
-        <nav {...props} className={joinedClassNames}>
-            {props.children}
-        </nav>
-    );
-}
-
-export default Navigation;
+import React from "react";
+import { joinClassNames } from "@yakad/lib";
+import styles from "./navigation.module.css";
+
+interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
+    anchor?: "left" | "right" | "top" | "bottom" | "auto";
+    open: boolean;
+}
+
+function Navigation(props: NavigationProps) {
+    const joinedClassNames = joinClassNames(
+        styles.navigation,
+        props.anchor ? styles[props.anchor] : styles.auto,
+        props.open ? styles.open : ""
+    );
+
+    return (
+        <nav {...props} className={joinedClassNames}>
+            {props.children}
+        </nav>
+    );
+}
+
+export default Navigation;

package/package.json

@@ -1,31 +1,31 @@
-{
-    "name": "@yakad/ui",
-    "version": "1.2.76-beta",
-    "description": "",
-    "main": "./src/index.js",
-    "scripts": {
-        "build": "tsc",
-        "test": "echo hector test: not impl"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/NatiqQuran/yakad.git"
-    },
-    "author": "Natiq",
-    "license": "GPL-3.0",
-    "bugs": {
-        "url": "https://github.com/NatiqQuran/yakad/issues"
-    },
-    "homepage": "https://github.com/NatiqQuran/yakad#readme",
-    "dependencies": {
-        "@types/react": "18.0.24",
-        "@types/react-dom": "18.0.6",
-        "@yakad/lib": "1.0.5",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
-        "typescript": "4.8.4"
-    },
-    "devDependencies": {
-        "typescript-plugin-css-modules": "3.4.0"
-    }
-}
+{
+    "name": "@yakad/ui",
+    "version": "1.2.78-beta",
+    "description": "",
+    "main": "./src/index.js",
+    "scripts": {
+        "build": "tsc",
+        "test": "echo hector test: not impl"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/NatiqQuran/yakad.git"
+    },
+    "author": "Natiq",
+    "license": "GPL-3.0",
+    "bugs": {
+        "url": "https://github.com/NatiqQuran/yakad/issues"
+    },
+    "homepage": "https://github.com/NatiqQuran/yakad#readme",
+    "dependencies": {
+        "@types/react": "18.0.24",
+        "@types/react-dom": "18.0.6",
+        "@yakad/lib": "1.0.5",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "typescript": "4.8.4"
+    },
+    "devDependencies": {
+        "typescript-plugin-css-modules": "3.4.0"
+    }
+}

package/page/page.d.ts

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

package/page/page.js

@@ -1,9 +1,9 @@
-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;
+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.module.css

@@ -1,10 +1,10 @@
-.page {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-    box-sizing: border-box;
-    width: 100%;
-    background: rgb(var(--surfaceColor, 254 247 255));
-    color: rgb(var(--onSurfaceColor, 28 27 31));
-    fill: rgb(var(--onSurfaceColor, 28 27 31));
-}
+.page {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    box-sizing: border-box;
+    width: 100%;
+    background: rgb(var(--surfaceColor, 254 247 255));
+    color: rgb(var(--onSurfaceColor, 28 27 31));
+    fill: rgb(var(--onSurfaceColor, 28 27 31));
+}

package/page/page.tsx

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

package/row/row.d.ts

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

package/row/row.js

@@ -1,9 +1,9 @@
-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;
+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.module.css

@@ -1,7 +1,7 @@
-.row {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 1.5rem;
-    box-sizing: border-box;
-}
+.row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 1.5rem;
+    box-sizing: border-box;
+}

package/row/row.tsx

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

package/spacer/spacer.d.ts

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

package/spacer/spacer.js

@@ -1,7 +1,7 @@
-import React from "react";
-import styles from "./spacer.module.css";
-function Spacer() {
-    return React.createElement("div", { className: styles.spacer });
-}
-export default Spacer;
+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.module.css

@@ -1,5 +1,5 @@
-.spacer {
-    width: 0;
-    height: 100%;
-    margin: auto;
-}
+.spacer {
+    width: 0;
+    height: 100%;
+    margin: auto;
+}

package/spacer/spacer.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import styles from "./spacer.module.css";
-
-function Spacer() {
-    return <div className={styles.spacer}></div>;
-}
-
-export default Spacer;
+import React from "react";
+import styles from "./spacer.module.css";
+
+function Spacer() {
+    return <div className={styles.spacer}></div>;
+}
+
+export default Spacer;

package/stack/stack.d.ts

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

package/stack/stack.js

@@ -1,9 +1,9 @@
-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;
+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.module.css

@@ -1,6 +1,6 @@
-.stack {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    box-sizing: border-box;
-}
+.stack {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    box-sizing: border-box;
+}

package/stack/stack.tsx

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

package/svgIcon/svgIcon.d.ts

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

@@ -1,5 +1,5 @@
-.svg svg {
-    display: block;
-    width: 100%;
-    height: 100%;
-}
+.svg svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+}

package/svgIcon/svgIcon.tsx

@@ -1,26 +1,26 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./svgIcon.module.css";
-
-interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
-    size?: number;
-}
-
-function SvgIcon(props: SvgIconProps) {
-    const joinedClassNames = joinClassNames(styles.svg, props.className!);
-
-    const joinedStyles = joinStyles(
-        props.size
-            ? { width: props.size + "rem", height: props.size + "rem" }
-            : {},
-        props.style!
-    );
-
-    return (
-        <div {...props} className={joinedClassNames} style={joinedStyles}>
-            {props.children}
-        </div>
-    );
-}
-
-export default SvgIcon;
+import React from "react";
+import { joinClassNames, joinStyles } from "@yakad/lib";
+import styles from "./svgIcon.module.css";
+
+interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
+    size?: number;
+}
+
+function SvgIcon(props: SvgIconProps) {
+    const joinedClassNames = joinClassNames(styles.svg, props.className!);
+
+    const joinedStyles = joinStyles(
+        props.size
+            ? { width: props.size + "rem", height: props.size + "rem" }
+            : {},
+        props.style!
+    );
+
+    return (
+        <div {...props} className={joinedClassNames} style={joinedStyles}>
+            {props.children}
+        </div>
+    );
+}
+
+export default SvgIcon;

package/theme/theme.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import "./zoom.css";
-interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
-    mode?: "light" | "dark" | "system";
-    color?: "green" | "red" | "yellow" | "blue" | "purple";
-    zoom?: number;
-}
-declare function Theme(props: ThemeProps): JSX.Element;
-export default Theme;
+import React from "react";
+import "./zoom.css";
+interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
+    mode?: "light" | "dark" | "system";
+    color?: "green" | "red" | "yellow" | "blue" | "purple";
+    zoom?: number;
+}
+declare function Theme(props: ThemeProps): JSX.Element;
+export default Theme;