@yakad/ui 1.2.81-beta → 1.2.82-beta
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/appBar/appBar.d.ts +1 -2
- package/appBar/appBar.js +1 -2
- package/appBar/appBar.js.map +1 -1
- package/appBar/appBar.tsx +7 -9
- package/button/button.d.ts +2 -2
- package/button/button.js +1 -2
- package/button/button.js.map +1 -1
- package/button/button.tsx +1 -3
- package/card/card.d.ts +1 -2
- package/card/card.js +1 -2
- package/card/card.js.map +1 -1
- package/card/card.tsx +7 -9
- package/clickAwayListener/clickAwayListener.d.ts +2 -2
- package/clickAwayListener/clickAwayListener.js +1 -2
- package/clickAwayListener/clickAwayListener.js.map +1 -1
- package/clickAwayListener/clickAwayListener.tsx +1 -3
- package/codeField/codeField.d.ts +4 -3
- package/codeField/codeField.js +17 -10
- package/codeField/codeField.js.map +1 -1
- package/codeField/codeField.module.css +1 -9
- package/codeField/codeField.tsx +25 -19
- package/container/container.d.ts +2 -2
- package/container/container.js +1 -2
- package/container/container.js.map +1 -1
- package/container/container.tsx +14 -16
- package/footer/footer.d.ts +1 -2
- package/footer/footer.js +1 -2
- package/footer/footer.js.map +1 -1
- package/footer/footer.tsx +7 -9
- package/form/form.d.ts +1 -2
- package/form/form.js +1 -2
- package/form/form.js.map +1 -1
- package/form/form.tsx +14 -16
- package/gridContainer/gridContainer.d.ts +2 -2
- package/gridContainer/gridContainer.js +1 -2
- package/gridContainer/gridContainer.js.map +1 -1
- package/gridContainer/gridContainer.tsx +1 -3
- package/gridItem/gridItem.d.ts +2 -2
- package/gridItem/gridItem.js +1 -2
- package/gridItem/gridItem.js.map +1 -1
- package/gridItem/gridItem.tsx +1 -3
- package/hr/hr.d.ts +2 -2
- package/hr/hr.js +2 -3
- package/hr/hr.js.map +1 -1
- package/hr/hr.tsx +22 -22
- package/inputField/inputField.d.ts +3 -2
- package/inputField/inputField.js +2 -3
- package/inputField/inputField.js.map +1 -1
- package/inputField/inputField.tsx +3 -4
- package/list/list.d.ts +2 -2
- package/list/list.js +1 -2
- package/list/list.js.map +1 -1
- package/list/list.tsx +14 -16
- package/listItem/listItem.d.ts +1 -2
- package/listItem/listItem.js +1 -2
- package/listItem/listItem.js.map +1 -1
- package/listItem/listItem.tsx +6 -8
- package/loading/loading.d.ts +2 -2
- package/loading/loading.js +1 -2
- package/loading/loading.js.map +1 -1
- package/loading/loading.tsx +1 -3
- package/main/main.d.ts +2 -2
- package/main/main.js +1 -2
- package/main/main.js.map +1 -1
- package/main/main.tsx +13 -15
- package/navigation/navigation.d.ts +2 -2
- package/navigation/navigation.js +1 -2
- package/navigation/navigation.js.map +1 -1
- package/navigation/navigation.tsx +1 -3
- package/package.json +1 -1
- package/page/page.d.ts +1 -2
- package/page/page.js +1 -2
- package/page/page.js.map +1 -1
- package/page/page.tsx +7 -9
- package/row/row.d.ts +1 -2
- package/row/row.js +1 -2
- package/row/row.js.map +1 -1
- package/row/row.tsx +7 -9
- package/spacer/spacer.d.ts +1 -2
- package/spacer/spacer.js +1 -2
- package/spacer/spacer.js.map +1 -1
- package/spacer/spacer.tsx +1 -3
- package/stack/stack.d.ts +1 -2
- package/stack/stack.js +1 -2
- package/stack/stack.js.map +1 -1
- package/stack/stack.tsx +7 -9
- package/svgIcon/svgIcon.d.ts +2 -2
- package/svgIcon/svgIcon.js +1 -2
- package/svgIcon/svgIcon.js.map +1 -1
- package/svgIcon/svgIcon.tsx +1 -3
- package/theme/theme.d.ts +2 -2
- package/theme/theme.js +1 -2
- package/theme/theme.js.map +1 -1
- package/theme/theme.tsx +1 -3
package/hr/hr.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./hr.module.css";
|
|
4
|
-
function Hr(props) {
|
|
4
|
+
export default function Hr(props) {
|
|
5
5
|
const joinedClassNames = joinClassNames(styles.hr, props.variant ? styles[props.variant] : "", props.className);
|
|
6
6
|
const joinedStyles = joinStyles(props.height ? { borderTopWidth: props.height + "rem" } : {}, props.marginTopBottom
|
|
7
7
|
? joinStyles({ marginTop: props.marginTopBottom + "rem" }, { marginBottom: props.marginTopBottom + "rem" })
|
|
8
8
|
: {}, props.style);
|
|
9
|
-
return React.createElement("hr", { ...props, className: joinedClassNames, style: joinedStyles });
|
|
9
|
+
return (React.createElement("hr", { ...props, className: joinedClassNames, style: joinedStyles }));
|
|
10
10
|
}
|
|
11
|
-
export default Hr;
|
|
12
11
|
//# sourceMappingURL=hr.js.map
|
package/hr/hr.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hr.js","sourceRoot":"","sources":["hr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,
|
|
1
|
+
{"version":3,"file":"hr.js","sourceRoot":"","sources":["hr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,OAAO,UAAU,EAAE,CAAC,KAAc;IACrC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,EAAE,EACT,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAC3B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAC5D,KAAK,CAAC,eAAe;QACjB,CAAC,CAAC,UAAU,CACN,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,EAC5C,EAAE,YAAY,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,CAClD;QACH,CAAC,CAAC,EAAE,EACR,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,GAAO,CACzE,CAAC;AACN,CAAC"}
|
package/hr/hr.tsx
CHANGED
|
@@ -3,30 +3,30 @@ import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
|
3
3
|
import styles from "./hr.module.css";
|
|
4
4
|
|
|
5
5
|
interface HrProps extends React.HTMLAttributes<HTMLElement> {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
variant?: "dotted" | "dashed" | "shortLine";
|
|
7
|
+
height?: number;
|
|
8
|
+
marginTopBottom?: number;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
function Hr(props: HrProps) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
export default function Hr(props: HrProps) {
|
|
12
|
+
const joinedClassNames = joinClassNames(
|
|
13
|
+
styles.hr,
|
|
14
|
+
props.variant ? styles[props.variant] : "",
|
|
15
|
+
props.className!
|
|
16
|
+
);
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
18
|
+
const joinedStyles = joinStyles(
|
|
19
|
+
props.height ? { borderTopWidth: props.height + "rem" } : {},
|
|
20
|
+
props.marginTopBottom
|
|
21
|
+
? joinStyles(
|
|
22
|
+
{ marginTop: props.marginTopBottom + "rem" },
|
|
23
|
+
{ marginBottom: props.marginTopBottom + "rem" }
|
|
24
|
+
)
|
|
25
|
+
: {},
|
|
26
|
+
props.style!
|
|
27
|
+
);
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
return (
|
|
30
|
+
<hr {...props} className={joinedClassNames} style={joinedStyles}></hr>
|
|
31
|
+
);
|
|
30
32
|
}
|
|
31
|
-
|
|
32
|
-
export default Hr;
|
|
@@ -7,6 +7,7 @@ interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
|
7
7
|
name?: string;
|
|
8
8
|
value?: string;
|
|
9
9
|
required?: boolean;
|
|
10
|
+
autoFocus?: boolean;
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
-
export
|
|
12
|
+
export default function InputField(props: InputFieldProps): JSX.Element;
|
|
13
|
+
export {};
|
package/inputField/inputField.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./inputField.module.css";
|
|
4
|
-
function InputField(props) {
|
|
4
|
+
export default function InputField(props) {
|
|
5
5
|
const joinedClassNames = joinClassNames(styles.input, props.variant ? styles[props.variant] : styles.standard, props.className);
|
|
6
6
|
return (React.createElement("label", { className: styles.label },
|
|
7
|
-
React.createElement("input", { ...props, name: props.name, disabled: props.disabled, placeholder: " ", type: props.type, value: props.value, className: joinedClassNames, autoFocus:
|
|
7
|
+
React.createElement("input", { ...props, name: props.name, disabled: props.disabled, placeholder: " ", type: props.type, value: props.value, className: joinedClassNames, autoFocus: props.autoFocus }),
|
|
8
8
|
React.createElement("span", { className: styles.span }, props.placeholder)));
|
|
9
9
|
}
|
|
10
|
-
export default InputField;
|
|
11
10
|
//# sourceMappingURL=inputField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputField.js","sourceRoot":"","sources":["inputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"inputField.js","sourceRoot":"","sources":["inputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAa7C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACrD,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,KAAK,EACZ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EACvD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QAC1B,kCACQ,KAAK,EACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,GAC5B;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,KAAK,CAAC,WAAW,CAAQ,CACpD,CACX,CAAC;AACN,CAAC"}
|
|
@@ -10,9 +10,10 @@ interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
|
10
10
|
name?: string;
|
|
11
11
|
value?: string;
|
|
12
12
|
required?: boolean;
|
|
13
|
+
autoFocus?: boolean;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
|
-
function InputField(props: InputFieldProps) {
|
|
16
|
+
export default function InputField(props: InputFieldProps) {
|
|
16
17
|
const joinedClassNames = joinClassNames(
|
|
17
18
|
styles.input,
|
|
18
19
|
props.variant ? styles[props.variant] : styles.standard,
|
|
@@ -29,11 +30,9 @@ function InputField(props: InputFieldProps) {
|
|
|
29
30
|
type={props.type}
|
|
30
31
|
value={props.value}
|
|
31
32
|
className={joinedClassNames}
|
|
32
|
-
autoFocus
|
|
33
|
+
autoFocus={props.autoFocus}
|
|
33
34
|
/>
|
|
34
35
|
<span className={styles.span}>{props.placeholder}</span>
|
|
35
36
|
</label>
|
|
36
37
|
);
|
|
37
38
|
}
|
|
38
|
-
|
|
39
|
-
export default InputField;
|
package/list/list.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
|
3
3
|
direction?: "row" | "column";
|
|
4
4
|
collapsed?: boolean;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
export default function List(props: ListProps): JSX.Element;
|
|
7
|
+
export {};
|
package/list/list.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./list.module.css";
|
|
4
|
-
function List(props) {
|
|
4
|
+
export default function List(props) {
|
|
5
5
|
const joinedClassNames = joinClassNames(styles.list, props.direction ? styles[props.direction] : styles.row, props.collapsed ? styles.collapsed : "", props.className);
|
|
6
6
|
return (React.createElement("ul", { ...props, className: joinedClassNames }, props.children));
|
|
7
7
|
}
|
|
8
|
-
export default List;
|
|
9
8
|
//# sourceMappingURL=list.js.map
|
package/list/list.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IACzC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EACtD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACrC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC"}
|
package/list/list.tsx
CHANGED
|
@@ -3,23 +3,21 @@ import { joinClassNames } from "@yakad/lib";
|
|
|
3
3
|
import styles from "./list.module.css";
|
|
4
4
|
|
|
5
5
|
interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
direction?: "row" | "column";
|
|
7
|
+
collapsed?: boolean;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
function List(props: ListProps) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
export default function List(props: ListProps) {
|
|
11
|
+
const joinedClassNames = joinClassNames(
|
|
12
|
+
styles.list,
|
|
13
|
+
props.direction ? styles[props.direction] : styles.row,
|
|
14
|
+
props.collapsed ? styles.collapsed : "",
|
|
15
|
+
props.className!
|
|
16
|
+
);
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
return (
|
|
19
|
+
<ul {...props} className={joinedClassNames}>
|
|
20
|
+
{props.children}
|
|
21
|
+
</ul>
|
|
22
|
+
);
|
|
23
23
|
}
|
|
24
|
-
|
|
25
|
-
export default List;
|
package/listItem/listItem.d.ts
CHANGED
package/listItem/listItem.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import styles from "./listItem.module.css";
|
|
3
|
-
function ListItem(props) {
|
|
3
|
+
export default function ListItem(props) {
|
|
4
4
|
return (React.createElement("li", { className: styles.listItem, ...props }, props.children));
|
|
5
5
|
}
|
|
6
|
-
export default ListItem;
|
|
7
6
|
//# sourceMappingURL=listItem.js.map
|
package/listItem/listItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listItem.js","sourceRoot":"","sources":["listItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,
|
|
1
|
+
{"version":3,"file":"listItem.js","sourceRoot":"","sources":["listItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAA0C;IACvE,OAAO,CACH,4BAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,KAAM,KAAK,IACpC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC"}
|
package/listItem/listItem.tsx
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import styles from "./listItem.module.css";
|
|
3
3
|
|
|
4
|
-
function ListItem(props: React.HTMLAttributes<HTMLLIElement>) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
export default function ListItem(props: React.HTMLAttributes<HTMLLIElement>) {
|
|
5
|
+
return (
|
|
6
|
+
<li className={styles.listItem} {...props}>
|
|
7
|
+
{props.children}
|
|
8
|
+
</li>
|
|
9
|
+
);
|
|
10
10
|
}
|
|
11
|
-
|
|
12
|
-
export default ListItem;
|
package/loading/loading.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
|
3
3
|
size?: "small" | "medium" | "large";
|
|
4
4
|
variant?: "scaleOut" | "dots" | "spinner";
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
export default function Loading(props: LoadingProps): JSX.Element;
|
|
7
|
+
export {};
|
package/loading/loading.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import styles from "./loading.module.css";
|
|
3
3
|
import { joinClassNames } from "@yakad/lib";
|
|
4
|
-
function Loading(props) {
|
|
4
|
+
export default function Loading(props) {
|
|
5
5
|
const joinedClassNames = joinClassNames(styles.loading, props.size ? styles[props.size] : styles.medium, props.variant ? styles[props.variant] : styles.spinner, props.className);
|
|
6
6
|
return (React.createElement("div", { className: joinedClassNames },
|
|
7
7
|
React.createElement("div", null)));
|
|
8
8
|
}
|
|
9
|
-
export default Loading;
|
|
10
9
|
//# sourceMappingURL=loading.js.map
|
package/loading/loading.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loading.js","sourceRoot":"","sources":["loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAO5C,
|
|
1
|
+
{"version":3,"file":"loading.js","sourceRoot":"","sources":["loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAO5C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IAC/C,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,OAAO,EACd,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,gBAAgB;QAC5B,gCAAW,CACT,CACT,CAAC;AACN,CAAC"}
|
package/loading/loading.tsx
CHANGED
|
@@ -7,7 +7,7 @@ interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
|
7
7
|
variant?: "scaleOut" | "dots" | "spinner";
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
function Loading(props: LoadingProps) {
|
|
10
|
+
export default function Loading(props: LoadingProps) {
|
|
11
11
|
const joinedClassNames = joinClassNames(
|
|
12
12
|
styles.loading,
|
|
13
13
|
props.size ? styles[props.size] : styles.medium,
|
|
@@ -21,5 +21,3 @@ function Loading(props: LoadingProps) {
|
|
|
21
21
|
</div>
|
|
22
22
|
);
|
|
23
23
|
}
|
|
24
|
-
|
|
25
|
-
export default Loading;
|
package/main/main.d.ts
CHANGED
|
@@ -2,5 +2,5 @@ import React from "react";
|
|
|
2
2
|
interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
navOpen?: boolean;
|
|
4
4
|
}
|
|
5
|
-
|
|
6
|
-
export
|
|
5
|
+
export default function Main(props: MainProps): JSX.Element;
|
|
6
|
+
export {};
|
package/main/main.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./main.module.css";
|
|
4
|
-
function Main(props) {
|
|
4
|
+
export default function Main(props) {
|
|
5
5
|
const navOpenClass = props.navOpen ? styles.navOpen : "";
|
|
6
6
|
const joinedClassNames = joinClassNames(styles.main, navOpenClass, props.className);
|
|
7
7
|
return (React.createElement("main", { ...props, className: joinedClassNames }, props.children));
|
|
8
8
|
}
|
|
9
|
-
export default Main;
|
|
10
9
|
//# sourceMappingURL=main.js.map
|
package/main/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IACzC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,IAAI,EACX,YAAY,EACZ,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,iCAAU,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACvC,KAAK,CAAC,QAAQ,CACZ,CACV,CAAC;AACN,CAAC"}
|
package/main/main.tsx
CHANGED
|
@@ -3,23 +3,21 @@ import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
|
3
3
|
import styles from "./main.module.css";
|
|
4
4
|
|
|
5
5
|
interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
|
|
6
|
+
navOpen?: boolean;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
function Main(props: MainProps) {
|
|
10
|
-
|
|
9
|
+
export default function Main(props: MainProps) {
|
|
10
|
+
const navOpenClass = props.navOpen ? styles.navOpen : "";
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
const joinedClassNames = joinClassNames(
|
|
13
|
+
styles.main,
|
|
14
|
+
navOpenClass,
|
|
15
|
+
props.className!
|
|
16
|
+
);
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
return (
|
|
19
|
+
<main {...props} className={joinedClassNames}>
|
|
20
|
+
{props.children}
|
|
21
|
+
</main>
|
|
22
|
+
);
|
|
23
23
|
}
|
|
24
|
-
|
|
25
|
-
export default Main;
|
|
@@ -3,5 +3,5 @@ interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
3
3
|
anchor?: "left" | "right" | "top" | "bottom" | "auto";
|
|
4
4
|
open: boolean;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
export default function Navigation(props: NavigationProps): JSX.Element;
|
|
7
|
+
export {};
|
package/navigation/navigation.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./navigation.module.css";
|
|
4
|
-
function Navigation(props) {
|
|
4
|
+
export default function Navigation(props) {
|
|
5
5
|
const joinedClassNames = joinClassNames(styles.navigation, props.anchor ? styles[props.anchor] : styles.auto, props.open ? styles.open : "");
|
|
6
6
|
return (React.createElement("nav", { ...props, className: joinedClassNames }, props.children));
|
|
7
7
|
}
|
|
8
|
-
export default Navigation;
|
|
9
8
|
//# sourceMappingURL=navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.js","sourceRoot":"","sources":["navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAO7C,
|
|
1
|
+
{"version":3,"file":"navigation.js","sourceRoot":"","sources":["navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAO7C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACrD,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,UAAU,EACjB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACjD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAChC,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC"}
|
|
@@ -7,7 +7,7 @@ interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
7
7
|
open: boolean;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
function Navigation(props: NavigationProps) {
|
|
10
|
+
export default function Navigation(props: NavigationProps) {
|
|
11
11
|
const joinedClassNames = joinClassNames(
|
|
12
12
|
styles.navigation,
|
|
13
13
|
props.anchor ? styles[props.anchor] : styles.auto,
|
|
@@ -20,5 +20,3 @@ function Navigation(props: NavigationProps) {
|
|
|
20
20
|
</nav>
|
|
21
21
|
);
|
|
22
22
|
}
|
|
23
|
-
|
|
24
|
-
export default Navigation;
|
package/package.json
CHANGED
package/page/page.d.ts
CHANGED
package/page/page.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./page.module.css";
|
|
4
|
-
function Page(props) {
|
|
4
|
+
export default function Page(props) {
|
|
5
5
|
const joinedClassNames = joinClassNames(styles.page, props.className);
|
|
6
6
|
return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
|
|
7
7
|
}
|
|
8
|
-
export default Page;
|
|
9
8
|
//# sourceMappingURL=page.js.map
|
package/page/page.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.js","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,
|
|
1
|
+
{"version":3,"file":"page.js","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAA2C;IACpE,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC"}
|
package/page/page.tsx
CHANGED
|
@@ -2,14 +2,12 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./page.module.css";
|
|
4
4
|
|
|
5
|
-
function Page(props: React.HTMLAttributes<HTMLDivElement>) {
|
|
6
|
-
|
|
5
|
+
export default function Page(props: React.HTMLAttributes<HTMLDivElement>) {
|
|
6
|
+
const joinedClassNames = joinClassNames(styles.page, props.className!);
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
return (
|
|
9
|
+
<div {...props} className={joinedClassNames}>
|
|
10
|
+
{props.children}
|
|
11
|
+
</div>
|
|
12
|
+
);
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
export default Page;
|
package/row/row.d.ts
CHANGED
package/row/row.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./row.module.css";
|
|
4
|
-
function Row(props) {
|
|
4
|
+
export default function Row(props) {
|
|
5
5
|
const joinedClassNames = joinClassNames(styles.row, props.className);
|
|
6
6
|
return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
|
|
7
7
|
}
|
|
8
|
-
export default Row;
|
|
9
8
|
//# sourceMappingURL=row.js.map
|
package/row/row.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"row.js","sourceRoot":"","sources":["row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,
|
|
1
|
+
{"version":3,"file":"row.js","sourceRoot":"","sources":["row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAA2C;IACnE,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC"}
|
package/row/row.tsx
CHANGED
|
@@ -2,14 +2,12 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./row.module.css";
|
|
4
4
|
|
|
5
|
-
function Row(props: React.HTMLAttributes<HTMLDivElement>) {
|
|
6
|
-
|
|
5
|
+
export default function Row(props: React.HTMLAttributes<HTMLDivElement>) {
|
|
6
|
+
const joinedClassNames = joinClassNames(styles.row, props.className!);
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
return (
|
|
9
|
+
<div {...props} className={joinedClassNames}>
|
|
10
|
+
{props.children}
|
|
11
|
+
</div>
|
|
12
|
+
);
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
export default Row;
|
package/spacer/spacer.d.ts
CHANGED
package/spacer/spacer.js
CHANGED
package/spacer/spacer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacer.js","sourceRoot":"","sources":["spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,
|
|
1
|
+
{"version":3,"file":"spacer.js","sourceRoot":"","sources":["spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,MAAM;IAC1B,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAQ,CAAC;AACjD,CAAC"}
|
package/spacer/spacer.tsx
CHANGED
package/stack/stack.d.ts
CHANGED
package/stack/stack.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./stack.module.css";
|
|
4
|
-
function Stack(props) {
|
|
4
|
+
export default function Stack(props) {
|
|
5
5
|
const joinedClassNames = joinClassNames(styles.stack, props.className);
|
|
6
6
|
return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
|
|
7
7
|
}
|
|
8
|
-
export default Stack;
|
|
9
8
|
//# sourceMappingURL=stack.js.map
|
package/stack/stack.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.js","sourceRoot":"","sources":["stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,
|
|
1
|
+
{"version":3,"file":"stack.js","sourceRoot":"","sources":["stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAA2C;IACrE,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC"}
|
package/stack/stack.tsx
CHANGED
|
@@ -2,14 +2,12 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./stack.module.css";
|
|
4
4
|
|
|
5
|
-
function Stack(props: React.HTMLAttributes<HTMLDivElement>) {
|
|
6
|
-
|
|
5
|
+
export default function Stack(props: React.HTMLAttributes<HTMLDivElement>) {
|
|
6
|
+
const joinedClassNames = joinClassNames(styles.stack, props.className!);
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
return (
|
|
9
|
+
<div {...props} className={joinedClassNames}>
|
|
10
|
+
{props.children}
|
|
11
|
+
</div>
|
|
12
|
+
);
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
export default Stack;
|
package/svgIcon/svgIcon.d.ts
CHANGED
|
@@ -2,5 +2,5 @@ import React from "react";
|
|
|
2
2
|
interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
3
|
size?: number;
|
|
4
4
|
}
|
|
5
|
-
|
|
6
|
-
export
|
|
5
|
+
export default function SvgIcon(props: SvgIconProps): JSX.Element;
|
|
6
|
+
export {};
|
package/svgIcon/svgIcon.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./svgIcon.module.css";
|
|
4
|
-
function SvgIcon(props) {
|
|
4
|
+
export default function SvgIcon(props) {
|
|
5
5
|
const joinedClassNames = joinClassNames(styles.svg, props.className);
|
|
6
6
|
const joinedStyles = joinStyles(props.size
|
|
7
7
|
? { width: props.size + "rem", height: props.size + "rem" }
|
|
8
8
|
: {}, props.style);
|
|
9
9
|
return (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
|
|
10
10
|
}
|
|
11
|
-
export default SvgIcon;
|
|
12
11
|
//# sourceMappingURL=svgIcon.js.map
|
package/svgIcon/svgIcon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svgIcon.js","sourceRoot":"","sources":["svgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,
|
|
1
|
+
{"version":3,"file":"svgIcon.js","sourceRoot":"","sources":["svgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IAC/C,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,MAAM,YAAY,GAAG,UAAU,CAC3B,KAAK,CAAC,IAAI;QACN,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE;QAC3D,CAAC,CAAC,EAAE,EACR,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC3D,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC"}
|