mayak-common-library 0.0.74 → 0.0.76
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 -15
- package/dist/index.mjs +9 -15
- 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
|
)
|
|
@@ -376,14 +377,7 @@ var SelectPro = ({
|
|
|
376
377
|
btn ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
377
378
|
import_material4.Paper,
|
|
378
379
|
{
|
|
379
|
-
|
|
380
|
-
position: "absolute",
|
|
381
|
-
width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "115%",
|
|
382
|
-
// left: fullContainerWidth ? 0 : "initial",
|
|
383
|
-
right: fullContainerWidth ? 0 : "initial",
|
|
384
|
-
top: overButton ? 0 : "initial"
|
|
385
|
-
},
|
|
386
|
-
className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
|
|
380
|
+
className: `select absolute ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}${fullContainerWidth ? "right-0" : "right-auto"}${overButton ? "top-0" : "top-auto"}${freeChildWidth ? "w-fit" : !fullContainerWidth && btn ? `w-[${btn.offsetWidth}]` : "w-[115%]"}`,
|
|
387
381
|
children: [
|
|
388
382
|
intermediateChild ? intermediateChild : null,
|
|
389
383
|
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { className: `flex flex-col py-3 px-4 gap-2 shadow-sm`, children: [
|
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
|
)
|
|
@@ -317,14 +318,7 @@ var SelectPro = ({
|
|
|
317
318
|
btn ? /* @__PURE__ */ jsxs3(
|
|
318
319
|
Paper,
|
|
319
320
|
{
|
|
320
|
-
|
|
321
|
-
position: "absolute",
|
|
322
|
-
width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "115%",
|
|
323
|
-
// left: fullContainerWidth ? 0 : "initial",
|
|
324
|
-
right: fullContainerWidth ? 0 : "initial",
|
|
325
|
-
top: overButton ? 0 : "initial"
|
|
326
|
-
},
|
|
327
|
-
className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
|
|
321
|
+
className: `select absolute ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}${fullContainerWidth ? "right-0" : "right-auto"}${overButton ? "top-0" : "top-auto"}${freeChildWidth ? "w-fit" : !fullContainerWidth && btn ? `w-[${btn.offsetWidth}]` : "w-[115%]"}`,
|
|
328
322
|
children: [
|
|
329
323
|
intermediateChild ? intermediateChild : null,
|
|
330
324
|
/* @__PURE__ */ jsxs3(Box, { className: `flex flex-col py-3 px-4 gap-2 shadow-sm`, children: [
|