@lets-events/react 5.0.0 → 6.0.0

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 (32) hide show
  1. package/.eslintrc.json +2 -2
  2. package/.turbo/turbo-build.log +20 -18
  3. package/CHANGELOG.md +8 -1
  4. package/dist/index.d.mts +42 -11
  5. package/dist/index.d.ts +42 -11
  6. package/dist/index.js +585 -141
  7. package/dist/index.mjs +589 -145
  8. package/package.json +1 -1
  9. package/src/components/Alert.tsx +255 -255
  10. package/src/components/Avatar.tsx +55 -55
  11. package/src/components/Badge.tsx +129 -121
  12. package/src/components/Box.tsx +3 -3
  13. package/src/components/Button.tsx +328 -342
  14. package/src/components/ButtonGroup.tsx +484 -477
  15. package/src/components/CheckboxGroup.tsx +214 -208
  16. package/src/components/Container.tsx +39 -39
  17. package/src/components/Dropdown.tsx +167 -109
  18. package/src/components/Filter.tsx +164 -95
  19. package/src/components/Flex.tsx +117 -117
  20. package/src/components/Grid.tsx +137 -137
  21. package/src/components/Icon.tsx +47 -47
  22. package/src/components/Modal.tsx +108 -108
  23. package/src/components/RadioGroup.tsx +210 -203
  24. package/src/components/Section.tsx +33 -33
  25. package/src/components/Step.tsx +147 -147
  26. package/src/components/Switch.tsx +108 -108
  27. package/src/components/Text.tsx +31 -31
  28. package/src/components/TextField.tsx +241 -193
  29. package/src/index.tsx +27 -27
  30. package/src/styles/index.ts +38 -38
  31. package/src/types/typographyValues.ts +179 -0
  32. package/tsconfig.json +3 -3
