goobs-frontend 0.7.53

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 (44) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +190 -0
  3. package/package.json +122 -0
  4. package/src/app/_app.tsx +8 -0
  5. package/src/atoms/helperfooter.ts +21 -0
  6. package/src/components/Button/index.tsx +241 -0
  7. package/src/components/ConfirmationCodeInput/index.tsx +108 -0
  8. package/src/components/ConfirmationCodeInput/utils/useCodeConfirmation.tsx +129 -0
  9. package/src/components/Content/Structure/animations.tsx +106 -0
  10. package/src/components/Content/Structure/button/useButton.tsx +80 -0
  11. package/src/components/Content/Structure/confirmationinput/useConfirmationInput.tsx +56 -0
  12. package/src/components/Content/Structure/image/useImage.tsx +62 -0
  13. package/src/components/Content/Structure/link/useLink.tsx +60 -0
  14. package/src/components/Content/Structure/radiogroup/useGridRadioGroup.tsx +62 -0
  15. package/src/components/Content/Structure/styledcomponent/useStyledComponent.tsx +96 -0
  16. package/src/components/Content/Structure/typography/useGridTypography.tsx +53 -0
  17. package/src/components/Content/index.tsx +147 -0
  18. package/src/components/Form/Popup/index.tsx +121 -0
  19. package/src/components/Grid/defaultconfig.tsx +131 -0
  20. package/src/components/Grid/index.tsx +265 -0
  21. package/src/components/Icons/Calendar.tsx +21 -0
  22. package/src/components/Icons/DownArrowFilled.tsx +9 -0
  23. package/src/components/Icons/Drag.tsx +9 -0
  24. package/src/components/Icons/FavoriteIcon.tsx +24 -0
  25. package/src/components/Icons/Info.tsx +12 -0
  26. package/src/components/Icons/Search.tsx +29 -0
  27. package/src/components/Icons/ShowHideEye.tsx +16 -0
  28. package/src/components/RadioGroup/index.tsx +96 -0
  29. package/src/components/StyledComponent/adornments.tsx +118 -0
  30. package/src/components/StyledComponent/helperfooter/useHelperFooter.tsx +411 -0
  31. package/src/components/StyledComponent/hooks/useDropdown.tsx +144 -0
  32. package/src/components/StyledComponent/hooks/usePassword.tsx +23 -0
  33. package/src/components/StyledComponent/hooks/usePhoneNumber.tsx +75 -0
  34. package/src/components/StyledComponent/hooks/useSearchbar.tsx +44 -0
  35. package/src/components/StyledComponent/hooks/useSplitButton.tsx +66 -0
  36. package/src/components/StyledComponent/index.tsx +404 -0
  37. package/src/components/Typography/index.tsx +268 -0
  38. package/src/index.ts +210 -0
  39. package/src/main.tsx +7 -0
  40. package/src/styles/Form/index.ts +7 -0
  41. package/src/styles/StyledComponent/Label/index.ts +76 -0
  42. package/src/styles/palette.ts +143 -0
  43. package/src/styles/typography.ts +184 -0
  44. package/src/types/async-lock.d.ts +35 -0
