mayak-common-library 0.0.18 → 0.0.20
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 +199 -74
- package/dist/index.js +13 -10
- package/dist/index.mjs +14 -11
- package/package.json +1 -1
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 {
|
|
@@ -191,6 +315,7 @@ body {
|
|
|
191
315
|
font-size: 14px;
|
|
192
316
|
line-height: 20px;
|
|
193
317
|
font-weight: 400;
|
|
318
|
+
font-family: RockStar, sans-serif;
|
|
194
319
|
}
|
|
195
320
|
main {
|
|
196
321
|
flex-grow: 1;
|
package/dist/index.js
CHANGED
|
@@ -369,8 +369,8 @@ var SelectPro_default = SelectPro;
|
|
|
369
369
|
|
|
370
370
|
// src/components/Chip/Chip.tsx
|
|
371
371
|
var import_material5 = require("@mui/material");
|
|
372
|
-
var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme
|
|
373
|
-
borderRadius:
|
|
372
|
+
var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme }) => ({
|
|
373
|
+
borderRadius: theme.shape.borderRadius
|
|
374
374
|
}));
|
|
375
375
|
var ChipViews = {
|
|
376
376
|
black: "bg-accent-dark text-accent-white py-1.5 px-4",
|
|
@@ -442,7 +442,7 @@ var RadioGroup_default = CustomRadioGroup;
|
|
|
442
442
|
// src/components/Switch/Switch.tsx
|
|
443
443
|
var import_material7 = require("@mui/material");
|
|
444
444
|
var import_Typography3 = __toESM(require("@mui/material/Typography"));
|
|
445
|
-
var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme
|
|
445
|
+
var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme }) => ({
|
|
446
446
|
width: 60,
|
|
447
447
|
height: 30,
|
|
448
448
|
padding: 0,
|
|
@@ -472,7 +472,7 @@ var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: the
|
|
|
472
472
|
width: 20,
|
|
473
473
|
height: 20,
|
|
474
474
|
borderRadius: "100%",
|
|
475
|
-
transition:
|
|
475
|
+
transition: theme.transitions.create(["width"], {
|
|
476
476
|
duration: 200
|
|
477
477
|
})
|
|
478
478
|
},
|
|
@@ -604,11 +604,11 @@ var WINDOW_SIZE = {
|
|
|
604
604
|
};
|
|
605
605
|
var _theme = {
|
|
606
606
|
typography: {
|
|
607
|
-
fontFamily: ["RockStar", "sans-serif"].join(",")
|
|
608
|
-
body1: {
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
}
|
|
607
|
+
fontFamily: ["RockStar", "sans-serif"].join(",")
|
|
608
|
+
// body1: {
|
|
609
|
+
// fontSize: 14,
|
|
610
|
+
// lineHeight: "22px",
|
|
611
|
+
// },
|
|
612
612
|
},
|
|
613
613
|
breakpoints: {
|
|
614
614
|
values: {
|
|
@@ -631,7 +631,6 @@ var _theme = {
|
|
|
631
631
|
};
|
|
632
632
|
|
|
633
633
|
// src/theme/index.tsx
|
|
634
|
-
var theme = (0, import_createTheme.default)(__spreadValues({}, _theme));
|
|
635
634
|
function ThemeRegistry(props) {
|
|
636
635
|
const { children } = props;
|
|
637
636
|
const [{ cache, flush }] = (0, import_react6.useState)(() => {
|
|
@@ -656,6 +655,10 @@ function ThemeRegistry(props) {
|
|
|
656
655
|
};
|
|
657
656
|
return { cache: cache2, flush: flush2 };
|
|
658
657
|
});
|
|
658
|
+
const theme = (0, import_react6.useMemo)(
|
|
659
|
+
() => (0, import_createTheme.default)(__spreadValues({}, _theme)),
|
|
660
|
+
[]
|
|
661
|
+
);
|
|
659
662
|
(0, import_navigation.useServerInsertedHTML)(() => {
|
|
660
663
|
const names = flush();
|
|
661
664
|
if (names.length === 0) return null;
|
package/dist/index.mjs
CHANGED
|
@@ -319,8 +319,8 @@ var SelectPro_default = SelectPro;
|
|
|
319
319
|
|
|
320
320
|
// src/components/Chip/Chip.tsx
|
|
321
321
|
import { Chip, styled as styled4 } from "@mui/material";
|
|
322
|
-
var StyledChip = styled4(Chip)(({ theme
|
|
323
|
-
borderRadius:
|
|
322
|
+
var StyledChip = styled4(Chip)(({ theme }) => ({
|
|
323
|
+
borderRadius: theme.shape.borderRadius
|
|
324
324
|
}));
|
|
325
325
|
var ChipViews = {
|
|
326
326
|
black: "bg-accent-dark text-accent-white py-1.5 px-4",
|
|
@@ -392,7 +392,7 @@ var RadioGroup_default = CustomRadioGroup;
|
|
|
392
392
|
// src/components/Switch/Switch.tsx
|
|
393
393
|
import { Stack, styled as styled5, Switch as SwitchMUI } from "@mui/material";
|
|
394
394
|
import Typography4 from "@mui/material/Typography";
|
|
395
|
-
var Switch = styled5(SwitchMUI)(({ theme
|
|
395
|
+
var Switch = styled5(SwitchMUI)(({ theme }) => ({
|
|
396
396
|
width: 60,
|
|
397
397
|
height: 30,
|
|
398
398
|
padding: 0,
|
|
@@ -422,7 +422,7 @@ var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
|
|
|
422
422
|
width: 20,
|
|
423
423
|
height: 20,
|
|
424
424
|
borderRadius: "100%",
|
|
425
|
-
transition:
|
|
425
|
+
transition: theme.transitions.create(["width"], {
|
|
426
426
|
duration: 200
|
|
427
427
|
})
|
|
428
428
|
},
|
|
@@ -535,7 +535,7 @@ var FromToInput = ({ label }) => {
|
|
|
535
535
|
var FromToInput_default = FromToInput;
|
|
536
536
|
|
|
537
537
|
// src/theme/index.tsx
|
|
538
|
-
import { useState as useState3 } from "react";
|
|
538
|
+
import { useMemo, useState as useState3 } from "react";
|
|
539
539
|
import createCache from "@emotion/cache";
|
|
540
540
|
import { useServerInsertedHTML } from "next/navigation";
|
|
541
541
|
import { CacheProvider } from "@emotion/react";
|
|
@@ -554,11 +554,11 @@ var WINDOW_SIZE = {
|
|
|
554
554
|
};
|
|
555
555
|
var _theme = {
|
|
556
556
|
typography: {
|
|
557
|
-
fontFamily: ["RockStar", "sans-serif"].join(",")
|
|
558
|
-
body1: {
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
}
|
|
557
|
+
fontFamily: ["RockStar", "sans-serif"].join(",")
|
|
558
|
+
// body1: {
|
|
559
|
+
// fontSize: 14,
|
|
560
|
+
// lineHeight: "22px",
|
|
561
|
+
// },
|
|
562
562
|
},
|
|
563
563
|
breakpoints: {
|
|
564
564
|
values: {
|
|
@@ -581,7 +581,6 @@ var _theme = {
|
|
|
581
581
|
};
|
|
582
582
|
|
|
583
583
|
// src/theme/index.tsx
|
|
584
|
-
var theme = createTheme(__spreadValues({}, _theme));
|
|
585
584
|
function ThemeRegistry(props) {
|
|
586
585
|
const { children } = props;
|
|
587
586
|
const [{ cache, flush }] = useState3(() => {
|
|
@@ -606,6 +605,10 @@ function ThemeRegistry(props) {
|
|
|
606
605
|
};
|
|
607
606
|
return { cache: cache2, flush: flush2 };
|
|
608
607
|
});
|
|
608
|
+
const theme = useMemo(
|
|
609
|
+
() => createTheme(__spreadValues({}, _theme)),
|
|
610
|
+
[]
|
|
611
|
+
);
|
|
609
612
|
useServerInsertedHTML(() => {
|
|
610
613
|
const names = flush();
|
|
611
614
|
if (names.length === 0) return null;
|