@ecohouse/ui 0.1.33 → 0.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +30078 -656
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +114 -7
- package/dist/index.d.ts +114 -7
- package/dist/index.js +30007 -593
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/AccordionItem/AccordionItem.stories.tsx +54 -0
- package/src/components/AccordionItem/AccordionItem.tsx +223 -0
- package/src/components/AccordionItem/index.ts +2 -0
- package/src/components/AccountHeader/AccountHeader.tsx +50 -29
- package/src/components/Button/Button.stories.tsx +10 -1
- package/src/components/Button/Button.tsx +32 -3
- package/src/components/ContactInfoCard/ContactInfoCard.stories.tsx +30 -0
- package/src/components/ContactInfoCard/ContactInfoCard.tsx +141 -0
- package/src/components/ContactInfoCard/index.ts +2 -0
- package/src/components/DatePicker/DatePicker.tsx +51 -15
- package/src/components/Input/Input.tsx +54 -21
- package/src/components/LanguageSwitcher/LanguageSwitcher.stories.tsx +11 -0
- package/src/components/LanguageSwitcher/LanguageSwitcher.tsx +103 -19
- package/src/components/LanguageSwitcher/index.ts +5 -1
- package/src/components/Modal/Modal.stories.tsx +100 -0
- package/src/components/Modal/Modal.tsx +165 -0
- package/src/components/Modal/index.ts +2 -0
- package/src/components/Select/Select.tsx +90 -5
- package/src/components/Sidebar/Sidebar.tsx +19 -3
- package/src/components/Textarea/Textarea.tsx +29 -4
- package/src/components/ToggleRow/ToggleRow.stories.tsx +46 -0
- package/src/components/ToggleRow/ToggleRow.tsx +121 -0
- package/src/components/ToggleRow/index.ts +2 -0
- package/src/components/VerificationCodeInput/VerificationCodeInput.tsx +80 -60
- package/src/components/index.ts +17 -1
- package/src/icons/CameraFilled/CameraFilledIcon.tsx +15 -0
- package/src/icons/CameraFilled/CameraFilledIcon.web.tsx +21 -0
- package/src/icons/CameraFilled/cameraFilledPath.ts +2 -0
- package/src/icons/CameraFilled/index.ts +1 -0
- package/src/icons/Globe/GlobeIcon.tsx +2 -2
- package/src/icons/Globe/GlobeIcon.web.tsx +2 -2
- package/src/icons/Globe/globePath.ts +2 -2
- package/src/icons/Headset/HeadsetIcon.tsx +26 -0
- package/src/icons/Headset/HeadsetIcon.web.tsx +25 -0
- package/src/icons/Headset/headsetPath.ts +6 -0
- package/src/icons/Headset/index.ts +1 -0
- package/src/icons/Hide/HideIcon.tsx +21 -0
- package/src/icons/Hide/HideIcon.web.tsx +27 -0
- package/src/icons/Hide/hidePath.ts +3 -0
- package/src/icons/Hide/index.ts +1 -0
- package/src/icons/Key/keyPath.ts +1 -1
- package/src/icons/MenuLines/MenuLinesIcon.tsx +20 -0
- package/src/icons/MenuLines/MenuLinesIcon.web.tsx +26 -0
- package/src/icons/MenuLines/index.ts +1 -0
- package/src/icons/MenuLines/menuLinesPath.ts +3 -0
- package/src/icons/index.ts +4 -0
- package/src/icons/registry.ts +11 -0
- package/src/index.ts +13 -0
- package/src/theme/typography.ts +3 -3
package/src/icons/index.ts
CHANGED
|
@@ -17,6 +17,7 @@ export { BuildingIcon } from "./Building";
|
|
|
17
17
|
export { CalendarIcon } from "./Calendar";
|
|
18
18
|
export { CalendarOutlineIcon } from "./CalendarOutline";
|
|
19
19
|
export { CameraIcon } from "./Camera";
|
|
20
|
+
export { CameraFilledIcon } from "./CameraFilled";
|
|
20
21
|
export { CheckIcon } from "./Check";
|
|
21
22
|
export { CheckBadgeIcon } from "./CheckBadge";
|
|
22
23
|
export { ChevronDownIcon } from "./ChevronDown";
|
|
@@ -48,9 +49,11 @@ export { FacebookIcon } from "./Facebook";
|
|
|
48
49
|
export { FiltersIcon } from "./Filters";
|
|
49
50
|
export { FullscreenIcon } from "./Fullscreen";
|
|
50
51
|
export { HeartIcon } from "./Heart";
|
|
52
|
+
export { HeadsetIcon } from "./Headset";
|
|
51
53
|
export { GlobeIcon } from "./Globe";
|
|
52
54
|
export { GooglePlayIcon } from "./Store";
|
|
53
55
|
export { HelpCircleIcon } from "./HelpCircle";
|
|
56
|
+
export { HideIcon } from "./Hide";
|
|
54
57
|
export { HomeIcon } from "./Home";
|
|
55
58
|
export { InstagramIcon } from "./Instagram";
|
|
56
59
|
export { KeyIcon } from "./Key";
|
|
@@ -66,6 +69,7 @@ export { MapViewIcon } from "./MapView";
|
|
|
66
69
|
export { MapCollapseIcon, MapExpandIcon } from "./MapControls";
|
|
67
70
|
export { MenuIcon } from "./Menu";
|
|
68
71
|
export type { MenuIconProps } from "./Menu";
|
|
72
|
+
export { MenuLinesIcon } from "./MenuLines";
|
|
69
73
|
export { NavigateIcon } from "./Navigate";
|
|
70
74
|
export { PhoneIcon } from "./Phone";
|
|
71
75
|
export { PlusIcon } from "./Plus";
|
package/src/icons/registry.ts
CHANGED
|
@@ -8,6 +8,7 @@ import { BuildingIcon } from "./Building";
|
|
|
8
8
|
import { CalendarIcon } from "./Calendar";
|
|
9
9
|
import { CalendarOutlineIcon } from "./CalendarOutline";
|
|
10
10
|
import { CameraIcon } from "./Camera";
|
|
11
|
+
import { CameraFilledIcon } from "./CameraFilled";
|
|
11
12
|
import { CheckIcon } from "./Check";
|
|
12
13
|
import { CheckBadgeIcon } from "./CheckBadge";
|
|
13
14
|
import { ChevronDownIcon } from "./ChevronDown";
|
|
@@ -39,8 +40,10 @@ import { FacebookIcon } from "./Facebook";
|
|
|
39
40
|
import { FiltersIcon } from "./Filters";
|
|
40
41
|
import { FullscreenIcon } from "./Fullscreen";
|
|
41
42
|
import { HeartIcon } from "./Heart";
|
|
43
|
+
import { HeadsetIcon } from "./Headset";
|
|
42
44
|
import { GlobeIcon } from "./Globe";
|
|
43
45
|
import { HelpCircleIcon } from "./HelpCircle";
|
|
46
|
+
import { HideIcon } from "./Hide";
|
|
44
47
|
import { HomeIcon } from "./Home";
|
|
45
48
|
import { InstagramIcon } from "./Instagram";
|
|
46
49
|
import { KeyIcon } from "./Key";
|
|
@@ -55,6 +58,7 @@ import { MailIcon } from "./Mail";
|
|
|
55
58
|
import { MapViewIcon } from "./MapView";
|
|
56
59
|
import { MapCollapseIcon, MapExpandIcon } from "./MapControls";
|
|
57
60
|
import { MenuIcon } from "./Menu";
|
|
61
|
+
import { MenuLinesIcon } from "./MenuLines";
|
|
58
62
|
import { MinusIcon } from "./Minus";
|
|
59
63
|
import { NavigateIcon } from "./Navigate";
|
|
60
64
|
import { PhoneIcon } from "./Phone";
|
|
@@ -87,6 +91,7 @@ export const icons = {
|
|
|
87
91
|
calendar: CalendarIcon,
|
|
88
92
|
calendarOutline: CalendarOutlineIcon,
|
|
89
93
|
camera: CameraIcon,
|
|
94
|
+
cameraFilled: CameraFilledIcon,
|
|
90
95
|
check: CheckIcon,
|
|
91
96
|
checkBadge: CheckBadgeIcon,
|
|
92
97
|
checkSuccess: CheckSuccessIcon,
|
|
@@ -106,9 +111,11 @@ export const icons = {
|
|
|
106
111
|
fullscreen: FullscreenIcon,
|
|
107
112
|
guests: GuestsIcon,
|
|
108
113
|
heart: HeartIcon,
|
|
114
|
+
headset: HeadsetIcon,
|
|
109
115
|
globe: GlobeIcon,
|
|
110
116
|
googlePlay: GooglePlayIcon,
|
|
111
117
|
helpCircle: HelpCircleIcon,
|
|
118
|
+
hide: HideIcon,
|
|
112
119
|
home: HomeIcon,
|
|
113
120
|
instagram: InstagramIcon,
|
|
114
121
|
key: KeyIcon,
|
|
@@ -124,6 +131,7 @@ export const icons = {
|
|
|
124
131
|
mapCollapse: MapCollapseIcon,
|
|
125
132
|
mapExpand: MapExpandIcon,
|
|
126
133
|
menu: MenuIcon,
|
|
134
|
+
menuLines: MenuLinesIcon,
|
|
127
135
|
minus: MinusIcon,
|
|
128
136
|
navigate: NavigateIcon,
|
|
129
137
|
noSmoking: NoSmokingIcon,
|
|
@@ -171,10 +179,12 @@ export const iconGroups = {
|
|
|
171
179
|
"mapExpand",
|
|
172
180
|
"mapView",
|
|
173
181
|
"menu",
|
|
182
|
+
"menuLines",
|
|
174
183
|
"navigate",
|
|
175
184
|
],
|
|
176
185
|
actions: [
|
|
177
186
|
"show",
|
|
187
|
+
"hide",
|
|
178
188
|
"alertTriangle",
|
|
179
189
|
"ban",
|
|
180
190
|
"bell",
|
|
@@ -196,6 +206,7 @@ export const iconGroups = {
|
|
|
196
206
|
"filters",
|
|
197
207
|
"fullscreen",
|
|
198
208
|
"heart",
|
|
209
|
+
"headset",
|
|
199
210
|
"zoomOut",
|
|
200
211
|
"star",
|
|
201
212
|
"starFilled",
|
package/src/index.ts
CHANGED
|
@@ -7,6 +7,8 @@ export {
|
|
|
7
7
|
PaginationDots,
|
|
8
8
|
StepPager,
|
|
9
9
|
InfoTile,
|
|
10
|
+
ContactInfoCard,
|
|
11
|
+
AccordionItem,
|
|
10
12
|
StepList,
|
|
11
13
|
Counter,
|
|
12
14
|
SegmentedToggle,
|
|
@@ -18,11 +20,13 @@ export {
|
|
|
18
20
|
Checkbox,
|
|
19
21
|
DatePicker,
|
|
20
22
|
FloatingActionButton,
|
|
23
|
+
Modal,
|
|
21
24
|
Input,
|
|
22
25
|
VerificationCodeInput,
|
|
23
26
|
Select,
|
|
24
27
|
Textarea,
|
|
25
28
|
Toggle,
|
|
29
|
+
ToggleRow,
|
|
26
30
|
RatingInput,
|
|
27
31
|
CommentCard,
|
|
28
32
|
Range,
|
|
@@ -39,6 +43,8 @@ export type {
|
|
|
39
43
|
PaginationDotsProps,
|
|
40
44
|
StepPagerProps,
|
|
41
45
|
InfoTileProps,
|
|
46
|
+
ContactInfoCardProps,
|
|
47
|
+
AccordionItemProps,
|
|
42
48
|
StepListProps,
|
|
43
49
|
CounterProps,
|
|
44
50
|
SegmentedToggleOption,
|
|
@@ -48,6 +54,7 @@ export type {
|
|
|
48
54
|
SidebarUser,
|
|
49
55
|
LanguageOption,
|
|
50
56
|
LanguageSwitcherProps,
|
|
57
|
+
LanguageSwitcherVariant,
|
|
51
58
|
StatCardProps,
|
|
52
59
|
ButtonProps,
|
|
53
60
|
ButtonSize,
|
|
@@ -60,6 +67,7 @@ export type {
|
|
|
60
67
|
DatePickerVariant,
|
|
61
68
|
DateRange,
|
|
62
69
|
FloatingActionButtonProps,
|
|
70
|
+
ModalProps,
|
|
63
71
|
InputIcon,
|
|
64
72
|
InputProps,
|
|
65
73
|
InputSize,
|
|
@@ -72,6 +80,7 @@ export type {
|
|
|
72
80
|
SelectMultipleProps,
|
|
73
81
|
TextareaProps,
|
|
74
82
|
ToggleProps,
|
|
83
|
+
ToggleRowProps,
|
|
75
84
|
RatingInputProps,
|
|
76
85
|
CommentCardProps,
|
|
77
86
|
RangeProps,
|
|
@@ -114,6 +123,7 @@ export {
|
|
|
114
123
|
CalendarIcon,
|
|
115
124
|
CalendarOutlineIcon,
|
|
116
125
|
CameraIcon,
|
|
126
|
+
CameraFilledIcon,
|
|
117
127
|
CheckIcon,
|
|
118
128
|
CheckBadgeIcon,
|
|
119
129
|
ChevronDownIcon,
|
|
@@ -144,9 +154,11 @@ export {
|
|
|
144
154
|
FiltersIcon,
|
|
145
155
|
FullscreenIcon,
|
|
146
156
|
HeartIcon,
|
|
157
|
+
HeadsetIcon,
|
|
147
158
|
GlobeIcon,
|
|
148
159
|
GooglePlayIcon,
|
|
149
160
|
HelpCircleIcon,
|
|
161
|
+
HideIcon,
|
|
150
162
|
HomeIcon,
|
|
151
163
|
InstagramIcon,
|
|
152
164
|
KeyIcon,
|
|
@@ -162,6 +174,7 @@ export {
|
|
|
162
174
|
MapCollapseIcon,
|
|
163
175
|
MapExpandIcon,
|
|
164
176
|
MenuIcon,
|
|
177
|
+
MenuLinesIcon,
|
|
165
178
|
MinusIcon,
|
|
166
179
|
NavigateIcon,
|
|
167
180
|
PhoneIcon,
|
package/src/theme/typography.ts
CHANGED
|
@@ -47,13 +47,13 @@ export const segmentedToggleTypography = {
|
|
|
47
47
|
letterSpacing: 0,
|
|
48
48
|
} as const;
|
|
49
49
|
|
|
50
|
-
/** Language switcher trigger and option labels — SemiBold 14
|
|
50
|
+
/** Language switcher trigger and option labels — SemiBold 14, tracking 3%. */
|
|
51
51
|
export const languageSwitcherTypography = {
|
|
52
52
|
fontFamily: fonts.sans,
|
|
53
53
|
fontSize: 14,
|
|
54
54
|
fontWeight: "600" as const,
|
|
55
|
-
lineHeight:
|
|
56
|
-
letterSpacing: 0,
|
|
55
|
+
lineHeight: 14,
|
|
56
|
+
letterSpacing: 0.42,
|
|
57
57
|
} as const;
|
|
58
58
|
|
|
59
59
|
/** Counter value — Bold 14, line-height 100%, letter-spacing 0. */
|