mayak-common-library 0.0.17 → 0.0.19

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.css CHANGED
@@ -53,79 +53,6 @@
53
53
  .button_dark:hover {
54
54
  background-color: #343434;
55
55
  }
56
- .border-gray {
57
- border-color: #757575;
58
- }
59
- .border-dark {
60
- border-color: #343434;
61
- }
62
- .border-gold {
63
- border-color: #C8BCA1;
64
- }
65
- .border-gold2 {
66
- border-color: #99835F;
67
- }
68
- .text-100 {
69
- font-size: 100px;
70
- line-height: 110px;
71
- }
72
- .text-40 {
73
- font-size: 40px;
74
- line-height: 48px;
75
- }
76
- .text-34 {
77
- font-size: 34px;
78
- line-height: 38px;
79
- }
80
- .text-10 {
81
- font-size: 10px;
82
- line-height: 12px;
83
- }
84
- .text-12 {
85
- font-size: 12px;
86
- line-height: 16px;
87
- }
88
- .text-16 {
89
- font-size: 16px;
90
- line-height: 19px;
91
- }
92
- .text-18 {
93
- font-size: 18px;
94
- line-height: 19px;
95
- }
96
- .text-light {
97
- color: #fff;
98
- }
99
- .text-dark {
100
- color: #343434;
101
- }
102
- .text-gold {
103
- color: #C8BCA1;
104
- }
105
- .text-gray {
106
- color: #757575;
107
- }
108
- .text-gray-light {
109
- color: #F5F5F5;
110
- }
111
- .bg-gray-light {
112
- background-color: #F5F5F5;
113
- }
114
- .bg-gray-medium {
115
- background-color: #D0CED2;
116
- }
117
- .bg-gray {
118
- background-color: #757575;
119
- }
120
- .bg-dark {
121
- background-color: #343434;
122
- }
123
- .bg-light {
124
- background-color: #fff;
125
- }
126
- .bg-gold {
127
- background-color: #C8BCA1;
128
- }
129
56
  .customImage {
130
57
  position: relative;
131
58
  }
@@ -141,7 +68,7 @@
141
68
  @apply bg-dark py-[6px] px-[16px] w-fit text-white font-extrabold text-12;
142
69
  }
143
70
  .gray-block-snack {
144
- @apply bg-gray-light px-[10px] w-fit;
71
+ @apply bg-gray-light px-[10px] w-fit text-12;
145
72
  }
