venice-ui 1.0.1 → 1.0.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/dist/cjs/index.d.ts +4 -3
- package/dist/cjs/index.js +4 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.d.ts +4 -3
- package/dist/esm/index.js +4 -3
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/.circleci/config.yml +0 -36
- package/.eslintrc.json +0 -24
- package/.prettierignore +0 -10
- package/.prettierrc +0 -5
- package/.storybook/PCTheme.js +0 -10
- package/.storybook/main.js +0 -13
- package/.storybook/manager.js +0 -17
- package/.storybook/preview-head.html +0 -18
- package/.storybook/preview.js +0 -29
- package/.storybook/public/pc_logo.png +0 -0
- package/dist/cjs/components/Aligment/Aligment.stories.d.ts +0 -7
- package/dist/cjs/components/Aligment/Aligment.stories.js +0 -110
- package/dist/cjs/components/Aligment/Aligment.stories.js.map +0 -1
- package/dist/cjs/components/Button/Button.stories.d.ts +0 -7
- package/dist/cjs/components/Button/Button.stories.js +0 -51
- package/dist/cjs/components/Button/Button.stories.js.map +0 -1
- package/dist/cjs/components/Icons/Icon.stories.d.ts +0 -9
- package/dist/cjs/components/Icons/Icon.stories.js +0 -60
- package/dist/cjs/components/Icons/Icon.stories.js.map +0 -1
- package/dist/cjs/components/InputText/InputText.stories.d.ts +0 -5
- package/dist/cjs/components/InputText/InputText.stories.js +0 -18
- package/dist/cjs/components/InputText/InputText.stories.js.map +0 -1
- package/dist/cjs/components/Modal/Modal.stories.d.ts +0 -8
- package/dist/cjs/components/Modal/Modal.stories.js +0 -83
- package/dist/cjs/components/Modal/Modal.stories.js.map +0 -1
- package/dist/esm/components/Aligment/Aligment.stories.d.ts +0 -7
- package/dist/esm/components/Aligment/Aligment.stories.js +0 -104
- package/dist/esm/components/Aligment/Aligment.stories.js.map +0 -1
- package/dist/esm/components/Button/Button.stories.d.ts +0 -7
- package/dist/esm/components/Button/Button.stories.js +0 -45
- package/dist/esm/components/Button/Button.stories.js.map +0 -1
- package/dist/esm/components/Icons/Icon.stories.d.ts +0 -9
- package/dist/esm/components/Icons/Icon.stories.js +0 -54
- package/dist/esm/components/Icons/Icon.stories.js.map +0 -1
- package/dist/esm/components/InputText/InputText.stories.d.ts +0 -5
- package/dist/esm/components/InputText/InputText.stories.js +0 -12
- package/dist/esm/components/InputText/InputText.stories.js.map +0 -1
- package/dist/esm/components/Modal/Modal.stories.d.ts +0 -8
- package/dist/esm/components/Modal/Modal.stories.js +0 -57
- package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
- package/src/Theme/Theme.ts +0 -47
- package/src/components/Aligment/Aligment.stories.tsx +0 -126
- package/src/components/Aligment/Aligment.styles.ts +0 -23
- package/src/components/Aligment/index.ts +0 -1
- package/src/components/Button/Button.stories.tsx +0 -53
- package/src/components/Button/Button.styles.tsx +0 -76
- package/src/components/Button/Button.tsx +0 -31
- package/src/components/Button/index.ts +0 -1
- package/src/components/Icons/Icon.stories.tsx +0 -62
- package/src/components/Icons/Icon.styles.ts +0 -29
- package/src/components/Icons/Icon.tsx +0 -35
- package/src/components/Icons/Icons.stories.mdx +0 -38
- package/src/components/Icons/IconsPath.ts +0 -13
- package/src/components/Icons/index.ts +0 -1
- package/src/components/InputText/InputText.stories.tsx +0 -18
- package/src/components/InputText/InputText.styles.ts +0 -19
- package/src/components/InputText/InputText.tsx +0 -24
- package/src/components/InputText/index.ts +0 -1
- package/src/components/Modal/Modal.stories.tsx +0 -183
- package/src/components/Modal/Modal.styles.ts +0 -38
- package/src/components/Modal/Modal.tsx +0 -63
- package/src/components/Modal/index.ts +0 -1
- package/src/components/Typography/Typography.stories.mdx +0 -35
- package/src/components/Typography/Typography.styles.tsx +0 -31
- package/src/components/Typography/index.ts +0 -1
- package/src/components/common/commonComponents.tsx +0 -13
- package/src/components/common/index.ts +0 -1
- package/src/example/ExampleComponent.tsx +0 -44
- package/src/example/index.ts +0 -1
- package/src/index.ts +0 -5
- package/tsconfig.json +0 -19
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from "./components/InputText";
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export * from './components/Modal';
|
|
3
|
+
export * from './components/Aligment';
|
|
4
4
|
export * from './components/Typography';
|
|
5
|
-
export
|
|
5
|
+
export * from './components/Button';
|
|
6
|
+
export * from './components/Icons';
|
package/dist/cjs/index.js
CHANGED
|
@@ -14,13 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Button = exports.Aligment = exports.Modal = void 0;
|
|
18
17
|
__exportStar(require("./components/InputText"), exports);
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
var Aligment_1 = require("./components/Aligment");
|
|
22
|
-
Object.defineProperty(exports, "Aligment", { enumerable: true, get: function () { return Aligment_1.Aligment; } });
|
|
18
|
+
__exportStar(require("./components/Modal"), exports);
|
|
19
|
+
__exportStar(require("./components/Aligment"), exports);
|
|
23
20
|
__exportStar(require("./components/Typography"), exports);
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
__exportStar(require("./components/Button"), exports);
|
|
22
|
+
__exportStar(require("./components/Icons"), exports);
|
|
26
23
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC;AACvC,qDAAkC;AAClC,wDAAqC;AACrC,0DAAuC;AACvC,sDAAmC;AACnC,qDAAkC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from "./components/InputText";
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export * from './components/Modal';
|
|
3
|
+
export * from './components/Aligment';
|
|
4
4
|
export * from './components/Typography';
|
|
5
|
-
export
|
|
5
|
+
export * from './components/Button';
|
|
6
|
+
export * from './components/Icons';
|
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from "./components/InputText";
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export * from './components/Modal';
|
|
3
|
+
export * from './components/Aligment';
|
|
4
4
|
export * from './components/Typography';
|
|
5
|
-
export
|
|
5
|
+
export * from './components/Button';
|
|
6
|
+
export * from './components/Icons';
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA"}
|
package/package.json
CHANGED
package/.circleci/config.yml
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
version: 2
|
|
2
|
-
jobs:
|
|
3
|
-
build-and-deploy:
|
|
4
|
-
name: Build bundle
|
|
5
|
-
docker:
|
|
6
|
-
- image: "circleci/node:latest"
|
|
7
|
-
steps:
|
|
8
|
-
- checkout
|
|
9
|
-
- run: "npm run clean"
|
|
10
|
-
- run: "npm install"
|
|
11
|
-
- run: "npm run build"
|
|
12
|
-
- run:
|
|
13
|
-
name: Authenticate with registry
|
|
14
|
-
command: npm set //registry.npmjs.org/:_authToken=$NPM_TOKEN
|
|
15
|
-
- run:
|
|
16
|
-
name: Publish to NPM
|
|
17
|
-
command: "npm publish"
|
|
18
|
-
- run: "echo \"WE'RE ONLINE\""
|
|
19
|
-
|
|
20
|
-
workflows:
|
|
21
|
-
version: 2
|
|
22
|
-
deploy:
|
|
23
|
-
jobs:
|
|
24
|
-
- build-and-deploy:
|
|
25
|
-
filters:
|
|
26
|
-
branches:
|
|
27
|
-
only:
|
|
28
|
-
- main
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
package/.eslintrc.json
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"parser": "@typescript-eslint/parser",
|
|
3
|
-
"extends": [
|
|
4
|
-
"plugin:@typescript-eslint/recommended",
|
|
5
|
-
"plugin:storybook/recommended",
|
|
6
|
-
"eslint:recommended",
|
|
7
|
-
"plugin:react/recommended",
|
|
8
|
-
"plugin:react/jsx-runtime",
|
|
9
|
-
"plugin:prettier/recommended"
|
|
10
|
-
],
|
|
11
|
-
"parserOptions": {
|
|
12
|
-
"ecmaVersion": 2018,
|
|
13
|
-
"sourceType": "module",
|
|
14
|
-
"ecmaFeatures": {
|
|
15
|
-
"jsx": true
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
"plugins": ["@typescript-eslint", "react", "prettier"],
|
|
19
|
-
"rules": {
|
|
20
|
-
"@typescript-eslint/rule-name": "error",
|
|
21
|
-
"react/jsx-uses-react": "error",
|
|
22
|
-
"react/jsx-uses-vars": "error"
|
|
23
|
-
}
|
|
24
|
-
}
|
package/.prettierignore
DELETED
package/.prettierrc
DELETED
package/.storybook/PCTheme.js
DELETED
package/.storybook/main.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
"stories": [
|
|
3
|
-
"../src/**/*.stories.mdx",
|
|
4
|
-
"../src/**/*.stories.@(js|jsx|ts|tsx)"
|
|
5
|
-
],
|
|
6
|
-
"addons": [
|
|
7
|
-
"@storybook/addon-links",
|
|
8
|
-
"@storybook/addon-essentials",
|
|
9
|
-
"@storybook/addon-interactions",
|
|
10
|
-
'@storybook/addon-a11y'
|
|
11
|
-
],
|
|
12
|
-
"framework": "@storybook/react",
|
|
13
|
-
}
|
package/.storybook/manager.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { addons } from '@storybook/addons';
|
|
2
|
-
import pixelcornTheme from './PCTheme';
|
|
3
|
-
|
|
4
|
-
addons.setConfig({
|
|
5
|
-
theme: pixelcornTheme,
|
|
6
|
-
showNav: true,
|
|
7
|
-
showPanel: true,
|
|
8
|
-
panelPosition: 'bottom',
|
|
9
|
-
showToolbar: true,
|
|
10
|
-
toolbar: {
|
|
11
|
-
title:{hidden: false},
|
|
12
|
-
zoom: {hidden: false},
|
|
13
|
-
eject: {hidden: false},
|
|
14
|
-
copy: {hidden: false},
|
|
15
|
-
fullscreen: {hidden: false}
|
|
16
|
-
}
|
|
17
|
-
});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
|
|
3
|
-
|
|
4
|
-
body, html, .sbdocs-wrapper{
|
|
5
|
-
margin:0!important;
|
|
6
|
-
padding:0!important;
|
|
7
|
-
font-family: 'Lato', sans-serif;
|
|
8
|
-
background-color:#eeeeee;
|
|
9
|
-
}
|
|
10
|
-
.sbdocs-wrapper div:first-child{
|
|
11
|
-
max-width:none;
|
|
12
|
-
}
|
|
13
|
-
#docs-root{
|
|
14
|
-
font-family: 'Lato', sans-serif;
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
</style>
|
package/.storybook/preview.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { addDecorator } from "@storybook/react";
|
|
2
|
-
|
|
3
|
-
export const parameters = {
|
|
4
|
-
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
5
|
-
controls: {
|
|
6
|
-
matchers: {
|
|
7
|
-
color: /(background|color)$/i,
|
|
8
|
-
date: /Date$/,
|
|
9
|
-
},
|
|
10
|
-
},
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export const decorators = [
|
|
14
|
-
(Story) => (
|
|
15
|
-
<div
|
|
16
|
-
style={{
|
|
17
|
-
|
|
18
|
-
width:'100%',
|
|
19
|
-
padding:"0",
|
|
20
|
-
margin:'0',
|
|
21
|
-
minHeight: 250
|
|
22
|
-
}}
|
|
23
|
-
>
|
|
24
|
-
<Story />
|
|
25
|
-
</div>
|
|
26
|
-
),
|
|
27
|
-
];
|
|
28
|
-
|
|
29
|
-
|
|
Binary file
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
declare const _default: ComponentMeta<import("styled-components").StyledComponent<"div", any, import("./Aligment.styles").IAligmentProps, never>>;
|
|
3
|
-
export default _default;
|
|
4
|
-
export declare const Default: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Aligment.styles").IAligmentProps, never>>;
|
|
5
|
-
export declare const Column: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Aligment.styles").IAligmentProps, never>>;
|
|
6
|
-
export declare const WithColor: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Aligment.styles").IAligmentProps, never>>;
|
|
7
|
-
export declare const WithPadding: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Aligment.styles").IAligmentProps, never>>;
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.WithPadding = exports.WithColor = exports.Column = exports.Default = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Aligment_styles_1 = require("./Aligment.styles");
|
|
9
|
-
const example_1 = require("../../example");
|
|
10
|
-
const Theme_1 = require("../../Theme/Theme");
|
|
11
|
-
exports.default = {
|
|
12
|
-
title: 'Layout/Aligment',
|
|
13
|
-
component: Aligment_styles_1.Aligment,
|
|
14
|
-
argTypes: {
|
|
15
|
-
width: { control: 'text', defaultValue: '100%', default: '100%' },
|
|
16
|
-
direction: {
|
|
17
|
-
options: ['row', 'row-reverse', 'column', 'column-reverse'],
|
|
18
|
-
control: 'select',
|
|
19
|
-
},
|
|
20
|
-
align: {
|
|
21
|
-
options: [
|
|
22
|
-
'stretch',
|
|
23
|
-
'flex-start',
|
|
24
|
-
'flex-end',
|
|
25
|
-
'center',
|
|
26
|
-
'baseline',
|
|
27
|
-
'first baseline',
|
|
28
|
-
'last baseline',
|
|
29
|
-
'start',
|
|
30
|
-
'end',
|
|
31
|
-
'self-start',
|
|
32
|
-
'self-end',
|
|
33
|
-
],
|
|
34
|
-
control: 'select',
|
|
35
|
-
},
|
|
36
|
-
justify: {
|
|
37
|
-
options: [
|
|
38
|
-
'flex-start',
|
|
39
|
-
'flex-end',
|
|
40
|
-
'center',
|
|
41
|
-
'space-between',
|
|
42
|
-
'space-around',
|
|
43
|
-
'space-evenly',
|
|
44
|
-
'start',
|
|
45
|
-
'end',
|
|
46
|
-
'left',
|
|
47
|
-
],
|
|
48
|
-
control: 'select',
|
|
49
|
-
},
|
|
50
|
-
wrap: {
|
|
51
|
-
options: ['wrap', 'nowrap', 'wrap-reverse'],
|
|
52
|
-
control: 'select',
|
|
53
|
-
},
|
|
54
|
-
backgroundColor: {
|
|
55
|
-
control: { type: 'color' },
|
|
56
|
-
},
|
|
57
|
-
vPadding: { control: 'text' },
|
|
58
|
-
hPadding: { control: 'text' },
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
const Template = (args) => (react_1.default.createElement(Aligment_styles_1.Aligment, Object.assign({}, args),
|
|
62
|
-
react_1.default.createElement(example_1.ExmpleBlockWrapper, null,
|
|
63
|
-
react_1.default.createElement(example_1.ExmpleBlock, { width: "20px", height: "40px" }, "1")),
|
|
64
|
-
react_1.default.createElement(example_1.ExmpleBlockWrapper, null,
|
|
65
|
-
react_1.default.createElement(example_1.ExmpleBlock, { width: "60px", height: "30px" }, "2")),
|
|
66
|
-
react_1.default.createElement(example_1.ExmpleBlockWrapper, null,
|
|
67
|
-
react_1.default.createElement(example_1.ExmpleBlock, { width: "30px", height: "60px" }, "3")),
|
|
68
|
-
react_1.default.createElement(example_1.ExmpleBlockWrapper, null,
|
|
69
|
-
react_1.default.createElement(example_1.ExmpleBlock, { width: "40px", height: "40px" }, "4"))));
|
|
70
|
-
exports.Default = Template.bind({});
|
|
71
|
-
exports.Default.args = {
|
|
72
|
-
direction: 'row',
|
|
73
|
-
align: 'center',
|
|
74
|
-
justify: 'space-between',
|
|
75
|
-
wrap: 'wrap',
|
|
76
|
-
backgroundColor: 'transparent',
|
|
77
|
-
vPadding: '0px',
|
|
78
|
-
hPadding: '0px',
|
|
79
|
-
};
|
|
80
|
-
exports.Column = Template.bind({});
|
|
81
|
-
exports.Column.args = {
|
|
82
|
-
direction: 'column',
|
|
83
|
-
align: 'center',
|
|
84
|
-
justify: 'space-between',
|
|
85
|
-
wrap: 'wrap',
|
|
86
|
-
backgroundColor: 'transparent',
|
|
87
|
-
vPadding: '0px',
|
|
88
|
-
hPadding: '0px',
|
|
89
|
-
};
|
|
90
|
-
exports.WithColor = Template.bind({});
|
|
91
|
-
exports.WithColor.args = {
|
|
92
|
-
direction: 'row',
|
|
93
|
-
align: 'center',
|
|
94
|
-
justify: 'space-between',
|
|
95
|
-
wrap: 'wrap',
|
|
96
|
-
backgroundColor: Theme_1.Theme.colors.primary,
|
|
97
|
-
vPadding: '0px',
|
|
98
|
-
hPadding: '0px',
|
|
99
|
-
};
|
|
100
|
-
exports.WithPadding = Template.bind({});
|
|
101
|
-
exports.WithPadding.args = {
|
|
102
|
-
direction: 'row',
|
|
103
|
-
align: 'center',
|
|
104
|
-
justify: 'space-between',
|
|
105
|
-
wrap: 'wrap',
|
|
106
|
-
backgroundColor: Theme_1.Theme.colors.primary,
|
|
107
|
-
vPadding: Theme_1.Theme.padding.xl,
|
|
108
|
-
hPadding: Theme_1.Theme.padding.xl,
|
|
109
|
-
};
|
|
110
|
-
//# sourceMappingURL=Aligment.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Aligment.stories.js","sourceRoot":"","sources":["../../../../src/components/Aligment/Aligment.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<React.FC<import("./Button").IButtonProps>>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<React.FC<import("./Button").IButtonProps>>;
|
|
6
|
-
export declare const Inverse: ComponentStory<React.FC<import("./Button").IButtonProps>>;
|
|
7
|
-
export declare const Ghost: ComponentStory<React.FC<import("./Button").IButtonProps>>;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Ghost = exports.Inverse = exports.Default = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Button_1 = require("./Button");
|
|
9
|
-
exports.default = {
|
|
10
|
-
title: 'Elements/Button',
|
|
11
|
-
component: Button_1.Button,
|
|
12
|
-
argTypes: {
|
|
13
|
-
text: { control: 'text' },
|
|
14
|
-
mode: {
|
|
15
|
-
options: ['primary', 'inverse', 'ghost'],
|
|
16
|
-
control: 'select',
|
|
17
|
-
},
|
|
18
|
-
size: {
|
|
19
|
-
options: ['regular', 'small', 'flat'],
|
|
20
|
-
control: 'select',
|
|
21
|
-
},
|
|
22
|
-
right: { control: 'boolean' },
|
|
23
|
-
left: { control: 'boolean' },
|
|
24
|
-
},
|
|
25
|
-
args: {
|
|
26
|
-
text: 'Click me',
|
|
27
|
-
},
|
|
28
|
-
};
|
|
29
|
-
const Template = (args) => react_1.default.createElement(Button_1.Button, Object.assign({}, args));
|
|
30
|
-
exports.Default = Template.bind({});
|
|
31
|
-
exports.Default.args = {
|
|
32
|
-
size: 'regular',
|
|
33
|
-
mode: 'primary',
|
|
34
|
-
left: false,
|
|
35
|
-
right: false,
|
|
36
|
-
};
|
|
37
|
-
exports.Inverse = Template.bind({});
|
|
38
|
-
exports.Inverse.args = {
|
|
39
|
-
size: 'regular',
|
|
40
|
-
mode: 'inverse',
|
|
41
|
-
left: false,
|
|
42
|
-
right: false,
|
|
43
|
-
};
|
|
44
|
-
exports.Ghost = Template.bind({});
|
|
45
|
-
exports.Ghost.args = {
|
|
46
|
-
size: 'regular',
|
|
47
|
-
mode: 'ghost',
|
|
48
|
-
left: false,
|
|
49
|
-
right: false,
|
|
50
|
-
};
|
|
51
|
-
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAGzB,qCAAiC;AAEjC,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,eAAM;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACzB,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;YACxC,OAAO,EAAE,QAAQ;SAClB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;YACrC,OAAO,EAAE,QAAQ;SAClB;QACD,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAG7B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;KACjB;CAC8B,CAAA;AAEjC,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,eAAM,oBAAK,IAAI,EAAG,CAAA;AAEhE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,KAAK;CACb,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,KAAK;CACb,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,KAAK;CACb,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<React.FC<import("./Icon").IIconActionProps>>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<React.FC<import("./Icon").IIconActionProps>>;
|
|
6
|
-
export declare const Size: ComponentStory<React.FC<import("./Icon").IIconActionProps>>;
|
|
7
|
-
export declare const Color: ComponentStory<React.FC<import("./Icon").IIconActionProps>>;
|
|
8
|
-
export declare const ActionDefault: ComponentStory<React.FC<import("./Icon").IIconActionProps>>;
|
|
9
|
-
export declare const ActionColor: ComponentStory<React.FC<import("./Icon").IIconActionProps>>;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ActionColor = exports.ActionDefault = exports.Color = exports.Size = exports.Default = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Icon_1 = require("./Icon");
|
|
9
|
-
const Theme_1 = require("../../Theme/Theme");
|
|
10
|
-
const Aligment_1 = require("../Aligment");
|
|
11
|
-
exports.default = {
|
|
12
|
-
title: 'Elements/Icon',
|
|
13
|
-
component: Icon_1.Icon,
|
|
14
|
-
argTypes: {
|
|
15
|
-
name: {
|
|
16
|
-
options: ['person', 'menu', 'remove', 'add', 'close'],
|
|
17
|
-
control: 'select',
|
|
18
|
-
},
|
|
19
|
-
size: { control: 'number' },
|
|
20
|
-
color: { control: { type: 'color' } },
|
|
21
|
-
bgColor: { control: 'boolean' },
|
|
22
|
-
},
|
|
23
|
-
args: {
|
|
24
|
-
onClick: undefined
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const Template = (args) => (react_1.default.createElement(Icon_1.Icon, Object.assign({}, args)));
|
|
28
|
-
exports.Default = Template.bind({});
|
|
29
|
-
exports.Default.args = {
|
|
30
|
-
name: 'person',
|
|
31
|
-
size: 48
|
|
32
|
-
};
|
|
33
|
-
exports.Size = Template.bind({});
|
|
34
|
-
exports.Size.args = {
|
|
35
|
-
name: 'person',
|
|
36
|
-
size: 24
|
|
37
|
-
};
|
|
38
|
-
exports.Color = Template.bind({});
|
|
39
|
-
exports.Color.args = {
|
|
40
|
-
name: 'person',
|
|
41
|
-
size: 48,
|
|
42
|
-
color: Theme_1.Theme.colors.primary
|
|
43
|
-
};
|
|
44
|
-
exports.ActionDefault = Template.bind({});
|
|
45
|
-
exports.ActionDefault.args = {
|
|
46
|
-
name: 'person',
|
|
47
|
-
size: 48,
|
|
48
|
-
onClick: () => console.log('click')
|
|
49
|
-
};
|
|
50
|
-
const DarkTemplate = (args) => (react_1.default.createElement(Aligment_1.Aligment, { backgroundColor: Theme_1.Theme.colors.black },
|
|
51
|
-
react_1.default.createElement(Icon_1.Icon, Object.assign({}, args))));
|
|
52
|
-
exports.ActionColor = DarkTemplate.bind({});
|
|
53
|
-
exports.ActionColor.args = {
|
|
54
|
-
name: 'person',
|
|
55
|
-
size: 48,
|
|
56
|
-
bgColor: true,
|
|
57
|
-
color: Theme_1.Theme.colors.white,
|
|
58
|
-
onClick: () => console.log('click')
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=Icon.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAGzB,iCAA6B;AAC7B,6CAAyC;AACzC,0CAAsC;AAEtC,kBAAe;IACb,KAAK,EAAE,eAAe;IAEtB,SAAS,EAAE,WAAI;IACf,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC;YACrD,OAAO,EAAE,QAAQ;SAClB;QACD,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;QACrC,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;KACnB;CAC4B,CAAA;AAE/B,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtD,8BAAC,WAAI,oBAAK,IAAI,EAAG,CAClB,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAE;IACZ,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,EAAE;CACT,CAAA;AACY,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrC,YAAI,CAAC,IAAI,GAAE;IACT,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,EAAE;CACT,CAAA;AACY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAE;IACV,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,aAAK,CAAC,MAAM,CAAC,OAAO;CAC5B,CAAA;AACY,QAAA,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9C,qBAAa,CAAC,IAAI,GAAE;IAClB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,GAAE,EAAE,CAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;CAClC,CAAA;AACD,MAAM,YAAY,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1D,8BAAC,mBAAQ,IAAC,eAAe,EAAE,aAAK,CAAC,MAAM,CAAC,KAAK;IAAE,8BAAC,WAAI,oBAAK,IAAI,EAAG,CAAW,CAC5E,CAAA;AACY,QAAA,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAChD,mBAAW,CAAC,IAAI,GAAE;IAChB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,IAAI;IACb,KAAK,EAAC,aAAK,CAAC,MAAM,CAAC,KAAK;IACxB,OAAO,EAAE,GAAE,EAAE,CAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;CAClC,CAAA"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<React.FC<import("./InputText").IInputTextProps>>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Primary: ComponentStory<React.FC<import("./InputText").IInputTextProps>>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Primary = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const InputText_1 = require("./InputText");
|
|
9
|
-
exports.default = {
|
|
10
|
-
title: "Form/InputText",
|
|
11
|
-
component: InputText_1.InputText,
|
|
12
|
-
args: {
|
|
13
|
-
type: "text",
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
const Template = (args) => (react_1.default.createElement(InputText_1.InputText, Object.assign({}, args)));
|
|
17
|
-
exports.Primary = Template.bind({});
|
|
18
|
-
//# sourceMappingURL=InputText.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.stories.js","sourceRoot":"","sources":["../../../../src/components/InputText/InputText.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,2CAAwC;AAExC,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,qBAAS;IACpB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;KACb;CACiC,CAAC;AAErC,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3D,8BAAC,qBAAS,oBAAK,IAAI,EAAI,CACxB,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<React.FC<import("./Modal").IModalProps>>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<React.FC<import("./Modal").IModalProps>>;
|
|
6
|
-
export declare const Size: ComponentStory<React.FC<import("./Modal").IModalProps>>;
|
|
7
|
-
export declare const OneAction: ComponentStory<React.FC<import("./Modal").IModalProps>>;
|
|
8
|
-
export declare const LongText: ComponentStory<React.FC<import("./Modal").IModalProps>>;
|