@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,134 +0,0 @@
|
|
|
1
|
-
import { allIcons } from '../icon';
|
|
2
|
-
export const parameters = {
|
|
3
|
-
actions: {
|
|
4
|
-
handles: ['mouseenter', 'click', 'focusin', 'focusout']
|
|
5
|
-
},
|
|
6
|
-
design: {
|
|
7
|
-
type: 'zeroheight',
|
|
8
|
-
url: 'https://zeroheight.com/1be481dc2/p/489b41-buttons/b/026ea1'
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
export const argTypes = {
|
|
12
|
-
label: {
|
|
13
|
-
type: { name: 'string', required: true },
|
|
14
|
-
description: 'Label to display above input. ',
|
|
15
|
-
defaultValue: 'Label'
|
|
16
|
-
},
|
|
17
|
-
ariaLabel: {
|
|
18
|
-
type: { name: 'string', required: false },
|
|
19
|
-
description: 'Descritive attribute that labels the checkbox in terms of accessibility',
|
|
20
|
-
defaultValue: '',
|
|
21
|
-
control: {
|
|
22
|
-
type: 'text'
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
hideLabel: {
|
|
26
|
-
type: { name: 'boolean', required: false },
|
|
27
|
-
description: 'Whether to show/hide input field label',
|
|
28
|
-
table: {
|
|
29
|
-
type: {
|
|
30
|
-
summary: 'boolean'
|
|
31
|
-
},
|
|
32
|
-
defaultValue: { summary: 'false' }
|
|
33
|
-
},
|
|
34
|
-
defaultValue: false,
|
|
35
|
-
control: { type: 'boolean' }
|
|
36
|
-
},
|
|
37
|
-
placeholder: {
|
|
38
|
-
type: { name: 'string', required: false },
|
|
39
|
-
description: 'Placeholder to display when no text.',
|
|
40
|
-
defaultValue: ''
|
|
41
|
-
},
|
|
42
|
-
initialValue: {
|
|
43
|
-
type: { name: 'string', required: false },
|
|
44
|
-
description: 'Default value.',
|
|
45
|
-
defaultValue: ''
|
|
46
|
-
},
|
|
47
|
-
togglePasswordAltIconText: {
|
|
48
|
-
type: { name: 'string', required: false },
|
|
49
|
-
description: 'Alternative text for toggle password/plain text icon button.',
|
|
50
|
-
defaultValue: 'Mask or unmask password'
|
|
51
|
-
},
|
|
52
|
-
feedbackText: {
|
|
53
|
-
type: { name: 'string', required: false },
|
|
54
|
-
description: 'Feedback to display',
|
|
55
|
-
defaultValue: ''
|
|
56
|
-
},
|
|
57
|
-
feedbackState: {
|
|
58
|
-
type: { name: 'string', required: false },
|
|
59
|
-
description: 'Feedback message state.',
|
|
60
|
-
defaultValue: 'info',
|
|
61
|
-
control: {
|
|
62
|
-
type: 'select',
|
|
63
|
-
options: ['info', 'success', 'danger', 'warning']
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
leadingIcon: {
|
|
67
|
-
type: { name: 'string', required: false },
|
|
68
|
-
description: 'Icon to display on the left side',
|
|
69
|
-
defaultValue: null,
|
|
70
|
-
control: {
|
|
71
|
-
type: 'select',
|
|
72
|
-
options: ['no-icon', ...allIcons.filter((icon) => icon.indexOf('agora-line') === 0)] // allowing only line family icon
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
hasError: {
|
|
76
|
-
type: { name: 'boolean', required: false },
|
|
77
|
-
description: 'Whether the Input has any validation error',
|
|
78
|
-
table: {
|
|
79
|
-
type: {
|
|
80
|
-
summary: 'boolean'
|
|
81
|
-
},
|
|
82
|
-
defaultValue: { summary: 'false' }
|
|
83
|
-
},
|
|
84
|
-
defaultValue: false,
|
|
85
|
-
control: { type: 'boolean' }
|
|
86
|
-
},
|
|
87
|
-
disabled: {
|
|
88
|
-
type: { name: 'boolean', required: false },
|
|
89
|
-
description: 'Whether the Input is disabled.',
|
|
90
|
-
table: {
|
|
91
|
-
type: {
|
|
92
|
-
summary: 'boolean'
|
|
93
|
-
},
|
|
94
|
-
defaultValue: { summary: 'false' }
|
|
95
|
-
},
|
|
96
|
-
defaultValue: false,
|
|
97
|
-
control: { type: 'boolean' }
|
|
98
|
-
},
|
|
99
|
-
readOnly: {
|
|
100
|
-
type: { name: 'boolean', required: false },
|
|
101
|
-
description: 'Whether the Input is Read only.',
|
|
102
|
-
table: {
|
|
103
|
-
type: {
|
|
104
|
-
summary: 'boolean'
|
|
105
|
-
},
|
|
106
|
-
defaultValue: { summary: 'false' }
|
|
107
|
-
},
|
|
108
|
-
defaultValue: false,
|
|
109
|
-
control: { type: 'boolean' }
|
|
110
|
-
},
|
|
111
|
-
showCharCounter: {
|
|
112
|
-
type: { name: 'boolean', required: false },
|
|
113
|
-
description: 'Whether show char counter.',
|
|
114
|
-
table: {
|
|
115
|
-
type: {
|
|
116
|
-
summary: 'boolean'
|
|
117
|
-
},
|
|
118
|
-
defaultValue: { summary: 'false' }
|
|
119
|
-
},
|
|
120
|
-
defaultValue: false,
|
|
121
|
-
control: { type: 'boolean' }
|
|
122
|
-
},
|
|
123
|
-
maxChars: {
|
|
124
|
-
type: { name: 'number', required: false },
|
|
125
|
-
description: 'Maximum chars allowed.',
|
|
126
|
-
defaultValue: -1
|
|
127
|
-
},
|
|
128
|
-
isOptional: {
|
|
129
|
-
type: { name: 'boolean', required: false },
|
|
130
|
-
description: 'Decides if this field could be optional',
|
|
131
|
-
defaultValue: false
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
//# 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":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;KACxD;IACD,MAAM,EAAE;QACN,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,4DAA4D;KAClE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;QACxC,WAAW,EAAE,gCAAgC;QAC7C,YAAY,EAAE,OAAO;KACtB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,yEAAyE;QACtF,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IAED,WAAW,EAAE;QACX,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,sCAAsC;QACnD,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,gBAAgB;QAC7B,YAAY,EAAE,EAAE;KACjB;IACD,yBAAyB,EAAE;QACzB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,8DAA8D;QAC3E,YAAY,EAAE,yBAAyB;KACxC;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,qBAAqB;QAClC,YAAY,EAAE,EAAE;KACjB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,yBAAyB;QACtC,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;SAClD;KACF;IACD,WAAW,EAAE;QACX,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,kCAAkC;QAC/C,YAAY,EAAE,IAAI;QAClB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iCAAiC;SACvH;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,4CAA4C;QACzD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,iCAAiC;QAC9C,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,eAAe,EAAE;QACf,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,4BAA4B;QACzC,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,wBAAwB;QACrC,YAAY,EAAE,CAAC,CAAC;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,yCAAyC;QACtD,YAAY,EAAE,KAAK;KACpB;CACF,CAAC"}
|
|
@@ -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>;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { InputPassword } from './input_password';
|
|
3
|
-
import { argTypes } from './input_password.csf';
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Components/Atoms/Input Password',
|
|
6
|
-
component: InputPassword,
|
|
7
|
-
argTypes: Object.assign({}, argTypes)
|
|
8
|
-
};
|
|
9
|
-
export const InputPasswordComp = (args) => (React.createElement("div", { className: "p-8" },
|
|
10
|
-
React.createElement(InputPassword, Object.assign({}, args, { id: "input-password" }))));
|
|
11
|
-
InputPasswordComp.storyName = 'Input Password';
|
|
12
|
-
InputPasswordComp.args = {
|
|
13
|
-
label: 'Label',
|
|
14
|
-
placeholder: 'Placeholder'
|
|
15
|
-
};
|
|
16
|
-
export const InputPasswordFeedbackInfo = (args) => (React.createElement("div", { className: "p-8" },
|
|
17
|
-
React.createElement(InputPassword, Object.assign({}, args, { id: "input-password", feedbackText: "Some info feedback" }))));
|
|
18
|
-
InputPasswordFeedbackInfo.storyName = 'Input Password Feedback Info';
|
|
19
|
-
InputPasswordFeedbackInfo.args = {
|
|
20
|
-
label: 'Label',
|
|
21
|
-
placeholder: 'Placeholder'
|
|
22
|
-
};
|
|
23
|
-
export const InputPasswordFeedbackSuccess = (args) => (React.createElement("div", { className: "p-8" },
|
|
24
|
-
React.createElement(InputPassword, Object.assign({}, args, { id: "input-password", feedbackText: "Some success feedback", feedbackState: "success" }))));
|
|
25
|
-
InputPasswordFeedbackSuccess.storyName = 'Input Password Feedback Success';
|
|
26
|
-
InputPasswordFeedbackSuccess.args = {
|
|
27
|
-
label: 'Label',
|
|
28
|
-
placeholder: 'Placeholder'
|
|
29
|
-
};
|
|
30
|
-
export const InputPasswordFeedbackWarning = (args) => (React.createElement("div", { className: "p-8" },
|
|
31
|
-
React.createElement(InputPassword, Object.assign({}, args, { id: "input-password", feedbackText: "Some warning feedback", feedbackState: "warning" }))));
|
|
32
|
-
InputPasswordFeedbackWarning.storyName = 'Input Password Feedback Warning';
|
|
33
|
-
InputPasswordFeedbackWarning.args = {
|
|
34
|
-
label: 'Label',
|
|
35
|
-
placeholder: 'Placeholder'
|
|
36
|
-
};
|
|
37
|
-
export const InputPasswordFeedbackDanger = (args) => (React.createElement("div", { className: "p-8" },
|
|
38
|
-
React.createElement(InputPassword, Object.assign({}, args, { id: "input-password", feedbackText: "Some danger feedback", feedbackState: "danger" }))));
|
|
39
|
-
InputPasswordFeedbackDanger.storyName = 'Input Password Feedback Danger';
|
|
40
|
-
InputPasswordFeedbackDanger.args = {
|
|
41
|
-
label: 'Label',
|
|
42
|
-
placeholder: 'Placeholder'
|
|
43
|
-
};
|
|
44
|
-
export const InputTextCompHasReadOnly = (args) => (React.createElement("div", { className: "p-8" },
|
|
45
|
-
React.createElement(InputPassword, Object.assign({}, args, { id: "input-password" }))));
|
|
46
|
-
InputTextCompHasReadOnly.storyName = 'Input Password Read Only';
|
|
47
|
-
InputTextCompHasReadOnly.args = {
|
|
48
|
-
readOnly: true,
|
|
49
|
-
label: 'Label',
|
|
50
|
-
placeholder: 'Placeholder'
|
|
51
|
-
};
|
|
52
|
-
export const InputTextCompDisabled = (args) => (React.createElement("div", { className: "p-8" },
|
|
53
|
-
React.createElement(InputPassword, Object.assign({}, args, { id: "input-password" }))));
|
|
54
|
-
InputTextCompDisabled.storyName = 'Input Password Disabled';
|
|
55
|
-
InputTextCompDisabled.args = {
|
|
56
|
-
disabled: true,
|
|
57
|
-
label: 'Label',
|
|
58
|
-
placeholder: 'Placeholder'
|
|
59
|
-
};
|
|
60
|
-
export const InputTextCompHasError = (args) => (React.createElement("div", { className: "p-8" },
|
|
61
|
-
React.createElement(InputPassword, Object.assign({}, args, { id: "input-password" }))));
|
|
62
|
-
InputTextCompHasError.storyName = 'Input Password Error';
|
|
63
|
-
InputTextCompHasError.args = {
|
|
64
|
-
hasError: true,
|
|
65
|
-
label: 'Label',
|
|
66
|
-
placeholder: 'Placeholder'
|
|
67
|
-
};
|
|
68
|
-
//# sourceMappingURL=input_password.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input_password.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/input_password/input_password.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,189 +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
|
-
feedbackText: {
|
|
66
|
-
type: {
|
|
67
|
-
name: string;
|
|
68
|
-
required: boolean;
|
|
69
|
-
};
|
|
70
|
-
description: string;
|
|
71
|
-
defaultValue: string;
|
|
72
|
-
};
|
|
73
|
-
feedbackState: {
|
|
74
|
-
type: {
|
|
75
|
-
name: string;
|
|
76
|
-
required: boolean;
|
|
77
|
-
};
|
|
78
|
-
description: string;
|
|
79
|
-
defaultValue: string;
|
|
80
|
-
control: {
|
|
81
|
-
type: string;
|
|
82
|
-
options: string[];
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
leadingIcon: {
|
|
86
|
-
type: {
|
|
87
|
-
name: string;
|
|
88
|
-
required: boolean;
|
|
89
|
-
};
|
|
90
|
-
description: string;
|
|
91
|
-
defaultValue: null;
|
|
92
|
-
control: {
|
|
93
|
-
type: string;
|
|
94
|
-
options: string[];
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
|
-
hasError: {
|
|
98
|
-
type: {
|
|
99
|
-
name: string;
|
|
100
|
-
required: boolean;
|
|
101
|
-
};
|
|
102
|
-
description: string;
|
|
103
|
-
table: {
|
|
104
|
-
type: {
|
|
105
|
-
summary: string;
|
|
106
|
-
};
|
|
107
|
-
defaultValue: {
|
|
108
|
-
summary: string;
|
|
109
|
-
};
|
|
110
|
-
};
|
|
111
|
-
defaultValue: boolean;
|
|
112
|
-
control: {
|
|
113
|
-
type: string;
|
|
114
|
-
};
|
|
115
|
-
};
|
|
116
|
-
disabled: {
|
|
117
|
-
type: {
|
|
118
|
-
name: string;
|
|
119
|
-
required: boolean;
|
|
120
|
-
};
|
|
121
|
-
description: string;
|
|
122
|
-
table: {
|
|
123
|
-
type: {
|
|
124
|
-
summary: string;
|
|
125
|
-
};
|
|
126
|
-
defaultValue: {
|
|
127
|
-
summary: string;
|
|
128
|
-
};
|
|
129
|
-
};
|
|
130
|
-
defaultValue: boolean;
|
|
131
|
-
control: {
|
|
132
|
-
type: string;
|
|
133
|
-
};
|
|
134
|
-
};
|
|
135
|
-
readOnly: {
|
|
136
|
-
type: {
|
|
137
|
-
name: string;
|
|
138
|
-
required: boolean;
|
|
139
|
-
};
|
|
140
|
-
description: string;
|
|
141
|
-
table: {
|
|
142
|
-
type: {
|
|
143
|
-
summary: string;
|
|
144
|
-
};
|
|
145
|
-
defaultValue: {
|
|
146
|
-
summary: string;
|
|
147
|
-
};
|
|
148
|
-
};
|
|
149
|
-
defaultValue: boolean;
|
|
150
|
-
control: {
|
|
151
|
-
type: string;
|
|
152
|
-
};
|
|
153
|
-
};
|
|
154
|
-
showCharCounter: {
|
|
155
|
-
type: {
|
|
156
|
-
name: string;
|
|
157
|
-
required: boolean;
|
|
158
|
-
};
|
|
159
|
-
description: string;
|
|
160
|
-
table: {
|
|
161
|
-
type: {
|
|
162
|
-
summary: string;
|
|
163
|
-
};
|
|
164
|
-
defaultValue: {
|
|
165
|
-
summary: string;
|
|
166
|
-
};
|
|
167
|
-
};
|
|
168
|
-
defaultValue: boolean;
|
|
169
|
-
control: {
|
|
170
|
-
type: string;
|
|
171
|
-
};
|
|
172
|
-
};
|
|
173
|
-
maxChars: {
|
|
174
|
-
type: {
|
|
175
|
-
name: string;
|
|
176
|
-
required: boolean;
|
|
177
|
-
};
|
|
178
|
-
description: string;
|
|
179
|
-
defaultValue: number;
|
|
180
|
-
};
|
|
181
|
-
isOptional: {
|
|
182
|
-
type: {
|
|
183
|
-
name: string;
|
|
184
|
-
required: boolean;
|
|
185
|
-
};
|
|
186
|
-
description: string;
|
|
187
|
-
defaultValue: boolean;
|
|
188
|
-
};
|
|
189
|
-
};
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import { allIcons } from '../icon';
|
|
2
|
-
export const parameters = {
|
|
3
|
-
actions: {
|
|
4
|
-
handles: ['mouseenter', 'click', 'focusin', 'focusout']
|
|
5
|
-
},
|
|
6
|
-
design: {
|
|
7
|
-
type: 'zeroheight',
|
|
8
|
-
url: 'https://zeroheight.com/1be481dc2/p/489b41-buttons/b/026ea1'
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
export const argTypes = {
|
|
12
|
-
label: {
|
|
13
|
-
type: { name: 'string', required: true },
|
|
14
|
-
description: 'Label to display above input. ',
|
|
15
|
-
defaultValue: ''
|
|
16
|
-
},
|
|
17
|
-
ariaLabel: {
|
|
18
|
-
type: { name: 'string', required: false },
|
|
19
|
-
description: 'Descritive attribute that labels the checkbox in terms of accessibility',
|
|
20
|
-
defaultValue: '',
|
|
21
|
-
control: {
|
|
22
|
-
type: 'text'
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
hideLabel: {
|
|
26
|
-
type: { name: 'boolean', required: false },
|
|
27
|
-
description: 'Whether to show/hide input field label',
|
|
28
|
-
table: {
|
|
29
|
-
type: {
|
|
30
|
-
summary: 'boolean'
|
|
31
|
-
},
|
|
32
|
-
defaultValue: { summary: 'false' }
|
|
33
|
-
},
|
|
34
|
-
defaultValue: false,
|
|
35
|
-
control: { type: 'boolean' }
|
|
36
|
-
},
|
|
37
|
-
placeholder: {
|
|
38
|
-
type: { name: 'string', required: false },
|
|
39
|
-
description: 'Placeholder to display when no text.',
|
|
40
|
-
defaultValue: ''
|
|
41
|
-
},
|
|
42
|
-
initialValue: {
|
|
43
|
-
type: { name: 'string', required: false },
|
|
44
|
-
description: 'Default value.',
|
|
45
|
-
defaultValue: ''
|
|
46
|
-
},
|
|
47
|
-
feedbackText: {
|
|
48
|
-
type: { name: 'string', required: false },
|
|
49
|
-
description: 'Feedback to display',
|
|
50
|
-
defaultValue: ''
|
|
51
|
-
},
|
|
52
|
-
feedbackState: {
|
|
53
|
-
type: { name: 'string', required: false },
|
|
54
|
-
description: 'Feedback message state.',
|
|
55
|
-
defaultValue: 'info',
|
|
56
|
-
control: {
|
|
57
|
-
type: 'select',
|
|
58
|
-
options: ['info', 'success', 'danger', 'warning']
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
leadingIcon: {
|
|
62
|
-
type: { name: 'string', required: false },
|
|
63
|
-
description: 'Icon to display on the left side',
|
|
64
|
-
defaultValue: null,
|
|
65
|
-
control: {
|
|
66
|
-
type: 'select',
|
|
67
|
-
options: ['no-icon', ...allIcons.filter((icon) => icon.indexOf('agora-line') === 0)] // allowing only line family icon
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
hasError: {
|
|
71
|
-
type: { name: 'boolean', required: false },
|
|
72
|
-
description: 'Whether the Input has any validation error',
|
|
73
|
-
table: {
|
|
74
|
-
type: {
|
|
75
|
-
summary: 'boolean'
|
|
76
|
-
},
|
|
77
|
-
defaultValue: { summary: 'false' }
|
|
78
|
-
},
|
|
79
|
-
defaultValue: false,
|
|
80
|
-
control: { type: 'boolean' }
|
|
81
|
-
},
|
|
82
|
-
disabled: {
|
|
83
|
-
type: { name: 'boolean', required: false },
|
|
84
|
-
description: 'Whether the Input is disabled.',
|
|
85
|
-
table: {
|
|
86
|
-
type: {
|
|
87
|
-
summary: 'boolean'
|
|
88
|
-
},
|
|
89
|
-
defaultValue: { summary: 'false' }
|
|
90
|
-
},
|
|
91
|
-
defaultValue: false,
|
|
92
|
-
control: { type: 'boolean' }
|
|
93
|
-
},
|
|
94
|
-
readOnly: {
|
|
95
|
-
type: { name: 'boolean', required: false },
|
|
96
|
-
description: 'Whether the Input is Read only.',
|
|
97
|
-
table: {
|
|
98
|
-
type: {
|
|
99
|
-
summary: 'boolean'
|
|
100
|
-
},
|
|
101
|
-
defaultValue: { summary: 'false' }
|
|
102
|
-
},
|
|
103
|
-
defaultValue: false,
|
|
104
|
-
control: { type: 'boolean' }
|
|
105
|
-
},
|
|
106
|
-
showCharCounter: {
|
|
107
|
-
type: { name: 'boolean', required: false },
|
|
108
|
-
description: 'Whether show char counter.',
|
|
109
|
-
table: {
|
|
110
|
-
type: {
|
|
111
|
-
summary: 'boolean'
|
|
112
|
-
},
|
|
113
|
-
defaultValue: { summary: 'false' }
|
|
114
|
-
},
|
|
115
|
-
defaultValue: false,
|
|
116
|
-
control: { type: 'boolean' }
|
|
117
|
-
},
|
|
118
|
-
maxChars: {
|
|
119
|
-
type: { name: 'number', required: false },
|
|
120
|
-
description: 'Maximum chars allowed.',
|
|
121
|
-
defaultValue: -1
|
|
122
|
-
},
|
|
123
|
-
isOptional: {
|
|
124
|
-
type: { name: 'boolean', required: false },
|
|
125
|
-
description: 'Decides if this field could be optional',
|
|
126
|
-
defaultValue: false
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
//# sourceMappingURL=input_text.csf.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input_text.csf.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/input_text/input_text.csf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;KACxD;IACD,MAAM,EAAE;QACN,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,4DAA4D;KAClE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;QACxC,WAAW,EAAE,gCAAgC;QAC7C,YAAY,EAAE,EAAE;KACjB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,yEAAyE;QACtF,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,WAAW,EAAE;QACX,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,sCAAsC;QACnD,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,gBAAgB;QAC7B,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,qBAAqB;QAClC,YAAY,EAAE,EAAE;KACjB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,yBAAyB;QACtC,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;SAClD;KACF;IACD,WAAW,EAAE;QACX,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,kCAAkC;QAC/C,YAAY,EAAE,IAAI;QAClB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iCAAiC;SACvH;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,4CAA4C;QACzD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,iCAAiC;QAC9C,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,eAAe,EAAE;QACf,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,4BAA4B;QACzC,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,wBAAwB;QACrC,YAAY,EAAE,CAAC,CAAC;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,yCAAyC;QACtD,YAAY,EAAE,KAAK;KACpB;CACF,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ComponentMeta, Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { InputTextProps } from './input_text';
|
|
4
|
-
declare const _default: ComponentMeta<React.FC<InputTextProps>>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const InputTextComp: Story<any>;
|
|
7
|
-
export declare const InputTextFeedbackInfo: Story<any>;
|
|
8
|
-
export declare const InputTextFeedbackSuccess: Story<any>;
|
|
9
|
-
export declare const InputTextFeedbackWarning: Story<any>;
|
|
10
|
-
export declare const InputTextFeedbackDanger: Story<any>;
|
|
11
|
-
export declare const InputTextCompHasReadOnly: Story<any>;
|
|
12
|
-
export declare const InputTextCompDisabled: Story<any>;
|
|
13
|
-
export declare const InputTextCompHasError: Story<any>;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { InputText } from './input_text';
|
|
3
|
-
import { argTypes } from './input_text.csf';
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Components/Atoms/Input Text',
|
|
6
|
-
component: InputText,
|
|
7
|
-
argTypes: Object.assign({}, argTypes)
|
|
8
|
-
};
|
|
9
|
-
export const InputTextComp = (args) => (React.createElement("div", { className: "p-8" },
|
|
10
|
-
React.createElement(InputText, Object.assign({}, args, { id: "input-text" }))));
|
|
11
|
-
InputTextComp.storyName = 'Input Text';
|
|
12
|
-
InputTextComp.args = {
|
|
13
|
-
label: 'Label',
|
|
14
|
-
placeholder: 'Placeholder'
|
|
15
|
-
};
|
|
16
|
-
export const InputTextFeedbackInfo = (args) => (React.createElement("div", { className: "p-8" },
|
|
17
|
-
React.createElement(InputText, Object.assign({}, args, { id: "input-text", feedbackText: "Some info feedback" }))));
|
|
18
|
-
InputTextFeedbackInfo.storyName = 'Input Text Feedback Info';
|
|
19
|
-
InputTextFeedbackInfo.args = {
|
|
20
|
-
label: 'Label',
|
|
21
|
-
placeholder: 'Placeholder'
|
|
22
|
-
};
|
|
23
|
-
export const InputTextFeedbackSuccess = (args) => (React.createElement("div", { className: "p-8" },
|
|
24
|
-
React.createElement(InputText, Object.assign({}, args, { id: "input-text", feedbackText: "Some success feedback", feedbackState: "success" }))));
|
|
25
|
-
InputTextFeedbackSuccess.storyName = 'Input Text Feedback Success';
|
|
26
|
-
InputTextFeedbackSuccess.args = {
|
|
27
|
-
label: 'Label',
|
|
28
|
-
placeholder: 'Placeholder'
|
|
29
|
-
};
|
|
30
|
-
export const InputTextFeedbackWarning = (args) => (React.createElement("div", { className: "p-8" },
|
|
31
|
-
' ',
|
|
32
|
-
React.createElement(InputText, Object.assign({}, args, { id: "input-text", feedbackText: "Some warning feedback", feedbackState: "warning" }))));
|
|
33
|
-
InputTextFeedbackWarning.storyName = 'Input Text Feedback Warning';
|
|
34
|
-
InputTextFeedbackWarning.args = {
|
|
35
|
-
label: 'Label',
|
|
36
|
-
placeholder: 'Placeholder'
|
|
37
|
-
};
|
|
38
|
-
export const InputTextFeedbackDanger = (args) => (React.createElement("div", { className: "p-8" },
|
|
39
|
-
React.createElement(InputText, Object.assign({}, args, { id: "input-text", feedbackText: "Some danger feedback", feedbackState: "danger" }))));
|
|
40
|
-
InputTextFeedbackDanger.storyName = 'Input Text Feedback Danger';
|
|
41
|
-
InputTextFeedbackDanger.args = {
|
|
42
|
-
label: 'Label',
|
|
43
|
-
placeholder: 'Placeholder'
|
|
44
|
-
};
|
|
45
|
-
export const InputTextCompHasReadOnly = (args) => (React.createElement("div", { className: "p-8" },
|
|
46
|
-
React.createElement(InputText, Object.assign({}, args, { id: "input-text" }))));
|
|
47
|
-
InputTextCompHasReadOnly.storyName = 'Input Text Read Only';
|
|
48
|
-
InputTextCompHasReadOnly.args = {
|
|
49
|
-
readOnly: true,
|
|
50
|
-
label: 'Label',
|
|
51
|
-
placeholder: 'Placeholder'
|
|
52
|
-
};
|
|
53
|
-
export const InputTextCompDisabled = (args) => (React.createElement("div", { className: "p-8" },
|
|
54
|
-
React.createElement(InputText, Object.assign({}, args, { id: "input-text" }))));
|
|
55
|
-
InputTextCompDisabled.storyName = 'Input Text Disabled';
|
|
56
|
-
InputTextCompDisabled.args = {
|
|
57
|
-
disabled: true,
|
|
58
|
-
label: 'Label',
|
|
59
|
-
placeholder: 'Placeholder'
|
|
60
|
-
};
|
|
61
|
-
export const InputTextCompHasError = (args) => (React.createElement("div", { className: "p-8" },
|
|
62
|
-
React.createElement(InputText, Object.assign({}, args, { id: "input-text" }))));
|
|
63
|
-
InputTextCompHasError.storyName = 'Input Text Error';
|
|
64
|
-
InputTextCompHasError.args = {
|
|
65
|
-
hasError: true,
|
|
66
|
-
label: 'Label',
|
|
67
|
-
placeholder: 'Placeholder'
|
|
68
|
-
};
|
|
69
|
-
//# sourceMappingURL=input_text.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input_text.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/input_text/input_text.stories.tsx"],"names":[],"mappings":"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"}
|