@yakad/ui 1.3.55 → 1.3.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/appBar/appBar.d.ts +2 -2
- package/dist/appBar/appBar.js +3 -2
- package/dist/appBar/appBar.js.map +1 -1
- package/dist/button/button.d.ts +2 -2
- package/dist/button/button.js +6 -10
- package/dist/button/button.js.map +1 -1
- package/dist/card/card.d.ts +2 -2
- package/dist/card/card.js +3 -2
- package/dist/card/card.js.map +1 -1
- package/dist/checkBox/checkBox.d.ts +2 -2
- package/dist/checkBox/checkBox.js +3 -7
- package/dist/checkBox/checkBox.js.map +1 -1
- package/dist/clickOutsideListener/clickOutsideListener.d.ts +3 -3
- package/dist/clickOutsideListener/clickOutsideListener.js +4 -3
- package/dist/clickOutsideListener/clickOutsideListener.js.map +1 -1
- package/dist/codeBox/codeBox.d.ts +2 -2
- package/dist/codeBox/codeBox.js +4 -6
- package/dist/codeBox/codeBox.js.map +1 -1
- package/dist/codeField/codeField.d.ts +2 -2
- package/dist/codeField/codeField.js +3 -2
- package/dist/codeField/codeField.js.map +1 -1
- package/dist/container/container.d.ts +2 -2
- package/dist/container/container.js +3 -2
- package/dist/container/container.js.map +1 -1
- package/dist/display/display.d.ts +2 -2
- package/dist/display/display.js +3 -2
- package/dist/display/display.js.map +1 -1
- package/dist/footer/footer.d.ts +2 -2
- package/dist/footer/footer.js +3 -2
- package/dist/footer/footer.js.map +1 -1
- package/dist/gridContainer/gridContainer.d.ts +2 -2
- package/dist/gridContainer/gridContainer.js +3 -2
- package/dist/gridContainer/gridContainer.js.map +1 -1
- package/dist/gridItem/gridItem.d.ts +2 -2
- package/dist/gridItem/gridItem.js +3 -2
- package/dist/gridItem/gridItem.js.map +1 -1
- package/dist/hr/hr.d.ts +2 -2
- package/dist/hr/hr.js +3 -2
- package/dist/hr/hr.js.map +1 -1
- package/dist/inputField/inputField.d.ts +2 -2
- package/dist/inputField/inputField.js +3 -4
- package/dist/inputField/inputField.js.map +1 -1
- package/dist/list/list.d.ts +2 -2
- package/dist/list/list.js +3 -2
- package/dist/list/list.js.map +1 -1
- package/dist/listItem/listItem.d.ts +2 -2
- package/dist/listItem/listItem.js +3 -2
- package/dist/listItem/listItem.js.map +1 -1
- package/dist/loading/loading.d.ts +2 -2
- package/dist/loading/loading.js +3 -3
- package/dist/loading/loading.js.map +1 -1
- package/dist/main/main.d.ts +2 -2
- package/dist/main/main.js +3 -2
- package/dist/main/main.js.map +1 -1
- package/dist/navigation/navigation.d.ts +2 -2
- package/dist/navigation/navigation.js +3 -2
- package/dist/navigation/navigation.js.map +1 -1
- package/dist/popup/popup.d.ts +6 -0
- package/dist/popup/popup.js +21 -0
- package/dist/popup/popup.js.map +1 -0
- package/dist/popup/popup.module.css +20 -0
- package/dist/radioButton/radioButton.d.ts +2 -2
- package/dist/radioButton/radioButton.js +6 -8
- package/dist/radioButton/radioButton.js.map +1 -1
- package/dist/radioGroup/radioGroup.d.ts +3 -3
- package/dist/radioGroup/radioGroup.js +6 -5
- package/dist/radioGroup/radioGroup.js.map +1 -1
- package/dist/row/row.d.ts +2 -2
- package/dist/row/row.js +3 -2
- package/dist/row/row.js.map +1 -1
- package/dist/screen/screen.d.ts +2 -2
- package/dist/screen/screen.js +3 -2
- package/dist/screen/screen.js.map +1 -1
- package/dist/select/select.d.ts +2 -2
- package/dist/select/select.js +3 -4
- package/dist/select/select.js.map +1 -1
- package/dist/spacer/spacer.d.ts +2 -2
- package/dist/spacer/spacer.js +3 -2
- package/dist/spacer/spacer.js.map +1 -1
- package/dist/stack/stack.d.ts +2 -2
- package/dist/stack/stack.js +3 -2
- package/dist/stack/stack.js.map +1 -1
- package/dist/svgIcon/svgIcon.d.ts +2 -2
- package/dist/svgIcon/svgIcon.js +3 -2
- package/dist/svgIcon/svgIcon.js.map +1 -1
- package/dist/table/table.d.ts +8 -8
- package/dist/table/table.js +9 -8
- package/dist/table/table.js.map +1 -1
- package/dist/text/text.d.ts +10 -10
- package/dist/text/text.js +11 -10
- package/dist/text/text.js.map +1 -1
- package/dist/theme/theme.d.ts +4 -4
- package/dist/theme/theme.js +5 -4
- package/dist/theme/theme.js.map +1 -1
- package/package.json +1 -1
package/dist/appBar/appBar.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
position?: "initial" | "sticky" | "scroll";
|
|
4
4
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -6,4 +6,4 @@ export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6
6
|
blur?: boolean;
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
}
|
|
9
|
-
export declare const AppBar:
|
|
9
|
+
export declare const AppBar: import("react").ForwardRefExoticComponent<AppBarProps & import("react").RefAttributes<HTMLDivElement>>;
|
package/dist/appBar/appBar.js
CHANGED
|
@@ -9,7 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef, useEffect, useState } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./appBar.module.css";
|
|
15
16
|
export const AppBar = forwardRef((_a, ref) => {
|
|
@@ -37,6 +38,6 @@ export const AppBar = forwardRef((_a, ref) => {
|
|
|
37
38
|
const joinedClassNames = classNames(styles.header, {
|
|
38
39
|
[styles.sticky]: position === "sticky" || position === "scroll",
|
|
39
40
|
}, { [styles.hidden]: position === "scroll" && !show }, { [styles[size]]: size }, { [styles[align]]: align }, { [styles.blur]: blur }, className);
|
|
40
|
-
return (
|
|
41
|
+
return (_jsx("header", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
41
42
|
});
|
|
42
43
|
//# sourceMappingURL=appBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appBar.js","sourceRoot":"","sources":["../../src/appBar/appBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appBar.js","sourceRoot":"","sources":["../../src/appBar/appBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAUzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EAQC,EACD,GAAG,EACL,EAAE;QAVA,EACI,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cAPhB,8DAQC,CADe;IAIhB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,QAAQ,KAAK,QAAQ;YAAE,OAAO;QAElC,MAAM,YAAY,GAAG,GAAG,EAAE;YACtB,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;YAEtC,IAAI,cAAc,GAAG,WAAW,IAAI,cAAc,GAAG,EAAE,EAAE,CAAC;gBACtD,cAAc;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACJ,YAAY;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;YAED,cAAc,CAAC,cAAc,CAAC,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb;QACI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,QAAQ;KAClE,EACD,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,QAAQ,IAAI,CAAC,IAAI,EAAE,EACnD,EAAE,CAAC,MAAM,CAAC,IAAc,CAAC,CAAC,EAAE,IAAI,EAAE,EAClC,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EACvB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,+BAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACvD,QAAQ,IACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
|
package/dist/button/button.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
size?: "small" | "medium" | "large";
|
|
4
4
|
variant?: "text" | "outlined" | "filled" | "filledtonal" | "tonal" | "elevated" | "link" | "fab";
|
|
@@ -9,4 +9,4 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
9
9
|
loadingvariant?: "scaleOut" | "dots" | "spinner";
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
}
|
|
12
|
-
export declare const Button:
|
|
12
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
package/dist/button/button.js
CHANGED
|
@@ -9,10 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./button.module.css";
|
|
15
|
-
import { Loading } from "../
|
|
16
|
+
import { Loading } from "../";
|
|
16
17
|
const iconSizeMaps = {
|
|
17
18
|
small: 2,
|
|
18
19
|
medium: 2.4,
|
|
@@ -23,13 +24,8 @@ export const Button = forwardRef((_a, ref) => {
|
|
|
23
24
|
const childrenFirst = Boolean(iconposition === "end");
|
|
24
25
|
const isLoadingPositionCenter = Boolean(!icon || loadingposition === "center");
|
|
25
26
|
const joinedClassNames = classNames(styles.button, styles[variant], { [styles.loading]: loadingvariant }, { [styles.loadingPositionCenter]: isLoadingPositionCenter }, styles[size], styles[borderstyle], { [styles.iconButton]: !children && icon }, className);
|
|
26
|
-
return (
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
[styles.positionCenter]: isLoadingPositionCenter,
|
|
30
|
-
}) },
|
|
31
|
-
React.createElement(Loading, { size: size, variant: loadingvariant }))),
|
|
32
|
-
icon,
|
|
33
|
-
!childrenFirst && children));
|
|
27
|
+
return (_jsxs("button", Object.assign({ ref: ref, className: joinedClassNames }, restProps, { children: [childrenFirst && children, loadingvariant && (_jsx("div", { className: classNames(styles.displayOnDisabled, {
|
|
28
|
+
[styles.positionCenter]: isLoadingPositionCenter,
|
|
29
|
+
}), children: _jsx(Loading, { size: size, variant: loadingvariant }) })), icon, !childrenFirst && children] })));
|
|
34
30
|
});
|
|
35
31
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AA4B9B,MAAM,YAAY,GAAgB;IAC9B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EAWC,EACD,GAAG,EACL,EAAE;QAbA,EACI,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,MAAM,EAChB,WAAW,GAAG,SAAS,EACvB,IAAI,EACJ,YAAY,GAAG,OAAO,EACtB,eAAe,GAAG,MAAM,EACxB,cAAc,EACd,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cAVhB,wHAWC,CADe;IAIhB,MAAM,aAAa,GAAY,OAAO,CAAC,YAAY,KAAK,KAAK,CAAC,CAAC;IAC/D,MAAM,uBAAuB,GAAY,OAAO,CAC5C,CAAC,IAAI,IAAI,eAAe,KAAK,QAAQ,CACxC,CAAC;IAEF,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,OAAO,CAAC,EACf,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,cAAc,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,uBAAuB,EAAE,EAC3D,MAAM,CAAC,IAAI,CAAC,EACZ,MAAM,CAAC,WAAW,CAAC,EACnB,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,IAAI,IAAI,EAAE,EAC1C,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,gCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,gBAAgB,IAAM,SAAS,eACvD,aAAa,IAAI,QAAQ,EACzB,cAAc,IAAI,CACf,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE;oBAC5C,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,uBAAuB;iBACnD,CAAC,YAEF,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,GAAI,GAC9C,CACT,EACA,IAAI,EACJ,CAAC,aAAa,IAAI,QAAQ,KACtB,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
|
package/dist/card/card.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
align?: "start" | "center" | "end";
|
|
4
4
|
blur?: boolean;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
}
|
|
7
|
-
export declare const Card:
|
|
7
|
+
export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
|
package/dist/card/card.js
CHANGED
|
@@ -9,12 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./card.module.css";
|
|
15
16
|
export const Card = forwardRef((_a, ref) => {
|
|
16
17
|
var { align, blur, className, children } = _a, restProps = __rest(_a, ["align", "blur", "className", "children"]);
|
|
17
18
|
const joinedClassNames = classNames(styles.card, { [styles[align]]: align }, { [styles.blur]: blur }, className);
|
|
18
|
-
return (
|
|
19
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
19
20
|
});
|
|
20
21
|
//# sourceMappingURL=card.js.map
|
package/dist/card/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC1B,CAAC,EAAkD,EAAE,GAAG,EAAE,EAAE;QAA3D,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAhD,0CAAkD,CAAF;IAC7C,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,IAAI,EACX,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EACvB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
type ExcludedTypes = "type";
|
|
3
3
|
export interface CheckBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedTypes> {
|
|
4
4
|
label?: string;
|
|
5
5
|
}
|
|
6
|
-
export declare const CheckBox:
|
|
6
|
+
export declare const CheckBox: import("react").ForwardRefExoticComponent<CheckBoxProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
7
7
|
export {};
|
|
@@ -9,18 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import Symbol from "@yakad/symbols";
|
|
15
16
|
import styles from "./checkBox.module.css";
|
|
16
17
|
export const CheckBox = forwardRef((_a, ref) => {
|
|
17
18
|
var { label, className, style } = _a, restProps = __rest(_a, ["label", "className", "style"]);
|
|
18
19
|
const joinedClassNames = classNames(styles.label, { [styles.labeled]: label }, { [styles.disabled]: restProps.disabled }, className);
|
|
19
|
-
return (
|
|
20
|
-
label,
|
|
21
|
-
React.createElement("input", Object.assign({ ref: ref }, restProps, { className: styles.input, type: "checkbox" })),
|
|
22
|
-
React.createElement("div", { className: styles.symbolContainer },
|
|
23
|
-
React.createElement(Symbol, { className: styles.symbolChecked, icon: "check_box" }),
|
|
24
|
-
React.createElement(Symbol, { className: styles.symbolUnChecked, icon: "check_box_outline_blank" }))));
|
|
20
|
+
return (_jsxs("label", { className: joinedClassNames, style: style, children: [label, _jsx("input", Object.assign({ ref: ref }, restProps, { className: styles.input, type: "checkbox" })), _jsxs("div", { className: styles.symbolContainer, children: [_jsx(Symbol, { className: styles.symbolChecked, icon: "check_box" }), _jsx(Symbol, { className: styles.symbolUnChecked, icon: "check_box_outline_blank" })] })] }));
|
|
25
21
|
});
|
|
26
22
|
//# sourceMappingURL=checkBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkBox.js","sourceRoot":"","sources":["../../src/checkBox/checkBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkBox.js","sourceRoot":"","sources":["../../src/checkBox/checkBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAEpC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAQ3C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;QAAlD,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,OAAgB,EAAX,SAAS,cAAvC,+BAAyC,CAAF;IACpC,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,KAAK,EACZ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,EAAE,EACzC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,iBAAO,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,aAC3C,KAAK,EACN,8BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,UAAU,IACjB,EACF,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aAClC,KAAC,MAAM,IACH,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,IAAI,EAAE,WAAW,GACnB,EACF,KAAC,MAAM,IACH,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,IAAI,EAAE,yBAAyB,GACjC,IACA,IACF,CACX,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface ClickOutsideListenerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
onclickoutside
|
|
3
|
+
onclickoutside?: () => void;
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
}
|
|
6
|
-
export declare const ClickOutsideListener: ({ onclickoutside, children, ...restProps }: ClickOutsideListenerProps) =>
|
|
6
|
+
export declare const ClickOutsideListener: ({ onclickoutside, children, ...restProps }: ClickOutsideListenerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -10,19 +10,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
}
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
|
-
import
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
import { useEffect, useRef } from "react";
|
|
14
15
|
export const ClickOutsideListener = (_a) => {
|
|
15
16
|
var { onclickoutside, children } = _a, restProps = __rest(_a, ["onclickoutside", "children"]);
|
|
16
17
|
const ref = useRef(null);
|
|
17
18
|
useEffect(() => {
|
|
18
19
|
const handleOutSideClick = (event) => {
|
|
19
20
|
if (ref.current && !ref.current.contains(event.target))
|
|
20
|
-
onclickoutside();
|
|
21
|
+
onclickoutside === null || onclickoutside === void 0 ? void 0 : onclickoutside();
|
|
21
22
|
};
|
|
22
23
|
document.addEventListener("click", handleOutSideClick, true);
|
|
23
24
|
// CleanUp When element unmount
|
|
24
25
|
return () => document.removeEventListener("click", handleOutSideClick, true);
|
|
25
26
|
}, [onclickoutside]);
|
|
26
|
-
return (
|
|
27
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { children: children })));
|
|
27
28
|
};
|
|
28
29
|
//# sourceMappingURL=clickOutsideListener.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clickOutsideListener.js","sourceRoot":"","sources":["../../src/clickOutsideListener/clickOutsideListener.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"clickOutsideListener.js","sourceRoot":"","sources":["../../src/clickOutsideListener/clickOutsideListener.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAc,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAQtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAIT,EAAE,EAAE;QAJK,EACjC,cAAc,EACd,QAAQ,OAEgB,EADrB,SAAS,cAHqB,8BAIpC,CADe;IAEZ,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAE,GAAG,CAAC,OAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBAC3D,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;QAC3B,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAE7D,+BAA+B;QAC/B,OAAO,GAAG,EAAE,CACR,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,cACvB,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface CodeBoxProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
copybutton?: boolean;
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
}
|
|
6
|
-
export declare const CodeBox:
|
|
6
|
+
export declare const CodeBox: import("react").ForwardRefExoticComponent<CodeBoxProps & import("react").RefAttributes<HTMLDivElement>>;
|
package/dist/codeBox/codeBox.js
CHANGED
|
@@ -9,17 +9,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import Symbol from "@yakad/symbols";
|
|
15
16
|
import styles from "./codeBox.module.css";
|
|
16
|
-
import { Card } from "../
|
|
17
|
-
import { Button } from "../button/button";
|
|
17
|
+
import { Button, Card } from "../";
|
|
18
18
|
export const CodeBox = forwardRef((_a, ref) => {
|
|
19
19
|
var { copybutton, className, children } = _a, restProps = __rest(_a, ["copybutton", "className", "children"]);
|
|
20
20
|
const joinedClassNames = classNames(styles.ZZZZZZZZZZ, className);
|
|
21
|
-
return (
|
|
22
|
-
React.createElement("pre", null, children),
|
|
23
|
-
copybutton && React.createElement(Button, { icon: React.createElement(Symbol, { icon: "copy_all" }) })));
|
|
21
|
+
return (_jsxs(Card, Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: [_jsx("pre", { children: children }), copybutton && _jsx(Button, { icon: _jsx(Symbol, { icon: "copy_all" }) })] })));
|
|
24
22
|
});
|
|
25
23
|
//# sourceMappingURL=codeBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeBox.js","sourceRoot":"","sources":["../../src/codeBox/codeBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"codeBox.js","sourceRoot":"","sources":["../../src/codeBox/codeBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAEpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAOnC,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC7B,CAAC,EAAiD,EAAE,GAAG,EAAE,EAAE;QAA1D,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA/C,uCAAiD,CAAF;IAC5C,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAElE,OAAO,CACH,MAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,aACtD,wBAAM,QAAQ,GAAO,EACpB,UAAU,IAAI,KAAC,MAAM,IAAC,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAC,UAAU,GAAG,GAAI,KACxD,CACV,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
type ExcludedTypes = "minLength" | "maxLength" | "type";
|
|
3
3
|
export interface CodeFieldsProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedTypes> {
|
|
4
4
|
length?: number;
|
|
5
5
|
onfilled?: () => void;
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
}
|
|
8
|
-
export declare const CodeField:
|
|
8
|
+
export declare const CodeField: import("react").ForwardRefExoticComponent<CodeFieldsProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
9
9
|
export {};
|
|
@@ -10,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
}
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
|
-
import
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
import { forwardRef } from "react";
|
|
14
15
|
import styles from "./codeField.module.css";
|
|
15
16
|
import classNames from "classnames";
|
|
16
17
|
function isInputFilled(event, inputLength) {
|
|
@@ -33,7 +34,7 @@ export const CodeField = forwardRef((_a, ref) => {
|
|
|
33
34
|
var { length = 6, onfilled, autoComplete, pattern, onInput, className, style, children } = _a, restProps = __rest(_a, ["length", "onfilled", "autoComplete", "pattern", "onInput", "className", "style", "children"]);
|
|
34
35
|
const joinedClassNames = classNames(styles.input, className);
|
|
35
36
|
const joinedStyles = Object.assign(Object.assign({}, style), { width: `calc(1.5ch * ${length})` });
|
|
36
|
-
return (
|
|
37
|
+
return (_jsx("input", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, style: joinedStyles, type: "number", minLength: length, maxLength: length, autoComplete: autoComplete || "off", pattern: pattern || "[0-9]", onInput: (event) => {
|
|
37
38
|
isInputFilled(event, length) && onfilled;
|
|
38
39
|
onInput;
|
|
39
40
|
} })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeField.js","sourceRoot":"","sources":["../../src/codeField/codeField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"codeField.js","sourceRoot":"","sources":["../../src/codeField/codeField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,SAAS,aAAa,CAClB,KAAwC,EACxC,WAAmB;IAEnB,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAA0B,CAAC;IAC5D,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IACxC,IAAI,WAAW,KAAK,kBAAkB,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACjE,eAAe,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IACjD,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,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;AAED,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,MAAM,SAAS,GAAG,UAAU,CAC/B,CACI,EAUC,EACD,GAAG,EACL,EAAE;QAZA,EACI,MAAM,GAAG,CAAC,EACV,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,OAEX,EADM,SAAS,cAThB,8FAUC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAE7D,MAAM,YAAY,mCAAQ,KAAK,KAAE,KAAK,EAAE,gBAAgB,MAAM,GAAG,GAAE,CAAC;IAEpE,OAAO,CACH,8BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,YAAY,IAAI,KAAK,EACnC,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,QAAQ,CAAC;YACzC,OAAO,CAAC;QACZ,CAAC,IACH,CACL,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
4
4
|
align?: "start" | "center" | "end";
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
}
|
|
7
|
-
export declare const Container:
|
|
7
|
+
export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -9,12 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./container.module.css";
|
|
15
16
|
export const Container = forwardRef((_a, ref) => {
|
|
16
17
|
var { size = "xl", align, className, children } = _a, restProps = __rest(_a, ["size", "align", "className", "children"]);
|
|
17
18
|
const joinedClassNames = classNames(styles.container, styles[size], { [styles[align]]: align }, className);
|
|
18
|
-
return (
|
|
19
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
19
20
|
});
|
|
20
21
|
//# sourceMappingURL=container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,0CAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,IAAI,CAAC,EACZ,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface DisplayProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
3
|
minWidth?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
4
4
|
maxWidth?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
}
|
|
7
|
-
export declare const Display:
|
|
7
|
+
export declare const Display: import("react").ForwardRefExoticComponent<DisplayProps & import("react").RefAttributes<HTMLDivElement>>;
|
package/dist/display/display.js
CHANGED
|
@@ -9,12 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./display.module.css";
|
|
15
16
|
export const Display = forwardRef((_a, ref) => {
|
|
16
17
|
var { minWidth, maxWidth, className, children } = _a, restProps = __rest(_a, ["minWidth", "maxWidth", "className", "children"]);
|
|
17
18
|
const joinedClassNames = classNames({ [styles[`${minWidth}MinWidth`]]: minWidth }, { [styles[`${maxWidth}MaxWidth`]]: maxWidth }, className);
|
|
18
|
-
return (
|
|
19
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
19
20
|
});
|
|
20
21
|
//# sourceMappingURL=display.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"display.js","sourceRoot":"","sources":["../../src/display/display.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"display.js","sourceRoot":"","sources":["../../src/display/display.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAQ1C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC7B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,iDAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,EAAE,CAAC,MAAM,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,EAC7C,EAAE,CAAC,MAAM,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,EAC7C,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
package/dist/footer/footer.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
position?: "initial" | "sticky" | "scroll";
|
|
4
4
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -6,4 +6,4 @@ export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6
6
|
blur?: boolean;
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
}
|
|
9
|
-
export declare const Footer:
|
|
9
|
+
export declare const Footer: import("react").ForwardRefExoticComponent<FooterProps & import("react").RefAttributes<HTMLDivElement>>;
|
package/dist/footer/footer.js
CHANGED
|
@@ -9,7 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef, useState, useEffect } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./footer.module.css";
|
|
15
16
|
export const Footer = forwardRef((_a, ref) => {
|
|
@@ -35,6 +36,6 @@ export const Footer = forwardRef((_a, ref) => {
|
|
|
35
36
|
return () => window.removeEventListener("scroll", handleScroll);
|
|
36
37
|
}, [lastScrollY, position]);
|
|
37
38
|
const joinedClassNames = classNames(styles.footer, { [styles.sticky]: position === "sticky" || position === "scroll" }, { [styles.hidden]: position === "scroll" && !show }, { [styles[size]]: size }, { [styles[align]]: align }, { [styles.blur]: blur }, className);
|
|
38
|
-
return (
|
|
39
|
+
return (_jsx("footer", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
39
40
|
});
|
|
40
41
|
//# sourceMappingURL=footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../src/footer/footer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../src/footer/footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAUzC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EAQC,EACD,GAAG,EACL,EAAE;QAVA,EACI,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,OAEX,EADM,SAAS,cAPhB,8DAQC,CADe;IAIhB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,QAAQ,KAAK,QAAQ;YAAE,OAAO;QAElC,MAAM,YAAY,GAAG,GAAG,EAAE;YACtB,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;YAEtC,IAAI,cAAc,GAAG,WAAW,IAAI,cAAc,GAAG,EAAE,EAAE,CAAC;gBACtD,cAAc;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACJ,YAAY;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;YAED,cAAc,CAAC,cAAc,CAAC,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,MAAM,EACb,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,QAAQ,EAAE,EACnE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,QAAQ,IAAI,CAAC,IAAI,EAAE,EACnD,EAAE,CAAC,MAAM,CAAC,IAAc,CAAC,CAAC,EAAE,IAAI,EAAE,EAClC,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EACvB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,+BAAQ,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACvD,QAAQ,IACJ,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
gap?: number;
|
|
4
4
|
columns?: 10 | 12;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
}
|
|
7
|
-
export declare const GridContainer:
|
|
7
|
+
export declare const GridContainer: import("react").ForwardRefExoticComponent<GridContainerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -9,13 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./gridContainer.module.css";
|
|
15
16
|
export const GridContainer = forwardRef((_a, ref) => {
|
|
16
17
|
var { gap = 1.5, columns = 12, className, style, children } = _a, restProps = __rest(_a, ["gap", "columns", "className", "style", "children"]);
|
|
17
18
|
const joinedClassNames = classNames(styles.gridcontainer, styles[`gridColumns${columns}`], className);
|
|
18
19
|
const joinedStyles = Object.assign(Object.assign({}, style), { columnGap: (style === null || style === void 0 ? void 0 : style.columnGap) || `${gap}rem`, rowGap: (style === null || style === void 0 ? void 0 : style.rowGap) || `${gap}rem` });
|
|
19
|
-
return (
|
|
20
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, style: joinedStyles, children: children })));
|
|
20
21
|
});
|
|
21
22
|
//# sourceMappingURL=gridContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gridContainer.js","sourceRoot":"","sources":["../../src/gridContainer/gridContainer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"gridContainer.js","sourceRoot":"","sources":["../../src/gridContainer/gridContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAShD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACnC,CACI,EAAqE,EACrE,GAAG,EACL,EAAE;QAFA,EAAE,GAAG,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAnE,oDAAqE,CAAF;IAGnE,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,aAAa,EACpB,MAAM,CAAC,cAAc,OAAO,EAAE,CAAC,EAC/B,SAAS,CACZ,CAAC;IACF,MAAM,YAAY,mCACX,KAAK,KACR,SAAS,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,GAAG,GAAG,KAAK,EAC1C,MAAM,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,GAAG,GAAG,KAAK,GACvC,CAAC;IAEF,OAAO,CACH,4BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,YAElB,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
type GridColumn = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
3
3
|
export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
xs?: GridColumn;
|
|
@@ -8,5 +8,5 @@ export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
xl?: GridColumn;
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
}
|
|
11
|
-
export declare const GridItem:
|
|
11
|
+
export declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
12
|
export {};
|
|
@@ -9,12 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./gridItem.module.css";
|
|
15
16
|
export const GridItem = forwardRef((_a, ref) => {
|
|
16
17
|
var { xs, sm, md, lg, xl, className, children } = _a, restProps = __rest(_a, ["xs", "sm", "md", "lg", "xl", "className", "children"]);
|
|
17
18
|
const joinedClassNames = classNames({ [styles[`xs${xs}`]]: xs }, { [styles[`sm${sm}`]]: sm }, { [styles[`md${md}`]]: md }, { [styles[`lg${lg}`]]: lg }, { [styles[`xl${xl}`]]: xl }, className);
|
|
18
|
-
return (
|
|
19
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
19
20
|
});
|
|
20
21
|
//# sourceMappingURL=gridItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["../../src/gridItem/gridItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["../../src/gridItem/gridItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAY3C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,uDAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
package/dist/hr/hr.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface HrProps extends React.HTMLAttributes<HTMLHRElement> {
|
|
3
3
|
variant?: "dotted" | "dashed" | "shortLine";
|
|
4
4
|
height?: number;
|
|
5
5
|
marginx?: number;
|
|
6
6
|
}
|
|
7
|
-
export declare const Hr:
|
|
7
|
+
export declare const Hr: import("react").ForwardRefExoticComponent<HrProps & import("react").RefAttributes<HTMLHRElement>>;
|
package/dist/hr/hr.js
CHANGED
|
@@ -9,13 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./hr.module.css";
|
|
15
16
|
export const Hr = forwardRef((_a, ref) => {
|
|
16
17
|
var { variant, height, marginx, className, style } = _a, restProps = __rest(_a, ["variant", "height", "marginx", "className", "style"]);
|
|
17
18
|
const joinedClassNames = classNames(styles.hr, variant && styles[variant], className);
|
|
18
19
|
const joinedStyles = Object.assign(Object.assign({}, style), { borderTopWidth: height ? `${height}rem` : style === null || style === void 0 ? void 0 : style.borderTopWidth, marginTop: marginx ? `${marginx}rem` : style === null || style === void 0 ? void 0 : style.marginTop, marginBottom: marginx ? `${marginx}rem` : style === null || style === void 0 ? void 0 : style.marginBottom });
|
|
19
|
-
return (
|
|
20
|
+
return (_jsx("hr", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, style: joinedStyles })));
|
|
20
21
|
});
|
|
21
22
|
//# sourceMappingURL=hr.js.map
|
package/dist/hr/hr.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hr.js","sourceRoot":"","sources":["../../src/hr/hr.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"hr.js","sourceRoot":"","sources":["../../src/hr/hr.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,MAAM,EAAE,GAAG,UAAU,CACxB,CAAC,EAA4D,EAAE,GAAG,EAAE,EAAE;QAArE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,OAAgB,EAAX,SAAS,cAA1D,sDAA4D,CAAF;IACvD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,EAAE,EACT,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,EAC1B,SAAS,CACZ,CAAC;IAEF,MAAM,YAAY,mCACX,KAAK,KACR,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,KAAK,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAC/D,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvD,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,GAChE,CAAC;IAEF,OAAO,CACH,2BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,IACrB,CACL,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface InputFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
3
|
variant?: "outlined" | "filled";
|
|
4
4
|
boxsize?: "small" | "normal";
|
|
5
5
|
}
|
|
6
|
-
export declare const InputField:
|
|
6
|
+
export declare const InputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -9,14 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
13
14
|
import classNames from "classnames";
|
|
14
15
|
import styles from "./inputField.module.css";
|
|
15
16
|
export const InputField = forwardRef((_a, ref) => {
|
|
16
17
|
var { variant = "outlined", boxsize = "normal", placeholder, className } = _a, restProps = __rest(_a, ["variant", "boxsize", "placeholder", "className"]);
|
|
17
18
|
const joinedClassNames = classNames(styles.input, styles[variant], styles[boxsize], placeholder && styles.havePlaceHolder, className);
|
|
18
|
-
return (
|
|
19
|
-
React.createElement("input", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, placeholder: " " })),
|
|
20
|
-
placeholder && (React.createElement("label", { className: styles.label }, placeholder))));
|
|
19
|
+
return (_jsxs("div", { className: styles.div, children: [_jsx("input", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, placeholder: " " })), placeholder && (_jsx("label", { className: styles.label, children: placeholder }))] }));
|
|
21
20
|
});
|
|
22
21
|
//# sourceMappingURL=inputField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputField.js","sourceRoot":"","sources":["../../src/inputField/inputField.tsx"],"names":[],"mappings":"
|
|
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"}
|
package/dist/list/list.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
3
3
|
direction?: "row" | "column";
|
|
4
4
|
collapsed?: boolean;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
}
|
|
7
|
-
export declare const List:
|
|
7
|
+
export declare const List: import("react").ForwardRefExoticComponent<ListProps & import("react").RefAttributes<HTMLUListElement>>;
|