@yakad/ui 1.2.67-beta → 1.2.68-beta

package/package.json

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

package/theme/theme.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+/// <reference types="react" />
+import "./zoom.css";
 interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
     mode?: "light" | "dark" | "system";
     color?: "green" | "red" | "yellow" | "blue" | "purple";

package/theme/theme.js

@@ -1,9 +1,9 @@
-import React from "react";
 import { joinClassNames } from "@yakad/lib";
 import styles from "./theme.module.css";
+import "./zoom.css";
 function Theme(props) {
     const zoomPercentage = props.zoom ? (props.zoom / 100) * 62.5 : 62.5;
-    document.documentElement.style.setProperty("font-size", zoomPercentage + "%");
+    //   document.documentElement.style.setProperty("font-size", zoomPercentage + "%");
     const joinedClassNames = joinClassNames(props.mode ? styles[props.mode] : styles.system, props.color ? styles[props.color] : styles.blue, props.className);
     return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
 }

package/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAQxC,SAAS,KAAK,CAAC,KAAiB;IAC5B,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACrE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACtC,WAAW,EACX,cAAc,GAAG,GAAG,CACvB,CAAC;IAEF,MAAM,gBAAgB,GAAG,cAAc,CACnC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAC/C,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,KAAK,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,YAAY,CAAC;AAQpB,SAAS,KAAK,CAAC,KAAiB;IAC5B,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACrE,mFAAmF;IAEnF,MAAM,gBAAgB,GAAG,cAAc,CACnC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAC/C,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,KAAK,CAAC"}

package/theme/theme.tsx

@@ -1,6 +1,6 @@
-import React from "react";
 import { joinClassNames, joinStyles } from "@yakad/lib";
 import styles from "./theme.module.css";
+import "./zoom.css";
 
 interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
     mode?: "light" | "dark" | "system";
@@ -10,10 +10,7 @@ interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
 
 function Theme(props: ThemeProps) {
     const zoomPercentage = props.zoom ? (props.zoom / 100) * 62.5 : 62.5;
-    document.documentElement.style.setProperty(
-        "font-size",
-        zoomPercentage + "%"
-    );
+    //   document.documentElement.style.setProperty("font-size", zoomPercentage + "%");
 
     const joinedClassNames = joinClassNames(
         props.mode ? styles[props.mode] : styles.system,

package/theme/zoom.css

@@ -0,0 +1,3 @@
+:root {
+  font-size: 62.5%;
+}