@app-studio/web 0.1.2 → 0.1.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/dist/components/Button/examples/index.d.ts +9 -9
- package/dist/components/Form/Checkbox/examples/index.d.ts +11 -11
- package/dist/components/Form/CountryPicker/examples/index.d.ts +12 -12
- package/dist/components/Form/DatePicker/examples/index.d.ts +11 -11
- package/dist/components/Form/Password/Password/Password.props.d.ts +1 -1
- package/dist/components/Form/TextArea/examples/index.d.ts +15 -15
- package/dist/components/Form/TextField/examples/index.d.ts +17 -17
- package/dist/components/Layout/Horizontal/examples/index.d.ts +4 -4
- package/dist/components/Layout/Input/FieldContainer/FieldContainer/FieldContainer.props.d.ts +1 -1
- package/dist/components/Layout/Input/FieldContent/FieldContent/FieldContent.props.d.ts +1 -1
- package/dist/components/Layout/Input/FieldLabel/FieldLabel/FieldLabel.props.d.ts +1 -1
- package/dist/components/Layout/Input/FieldLayout/FieldLayout/FieldLayout.props.d.ts +1 -1
- package/dist/components/Layout/Input/HelperText/HelperText.props.d.ts +1 -1
- package/dist/components/Layout/Input/index.d.ts +7 -7
- package/dist/components/Loader/examples/index.d.ts +7 -7
- package/dist/components/Modal/Examples/index.d.ts +9 -9
- package/dist/components/index.d.ts +18 -18
- package/dist/web.cjs.development.js +155 -21
- package/dist/web.cjs.development.js.map +1 -1
- package/dist/web.cjs.production.min.js +1 -1
- package/dist/web.cjs.production.min.js.map +1 -1
- package/dist/web.esm.js +17 -22
- package/dist/web.esm.js.map +1 -1
- package/package.json +5 -4
- package/src/components/Form/Checkbox/Checkbox/Checkbox.view.tsx +1 -1
- package/src/components/Form/Switch/Switch/Switch.view.tsx +1 -1
- package/src/components/Layout/Horizontal/Horizontal.md +1 -1
- package/src/components/Layout/Input/FieldContent/FieldContent.tsx +1 -1
- package/src/components/Layout/Vertical/Vertical.md +1 -1
- package/src/components/Layout/Vertical/examples/Justify.tsx +1 -1
- package/dist/App.d.ts +0 -3
- package/dist/components/Wrapper.d.ts +0 -6
- package/dist/index.d.ts +0 -1
- package/src/components/Wrapper.tsx +0 -19
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
4
|
-
export * from '
|
|
5
|
-
export * from '
|
|
6
|
-
export * from '
|
|
7
|
-
export * from '
|
|
8
|
-
export * from '
|
|
9
|
-
export * from '
|
|
1
|
+
export * from '../../../components/Button/examples/BorderedButtons';
|
|
2
|
+
export * from '../../../components/Button/examples/ColoredButtons';
|
|
3
|
+
export * from '../../../components/Button/examples/DefaultButton';
|
|
4
|
+
export * from '../../../components/Button/examples/DisabledButton';
|
|
5
|
+
export * from '../../../components/Button/examples/IconButtons';
|
|
6
|
+
export * from '../../../components/Button/examples/LoadingButtons';
|
|
7
|
+
export * from '../../../components/Button/examples/ShadowButton';
|
|
8
|
+
export * from '../../../components/Button/examples/SizeButtons';
|
|
9
|
+
export * from '../../../components/Button/examples/VariantButtons';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
4
|
-
export * from '
|
|
5
|
-
export * from '
|
|
6
|
-
export * from '
|
|
7
|
-
export * from '
|
|
8
|
-
export * from '
|
|
9
|
-
export * from '
|
|
10
|
-
export * from '
|
|
11
|
-
export * from '
|
|
1
|
+
export * from '../../../../components/Form/Checkbox/examples/ColorScheme';
|
|
2
|
+
export * from '../../../../components/Form/Checkbox/examples/Default';
|
|
3
|
+
export * from '../../../../components/Form/Checkbox/examples/DisabledInput';
|
|
4
|
+
export * from '../../../../components/Form/Checkbox/examples/ErrorCheckbox';
|
|
5
|
+
export * from '../../../../components/Form/Checkbox/examples/FormCheckout';
|
|
6
|
+
export * from '../../../../components/Form/Checkbox/examples/IconCheckbox';
|
|
7
|
+
export * from '../../../../components/Form/Checkbox/examples/IndeterminateCheckbox';
|
|
8
|
+
export * from '../../../../components/Form/Checkbox/examples/ReadOnlyInput';
|
|
9
|
+
export * from '../../../../components/Form/Checkbox/examples/Shadow';
|
|
10
|
+
export * from '../../../../components/Form/Checkbox/examples/SizeInput';
|
|
11
|
+
export * from '../../../../components/Form/Checkbox/examples/StylesInput';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
4
|
-
export * from '
|
|
5
|
-
export * from '
|
|
6
|
-
export * from '
|
|
7
|
-
export * from '
|
|
8
|
-
export * from '
|
|
9
|
-
export * from '
|
|
10
|
-
export * from '
|
|
11
|
-
export * from '
|
|
12
|
-
export * from '
|
|
1
|
+
export * from '../../../../components/Form/CountryPicker/examples/Color';
|
|
2
|
+
export * from '../../../../components/Form/CountryPicker/examples/Default';
|
|
3
|
+
export * from '../../../../components/Form/CountryPicker/examples/Disabled';
|
|
4
|
+
export * from '../../../../components/Form/CountryPicker/examples/Error';
|
|
5
|
+
export * from '../../../../components/Form/CountryPicker/examples/Form';
|
|
6
|
+
export * from '../../../../components/Form/CountryPicker/examples/HelperText';
|
|
7
|
+
export * from '../../../../components/Form/CountryPicker/examples/ReadOnlyInput';
|
|
8
|
+
export * from '../../../../components/Form/CountryPicker/examples/Shadow';
|
|
9
|
+
export * from '../../../../components/Form/CountryPicker/examples/Shape';
|
|
10
|
+
export * from '../../../../components/Form/CountryPicker/examples/SizeInput';
|
|
11
|
+
export * from '../../../../components/Form/CountryPicker/examples/StylesInput';
|
|
12
|
+
export * from '../../../../components/Form/CountryPicker/examples/Variant';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
4
|
-
export * from '
|
|
5
|
-
export * from '
|
|
6
|
-
export * from '
|
|
7
|
-
export * from '
|
|
8
|
-
export * from '
|
|
9
|
-
export * from '
|
|
10
|
-
export * from '
|
|
11
|
-
export * from '
|
|
1
|
+
export * from '../../../../components/Form/DatePicker/examples/ColorScheme';
|
|
2
|
+
export * from '../../../../components/Form/DatePicker/examples/Default';
|
|
3
|
+
export * from '../../../../components/Form/DatePicker/examples/DisabledInput';
|
|
4
|
+
export * from '../../../../components/Form/DatePicker/examples/ErrorCheckbox';
|
|
5
|
+
export * from '../../../../components/Form/DatePicker/examples/FormCheckout';
|
|
6
|
+
export * from '../../../../components/Form/DatePicker/examples/Formik';
|
|
7
|
+
export * from '../../../../components/Form/DatePicker/examples/helperTextDatePicker';
|
|
8
|
+
export * from '../../../../components/Form/DatePicker/examples/ReadOnlyInput';
|
|
9
|
+
export * from '../../../../components/Form/DatePicker/examples/Shadow';
|
|
10
|
+
export * from '../../../../components/Form/DatePicker/examples/SizeInput';
|
|
11
|
+
export * from '../../../../components/Form/DatePicker/examples/StylesInput';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TextFieldProps } from '
|
|
2
|
+
import { TextFieldProps } from '../../../../components/Form/TextField/TextField/TextField.props';
|
|
3
3
|
export interface PasswordProps extends TextFieldProps {
|
|
4
4
|
/**
|
|
5
5
|
* The name of the input field
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export { ColorArea } from '
|
|
2
|
-
export { DefaultArea } from '
|
|
3
|
-
export { DisabledArea } from '
|
|
4
|
-
export { ErrorArea } from '
|
|
5
|
-
export { FormikErrorArea } from '
|
|
6
|
-
export { FormikHelperTextArea } from '
|
|
7
|
-
export { HelperTextArea } from '
|
|
8
|
-
export { LabelArea } from '
|
|
9
|
-
export { MaxArea } from '
|
|
10
|
-
export { PlaceholderArea } from '
|
|
11
|
-
export { ReadOnlyArea } from '
|
|
12
|
-
export { ShapesArea } from '
|
|
13
|
-
export { SizeArea } from '
|
|
14
|
-
export { StyledArea } from '
|
|
15
|
-
export { VariantsArea } from '
|
|
1
|
+
export { ColorArea } from '../../../../components/Form/TextArea/examples/ColorScheme';
|
|
2
|
+
export { DefaultArea } from '../../../../components/Form/TextArea/examples/Default';
|
|
3
|
+
export { DisabledArea } from '../../../../components/Form/TextArea/examples/DisabledInput';
|
|
4
|
+
export { ErrorArea } from '../../../../components/Form/TextArea/examples/ErrorInput';
|
|
5
|
+
export { FormikErrorArea } from '../../../../components/Form/TextArea/examples/FormikErrorInput';
|
|
6
|
+
export { FormikHelperTextArea } from '../../../../components/Form/TextArea/examples/FormikHelperText';
|
|
7
|
+
export { HelperTextArea } from '../../../../components/Form/TextArea/examples/HelperText';
|
|
8
|
+
export { LabelArea } from '../../../../components/Form/TextArea/examples/LabelInput';
|
|
9
|
+
export { MaxArea } from '../../../../components/Form/TextArea/examples/MaxRowCol';
|
|
10
|
+
export { PlaceholderArea } from '../../../../components/Form/TextArea/examples/Placeholder';
|
|
11
|
+
export { ReadOnlyArea } from '../../../../components/Form/TextArea/examples/ReadOnlyInput';
|
|
12
|
+
export { ShapesArea } from '../../../../components/Form/TextArea/examples/ShapeInput';
|
|
13
|
+
export { SizeArea } from '../../../../components/Form/TextArea/examples/SizeInput';
|
|
14
|
+
export { StyledArea } from '../../../../components/Form/TextArea/examples/StylesInput';
|
|
15
|
+
export { VariantsArea } from '../../../../components/Form/TextArea/examples/VariantsInputs';
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
4
|
-
export * from '
|
|
5
|
-
export * from '
|
|
6
|
-
export * from '
|
|
7
|
-
export * from '
|
|
8
|
-
export * from '
|
|
9
|
-
export * from '
|
|
10
|
-
export * from '
|
|
11
|
-
export * from '
|
|
12
|
-
export * from '
|
|
13
|
-
export * from '
|
|
14
|
-
export * from '
|
|
15
|
-
export * from '
|
|
16
|
-
export * from '
|
|
17
|
-
export * from '
|
|
1
|
+
export * from '../../../../components/Form/TextField/examples/ClearInput';
|
|
2
|
+
export * from '../../../../components/Form/TextField/examples/ColorScheme';
|
|
3
|
+
export * from '../../../../components/Form/TextField/examples/Default';
|
|
4
|
+
export * from '../../../../components/Form/TextField/examples/DisabledInput';
|
|
5
|
+
export * from '../../../../components/Form/TextField/examples/ErrorInput';
|
|
6
|
+
export * from '../../../../components/Form/TextField/examples/FormikErrorInput';
|
|
7
|
+
export * from '../../../../components/Form/TextField/examples/FormikHelperText';
|
|
8
|
+
export * from '../../../../components/Form/TextField/examples/HelperText';
|
|
9
|
+
export * from '../../../../components/Form/TextField/examples/LabelInput';
|
|
10
|
+
export * from '../../../../components/Form/TextField/examples/LeftChild';
|
|
11
|
+
export * from '../../../../components/Form/TextField/examples/Placeholder';
|
|
12
|
+
export * from '../../../../components/Form/TextField/examples/ReadOnlyInput';
|
|
13
|
+
export * from '../../../../components/Form/TextField/examples/RightChild';
|
|
14
|
+
export * from '../../../../components/Form/TextField/examples/ShapeInput';
|
|
15
|
+
export * from '../../../../components/Form/TextField/examples/SizeInput';
|
|
16
|
+
export * from '../../../../components/Form/TextField/examples/StylesInput';
|
|
17
|
+
export * from '../../../../components/Form/TextField/examples/VariantsInputs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
4
|
-
export * from '
|
|
1
|
+
export * from '../../../../components/Layout/Horizontal/examples/Default';
|
|
2
|
+
export * from '../../../../components/Layout/Horizontal/examples/Justify';
|
|
3
|
+
export * from '../../../../components/Layout/Horizontal/examples/Reversed';
|
|
4
|
+
export * from '../../../../components/Layout/Horizontal/examples/Wrap';
|
package/dist/components/Layout/Input/FieldContainer/FieldContainer/FieldContainer.props.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TextFieldStyles } from '
|
|
2
|
+
import { TextFieldStyles } from '../../../../../components/Layout/configs/Input.type';
|
|
3
3
|
export interface ContainerProps {
|
|
4
4
|
/**
|
|
5
5
|
* The content to be rendered inside the container.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
|
-
import { Shape, Size, TextFieldStyles, Variant } from '
|
|
2
|
+
import { Shape, Size, TextFieldStyles, Variant } from '../../../../../components/Layout/configs/Input.type';
|
|
3
3
|
import { Elevation } from 'src/utils/elevation';
|
|
4
4
|
import { Shadow } from 'app-studio';
|
|
5
5
|
export interface ContentProps {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Size, TextFieldStyles } from '
|
|
2
|
+
import { Size, TextFieldStyles } from '../../../../../components/Layout/configs/Input.type';
|
|
3
3
|
export interface FieldProps {
|
|
4
4
|
/**
|
|
5
5
|
* The content to be rendered inside the Field.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TextFieldStyles } from '
|
|
2
|
+
import { TextFieldStyles } from '../../../../components/Layout/configs/Input.type';
|
|
3
3
|
export interface HelperTextProps {
|
|
4
4
|
/**
|
|
5
5
|
* The content to be rendered inside the HelperText.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
4
|
-
export * from '
|
|
5
|
-
export * from '
|
|
6
|
-
export * from '
|
|
7
|
-
export * from '
|
|
1
|
+
export * from '../../../components/Layout/Input/FieldContainer/FieldContainer';
|
|
2
|
+
export * from '../../../components/Layout/Input/FieldContent/FieldContent';
|
|
3
|
+
export * from '../../../components/Layout/Input/FieldIcons/FieldIcons';
|
|
4
|
+
export * from '../../../components/Layout/Input/FieldLabel/FieldLabel';
|
|
5
|
+
export * from '../../../components/Layout/Input/FieldLayout/FieldLayout';
|
|
6
|
+
export * from '../../../components/Layout/Input/FieldWrapper/FieldWrapper';
|
|
7
|
+
export * from '../../../components/Layout/Input/HelperText/HelperText';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { StyleLoader } from '
|
|
2
|
-
export { DefaultLoader } from '
|
|
3
|
-
export { PositionLoader } from '
|
|
4
|
-
export { SizeLoader } from '
|
|
5
|
-
export { SpeedLoader } from '
|
|
6
|
-
export { TextLoader } from '
|
|
7
|
-
export { TypeLoader } from '
|
|
1
|
+
export { StyleLoader } from '../../../components/Loader/examples/ColorLoader';
|
|
2
|
+
export { DefaultLoader } from '../../../components/Loader/examples/DefaultLoader';
|
|
3
|
+
export { PositionLoader } from '../../../components/Loader/examples/PositionLoader';
|
|
4
|
+
export { SizeLoader } from '../../../components/Loader/examples/SizeLoader';
|
|
5
|
+
export { SpeedLoader } from '../../../components/Loader/examples/SpeedLoader';
|
|
6
|
+
export { TextLoader } from '../../../components/Loader/examples/TextLoader';
|
|
7
|
+
export { TypeLoader } from '../../../components/Loader/examples/VariantLoader';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
4
|
-
export * from '
|
|
5
|
-
export * from '
|
|
6
|
-
export * from '
|
|
7
|
-
export * from '
|
|
8
|
-
export * from '
|
|
9
|
-
export * from '
|
|
1
|
+
export * from '../../../components/Modal/Examples/BlurModal';
|
|
2
|
+
export * from '../../../components/Modal/Examples/CloseButtonModal';
|
|
3
|
+
export * from '../../../components/Modal/Examples/DefaultModal';
|
|
4
|
+
export * from '../../../components/Modal/Examples/FullScreenModal';
|
|
5
|
+
export * from '../../../components/Modal/Examples/ModalPosition';
|
|
6
|
+
export * from '../../../components/Modal/Examples/PreventCloseModal';
|
|
7
|
+
export * from '../../../components/Modal/Examples/ScrollModal';
|
|
8
|
+
export * from '../../../components/Modal/Examples/ShadowModal';
|
|
9
|
+
export * from '../../../components/Modal/Examples/VariantModal';
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
4
|
-
export * from '
|
|
5
|
-
export * from '
|
|
6
|
-
export * from '
|
|
7
|
-
export * from '
|
|
8
|
-
export * from '
|
|
9
|
-
export * from '
|
|
10
|
-
export * from '
|
|
11
|
-
export * from '
|
|
12
|
-
export * from '
|
|
13
|
-
export * from '
|
|
14
|
-
export * from '
|
|
15
|
-
export * from '
|
|
16
|
-
export * from '
|
|
17
|
-
export * from '
|
|
18
|
-
export * from '
|
|
1
|
+
export * from '../components/Button/Button';
|
|
2
|
+
export * from '../components/Form/Checkbox/Checkbox';
|
|
3
|
+
export * from '../components/Form/CountryPicker/CountryPicker';
|
|
4
|
+
export * from '../components/Form/DatePicker/DatePicker';
|
|
5
|
+
export * from '../components/Form/Password/Password';
|
|
6
|
+
export * from '../components/Form/Select/Select';
|
|
7
|
+
export * from '../components/Form/Switch/Switch';
|
|
8
|
+
export * from '../components/Form/Switch/Switch';
|
|
9
|
+
export * from '../components/Form/TextArea/TextArea';
|
|
10
|
+
export * from '../components/Form/TextField/TextField';
|
|
11
|
+
export * from '../components/Layout/Center/Center';
|
|
12
|
+
export * from '../components/Layout/Horizontal/Horizontal';
|
|
13
|
+
export * from '../components/Layout/Vertical/Vertical';
|
|
14
|
+
export * from '../components/Layout/View/View';
|
|
15
|
+
export * from '../components/Link/Link';
|
|
16
|
+
export * from '../components/Loader/Loader';
|
|
17
|
+
export * from '../components/Modal/Modal';
|
|
18
|
+
export * from '../components/Text/Text';
|
|
@@ -1,27 +1,161 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
require('
|
|
9
|
-
var
|
|
10
|
-
var
|
|
5
|
+
var Button = require('./components/Button/Button');
|
|
6
|
+
var Checkbox = require('./components/Form/Checkbox/Checkbox');
|
|
7
|
+
var CountryPicker = require('./components/Form/CountryPicker/CountryPicker');
|
|
8
|
+
var DatePicker = require('./components/Form/DatePicker/DatePicker');
|
|
9
|
+
var Password = require('./components/Form/Password/Password');
|
|
10
|
+
var Select = require('./components/Form/Select/Select');
|
|
11
|
+
var Switch = require('./components/Form/Switch/Switch');
|
|
12
|
+
var TextArea = require('./components/Form/TextArea/TextArea');
|
|
13
|
+
var TextField = require('./components/Form/TextField/TextField');
|
|
14
|
+
var Center = require('./components/Layout/Center/Center');
|
|
15
|
+
var Horizontal = require('./components/Layout/Horizontal/Horizontal');
|
|
16
|
+
var Vertical = require('./components/Layout/Vertical/Vertical');
|
|
17
|
+
var View = require('./components/Layout/View/View');
|
|
18
|
+
var Link = require('./components/Link/Link');
|
|
19
|
+
var Loader = require('./components/Loader/Loader');
|
|
20
|
+
var Modal = require('./components/Modal/Modal');
|
|
21
|
+
var Text = require('./components/Text/Text');
|
|
11
22
|
|
|
12
|
-
var App = function App() {
|
|
13
|
-
var location = reactRouterDom.useLocation();
|
|
14
|
-
return /*#__PURE__*/React.createElement(reactRouterDom.Routes, {
|
|
15
|
-
location: location
|
|
16
|
-
}, routes.ComponentRouter.map(function (item, index) {
|
|
17
|
-
return /*#__PURE__*/React.createElement(reactRouterDom.Route, {
|
|
18
|
-
key: index,
|
|
19
|
-
path: item.path,
|
|
20
|
-
element: item.element
|
|
21
|
-
});
|
|
22
|
-
}));
|
|
23
|
-
};
|
|
24
23
|
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
|
|
25
|
+
Object.keys(Button).forEach(function (k) {
|
|
26
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function () {
|
|
29
|
+
return Button[k];
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
Object.keys(Checkbox).forEach(function (k) {
|
|
34
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
35
|
+
enumerable: true,
|
|
36
|
+
get: function () {
|
|
37
|
+
return Checkbox[k];
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
Object.keys(CountryPicker).forEach(function (k) {
|
|
42
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return CountryPicker[k];
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
Object.keys(DatePicker).forEach(function (k) {
|
|
50
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
51
|
+
enumerable: true,
|
|
52
|
+
get: function () {
|
|
53
|
+
return DatePicker[k];
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
Object.keys(Password).forEach(function (k) {
|
|
58
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
59
|
+
enumerable: true,
|
|
60
|
+
get: function () {
|
|
61
|
+
return Password[k];
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
Object.keys(Select).forEach(function (k) {
|
|
66
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function () {
|
|
69
|
+
return Select[k];
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
});
|
|
73
|
+
Object.keys(Switch).forEach(function (k) {
|
|
74
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
75
|
+
enumerable: true,
|
|
76
|
+
get: function () {
|
|
77
|
+
return Switch[k];
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
});
|
|
81
|
+
Object.keys(TextArea).forEach(function (k) {
|
|
82
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
83
|
+
enumerable: true,
|
|
84
|
+
get: function () {
|
|
85
|
+
return TextArea[k];
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
});
|
|
89
|
+
Object.keys(TextField).forEach(function (k) {
|
|
90
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () {
|
|
93
|
+
return TextField[k];
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
Object.keys(Center).forEach(function (k) {
|
|
98
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
get: function () {
|
|
101
|
+
return Center[k];
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
Object.keys(Horizontal).forEach(function (k) {
|
|
106
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
107
|
+
enumerable: true,
|
|
108
|
+
get: function () {
|
|
109
|
+
return Horizontal[k];
|
|
110
|
+
}
|
|
111
|
+
});
|
|
112
|
+
});
|
|
113
|
+
Object.keys(Vertical).forEach(function (k) {
|
|
114
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function () {
|
|
117
|
+
return Vertical[k];
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
Object.keys(View).forEach(function (k) {
|
|
122
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
123
|
+
enumerable: true,
|
|
124
|
+
get: function () {
|
|
125
|
+
return View[k];
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
});
|
|
129
|
+
Object.keys(Link).forEach(function (k) {
|
|
130
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
131
|
+
enumerable: true,
|
|
132
|
+
get: function () {
|
|
133
|
+
return Link[k];
|
|
134
|
+
}
|
|
135
|
+
});
|
|
136
|
+
});
|
|
137
|
+
Object.keys(Loader).forEach(function (k) {
|
|
138
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
139
|
+
enumerable: true,
|
|
140
|
+
get: function () {
|
|
141
|
+
return Loader[k];
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
});
|
|
145
|
+
Object.keys(Modal).forEach(function (k) {
|
|
146
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
147
|
+
enumerable: true,
|
|
148
|
+
get: function () {
|
|
149
|
+
return Modal[k];
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
});
|
|
153
|
+
Object.keys(Text).forEach(function (k) {
|
|
154
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
155
|
+
enumerable: true,
|
|
156
|
+
get: function () {
|
|
157
|
+
return Text[k];
|
|
158
|
+
}
|
|
159
|
+
});
|
|
160
|
+
});
|
|
27
161
|
//# sourceMappingURL=web.cjs.development.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"web.cjs.development.js","sources":[
|
|
1
|
+
{"version":3,"file":"web.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/Button/Button"),t=require("./components/Form/Checkbox/Checkbox"),r=require("./components/Form/CountryPicker/CountryPicker"),n=require("./components/Form/DatePicker/DatePicker"),o=require("./components/Form/Password/Password"),c=require("./components/Form/Select/Select"),u=require("./components/Form/Switch/Switch"),f=require("./components/Form/TextArea/TextArea"),i=require("./components/Form/TextField/TextField"),s=require("./components/Layout/Center/Center"),a=require("./components/Layout/Horizontal/Horizontal"),b=require("./components/Layout/Vertical/Vertical"),p=require("./components/Layout/View/View"),l=require("./components/Link/Link"),d=require("./components/Loader/Loader"),m=require("./components/Modal/Modal"),y=require("./components/Text/Text");Object.keys(e).forEach((function(t){"default"!==t&&Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})})),Object.keys(t).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})})),Object.keys(r).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return r[e]}})})),Object.keys(n).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return n[e]}})})),Object.keys(o).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return o[e]}})})),Object.keys(c).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return c[e]}})})),Object.keys(u).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return u[e]}})})),Object.keys(f).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return f[e]}})})),Object.keys(i).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return i[e]}})})),Object.keys(s).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return s[e]}})})),Object.keys(a).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return a[e]}})})),Object.keys(b).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return b[e]}})})),Object.keys(p).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return p[e]}})})),Object.keys(l).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return l[e]}})})),Object.keys(d).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return d[e]}})})),Object.keys(m).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return m[e]}})})),Object.keys(y).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return y[e]}})}));
|
|
2
2
|
//# sourceMappingURL=web.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"web.cjs.production.min.js","sources":[
|
|
1
|
+
{"version":3,"file":"web.cjs.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/web.esm.js
CHANGED
|
@@ -1,23 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
var root = /*#__PURE__*/ReactDOM.createRoot( /*#__PURE__*/document.getElementById('root'));
|
|
22
|
-
root.render( /*#__PURE__*/React.createElement(React.StrictMode, null, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(App, null))));
|
|
1
|
+
export * from './components/Button/Button';
|
|
2
|
+
export * from './components/Form/Checkbox/Checkbox';
|
|
3
|
+
export * from './components/Form/CountryPicker/CountryPicker';
|
|
4
|
+
export * from './components/Form/DatePicker/DatePicker';
|
|
5
|
+
export * from './components/Form/Password/Password';
|
|
6
|
+
export * from './components/Form/Select/Select';
|
|
7
|
+
export * from './components/Form/Switch/Switch';
|
|
8
|
+
export * from './components/Form/TextArea/TextArea';
|
|
9
|
+
export * from './components/Form/TextField/TextField';
|
|
10
|
+
export * from './components/Layout/Center/Center';
|
|
11
|
+
export * from './components/Layout/Horizontal/Horizontal';
|
|
12
|
+
export * from './components/Layout/Vertical/Vertical';
|
|
13
|
+
export * from './components/Layout/View/View';
|
|
14
|
+
export * from './components/Link/Link';
|
|
15
|
+
export * from './components/Loader/Loader';
|
|
16
|
+
export * from './components/Modal/Modal';
|
|
17
|
+
export * from './components/Text/Text';
|
|
23
18
|
//# sourceMappingURL=web.esm.js.map
|
package/dist/web.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"web.esm.js","sources":[
|
|
1
|
+
{"version":3,"file":"web.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@app-studio/web",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"typings": "dist/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
},
|
|
18
18
|
"scripts": {
|
|
19
19
|
"start": "react-scripts start",
|
|
20
|
-
"build": "tsdx build ./src/components/index.tsx --tsconfig tsconfig.build.json",
|
|
20
|
+
"build": "tsdx build --entry ./src/components/index.tsx --tsconfig tsconfig.build.json",
|
|
21
|
+
"postbuild":"npx tsc-alias -p tsconfig.build.json",
|
|
21
22
|
"test": "react-scripts test",
|
|
22
23
|
"test:unwatch": "react-scripts test --watchAll=false",
|
|
23
24
|
"eject": "react-scripts eject",
|
|
@@ -100,7 +101,6 @@
|
|
|
100
101
|
"commitizen": "^4.3.0",
|
|
101
102
|
"compression": "^1.7.4",
|
|
102
103
|
"compression-webpack-plugin": "^10.0.0",
|
|
103
|
-
"core-js": "^3.33.2",
|
|
104
104
|
"css-loader": "^6.7.3",
|
|
105
105
|
"dotenv": "^16.1.4",
|
|
106
106
|
"env-cmd": "^10.1.0",
|
|
@@ -127,11 +127,12 @@
|
|
|
127
127
|
"style-loader": "^3.3.2",
|
|
128
128
|
"styled-components": "^5.3.11",
|
|
129
129
|
"ts-loader": "^9.4.2",
|
|
130
|
+
"tsc-alias": "^1.8.8",
|
|
130
131
|
"tsdx": "^0.14.1",
|
|
131
132
|
"tslib": "^2.3.1",
|
|
132
133
|
"typescript": "^4.9.5",
|
|
133
134
|
"web-vitals": "^2.1.4",
|
|
134
|
-
"webpack": "^5.
|
|
135
|
+
"webpack": "^5.89.0",
|
|
135
136
|
"webpack-bundle-analyzer": "^4.8.0",
|
|
136
137
|
"webpack-cli": "^5.1.3",
|
|
137
138
|
"zustand": "^4.3.8"
|
|
@@ -61,7 +61,7 @@ const CheckboxView: React.FC<CheckboxViewProps> = ({
|
|
|
61
61
|
? { backgroundColor: colorScheme }
|
|
62
62
|
: {
|
|
63
63
|
borderWidth: 2,
|
|
64
|
-
borderColor: error ? 'theme.error' : isHovered ? 'color.
|
|
64
|
+
borderColor: error ? 'theme.error' : isHovered ? 'color.gray.500' : 'color.gray.300',
|
|
65
65
|
borderStyle: 'solid',
|
|
66
66
|
}),
|
|
67
67
|
borderRadius: 3,
|
|
@@ -60,7 +60,7 @@ const SwitchView: React.FC<SwitchViewProps> = ({
|
|
|
60
60
|
borderRadius={24}
|
|
61
61
|
filter={isHovered && on ? 'brightness(0.9)' : 'brightness(1)'}
|
|
62
62
|
transition="justify-content 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
|
|
63
|
-
backgroundColor={isDisabled ? 'disabled' : on ? colorScheme : '
|
|
63
|
+
backgroundColor={isDisabled ? 'disabled' : on ? colorScheme : 'lightgray'}
|
|
64
64
|
justifyContent={activeChild ? 'space-between' : on ? 'flex-end' : 'flex-start'}
|
|
65
65
|
{...shadow}
|
|
66
66
|
{...SliderPadding[size]}
|
|
@@ -25,7 +25,7 @@ export const FieldContent: React.FC<ContentProps> = ({
|
|
|
25
25
|
...props
|
|
26
26
|
}) => {
|
|
27
27
|
const isInteractive = (isHovered || isFocused) && !isDisabled;
|
|
28
|
-
const color = error ? 'error' : isInteractive ? colorScheme : '
|
|
28
|
+
const color = error ? 'error' : isInteractive ? colorScheme : 'midgray';
|
|
29
29
|
|
|
30
30
|
return (
|
|
31
31
|
<Horizontal
|
|
@@ -14,7 +14,7 @@ export const JustifyVertical = () => {
|
|
|
14
14
|
{['flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'].map((justify) => (
|
|
15
15
|
<Vertical flex={1} key={justify}>
|
|
16
16
|
{justify}
|
|
17
|
-
<Vertical justify={justify as Justify} gap={5} height={300} backgroundColor="
|
|
17
|
+
<Vertical justify={justify as Justify} gap={5} height={300} backgroundColor="lightgray">
|
|
18
18
|
<View backgroundColor="theme.primary" {...size} />
|
|
19
19
|
<View backgroundColor="theme.secondary" {...size} />
|
|
20
20
|
<View backgroundColor="theme.warning" {...size} />
|
package/dist/App.d.ts
DELETED
package/dist/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { ResponsiveProvider, ThemeProvider } from 'app-studio';
|
|
3
|
-
import { RouterProvider } from 'src/providers/Router';
|
|
4
|
-
|
|
5
|
-
interface WrapperProps {
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
const Wrapper: React.FC<WrapperProps> = ({ children }) => {
|
|
10
|
-
return (
|
|
11
|
-
<RouterProvider>
|
|
12
|
-
<ThemeProvider>
|
|
13
|
-
<ResponsiveProvider>{children}</ResponsiveProvider>
|
|
14
|
-
</ThemeProvider>
|
|
15
|
-
</RouterProvider>
|
|
16
|
-
);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export default Wrapper;
|