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.
Files changed (4) hide show
  1. package/dist/index.css +95 -0
  2. package/dist/index.js +9 -15
  3. package/dist/index.mjs +9 -15
  4. 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 text-white hover:bg-accent-beige text-base" : ""}
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" : ""}`,
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: `relative ${bolt ? "font-extrabold" : "font-normal"}`,
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
- sx: {
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 text-white hover:bg-accent-beige text-base" : ""}
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" : ""}`,
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: `relative ${bolt ? "font-extrabold" : "font-normal"}`,
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
- sx: {
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: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mayak-common-library",
3
- "version": "0.0.74",
3
+ "version": "0.0.76",
4
4
  "private": false,
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",