@yakad/ui 1.3.60 → 1.3.62

package/dist/inputField/inputField.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 export interface InputFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
     variant?: "outlined" | "filled";
     boxsize?: "small" | "normal";
 }
-export declare const InputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/inputField/inputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputField.js","sourceRoot":"","sources":["../../src/inputField/inputField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAQ7C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAChC,CACI,EAMC,EACD,GAAG,EACL,EAAE;QARA,EACI,OAAO,GAAG,UAAU,EACpB,OAAO,GAAG,QAAQ,EAClB,WAAW,EACX,SAAS,OAEZ,EADM,SAAS,cALhB,kDAMC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,OAAO,CAAC,EACf,MAAM,CAAC,OAAO,CAAC,EACf,WAAW,IAAI,MAAM,CAAC,eAAe,EACrC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,GAAG,aACtB,8BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAC,GAAG,IACjB,EACD,WAAW,IAAI,CACZ,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,WAAW,GAAS,CACxD,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"inputField.js","sourceRoot":"","sources":["../../src/inputField/inputField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAQ7C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAChC,CACI,EAMC,EACD,GAAG,EACL,EAAE;QARA,EACI,OAAO,GAAG,UAAU,EACpB,OAAO,GAAG,QAAQ,EAClB,WAAW,EACX,SAAS,OAEZ,EADM,SAAS,cALhB,kDAMC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,OAAO,CAAC,EACf,MAAM,CAAC,OAAO,CAAC,EACf,WAAW,IAAI,MAAM,CAAC,eAAe,EACrC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,GAAG,aACtB,8BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAC,GAAG,IACjB,EACD,WAAW,IAAI,CACZ,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,WAAW,GAAS,CACxD,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/inputField/inputField.module.css

@@ -4,8 +4,6 @@
     box-sizing: border-box;
     width: 100%;
     padding-top: 0.6rem;
-    font-size: 1.3rem;
-    overflow: hidden;
 }
 .input {
     box-sizing: border-box;

package/dist/popup/popup.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { CardProps } from "../";
-export interface PopupProps extends CardProps {
+export interface PopupProps {
+    align?: "start" | "center" | "end";
     heading?: string;
     onclosebuttonclick?: () => void;
+    children?: React.ReactNode;
 }
 export declare const Popup: import("react").ForwardRefExoticComponent<Omit<PopupProps, "className" | "style"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/popup/popup.js

@@ -12,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Button, Card, ClickOutsideListener, Row, Spacer, Stack, Text, } from "../";
-import styles from "./popup.module.css";
 import Symbol from "@yakad/symbols";
+import styles from "./popup.module.css";
 export const Popup = forwardRef((_a, ref) => {
-    var { heading, onclosebuttonclick, children } = _a, restProps = __rest(_a, ["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, { style: { overflow: "auto" }, children: children })] })) }) }));
+    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, { 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,EAEJ,oBAAoB,EACpB,GAAG,EACH,MAAM,EACN,KAAK,EACL,IAAI,GACP,MAAM,KAAK,CAAC;AACb,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAOpC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAG7B,CAAC,EAAuD,EAAE,GAAG,EAAE,EAAE;QAAhE,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAArD,6CAAuD,CAAF;IACpD,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,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAG,QAAQ,GAAS,KACnD,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: 50rem;
     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.60",
+    "version": "1.3.62",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",