146
73
  .border-block-snack {
147
74
  @apply px-[10px] py-[2px] text-12 border-[1px] border-dark w-fit;
@@ -149,6 +76,203 @@
149
76
  .border-gold-block-snack {
150
77
  @apply w-fit px-[10px] py-[2px] text-gray border-[1px] border-gold font-extrabold text-12 group-hover/card:text-white group-hover/card:bg-gold;
151
78
  }
79
+ .text-gold2 {
80
+ color: #99835F;
81
+ }
82
+ .text-gold {
83
+ color: #C8BCA1;
84
+ }
85
+ .text-gray {
86
+ color: #757575;
87
+ }
88
+ .text-34 {
89
+ font-size: 34px;
90
+ line-height: 38px;
91
+ @apply uppercase font-extrabold;
92
+ }
93
+ .text-32 {
94
+ font-size: 32px;
95
+ line-height: 35px;
96
+ @apply uppercase font-extrabold;
97
+ }
98
+ .text-100 {
99
+ font-size: 100px;
100
+ line-height: 110px;
101
+ }
102
+ .text-50 {
103
+ font-size: 50px;
104
+ line-height: 55px;
105
+ }
106
+ .text-40 {
107
+ font-size: 40px;
108
+ line-height: 48px;
109
+ }
110
+ .text-10 {
111
+ font-size: 10px;
112
+ line-height: 12px;
113
+ }
114
+ .text-12 {
115
+ font-size: 12px;
116
+ line-height: 16px;
117
+ }
118
+ .text-14 {
119
+ font-size: 14px;
120
+ line-height: 20px;
121
+ }
122
+ .text-14-gray {
123
+ font-size: 14px;
124
+ line-height: 20px;
125
+ color: #757575;
126
+ }
127
+ .text-14-bold {
128
+ font-size: 14px;
129
+ line-height: 20px;
130
+ @apply font-extrabold;
131
+ }
132
+ .text-16 {
133
+ font-size: 16px;
134
+ line-height: 20px;
135
+ }
136
+ .text-18 {
137
+ font-size: 18px;
138
+ line-height: 19px;
139
+ }
140
+ .text-20 {
141
+ font-size: 20px;
142
+ line-height: 22px;
143
+ @apply font-extrabold uppercase;
144
+ }
145
+ .text-26 {
146
+ font-size: 26px;
147
+ line-height: 31px;
148
+ @apply font-extrabold;
149
+ }
150
+ .text-30 {
151
+ font-size: 30px;
152
+ line-height: 33px;
153
+ }
154
+ .text-40 {
155
+ font-size: 40px;
156
+ line-height: 48px;
157
+ @apply uppercase font-extrabold;
158
+ }
159
+ .text-light {
160
+ color: #fff;
161
+ }
162
+ .text-dark {
163
+ color: #343434;
164
+ }
165
+ .text-gold {
166
+ color: #C8BCA1;
167
+ }
168
+ .text-gray-light {
169
+ color: #F5F5F5;
170
+ }
171
+ .bg-gray-light {
172
+ background-color: #F5F5F5;
173
+ }
174
+ .bg-gray-medium {
175
+ background-color: #D0CED2;
176
+ }
177
+ .bg-gray {
178
+ background-color: #757575;
179
+ }
180
+ .bg-dark {
181
+ background-color: #343434;
182
+ }
183
+ .bg-light {
184
+ background-color: #fff;
185
+ }
186
+ .bg-gold {
187
+ background-color: #C8BCA1;
188
+ }
189
+ .border-custom-gray {
190
+ border-color: #757575;
191
+ }
192
+ .border-dark {
193
+ border-color: #343434;
194
+ }
195
+ .border-custom-dark {
196
+ border-color: #343434;
197
+ }
198
+ .border-gold {
199
+ border-color: #C8BCA1;
200
+ }
201
+ .border-gold2 {
202
+ border-color: #99835F;
203
+ }
204
+ .big-title {
205
+ @apply uppercase font-extrabold text-34;
206
+ }
207
+ .block-gold {
208
+ @apply bg-gold py-[30px] px-[40px] flex flex-col;
209
+ }
210
+ .block-simple-border {
211
+ @apply block border-[1px] py-[16px] px-[24px] text-14 w-fit border-dark;
212
+ }
213
+ .block-white-wrapper {
214
+ @apply text-32 bg-white py-[20px] px-[30px] block;
215
+ }
216
+ .block-white {
217
+ @apply bg-white py-[30px] px-[40px];
218
+ }
219
+ .block-center {
220
+ @apply block mx-auto w-fit;
221
+ }
222
+ .filter-gold2 {
223
+ filter: invert(64%) sepia(5%) saturate(2284%) hue-rotate(358deg) brightness(81%) contrast(87%);
224
+ }
225
+ .filter-gray {
226
+ filter: invert(50%) sepia(10%) saturate(17%) hue-rotate(354deg) brightness(89%) contrast(90%);
227
+ }
228
+ .filter-dark {
229
+ filter: invert(18%) sepia(13%) saturate(19%) hue-rotate(5deg) brightness(60%) contrast(90%);
230
+ }
231
+ .trim-2 {
232
+ display: -webkit-box;
233
+ -webkit-box-orient: vertical;
234
+ overflow: hidden;
235
+ -webkit-line-clamp: 2;
236
+ }
237
+ .trim-4 {
238
+ display: -webkit-box;
239
+ -webkit-box-orient: vertical;
240
+ overflow: hidden;
241
+ -webkit-line-clamp: 4;
242
+ }
243
+ .container-mini {
244
+ width: 100%;
245
+ margin-left: auto;
246
+ box-sizing: border-box;
247
+ margin-right: auto;
248
+ display: block;
249
+ max-width: 745px;
250
+ }
251
+ }
252
+ .richTextBlock {
253
+ line-height: 24px;
254
+ }
255
+ .richTextBlock p {
256
+ color: #757575;
257
+ }
258
+ .richTextBlock ul {
259
+ margin: 16px 0;
260
+ padding-left: 40px;
261
+ list-style: disc;
262
+ }
263
+ .richTextBlock h2 {
264
+ font-size: 20px;
265
+ line-height: 22px;
266
+ font-weight: 800;
267
+ margin-top: 20px;
268
+ margin-bottom: 6px;
269
+ }
270
+ .richTextBlock h3 {
271
+ font-size: 18px;
272
+ line-height: 19px;
273
+ font-weight: 800;
274
+ margin-top: 20px;
275
+ margin-bottom: 6px;
152
276
  }
153
277
  @layer components {
154
278
  .nav-item.active {
@@ -169,6 +293,16 @@
169
293
  transition: transform 0.3s ease-out;
170
294
  }
171
295
  }
