@yakad/ui 1.2.82-beta → 1.2.84-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/button/button.d.ts +1 -2
- package/button/button.tsx +1 -1
- package/clickAwayListener/clickAwayListener.d.ts +1 -2
- package/clickAwayListener/clickAwayListener.js.map +1 -1
- package/clickAwayListener/clickAwayListener.tsx +2 -1
- package/codeField/codeField.d.ts +2 -3
- package/codeField/codeField.js.map +1 -1
- package/codeField/codeField.tsx +4 -3
- package/container/container.d.ts +1 -1
- package/container/container.tsx +1 -1
- package/gridContainer/gridContainer.d.ts +1 -2
- package/gridContainer/gridContainer.js.map +1 -1
- package/gridContainer/gridContainer.tsx +2 -1
- package/gridItem/gridItem.d.ts +1 -2
- package/gridItem/gridItem.tsx +1 -1
- package/hr/hr.d.ts +1 -2
- package/hr/hr.tsx +1 -1
- package/inputField/inputField.d.ts +1 -2
- package/inputField/inputField.js.map +1 -1
- package/inputField/inputField.tsx +2 -1
- package/list/list.d.ts +1 -2
- package/list/list.tsx +1 -1
- package/loading/loading.d.ts +1 -2
- package/loading/loading.tsx +1 -1
- package/main/main.d.ts +1 -2
- package/main/main.tsx +1 -1
- package/navigation/navigation.d.ts +1 -2
- package/navigation/navigation.tsx +1 -1
- package/package.json +1 -1
- package/svgIcon/svgIcon.d.ts +1 -2
- package/svgIcon/svgIcon.tsx +1 -1
- package/theme/theme.d.ts +1 -2
- package/theme/theme.tsx +1 -1
- package/types.d.ts +15 -0
- package/types.js +2 -0
- package/types.js.map +1 -0
- package/types.tsx +30 -0
package/button/button.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
2
|
+
export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
size?: "small" | "medium" | "large";
|
|
4
4
|
variant?: "text" | "outlined" | "filled" | "filledtonal" | "tonal" | "elevated" | "link" | "fab";
|
|
5
5
|
borderStyle?: "none" | "semi" | "squircle" | "rounded";
|
|
@@ -10,4 +10,3 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export default function Button(props: ButtonProps): JSX.Element;
|
|
13
|
-
export {};
|
package/button/button.tsx
CHANGED
|
@@ -4,7 +4,7 @@ import SvgIcon from "../svgIcon/svgIcon";
|
|
|
4
4
|
import Loading from "../loading/loading";
|
|
5
5
|
import styles from "./button.module.css";
|
|
6
6
|
|
|
7
|
-
interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
7
|
+
export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
8
8
|
size?: "small" | "medium" | "large";
|
|
9
9
|
variant?:
|
|
10
10
|
| "text"
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface ClickAwayListenerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
export interface ClickAwayListenerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
onClickAway: React.MouseEventHandler<HTMLDivElement>;
|
|
4
4
|
}
|
|
5
5
|
export default function ClickAwayListener(props: ClickAwayListenerProps): JSX.Element;
|
|
6
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clickAwayListener.js","sourceRoot":"","sources":["clickAwayListener.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"clickAwayListener.js","sourceRoot":"","sources":["clickAwayListener.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAA6B;IACnE,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzB,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,EAAE;gBAC7D,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,KAAY,CAAC,CAAC;aACxD;QACL,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,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,6BAAK,GAAG,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACjD,CAAC"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useEffect, useRef } from "react";
|
|
4
4
|
|
|
5
|
-
interface ClickAwayListenerProps
|
|
5
|
+
export interface ClickAwayListenerProps
|
|
6
|
+
extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
7
|
onClickAway: React.MouseEventHandler<HTMLDivElement>;
|
|
7
8
|
}
|
|
8
9
|
|
package/codeField/codeField.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface CodeFieldsProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
2
|
+
export interface CodeFieldsProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
3
3
|
length?: number;
|
|
4
4
|
name?: string;
|
|
5
5
|
type?: string;
|
|
6
6
|
autoFocus?: boolean;
|
|
7
|
-
onFilled?:
|
|
7
|
+
onFilled?: Function;
|
|
8
8
|
}
|
|
9
9
|
export default function CodeField(this: any, props: CodeFieldsProps): JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeField.js","sourceRoot":"","sources":["codeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"codeField.js","sourceRoot":"","sources":["codeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAW5C,SAAS,cAAc,CACnB,KAAwC,EACxC,WAAmB,EACnB,QAAkB;IAElB,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAA0B,CAAC;IAC5D,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IACxC,IAAI,WAAW,IAAI,kBAAkB,CAAC,KAAK,CAAC,MAAM;QAAE,QAAQ,EAAE,CAAC;IAC/D,eAAe,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;AACrD,CAAC;AACD,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;AACD,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,OAAO,UAAU,SAAS,CAAY,KAAsB;IAC/D,MAAM,MAAM,GAAW,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,UAAU,CAC3B,EAAE,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE,EAC/C,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,+BACI,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,EACjE,YAAY,EAAC,KAAK,EAClB,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,KAAK,CAAC,SAAS,GAC5B,CACL,CAAC;AACN,CAAC"}
|
package/codeField/codeField.tsx
CHANGED
|
@@ -2,18 +2,19 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./codeField.module.css";
|
|
4
4
|
|
|
5
|
-
interface CodeFieldsProps
|
|
5
|
+
export interface CodeFieldsProps
|
|
6
|
+
extends React.HTMLAttributes<HTMLInputElement> {
|
|
6
7
|
length?: number;
|
|
7
8
|
name?: string;
|
|
8
9
|
type?: string;
|
|
9
10
|
autoFocus?: boolean;
|
|
10
|
-
onFilled?:
|
|
11
|
+
onFilled?: Function;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
14
|
function onInputHandler(
|
|
14
15
|
event: React.FormEvent<HTMLInputElement>,
|
|
15
16
|
inputLength: number,
|
|
16
|
-
onFilled:
|
|
17
|
+
onFilled: Function
|
|
17
18
|
): void {
|
|
18
19
|
const targetInputElement = event.target as HTMLInputElement;
|
|
19
20
|
removeUnNumberChars(targetInputElement);
|
package/container/container.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare type ScreenSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
3
|
-
interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
maxWidth?: ScreenSize;
|
|
5
5
|
background?: "dotted";
|
|
6
6
|
}
|
package/container/container.tsx
CHANGED
|
@@ -4,7 +4,7 @@ import styles from "./container.module.css";
|
|
|
4
4
|
|
|
5
5
|
type ScreenSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
6
6
|
|
|
7
|
-
interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
8
|
maxWidth?: ScreenSize;
|
|
9
9
|
background?: "dotted";
|
|
10
10
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
export interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
rowGap?: number;
|
|
4
4
|
columnGap?: number;
|
|
5
5
|
}
|
|
6
6
|
export default function GridContainer(props: GridContainerProps): JSX.Element;
|
|
7
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gridContainer.js","sourceRoot":"","sources":["gridContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"gridContainer.js","sourceRoot":"","sources":["gridContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAQhD,wBAAwB;AACxB,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC3D,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,aAAa,EACpB,KAAK,CAAC,SAAU,CACnB,CAAC;IACF,MAAM,YAAY,GAAG,UAAU,CAC3B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EACnE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC1D,KAAK,CAAC,KAAM,CACf,CAAC;IACF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC3D,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC"}
|
|
@@ -2,7 +2,8 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./gridContainer.module.css";
|
|
4
4
|
|
|
5
|
-
interface GridContainerProps
|
|
5
|
+
export interface GridContainerProps
|
|
6
|
+
extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
7
|
rowGap?: number;
|
|
7
8
|
columnGap?: number;
|
|
8
9
|
}
|
package/gridItem/gridItem.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
xs?: number;
|
|
4
4
|
sm?: number;
|
|
5
5
|
md?: number;
|
|
@@ -7,4 +7,3 @@ interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
xl?: number;
|
|
8
8
|
}
|
|
9
9
|
export default function GridItem(props: GridItemProps): JSX.Element;
|
|
10
|
-
export {};
|
package/gridItem/gridItem.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./gridItem.module.css";
|
|
4
4
|
|
|
5
|
-
interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
6
|
xs?: number;
|
|
7
7
|
sm?: number;
|
|
8
8
|
md?: number;
|
package/hr/hr.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface HrProps extends React.HTMLAttributes<HTMLElement> {
|
|
2
|
+
export interface HrProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
3
|
variant?: "dotted" | "dashed" | "shortLine";
|
|
4
4
|
height?: number;
|
|
5
5
|
marginTopBottom?: number;
|
|
6
6
|
}
|
|
7
7
|
export default function Hr(props: HrProps): JSX.Element;
|
|
8
|
-
export {};
|
package/hr/hr.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./hr.module.css";
|
|
4
4
|
|
|
5
|
-
interface HrProps extends React.HTMLAttributes<HTMLElement> {
|
|
5
|
+
export interface HrProps extends React.HTMLAttributes<HTMLElement> {
|
|
6
6
|
variant?: "dotted" | "dashed" | "shortLine";
|
|
7
7
|
height?: number;
|
|
8
8
|
marginTopBottom?: number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
2
|
+
export interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
3
3
|
variant?: "standard" | "outlined" | "filled";
|
|
4
4
|
type?: string;
|
|
5
5
|
placeholder?: string;
|
|
@@ -10,4 +10,3 @@ interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
|
10
10
|
autoFocus?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export default function InputField(props: InputFieldProps): JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -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;AAc7C,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"}
|
|
@@ -2,7 +2,8 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./inputField.module.css";
|
|
4
4
|
|
|
5
|
-
interface InputFieldProps
|
|
5
|
+
export interface InputFieldProps
|
|
6
|
+
extends React.HTMLAttributes<HTMLInputElement> {
|
|
6
7
|
variant?: "standard" | "outlined" | "filled";
|
|
7
8
|
type?: string;
|
|
8
9
|
placeholder?: string;
|
package/list/list.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
2
|
+
export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
3
3
|
direction?: "row" | "column";
|
|
4
4
|
collapsed?: boolean;
|
|
5
5
|
}
|
|
6
6
|
export default function List(props: ListProps): JSX.Element;
|
|
7
|
-
export {};
|
package/list/list.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./list.module.css";
|
|
4
4
|
|
|
5
|
-
interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
5
|
+
export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
6
6
|
direction?: "row" | "column";
|
|
7
7
|
collapsed?: boolean;
|
|
8
8
|
}
|
package/loading/loading.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
2
|
+
export interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
size?: "small" | "medium" | "large";
|
|
4
4
|
variant?: "scaleOut" | "dots" | "spinner";
|
|
5
5
|
}
|
|
6
6
|
export default function Loading(props: LoadingProps): JSX.Element;
|
|
7
|
-
export {};
|
package/loading/loading.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import styles from "./loading.module.css";
|
|
3
3
|
import { joinClassNames } from "@yakad/lib";
|
|
4
4
|
|
|
5
|
-
interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
5
|
+
export interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
6
6
|
size?: "small" | "medium" | "large";
|
|
7
7
|
variant?: "scaleOut" | "dots" | "spinner";
|
|
8
8
|
}
|
package/main/main.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
export interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
navOpen?: boolean;
|
|
4
4
|
}
|
|
5
5
|
export default function Main(props: MainProps): JSX.Element;
|
|
6
|
-
export {};
|
package/main/main.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./main.module.css";
|
|
4
4
|
|
|
5
|
-
interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
export interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
6
|
navOpen?: boolean;
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
|
|
2
|
+
export interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
3
|
anchor?: "left" | "right" | "top" | "bottom" | "auto";
|
|
4
4
|
open: boolean;
|
|
5
5
|
}
|
|
6
6
|
export default function Navigation(props: NavigationProps): JSX.Element;
|
|
7
|
-
export {};
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./navigation.module.css";
|
|
4
4
|
|
|
5
|
-
interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
|
|
5
|
+
export interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
|
|
6
6
|
anchor?: "left" | "right" | "top" | "bottom" | "auto";
|
|
7
7
|
open: boolean;
|
|
8
8
|
}
|
package/package.json
CHANGED
package/svgIcon/svgIcon.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
|
|
2
|
+
export interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
3
|
size?: number;
|
|
4
4
|
}
|
|
5
5
|
export default function SvgIcon(props: SvgIconProps): JSX.Element;
|
|
6
|
-
export {};
|
package/svgIcon/svgIcon.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
3
3
|
import styles from "./svgIcon.module.css";
|
|
4
4
|
|
|
5
|
-
interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
|
|
5
|
+
export interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
|
|
6
6
|
size?: number;
|
|
7
7
|
}
|
|
8
8
|
|
package/theme/theme.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "./zoom.css";
|
|
3
|
-
interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
|
+
export interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
|
|
4
4
|
mode?: "light" | "dark" | "system";
|
|
5
5
|
color?: "green" | "red" | "yellow" | "blue" | "purple";
|
|
6
6
|
zoom?: number;
|
|
7
7
|
}
|
|
8
8
|
export default function Theme(props: ThemeProps): JSX.Element;
|
|
9
|
-
export {};
|
package/theme/theme.tsx
CHANGED
|
@@ -3,7 +3,7 @@ import { joinClassNames, joinStyles } from "@yakad/lib";
|
|
|
3
3
|
import styles from "./theme.module.css";
|
|
4
4
|
import "./zoom.css";
|
|
5
5
|
|
|
6
|
-
interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
|
|
6
|
+
export interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
|
|
7
7
|
mode?: "light" | "dark" | "system";
|
|
8
8
|
color?: "green" | "red" | "yellow" | "blue" | "purple";
|
|
9
9
|
zoom?: number;
|
package/types.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ButtonProps } from "./button/button";
|
|
2
|
+
import { ClickAwayListenerProps } from "./clickAwayListener/clickAwayListener";
|
|
3
|
+
import { CodeFieldsProps } from "./codeField/codeField";
|
|
4
|
+
import { ContainerProps } from "./container/container";
|
|
5
|
+
import { GridContainerProps } from "./gridContainer/gridContainer";
|
|
6
|
+
import { GridItemProps } from "./gridItem/gridItem";
|
|
7
|
+
import { HrProps } from "./hr/hr";
|
|
8
|
+
import { InputFieldProps } from "./inputField/inputField";
|
|
9
|
+
import { ListProps } from "./list/list";
|
|
10
|
+
import { LoadingProps } from "./loading/loading";
|
|
11
|
+
import { MainProps } from "./main/main";
|
|
12
|
+
import { NavigationProps } from "./navigation/navigation";
|
|
13
|
+
import { SvgIconProps } from "./svgIcon/svgIcon";
|
|
14
|
+
import { ThemeProps } from "./theme/theme";
|
|
15
|
+
export { ButtonProps, ClickAwayListenerProps, CodeFieldsProps, ContainerProps, GridContainerProps, GridItemProps, HrProps, InputFieldProps, ListProps, LoadingProps, MainProps, NavigationProps, SvgIconProps, ThemeProps, };
|
package/types.js
ADDED
package/types.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["types.tsx"],"names":[],"mappings":""}
|
package/types.tsx
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ButtonProps } from "./button/button";
|
|
2
|
+
import { ClickAwayListenerProps } from "./clickAwayListener/clickAwayListener";
|
|
3
|
+
import { CodeFieldsProps } from "./codeField/codeField";
|
|
4
|
+
import { ContainerProps } from "./container/container";
|
|
5
|
+
import { GridContainerProps } from "./gridContainer/gridContainer";
|
|
6
|
+
import { GridItemProps } from "./gridItem/gridItem";
|
|
7
|
+
import { HrProps } from "./hr/hr";
|
|
8
|
+
import { InputFieldProps } from "./inputField/inputField";
|
|
9
|
+
import { ListProps } from "./list/list";
|
|
10
|
+
import { LoadingProps } from "./loading/loading";
|
|
11
|
+
import { MainProps } from "./main/main";
|
|
12
|
+
import { NavigationProps } from "./navigation/navigation";
|
|
13
|
+
import { SvgIconProps } from "./svgIcon/svgIcon";
|
|
14
|
+
import { ThemeProps } from "./theme/theme";
|
|
15
|
+
export {
|
|
16
|
+
ButtonProps,
|
|
17
|
+
ClickAwayListenerProps,
|
|
18
|
+
CodeFieldsProps,
|
|
19
|
+
ContainerProps,
|
|
20
|
+
GridContainerProps,
|
|
21
|
+
GridItemProps,
|
|
22
|
+
HrProps,
|
|
23
|
+
InputFieldProps,
|
|
24
|
+
ListProps,
|
|
25
|
+
LoadingProps,
|
|
26
|
+
MainProps,
|
|
27
|
+
NavigationProps,
|
|
28
|
+
SvgIconProps,
|
|
29
|
+
ThemeProps,
|
|
30
|
+
};
|