@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.
Files changed (56) hide show
  1. package/dist/index.cjs +30078 -656
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +114 -7
  4. package/dist/index.d.ts +114 -7
  5. package/dist/index.js +30007 -593
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/AccordionItem/AccordionItem.stories.tsx +54 -0
  9. package/src/components/AccordionItem/AccordionItem.tsx +223 -0
  10. package/src/components/AccordionItem/index.ts +2 -0
  11. package/src/components/AccountHeader/AccountHeader.tsx +50 -29
  12. package/src/components/Button/Button.stories.tsx +10 -1
  13. package/src/components/Button/Button.tsx +32 -3
  14. package/src/components/ContactInfoCard/ContactInfoCard.stories.tsx +30 -0
  15. package/src/components/ContactInfoCard/ContactInfoCard.tsx +141 -0
  16. package/src/components/ContactInfoCard/index.ts +2 -0
  17. package/src/components/DatePicker/DatePicker.tsx +51 -15
  18. package/src/components/Input/Input.tsx +54 -21
  19. package/src/components/LanguageSwitcher/LanguageSwitcher.stories.tsx +11 -0
  20. package/src/components/LanguageSwitcher/LanguageSwitcher.tsx +103 -19
  21. package/src/components/LanguageSwitcher/index.ts +5 -1
  22. package/src/components/Modal/Modal.stories.tsx +100 -0
  23. package/src/components/Modal/Modal.tsx +165 -0
  24. package/src/components/Modal/index.ts +2 -0
  25. package/src/components/Select/Select.tsx +90 -5
  26. package/src/components/Sidebar/Sidebar.tsx +19 -3
  27. package/src/components/Textarea/Textarea.tsx +29 -4
  28. package/src/components/ToggleRow/ToggleRow.stories.tsx +46 -0
  29. package/src/components/ToggleRow/ToggleRow.tsx +121 -0
  30. package/src/components/ToggleRow/index.ts +2 -0
  31. package/src/components/VerificationCodeInput/VerificationCodeInput.tsx +80 -60
  32. package/src/components/index.ts +17 -1
  33. package/src/icons/CameraFilled/CameraFilledIcon.tsx +15 -0
  34. package/src/icons/CameraFilled/CameraFilledIcon.web.tsx +21 -0
  35. package/src/icons/CameraFilled/cameraFilledPath.ts +2 -0
  36. package/src/icons/CameraFilled/index.ts +1 -0
  37. package/src/icons/Globe/GlobeIcon.tsx +2 -2
  38. package/src/icons/Globe/GlobeIcon.web.tsx +2 -2
  39. package/src/icons/Globe/globePath.ts +2 -2
  40. package/src/icons/Headset/HeadsetIcon.tsx +26 -0
  41. package/src/icons/Headset/HeadsetIcon.web.tsx +25 -0
  42. package/src/icons/Headset/headsetPath.ts +6 -0
  43. package/src/icons/Headset/index.ts +1 -0
  44. package/src/icons/Hide/HideIcon.tsx +21 -0
  45. package/src/icons/Hide/HideIcon.web.tsx +27 -0
  46. package/src/icons/Hide/hidePath.ts +3 -0
  47. package/src/icons/Hide/index.ts +1 -0
  48. package/src/icons/Key/keyPath.ts +1 -1
  49. package/src/icons/MenuLines/MenuLinesIcon.tsx +20 -0
  50. package/src/icons/MenuLines/MenuLinesIcon.web.tsx +26 -0
  51. package/src/icons/MenuLines/index.ts +1 -0
  52. package/src/icons/MenuLines/menuLinesPath.ts +3 -0
  53. package/src/icons/index.ts +4 -0
  54. package/src/icons/registry.ts +11 -0
  55. package/src/index.ts +13 -0
  56. package/src/theme/typography.ts +3 -3
@@ -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";
@@ -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,
@@ -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: 19,
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. */