296
+ @font-face {
297
+ font-family: RockStar;
298
+ src: url("./Rock Star_Regular_Web-VMOWTS6V.woff2");
299
+ font-weight: 400;
300
+ }
301
+ @font-face {
302
+ font-family: RockStar;
303
+ src: url("./Rock Star_Extra Bold_Web-B3PLEFIF.woff2");
304
+ font-weight: 800;
305
+ }
172
306
  body {
173
307
  max-width: 100vw;
174
308
  overflow-x: hidden;
package/dist/index.d.mts CHANGED
@@ -1,7 +1,6 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
1
+ import * as react from 'react';
2
+ import react__default, { FC, PropsWithChildren, ReactElement } from 'react';
2
3
  import { ButtonProps } from '@mui/material/Button';
3
- import * as React$1 from 'react';
4
- import React__default, { FC, PropsWithChildren, ReactElement } from 'react';
5
4
  import { IconButtonProps } from '@mui/material/IconButton/IconButton';
6
5
  import { SelectProps } from '@mui/material/Select/Select';
7
6
  import { ChipProps } from '@mui/material';
@@ -17,10 +16,11 @@ import { MenuItemProps } from '@mui/material/MenuItem/MenuItem';
17
16
  import { InputProps } from '@mui/material/Input';
18
17
  import { PatternFormatProps } from 'react-number-format/types/types';
19
18
  export { default as MapIcon } from '@/icons/map-search.svg';
19
+ import { UseControllerProps } from 'react-hook-form';
20
20
 
21
21
  declare function Greet(props: {
22
22
  name: string;
23
- }): react_jsx_runtime.JSX.Element;
23
+ }): react.JSX.Element;
24
24
 
