@gyramais/gyra-design 0.1.2 → 0.1.3
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/package.json +85 -85
- package/readme.md +31 -31
- package/dist/components/Avatar/Avatar.d.ts +0 -10
- package/dist/components/Avatar/index.d.ts +0 -1
- package/dist/components/Avatar/index.js +0 -7
- package/dist/components/Avatar/index.js.map +0 -1
- package/dist/components/Button/Button.d.ts +0 -18
- package/dist/components/Button/index.d.ts +0 -1
- package/dist/components/Button/index.js +0 -7
- package/dist/components/Button/index.js.map +0 -1
- package/dist/components/Card/Card.d.ts +0 -17
- package/dist/components/Card/index.d.ts +0 -1
- package/dist/components/Card/index.js +0 -37
- package/dist/components/Card/index.js.map +0 -1
- package/dist/components/Chart/Chart.d.ts +0 -26
- package/dist/components/Chart/index.d.ts +0 -1
- package/dist/components/Chart/index.js +0 -28
- package/dist/components/Chart/index.js.map +0 -1
- package/dist/components/Checkbox/Checkbox.d.ts +0 -12
- package/dist/components/Checkbox/index.d.ts +0 -1
- package/dist/components/Checkbox/index.js +0 -37
- package/dist/components/Checkbox/index.js.map +0 -1
- package/dist/components/Col/Col.d.ts +0 -17
- package/dist/components/Col/index.d.ts +0 -1
- package/dist/components/Col/index.js +0 -7
- package/dist/components/Col/index.js.map +0 -1
- package/dist/components/Collapse/Collapse.d.ts +0 -10
- package/dist/components/Collapse/CollapseIcon.d.ts +0 -10
- package/dist/components/Collapse/index.d.ts +0 -2
- package/dist/components/Collapse/index.js +0 -37
- package/dist/components/Collapse/index.js.map +0 -1
- package/dist/components/Divider/Divider.d.ts +0 -10
- package/dist/components/Divider/index.d.ts +0 -1
- package/dist/components/Divider/index.js +0 -7
- package/dist/components/Divider/index.js.map +0 -1
- package/dist/components/Drawer/Drawer.d.ts +0 -11
- package/dist/components/Drawer/index.d.ts +0 -1
- package/dist/components/Drawer/index.js +0 -7
- package/dist/components/Drawer/index.js.map +0 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +0 -21
- package/dist/components/DropdownMenu/index.d.ts +0 -1
- package/dist/components/DropdownMenu/index.js +0 -7
- package/dist/components/DropdownMenu/index.js.map +0 -1
- package/dist/components/Filter/Filter.d.ts +0 -22
- package/dist/components/Filter/index.d.ts +0 -1
- package/dist/components/Filter/index.js +0 -37
- package/dist/components/Filter/index.js.map +0 -1
- package/dist/components/Form/Form.d.ts +0 -3
- package/dist/components/Form/Item.d.ts +0 -11
- package/dist/components/Form/index.d.ts +0 -1
- package/dist/components/Form/index.js +0 -2
- package/dist/components/Form/index.js.map +0 -1
- package/dist/components/HoverCard/HoverCard.d.ts +0 -14
- package/dist/components/HoverCard/index.d.ts +0 -1
- package/dist/components/HoverCard/index.js +0 -7
- package/dist/components/HoverCard/index.js.map +0 -1
- package/dist/components/Icon/Icon.d.ts +0 -10
- package/dist/components/Icon/index.d.ts +0 -1
- package/dist/components/Icon/index.js +0 -7
- package/dist/components/Icon/index.js.map +0 -1
- package/dist/components/IconDisplay/IconDisplay.d.ts +0 -9
- package/dist/components/IconDisplay/index.d.ts +0 -1
- package/dist/components/IconDisplay/index.js +0 -7
- package/dist/components/IconDisplay/index.js.map +0 -1
- package/dist/components/Information/Information.d.ts +0 -10
- package/dist/components/Information/index.d.ts +0 -1
- package/dist/components/Information/index.js +0 -7
- package/dist/components/Information/index.js.map +0 -1
- package/dist/components/Input/Input.d.ts +0 -17
- package/dist/components/Input/index.d.ts +0 -1
- package/dist/components/Input/index.js +0 -7
- package/dist/components/Input/index.js.map +0 -1
- package/dist/components/Label/Label.d.ts +0 -5
- package/dist/components/Label/index.d.ts +0 -1
- package/dist/components/Label/index.js +0 -2
- package/dist/components/Label/index.js.map +0 -1
- package/dist/components/Layout/Content.d.ts +0 -9
- package/dist/components/Layout/Header.d.ts +0 -9
- package/dist/components/Layout/Layout.d.ts +0 -10
- package/dist/components/Layout/Sider.d.ts +0 -9
- package/dist/components/Layout/index.d.ts +0 -4
- package/dist/components/Layout/index.js +0 -7
- package/dist/components/Layout/index.js.map +0 -1
- package/dist/components/List/List.d.ts +0 -14
- package/dist/components/List/index.d.ts +0 -1
- package/dist/components/List/index.js +0 -8
- package/dist/components/List/index.js.map +0 -1
- package/dist/components/Loading/Loading.d.ts +0 -10
- package/dist/components/Loading/index.d.ts +0 -1
- package/dist/components/Loading/index.js +0 -7
- package/dist/components/Loading/index.js.map +0 -1
- package/dist/components/Logo/Logo.d.ts +0 -11
- package/dist/components/Logo/index.d.ts +0 -1
- package/dist/components/Logo/index.js +0 -7
- package/dist/components/Logo/index.js.map +0 -1
- package/dist/components/Menubar/Menubar.d.ts +0 -24
- package/dist/components/Menubar/index.d.ts +0 -1
- package/dist/components/Menubar/index.js +0 -7
- package/dist/components/Menubar/index.js.map +0 -1
- package/dist/components/Row/Row.d.ts +0 -18
- package/dist/components/Row/index.d.ts +0 -1
- package/dist/components/Row/index.js +0 -7
- package/dist/components/Row/index.js.map +0 -1
- package/dist/components/Switch/Switch.d.ts +0 -11
- package/dist/components/Switch/index.d.ts +0 -1
- package/dist/components/Switch/index.js +0 -7
- package/dist/components/Switch/index.js.map +0 -1
- package/dist/components/Table/Table.d.ts +0 -20
- package/dist/components/Table/index.d.ts +0 -1
- package/dist/components/Table/index.js +0 -37
- package/dist/components/Table/index.js.map +0 -1
- package/dist/components/Tabs/Tabs.d.ts +0 -15
- package/dist/components/Tabs/index.d.ts +0 -1
- package/dist/components/Tabs/index.js +0 -7
- package/dist/components/Tabs/index.js.map +0 -1
- package/dist/components/Tag/Tag.d.ts +0 -10
- package/dist/components/Tag/index.d.ts +0 -1
- package/dist/components/Tag/index.js +0 -7
- package/dist/components/Tag/index.js.map +0 -1
- package/dist/components/Toast/Toast.d.ts +0 -4
- package/dist/components/Toast/index.d.ts +0 -1
- package/dist/components/Toast/index.js +0 -2
- package/dist/components/Toast/index.js.map +0 -1
- package/dist/components/Tooltip/Tooltip.d.ts +0 -14
- package/dist/components/Tooltip/index.d.ts +0 -1
- package/dist/components/Tooltip/index.js +0 -7
- package/dist/components/Tooltip/index.js.map +0 -1
- package/dist/index.css +0 -3778
- package/dist/index.d.ts +0 -19
- package/dist/index.js +0 -2
- package/dist/index.js.map +0 -1
- package/dist/shadcn/checkbox.d.ts +0 -4
- package/dist/shadcn/dropdown-menu.d.ts +0 -27
- package/dist/shadcn/form.d.ts +0 -22
- package/dist/shadcn/hover-card.d.ts +0 -6
- package/dist/shadcn/label.d.ts +0 -5
- package/dist/shadcn/lib/utils.d.ts +0 -2
- package/dist/shadcn/menubar.d.ts +0 -31
- package/dist/shadcn/switch.d.ts +0 -4
- package/dist/shadcn/table.d.ts +0 -10
- package/dist/shadcn/tabs.d.ts +0 -7
- package/dist/shadcn/tooltip.d.ts +0 -7
- package/dist/theme.d.ts +0 -18
package/package.json
CHANGED
|
@@ -1,86 +1,86 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@gyramais/gyra-design",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "Gyramais Design System",
|
|
5
|
-
"main": "dist/index.js",
|
|
6
|
-
"module": "dist/index.esm.js",
|
|
7
|
-
"types": "dist/index.d.ts",
|
|
8
|
-
"files": [
|
|
9
|
-
"dist"
|
|
10
|
-
],
|
|
11
|
-
"scripts": {
|
|
12
|
-
"test": "npm run test",
|
|
13
|
-
"build": "node --max-old-space-size=8192 node_modules/rollup/dist/bin/rollup -c rollup.config.js",
|
|
14
|
-
"storybook": "storybook dev -p 6006",
|
|
15
|
-
"build-storybook": "storybook build"
|
|
16
|
-
},
|
|
17
|
-
"repository": {
|
|
18
|
-
"type": "git",
|
|
19
|
-
"url": "git+https://github.com/gyramais/gyra-design.git"
|
|
20
|
-
},
|
|
21
|
-
"author": "Gyramais Development Team <Ninjas>",
|
|
22
|
-
"license": "ISC",
|
|
23
|
-
"bugs": {
|
|
24
|
-
"url": "https://github.com/gyramais/gyra-design/issues"
|
|
25
|
-
},
|
|
26
|
-
"homepage": "https://github.com/gyramais/gyra-design#readme",
|
|
27
|
-
"dependencies": {
|
|
28
|
-
"@emotion/react": "^11.11.1",
|
|
29
|
-
"@emotion/styled": "^11.11.0",
|
|
30
|
-
"@mui/icons-material": "^5.14.16",
|
|
31
|
-
"@mui/material": "^5.14.17",
|
|
32
|
-
"@radix-ui/react-checkbox": "^1.0.4",
|
|
33
|
-
"@radix-ui/react-dropdown-menu": "^2.0.6",
|
|
34
|
-
"@radix-ui/react-hover-card": "^1.0.7",
|
|
35
|
-
"@radix-ui/react-label": "^2.0.2",
|
|
36
|
-
"@radix-ui/react-menubar": "^1.0.4",
|
|
37
|
-
"@radix-ui/react-switch": "^1.0.3",
|
|
38
|
-
"@radix-ui/react-tabs": "^1.0.4",
|
|
39
|
-
"@radix-ui/react-tooltip": "^1.0.7",
|
|
40
|
-
"@rollup/plugin-commonjs": "^25.0.7",
|
|
41
|
-
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
42
|
-
"@rollup/plugin-terser": "^0.4.4",
|
|
43
|
-
"@rollup/plugin-typescript": "^11.1.5",
|
|
44
|
-
"@types/react": "^18.2.33",
|
|
45
|
-
"@types/react-collapse": "^5.0.4",
|
|
46
|
-
"@types/react-text-mask": "^5.4.14",
|
|
47
|
-
"class-variance-authority": "^0.7.0",
|
|
48
|
-
"classnames": "^2.3.2",
|
|
49
|
-
"clsx": "^2.0.0",
|
|
50
|
-
"dayjs": "^1.11.10",
|
|
51
|
-
"lucide-react": "^0.292.0",
|
|
52
|
-
"react": "18.2.0",
|
|
53
|
-
"react-collapse": "^5.1.1",
|
|
54
|
-
"react-dom": "^18.2.0",
|
|
55
|
-
"react-hook-form": "^7.48.2",
|
|
56
|
-
"react-modern-drawer": "^1.2.2",
|
|
57
|
-
"react-text-mask": "^5.5.0",
|
|
58
|
-
"react-toastify": "^9.1.3",
|
|
59
|
-
"recharts": "^2.10.1",
|
|
60
|
-
"rollup": "^4.2.0",
|
|
61
|
-
"rollup-plugin-dts": "^6.1.0",
|
|
62
|
-
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
63
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
64
|
-
"tailwind-merge": "^2.0.0",
|
|
65
|
-
"tailwindcss-animate": "^1.0.7",
|
|
66
|
-
"typescript": "^5.2.2"
|
|
67
|
-
},
|
|
68
|
-
"peerDependencies": {
|
|
69
|
-
"react": "18.2.0",
|
|
70
|
-
"react-dom": "^18.2.0"
|
|
71
|
-
},
|
|
72
|
-
"devDependencies": {
|
|
73
|
-
"@storybook/addon-essentials": "^7.5.2",
|
|
74
|
-
"@storybook/addon-interactions": "^7.5.2",
|
|
75
|
-
"@storybook/addon-links": "^7.5.2",
|
|
76
|
-
"@storybook/addon-onboarding": "^1.0.8",
|
|
77
|
-
"@storybook/blocks": "^7.5.2",
|
|
78
|
-
"@storybook/react": "^7.5.2",
|
|
79
|
-
"@storybook/react-vite": "^7.5.2",
|
|
80
|
-
"@storybook/testing-library": "^0.2.2",
|
|
81
|
-
"autoprefixer": "^10.4.16",
|
|
82
|
-
"postcss": "^8.4.31",
|
|
83
|
-
"storybook": "^7.5.2",
|
|
84
|
-
"tailwindcss": "^3.3.5"
|
|
85
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@gyramais/gyra-design",
|
|
3
|
+
"version": "0.1.3",
|
|
4
|
+
"description": "Gyramais Design System",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"module": "dist/index.esm.js",
|
|
7
|
+
"types": "dist/index.d.ts",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
11
|
+
"scripts": {
|
|
12
|
+
"test": "npm run test",
|
|
13
|
+
"build": "node --max-old-space-size=8192 node_modules/rollup/dist/bin/rollup -c rollup.config.js",
|
|
14
|
+
"storybook": "storybook dev -p 6006",
|
|
15
|
+
"build-storybook": "storybook build"
|
|
16
|
+
},
|
|
17
|
+
"repository": {
|
|
18
|
+
"type": "git",
|
|
19
|
+
"url": "git+https://github.com/gyramais/gyra-design.git"
|
|
20
|
+
},
|
|
21
|
+
"author": "Gyramais Development Team <Ninjas>",
|
|
22
|
+
"license": "ISC",
|
|
23
|
+
"bugs": {
|
|
24
|
+
"url": "https://github.com/gyramais/gyra-design/issues"
|
|
25
|
+
},
|
|
26
|
+
"homepage": "https://github.com/gyramais/gyra-design#readme",
|
|
27
|
+
"dependencies": {
|
|
28
|
+
"@emotion/react": "^11.11.1",
|
|
29
|
+
"@emotion/styled": "^11.11.0",
|
|
30
|
+
"@mui/icons-material": "^5.14.16",
|
|
31
|
+
"@mui/material": "^5.14.17",
|
|
32
|
+
"@radix-ui/react-checkbox": "^1.0.4",
|
|
33
|
+
"@radix-ui/react-dropdown-menu": "^2.0.6",
|
|
34
|
+
"@radix-ui/react-hover-card": "^1.0.7",
|
|
35
|
+
"@radix-ui/react-label": "^2.0.2",
|
|
36
|
+
"@radix-ui/react-menubar": "^1.0.4",
|
|
37
|
+
"@radix-ui/react-switch": "^1.0.3",
|
|
38
|
+
"@radix-ui/react-tabs": "^1.0.4",
|
|
39
|
+
"@radix-ui/react-tooltip": "^1.0.7",
|
|
40
|
+
"@rollup/plugin-commonjs": "^25.0.7",
|
|
41
|
+
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
42
|
+
"@rollup/plugin-terser": "^0.4.4",
|
|
43
|
+
"@rollup/plugin-typescript": "^11.1.5",
|
|
44
|
+
"@types/react": "^18.2.33",
|
|
45
|
+
"@types/react-collapse": "^5.0.4",
|
|
46
|
+
"@types/react-text-mask": "^5.4.14",
|
|
47
|
+
"class-variance-authority": "^0.7.0",
|
|
48
|
+
"classnames": "^2.3.2",
|
|
49
|
+
"clsx": "^2.0.0",
|
|
50
|
+
"dayjs": "^1.11.10",
|
|
51
|
+
"lucide-react": "^0.292.0",
|
|
52
|
+
"react": "18.2.0",
|
|
53
|
+
"react-collapse": "^5.1.1",
|
|
54
|
+
"react-dom": "^18.2.0",
|
|
55
|
+
"react-hook-form": "^7.48.2",
|
|
56
|
+
"react-modern-drawer": "^1.2.2",
|
|
57
|
+
"react-text-mask": "^5.5.0",
|
|
58
|
+
"react-toastify": "^9.1.3",
|
|
59
|
+
"recharts": "^2.10.1",
|
|
60
|
+
"rollup": "^4.2.0",
|
|
61
|
+
"rollup-plugin-dts": "^6.1.0",
|
|
62
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
63
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
64
|
+
"tailwind-merge": "^2.0.0",
|
|
65
|
+
"tailwindcss-animate": "^1.0.7",
|
|
66
|
+
"typescript": "^5.2.2"
|
|
67
|
+
},
|
|
68
|
+
"peerDependencies": {
|
|
69
|
+
"react": "18.2.0",
|
|
70
|
+
"react-dom": "^18.2.0"
|
|
71
|
+
},
|
|
72
|
+
"devDependencies": {
|
|
73
|
+
"@storybook/addon-essentials": "^7.5.2",
|
|
74
|
+
"@storybook/addon-interactions": "^7.5.2",
|
|
75
|
+
"@storybook/addon-links": "^7.5.2",
|
|
76
|
+
"@storybook/addon-onboarding": "^1.0.8",
|
|
77
|
+
"@storybook/blocks": "^7.5.2",
|
|
78
|
+
"@storybook/react": "^7.5.2",
|
|
79
|
+
"@storybook/react-vite": "^7.5.2",
|
|
80
|
+
"@storybook/testing-library": "^0.2.2",
|
|
81
|
+
"autoprefixer": "^10.4.16",
|
|
82
|
+
"postcss": "^8.4.31",
|
|
83
|
+
"storybook": "^7.5.2",
|
|
84
|
+
"tailwindcss": "^3.3.5"
|
|
85
|
+
}
|
|
86
86
|
}
|
package/readme.md
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
# gyra-design
|
|
2
|
-
|
|
3
|
-
Pacote de componentes da Gyramais com o intuito de padronizar e afunilar todos os componentes de projetos.
|
|
4
|
-
## Stack utilizada
|
|
5
|
-
|
|
6
|
-
- **Componentes:** Typescript, React, TailwindCSS
|
|
7
|
-
- **Documentação:** Storybook
|
|
8
|
-
- **Bundler:** Rollup
|
|
9
|
-
|
|
10
|
-
## Funcionalidades
|
|
11
|
-
|
|
12
|
-
- Tema personalizável
|
|
13
|
-
- Componentes padrão da Gyramais
|
|
14
|
-
|
|
15
|
-
## Comandos
|
|
16
|
-
|
|
17
|
-
Baixe o projeto em gyramais/gyra-design
|
|
18
|
-
```bash
|
|
19
|
-
npm install
|
|
20
|
-
npm run storybook
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
Para realizar o build do pacote completo
|
|
24
|
-
```
|
|
25
|
-
npm run build
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
Para realizar o build de um componente específico (ex: Button)
|
|
29
|
-
```
|
|
30
|
-
npm run build --component=Button
|
|
31
|
-
```
|
|
1
|
+
# gyra-design
|
|
2
|
+
|
|
3
|
+
Pacote de componentes da Gyramais com o intuito de padronizar e afunilar todos os componentes de projetos.
|
|
4
|
+
## Stack utilizada
|
|
5
|
+
|
|
6
|
+
- **Componentes:** Typescript, React, TailwindCSS
|
|
7
|
+
- **Documentação:** Storybook
|
|
8
|
+
- **Bundler:** Rollup
|
|
9
|
+
|
|
10
|
+
## Funcionalidades
|
|
11
|
+
|
|
12
|
+
- Tema personalizável
|
|
13
|
+
- Componentes padrão da Gyramais
|
|
14
|
+
|
|
15
|
+
## Comandos
|
|
16
|
+
|
|
17
|
+
Baixe o projeto em gyramais/gyra-design
|
|
18
|
+
```bash
|
|
19
|
+
npm install
|
|
20
|
+
npm run storybook
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
Para realizar o build do pacote completo
|
|
24
|
+
```
|
|
25
|
+
npm run build
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
Para realizar o build de um componente específico (ex: Button)
|
|
29
|
+
```
|
|
30
|
+
npm run build --component=Button
|
|
31
|
+
```
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./index.css";
|
|
3
|
-
type AvatarProps = {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
size?: number;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
};
|
|
9
|
-
declare const Avatar: ({ id, className, size, children, }: AvatarProps) => React.JSX.Element;
|
|
10
|
-
export { Avatar };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Avatar";
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use client";import t from"react";function r(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var e,n={exports:{}};
|
|
2
|
-
/*!
|
|
3
|
-
Copyright (c) 2018 Jed Watson.
|
|
4
|
-
Licensed under the MIT License (MIT), see
|
|
5
|
-
http://jedwatson.github.io/classnames
|
|
6
|
-
*/e=n,function(){var t={}.hasOwnProperty;function r(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=o(t,n(e)))}return t}function n(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return r.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)t.call(e,i)&&e[i]&&(n=o(n,i));return n}function o(t,r){return r?t?t+" "+r:t+r:t}e.exports?(r.default=r,e.exports=r):window.classNames=r}();var o=r(n.exports),i=function(r){var e=r.id,n=r.className,i=r.size,a=void 0===i?32:i,u=r.children;return t.createElement("div",{id:e,className:o("gyramais-avatar",n),style:{width:a,height:a,fontSize:a/2}},u)};export{i as Avatar};
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport \"./index.css\";\r\n\r\ntype AvatarProps = {\r\n id?: string;\r\n className?: string;\r\n size?: number;\r\n children?: React.ReactNode;\r\n}\r\n\r\nconst Avatar = ({\r\n id,\r\n className,\r\n size = 32,\r\n children,\r\n}: AvatarProps) => {\r\n return (\r\n <div\r\n id={id}\r\n className={classNames(\r\n \"gyramais-avatar\",\r\n className,\r\n )}\r\n style={{\r\n width: size,\r\n height: size,\r\n fontSize: size / 2,\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport { Avatar };"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","Avatar","_a","id","className","_b","size","children","React","createElement","style","width","height","fontSize"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAE,EAACC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE3C,CAED,OAAOJ,CACP,CAED,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACP,CAED,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,EAAAC,QAAiBpB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBCIMuB,EAAS,SAACC,GACd,IAAAC,EAAED,EAAAC,GACFC,EAASF,EAAAE,UACTC,EAAAH,EAAAI,KAAAA,OAAO,IAAAD,EAAA,GAAEA,EACTE,EAAQL,EAAAK,SAER,OACEC,EACEC,cAAA,MAAA,CAAAN,GAAIA,EACJC,UAAW1B,EACT,kBACA0B,GAEFM,MAAO,CACLC,MAAOL,EACPM,OAAQN,EACRO,SAAUP,EAAO,IAGlBC,EAGP","x_google_ignoreList":[0]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./index.css";
|
|
3
|
-
export type ButtonProps = {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
type?: "primary" | "secondary" | "white" | "dark";
|
|
7
|
-
size?: "small" | "medium" | "large";
|
|
8
|
-
htmlType?: "button" | "submit";
|
|
9
|
-
link?: boolean;
|
|
10
|
-
block?: boolean;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
loading?: boolean;
|
|
13
|
-
icon?: React.ReactNode;
|
|
14
|
-
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
};
|
|
17
|
-
declare const Button: ({ id, className, type, size, htmlType, link, block, disabled, loading, icon, onClick, children, }: ButtonProps) => React.JSX.Element;
|
|
18
|
-
export { Button };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Button";
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use client";import t from"react";function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var r,a={exports:{}};
|
|
2
|
-
/*!
|
|
3
|
-
Copyright (c) 2018 Jed Watson.
|
|
4
|
-
Licensed under the MIT License (MIT), see
|
|
5
|
-
http://jedwatson.github.io/classnames
|
|
6
|
-
*/r=a,function(){var t={}.hasOwnProperty;function e(){for(var t="",e=0;e<arguments.length;e++){var r=arguments[e];r&&(t=n(t,a(r)))}return t}function a(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var o in r)t.call(r,o)&&r[o]&&(a=n(a,o));return a}function n(t,e){return e?t?t+" "+e:t+e:t}r.exports?(e.default=e,r.exports=e):window.classNames=e}();var n=e(a.exports),o=function(e){var r=e.id,a=e.className,o=e.size,i=void 0===o?40:o,c=e.color,s=void 0===c?"var(--primary-button-color)":c;return t.createElement("div",{id:r,className:n("gyramais-loading",a),style:{width:i,height:i}},t.createElement("div",{style:{width:i,height:i,borderWidth:Math.max(i/10-1,2),borderColor:"".concat(s," ").concat(s," transparent transparent")}}),t.createElement("div",{style:{width:i,height:i,borderWidth:Math.max(i/10-1,2),borderColor:"".concat(s," ").concat(s," transparent transparent")}}))},i=function(e){var r=e.id,a=e.className,i=e.type,c=void 0===i?"primary":i,s=e.size,l=void 0===s?"medium":s,d=e.htmlType,u=void 0===d?"button":d,m=e.link,y=void 0!==m&&m,b=e.block,p=void 0!==b&&b,g=e.disabled,v=void 0!==g&&g,f=e.loading,h=void 0!==f&&f,N=e.icon,k=e.onClick,w=e.children;return t.createElement("button",{id:r,type:u,className:n("gyramais-button","gyramais-button-".concat(l),"gyramais-button-".concat(c),y?"gyramais-button-link":"",p?"gyramais-button-block":"",h?"gyramais-button-loading":"",N&&!w?"gyramais-button-icon":"",a),onClick:h?function(){}:k,disabled:v},h&&t.createElement("div",{className:"gyramais-button-icon-container"},t.createElement(o,{size:24,className:"gyramais-button-loading-feedback"})),!h&&N&&t.createElement("div",{className:"gyramais-button-icon-container"},N),w)};export{i as Button};
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Loading/Loading.tsx","../../../src/components/Button/Button.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport \"./index.css\";\r\n\r\ntype LoadingProps = {\r\n id?: string;\r\n className?: string;\r\n size?: number;\r\n color?: string;\r\n}\r\n\r\nconst Loading = ({\r\n id,\r\n className,\r\n size = 40,\r\n color = 'var(--primary-button-color)',\r\n}: LoadingProps) => {\r\n return (\r\n <div\r\n id={id}\r\n className={classNames(\r\n \"gyramais-loading\",\r\n className,\r\n )}\r\n style={{\r\n width: size,\r\n height: size,\r\n }}\r\n >\r\n <div\r\n style={{\r\n width: size,\r\n height: size,\r\n borderWidth: Math.max((size / 10) - 1, 2),\r\n borderColor: `${color} ${color} transparent transparent`,\r\n }}\r\n />\r\n\r\n <div\r\n style={{\r\n width: size,\r\n height: size,\r\n borderWidth: Math.max((size / 10) - 1, 2),\r\n borderColor: `${color} ${color} transparent transparent`,\r\n }}\r\n />\r\n </div>\r\n );\r\n};\r\n\r\nexport { Loading };","import React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport \"./index.css\";\r\n\r\nimport { Loading } from \"../Loading\";\r\n\r\nexport type ButtonProps = {\r\n id?: string;\r\n className?: string;\r\n type?: \"primary\" | \"secondary\" | \"white\" | \"dark\";\r\n size?: \"small\" | \"medium\" | \"large\";\r\n htmlType?: \"button\" | \"submit\";\r\n link?: boolean;\r\n block?: boolean;\r\n disabled?: boolean;\r\n loading?: boolean;\r\n icon?: React.ReactNode;\r\n onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\r\n children?: React.ReactNode;\r\n}\r\n\r\n\r\nconst Button = ({\r\n id,\r\n className,\r\n type = \"primary\",\r\n size = \"medium\",\r\n htmlType = \"button\",\r\n link = false,\r\n block = false,\r\n disabled = false,\r\n loading = false,\r\n icon,\r\n onClick,\r\n children,\r\n}: ButtonProps) => {\r\n return (\r\n <button\r\n id={id}\r\n type={htmlType}\r\n className={classNames(\r\n \"gyramais-button\",\r\n `gyramais-button-${size}`,\r\n `gyramais-button-${type}`,\r\n link ? 'gyramais-button-link' : '',\r\n block ? 'gyramais-button-block' : '',\r\n loading ? 'gyramais-button-loading' : '',\r\n icon && !children ? 'gyramais-button-icon' : '',\r\n className,\r\n )}\r\n onClick={!loading ? onClick : () => {}}\r\n disabled={disabled}\r\n >\r\n {loading && (\r\n <div className=\"gyramais-button-icon-container\">\r\n <Loading size={24} className=\"gyramais-button-loading-feedback\" />\r\n </div>\r\n )}\r\n\r\n {!loading && icon && (\r\n <div className=\"gyramais-button-icon-container\">\r\n {icon}\r\n </div>\r\n )}\r\n\r\n {children}\r\n </button>\r\n );\r\n};\r\n\r\nexport { Button };"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","Loading","_a","id","className","_b","size","_c","color","React","createElement","style","width","height","borderWidth","Math","max","borderColor","concat","Button","type","_d","htmlType","_e","link","_f","block","_g","disabled","_h","loading","icon","onClick","children"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./index.css";
|
|
3
|
-
type CardProps = {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
type?: 'shadow' | 'shadow-inset' | 'border';
|
|
7
|
-
title?: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
loading?: boolean;
|
|
10
|
-
collapsible?: boolean;
|
|
11
|
-
defaultCollapsed?: boolean;
|
|
12
|
-
onClick?: () => void;
|
|
13
|
-
headerContent?: React.ReactNode;
|
|
14
|
-
children?: React.ReactNode;
|
|
15
|
-
};
|
|
16
|
-
declare const Card: ({ id, type, className, title, disabled, loading, collapsible, defaultCollapsed, onClick, headerContent, children, }: CardProps) => React.JSX.Element;
|
|
17
|
-
export { Card };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Card";
|