@ecohouse/ui 0.1.6 → 0.1.7

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 (26) hide show
  1. package/dist/index.cjs +354 -0
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +93 -2
  4. package/dist/index.d.ts +93 -2
  5. package/dist/index.js +349 -1
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/CommentCard/CommentCard.stories.tsx +31 -0
  9. package/src/components/CommentCard/CommentCard.tsx +209 -0
  10. package/src/components/CommentCard/index.ts +2 -0
  11. package/src/components/RatingInput/RatingInput.stories.tsx +41 -0
  12. package/src/components/RatingInput/RatingInput.tsx +168 -0
  13. package/src/components/RatingInput/index.ts +2 -0
  14. package/src/components/index.ts +6 -0
  15. package/src/icons/Star/StarIcon.tsx +35 -0
  16. package/src/icons/Star/StarIcon.web.tsx +41 -0
  17. package/src/icons/Star/index.ts +2 -0
  18. package/src/icons/Star/starPath.ts +3 -0
  19. package/src/icons/StarFilled/StarFilledIcon.tsx +28 -0
  20. package/src/icons/StarFilled/StarFilledIcon.web.tsx +34 -0
  21. package/src/icons/StarFilled/index.ts +1 -0
  22. package/src/icons/index.ts +3 -0
  23. package/src/icons/registry.ts +6 -0
  24. package/src/index.ts +16 -1
  25. package/src/theme/index.ts +2 -0
  26. package/src/theme/typography.ts +41 -0
package/src/index.ts CHANGED
@@ -11,6 +11,8 @@ export {
11
11
  Select,
12
12
  Textarea,
13
13
  Toggle,
14
+ RatingInput,
15
+ CommentCard,
14
16
  } from "./components";
15
17
  export type {
16
18
  AvatarProps,
@@ -38,6 +40,8 @@ export type {
38
40
  SelectMultipleProps,
39
41
  TextareaProps,
40
42
  ToggleProps,
43
+ RatingInputProps,
44
+ CommentCardProps,
41
45
  } from "./components";
42
46
 
43
47
  export { MenuItem } from "./primitives";
@@ -80,11 +84,20 @@ export {
80
84
  SettingsIcon,
81
85
  ShowIcon,
82
86
  SidebarIcon,
87
+ StarIcon,
88
+ StarFilledIcon,
83
89
  UserIcon,
84
90
  UsersAltIcon,
85
91
  VideoIcon,
86
92
  } from "./icons";
87
- export type { IconProps, IconName, IconGroup, IconComponent, IconByNameProps } from "./icons";
93
+ export type {
94
+ IconProps,
95
+ IconName,
96
+ IconGroup,
97
+ IconComponent,
98
+ IconByNameProps,
99
+ StarIconProps,
100
+ } from "./icons";
88
101
 
89
102
  export {
90
103
  colors,
@@ -94,6 +107,8 @@ export {
94
107
  statCardTypography,
95
108
  segmentedToggleTypography,
96
109
  counterTypography,
110
+ ratingTypography,
111
+ commentCardTypography,
97
112
  buttonTypography,
98
113
  datePickerTypography,
99
114
  inputTypography,
package/src/theme/index.ts CHANGED
@@ -8,6 +8,8 @@ export {
8
8
  statCardTypography,
9
9
  segmentedToggleTypography,
10
10
  counterTypography,
11
+ ratingTypography,
12
+ commentCardTypography,
11
13
  buttonTypography,
12
14
  datePickerTypography,
13
15
  inputTypography,
package/src/theme/typography.ts CHANGED
@@ -56,6 +56,47 @@ export const counterTypography = {
56
56
  letterSpacing: 0,
57
57
  } as const;
58
58
 
59
+ /** Rating score — Bold 32, line-height 112%, letter-spacing 0. */
60
+ export const ratingTypography = {
61
+ fontFamily: fonts.sans,
62
+ fontSize: 32,
63
+ fontWeight: "700" as const,
64
+ lineHeight: 35.84,
65
+ letterSpacing: 0,
66
+ } as const;
67
+
68
+ /** Comment card identity, body, and action typography. */
69
+ export const commentCardTypography = {
70
+ name: {
71
+ fontFamily: fonts.sans,
72
+ fontSize: 16,
73
+ fontWeight: "600" as const,
74
+ lineHeight: 18,
75
+ letterSpacing: 0,
76
+ },
77
+ date: {
78
+ fontFamily: fonts.sans,
79
+ fontSize: 14,
80
+ fontWeight: "400" as const,
81
+ lineHeight: 16,
82
+ letterSpacing: 0,
83
+ },
84
+ comment: {
85
+ fontFamily: fonts.sans,
86
+ fontSize: 14,
87
+ fontWeight: "400" as const,
88
+ lineHeight: 19,
89
+ letterSpacing: 0,
90
+ },
91
+ action: {
92
+ fontFamily: fonts.sans,
93
+ fontSize: 12,
94
+ fontWeight: "700" as const,
95
+ lineHeight: 12,
96
+ letterSpacing: 0,
97
+ },
98
+ } as const;
99
+
59
100
  /** Input label / field / hint typography. */
60
101
  export const inputTypography = {
61
102
  label: {