mayak-common-library 0.0.73 → 0.0.75
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 +95 -0
- package/dist/index.js +9 -8
- package/dist/index.mjs +9 -8
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -70,6 +70,101 @@
|
|
|
70
70
|
.border-block-snack {
|
|
71
71
|
@apply px-[10px] py-[2px] text-12 border-[1px] border-dark w-fit;
|
|
72
72
|
}
|
|
73
|
+
.button-text-size {
|
|
74
|
+
@apply sm:text-14;
|
|
75
|
+
}
|
|
76
|
+
.text-gold2 {
|
|
77
|
+
color: #99835F;
|
|
78
|
+
}
|
|
79
|
+
.text-gold {
|
|
80
|
+
color: #C8BCA1;
|
|
81
|
+
}
|
|
82
|
+
.text-gray {
|
|
83
|
+
color: #757575;
|
|
84
|
+
}
|
|
85
|
+
.text-34 {
|
|
86
|
+
font-size: 34px;
|
|
87
|
+
line-height: 38px;
|
|
88
|
+
@apply uppercase font-extrabold;
|
|
89
|
+
}
|
|
90
|
+
.text-32 {
|
|
91
|
+
font-size: 32px;
|
|
92
|
+
line-height: 35px;
|
|
93
|
+
@apply uppercase font-extrabold;
|
|
94
|
+
}
|
|
95
|
+
.text-100 {
|
|
96
|
+
font-size: 100px !important;
|
|
97
|
+
line-height: 110px !important;
|
|
98
|
+
}
|
|
99
|
+
.text-50 {
|
|
100
|
+
font-size: 50px;
|
|
101
|
+
line-height: 55px;
|
|
102
|
+
}
|
|
103
|
+
.text-40 {
|
|
104
|
+
font-size: 40px;
|
|
105
|
+
line-height: 48px;
|
|
106
|
+
}
|
|
107
|
+
.text-10 {
|
|
108
|
+
font-size: 10px;
|
|
109
|
+
line-height: 12px;
|
|
110
|
+
}
|
|
111
|
+
.text-12 {
|
|
112
|
+
font-size: 12px;
|
|
113
|
+
line-height: 16px;
|
|
114
|
+
}
|
|
115
|
+
.text-14 {
|
|
116
|
+
font-size: 14px;
|
|
117
|
+
line-height: 20px;
|
|
118
|
+
}
|
|
119
|
+
.text-14-gray {
|
|
120
|
+
font-size: 14px;
|
|
121
|
+
line-height: 20px;
|
|
122
|
+
color: #757575;
|
|
123
|
+
}
|
|
124
|
+
.text-14-bold {
|
|
125
|
+
font-size: 14px;
|
|
126
|
+
line-height: 20px;
|
|
127
|
+
@apply font-extrabold;
|
|
128
|
+
}
|
|
129
|
+
.text-16 {
|
|
130
|
+
font-size: 16px;
|
|
131
|
+
line-height: 20px;
|
|
132
|
+
}
|
|
133
|
+
.text-18 {
|
|
134
|
+
font-size: 18px;
|
|
135
|
+
line-height: 19px;
|
|
136
|
+
}
|
|
137
|
+
.text-20 {
|
|
138
|
+
font-size: 20px;
|
|
139
|
+
line-height: 22px;
|
|
140
|
+
@apply font-extrabold uppercase;
|
|
141
|
+
}
|
|
142
|
+
.text-26 {
|
|
143
|
+
font-size: 26px;
|
|
144
|
+
line-height: 31px;
|
|
145
|
+
@apply font-extrabold;
|
|
146
|
+
}
|
|
147
|
+
.text-30 {
|
|
148
|
+
font-size: 30px;
|
|
149
|
+
line-height: 33px;
|
|
150
|
+
}
|
|
151
|
+
.text-40 {
|
|
152
|
+
font-size: 40px;
|
|
153
|
+
line-height: 48px;
|
|
154
|
+
@apply uppercase font-extrabold;
|
|
155
|
+
}
|
|
156
|
+
.text-light {
|
|
157
|
+
color: #fff;
|
|
158
|
+
}
|
|
159
|
+
.text-dark {
|
|
160
|
+
color: #343434;
|
|
161
|
+
}
|
|
162
|
+
.text-gold {
|
|
163
|
+
color: #C8BCA1;
|
|
164
|
+
}
|
|
165
|
+
.text-gray-light {
|
|
166
|
+
color: #F5F5F5;
|
|
167
|
+
}
|
|
73
168
|
.bg-gray-light {
|
|
74
169
|
background-color: #F5F5F5;
|
|
75
170
|
}
|
package/dist/index.js
CHANGED
|
@@ -133,21 +133,22 @@ var StyledButton = (0, import_material.styled)(import_Button.default)(() => ({
|
|
|
133
133
|
}
|
|
134
134
|
}));
|
|
135
135
|
var Button = (props) => {
|
|
136
|
-
const _a = props, { children, base, bolt, border, medium, small, large } = _a, rest = __objRest(_a, ["children", "base", "bolt", "border", "medium", "small", "large"]);
|
|
136
|
+
const _a = props, { children, base, color, bolt, border, medium, small, large } = _a, rest = __objRest(_a, ["children", "base", "color", "bolt", "border", "medium", "small", "large"]);
|
|
137
137
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
138
138
|
StyledButton,
|
|
139
139
|
__spreadProps(__spreadValues({}, rest), {
|
|
140
140
|
disableRipple: true,
|
|
141
|
-
className: `${base ? "bg-accent-dark rounded-none
|
|
142
|
-
${small ? "py-1.5 px-4" : ""}
|
|
143
|
-
${medium ? "py-3.5 px-4" : ""}
|
|
144
|
-
|
|
145
|
-
|
|
141
|
+
className: `${base ? "bg-accent-dark text-accent-white flex gap-[10px] items-center rounded-none w-fit p-3 px-7.5 normal-case min-w-[145px] hover:bg-accent-beige hover:text-accent-white shadow-none" : ""}
|
|
142
|
+
${small ? "py-1.5 px-4" : ""}
|
|
143
|
+
${medium ? "py-3.5 px-4" : ""}
|
|
144
|
+
${large ? "h-[38px] py-3.5 px-10" : ""}
|
|
145
|
+
${border ? "text-accent-silver-3 border-b border-solid rounded-none border-accent-silver-3 hover:text-accent-black hover:border-b-2 hover:border-accent-black" : ""}`,
|
|
146
146
|
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
147
147
|
import_Typography.default,
|
|
148
148
|
{
|
|
149
149
|
style: { top: "1px" },
|
|
150
|
-
className: `
|
|
150
|
+
className: `
|
|
151
|
+
}relative ${bolt ? "font-extrabold" : "font-normal"}`,
|
|
151
152
|
children
|
|
152
153
|
}
|
|
153
154
|
)
|
|
@@ -347,6 +348,7 @@ var SelectPro = ({
|
|
|
347
348
|
disableRipple: true,
|
|
348
349
|
fullWidth: true,
|
|
349
350
|
sx: {
|
|
351
|
+
width: "100%",
|
|
350
352
|
height: small ? "34px" : "38px",
|
|
351
353
|
padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
|
|
352
354
|
},
|
|
@@ -355,7 +357,6 @@ var SelectPro = ({
|
|
|
355
357
|
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
356
358
|
import_material4.Typography,
|
|
357
359
|
{
|
|
358
|
-
width: "200px",
|
|
359
360
|
style: { top: "1px" },
|
|
360
361
|
className: "text-sm truncate text-left relative",
|
|
361
362
|
children: placeholder
|
package/dist/index.mjs
CHANGED
|
@@ -63,21 +63,22 @@ var StyledButton = styled(ButtonMUI)(() => ({
|
|
|
63
63
|
}
|
|
64
64
|
}));
|
|
65
65
|
var Button = (props) => {
|
|
66
|
-
const _a = props, { children, base, bolt, border, medium, small, large } = _a, rest = __objRest(_a, ["children", "base", "bolt", "border", "medium", "small", "large"]);
|
|
66
|
+
const _a = props, { children, base, color, bolt, border, medium, small, large } = _a, rest = __objRest(_a, ["children", "base", "color", "bolt", "border", "medium", "small", "large"]);
|
|
67
67
|
return /* @__PURE__ */ jsx(
|
|
68
68
|
StyledButton,
|
|
69
69
|
__spreadProps(__spreadValues({}, rest), {
|
|
70
70
|
disableRipple: true,
|
|
71
|
-
className: `${base ? "bg-accent-dark rounded-none
|
|
72
|
-
${small ? "py-1.5 px-4" : ""}
|
|
73
|
-
${medium ? "py-3.5 px-4" : ""}
|
|
74
|
-
|
|
75
|
-
|
|
71
|
+
className: `${base ? "bg-accent-dark text-accent-white flex gap-[10px] items-center rounded-none w-fit p-3 px-7.5 normal-case min-w-[145px] hover:bg-accent-beige hover:text-accent-white shadow-none" : ""}
|
|
72
|
+
${small ? "py-1.5 px-4" : ""}
|
|
73
|
+
${medium ? "py-3.5 px-4" : ""}
|
|
74
|
+
${large ? "h-[38px] py-3.5 px-10" : ""}
|
|
75
|
+
${border ? "text-accent-silver-3 border-b border-solid rounded-none border-accent-silver-3 hover:text-accent-black hover:border-b-2 hover:border-accent-black" : ""}`,
|
|
76
76
|
children: /* @__PURE__ */ jsx(
|
|
77
77
|
Typography,
|
|
78
78
|
{
|
|
79
79
|
style: { top: "1px" },
|
|
80
|
-
className: `
|
|
80
|
+
className: `
|
|
81
|
+
}relative ${bolt ? "font-extrabold" : "font-normal"}`,
|
|
81
82
|
children
|
|
82
83
|
}
|
|
83
84
|
)
|
|
@@ -288,6 +289,7 @@ var SelectPro = ({
|
|
|
288
289
|
disableRipple: true,
|
|
289
290
|
fullWidth: true,
|
|
290
291
|
sx: {
|
|
292
|
+
width: "100%",
|
|
291
293
|
height: small ? "34px" : "38px",
|
|
292
294
|
padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
|
|
293
295
|
},
|
|
@@ -296,7 +298,6 @@ var SelectPro = ({
|
|
|
296
298
|
/* @__PURE__ */ jsx7(
|
|
297
299
|
Typography2,
|
|
298
300
|
{
|
|
299
|
-
width: "200px",
|
|
300
301
|
style: { top: "1px" },
|
|
301
302
|
className: "text-sm truncate text-left relative",
|
|
302
303
|
children: placeholder
|