@prosperitainova/mirage-ui 1.0.2 → 1.0.4
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/README.md +41 -10
- package/README.old.md +29 -0
- package/dist/cjs/assets/{asset-125afa63 → asset-01ba4719} +0 -0
- package/dist/cjs/assets/asset-1f5f3d97 +5 -0
- package/dist/cjs/assets/asset-90a77f27 +83 -0
- package/dist/cjs/assets/asset-d29508fd +2 -0
- package/dist/cjs/assets/asset-e29ddd46 +1 -0
- package/dist/cjs/index.js +2 -26
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/App.d.ts +4 -0
- package/dist/cjs/types/src/index.d.ts +1 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/Breadcrumb/Breadcrumb.d.ts +2 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/Breadcrumb/Breadcrumb.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Breadcrumb/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/Button/Button.d.ts +3 -0
- package/dist/cjs/types/{components → src/lib}/Button/Button.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Button/index.d.ts +0 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/ButtonDropdown/ButtonDropdown.d.ts +1 -1
- package/dist/{esm/types/components → cjs/types/src/lib}/ButtonDropdown/ButtonDropdown.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/ButtonDropdown/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/Checkbox/Checkbox.d.ts +2 -0
- package/dist/cjs/types/{components → src/lib}/Checkbox/Checkbox.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Checkbox/index.d.ts +0 -0
- package/dist/cjs/types/src/lib/Dropzone/Dropzone.d.ts +9 -0
- package/dist/cjs/types/src/lib/Dropzone/Dropzone.stories.d.ts +9 -0
- package/dist/cjs/types/{components → src/lib}/Dropzone/index.d.ts +0 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/Input/Input.d.ts +1 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/Input/Input.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Input/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/InteractiveModal/InteractiveModal.d.ts +1 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/InteractiveModal/InteractiveModal.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/InteractiveModal/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/LateralModal/LateralModal.d.ts +1 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/LateralModal/LateralModal.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/LateralModal/index.d.ts +0 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/MenuDropdown/MenuDropdown.d.ts +2 -1
- package/dist/cjs/types/{components → src/lib}/MenuDropdown/MenuDropdown.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/MenuDropdown/index.d.ts +0 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/NotificationsBar/NotificationsBar.d.ts +3 -0
- package/dist/cjs/types/{components → src/lib}/NotificationsBar/NotificationsBar.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/NotificationsBar/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/Radio/Radio.d.ts +1 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/RadioGroup/RadioGroup.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/RadioGroup/RadioGroup.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/RadioGroup/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/Search/Search.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Search/Search.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Search/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/Sellect/Sellect.d.ts +4 -2
- package/dist/cjs/types/src/lib/Sellect/Sellect.stories.d.ts +5 -0
- package/dist/cjs/types/{components → src/lib}/Sellect/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/Sellect/style.d.ts +0 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/SideBar/SideBar.d.ts +5 -8
- package/dist/cjs/types/{components → src/lib}/SideBar/SideBar.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/SideBar/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/Spacer/Spacer.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Spacer/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/TabMenu/TabMenu.d.ts +4 -0
- package/dist/cjs/types/{components → src/lib}/TabMenu/TabMenu.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/TabMenu/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/Table/Table.d.ts +2 -0
- package/dist/cjs/types/{components → src/lib}/Table/Table.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Table/index.d.ts +0 -0
- package/dist/{esm/types/components → cjs/types/src/lib}/Toast/Toast.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Toast/Toast.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Toast/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/Toggle/Toggle.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Toggle/Toggle.stories.d.ts +1 -0
- package/dist/cjs/types/{components → src/lib}/Toggle/index.d.ts +0 -0
- package/dist/cjs/types/{components → src/lib}/index.d.ts +0 -0
- package/dist/cjs/types/src/reportWebVitals.d.ts +3 -0
- package/dist/cjs/types/src/setupTests.d.ts +1 -0
- package/dist/cjs/types/src/theme/DefaultTheme.d.ts +4 -0
- package/dist/cjs/types/src/theme/index.d.ts +2 -0
- package/dist/cjs/types/{theme → src/theme}/prosperitaTheme.d.ts +1 -1
- package/dist/esm/assets/{asset-125afa63 → asset-01ba4719} +0 -0
- package/dist/esm/assets/asset-1f5f3d97 +5 -0
- package/dist/esm/assets/asset-90a77f27 +83 -0
- package/dist/esm/assets/asset-d29508fd +2 -0
- package/dist/esm/assets/asset-e29ddd46 +1 -0
- package/dist/esm/index.js +2 -26
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/App.d.ts +4 -0
- package/dist/esm/types/src/index.d.ts +1 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/Breadcrumb/Breadcrumb.d.ts +2 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/Breadcrumb/Breadcrumb.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Breadcrumb/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/Button/Button.d.ts +3 -0
- package/dist/esm/types/{components → src/lib}/Button/Button.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Button/index.d.ts +0 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/ButtonDropdown/ButtonDropdown.d.ts +1 -1
- package/dist/{cjs/types/components → esm/types/src/lib}/ButtonDropdown/ButtonDropdown.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/ButtonDropdown/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/Checkbox/Checkbox.d.ts +2 -0
- package/dist/esm/types/{components → src/lib}/Checkbox/Checkbox.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Checkbox/index.d.ts +0 -0
- package/dist/esm/types/src/lib/Dropzone/Dropzone.d.ts +9 -0
- package/dist/esm/types/src/lib/Dropzone/Dropzone.stories.d.ts +9 -0
- package/dist/esm/types/{components → src/lib}/Dropzone/index.d.ts +0 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/Input/Input.d.ts +1 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/Input/Input.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Input/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/InteractiveModal/InteractiveModal.d.ts +1 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/InteractiveModal/InteractiveModal.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/InteractiveModal/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/LateralModal/LateralModal.d.ts +1 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/LateralModal/LateralModal.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/LateralModal/index.d.ts +0 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/MenuDropdown/MenuDropdown.d.ts +2 -1
- package/dist/esm/types/{components → src/lib}/MenuDropdown/MenuDropdown.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/MenuDropdown/index.d.ts +0 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/NotificationsBar/NotificationsBar.d.ts +3 -0
- package/dist/esm/types/{components → src/lib}/NotificationsBar/NotificationsBar.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/NotificationsBar/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/Radio/Radio.d.ts +1 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/RadioGroup/RadioGroup.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/RadioGroup/RadioGroup.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/RadioGroup/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/Search/Search.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Search/Search.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Search/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/Sellect/Sellect.d.ts +4 -2
- package/dist/esm/types/src/lib/Sellect/Sellect.stories.d.ts +5 -0
- package/dist/esm/types/{components → src/lib}/Sellect/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/Sellect/style.d.ts +0 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/SideBar/SideBar.d.ts +5 -8
- package/dist/esm/types/{components → src/lib}/SideBar/SideBar.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/SideBar/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/Spacer/Spacer.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Spacer/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/TabMenu/TabMenu.d.ts +4 -0
- package/dist/esm/types/{components → src/lib}/TabMenu/TabMenu.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/TabMenu/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/Table/Table.d.ts +2 -0
- package/dist/esm/types/{components → src/lib}/Table/Table.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Table/index.d.ts +0 -0
- package/dist/{cjs/types/components → esm/types/src/lib}/Toast/Toast.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Toast/Toast.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Toast/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/Toggle/Toggle.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Toggle/Toggle.stories.d.ts +1 -0
- package/dist/esm/types/{components → src/lib}/Toggle/index.d.ts +0 -0
- package/dist/esm/types/{components → src/lib}/index.d.ts +0 -0
- package/dist/esm/types/src/reportWebVitals.d.ts +3 -0
- package/dist/esm/types/src/setupTests.d.ts +1 -0
- package/dist/esm/types/src/theme/DefaultTheme.d.ts +4 -0
- package/dist/esm/types/src/theme/index.d.ts +2 -0
- package/dist/esm/types/{theme → src/theme}/prosperitaTheme.d.ts +1 -1
- package/dist/index.d.ts +13 -13
- package/package.json +68 -33
- package/dist/cjs/types/components/Dropzone/Dropzone.d.ts +0 -6
- package/dist/cjs/types/components/Dropzone/Dropzone.stories.d.ts +0 -8
- package/dist/cjs/types/components/Sellect/Sellect.stories.d.ts +0 -4
- package/dist/cjs/types/index.d.ts +0 -1
- package/dist/cjs/types/stories/Button.d.ts +0 -28
- package/dist/cjs/types/stories/Header.d.ts +0 -12
- package/dist/cjs/types/stories/Page.d.ts +0 -3
- package/dist/cjs/types/stories/Page.stories.d.ts +0 -6
- package/dist/cjs/types/theme/DefaultTheme.d.ts +0 -3
- package/dist/cjs/types/theme/index.d.ts +0 -2
- package/dist/esm/types/components/Dropzone/Dropzone.d.ts +0 -6
- package/dist/esm/types/components/Dropzone/Dropzone.stories.d.ts +0 -8
- package/dist/esm/types/components/Sellect/Sellect.stories.d.ts +0 -4
- package/dist/esm/types/index.d.ts +0 -1
- package/dist/esm/types/stories/Button.d.ts +0 -28
- package/dist/esm/types/stories/Header.d.ts +0 -12
- package/dist/esm/types/stories/Page.d.ts +0 -3
- package/dist/esm/types/stories/Page.stories.d.ts +0 -6
- package/dist/esm/types/theme/DefaultTheme.d.ts +0 -3
- package/dist/esm/types/theme/index.d.ts +0 -2
package/package.json
CHANGED
|
@@ -1,58 +1,93 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
"description": "A UI Library for @prosperitainova",
|
|
2
|
+
"name": "@prosperitainova/mirage-ui",
|
|
3
|
+
"version": "1.0.4",
|
|
5
4
|
"private": false,
|
|
5
|
+
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
8
8
|
},
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
11
|
+
"react-dropzone": "^14.2.3",
|
|
12
|
+
"react-select": "^5.7.0",
|
|
13
|
+
"typescript": "^4.9.4"
|
|
14
|
+
},
|
|
9
15
|
"scripts": {
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
16
|
+
"start": "react-scripts start",
|
|
17
|
+
"build": "react-scripts build",
|
|
18
|
+
"test": "react-scripts test",
|
|
19
|
+
"eject": "react-scripts eject",
|
|
20
|
+
"storybook": "start-storybook -p 6006 -s public",
|
|
21
|
+
"build-storybook": "build-storybook -s public",
|
|
22
|
+
"rollup": "rollup -c --bundleConfigAsCjs"
|
|
23
|
+
},
|
|
24
|
+
"eslintConfig": {
|
|
25
|
+
"extends": [
|
|
26
|
+
"react-app",
|
|
27
|
+
"react-app/jest"
|
|
28
|
+
],
|
|
29
|
+
"overrides": [
|
|
30
|
+
{
|
|
31
|
+
"files": [
|
|
32
|
+
"**/*.stories.*"
|
|
33
|
+
],
|
|
34
|
+
"rules": {
|
|
35
|
+
"import/no-anonymous-default-export": "off"
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
"browserslist": {
|
|
41
|
+
"production": [
|
|
42
|
+
">0.2%",
|
|
43
|
+
"not dead",
|
|
44
|
+
"not op_mini all"
|
|
45
|
+
],
|
|
46
|
+
"development": [
|
|
47
|
+
"last 1 chrome version",
|
|
48
|
+
"last 1 firefox version",
|
|
49
|
+
"last 1 safari version"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"peerDependencies": {
|
|
53
|
+
"react": "^18.2.0",
|
|
54
|
+
"react-dom": "^18.2.0",
|
|
55
|
+
"react-scripts": "5.0.1",
|
|
56
|
+
"styled-components": "^5.3.6"
|
|
13
57
|
},
|
|
14
|
-
"keywords": [
|
|
15
|
-
"ui"
|
|
16
|
-
],
|
|
17
|
-
"author": "Jhonnatthan Santana, Matheus Goncalves",
|
|
18
|
-
"license": "ISC",
|
|
19
58
|
"devDependencies": {
|
|
20
|
-
"@babel/core": "^7.20.12",
|
|
21
59
|
"@rollup/plugin-commonjs": "^24.0.0",
|
|
22
|
-
"@rollup/plugin-image": "^3.0.1",
|
|
23
60
|
"@rollup/plugin-node-resolve": "^15.0.1",
|
|
24
61
|
"@rollup/plugin-typescript": "^11.0.0",
|
|
25
|
-
"@storybook/addon-actions": "^6.5.
|
|
26
|
-
"@storybook/addon-essentials": "^6.5.
|
|
27
|
-
"@storybook/addon-interactions": "^6.5.
|
|
28
|
-
"@storybook/addon-links": "^6.5.
|
|
29
|
-
"@storybook/builder-webpack5": "^6.5.
|
|
30
|
-
"@storybook/manager-webpack5": "^6.5.
|
|
31
|
-
"@storybook/
|
|
62
|
+
"@storybook/addon-actions": "^6.5.14",
|
|
63
|
+
"@storybook/addon-essentials": "^6.5.14",
|
|
64
|
+
"@storybook/addon-interactions": "^6.5.14",
|
|
65
|
+
"@storybook/addon-links": "^6.5.14",
|
|
66
|
+
"@storybook/builder-webpack5": "^6.5.14",
|
|
67
|
+
"@storybook/manager-webpack5": "^6.5.14",
|
|
68
|
+
"@storybook/node-logger": "^6.5.14",
|
|
69
|
+
"@storybook/preset-create-react-app": "^4.1.2",
|
|
70
|
+
"@storybook/react": "^6.5.14",
|
|
32
71
|
"@storybook/testing-library": "^0.0.13",
|
|
33
|
-
"@types/
|
|
72
|
+
"@types/node": "^16.18.8",
|
|
73
|
+
"@types/react": "^18.0.26",
|
|
34
74
|
"@types/styled-components": "^5.1.26",
|
|
35
|
-
"
|
|
36
|
-
"eslint-plugin-import": "^2.27.4",
|
|
75
|
+
"babel-plugin-named-exports-order": "^0.0.2",
|
|
37
76
|
"postcss": "^8.4.21",
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"rollup": "^
|
|
41
|
-
"rollup-plugin-css-only": "^4.3.0",
|
|
77
|
+
"postcss-assets": "^6.0.0",
|
|
78
|
+
"prop-types": "^15.8.1",
|
|
79
|
+
"rollup": "^3.10.0",
|
|
42
80
|
"rollup-plugin-dts": "^5.1.1",
|
|
43
81
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
44
82
|
"rollup-plugin-postcss": "^4.0.2",
|
|
45
|
-
"rollup-plugin-svg": "^2.0.0",
|
|
46
83
|
"rollup-plugin-terser": "^7.0.2",
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"typescript": "^4.9.4"
|
|
84
|
+
"storybook-addon-styled-component-theme": "^2.0.0",
|
|
85
|
+
"webpack": "^5.75.0"
|
|
50
86
|
},
|
|
51
87
|
"main": "dist/cjs/index.js",
|
|
52
88
|
"module": "dist/esm/index.js",
|
|
53
89
|
"files": [
|
|
54
90
|
"dist"
|
|
55
91
|
],
|
|
56
|
-
"types": "dist/index.d.ts"
|
|
57
|
-
"dependencies": {}
|
|
92
|
+
"types": "dist/index.d.ts"
|
|
58
93
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./components";
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import './button.css';
|
|
2
|
-
interface ButtonProps {
|
|
3
|
-
/**
|
|
4
|
-
* Is this the principal call to action on the page?
|
|
5
|
-
*/
|
|
6
|
-
primary?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* What background color to use
|
|
9
|
-
*/
|
|
10
|
-
backgroundColor?: string;
|
|
11
|
-
/**
|
|
12
|
-
* How large should the button be?
|
|
13
|
-
*/
|
|
14
|
-
size?: 'small' | 'medium' | 'large';
|
|
15
|
-
/**
|
|
16
|
-
* Button contents
|
|
17
|
-
*/
|
|
18
|
-
label: string;
|
|
19
|
-
/**
|
|
20
|
-
* Optional click handler
|
|
21
|
-
*/
|
|
22
|
-
onClick?: () => void;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Primary UI component for user interaction
|
|
26
|
-
*/
|
|
27
|
-
export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;
|
|
28
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import './header.css';
|
|
2
|
-
type User = {
|
|
3
|
-
name: string;
|
|
4
|
-
};
|
|
5
|
-
interface HeaderProps {
|
|
6
|
-
user?: User;
|
|
7
|
-
onLogin: () => void;
|
|
8
|
-
onLogout: () => void;
|
|
9
|
-
onCreateAccount: () => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<React.VFC<{}>>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const LoggedOut: ComponentStory<React.VFC<{}>>;
|
|
6
|
-
export declare const LoggedIn: ComponentStory<React.VFC<{}>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./components";
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import './button.css';
|
|
2
|
-
interface ButtonProps {
|
|
3
|
-
/**
|
|
4
|
-
* Is this the principal call to action on the page?
|
|
5
|
-
*/
|
|
6
|
-
primary?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* What background color to use
|
|
9
|
-
*/
|
|
10
|
-
backgroundColor?: string;
|
|
11
|
-
/**
|
|
12
|
-
* How large should the button be?
|
|
13
|
-
*/
|
|
14
|
-
size?: 'small' | 'medium' | 'large';
|
|
15
|
-
/**
|
|
16
|
-
* Button contents
|
|
17
|
-
*/
|
|
18
|
-
label: string;
|
|
19
|
-
/**
|
|
20
|
-
* Optional click handler
|
|
21
|
-
*/
|
|
22
|
-
onClick?: () => void;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Primary UI component for user interaction
|
|
26
|
-
*/
|
|
27
|
-
export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;
|
|
28
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import './header.css';
|
|
2
|
-
type User = {
|
|
3
|
-
name: string;
|
|
4
|
-
};
|
|
5
|
-
interface HeaderProps {
|
|
6
|
-
user?: User;
|
|
7
|
-
onLogin: () => void;
|
|
8
|
-
onLogout: () => void;
|
|
9
|
-
onCreateAccount: () => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<React.VFC<{}>>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const LoggedOut: ComponentStory<React.VFC<{}>>;
|
|
6
|
-
export declare const LoggedIn: ComponentStory<React.VFC<{}>>;
|