@@ -0,0 +1,184 @@
1
+ type TypographyConfig = {
2
+ fontSize: string
3
+ fontWeight: number
4
+ textTransform: string
5
+ }
6
+
7
+ // Define base configurations for each heading level
8
+ const h1Config: TypographyConfig = {
9
+ fontSize: '3rem',
10
+ fontWeight: 700,
11
+ textTransform: 'none',
12
+ }
13
+
14
+ const h2Config: TypographyConfig = {
15
+ fontSize: '2.5rem',
16
+ fontWeight: 700,
17
+ textTransform: 'none',
18
+ }
19
+
20
+ const h3Config: TypographyConfig = {
21
+ fontSize: '2rem',
22
+ fontWeight: 400,
23
+ textTransform: 'none',
24
+ }
25
+
26
+ const h4Config: TypographyConfig = {
27
+ fontSize: '1.5rem',
28
+ fontWeight: 400,
29
+ textTransform: 'none',
30
+ }
31
+
32
+ const h5Config: TypographyConfig = {
33
+ fontSize: '1.25rem',
34
+ fontWeight: 400,
35
+ textTransform: 'none',
36
+ }
37
+
38
+ const h6Config: TypographyConfig = {
39
+ fontSize: '1.1rem',
40
+ fontWeight: 400,
41
+ textTransform: 'none',
42
+ }
43
+
44
+ const paragraphConfig: TypographyConfig = {
45
+ fontSize: '.9rem',
46
+ fontWeight: 400,
47
+ textTransform: 'none',
48
+ }
49
+
50
+ const helperHeaderConfig: TypographyConfig = {
51
+ fontSize: '0.8rem',
52
+ fontWeight: 400,
53
+ textTransform: 'none',
54
+ }
55
+
56
+ const helperFooterConfig: TypographyConfig = {
57
+ fontSize: '0.7rem',
58
+ fontWeight: 400,
59
+ textTransform: 'none',
60
+ }
61
+
62
+ const arapeyFontFamily = 'var(--font-arapey)'
63
+ const interFontFamily = 'var(--font-inter)'
64
+ const merriweatherFontFamily = 'var(--font-merriweather)'
65
+
66
+ export const arapeyh1 = {
67
+ fontFamily: arapeyFontFamily,
68
+ ...h1Config,
69
+ }
70
+
71
+ export const arapeyh2 = {
72
+ fontFamily: arapeyFontFamily,
73
+ ...h2Config,
74
+ }
75
+
76
+ export const arapeyh3 = {
77
+ fontFamily: arapeyFontFamily,
78
+ ...h3Config,
79
+ }
80
+
81
+ export const arapeyh4 = {
82
+ fontFamily: arapeyFontFamily,
83
+ ...h4Config,
84
+ }
85
+
86
+ export const arapeyh5 = {
87
+ fontFamily: arapeyFontFamily,
88
+ ...h5Config,
89
+ }
90
+
91
+ export const arapeyh6 = {
92
+ fontFamily: arapeyFontFamily,
93
+ ...h6Config,
94
+ }
95
+
96
+ export const arapeyparagraph = {
97
+ fontFamily: arapeyFontFamily,
98
+ ...paragraphConfig,
99
+ }
100
+
101
+ export const interh1 = {
102
+ fontFamily: interFontFamily,
103
+ ...h1Config,
104
+ }
105
+
106
+ export const interh2 = {
107
+ fontFamily: interFontFamily,
108
+ ...h2Config,
109
+ }
110
+
111
+ export const interh3 = {
112
+ fontFamily: interFontFamily,
113
+ ...h3Config,
114
+ }
115
+
116
+ export const interh4 = {
117
+ fontFamily: interFontFamily,
118
+ ...h4Config,
119
+ }
120
+
121
+ export const interh5 = {
122
+ fontFamily: interFontFamily,
123
+ ...h5Config,
124
+ }
125
+
126
+ export const interh6 = {
127
+ fontFamily: interFontFamily,
128
+ ...h6Config,
129
+ }
130
+
131
+ export const interparagraph = {
132
+ fontFamily: interFontFamily,
133
+ ...paragraphConfig,
134
+ }
135
+
136
+ export const interhelperheader = {
137
+ fontFamily: interFontFamily,
138
+ ...helperHeaderConfig,
139
+ }
140
+
141
+ export const interhelperfooter = {
142
+ fontFamily: interFontFamily,
143
+ ...helperFooterConfig,
144
+ }
145
+
146
+ export const merrih1 = {
147
+ fontFamily: merriweatherFontFamily,
148
+ ...h1Config,
149
+ }
150
+
151
+ export const merrih2 = {
152
+ fontFamily: merriweatherFontFamily,
153
+ ...h2Config,
154
+ }
155
+
156
+ export const merrih3 = {
157
+ fontFamily: merriweatherFontFamily,
158
+ ...h3Config,
159
+ }
160
+
161
+ export const merrih4 = {
162
+ fontFamily: merriweatherFontFamily,
163
+ ...h4Config,
164
+ }
165
+
166
+ export const merrih5 = {
167
+ fontFamily: merriweatherFontFamily,
168
+ ...h5Config,
169
+ }
170
+
171
+ export const merrih6 = {
172
+ fontFamily: merriweatherFontFamily,
173
+ ...h6Config,
174
+ }
175
+
176
+ export const merriparagraph = {
177
+ fontFamily: merriweatherFontFamily,
178
+ ...paragraphConfig,
179
+ }
180
+
181
+ export const merrihelperfooter = {
182
+ fontFamily: merriweatherFontFamily,
183
+ ...helperFooterConfig,
184
+ }
@@ -0,0 +1,35 @@
1
+ declare module 'async-lock' {
2
+ interface AsyncLockOptions {
3
+ timeout?: number
4
+ maxPending?: number
5
+ maxOccupationTime?: number
6
+ domainReentrant?: boolean
7
+ }
8
+
9
+ interface AsyncLockAcquireOptions {
10
+ timeout?: number
11
+ skipQueue?: boolean
12
+ }
13
+
14
+ class AsyncLock {
15
+ constructor(options: AsyncLockOptions)
16
+
17
+ acquire: {
18
+ <T>(
19
+ key: string | readonly string[],
20
+ fn: () => Promise<T> | T,
21
+ opts?: AsyncLockAcquireOptions
22
+ ): Promise<T>
23
+ <T>(key: string | readonly string[], fn: () => Promise<T> | T): Promise<T>
24
+ }
25
+
26
+ isBusy: () => boolean
27
+
28
+ getQueueLength: {
29
+ (key: string): number
30
+ (): number
31
+ }
32
+ }
33
+
34
+ export = AsyncLock
35
+ }