@ama-pt/agora-design-system 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/README.md +36 -1
- package/README.npm.md +36 -1
- package/dist/cjs/components/ui/atoms/button/button.scss +1 -375
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.scss +1 -139
- package/dist/cjs/components/ui/atoms/icon/icon.scss +1 -43
- package/dist/cjs/components/ui/atoms/input_number/input_number.scss +1 -244
- package/dist/cjs/components/ui/atoms/input_password/input_password.scss +1 -182
- package/dist/cjs/components/ui/atoms/input_text/input_text.scss +1 -160
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.scss +1 -152
- package/dist/cjs/components/ui/atoms/radio/radio.scss +1 -138
- package/dist/cjs/components/ui/index.d.ts +5 -3
- package/dist/cjs/components/ui/index.js +8 -5
- package/dist/cjs/components/ui/index.js.map +1 -1
- package/dist/cjs/components/ui/molecules/accordion/accordion.scss +1 -8
- package/dist/cjs/styles/globals.scss +1 -29
- package/dist/esm/components/ui/atoms/button/button.scss +1 -375
- package/dist/esm/components/ui/atoms/checkbox/checkbox.scss +1 -139
- package/dist/esm/components/ui/atoms/icon/icon.scss +1 -43
- package/dist/esm/components/ui/atoms/input_number/input_number.scss +1 -244
- package/dist/esm/components/ui/atoms/input_password/input_password.scss +1 -182
- package/dist/esm/components/ui/atoms/input_text/input_text.scss +1 -160
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.scss +1 -152
- package/dist/esm/components/ui/atoms/radio/radio.scss +1 -138
- package/dist/esm/components/ui/index.d.ts +5 -3
- package/dist/esm/components/ui/index.js +8 -5
- package/dist/esm/components/ui/index.js.map +1 -1
- package/dist/esm/components/ui/molecules/accordion/accordion.scss +1 -8
- package/dist/esm/styles/globals.scss +1 -29
- package/dist/styles/globals.css +1 -0
- package/package.json +7 -9
- package/dist/cjs/components/ui/atoms/button/button.csf.d.ts +0 -80
- package/dist/cjs/components/ui/atoms/button/button.csf.js +0 -67
- package/dist/cjs/components/ui/atoms/button/button.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/button/button.stories.d.ts +0 -59
- package/dist/cjs/components/ui/atoms/button/button.stories.js +0 -92
- package/dist/cjs/components/ui/atoms/button/button.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.csf.d.ts +0 -73
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.csf.js +0 -56
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.stories.d.ts +0 -29
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.stories.js +0 -62
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/icon/icon.stories.d.ts +0 -8
- package/dist/cjs/components/ui/atoms/icon/icon.stories.js +0 -65
- package/dist/cjs/components/ui/atoms/icon/icon.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_number/input_number.csf.d.ts +0 -205
- package/dist/cjs/components/ui/atoms/input_number/input_number.csf.js +0 -142
- package/dist/cjs/components/ui/atoms/input_number/input_number.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_number/input_number.stories.d.ts +0 -13
- package/dist/cjs/components/ui/atoms/input_number/input_number.stories.js +0 -84
- package/dist/cjs/components/ui/atoms/input_number/input_number.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_password/input_password.csf.d.ts +0 -197
- package/dist/cjs/components/ui/atoms/input_password/input_password.csf.js +0 -137
- package/dist/cjs/components/ui/atoms/input_password/input_password.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_password/input_password.stories.d.ts +0 -13
- package/dist/cjs/components/ui/atoms/input_password/input_password.stories.js +0 -82
- package/dist/cjs/components/ui/atoms/input_password/input_password.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_text/input_text.csf.d.ts +0 -189
- package/dist/cjs/components/ui/atoms/input_text/input_text.csf.js +0 -132
- package/dist/cjs/components/ui/atoms/input_text/input_text.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_text/input_text.stories.d.ts +0 -13
- package/dist/cjs/components/ui/atoms/input_text/input_text.stories.js +0 -83
- package/dist/cjs/components/ui/atoms/input_text/input_text.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.csf.d.ts +0 -177
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.csf.js +0 -122
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.stories.d.ts +0 -13
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.stories.js +0 -82
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/radio/radio.csf.d.ts +0 -73
- package/dist/cjs/components/ui/atoms/radio/radio.csf.js +0 -56
- package/dist/cjs/components/ui/atoms/radio/radio.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/radio/radio.stories.d.ts +0 -29
- package/dist/cjs/components/ui/atoms/radio/radio.stories.js +0 -62
- package/dist/cjs/components/ui/atoms/radio/radio.stories.js.map +0 -1
- package/dist/cjs/components/ui/molecules/accordion/accordion.stories.d.ts +0 -11
- package/dist/cjs/components/ui/molecules/accordion/accordion.stories.js +0 -63
- package/dist/cjs/components/ui/molecules/accordion/accordion.stories.js.map +0 -1
- package/dist/css/index.css +0 -187344
- package/dist/css/index.min.css +0 -2
- package/dist/css/index.min.css.map +0 -1
- package/dist/esm/components/ui/atoms/button/button.csf.d.ts +0 -80
- package/dist/esm/components/ui/atoms/button/button.csf.js +0 -64
- package/dist/esm/components/ui/atoms/button/button.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/button/button.stories.d.ts +0 -59
- package/dist/esm/components/ui/atoms/button/button.stories.js +0 -80
- package/dist/esm/components/ui/atoms/button/button.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/checkbox/checkbox.csf.d.ts +0 -73
- package/dist/esm/components/ui/atoms/checkbox/checkbox.csf.js +0 -53
- package/dist/esm/components/ui/atoms/checkbox/checkbox.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/checkbox/checkbox.stories.d.ts +0 -29
- package/dist/esm/components/ui/atoms/checkbox/checkbox.stories.js +0 -50
- package/dist/esm/components/ui/atoms/checkbox/checkbox.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/icon/icon.stories.d.ts +0 -8
- package/dist/esm/components/ui/atoms/icon/icon.stories.js +0 -56
- package/dist/esm/components/ui/atoms/icon/icon.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_number/input_number.csf.d.ts +0 -205
- package/dist/esm/components/ui/atoms/input_number/input_number.csf.js +0 -139
- package/dist/esm/components/ui/atoms/input_number/input_number.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_number/input_number.stories.d.ts +0 -13
- package/dist/esm/components/ui/atoms/input_number/input_number.stories.js +0 -70
- package/dist/esm/components/ui/atoms/input_number/input_number.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_password/input_password.csf.d.ts +0 -197
- package/dist/esm/components/ui/atoms/input_password/input_password.csf.js +0 -134
- package/dist/esm/components/ui/atoms/input_password/input_password.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_password/input_password.stories.d.ts +0 -13
- package/dist/esm/components/ui/atoms/input_password/input_password.stories.js +0 -68
- package/dist/esm/components/ui/atoms/input_password/input_password.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_text/input_text.csf.d.ts +0 -189
- package/dist/esm/components/ui/atoms/input_text/input_text.csf.js +0 -129
- package/dist/esm/components/ui/atoms/input_text/input_text.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_text/input_text.stories.d.ts +0 -13
- package/dist/esm/components/ui/atoms/input_text/input_text.stories.js +0 -69
- package/dist/esm/components/ui/atoms/input_text/input_text.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.csf.d.ts +0 -177
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.csf.js +0 -119
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.stories.d.ts +0 -13
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.stories.js +0 -68
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/radio/radio.csf.d.ts +0 -73
- package/dist/esm/components/ui/atoms/radio/radio.csf.js +0 -53
- package/dist/esm/components/ui/atoms/radio/radio.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/radio/radio.stories.d.ts +0 -29
- package/dist/esm/components/ui/atoms/radio/radio.stories.js +0 -50
- package/dist/esm/components/ui/atoms/radio/radio.stories.js.map +0 -1
- package/dist/esm/components/ui/molecules/accordion/accordion.stories.d.ts +0 -11
- package/dist/esm/components/ui/molecules/accordion/accordion.stories.js +0 -55
- package/dist/esm/components/ui/molecules/accordion/accordion.stories.js.map +0 -1
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.argTypes = exports.parameters = void 0;
|
|
4
|
-
const icon_1 = require("../icon");
|
|
5
|
-
exports.parameters = {
|
|
6
|
-
actions: {
|
|
7
|
-
handles: ['mouseenter', 'click', 'focusin', 'focusout']
|
|
8
|
-
},
|
|
9
|
-
design: {
|
|
10
|
-
type: 'zeroheight',
|
|
11
|
-
url: 'https://zeroheight.com/1be481dc2/p/489b41-buttons/b/026ea1'
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
exports.argTypes = {
|
|
15
|
-
label: {
|
|
16
|
-
type: { name: 'string', required: true },
|
|
17
|
-
description: 'Label to display above input. ',
|
|
18
|
-
defaultValue: ''
|
|
19
|
-
},
|
|
20
|
-
ariaLabel: {
|
|
21
|
-
type: { name: 'string', required: false },
|
|
22
|
-
description: 'Descritive attribute that labels the checkbox in terms of accessibility',
|
|
23
|
-
defaultValue: '',
|
|
24
|
-
control: {
|
|
25
|
-
type: 'text'
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
hideLabel: {
|
|
29
|
-
type: { name: 'boolean', required: false },
|
|
30
|
-
description: 'Whether to show/hide input field label',
|
|
31
|
-
table: {
|
|
32
|
-
type: {
|
|
33
|
-
summary: 'boolean'
|
|
34
|
-
},
|
|
35
|
-
defaultValue: { summary: 'false' }
|
|
36
|
-
},
|
|
37
|
-
defaultValue: false,
|
|
38
|
-
control: { type: 'boolean' }
|
|
39
|
-
},
|
|
40
|
-
placeholder: {
|
|
41
|
-
type: { name: 'string', required: false },
|
|
42
|
-
description: 'Placeholder to display when no text.',
|
|
43
|
-
defaultValue: ''
|
|
44
|
-
},
|
|
45
|
-
initialValue: {
|
|
46
|
-
type: { name: 'string', required: false },
|
|
47
|
-
description: 'Default value.',
|
|
48
|
-
defaultValue: ''
|
|
49
|
-
},
|
|
50
|
-
feedbackText: {
|
|
51
|
-
type: { name: 'string', required: false },
|
|
52
|
-
description: 'Feedback to display',
|
|
53
|
-
defaultValue: ''
|
|
54
|
-
},
|
|
55
|
-
feedbackState: {
|
|
56
|
-
type: { name: 'string', required: false },
|
|
57
|
-
description: 'Feedback message state.',
|
|
58
|
-
defaultValue: 'info',
|
|
59
|
-
control: {
|
|
60
|
-
type: 'select',
|
|
61
|
-
options: ['info', 'success', 'danger', 'warning']
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
leadingIcon: {
|
|
65
|
-
type: { name: 'string', required: false },
|
|
66
|
-
description: 'Icon to display on the left side',
|
|
67
|
-
defaultValue: null,
|
|
68
|
-
control: {
|
|
69
|
-
type: 'select',
|
|
70
|
-
options: ['no-icon', ...icon_1.allIcons.filter((icon) => icon.indexOf('agora-line') === 0)] // allowing only line family icon
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
hasError: {
|
|
74
|
-
type: { name: 'boolean', required: false },
|
|
75
|
-
description: 'Whether the Input has any validation error',
|
|
76
|
-
table: {
|
|
77
|
-
type: {
|
|
78
|
-
summary: 'boolean'
|
|
79
|
-
},
|
|
80
|
-
defaultValue: { summary: 'false' }
|
|
81
|
-
},
|
|
82
|
-
defaultValue: false,
|
|
83
|
-
control: { type: 'boolean' }
|
|
84
|
-
},
|
|
85
|
-
disabled: {
|
|
86
|
-
type: { name: 'boolean', required: false },
|
|
87
|
-
description: 'Whether the Input is disabled.',
|
|
88
|
-
table: {
|
|
89
|
-
type: {
|
|
90
|
-
summary: 'boolean'
|
|
91
|
-
},
|
|
92
|
-
defaultValue: { summary: 'false' }
|
|
93
|
-
},
|
|
94
|
-
defaultValue: false,
|
|
95
|
-
control: { type: 'boolean' }
|
|
96
|
-
},
|
|
97
|
-
readOnly: {
|
|
98
|
-
type: { name: 'boolean', required: false },
|
|
99
|
-
description: 'Whether the Input is Read only.',
|
|
100
|
-
table: {
|
|
101
|
-
type: {
|
|
102
|
-
summary: 'boolean'
|
|
103
|
-
},
|
|
104
|
-
defaultValue: { summary: 'false' }
|
|
105
|
-
},
|
|
106
|
-
defaultValue: false,
|
|
107
|
-
control: { type: 'boolean' }
|
|
108
|
-
},
|
|
109
|
-
showCharCounter: {
|
|
110
|
-
type: { name: 'boolean', required: false },
|
|
111
|
-
description: 'Whether show char counter.',
|
|
112
|
-
table: {
|
|
113
|
-
type: {
|
|
114
|
-
summary: 'boolean'
|
|
115
|
-
},
|
|
116
|
-
defaultValue: { summary: 'false' }
|
|
117
|
-
},
|
|
118
|
-
defaultValue: false,
|
|
119
|
-
control: { type: 'boolean' }
|
|
120
|
-
},
|
|
121
|
-
maxChars: {
|
|
122
|
-
type: { name: 'number', required: false },
|
|
123
|
-
description: 'Maximum chars allowed.',
|
|
124
|
-
defaultValue: -1
|
|
125
|
-
},
|
|
126
|
-
increaseButtonAltText: {
|
|
127
|
-
type: { name: 'string', required: false },
|
|
128
|
-
description: 'Label text for increase button. Recommended for accessibility',
|
|
129
|
-
defaultValue: ''
|
|
130
|
-
},
|
|
131
|
-
decreaseButtonAltText: {
|
|
132
|
-
type: { name: 'string', required: false },
|
|
133
|
-
description: 'Label text for descrease button. Recommended for accessibility',
|
|
134
|
-
defaultValue: ''
|
|
135
|
-
},
|
|
136
|
-
isOptional: {
|
|
137
|
-
type: { name: 'boolean', required: false },
|
|
138
|
-
description: 'Decides if this field could be optional',
|
|
139
|
-
defaultValue: false
|
|
140
|
-
}
|
|
141
|
-
};
|
|
142
|
-
//# sourceMappingURL=input_number.csf.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input_number.csf.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/input_number/input_number.csf.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ComponentMeta, Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { InputNumberProps } from './input_number';
|
|
4
|
-
declare const _default: ComponentMeta<React.FC<InputNumberProps>>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const InputTextComp: Story<InputNumberProps>;
|
|
7
|
-
export declare const InputTextFeedbackInfo: Story<InputNumberProps>;
|
|
8
|
-
export declare const InputTextFeedbackSuccess: Story<InputNumberProps>;
|
|
9
|
-
export declare const InputTextFeedbackWarning: Story<InputNumberProps>;
|
|
10
|
-
export declare const InputTextFeedbackDanger: Story<InputNumberProps>;
|
|
11
|
-
export declare const InputTextCompHasReadOnly: Story<InputNumberProps>;
|
|
12
|
-
export declare const InputTextCompDisabled: Story<InputNumberProps>;
|
|
13
|
-
export declare const InputTextCompHasError: Story<InputNumberProps>;
|
|
@@ -1,84 +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.InputTextCompHasError = exports.InputTextCompDisabled = exports.InputTextCompHasReadOnly = exports.InputTextFeedbackDanger = exports.InputTextFeedbackWarning = exports.InputTextFeedbackSuccess = exports.InputTextFeedbackInfo = exports.InputTextComp = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const input_number_1 = require("./input_number");
|
|
9
|
-
const input_number_csf_1 = require("./input_number.csf");
|
|
10
|
-
exports.default = {
|
|
11
|
-
title: 'Components/Atoms/Input Number',
|
|
12
|
-
component: input_number_1.InputNumber,
|
|
13
|
-
argTypes: Object.assign({}, input_number_csf_1.argTypes)
|
|
14
|
-
};
|
|
15
|
-
const InputTextComp = (args) => (react_1.default.createElement("div", { className: "p-8" },
|
|
16
|
-
react_1.default.createElement(input_number_1.InputNumber, Object.assign({}, args, { id: "input-number", increaseButtonAltText: "Increase value", decreaseButtonAltText: "Decrease value" }))));
|
|
17
|
-
exports.InputTextComp = InputTextComp;
|
|
18
|
-
exports.InputTextComp.storyName = 'Input Number';
|
|
19
|
-
exports.InputTextComp.args = {
|
|
20
|
-
label: 'Label',
|
|
21
|
-
placeholder: 'Placeholder'
|
|
22
|
-
};
|
|
23
|
-
const InputTextFeedbackInfo = (args) => (react_1.default.createElement("div", { className: "p-8" },
|
|
24
|
-
' ',
|
|
25
|
-
react_1.default.createElement(input_number_1.InputNumber, Object.assign({}, args, { id: "input-number", feedbackText: "Some info feedback", increaseButtonAltText: "Increase value", decreaseButtonAltText: "Decrease value" }))));
|
|
26
|
-
exports.InputTextFeedbackInfo = InputTextFeedbackInfo;
|
|
27
|
-
exports.InputTextFeedbackInfo.storyName = 'Input Number Feedback Info';
|
|
28
|
-
exports.InputTextFeedbackInfo.args = {
|
|
29
|
-
label: 'Label',
|
|
30
|
-
placeholder: 'Placeholder'
|
|
31
|
-
};
|
|
32
|
-
const InputTextFeedbackSuccess = (args) => (react_1.default.createElement("div", { className: "p-8" },
|
|
33
|
-
' ',
|
|
34
|
-
react_1.default.createElement(input_number_1.InputNumber, Object.assign({}, args, { id: "input-number", feedbackText: "Some success feedback", feedbackState: "success", increaseButtonAltText: "Increase value", decreaseButtonAltText: "Decrease value" }))));
|
|
35
|
-
exports.InputTextFeedbackSuccess = InputTextFeedbackSuccess;
|
|
36
|
-
exports.InputTextFeedbackSuccess.storyName = 'Input Number Feedback Success';
|
|
37
|
-
exports.InputTextFeedbackSuccess.args = {
|
|
38
|
-
label: 'Label',
|
|
39
|
-
placeholder: 'Placeholder'
|
|
40
|
-
};
|
|
41
|
-
const InputTextFeedbackWarning = (args) => (react_1.default.createElement("div", { className: "p-8" },
|
|
42
|
-
react_1.default.createElement(input_number_1.InputNumber, Object.assign({}, args, { id: "input-number", feedbackText: "Some warning feedback", feedbackState: "warning", increaseButtonAltText: "Increase value", decreaseButtonAltText: "Decrease value" }))));
|
|
43
|
-
exports.InputTextFeedbackWarning = InputTextFeedbackWarning;
|
|
44
|
-
exports.InputTextFeedbackWarning.storyName = 'Input Number Feedback Warning';
|
|
45
|
-
exports.InputTextFeedbackWarning.args = {
|
|
46
|
-
label: 'Label',
|
|
47
|
-
placeholder: 'Placeholder'
|
|
48
|
-
};
|
|
49
|
-
const InputTextFeedbackDanger = (args) => (react_1.default.createElement("div", { className: "p-8" },
|
|
50
|
-
react_1.default.createElement(input_number_1.InputNumber, Object.assign({}, args, { id: "input-number", feedbackText: "Some danger feedback", feedbackState: "danger", increaseButtonAltText: "Increase value", decreaseButtonAltText: "Decrease value" }))));
|
|
51
|
-
exports.InputTextFeedbackDanger = InputTextFeedbackDanger;
|
|
52
|
-
exports.InputTextFeedbackDanger.storyName = 'Input Number Feedback Danger';
|
|
53
|
-
exports.InputTextFeedbackDanger.args = {
|
|
54
|
-
label: 'Label',
|
|
55
|
-
placeholder: 'Placeholder'
|
|
56
|
-
};
|
|
57
|
-
const InputTextCompHasReadOnly = (args) => (react_1.default.createElement("div", { className: "p-8" },
|
|
58
|
-
react_1.default.createElement(input_number_1.InputNumber, Object.assign({}, args, { id: "input-number", increaseButtonAltText: "Increase value", decreaseButtonAltText: "Decrease value" }))));
|
|
59
|
-
exports.InputTextCompHasReadOnly = InputTextCompHasReadOnly;
|
|
60
|
-
exports.InputTextCompHasReadOnly.storyName = 'Input Number Read Only';
|
|
61
|
-
exports.InputTextCompHasReadOnly.args = {
|
|
62
|
-
readOnly: true,
|
|
63
|
-
label: 'Label',
|
|
64
|
-
placeholder: 'Placeholder'
|
|
65
|
-
};
|
|
66
|
-
const InputTextCompDisabled = (args) => (react_1.default.createElement("div", { className: "p-8" },
|
|
67
|
-
react_1.default.createElement(input_number_1.InputNumber, Object.assign({}, args, { id: "input-number", increaseButtonAltText: "Increase value", decreaseButtonAltText: "Decrease value" }))));
|
|
68
|
-
exports.InputTextCompDisabled = InputTextCompDisabled;
|
|
69
|
-
exports.InputTextCompDisabled.storyName = 'Input Number Disabled';
|
|
70
|
-
exports.InputTextCompDisabled.args = {
|
|
71
|
-
disabled: true,
|
|
72
|
-
label: 'Label',
|
|
73
|
-
placeholder: 'Placeholder'
|
|
74
|
-
};
|
|
75
|
-
const InputTextCompHasError = (args) => (react_1.default.createElement("div", { className: "p-8" },
|
|
76
|
-
react_1.default.createElement(input_number_1.InputNumber, Object.assign({}, args, { id: "input-number", increaseButtonAltText: "Increase value", decreaseButtonAltText: "Decrease value" }))));
|
|
77
|
-
exports.InputTextCompHasError = InputTextCompHasError;
|
|
78
|
-
exports.InputTextCompHasError.storyName = 'Input Number Error';
|
|
79
|
-
exports.InputTextCompHasError.args = {
|
|
80
|
-
hasError: true,
|
|
81
|
-
label: 'Label',
|
|
82
|
-
placeholder: 'Placeholder'
|
|
83
|
-
};
|
|
84
|
-
//# sourceMappingURL=input_number.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input_number.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/input_number/input_number.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
export declare const parameters: {
|
|
2
|
-
actions: {
|
|
3
|
-
handles: string[];
|
|
4
|
-
};
|
|
5
|
-
design: {
|
|
6
|
-
type: string;
|
|
7
|
-
url: string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
export declare const argTypes: {
|
|
11
|
-
label: {
|
|
12
|
-
type: {
|
|
13
|
-
name: string;
|
|
14
|
-
required: boolean;
|
|
15
|
-
};
|
|
16
|
-
description: string;
|
|
17
|
-
defaultValue: string;
|
|
18
|
-
};
|
|
19
|
-
ariaLabel: {
|
|
20
|
-
type: {
|
|
21
|
-
name: string;
|
|
22
|
-
required: boolean;
|
|
23
|
-
};
|
|
24
|
-
description: string;
|
|
25
|
-
defaultValue: string;
|
|
26
|
-
control: {
|
|
27
|
-
type: string;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
hideLabel: {
|
|
31
|
-
type: {
|
|
32
|
-
name: string;
|
|
33
|
-
required: boolean;
|
|
34
|
-
};
|
|
35
|
-
description: string;
|
|
36
|
-
table: {
|
|
37
|
-
type: {
|
|
38
|
-
summary: string;
|
|
39
|
-
};
|
|
40
|
-
defaultValue: {
|
|
41
|
-
summary: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
defaultValue: boolean;
|
|
45
|
-
control: {
|
|
46
|
-
type: string;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
placeholder: {
|
|
50
|
-
type: {
|
|
51
|
-
name: string;
|
|
52
|
-
required: boolean;
|
|
53
|
-
};
|
|
54
|
-
description: string;
|
|
55
|
-
defaultValue: string;
|
|
56
|
-
};
|
|
57
|
-
initialValue: {
|
|
58
|
-
type: {
|
|
59
|
-
name: string;
|
|
60
|
-
required: boolean;
|
|
61
|
-
};
|
|
62
|
-
description: string;
|
|
63
|
-
defaultValue: string;
|
|
64
|
-
};
|
|
65
|
-
togglePasswordAltIconText: {
|
|
66
|
-
type: {
|
|
67
|
-
name: string;
|
|
68
|
-
required: boolean;
|
|
69
|
-
};
|
|
70
|
-
description: string;
|
|
71
|
-
defaultValue: string;
|
|
72
|
-
};
|
|
73
|
-
feedbackText: {
|
|
74
|
-
type: {
|
|
75
|
-
name: string;
|
|
76
|
-
required: boolean;
|
|
77
|
-
};
|
|
78
|
-
description: string;
|
|
79
|
-
defaultValue: string;
|
|
80
|
-
};
|
|
81
|
-
feedbackState: {
|
|
82
|
-
type: {
|
|
83
|
-
name: string;
|
|
84
|
-
required: boolean;
|
|
85
|
-
};
|
|
86
|
-
description: string;
|
|
87
|
-
defaultValue: string;
|
|
88
|
-
control: {
|
|
89
|
-
type: string;
|
|
90
|
-
options: string[];
|
|
91
|
-
};
|
|
92
|
-
};
|
|
93
|
-
leadingIcon: {
|
|
94
|
-
type: {
|
|
95
|
-
name: string;
|
|
96
|
-
required: boolean;
|
|
97
|
-
};
|
|
98
|
-
description: string;
|
|
99
|
-
defaultValue: null;
|
|
100
|
-
control: {
|
|
101
|
-
type: string;
|
|
102
|
-
options: string[];
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
hasError: {
|
|
106
|
-
type: {
|
|
107
|
-
name: string;
|
|
108
|
-
required: boolean;
|
|
109
|
-
};
|
|
110
|
-
description: string;
|
|
111
|
-
table: {
|
|
112
|
-
type: {
|
|
113
|
-
summary: string;
|
|
114
|
-
};
|
|
115
|
-
defaultValue: {
|
|
116
|
-
summary: string;
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
defaultValue: boolean;
|
|
120
|
-
control: {
|
|
121
|
-
type: string;
|
|
122
|
-
};
|
|
123
|
-
};
|
|
124
|
-
disabled: {
|
|
125
|
-
type: {
|
|
126
|
-
name: string;
|
|
127
|
-
required: boolean;
|
|
128
|
-
};
|
|
129
|
-
description: string;
|
|
130
|
-
table: {
|
|
131
|
-
type: {
|
|
132
|
-
summary: string;
|
|
133
|
-
};
|
|
134
|
-
defaultValue: {
|
|
135
|
-
summary: string;
|
|
136
|
-
};
|
|
137
|
-
};
|
|
138
|
-
defaultValue: boolean;
|
|
139
|
-
control: {
|
|
140
|
-
type: string;
|
|
141
|
-
};
|
|
142
|
-
};
|
|
143
|
-
readOnly: {
|
|
144
|
-
type: {
|
|
145
|
-
name: string;
|
|
146
|
-
required: boolean;
|
|
147
|
-
};
|
|
148
|
-
description: string;
|
|
149
|
-
table: {
|
|
150
|
-
type: {
|
|
151
|
-
summary: string;
|
|
152
|
-
};
|
|
153
|
-
defaultValue: {
|
|
154
|
-
summary: string;
|
|
155
|
-
};
|
|
156
|
-
};
|
|
157
|
-
defaultValue: boolean;
|
|
158
|
-
control: {
|
|
159
|
-
type: string;
|
|
160
|
-
};
|
|
161
|
-
};
|
|
162
|
-
showCharCounter: {
|
|
163
|
-
type: {
|
|
164
|
-
name: string;
|
|
165
|
-
required: boolean;
|
|
166
|
-
};
|
|
167
|
-
description: string;
|
|
168
|
-
table: {
|
|
169
|
-
type: {
|
|
170
|
-
summary: string;
|
|
171
|
-
};
|
|
172
|
-
defaultValue: {
|
|
173
|
-
summary: string;
|
|
174
|
-
};
|
|
175
|
-
};
|
|
176
|
-
defaultValue: boolean;
|
|
177
|
-
control: {
|
|
178
|
-
type: string;
|
|
179
|
-
};
|
|
180
|
-
};
|
|
181
|
-
maxChars: {
|
|
182
|
-
type: {
|
|
183
|
-
name: string;
|
|
184
|
-
required: boolean;
|
|
185
|
-
};
|
|
186
|
-
description: string;
|
|
187
|
-
defaultValue: number;
|
|
188
|
-
};
|
|
189
|
-
isOptional: {
|
|
190
|
-
type: {
|
|
191
|
-
name: string;
|
|
192
|
-
required: boolean;
|
|
193
|
-
};
|
|
194
|
-
description: string;
|
|
195
|
-
defaultValue: boolean;
|
|
196
|
-
};
|
|
197
|
-
};
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.argTypes = exports.parameters = void 0;
|
|
4
|
-
const icon_1 = require("../icon");
|
|
5
|
-
exports.parameters = {
|
|
6
|
-
actions: {
|
|
7
|
-
handles: ['mouseenter', 'click', 'focusin', 'focusout']
|
|
8
|
-
},
|
|
9
|
-
design: {
|
|
10
|
-
type: 'zeroheight',
|
|
11
|
-
url: 'https://zeroheight.com/1be481dc2/p/489b41-buttons/b/026ea1'
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
exports.argTypes = {
|
|
15
|
-
label: {
|
|
16
|
-
type: { name: 'string', required: true },
|
|
17
|
-
description: 'Label to display above input. ',
|
|
18
|
-
defaultValue: 'Label'
|
|
19
|
-
},
|
|
20
|
-
ariaLabel: {
|
|
21
|
-
type: { name: 'string', required: false },
|
|
22
|
-
description: 'Descritive attribute that labels the checkbox in terms of accessibility',
|
|
23
|
-
defaultValue: '',
|
|
24
|
-
control: {
|
|
25
|
-
type: 'text'
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
hideLabel: {
|
|
29
|
-
type: { name: 'boolean', required: false },
|
|
30
|
-
description: 'Whether to show/hide input field label',
|
|
31
|
-
table: {
|
|
32
|
-
type: {
|
|
33
|
-
summary: 'boolean'
|
|
34
|
-
},
|
|
35
|
-
defaultValue: { summary: 'false' }
|
|
36
|
-
},
|
|
37
|
-
defaultValue: false,
|
|
38
|
-
control: { type: 'boolean' }
|
|
39
|
-
},
|
|
40
|
-
placeholder: {
|
|
41
|
-
type: { name: 'string', required: false },
|
|
42
|
-
description: 'Placeholder to display when no text.',
|
|
43
|
-
defaultValue: ''
|
|
44
|
-
},
|
|
45
|
-
initialValue: {
|
|
46
|
-
type: { name: 'string', required: false },
|
|
47
|
-
description: 'Default value.',
|
|
48
|
-
defaultValue: ''
|
|
49
|
-
},
|
|
50
|
-
togglePasswordAltIconText: {
|
|
51
|
-
type: { name: 'string', required: false },
|
|
52
|
-
description: 'Alternative text for toggle password/plain text icon button.',
|
|
53
|
-
defaultValue: 'Mask or unmask password'
|
|
54
|
-
},
|
|
55
|
-
feedbackText: {
|
|
56
|
-
type: { name: 'string', required: false },
|
|
57
|
-
description: 'Feedback to display',
|
|
58
|
-
defaultValue: ''
|
|
59
|
-
},
|
|
60
|
-
feedbackState: {
|
|
61
|
-
type: { name: 'string', required: false },
|
|
62
|
-
description: 'Feedback message state.',
|
|
63
|
-
defaultValue: 'info',
|
|
64
|
-
control: {
|
|
65
|
-
type: 'select',
|
|
66
|
-
options: ['info', 'success', 'danger', 'warning']
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
leadingIcon: {
|
|
70
|
-
type: { name: 'string', required: false },
|
|
71
|
-
description: 'Icon to display on the left side',
|
|
72
|
-
defaultValue: null,
|
|
73
|
-
control: {
|
|
74
|
-
type: 'select',
|
|
75
|
-
options: ['no-icon', ...icon_1.allIcons.filter((icon) => icon.indexOf('agora-line') === 0)] // allowing only line family icon
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
hasError: {
|
|
79
|
-
type: { name: 'boolean', required: false },
|
|
80
|
-
description: 'Whether the Input has any validation error',
|
|
81
|
-
table: {
|
|
82
|
-
type: {
|
|
83
|
-
summary: 'boolean'
|
|
84
|
-
},
|
|
85
|
-
defaultValue: { summary: 'false' }
|
|
86
|
-
},
|
|
87
|
-
defaultValue: false,
|
|
88
|
-
control: { type: 'boolean' }
|
|
89
|
-
},
|
|
90
|
-
disabled: {
|
|
91
|
-
type: { name: 'boolean', required: false },
|
|
92
|
-
description: 'Whether the Input is disabled.',
|
|
93
|
-
table: {
|
|
94
|
-
type: {
|
|
95
|
-
summary: 'boolean'
|
|
96
|
-
},
|
|
97
|
-
defaultValue: { summary: 'false' }
|
|
98
|
-
},
|
|
99
|
-
defaultValue: false,
|
|
100
|
-
control: { type: 'boolean' }
|
|
101
|
-
},
|
|
102
|
-
readOnly: {
|
|
103
|
-
type: { name: 'boolean', required: false },
|
|
104
|
-
description: 'Whether the Input is Read only.',
|
|
105
|
-
table: {
|
|
106
|
-
type: {
|
|
107
|
-
summary: 'boolean'
|
|
108
|
-
},
|
|
109
|
-
defaultValue: { summary: 'false' }
|
|
110
|
-
},
|
|
111
|
-
defaultValue: false,
|
|
112
|
-
control: { type: 'boolean' }
|
|
113
|
-
},
|
|
114
|
-
showCharCounter: {
|
|
115
|
-
type: { name: 'boolean', required: false },
|
|
116
|
-
description: 'Whether show char counter.',
|
|
117
|
-
table: {
|
|
118
|
-
type: {
|
|
119
|
-
summary: 'boolean'
|
|
120
|
-
},
|
|
121
|
-
defaultValue: { summary: 'false' }
|
|
122
|
-
},
|
|
123
|
-
defaultValue: false,
|
|
124
|
-
control: { type: 'boolean' }
|
|
125
|
-
},
|
|
126
|
-
maxChars: {
|
|
127
|
-
type: { name: 'number', required: false },
|
|
128
|
-
description: 'Maximum chars allowed.',
|
|
129
|
-
defaultValue: -1
|
|
130
|
-
},
|
|
131
|
-
isOptional: {
|
|
132
|
-
type: { name: 'boolean', required: false },
|
|
133
|
-
description: 'Decides if this field could be optional',
|
|
134
|
-
defaultValue: false
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
//# sourceMappingURL=input_password.csf.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input_password.csf.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/input_password/input_password.csf.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ComponentMeta, Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { InputPasswordProps } from './input_password';
|
|
4
|
-
declare const _default: ComponentMeta<React.FC<InputPasswordProps>>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const InputPasswordComp: Story<any>;
|
|
7
|
-
export declare const InputPasswordFeedbackInfo: Story<any>;
|
|
8
|
-
export declare const InputPasswordFeedbackSuccess: Story<any>;
|
|
9
|
-
export declare const InputPasswordFeedbackWarning: Story<any>;
|
|
10
|
-
export declare const InputPasswordFeedbackDanger: Story<any>;
|
|
11
|
-
export declare const InputTextCompHasReadOnly: Story<any>;
|
|
12
|
-
export declare const InputTextCompDisabled: Story<any>;
|
|
13
|
-
export declare const InputTextCompHasError: Story<any>;
|