25
25
  interface CustomButtonProps extends ButtonProps, PropsWithChildren {
26
26
  bolt?: boolean;
@@ -53,9 +53,9 @@ interface CustomChipProps {
53
53
  }
54
54
  declare const CustomChip: FC<ChipProps & CustomChipProps>;
55
55
 
56
- declare const CustomBadge: (props: BadgeProps) => react_jsx_runtime.JSX.Element;
56
+ declare const CustomBadge: (props: BadgeProps) => react.JSX.Element;
57
57
 
58
- declare const CustomAvatar: (props: AvatarProps) => react_jsx_runtime.JSX.Element;
58
+ declare const CustomAvatar: (props: AvatarProps) => react.JSX.Element;
59
59
 
60
60
  declare const Text: FC<TypographyOwnProps & PropsWithChildren>;
61
61
 
@@ -65,9 +65,9 @@ interface CustomRadioProps {
65
65
  label?: string;
66
66
  value?: string;
67
67
  }
68
- declare const CustomRadio: React__default.FC<CustomRadioProps>;
68
+ declare const CustomRadio: react__default.FC<CustomRadioProps>;
69
69
 
70
- declare const CustomRadioGroup: React__default.FC<RadioGroupProps & PropsWithChildren>;
70
+ declare const CustomRadioGroup: react__default.FC<RadioGroupProps & PropsWithChildren>;
71
71
 
72
72
  interface CustomSwitchProps {
73
73
  beforeText?: string;
@@ -83,7 +83,7 @@ interface CustomInputProps {
83
83
  type?: "number" | "string";
84
84
  adornmentText?: string;
85
85
  }
86
- declare const CustomInput: React.FC<CustomInputProps & InputProps>;
86
+ declare const CustomInput: FC<CustomInputProps & InputProps>;
87
87
 
88
88
  interface PhoneInputProps {
89
89
  onChange: (event: {
@@ -94,7 +94,7 @@ interface PhoneInputProps {
94
94
  }) => void;
95
95
  name: string;
96
96
  }
97
- declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<PatternFormatProps>>;
97
+ declare const PhoneInput: react.ForwardRefExoticComponent<PhoneInputProps & react.RefAttributes<PatternFormatProps>>;
98
98
 
99
99
  interface FromToInputProps {
100
100
  label?: string;
@@ -140,7 +140,7 @@ interface JobCardProps {
140
140
  }
141
141
  declare const JobCard: FC<JobCardProps>;
142
142
 
143
- declare const RealtorCard: () => react_jsx_runtime.JSX.Element;
143
+ declare const RealtorCard: () => react.JSX.Element;
144
144
 
145
145
  interface RealtyCardProps {
146
146
  }
@@ -154,4 +154,9 @@ interface TeamPersonCardProps {
154
154
  }
155
155
  declare const TeamPersonCard: FC<TeamPersonCardProps>;
156
156
 
157
- export { AppBar, ArticleCard, CustomAvatar as Avatar, CustomBadge as Badge, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text };
157
+ interface AutocompleteProps {
158
+ values: string[];
159
+ }
160
+ declare const Autocomplete: FC<AutocompleteProps & UseControllerProps<any>>;
161
+
162
+ export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text };
package/dist/index.d.ts CHANGED
@@ -1,7 +1,6 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
1
+ import * as react from 'react';
2
+ import react__default, { FC, PropsWithChildren, ReactElement } from 'react';
2
3
  import { ButtonProps } from '@mui/material/Button';
3
- import * as React$1 from 'react';
4
- import React__default, { FC, PropsWithChildren, ReactElement } from 'react';
5
4
  import { IconButtonProps } from '@mui/material/IconButton/IconButton';
6
5
  import { SelectProps } from '@mui/material/Select/Select';
7
6
  import { ChipProps } from '@mui/material';
@@ -17,10 +16,11 @@ import { MenuItemProps } from '@mui/material/MenuItem/MenuItem';
17
16
  import { InputProps } from '@mui/material/Input';
18
17
  import { PatternFormatProps } from 'react-number-format/types/types';
19
18
  export { default as MapIcon } from '@/icons/map-search.svg';
19
+ import { UseControllerProps } from 'react-hook-form';
20
20
 
21
21
  declare function Greet(props: {
22
22
  name: string;
23
- }): react_jsx_runtime.JSX.Element;
23
+ }): react.JSX.Element;
24
24
 
25
25
  interface CustomButtonProps extends ButtonProps, PropsWithChildren {
26
26
  bolt?: boolean;
@@ -53,9 +53,9 @@ interface CustomChipProps {
53
53
  }
54
54
  declare const CustomChip: FC<ChipProps & CustomChipProps>;
55
55
 
56
- declare const CustomBadge: (props: BadgeProps) => react_jsx_runtime.JSX.Element;
56
+ declare const CustomBadge: (props: BadgeProps) => react.JSX.Element;
57
57
 
58
- declare const CustomAvatar: (props: AvatarProps) => react_jsx_runtime.JSX.Element;
58
+ declare const CustomAvatar: (props: AvatarProps) => react.JSX.Element;
59
59
 
60
60
  declare const Text: FC<TypographyOwnProps & PropsWithChildren>;
61
61
 
@@ -65,9 +65,9 @@ interface CustomRadioProps {
65
65
  label?: string;
66
66
  value?: string;
67
67
  }
68
- declare const CustomRadio: React__default.FC<CustomRadioProps>;
68
+ declare const CustomRadio: react__default.FC<CustomRadioProps>;
69
69
 
70
- declare const CustomRadioGroup: React__default.FC<RadioGroupProps & PropsWithChildren>;
70
+ declare const CustomRadioGroup: react__default.FC<RadioGroupProps & PropsWithChildren>;
71
71
 
72
72
  interface CustomSwitchProps {
73
73
  beforeText?: string;
@@ -83,7 +83,7 @@ interface CustomInputProps {
83
83
  type?: "number" | "string";
84
84
  adornmentText?: string;
85
85
  }
86
- declare const CustomInput: React.FC<CustomInputProps & InputProps>;
86
+ declare const CustomInput: FC<CustomInputProps & InputProps>;
87
87
 
88
88
  interface PhoneInputProps {
89
89
  onChange: (event: {
@@ -94,7 +94,7 @@ interface PhoneInputProps {
94
94
  }) => void;
95
95
  name: string;
96
96
  }
97
- declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<PatternFormatProps>>;
97
+ declare const PhoneInput: react.ForwardRefExoticComponent<PhoneInputProps & react.RefAttributes<PatternFormatProps>>;
98
98
 
99
99
  interface FromToInputProps {
100
100
  label?: string;
@@ -140,7 +140,7 @@ interface JobCardProps {
140
140
  }
141
141
  declare const JobCard: FC<JobCardProps>;
142
142
 
143
- declare const RealtorCard: () => react_jsx_runtime.JSX.Element;
143
+ declare const RealtorCard: () => react.JSX.Element;
144
144
 
145
145
  interface RealtyCardProps {
146
146
  }
@@ -154,4 +154,9 @@ interface TeamPersonCardProps {
154
154
  }
155
155
  declare const TeamPersonCard: FC<TeamPersonCardProps>;
156
156
 
157
- export { AppBar, ArticleCard, CustomAvatar as Avatar, CustomBadge as Badge, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text };
157
+ interface AutocompleteProps {
158
+ values: string[];
159
+ }
160
+ declare const Autocomplete: FC<AutocompleteProps & UseControllerProps<any>>;
161
+
162
+ export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text };