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.
Files changed (78) hide show
  1. package/dist/cjs/index.d.ts +4 -3
  2. package/dist/cjs/index.js +4 -7
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/esm/index.d.ts +4 -3
  5. package/dist/esm/index.js +4 -3
  6. package/dist/esm/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/.circleci/config.yml +0 -36
  9. package/.eslintrc.json +0 -24
  10. package/.prettierignore +0 -10
  11. package/.prettierrc +0 -5
  12. package/.storybook/PCTheme.js +0 -10
  13. package/.storybook/main.js +0 -13
  14. package/.storybook/manager.js +0 -17
  15. package/.storybook/preview-head.html +0 -18
  16. package/.storybook/preview.js +0 -29
  17. package/.storybook/public/pc_logo.png +0 -0
  18. package/dist/cjs/components/Aligment/Aligment.stories.d.ts +0 -7
  19. package/dist/cjs/components/Aligment/Aligment.stories.js +0 -110
  20. package/dist/cjs/components/Aligment/Aligment.stories.js.map +0 -1
  21. package/dist/cjs/components/Button/Button.stories.d.ts +0 -7
  22. package/dist/cjs/components/Button/Button.stories.js +0 -51
  23. package/dist/cjs/components/Button/Button.stories.js.map +0 -1
  24. package/dist/cjs/components/Icons/Icon.stories.d.ts +0 -9
  25. package/dist/cjs/components/Icons/Icon.stories.js +0 -60
  26. package/dist/cjs/components/Icons/Icon.stories.js.map +0 -1
  27. package/dist/cjs/components/InputText/InputText.stories.d.ts +0 -5
  28. package/dist/cjs/components/InputText/InputText.stories.js +0 -18
  29. package/dist/cjs/components/InputText/InputText.stories.js.map +0 -1
  30. package/dist/cjs/components/Modal/Modal.stories.d.ts +0 -8
  31. package/dist/cjs/components/Modal/Modal.stories.js +0 -83
  32. package/dist/cjs/components/Modal/Modal.stories.js.map +0 -1
  33. package/dist/esm/components/Aligment/Aligment.stories.d.ts +0 -7
  34. package/dist/esm/components/Aligment/Aligment.stories.js +0 -104
  35. package/dist/esm/components/Aligment/Aligment.stories.js.map +0 -1
  36. package/dist/esm/components/Button/Button.stories.d.ts +0 -7
  37. package/dist/esm/components/Button/Button.stories.js +0 -45
  38. package/dist/esm/components/Button/Button.stories.js.map +0 -1
  39. package/dist/esm/components/Icons/Icon.stories.d.ts +0 -9
  40. package/dist/esm/components/Icons/Icon.stories.js +0 -54
  41. package/dist/esm/components/Icons/Icon.stories.js.map +0 -1
  42. package/dist/esm/components/InputText/InputText.stories.d.ts +0 -5
  43. package/dist/esm/components/InputText/InputText.stories.js +0 -12
  44. package/dist/esm/components/InputText/InputText.stories.js.map +0 -1
  45. package/dist/esm/components/Modal/Modal.stories.d.ts +0 -8
  46. package/dist/esm/components/Modal/Modal.stories.js +0 -57
  47. package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
  48. package/src/Theme/Theme.ts +0 -47
  49. package/src/components/Aligment/Aligment.stories.tsx +0 -126
  50. package/src/components/Aligment/Aligment.styles.ts +0 -23
  51. package/src/components/Aligment/index.ts +0 -1
  52. package/src/components/Button/Button.stories.tsx +0 -53
  53. package/src/components/Button/Button.styles.tsx +0 -76
  54. package/src/components/Button/Button.tsx +0 -31
  55. package/src/components/Button/index.ts +0 -1
  56. package/src/components/Icons/Icon.stories.tsx +0 -62
  57. package/src/components/Icons/Icon.styles.ts +0 -29
  58. package/src/components/Icons/Icon.tsx +0 -35
  59. package/src/components/Icons/Icons.stories.mdx +0 -38
  60. package/src/components/Icons/IconsPath.ts +0 -13
  61. package/src/components/Icons/index.ts +0 -1
  62. package/src/components/InputText/InputText.stories.tsx +0 -18
  63. package/src/components/InputText/InputText.styles.ts +0 -19
  64. package/src/components/InputText/InputText.tsx +0 -24
  65. package/src/components/InputText/index.ts +0 -1
  66. package/src/components/Modal/Modal.stories.tsx +0 -183
  67. package/src/components/Modal/Modal.styles.ts +0 -38
  68. package/src/components/Modal/Modal.tsx +0 -63
  69. package/src/components/Modal/index.ts +0 -1
  70. package/src/components/Typography/Typography.stories.mdx +0 -35
  71. package/src/components/Typography/Typography.styles.tsx +0 -31
  72. package/src/components/Typography/index.ts +0 -1
  73. package/src/components/common/commonComponents.tsx +0 -13
  74. package/src/components/common/index.ts +0 -1
  75. package/src/example/ExampleComponent.tsx +0 -44
  76. package/src/example/index.ts +0 -1
  77. package/src/index.ts +0 -5
  78. package/tsconfig.json +0 -19
@@ -1,5 +1,6 @@
1
1
  export * from "./components/InputText";
2
- export { Modal } from './components/Modal';
3
- export { Aligment } from './components/Aligment';
2
+ export * from './components/Modal';
3
+ export * from './components/Aligment';
4
4
  export * from './components/Typography';
5
- export { Button } from './components/Button';
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
- var Modal_1 = require("./components/Modal");
20
- Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
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
- var Button_1 = require("./components/Button");
25
- Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
21
+ __exportStar(require("./components/Button"), exports);
22
+ __exportStar(require("./components/Icons"), exports);
26
23
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yDAAuC;AACvC,4CAAwC;AAAhC,8FAAA,KAAK,OAAA;AACb,kDAA8C;AAAtC,oGAAA,QAAQ,OAAA;AAChB,0DAAuC;AACvC,8CAA0C;AAAlC,gGAAA,MAAM,OAAA"}
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"}
@@ -1,5 +1,6 @@
1
1
  export * from "./components/InputText";
2
- export { Modal } from './components/Modal';
3
- export { Aligment } from './components/Aligment';
2
+ export * from './components/Modal';
3
+ export * from './components/Aligment';
4
4
  export * from './components/Typography';
5
- export { Button } from './components/Button';
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 { Modal } from './components/Modal';
3
- export { Aligment } from './components/Aligment';
2
+ export * from './components/Modal';
3
+ export * from './components/Aligment';
4
4
  export * from './components/Typography';
5
- export { Button } from './components/Button';
5
+ export * from './components/Button';
6
+ export * from './components/Icons';
6
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAC9C,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA"}
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "venice-ui",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -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
@@ -1,10 +0,0 @@
1
- _src/**
2
- .storybook
3
- *.DS_Store
4
- tsconfig.json
5
- *.snap
6
- *.mdx
7
- *.svg
8
- *.hbs
9
- *.mdx
10
- *.jpg
package/.prettierrc DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "semi": false,
3
- "singleQuote": true,
4
- "trailingComma": "all"
5
- }
@@ -1,10 +0,0 @@
1
- import { create } from '@storybook/theming';
2
- import logoUrl from "./public/pc_logo.png"
3
-
4
- export default create({
5
- base: 'light',
6
- brandTitle: 'PixelCorn',
7
- brandUrl: 'https://pixelcorn.pl',
8
- brandImage: logoUrl,
9
- brandTarget: '_self',
10
- });
@@ -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
- }
@@ -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>
@@ -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>>;