@zohodesk/components 1.0.0-temp-149 → 1.0.0-temp-150
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 +1195 -1191
- package/assets/Appearance/dark/mode/darkMode.module.css +2 -2
- package/assets/Appearance/default/mode/defaultMode.module.css +2 -2
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +2 -2
- package/assets/Contrast/darkContrastLightness.module.css +0 -2
- package/assets/Contrast/defaultContrastLightness.module.css +0 -2
- package/assets/Contrast/pureDarkContrastLightness.module.css +0 -2
- package/es/AppContainer/AppContainer.module.css +18 -18
- package/es/Avatar/Avatar.js +9 -9
- package/es/Avatar/Avatar.module.css +175 -175
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/es/AvatarTeam/AvatarTeam.js +7 -7
- package/es/AvatarTeam/AvatarTeam.module.css +188 -188
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/es/Button/Button.js +48 -51
- package/es/Button/{Button.module.css → css/Button.module.css} +525 -543
- package/es/Button/css/cssJSLogic.js +53 -0
- package/es/Button/index.js +2 -0
- package/es/Button/props/propTypes.js +3 -1
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/Buttongroup/Buttongroup.module.css +106 -106
- package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/es/Card/Card.js +4 -4
- package/es/Card/Card.module.css +20 -20
- package/es/CheckBox/CheckBox.js +0 -0
- package/es/CheckBox/CheckBox.module.css +157 -157
- package/es/DateTime/CalendarView.js +0 -0
- package/es/DateTime/DateTime.js +5 -25
- package/es/DateTime/DateTime.module.css +235 -235
- package/es/DateTime/DateWidget.js +0 -0
- package/es/DateTime/DateWidget.module.css +38 -38
- package/es/DateTime/YearView.js +0 -0
- package/es/DateTime/YearView.module.css +98 -98
- package/es/DateTime/common.js +0 -0
- package/es/DateTime/dateFormatUtils/dateFormats.js +3 -2
- package/es/DateTime/dateFormatUtils/index.js +27 -0
- package/es/DateTime/index.js +0 -0
- package/es/DateTime/objectUtils.js +0 -0
- package/es/DateTime/typeChecker.js +0 -0
- package/es/DateTime/validator.js +0 -0
- package/es/DropBox/DropBox.js +3 -5
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +427 -427
- package/es/DropBox/DropBoxPositionMapping.json +144 -144
- package/es/DropBox/css/DropBox.module.css +58 -58
- package/es/DropDown/DropDown.js +0 -0
- package/es/DropDown/DropDown.module.css +5 -5
- package/es/DropDown/DropDownHeading.js +0 -0
- package/es/DropDown/DropDownHeading.module.css +53 -53
- package/es/DropDown/DropDownItem.js +0 -0
- package/es/DropDown/DropDownItem.module.css +94 -94
- package/es/DropDown/DropDownSearch.js +0 -0
- package/es/DropDown/DropDownSearch.module.css +14 -14
- package/es/DropDown/DropDownSeparator.js +0 -0
- package/es/DropDown/DropDownSeparator.module.css +7 -7
- package/es/Heading/Heading.module.css +4 -4
- package/es/Label/Label.js +2 -2
- package/es/Label/Label.module.css +52 -52
- package/es/Label/LabelColors.module.css +20 -20
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
- package/es/Layout/Box.js +0 -0
- package/es/Layout/Container.js +0 -0
- package/es/Layout/Layout.module.css +335 -335
- package/es/Layout/utils.js +0 -0
- package/es/ListItem/ListItem.js +0 -0
- package/es/ListItem/ListItem.module.css +216 -216
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/es/MultiSelect/AdvancedMultiSelect.js +0 -2
- package/es/MultiSelect/MultiSelect.js +5 -8
- package/es/MultiSelect/MultiSelect.module.css +205 -205
- package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/es/MultiSelect/SelectedOptions.module.css +15 -15
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
- package/es/PopOver/PopOver.module.css +8 -8
- package/es/Popup/Popup.js +2 -3
- package/es/Popup/PositionMapping.json +73 -73
- package/es/Radio/Radio.js +0 -0
- package/es/Radio/Radio.module.css +112 -112
- package/es/Responsive/CustomResponsive.js +0 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/es/Ribbon/Ribbon.js +0 -0
- package/es/Ribbon/Ribbon.module.css +454 -454
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/es/RippleEffect/RippleEffect.module.css +92 -92
- package/es/Select/GroupSelect.js +0 -0
- package/es/Select/Select.js +0 -0
- package/es/Select/Select.module.css +108 -108
- package/es/Select/SelectWithAvatar.js +0 -0
- package/es/Select/SelectWithIcon.js +0 -0
- package/es/Select/__tests__/Select.spec.js +0 -0
- package/es/Stencils/Stencils.js +0 -0
- package/es/Stencils/Stencils.module.css +96 -96
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
- package/es/Switch/Switch.js +0 -0
- package/es/Switch/Switch.module.css +127 -127
- package/es/Tab/Tab.module.css +100 -100
- package/es/Tab/TabContent.module.css +4 -4
- package/es/Tab/Tabs.js +19 -19
- package/es/Tab/Tabs.module.css +143 -143
- package/es/Tag/Tag.js +8 -8
- package/es/Tag/Tag.module.css +254 -254
- package/es/Text/Text.js +37 -0
- package/es/Text/Text.module.css +21 -0
- package/es/Text/props/defaultProps.js +7 -0
- package/es/Text/props/propTypes.js +11 -0
- package/es/TextBox/TextBox.js +0 -0
- package/es/TextBox/TextBox.module.css +157 -157
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
- package/es/TextBoxIcon/TextBoxIcon.js +0 -0
- package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
- package/es/Textarea/Textarea.js +0 -0
- package/es/Textarea/Textarea.module.css +139 -139
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/es/Tooltip/Tooltip.module.css +133 -133
- package/es/common/a11y.module.css +3 -3
- package/es/common/animation.module.css +624 -624
- package/es/common/avatarsizes.module.css +48 -48
- package/es/common/basic.module.css +33 -33
- package/es/common/basicReset.module.css +40 -40
- package/es/common/boxShadow.module.css +33 -33
- package/es/common/common.module.css +524 -524
- package/es/common/customscroll.module.css +89 -89
- package/es/common/reset.module.css +12 -12
- package/es/common/transition.module.css +146 -146
- package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
- package/es/index.js +2 -1
- package/es/semantic/Button/semanticButton.module.css +9 -9
- package/es/utils/Common.js +4 -0
- package/es/utils/dropDownUtils.js +0 -0
- package/install.md +10 -10
- package/lib/AppContainer/AppContainer.module.css +18 -18
- package/lib/Avatar/Avatar.js +9 -9
- package/lib/Avatar/Avatar.module.css +175 -175
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/lib/AvatarTeam/AvatarTeam.js +7 -7
- package/lib/AvatarTeam/AvatarTeam.module.css +188 -188
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/lib/Button/Button.js +47 -76
- package/lib/Button/{Button.module.css → css/Button.module.css} +525 -543
- package/lib/Button/css/cssJSLogic.js +40 -0
- package/lib/Button/index.js +20 -0
- package/lib/Button/props/propTypes.js +5 -2
- package/lib/Buttongroup/Buttongroup.js +1 -1
- package/lib/Buttongroup/Buttongroup.module.css +106 -106
- package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/lib/Card/Card.js +4 -4
- package/lib/Card/Card.module.css +20 -20
- package/lib/CheckBox/CheckBox.js +0 -0
- package/lib/CheckBox/CheckBox.module.css +157 -157
- package/lib/DateTime/CalendarView.js +0 -0
- package/lib/DateTime/DateTime.js +5 -24
- package/lib/DateTime/DateTime.module.css +235 -235
- package/lib/DateTime/DateTimePopupFooter.js +1 -1
- package/lib/DateTime/DateTimePopupHeader.js +1 -1
- package/lib/DateTime/DateWidget.js +1 -1
- package/lib/DateTime/DateWidget.module.css +38 -38
- package/lib/DateTime/DaysRow.js +1 -1
- package/lib/DateTime/Time.js +1 -1
- package/lib/DateTime/YearView.js +1 -1
- package/lib/DateTime/YearView.module.css +98 -98
- package/lib/DateTime/common.js +0 -0
- package/lib/DateTime/dateFormatUtils/dateFormats.js +3 -2
- package/lib/DateTime/dateFormatUtils/index.js +31 -3
- package/lib/DateTime/dateFormatUtils/timeChange.js +1 -1
- package/lib/DateTime/index.js +0 -0
- package/lib/DateTime/objectUtils.js +0 -0
- package/lib/DateTime/typeChecker.js +0 -0
- package/lib/DateTime/validator.js +0 -0
- package/lib/DropBox/DropBox.js +3 -5
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +427 -427
- package/lib/DropBox/DropBoxPositionMapping.json +144 -144
- package/lib/DropBox/css/DropBox.module.css +58 -58
- package/lib/DropDown/DropDown.js +0 -0
- package/lib/DropDown/DropDown.module.css +5 -5
- package/lib/DropDown/DropDownHeading.js +0 -0
- package/lib/DropDown/DropDownHeading.module.css +53 -53
- package/lib/DropDown/DropDownItem.js +0 -0
- package/lib/DropDown/DropDownItem.module.css +94 -94
- package/lib/DropDown/DropDownSearch.js +0 -0
- package/lib/DropDown/DropDownSearch.module.css +14 -14
- package/lib/DropDown/DropDownSeparator.js +0 -0
- package/lib/DropDown/DropDownSeparator.module.css +7 -7
- package/lib/Heading/Heading.module.css +4 -4
- package/lib/Label/Label.js +3 -1
- package/lib/Label/Label.module.css +52 -52
- package/lib/Label/LabelColors.module.css +20 -20
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
- package/lib/Layout/Box.js +0 -0
- package/lib/Layout/Container.js +0 -0
- package/lib/Layout/Layout.module.css +335 -335
- package/lib/Layout/utils.js +0 -0
- package/lib/ListItem/ListContainer.js +1 -1
- package/lib/ListItem/ListItem.js +1 -1
- package/lib/ListItem/ListItem.module.css +216 -216
- package/lib/ListItem/ListItemWithAvatar.js +1 -1
- package/lib/ListItem/ListItemWithIcon.js +1 -1
- package/lib/Modal/Modal.js +1 -1
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +6 -6
- package/lib/MultiSelect/AdvancedMultiSelect.js +1 -3
- package/lib/MultiSelect/EmptyState.js +1 -1
- package/lib/MultiSelect/MultiSelect.js +6 -9
- package/lib/MultiSelect/MultiSelect.module.css +205 -205
- package/lib/MultiSelect/MultiSelectHeader.js +1 -1
- package/lib/MultiSelect/MultiSelectWithAvatar.js +1 -1
- package/lib/MultiSelect/SelectedOptions.js +1 -1
- package/lib/MultiSelect/SelectedOptions.module.css +15 -15
- package/lib/MultiSelect/Suggestions.js +1 -1
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
- package/lib/PopOver/PopOver.module.css +8 -8
- package/lib/Popup/Popup.js +2 -3
- package/lib/Popup/PositionMapping.json +73 -73
- package/lib/Popup/__tests__/Popup.spec.js +1 -1
- package/lib/Radio/Radio.js +1 -1
- package/lib/Radio/Radio.module.css +112 -112
- package/lib/Responsive/CustomResponsive.js +0 -1
- package/lib/Responsive/ResizeComponent.js +3 -1
- package/lib/Responsive/Responsive.js +1 -1
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/lib/Ribbon/Ribbon.js +1 -1
- package/lib/Ribbon/Ribbon.module.css +454 -454
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/lib/RippleEffect/RippleEffect.module.css +92 -92
- package/lib/Select/GroupSelect.js +1 -1
- package/lib/Select/Select.js +1 -2
- package/lib/Select/Select.module.css +108 -108
- package/lib/Select/SelectWithAvatar.js +1 -1
- package/lib/Select/SelectWithIcon.js +1 -1
- package/lib/Select/__tests__/Select.spec.js +1 -1
- package/lib/Stencils/Stencils.js +1 -1
- package/lib/Stencils/Stencils.module.css +96 -96
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
- package/lib/Switch/Switch.js +0 -0
- package/lib/Switch/Switch.module.css +127 -127
- package/lib/Tab/Tab.js +1 -1
- package/lib/Tab/Tab.module.css +100 -100
- package/lib/Tab/TabContent.module.css +4 -4
- package/lib/Tab/Tabs.js +19 -13
- package/lib/Tab/Tabs.module.css +143 -143
- package/lib/Tag/Tag.js +8 -8
- package/lib/Tag/Tag.module.css +254 -254
- package/lib/Text/Text.js +65 -0
- package/lib/Text/Text.module.css +21 -0
- package/lib/Text/props/defaultProps.js +14 -0
- package/lib/Text/props/propTypes.js +19 -0
- package/lib/TextBox/TextBox.js +1 -1
- package/lib/TextBox/TextBox.module.css +157 -157
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
- package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
- package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -1
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
- package/lib/Textarea/Textarea.js +1 -1
- package/lib/Textarea/Textarea.module.css +139 -139
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/lib/Tooltip/Tooltip.module.css +133 -133
- package/lib/common/a11y.module.css +3 -3
- package/lib/common/animation.module.css +624 -624
- package/lib/common/avatarsizes.module.css +48 -48
- package/lib/common/basic.module.css +33 -33
- package/lib/common/basicReset.module.css +40 -40
- package/lib/common/boxShadow.module.css +33 -33
- package/lib/common/common.module.css +524 -524
- package/lib/common/customscroll.module.css +89 -89
- package/lib/common/reset.module.css +12 -12
- package/lib/common/transition.module.css +146 -146
- package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
- package/lib/deprecated/PortalLayer/PortalLayer.js +1 -1
- package/lib/index.js +9 -1
- package/lib/semantic/Button/semanticButton.module.css +9 -9
- package/lib/utils/Common.js +7 -1
- package/lib/utils/dropDownUtils.js +1 -1
- package/package.json +102 -102
- package/es/Button/__tests__/Button.spec.js +0 -190
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
- package/lib/Button/__tests__/Button.spec.js +0 -193
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
|
@@ -1,334 +1,334 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`TextBoxIcon component should display size medium - primary 1`] = `
|
|
4
|
-
<div
|
|
5
|
-
className="container effect flex rowdir"
|
|
6
|
-
data-id="containerComponent"
|
|
7
|
-
data-title=""
|
|
8
|
-
>
|
|
9
|
-
<div
|
|
10
|
-
className="grow basis shrinkOff"
|
|
11
|
-
data-id="boxComponent"
|
|
12
|
-
>
|
|
13
|
-
<input
|
|
14
|
-
className=" container medium primary effect borderColor_default"
|
|
15
|
-
data-id="textBoxIcon"
|
|
16
|
-
maxLength="100"
|
|
17
|
-
onBlur={[Function]}
|
|
18
|
-
onChange={[Function]}
|
|
19
|
-
onFocus={[Function]}
|
|
20
|
-
placeholder="Text Area"
|
|
21
|
-
type="text"
|
|
22
|
-
value=""
|
|
23
|
-
/>
|
|
24
|
-
</div>
|
|
25
|
-
<div
|
|
26
|
-
className="iconContainer shrinkOff"
|
|
27
|
-
data-id="boxComponent"
|
|
28
|
-
>
|
|
29
|
-
<div
|
|
30
|
-
className="flex cover rowdir vCenter"
|
|
31
|
-
data-id="containerComponent"
|
|
32
|
-
/>
|
|
33
|
-
</div>
|
|
34
|
-
<div
|
|
35
|
-
className="line borderColor_default"
|
|
36
|
-
/>
|
|
37
|
-
</div>
|
|
38
|
-
`;
|
|
39
|
-
|
|
40
|
-
exports[`TextBoxIcon component should display size medium - secondary 1`] = `
|
|
41
|
-
<div
|
|
42
|
-
className="container effect flex rowdir"
|
|
43
|
-
data-id="containerComponent"
|
|
44
|
-
data-title=""
|
|
45
|
-
>
|
|
46
|
-
<div
|
|
47
|
-
className="grow basis shrinkOff"
|
|
48
|
-
data-id="boxComponent"
|
|
49
|
-
>
|
|
50
|
-
<input
|
|
51
|
-
className=" container medium secondary effect borderColor_default"
|
|
52
|
-
data-id="textBoxIcon"
|
|
53
|
-
maxLength="100"
|
|
54
|
-
onBlur={[Function]}
|
|
55
|
-
onChange={[Function]}
|
|
56
|
-
onFocus={[Function]}
|
|
57
|
-
placeholder="Text Area"
|
|
58
|
-
type="text"
|
|
59
|
-
value=""
|
|
60
|
-
/>
|
|
61
|
-
</div>
|
|
62
|
-
<div
|
|
63
|
-
className="iconContainer shrinkOff"
|
|
64
|
-
data-id="boxComponent"
|
|
65
|
-
>
|
|
66
|
-
<div
|
|
67
|
-
className="flex cover rowdir vCenter"
|
|
68
|
-
data-id="containerComponent"
|
|
69
|
-
/>
|
|
70
|
-
</div>
|
|
71
|
-
<div
|
|
72
|
-
className="line borderColor_default"
|
|
73
|
-
/>
|
|
74
|
-
</div>
|
|
75
|
-
`;
|
|
76
|
-
|
|
77
|
-
exports[`TextBoxIcon component should display size medium 1`] = `
|
|
78
|
-
<div
|
|
79
|
-
className="container effect flex rowdir"
|
|
80
|
-
data-id="containerComponent"
|
|
81
|
-
data-title=""
|
|
82
|
-
>
|
|
83
|
-
<div
|
|
84
|
-
className="grow basis shrinkOff"
|
|
85
|
-
data-id="boxComponent"
|
|
86
|
-
>
|
|
87
|
-
<input
|
|
88
|
-
className=" container medium default effect borderColor_default"
|
|
89
|
-
data-id="textBoxIcon"
|
|
90
|
-
maxLength="100"
|
|
91
|
-
onBlur={[Function]}
|
|
92
|
-
onChange={[Function]}
|
|
93
|
-
onFocus={[Function]}
|
|
94
|
-
placeholder="Text Area"
|
|
95
|
-
type="text"
|
|
96
|
-
value=""
|
|
97
|
-
/>
|
|
98
|
-
</div>
|
|
99
|
-
<div
|
|
100
|
-
className="iconContainer shrinkOff"
|
|
101
|
-
data-id="boxComponent"
|
|
102
|
-
>
|
|
103
|
-
<div
|
|
104
|
-
className="flex cover rowdir vCenter"
|
|
105
|
-
data-id="containerComponent"
|
|
106
|
-
/>
|
|
107
|
-
</div>
|
|
108
|
-
<div
|
|
109
|
-
className="line borderColor_default"
|
|
110
|
-
/>
|
|
111
|
-
</div>
|
|
112
|
-
`;
|
|
113
|
-
|
|
114
|
-
exports[`TextBoxIcon component should display size small - primary 1`] = `
|
|
115
|
-
<div
|
|
116
|
-
className="container effect flex rowdir"
|
|
117
|
-
data-id="containerComponent"
|
|
118
|
-
data-title=""
|
|
119
|
-
>
|
|
120
|
-
<div
|
|
121
|
-
className="grow basis shrinkOff"
|
|
122
|
-
data-id="boxComponent"
|
|
123
|
-
>
|
|
124
|
-
<input
|
|
125
|
-
className=" container small primary effect borderColor_default"
|
|
126
|
-
data-id="textBoxIcon"
|
|
127
|
-
maxLength="100"
|
|
128
|
-
onBlur={[Function]}
|
|
129
|
-
onChange={[Function]}
|
|
130
|
-
onFocus={[Function]}
|
|
131
|
-
placeholder="Text Area"
|
|
132
|
-
type="text"
|
|
133
|
-
value=""
|
|
134
|
-
/>
|
|
135
|
-
</div>
|
|
136
|
-
<div
|
|
137
|
-
className="iconContainer shrinkOff"
|
|
138
|
-
data-id="boxComponent"
|
|
139
|
-
>
|
|
140
|
-
<div
|
|
141
|
-
className="flex cover rowdir vCenter"
|
|
142
|
-
data-id="containerComponent"
|
|
143
|
-
/>
|
|
144
|
-
</div>
|
|
145
|
-
<div
|
|
146
|
-
className="line borderColor_default"
|
|
147
|
-
/>
|
|
148
|
-
</div>
|
|
149
|
-
`;
|
|
150
|
-
|
|
151
|
-
exports[`TextBoxIcon component should display size small - secondary 1`] = `
|
|
152
|
-
<div
|
|
153
|
-
className="container effect flex rowdir"
|
|
154
|
-
data-id="containerComponent"
|
|
155
|
-
data-title=""
|
|
156
|
-
>
|
|
157
|
-
<div
|
|
158
|
-
className="grow basis shrinkOff"
|
|
159
|
-
data-id="boxComponent"
|
|
160
|
-
>
|
|
161
|
-
<input
|
|
162
|
-
className=" container small secondary effect borderColor_default"
|
|
163
|
-
data-id="textBoxIcon"
|
|
164
|
-
maxLength="100"
|
|
165
|
-
onBlur={[Function]}
|
|
166
|
-
onChange={[Function]}
|
|
167
|
-
onFocus={[Function]}
|
|
168
|
-
placeholder="Text Area"
|
|
169
|
-
type="text"
|
|
170
|
-
value=""
|
|
171
|
-
/>
|
|
172
|
-
</div>
|
|
173
|
-
<div
|
|
174
|
-
className="iconContainer shrinkOff"
|
|
175
|
-
data-id="boxComponent"
|
|
176
|
-
>
|
|
177
|
-
<div
|
|
178
|
-
className="flex cover rowdir vCenter"
|
|
179
|
-
data-id="containerComponent"
|
|
180
|
-
/>
|
|
181
|
-
</div>
|
|
182
|
-
<div
|
|
183
|
-
className="line borderColor_default"
|
|
184
|
-
/>
|
|
185
|
-
</div>
|
|
186
|
-
`;
|
|
187
|
-
|
|
188
|
-
exports[`TextBoxIcon component should display size small 1`] = `
|
|
189
|
-
<div
|
|
190
|
-
className="container effect flex rowdir"
|
|
191
|
-
data-id="containerComponent"
|
|
192
|
-
data-title=""
|
|
193
|
-
>
|
|
194
|
-
<div
|
|
195
|
-
className="grow basis shrinkOff"
|
|
196
|
-
data-id="boxComponent"
|
|
197
|
-
>
|
|
198
|
-
<input
|
|
199
|
-
className=" container small default effect borderColor_default"
|
|
200
|
-
data-id="textBoxIcon"
|
|
201
|
-
maxLength="100"
|
|
202
|
-
onBlur={[Function]}
|
|
203
|
-
onChange={[Function]}
|
|
204
|
-
onFocus={[Function]}
|
|
205
|
-
placeholder="Text Box Icon"
|
|
206
|
-
type="text"
|
|
207
|
-
value=""
|
|
208
|
-
/>
|
|
209
|
-
</div>
|
|
210
|
-
<div
|
|
211
|
-
className="iconContainer shrinkOff"
|
|
212
|
-
data-id="boxComponent"
|
|
213
|
-
>
|
|
214
|
-
<div
|
|
215
|
-
className="flex cover rowdir vCenter"
|
|
216
|
-
data-id="containerComponent"
|
|
217
|
-
/>
|
|
218
|
-
</div>
|
|
219
|
-
<div
|
|
220
|
-
className="line borderColor_default"
|
|
221
|
-
/>
|
|
222
|
-
</div>
|
|
223
|
-
`;
|
|
224
|
-
|
|
225
|
-
exports[`TextBoxIcon component should display size xmedium - primary 1`] = `
|
|
226
|
-
<div
|
|
227
|
-
className="container effect flex rowdir"
|
|
228
|
-
data-id="containerComponent"
|
|
229
|
-
data-title=""
|
|
230
|
-
>
|
|
231
|
-
<div
|
|
232
|
-
className="grow basis shrinkOff"
|
|
233
|
-
data-id="boxComponent"
|
|
234
|
-
>
|
|
235
|
-
<input
|
|
236
|
-
className=" container xmedium primary effect borderColor_default"
|
|
237
|
-
data-id="textBoxIcon"
|
|
238
|
-
maxLength="100"
|
|
239
|
-
onBlur={[Function]}
|
|
240
|
-
onChange={[Function]}
|
|
241
|
-
onFocus={[Function]}
|
|
242
|
-
placeholder="Text Area"
|
|
243
|
-
type="text"
|
|
244
|
-
value=""
|
|
245
|
-
/>
|
|
246
|
-
</div>
|
|
247
|
-
<div
|
|
248
|
-
className="iconContainer shrinkOff"
|
|
249
|
-
data-id="boxComponent"
|
|
250
|
-
>
|
|
251
|
-
<div
|
|
252
|
-
className="flex cover rowdir vCenter"
|
|
253
|
-
data-id="containerComponent"
|
|
254
|
-
/>
|
|
255
|
-
</div>
|
|
256
|
-
<div
|
|
257
|
-
className="line borderColor_default"
|
|
258
|
-
/>
|
|
259
|
-
</div>
|
|
260
|
-
`;
|
|
261
|
-
|
|
262
|
-
exports[`TextBoxIcon component should display size xmedium - secondary 1`] = `
|
|
263
|
-
<div
|
|
264
|
-
className="container effect flex rowdir"
|
|
265
|
-
data-id="containerComponent"
|
|
266
|
-
data-title=""
|
|
267
|
-
>
|
|
268
|
-
<div
|
|
269
|
-
className="grow basis shrinkOff"
|
|
270
|
-
data-id="boxComponent"
|
|
271
|
-
>
|
|
272
|
-
<input
|
|
273
|
-
className=" container xmedium secondary effect borderColor_default"
|
|
274
|
-
data-id="textBoxIcon"
|
|
275
|
-
maxLength="100"
|
|
276
|
-
onBlur={[Function]}
|
|
277
|
-
onChange={[Function]}
|
|
278
|
-
onFocus={[Function]}
|
|
279
|
-
placeholder="Text Area"
|
|
280
|
-
type="text"
|
|
281
|
-
value=""
|
|
282
|
-
/>
|
|
283
|
-
</div>
|
|
284
|
-
<div
|
|
285
|
-
className="iconContainer shrinkOff"
|
|
286
|
-
data-id="boxComponent"
|
|
287
|
-
>
|
|
288
|
-
<div
|
|
289
|
-
className="flex cover rowdir vCenter"
|
|
290
|
-
data-id="containerComponent"
|
|
291
|
-
/>
|
|
292
|
-
</div>
|
|
293
|
-
<div
|
|
294
|
-
className="line borderColor_default"
|
|
295
|
-
/>
|
|
296
|
-
</div>
|
|
297
|
-
`;
|
|
298
|
-
|
|
299
|
-
exports[`TextBoxIcon component should display size xmedium 1`] = `
|
|
300
|
-
<div
|
|
301
|
-
className="container effect flex rowdir"
|
|
302
|
-
data-id="containerComponent"
|
|
303
|
-
data-title=""
|
|
304
|
-
>
|
|
305
|
-
<div
|
|
306
|
-
className="grow basis shrinkOff"
|
|
307
|
-
data-id="boxComponent"
|
|
308
|
-
>
|
|
309
|
-
<input
|
|
310
|
-
className=" container xmedium default effect borderColor_default"
|
|
311
|
-
data-id="textBoxIcon"
|
|
312
|
-
maxLength="100"
|
|
313
|
-
onBlur={[Function]}
|
|
314
|
-
onChange={[Function]}
|
|
315
|
-
onFocus={[Function]}
|
|
316
|
-
placeholder="Text Area"
|
|
317
|
-
type="text"
|
|
318
|
-
value=""
|
|
319
|
-
/>
|
|
320
|
-
</div>
|
|
321
|
-
<div
|
|
322
|
-
className="iconContainer shrinkOff"
|
|
323
|
-
data-id="boxComponent"
|
|
324
|
-
>
|
|
325
|
-
<div
|
|
326
|
-
className="flex cover rowdir vCenter"
|
|
327
|
-
data-id="containerComponent"
|
|
328
|
-
/>
|
|
329
|
-
</div>
|
|
330
|
-
<div
|
|
331
|
-
className="line borderColor_default"
|
|
332
|
-
/>
|
|
333
|
-
</div>
|
|
334
|
-
`;
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`TextBoxIcon component should display size medium - primary 1`] = `
|
|
4
|
+
<div
|
|
5
|
+
className="container effect flex rowdir"
|
|
6
|
+
data-id="containerComponent"
|
|
7
|
+
data-title=""
|
|
8
|
+
>
|
|
9
|
+
<div
|
|
10
|
+
className="grow basis shrinkOff"
|
|
11
|
+
data-id="boxComponent"
|
|
12
|
+
>
|
|
13
|
+
<input
|
|
14
|
+
className=" container medium primary effect borderColor_default"
|
|
15
|
+
data-id="textBoxIcon"
|
|
16
|
+
maxLength="100"
|
|
17
|
+
onBlur={[Function]}
|
|
18
|
+
onChange={[Function]}
|
|
19
|
+
onFocus={[Function]}
|
|
20
|
+
placeholder="Text Area"
|
|
21
|
+
type="text"
|
|
22
|
+
value=""
|
|
23
|
+
/>
|
|
24
|
+
</div>
|
|
25
|
+
<div
|
|
26
|
+
className="iconContainer shrinkOff"
|
|
27
|
+
data-id="boxComponent"
|
|
28
|
+
>
|
|
29
|
+
<div
|
|
30
|
+
className="flex cover rowdir vCenter"
|
|
31
|
+
data-id="containerComponent"
|
|
32
|
+
/>
|
|
33
|
+
</div>
|
|
34
|
+
<div
|
|
35
|
+
className="line borderColor_default"
|
|
36
|
+
/>
|
|
37
|
+
</div>
|
|
38
|
+
`;
|
|
39
|
+
|
|
40
|
+
exports[`TextBoxIcon component should display size medium - secondary 1`] = `
|
|
41
|
+
<div
|
|
42
|
+
className="container effect flex rowdir"
|
|
43
|
+
data-id="containerComponent"
|
|
44
|
+
data-title=""
|
|
45
|
+
>
|
|
46
|
+
<div
|
|
47
|
+
className="grow basis shrinkOff"
|
|
48
|
+
data-id="boxComponent"
|
|
49
|
+
>
|
|
50
|
+
<input
|
|
51
|
+
className=" container medium secondary effect borderColor_default"
|
|
52
|
+
data-id="textBoxIcon"
|
|
53
|
+
maxLength="100"
|
|
54
|
+
onBlur={[Function]}
|
|
55
|
+
onChange={[Function]}
|
|
56
|
+
onFocus={[Function]}
|
|
57
|
+
placeholder="Text Area"
|
|
58
|
+
type="text"
|
|
59
|
+
value=""
|
|
60
|
+
/>
|
|
61
|
+
</div>
|
|
62
|
+
<div
|
|
63
|
+
className="iconContainer shrinkOff"
|
|
64
|
+
data-id="boxComponent"
|
|
65
|
+
>
|
|
66
|
+
<div
|
|
67
|
+
className="flex cover rowdir vCenter"
|
|
68
|
+
data-id="containerComponent"
|
|
69
|
+
/>
|
|
70
|
+
</div>
|
|
71
|
+
<div
|
|
72
|
+
className="line borderColor_default"
|
|
73
|
+
/>
|
|
74
|
+
</div>
|
|
75
|
+
`;
|
|
76
|
+
|
|
77
|
+
exports[`TextBoxIcon component should display size medium 1`] = `
|
|
78
|
+
<div
|
|
79
|
+
className="container effect flex rowdir"
|
|
80
|
+
data-id="containerComponent"
|
|
81
|
+
data-title=""
|
|
82
|
+
>
|
|
83
|
+
<div
|
|
84
|
+
className="grow basis shrinkOff"
|
|
85
|
+
data-id="boxComponent"
|
|
86
|
+
>
|
|
87
|
+
<input
|
|
88
|
+
className=" container medium default effect borderColor_default"
|
|
89
|
+
data-id="textBoxIcon"
|
|
90
|
+
maxLength="100"
|
|
91
|
+
onBlur={[Function]}
|
|
92
|
+
onChange={[Function]}
|
|
93
|
+
onFocus={[Function]}
|
|
94
|
+
placeholder="Text Area"
|
|
95
|
+
type="text"
|
|
96
|
+
value=""
|
|
97
|
+
/>
|
|
98
|
+
</div>
|
|
99
|
+
<div
|
|
100
|
+
className="iconContainer shrinkOff"
|
|
101
|
+
data-id="boxComponent"
|
|
102
|
+
>
|
|
103
|
+
<div
|
|
104
|
+
className="flex cover rowdir vCenter"
|
|
105
|
+
data-id="containerComponent"
|
|
106
|
+
/>
|
|
107
|
+
</div>
|
|
108
|
+
<div
|
|
109
|
+
className="line borderColor_default"
|
|
110
|
+
/>
|
|
111
|
+
</div>
|
|
112
|
+
`;
|
|
113
|
+
|
|
114
|
+
exports[`TextBoxIcon component should display size small - primary 1`] = `
|
|
115
|
+
<div
|
|
116
|
+
className="container effect flex rowdir"
|
|
117
|
+
data-id="containerComponent"
|
|
118
|
+
data-title=""
|
|
119
|
+
>
|
|
120
|
+
<div
|
|
121
|
+
className="grow basis shrinkOff"
|
|
122
|
+
data-id="boxComponent"
|
|
123
|
+
>
|
|
124
|
+
<input
|
|
125
|
+
className=" container small primary effect borderColor_default"
|
|
126
|
+
data-id="textBoxIcon"
|
|
127
|
+
maxLength="100"
|
|
128
|
+
onBlur={[Function]}
|
|
129
|
+
onChange={[Function]}
|
|
130
|
+
onFocus={[Function]}
|
|
131
|
+
placeholder="Text Area"
|
|
132
|
+
type="text"
|
|
133
|
+
value=""
|
|
134
|
+
/>
|
|
135
|
+
</div>
|
|
136
|
+
<div
|
|
137
|
+
className="iconContainer shrinkOff"
|
|
138
|
+
data-id="boxComponent"
|
|
139
|
+
>
|
|
140
|
+
<div
|
|
141
|
+
className="flex cover rowdir vCenter"
|
|
142
|
+
data-id="containerComponent"
|
|
143
|
+
/>
|
|
144
|
+
</div>
|
|
145
|
+
<div
|
|
146
|
+
className="line borderColor_default"
|
|
147
|
+
/>
|
|
148
|
+
</div>
|
|
149
|
+
`;
|
|
150
|
+
|
|
151
|
+
exports[`TextBoxIcon component should display size small - secondary 1`] = `
|
|
152
|
+
<div
|
|
153
|
+
className="container effect flex rowdir"
|
|
154
|
+
data-id="containerComponent"
|
|
155
|
+
data-title=""
|
|
156
|
+
>
|
|
157
|
+
<div
|
|
158
|
+
className="grow basis shrinkOff"
|
|
159
|
+
data-id="boxComponent"
|
|
160
|
+
>
|
|
161
|
+
<input
|
|
162
|
+
className=" container small secondary effect borderColor_default"
|
|
163
|
+
data-id="textBoxIcon"
|
|
164
|
+
maxLength="100"
|
|
165
|
+
onBlur={[Function]}
|
|
166
|
+
onChange={[Function]}
|
|
167
|
+
onFocus={[Function]}
|
|
168
|
+
placeholder="Text Area"
|
|
169
|
+
type="text"
|
|
170
|
+
value=""
|
|
171
|
+
/>
|
|
172
|
+
</div>
|
|
173
|
+
<div
|
|
174
|
+
className="iconContainer shrinkOff"
|
|
175
|
+
data-id="boxComponent"
|
|
176
|
+
>
|
|
177
|
+
<div
|
|
178
|
+
className="flex cover rowdir vCenter"
|
|
179
|
+
data-id="containerComponent"
|
|
180
|
+
/>
|
|
181
|
+
</div>
|
|
182
|
+
<div
|
|
183
|
+
className="line borderColor_default"
|
|
184
|
+
/>
|
|
185
|
+
</div>
|
|
186
|
+
`;
|
|
187
|
+
|
|
188
|
+
exports[`TextBoxIcon component should display size small 1`] = `
|
|
189
|
+
<div
|
|
190
|
+
className="container effect flex rowdir"
|
|
191
|
+
data-id="containerComponent"
|
|
192
|
+
data-title=""
|
|
193
|
+
>
|
|
194
|
+
<div
|
|
195
|
+
className="grow basis shrinkOff"
|
|
196
|
+
data-id="boxComponent"
|
|
197
|
+
>
|
|
198
|
+
<input
|
|
199
|
+
className=" container small default effect borderColor_default"
|
|
200
|
+
data-id="textBoxIcon"
|
|
201
|
+
maxLength="100"
|
|
202
|
+
onBlur={[Function]}
|
|
203
|
+
onChange={[Function]}
|
|
204
|
+
onFocus={[Function]}
|
|
205
|
+
placeholder="Text Box Icon"
|
|
206
|
+
type="text"
|
|
207
|
+
value=""
|
|
208
|
+
/>
|
|
209
|
+
</div>
|
|
210
|
+
<div
|
|
211
|
+
className="iconContainer shrinkOff"
|
|
212
|
+
data-id="boxComponent"
|
|
213
|
+
>
|
|
214
|
+
<div
|
|
215
|
+
className="flex cover rowdir vCenter"
|
|
216
|
+
data-id="containerComponent"
|
|
217
|
+
/>
|
|
218
|
+
</div>
|
|
219
|
+
<div
|
|
220
|
+
className="line borderColor_default"
|
|
221
|
+
/>
|
|
222
|
+
</div>
|
|
223
|
+
`;
|
|
224
|
+
|
|
225
|
+
exports[`TextBoxIcon component should display size xmedium - primary 1`] = `
|
|
226
|
+
<div
|
|
227
|
+
className="container effect flex rowdir"
|
|
228
|
+
data-id="containerComponent"
|
|
229
|
+
data-title=""
|
|
230
|
+
>
|
|
231
|
+
<div
|
|
232
|
+
className="grow basis shrinkOff"
|
|
233
|
+
data-id="boxComponent"
|
|
234
|
+
>
|
|
235
|
+
<input
|
|
236
|
+
className=" container xmedium primary effect borderColor_default"
|
|
237
|
+
data-id="textBoxIcon"
|
|
238
|
+
maxLength="100"
|
|
239
|
+
onBlur={[Function]}
|
|
240
|
+
onChange={[Function]}
|
|
241
|
+
onFocus={[Function]}
|
|
242
|
+
placeholder="Text Area"
|
|
243
|
+
type="text"
|
|
244
|
+
value=""
|
|
245
|
+
/>
|
|
246
|
+
</div>
|
|
247
|
+
<div
|
|
248
|
+
className="iconContainer shrinkOff"
|
|
249
|
+
data-id="boxComponent"
|
|
250
|
+
>
|
|
251
|
+
<div
|
|
252
|
+
className="flex cover rowdir vCenter"
|
|
253
|
+
data-id="containerComponent"
|
|
254
|
+
/>
|
|
255
|
+
</div>
|
|
256
|
+
<div
|
|
257
|
+
className="line borderColor_default"
|
|
258
|
+
/>
|
|
259
|
+
</div>
|
|
260
|
+
`;
|
|
261
|
+
|
|
262
|
+
exports[`TextBoxIcon component should display size xmedium - secondary 1`] = `
|
|
263
|
+
<div
|
|
264
|
+
className="container effect flex rowdir"
|
|
265
|
+
data-id="containerComponent"
|
|
266
|
+
data-title=""
|
|
267
|
+
>
|
|
268
|
+
<div
|
|
269
|
+
className="grow basis shrinkOff"
|
|
270
|
+
data-id="boxComponent"
|
|
271
|
+
>
|
|
272
|
+
<input
|
|
273
|
+
className=" container xmedium secondary effect borderColor_default"
|
|
274
|
+
data-id="textBoxIcon"
|
|
275
|
+
maxLength="100"
|
|
276
|
+
onBlur={[Function]}
|
|
277
|
+
onChange={[Function]}
|
|
278
|
+
onFocus={[Function]}
|
|
279
|
+
placeholder="Text Area"
|
|
280
|
+
type="text"
|
|
281
|
+
value=""
|
|
282
|
+
/>
|
|
283
|
+
</div>
|
|
284
|
+
<div
|
|
285
|
+
className="iconContainer shrinkOff"
|
|
286
|
+
data-id="boxComponent"
|
|
287
|
+
>
|
|
288
|
+
<div
|
|
289
|
+
className="flex cover rowdir vCenter"
|
|
290
|
+
data-id="containerComponent"
|
|
291
|
+
/>
|
|
292
|
+
</div>
|
|
293
|
+
<div
|
|
294
|
+
className="line borderColor_default"
|
|
295
|
+
/>
|
|
296
|
+
</div>
|
|
297
|
+
`;
|
|
298
|
+
|
|
299
|
+
exports[`TextBoxIcon component should display size xmedium 1`] = `
|
|
300
|
+
<div
|
|
301
|
+
className="container effect flex rowdir"
|
|
302
|
+
data-id="containerComponent"
|
|
303
|
+
data-title=""
|
|
304
|
+
>
|
|
305
|
+
<div
|
|
306
|
+
className="grow basis shrinkOff"
|
|
307
|
+
data-id="boxComponent"
|
|
308
|
+
>
|
|
309
|
+
<input
|
|
310
|
+
className=" container xmedium default effect borderColor_default"
|
|
311
|
+
data-id="textBoxIcon"
|
|
312
|
+
maxLength="100"
|
|
313
|
+
onBlur={[Function]}
|
|
314
|
+
onChange={[Function]}
|
|
315
|
+
onFocus={[Function]}
|
|
316
|
+
placeholder="Text Area"
|
|
317
|
+
type="text"
|
|
318
|
+
value=""
|
|
319
|
+
/>
|
|
320
|
+
</div>
|
|
321
|
+
<div
|
|
322
|
+
className="iconContainer shrinkOff"
|
|
323
|
+
data-id="boxComponent"
|
|
324
|
+
>
|
|
325
|
+
<div
|
|
326
|
+
className="flex cover rowdir vCenter"
|
|
327
|
+
data-id="containerComponent"
|
|
328
|
+
/>
|
|
329
|
+
</div>
|
|
330
|
+
<div
|
|
331
|
+
className="line borderColor_default"
|
|
332
|
+
/>
|
|
333
|
+
</div>
|
|
334
|
+
`;
|
package/es/Textarea/Textarea.js
CHANGED
|
File without changes
|