@oslokommune/punkt-react 0.20.20 → 0.20.26
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/LICENSE +1 -2
- package/README.md +3 -3
- package/package.json +6 -6
- package/dist/cjs/components/button/index.d.ts +0 -8
- package/dist/cjs/components/header/index.d.ts +0 -11
- package/dist/cjs/components/index.d.ts +0 -9
- package/dist/cjs/components/input/Input.d.ts +0 -21
- package/dist/cjs/components/radio/Radio.d.ts +0 -9
- package/dist/cjs/components/radioGroup/RadioGroup.d.ts +0 -8
- package/dist/cjs/components/table/Table.d.ts +0 -11
- package/dist/cjs/components/table/TableData.d.ts +0 -6
- package/dist/cjs/components/table/TableHeader.d.ts +0 -6
- package/dist/cjs/components/textarea/Textarea.d.ts +0 -7
- package/dist/cjs/index.d.ts +0 -1
- package/dist/cjs/types/components/button/index.d.ts +0 -8
- package/dist/cjs/types/components/header/index.d.ts +0 -11
- package/dist/cjs/types/components/index.d.ts +0 -9
- package/dist/cjs/types/components/input/Input.d.ts +0 -21
- package/dist/cjs/types/components/radio/Radio.d.ts +0 -9
- package/dist/cjs/types/components/radioGroup/RadioGroup.d.ts +0 -8
- package/dist/cjs/types/components/table/Table.d.ts +0 -11
- package/dist/cjs/types/components/table/TableData.d.ts +0 -6
- package/dist/cjs/types/components/table/TableHeader.d.ts +0 -6
- package/dist/cjs/types/components/textarea/Textarea.d.ts +0 -7
- package/dist/cjs/types/index.d.ts +0 -1
- package/dist/esm/components/button/index.d.ts +0 -8
- package/dist/esm/components/header/index.d.ts +0 -11
- package/dist/esm/components/index.d.ts +0 -9
- package/dist/esm/components/input/Input.d.ts +0 -21
- package/dist/esm/components/radio/Radio.d.ts +0 -9
- package/dist/esm/components/radioGroup/RadioGroup.d.ts +0 -8
- package/dist/esm/components/table/Table.d.ts +0 -11
- package/dist/esm/components/table/TableData.d.ts +0 -6
- package/dist/esm/components/table/TableHeader.d.ts +0 -6
- package/dist/esm/components/textarea/Textarea.d.ts +0 -7
- package/dist/esm/index.d.ts +0 -1
- package/dist/esm/types/components/button/index.d.ts +0 -8
- package/dist/esm/types/components/header/index.d.ts +0 -11
- package/dist/esm/types/components/index.d.ts +0 -9
- package/dist/esm/types/components/input/Input.d.ts +0 -21
- package/dist/esm/types/components/radio/Radio.d.ts +0 -9
- package/dist/esm/types/components/radioGroup/RadioGroup.d.ts +0 -8
- package/dist/esm/types/components/table/Table.d.ts +0 -11
- package/dist/esm/types/components/table/TableData.d.ts +0 -6
- package/dist/esm/types/components/table/TableHeader.d.ts +0 -6
- package/dist/esm/types/components/textarea/Textarea.d.ts +0 -7
- package/dist/esm/types/index.d.ts +0 -1
- package/dist/index.d.ts +0 -81
package/LICENSE
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
MIT License
|
|
2
2
|
|
|
3
|
-
Copyright (c) 2021-present Oslo kommune,
|
|
4
|
-
<team-minside@oslo.kommune.no>
|
|
3
|
+
Copyright (c) 2021-present Oslo kommune, Team Designsystem
|
|
5
4
|
|
|
6
5
|
Permission is hereby granted, free of charge, to any person obtaining
|
|
7
6
|
a copy of this software and associated documentation files (the
|
package/README.md
CHANGED
|
@@ -7,14 +7,14 @@ Dette repoet inneholder Punkt sine UI-komponenter for React. Komponentene er lag
|
|
|
7
7
|
## Forutsetninger
|
|
8
8
|
|
|
9
9
|
Peer dependencies:
|
|
10
|
-
- nodejs `16.
|
|
10
|
+
- nodejs `16.15`
|
|
11
11
|
- react `>= 16`
|
|
12
12
|
- @oslokommune/punkt-css `>= 0.20.0`
|
|
13
13
|
|
|
14
14
|
## 📄 Dokumentasjon [UNDER ARBEID]
|
|
15
15
|
|
|
16
16
|
Hver komponent vil være dokumentert på
|
|
17
|
-
[nettsiden til designsystemet](https://
|
|
17
|
+
[nettsiden til designsystemet](https://punkt.oslo.kommune.no),
|
|
18
18
|
på en stadig bedre måte.
|
|
19
19
|
|
|
20
20
|
## 🚀 Kom i gang [UNDER ARBEID]
|
|
@@ -32,6 +32,6 @@ Mens vi er i en beta-fase, versjonering vil følge dette mønsteret: **v0.Y.Z**,
|
|
|
32
32
|
|
|
33
33
|
## 👮 Lisens
|
|
34
34
|
|
|
35
|
-
`Punkt` er distribuert under [MIT-lisens](https://github.com/oslokommune/
|
|
35
|
+
`Punkt` er distribuert under [MIT-lisens](https://github.com/oslokommune/punkt/blob/main/packages/react/LICENSE) for åpen kildekode.
|
|
36
36
|
|
|
37
37
|

|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-react",
|
|
3
|
-
"version": "0.20.
|
|
3
|
+
"version": "0.20.26",
|
|
4
4
|
"description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
|
|
5
|
-
"homepage": "https://punkt.
|
|
5
|
+
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo Origo",
|
|
7
7
|
"main": "dist/cjs/index.js",
|
|
8
8
|
"module": "dist/esm/index.js",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"react-dom": ">=17"
|
|
43
43
|
},
|
|
44
44
|
"engines": {
|
|
45
|
-
"node": ">=16.15"
|
|
45
|
+
"node": ">=16.15.0"
|
|
46
46
|
},
|
|
47
47
|
"private": false,
|
|
48
48
|
"publishConfig": {
|
|
@@ -60,11 +60,11 @@
|
|
|
60
60
|
],
|
|
61
61
|
"repository": {
|
|
62
62
|
"type": "git",
|
|
63
|
-
"url": "git+https://github.com/oslokommune/
|
|
63
|
+
"url": "git+https://github.com/oslokommune/punkt.git"
|
|
64
64
|
},
|
|
65
65
|
"bugs": {
|
|
66
|
-
"url": "https://github.com/oslokommune/
|
|
66
|
+
"url": "https://github.com/oslokommune/punkt/issues"
|
|
67
67
|
},
|
|
68
68
|
"license": "MIT",
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "9c4621c2f0182008cf7087a8acec412a9fb32f8a"
|
|
70
70
|
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
-
size?: 'small' | 'medium' | 'large';
|
|
4
|
-
skin?: 'primary' | 'secondary' | 'tertiary' | 'flat' | 'primary-confirm';
|
|
5
|
-
variant?: 'label-only' | 'icon-left' | 'icon-right' | 'icon-only';
|
|
6
|
-
};
|
|
7
|
-
export declare const Button: React.FC<ButtonProps>;
|
|
8
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type HeaderProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
3
|
-
loggedIn?: boolean;
|
|
4
|
-
logoLink?: string;
|
|
5
|
-
onLogIn?: React.MouseEventHandler<HTMLButtonElement>;
|
|
6
|
-
onLogOut?: React.MouseEventHandler<HTMLButtonElement>;
|
|
7
|
-
onViewProfile?: React.MouseEventHandler<HTMLButtonElement>;
|
|
8
|
-
username?: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const Header: React.FC<HeaderProps>;
|
|
11
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { Button } from './button';
|
|
2
|
-
export { Header } from './header';
|
|
3
|
-
export { Input } from './input/Input';
|
|
4
|
-
export { Textarea } from './textarea/Textarea';
|
|
5
|
-
export { Radio } from './radio/Radio';
|
|
6
|
-
export { RadioGroup } from './radioGroup/RadioGroup';
|
|
7
|
-
export { Table } from './table/Table';
|
|
8
|
-
export { TableData } from './table/TableData';
|
|
9
|
-
export { TableHeader } from './table/TableHeader';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
/** The input's label */
|
|
4
|
-
label?: string;
|
|
5
|
-
/** The input's id */
|
|
6
|
-
id: string;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Input component
|
|
10
|
-
* @param {string} label - Label for the input
|
|
11
|
-
* @param {string} id - Id for the input
|
|
12
|
-
* @param {string} validationMessage - Validation message for the input
|
|
13
|
-
* @param {React.InputHTMLAttributes<HTMLInputElement>} props - Other props to pass to the input
|
|
14
|
-
* @returns {React.ReactElement} - React element
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* <Input label="First name" id="firstName" validationMessage="First name is required" />
|
|
18
|
-
*
|
|
19
|
-
*/
|
|
20
|
-
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
21
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
id: string;
|
|
4
|
-
name: string;
|
|
5
|
-
value: string;
|
|
6
|
-
label?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import { Radio } from "../radio/Radio";
|
|
3
|
-
interface RadioGroupProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
children: ReactElement<typeof Radio> | ReactElement<typeof Radio>[];
|
|
6
|
-
}
|
|
7
|
-
export declare const RadioGroup: ({ label, children }: RadioGroupProps) => React.ReactElement;
|
|
8
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export type ModifierName = 'info' | 'success' | 'strong' | 'shadow';
|
|
3
|
-
interface TableProps {
|
|
4
|
-
isResponsive?: boolean;
|
|
5
|
-
modifiers?: {
|
|
6
|
-
[key in ModifierName]?: boolean;
|
|
7
|
-
};
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const Table: ({ isResponsive, modifiers: { info, success, strong, shadow }, children, }: TableProps) => JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { TextareaHTMLAttributes } from 'react';
|
|
2
|
-
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
7
|
-
export {};
|
package/dist/cjs/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
-
size?: 'small' | 'medium' | 'large';
|
|
4
|
-
skin?: 'primary' | 'secondary' | 'tertiary' | 'flat' | 'primary-confirm';
|
|
5
|
-
variant?: 'label-only' | 'icon-left' | 'icon-right' | 'icon-only';
|
|
6
|
-
};
|
|
7
|
-
export declare const Button: React.FC<ButtonProps>;
|
|
8
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type HeaderProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
3
|
-
loggedIn?: boolean;
|
|
4
|
-
logoLink?: string;
|
|
5
|
-
onLogIn?: React.MouseEventHandler<HTMLButtonElement>;
|
|
6
|
-
onLogOut?: React.MouseEventHandler<HTMLButtonElement>;
|
|
7
|
-
onViewProfile?: React.MouseEventHandler<HTMLButtonElement>;
|
|
8
|
-
username?: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const Header: React.FC<HeaderProps>;
|
|
11
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { Button } from './button';
|
|
2
|
-
export { Header } from './header';
|
|
3
|
-
export { Input } from './input/Input';
|
|
4
|
-
export { Textarea } from './textarea/Textarea';
|
|
5
|
-
export { Radio } from './radio/Radio';
|
|
6
|
-
export { RadioGroup } from './radioGroup/RadioGroup';
|
|
7
|
-
export { Table } from './table/Table';
|
|
8
|
-
export { TableData } from './table/TableData';
|
|
9
|
-
export { TableHeader } from './table/TableHeader';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
/** The input's label */
|
|
4
|
-
label?: string;
|
|
5
|
-
/** The input's id */
|
|
6
|
-
id: string;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Input component
|
|
10
|
-
* @param {string} label - Label for the input
|
|
11
|
-
* @param {string} id - Id for the input
|
|
12
|
-
* @param {string} validationMessage - Validation message for the input
|
|
13
|
-
* @param {React.InputHTMLAttributes<HTMLInputElement>} props - Other props to pass to the input
|
|
14
|
-
* @returns {React.ReactElement} - React element
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* <Input label="First name" id="firstName" validationMessage="First name is required" />
|
|
18
|
-
*
|
|
19
|
-
*/
|
|
20
|
-
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
21
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
id: string;
|
|
4
|
-
name: string;
|
|
5
|
-
value: string;
|
|
6
|
-
label?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import { Radio } from "../radio/Radio";
|
|
3
|
-
interface RadioGroupProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
children: ReactElement<typeof Radio> | ReactElement<typeof Radio>[];
|
|
6
|
-
}
|
|
7
|
-
export declare const RadioGroup: ({ label, children }: RadioGroupProps) => React.ReactElement;
|
|
8
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export type ModifierName = 'info' | 'success' | 'strong' | 'shadow';
|
|
3
|
-
interface TableProps {
|
|
4
|
-
isResponsive?: boolean;
|
|
5
|
-
modifiers?: {
|
|
6
|
-
[key in ModifierName]?: boolean;
|
|
7
|
-
};
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const Table: ({ isResponsive, modifiers: { info, success, strong, shadow }, children, }: TableProps) => JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { TextareaHTMLAttributes } from 'react';
|
|
2
|
-
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
7
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
-
size?: 'small' | 'medium' | 'large';
|
|
4
|
-
skin?: 'primary' | 'secondary' | 'tertiary' | 'flat' | 'primary-confirm';
|
|
5
|
-
variant?: 'label-only' | 'icon-left' | 'icon-right' | 'icon-only';
|
|
6
|
-
};
|
|
7
|
-
export declare const Button: React.FC<ButtonProps>;
|
|
8
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type HeaderProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
3
|
-
loggedIn?: boolean;
|
|
4
|
-
logoLink?: string;
|
|
5
|
-
onLogIn?: React.MouseEventHandler<HTMLButtonElement>;
|
|
6
|
-
onLogOut?: React.MouseEventHandler<HTMLButtonElement>;
|
|
7
|
-
onViewProfile?: React.MouseEventHandler<HTMLButtonElement>;
|
|
8
|
-
username?: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const Header: React.FC<HeaderProps>;
|
|
11
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { Button } from './button';
|
|
2
|
-
export { Header } from './header';
|
|
3
|
-
export { Input } from './input/Input';
|
|
4
|
-
export { Textarea } from './textarea/Textarea';
|
|
5
|
-
export { Radio } from './radio/Radio';
|
|
6
|
-
export { RadioGroup } from './radioGroup/RadioGroup';
|
|
7
|
-
export { Table } from './table/Table';
|
|
8
|
-
export { TableData } from './table/TableData';
|
|
9
|
-
export { TableHeader } from './table/TableHeader';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
/** The input's label */
|
|
4
|
-
label?: string;
|
|
5
|
-
/** The input's id */
|
|
6
|
-
id: string;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Input component
|
|
10
|
-
* @param {string} label - Label for the input
|
|
11
|
-
* @param {string} id - Id for the input
|
|
12
|
-
* @param {string} validationMessage - Validation message for the input
|
|
13
|
-
* @param {React.InputHTMLAttributes<HTMLInputElement>} props - Other props to pass to the input
|
|
14
|
-
* @returns {React.ReactElement} - React element
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* <Input label="First name" id="firstName" validationMessage="First name is required" />
|
|
18
|
-
*
|
|
19
|
-
*/
|
|
20
|
-
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
21
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
id: string;
|
|
4
|
-
name: string;
|
|
5
|
-
value: string;
|
|
6
|
-
label?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import { Radio } from "../radio/Radio";
|
|
3
|
-
interface RadioGroupProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
children: ReactElement<typeof Radio> | ReactElement<typeof Radio>[];
|
|
6
|
-
}
|
|
7
|
-
export declare const RadioGroup: ({ label, children }: RadioGroupProps) => React.ReactElement;
|
|
8
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export type ModifierName = 'info' | 'success' | 'strong' | 'shadow';
|
|
3
|
-
interface TableProps {
|
|
4
|
-
isResponsive?: boolean;
|
|
5
|
-
modifiers?: {
|
|
6
|
-
[key in ModifierName]?: boolean;
|
|
7
|
-
};
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const Table: ({ isResponsive, modifiers: { info, success, strong, shadow }, children, }: TableProps) => JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { TextareaHTMLAttributes } from 'react';
|
|
2
|
-
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
7
|
-
export {};
|
package/dist/esm/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
-
size?: 'small' | 'medium' | 'large';
|
|
4
|
-
skin?: 'primary' | 'secondary' | 'tertiary' | 'flat' | 'primary-confirm';
|
|
5
|
-
variant?: 'label-only' | 'icon-left' | 'icon-right' | 'icon-only';
|
|
6
|
-
};
|
|
7
|
-
export declare const Button: React.FC<ButtonProps>;
|
|
8
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type HeaderProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
3
|
-
loggedIn?: boolean;
|
|
4
|
-
logoLink?: string;
|
|
5
|
-
onLogIn?: React.MouseEventHandler<HTMLButtonElement>;
|
|
6
|
-
onLogOut?: React.MouseEventHandler<HTMLButtonElement>;
|
|
7
|
-
onViewProfile?: React.MouseEventHandler<HTMLButtonElement>;
|
|
8
|
-
username?: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const Header: React.FC<HeaderProps>;
|
|
11
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { Button } from './button';
|
|
2
|
-
export { Header } from './header';
|
|
3
|
-
export { Input } from './input/Input';
|
|
4
|
-
export { Textarea } from './textarea/Textarea';
|
|
5
|
-
export { Radio } from './radio/Radio';
|
|
6
|
-
export { RadioGroup } from './radioGroup/RadioGroup';
|
|
7
|
-
export { Table } from './table/Table';
|
|
8
|
-
export { TableData } from './table/TableData';
|
|
9
|
-
export { TableHeader } from './table/TableHeader';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
/** The input's label */
|
|
4
|
-
label?: string;
|
|
5
|
-
/** The input's id */
|
|
6
|
-
id: string;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Input component
|
|
10
|
-
* @param {string} label - Label for the input
|
|
11
|
-
* @param {string} id - Id for the input
|
|
12
|
-
* @param {string} validationMessage - Validation message for the input
|
|
13
|
-
* @param {React.InputHTMLAttributes<HTMLInputElement>} props - Other props to pass to the input
|
|
14
|
-
* @returns {React.ReactElement} - React element
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* <Input label="First name" id="firstName" validationMessage="First name is required" />
|
|
18
|
-
*
|
|
19
|
-
*/
|
|
20
|
-
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
21
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
id: string;
|
|
4
|
-
name: string;
|
|
5
|
-
value: string;
|
|
6
|
-
label?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import { Radio } from "../radio/Radio";
|
|
3
|
-
interface RadioGroupProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
children: ReactElement<typeof Radio> | ReactElement<typeof Radio>[];
|
|
6
|
-
}
|
|
7
|
-
export declare const RadioGroup: ({ label, children }: RadioGroupProps) => React.ReactElement;
|
|
8
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export type ModifierName = 'info' | 'success' | 'strong' | 'shadow';
|
|
3
|
-
interface TableProps {
|
|
4
|
-
isResponsive?: boolean;
|
|
5
|
-
modifiers?: {
|
|
6
|
-
[key in ModifierName]?: boolean;
|
|
7
|
-
};
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const Table: ({ isResponsive, modifiers: { info, success, strong, shadow }, children, }: TableProps) => JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { TextareaHTMLAttributes } from 'react';
|
|
2
|
-
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
7
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components';
|
package/dist/index.d.ts
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import React__default, { TextareaHTMLAttributes, ReactElement } from 'react';
|
|
3
|
-
|
|
4
|
-
type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
5
|
-
size?: 'small' | 'medium' | 'large';
|
|
6
|
-
skin?: 'primary' | 'secondary' | 'tertiary' | 'flat' | 'primary-confirm';
|
|
7
|
-
variant?: 'label-only' | 'icon-left' | 'icon-right' | 'icon-only';
|
|
8
|
-
};
|
|
9
|
-
declare const Button: React__default.FC<ButtonProps>;
|
|
10
|
-
|
|
11
|
-
type HeaderProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
12
|
-
loggedIn?: boolean;
|
|
13
|
-
logoLink?: string;
|
|
14
|
-
onLogIn?: React__default.MouseEventHandler<HTMLButtonElement>;
|
|
15
|
-
onLogOut?: React__default.MouseEventHandler<HTMLButtonElement>;
|
|
16
|
-
onViewProfile?: React__default.MouseEventHandler<HTMLButtonElement>;
|
|
17
|
-
username?: string;
|
|
18
|
-
};
|
|
19
|
-
declare const Header: React__default.FC<HeaderProps>;
|
|
20
|
-
|
|
21
|
-
interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
|
|
22
|
-
/** The input's label */
|
|
23
|
-
label?: string;
|
|
24
|
-
/** The input's id */
|
|
25
|
-
id: string;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Input component
|
|
29
|
-
* @param {string} label - Label for the input
|
|
30
|
-
* @param {string} id - Id for the input
|
|
31
|
-
* @param {string} validationMessage - Validation message for the input
|
|
32
|
-
* @param {React.InputHTMLAttributes<HTMLInputElement>} props - Other props to pass to the input
|
|
33
|
-
* @returns {React.ReactElement} - React element
|
|
34
|
-
*
|
|
35
|
-
* @example
|
|
36
|
-
* <Input label="First name" id="firstName" validationMessage="First name is required" />
|
|
37
|
-
*
|
|
38
|
-
*/
|
|
39
|
-
declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
40
|
-
|
|
41
|
-
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
42
|
-
id: string;
|
|
43
|
-
label: string;
|
|
44
|
-
}
|
|
45
|
-
declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
|
|
46
|
-
|
|
47
|
-
interface RadioProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
|
|
48
|
-
id: string;
|
|
49
|
-
name: string;
|
|
50
|
-
value: string;
|
|
51
|
-
label?: string;
|
|
52
|
-
}
|
|
53
|
-
declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
54
|
-
|
|
55
|
-
interface RadioGroupProps {
|
|
56
|
-
label?: string;
|
|
57
|
-
children: ReactElement<typeof Radio> | ReactElement<typeof Radio>[];
|
|
58
|
-
}
|
|
59
|
-
declare const RadioGroup: ({ label, children }: RadioGroupProps) => React__default.ReactElement;
|
|
60
|
-
|
|
61
|
-
type ModifierName = 'info' | 'success' | 'strong' | 'shadow';
|
|
62
|
-
interface TableProps {
|
|
63
|
-
isResponsive?: boolean;
|
|
64
|
-
modifiers?: {
|
|
65
|
-
[key in ModifierName]?: boolean;
|
|
66
|
-
};
|
|
67
|
-
children: React.ReactNode;
|
|
68
|
-
}
|
|
69
|
-
declare const Table: ({ isResponsive, modifiers: { info, success, strong, shadow }, children, }: TableProps) => JSX.Element;
|
|
70
|
-
|
|
71
|
-
interface TableDataProps {
|
|
72
|
-
children: React.ReactNode;
|
|
73
|
-
}
|
|
74
|
-
declare const TableData: ({ children }: TableDataProps) => JSX.Element;
|
|
75
|
-
|
|
76
|
-
interface TableHeaderProps {
|
|
77
|
-
children: React.ReactNode;
|
|
78
|
-
}
|
|
79
|
-
declare const TableHeader: ({ children }: TableHeaderProps) => JSX.Element;
|
|
80
|
-
|
|
81
|
-
export { Button, Header, Input, Radio, RadioGroup, Table, TableData, TableHeader, Textarea };
|