@yakad/ui 1.3.61 → 1.3.63

package/dist/button/button.d.ts

@@ -3,7 +3,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     size?: "small" | "medium" | "large";
     variant?: "text" | "outlined" | "filled" | "filledtonal" | "tonal" | "elevated" | "link" | "fab";
     borderstyle?: "none" | "semi" | "squircle" | "rounded";
-    icon?: JSX.Element;
+    icon?: React.ReactNode;
     iconposition?: "start" | "end";
     loadingposition?: "auto" | "center";
     loadingvariant?: "scaleOut" | "dots" | "spinner";

package/dist/popup/popup.js

@@ -16,7 +16,7 @@ import Symbol from "@yakad/symbols";
 import styles from "./popup.module.css";
 export const Popup = forwardRef((_a, ref) => {
     var { align, heading, onclosebuttonclick, children } = _a, restProps = __rest(_a, ["align", "heading", "onclosebuttonclick", "children"]);
-    return (_jsx("div", { className: styles.popupscreen, children: _jsx(ClickOutsideListener, { onclickoutside: onclosebuttonclick, className: styles.popup, children: _jsxs(Card, Object.assign({ ref: ref }, restProps, { className: styles.popup, children: [_jsxs(Row, { style: { marginBottom: "2rem" }, children: [_jsx(Text, { variant: "heading4", children: heading }), _jsx(Spacer, {}), _jsx(Button, { title: "Close", icon: _jsx(Symbol, { icon: "close" }), onClick: onclosebuttonclick })] }), _jsx(Stack, { align: align, style: { width: "100%", overflowY: "auto" }, children: children })] })) }) }));
+    return (_jsx("div", { className: styles.popupscreen, children: _jsx(ClickOutsideListener, { onclickoutside: onclosebuttonclick, className: styles.popup, children: _jsxs(Card, Object.assign({ ref: ref }, restProps, { children: [_jsxs(Row, { style: { marginBottom: "2rem" }, children: [_jsx(Text, { variant: "heading4", children: heading }), _jsx(Spacer, {}), _jsx(Button, { title: "Close", icon: _jsx(Symbol, { icon: "close" }), onClick: onclosebuttonclick })] }), _jsx(Stack, { align: align, style: { width: "100%", overflowY: "auto" }, children: children })] })) }) }));
 });
 Popup.displayName = "Popup";
 //# sourceMappingURL=popup.js.map

package/dist/popup/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/popup/popup.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACH,MAAM,EACN,IAAI,EACJ,oBAAoB,EACpB,GAAG,EACH,MAAM,EACN,KAAK,EACL,IAAI,GACP,MAAM,KAAK,CAAC;AACb,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AASxC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAG7B,CAAC,EAA8D,EAAE,GAAG,EAAE,EAAE;QAAvE,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA5D,sDAA8D,CAAF;IAC3D,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC9B,KAAC,oBAAoB,IACjB,cAAc,EAAE,kBAAkB,EAClC,SAAS,EAAE,MAAM,CAAC,KAAK,YAEvB,MAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,MAAM,CAAC,KAAK,aAClD,MAAC,GAAG,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAChC,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YAAE,OAAO,GAAQ,EACzC,KAAC,MAAM,KAAG,EACV,KAAC,MAAM,IACH,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EAC7B,OAAO,EAAE,kBAAkB,GAC7B,IACA,EACN,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAE1C,QAAQ,GACL,KACL,GACY,GACrB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/popup/popup.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACH,MAAM,EACN,IAAI,EACJ,oBAAoB,EACpB,GAAG,EACH,MAAM,EACN,KAAK,EACL,IAAI,GACP,MAAM,KAAK,CAAC;AACb,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AASxC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAG7B,CAAC,EAA8D,EAAE,GAAG,EAAE,EAAE;QAAvE,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA5D,sDAA8D,CAAF;IAC3D,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC9B,KAAC,oBAAoB,IACjB,cAAc,EAAE,kBAAkB,EAClC,SAAS,EAAE,MAAM,CAAC,KAAK,YAEvB,MAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,eACzB,MAAC,GAAG,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAChC,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YAAE,OAAO,GAAQ,EACzC,KAAC,MAAM,KAAG,EACV,KAAC,MAAM,IACH,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EAC7B,OAAO,EAAE,kBAAkB,GAC7B,IACA,EACN,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAE1C,QAAQ,GACL,KACL,GACY,GACrB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/popup/popup.module.css

@@ -13,8 +13,8 @@
 }
 
 .popup {
-    min-height: 10rem;
     width: 90%;
     max-width: 60rem;
+    min-height: 10rem;
     max-height: 90vh;
 }

package/dist/theme/theme.d.ts

@@ -3,7 +3,7 @@ import "./globals.css";
 export type DarkStyle = "light" | "dark" | "system";
 export type ThemeColor = "green" | "red" | "yellow" | "blue" | "purple";
 export interface ThemeProps extends React.HTMLAttributes<HTMLDivElement> {
-    darkStyle?: DarkStyle;
+    darkstyle?: DarkStyle;
     color?: ThemeColor;
     zoom?: number;
     children?: React.ReactNode;

package/dist/theme/theme.js

@@ -15,12 +15,12 @@ import classNames from "classnames";
 import "./globals.css";
 import styles from "./theme.module.css";
 export const Theme = forwardRef((_a, ref) => {
-    var { darkStyle = "system", color = "blue", zoom = 100, className, children } = _a, restProps = __rest(_a, ["darkStyle", "color", "zoom", "className", "children"]);
+    var { darkstyle = "system", color = "blue", zoom = 100, className, children } = _a, restProps = __rest(_a, ["darkstyle", "color", "zoom", "className", "children"]);
     const zoomPercentage = zoom ? (zoom / 100) * 62.5 : 62.5;
     useEffect(() => {
         document.documentElement.style.setProperty("font-size", zoomPercentage + "%");
     }, [zoomPercentage]);
-    const joinedClassNames = classNames(styles.theme, styles[darkStyle], styles[color], className);
+    const joinedClassNames = classNames(styles.theme, styles[darkstyle], styles[color], className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 //# sourceMappingURL=theme.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.61",
+    "version": "1.3.63",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",
@@ -28,15 +28,19 @@
         "prepublishOnly": "cp ../../README.md ../../LICENSE ./"
     },
     "dependencies": {
-        "@yakad/symbols": "1.0.23",
-        "classnames": "2.5.1",
-        "react": "18.3.1",
-        "react-dom": "18.3.1"
+        "@yakad/symbols": "^1.0.0",
+        "classnames": "2.5.1"
+    },
+    "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
     },
     "devDependencies": {
         "@types/css-modules": "1.0.5",
-        "@types/react": "18.3.3",
-        "@types/react-dom": "18.3.0",
+        "@types/react": "^19.0.0",
+        "@types/react-dom": "^19.0.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "copyfiles": "2.4.1",
         "rimraf": "6.0.1",
         "typescript": "5.4.5"