mayak-common-library 0.0.74 → 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 +8 -7
- package/dist/index.mjs +8 -7
- 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
|
)
|
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
|
)
|