package/src/types/typographyValues.ts ADDED
@@ -0,0 +1,179 @@
1
+ export const typographyValues = {
2
+ displayLarge: {
3
+ fontSize: '$displayLarge',
4
+ lineHeight: '$displayLarge',
5
+ letterSpacing: '$displayLarge',
6
+
7
+ },
8
+ displayMedium: {
9
+ fontSize: '$displayMedium',
10
+ lineHeight: '$displayMedium',
11
+ letterSpacing: '$displayMedium',
12
+ },
13
+ displaySmall: {
14
+ fontSize: '$displaySmall',
15
+ lineHeight: '$displaySmall',
16
+ letterSpacing: '$displaySmall',
17
+ },
18
+ headline1: {
19
+ fontSize: '$headline1',
20
+ lineHeight: '$headline1',
21
+ },
22
+ headline2: {
23
+ fontSize: '$headline2',
24
+ lineHeight: '$headline2',
25
+ },
26
+ headline3: {
27
+ fontSize: '$headline3',
28
+ lineHeight: '$headline3',
29
+ },
30
+ headline4: {
31
+ fontSize: '$headline4',
32
+ lineHeight: '$headline4',
33
+ },
34
+ headline5: {
35
+ fontSize: '$headline5',
36
+ lineHeight: '$headline5',
37
+ },
38
+ headline6: {
39
+ fontSize: '$headline6',
40
+ lineHeight: '$headline6',
41
+ },
42
+ headline7: {
43
+ fontSize: '$headline7',
44
+ lineHeight: '$headline7',
45
+ },
46
+ headline8: {
47
+ fontSize: '$headline8',
48
+ lineHeight: '$headline8',
49
+ },
50
+ bodyXL: {
51
+ fontSize: '$bodyXL',
52
+ lineHeight: '$bodyXL',
53
+ },
54
+ bodyL: {
55
+ fontSize: '$bodyL',
56
+ lineHeight: '$bodyL',
57
+ },
58
+ bodyM: {
59
+ fontSize: '$bodyM',
60
+ lineHeight: '$bodyM',
61
+ },
62
+ bodyS: {
63
+ fontSize: '$bodyS',
64
+ lineHeight: '$bodyS',
65
+ },
66
+ bodyXS: {
67
+ fontSize: '$bodyXS',
68
+ lineHeight: '$bodyXS',
69
+ },
70
+ bodyXXS: {
71
+ fontSize: '$bodyXXS',
72
+ lineHeight: '$bodyXXS',
73
+ },
74
+ badgeLarge: {
75
+ fontSize: '$badgeLarge',
76
+ lineHeight: '$badgeLarge',
77
+ },
78
+ badgeMedium: {
79
+ fontSize: '$badgeMedium',
80
+ lineHeight: '$badgeMedium',
81
+ },
82
+ badgeSmall: {
83
+ fontSize: '$badgeSmall',
84
+ lineHeight: '$badgeSmall',
85
+ },
86
+ badgeExtraSmall: {
87
+ fontSize: '$badgeExtraSmall',
88
+ lineHeight: '$badgeExtraSmall',
89
+ },
90
+ tooltip: {
91
+ fontSize: '$tooltip',
92
+ lineHeight: '$tooltip',
93
+ },
94
+ popoversRegular: {
95
+ fontSize: '$popoversRegular',
96
+ lineHeight: '$popoversRegular',
97
+ },
98
+ captionLarge: {
99
+ fontSize: '$captionLarge',
100
+ lineHeight: '$captionLarge',
101
+ },
102
+ captionMedium: {
103
+ fontSize: '$captionMedium',
104
+ lineHeight: '$captionMedium',
105
+ },
106
+ captionSmall: {
107
+ fontSize: '$captionSmall',
108
+ lineHeight: '$captionSmall',
109
+ },
110
+ buttonLarge: {
111
+ fontSize: '$buttonLarge',
112
+ lineHeight: '$buttonLarge',
113
+ },
114
+ buttonMedium: {
115
+ fontSize: '$buttonMedium',
116
+ lineHeight: '$buttonMedium',
117
+ },
118
+ buttonSmall: {
119
+ fontSize: '$buttonSmall',
120
+ lineHeight: '$buttonSmall',
121
+ },
122
+ buttonExtraSmall: {
123
+ fontSize: '$buttonExtraSmall',
124
+ lineHeight: '$buttonExtraSmall',
125
+ },
126
+ labelLarge: {
127
+ fontSize: '$labelLarge',
128
+ lineHeight: '$labelLarge',
129
+ },
130
+ labelMedium: {
131
+ fontSize: '$labelMedium',
132
+ lineHeight: '$labelMedium',
133
+ },
134
+ labelSmall: {
135
+ fontSize: '$labelSmall',
136
+ lineHeight: '$labelSmall',
137
+ },
138
+ labelExtraSmall: {
139
+ fontSize: '$labelExtraSmall',
140
+ lineHeight: '$labelExtraSmall',
141
+ },
142
+
143
+ }
144
+ export const typographyButtonValues = {
145
+ buttonLarge: {
146
+ fontSize: '$buttonLarge',
147
+ lineHeight: '$buttonLarge',
148
+ },
149
+ buttonMedium: {
150
+ fontSize: '$buttonMedium',
151
+ lineHeight: '$buttonMedium',
152
+ },
153
+ buttonSmall: {
154
+ fontSize: '$buttonSmall',
155
+ lineHeight: '$buttonSmall',
156
+ },
157
+ buttonExtraSmall: {
158
+ fontSize: '$buttonExtraSmall',
159
+ lineHeight: '$buttonExtraSmall',
160
+ },
161
+ }
162
+ export const typographyLabelValues = {
163
+ labelLarge: {
164
+ fontSize: '$labelLarge',
165
+ lineHeight: '$labelLarge',
166
+ },
167
+ labelMedium: {
168
+ fontSize: '$labelMedium',
169
+ lineHeight: '$labelMedium',
170
+ },
171
+ labelSmall: {
172
+ fontSize: '$labelSmall',
173
+ lineHeight: '$labelSmall',
174
+ },
175
+ labelExtraSmall: {
176
+ fontSize: '$labelExtraSmall',
177
+ lineHeight: '$labelExtraSmall',
178
+ },
179
+ }
package/tsconfig.json CHANGED
@@ -1,4 +1,4 @@
1
- {
2
- "extends": "@lets-events/ts-config/react.json",
3
- "include": ["src"]
1
+ {
2
+ "extends": "@lets-events/ts-config/react.json",
3
+ "include": ["src"]
4
4
  }