mayak-common-library 0.0.14 → 0.0.16

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 CHANGED
@@ -32,4 +32,183 @@
32
32
  animation: fade-In 0.5s;
33
33
  }
34
34
 
35
+ /* src/styles/globals.scss */
36
+ @tailwind base;
37
+ @tailwind components;
38
+ @tailwind utilities;
39
+ .button {
40
+ width: fit-content;
41
+ padding: 12px 30px;
42
+ text-transform: unset;
43
+ border-radius: 0;
44
+ min-width: 145px;
45
+ font-size: 14px;
46
+ line-height: 16px;
47
+ box-shadow: none;
48
+ }
49
+ .button_dark {
50
+ background-color: #343434;
51
+ color: #fff;
52
+ }
53
+ .button_dark:hover {
54
+ background-color: #343434;
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
+ .customImage {
130
+ position: relative;
131
+ }
132
+ .customImage img {
133
+ object-position: center;
134
+ object-fit: cover;
135
+ }
136
+ @layer components {
137
+ .white-block-snack {
138
+ @apply bg-white px-[10px] py-[2px] w-fit font-extrabold text-12;
139
+ }
140
+ .black-block-snack {
141
+ @apply bg-dark py-[6px] px-[16px] w-fit text-white font-extrabold text-12;
142
+ }
143
+ .gray-block-snack {
144
+ @apply bg-gray-light px-[10px] w-fit;
145
+ }
146
+ .border-block-snack {
147
+ @apply px-[10px] py-[2px] text-12 border-[1px] border-dark w-fit;
148
+ }
149
+ .border-gold-block-snack {
150
+ @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
+ }
152
+ }
153
+ @layer components {
154
+ .nav-item.active {
155
+ @apply text-accent-beige;
156
+ }
157
+ .nav-item {
158
+ @apply p-2 text-accent-dark;
159
+ text-decoration: none;
160
+ cursor: pointer;
161
+ font-weight: 800;
162
+ font-size: 12px;
163
+ text-transform: uppercase;
164
+ }
165
+ .nav-indicator {
166
+ @apply absolute top-0 rounded-full bg-accent-beige;
167
+ width: 7px;
168
+ height: 7px;
169
+ transition: transform 0.3s ease-out;
170
+ }
171
+ }
172
+ body {
173
+ max-width: 100vw;
174
+ overflow-x: hidden;
175
+ margin: 0;
176
+ display: flex;
177
+ flex-direction: column;
178
+ min-height: 100vh;
179
+ color: #343434;
180
+ background-color: #F5F5F5;
181
+ font-size: 14px;
182
+ line-height: 20px;
183
+ font-weight: 400;
184
+ }
185
+ main {
186
+ flex-grow: 1;
187
+ }
188
+ a {
189
+ color: inherit;
190
+ text-decoration: none;
191
+ }
192
+ *:focus-visible {
193
+ outline: none;
194
+ }
195
+ @media screen and (min-width: 1200px) {
196
+ .MuiContainer-root {
197
+ padding-left: 0;
198
+ padding-right: 0;
199
+ }
200
+ }
201
+ @media screen and (max-width: 1200px) {
202
+ .MuiContainer-root {
203
+ padding-left: 40px;
204
+ padding-right: 40px;
205
+ }
206
+ }
207
+ @media screen and (max-width: 700px) {
208
+ .MuiContainer-root {
209
+ padding-left: 20px;
210
+ padding-right: 20px;
211
+ }
212
+ }
213
+
35
214
  /* src/components/AppBar/styles.css */
package/dist/index.d.mts CHANGED
@@ -16,6 +16,7 @@ import { SliderProps } from '@mui/material/Slider/Slider';
16
16
  import { MenuItemProps } from '@mui/material/MenuItem/MenuItem';
17
17
  import { InputProps } from '@mui/material/Input';
18
18
  import { PatternFormatProps } from 'react-number-format/types/types';
19
+ export { default as MapIcon } from '@/icons/map-search.svg';
19
20
 
20
21
  declare function Greet(props: {
21
22
  name: string;
package/dist/index.d.ts CHANGED
@@ -16,6 +16,7 @@ import { SliderProps } from '@mui/material/Slider/Slider';
16
16
  import { MenuItemProps } from '@mui/material/MenuItem/MenuItem';
17
17
  import { InputProps } from '@mui/material/Input';
18
18
  import { PatternFormatProps } from 'react-number-format/types/types';
19
+ export { default as MapIcon } from '@/icons/map-search.svg';
19
20
 
20
21
  declare function Greet(props: {
21
22
  name: string;
package/dist/index.js CHANGED
@@ -72,6 +72,7 @@ __export(src_exports, {
72
72
  ImageContainer: () => ImageContainer_default,
73
73
  Input: () => Input_default,
74
74
  JobCard: () => JobCard_default,
75
+ MapIcon: () => map_search_default,
75
76
  MenuItem: () => MenuItem_default,
76
77
  PhoneInput: () => PhoneInput_default,
77
78
  Providers: () => Providers_default,
@@ -704,225 +705,6 @@ function ThemeRegistry(props) {
704
705
  ] }) });
705
706
  }
706
707
 
707
- // src/styles/globals.scss
708
- var import_lit_element = require("lit-element/lit-element.js");
709
- var globals_default = import_lit_element.css`@tailwind base;
710
- @tailwind components;
711
- @tailwind utilities;
712
- .button {
713
- width: fit-content;
714
- padding: 12px 30px;
715
- text-transform: unset;
716
- border-radius: 0;
717
- min-width: 145px;
718
- font-size: 14px;
719
- line-height: 16px;
720
- box-shadow: none;
721
- }
722
- .button_dark {
723
- background-color: #343434;
724
- color: #fff;
725
- }
726
- .button_dark:hover {
727
- background-color: #343434;
728
- }
729
-
730
- .border-gray {
731
- border-color: #757575;
732
- }
733
-
734
- .border-dark {
735
- border-color: #343434;
736
- }
737
-
738
- .border-gold {
739
- border-color: #C8BCA1;
740
- }
741
-
742
- .border-gold2 {
743
- border-color: #99835F;
744
- }
745
-
746
- .text-100 {
747
- font-size: 100px;
748
- line-height: 110px;
749
- }
750
-
751
- .text-40 {
752
- font-size: 40px;
753
- line-height: 48px;
754
- }
755
-
756
- .text-34 {
757
- font-size: 34px;
758
- line-height: 38px;
759
- }
760
-
761
- .text-10 {
762
- font-size: 10px;
763
- line-height: 12px;
764
- }
765
-
766
- .text-12 {
767
- font-size: 12px;
768
- line-height: 16px;
769
- }
770
-
771
- .text-16 {
772
- font-size: 16px;
773
- line-height: 19px;
774
- }
775
-
776
- .text-18 {
777
- font-size: 18px;
778
- line-height: 19px;
779
- }
780
-
781
- .text-light {
782
- color: #fff;
783
- }
784
-
785
- .text-dark {
786
- color: #343434;
787
- }
788
-
789
- .text-gold {
790
- color: #C8BCA1;
791
- }
792
-
793
- .text-gray {
794
- color: #757575;
795
- }
796
-
797
- .text-gray-light {
798
- color: #F5F5F5;
799
- }
800
-
801
- .bg-gray-light {
802
- background-color: #F5F5F5;
803
- }
804
-
805
- .bg-gray-medium {
806
- background-color: #D0CED2;
807
- }
808
-
809
- .bg-gray {
810
- background-color: #757575;
811
- }
812
-
813
- .bg-dark {
814
- background-color: #343434;
815
- }
816
-
817
- .bg-light {
818
- background-color: #fff;
819
- }
820
-
821
- .bg-gold {
822
- background-color: #C8BCA1;
823
- }
824
-
825
- .customImage {
826
- position: relative;
827
- }
828
- .customImage img {
829
- object-position: center;
830
- object-fit: cover;
831
- }
832
-
833
- @layer components {
834
- .white-block-snack {
835
- @apply bg-white px-[10px] py-[2px] w-fit font-extrabold text-12;
836
- }
837
- .black-block-snack {
838
- @apply bg-dark py-[6px] px-[16px] w-fit text-white font-extrabold text-12;
839
- }
840
- .gray-block-snack {
841
- @apply bg-gray-light px-[10px] w-fit;
842
- }
843
- .border-block-snack {
844
- @apply px-[10px] py-[2px] text-12 border-[1px] border-dark w-fit;
845
- }
846
- .border-gold-block-snack {
847
- @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;
848
- }
849
- }
850
- @layer components {
851
- .nav-item.active {
852
- @apply text-accent-beige;
853
- }
854
- .nav-item {
855
- @apply p-2 text-accent-dark;
856
- text-decoration: none;
857
- cursor: pointer;
858
- font-weight: 800;
859
- font-size: 12px;
860
- text-transform: uppercase;
861
- }
862
- .nav-indicator {
863
- @apply absolute top-0 rounded-full bg-accent-beige;
864
- width: 7px;
865
- height: 7px;
866
- transition: transform 0.3s ease-out;
867
- }
868
- }
869
- @font-face {
870
- font-family: RockStar;
871
- src: url("fonts/RockStar/Rock Star_Regular_Web.woff2");
872
- font-weight: 400;
873
- }
874
- @font-face {
875
- font-family: RockStar;
876
- src: url("fonts/RockStar/Rock Star_Extra Bold_Web.woff2");
877
- font-weight: 800;
878
- }
879
- body {
880
- max-width: 100vw;
881
- overflow-x: hidden;
882
- margin: 0;
883
- display: flex;
884
- flex-direction: column;
885
- min-height: 100vh;
886
- color: #343434;
887
- background-color: #F5F5F5;
888
- font-size: 14px;
889
- line-height: 20px;
890
- font-weight: 400;
891
- font-family: RockStar, sans-serif;
892
- }
893
-
894
- main {
895
- flex-grow: 1;
896
- }
897
-
898
- a {
899
- color: inherit;
900
- text-decoration: none;
901
- }
902
-
903
- *:focus-visible {
904
- outline: none;
905
- }
906
-
907
- @media screen and (min-width: 1200px) {
908
- .MuiContainer-root {
909
- padding-left: 0;
910
- padding-right: 0;
911
- }
912
- }
913
- @media screen and (max-width: 1200px) {
914
- .MuiContainer-root {
915
- padding-left: 40px;
916
- padding-right: 40px;
917
- }
918
- }
919
- @media screen and (max-width: 700px) {
920
- .MuiContainer-root {
921
- padding-left: 20px;
922
- padding-right: 20px;
923
- }
924
- }`;
925
-
926
708
  // src/providers/Providers.tsx
927
709
  var import_jsx_runtime19 = require("react/jsx-runtime");
928
710
  var Providers = ({ children }) => {
@@ -1001,6 +783,9 @@ var ImageContainer = (props) => {
1001
783
  };
1002
784
  var ImageContainer_default = ImageContainer;
1003
785
 
786
+ // src/icons/map-search.svg
787
+ var map_search_default = "./map-search-62Q23M73.svg";
788
+
1004
789
  // src/components/Card/CategoryCard.tsx
1005
790
  var import_material14 = require("@mui/material");
1006
791
  var import_link2 = __toESM(require("next/link"));
@@ -1177,6 +962,7 @@ var TeamPersonCard_default = TeamPersonCard;
1177
962
  ImageContainer,
1178
963
  Input,
1179
964
  JobCard,
965
+ MapIcon,
1180
966
  MenuItem,
1181
967
  PhoneInput,
1182
968
  Providers,
package/dist/index.mjs CHANGED
@@ -656,225 +656,6 @@ function ThemeRegistry(props) {
656
656
  ] }) });
657
657
  }
658
658
 
659
- // src/styles/globals.scss
660
- import { css } from "lit-element/lit-element.js";
661
- var globals_default = css`@tailwind base;
662
- @tailwind components;
663
- @tailwind utilities;
664
- .button {
665
- width: fit-content;
666
- padding: 12px 30px;
667
- text-transform: unset;
668
- border-radius: 0;
669
- min-width: 145px;
670
- font-size: 14px;
671
- line-height: 16px;
672
- box-shadow: none;
673
- }
674
- .button_dark {
675
- background-color: #343434;
676
- color: #fff;
677
- }
678
- .button_dark:hover {
679
- background-color: #343434;
680
- }
681
-
682
- .border-gray {
683
- border-color: #757575;
684
- }
685
-
686
- .border-dark {
687
- border-color: #343434;
688
- }
689
-
690
- .border-gold {
691
- border-color: #C8BCA1;
692
- }
693
-
694
- .border-gold2 {
695
- border-color: #99835F;
696
- }
697
-
698
- .text-100 {
699
- font-size: 100px;
700
- line-height: 110px;
701
- }
702
-
703
- .text-40 {
704
- font-size: 40px;
705
- line-height: 48px;
706
- }
707
-
708
- .text-34 {
709
- font-size: 34px;
710
- line-height: 38px;
711
- }
712
-
713
- .text-10 {
714
- font-size: 10px;
715
- line-height: 12px;
716
- }
717
-
718
- .text-12 {
719
- font-size: 12px;
720
- line-height: 16px;
721
- }
722
-
723
- .text-16 {
724
- font-size: 16px;
725
- line-height: 19px;
726
- }
727
-
728
- .text-18 {
729
- font-size: 18px;
730
- line-height: 19px;
731
- }
732
-
733
- .text-light {
734
- color: #fff;
735
- }
736
-
737
- .text-dark {
738
- color: #343434;
739
- }
740
-
741
- .text-gold {
742
- color: #C8BCA1;
743
- }
744
-
745
- .text-gray {
746
- color: #757575;
747
- }
748
-
749
- .text-gray-light {
750
- color: #F5F5F5;
751
- }
752
-
753
- .bg-gray-light {
754
- background-color: #F5F5F5;
755
- }
756
-
757
- .bg-gray-medium {
758
- background-color: #D0CED2;
759
- }
760
-
761
- .bg-gray {
762
- background-color: #757575;
763
- }
764
-
765
- .bg-dark {
766
- background-color: #343434;
767
- }
768
-
769
- .bg-light {
770
- background-color: #fff;
771
- }
772
-
773
- .bg-gold {
774
- background-color: #C8BCA1;
775
- }
776
-
777
- .customImage {
778
- position: relative;
779
- }
780
- .customImage img {
781
- object-position: center;
782
- object-fit: cover;
783
- }
784
-
785
- @layer components {
786
- .white-block-snack {
787
- @apply bg-white px-[10px] py-[2px] w-fit font-extrabold text-12;
788
- }
789
- .black-block-snack {
790
- @apply bg-dark py-[6px] px-[16px] w-fit text-white font-extrabold text-12;
791
- }
792
- .gray-block-snack {
793
- @apply bg-gray-light px-[10px] w-fit;
794
- }
795
- .border-block-snack {
796
- @apply px-[10px] py-[2px] text-12 border-[1px] border-dark w-fit;
797
- }
798
- .border-gold-block-snack {
799
- @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;
800
- }
801
- }
802
- @layer components {
803
- .nav-item.active {
804
- @apply text-accent-beige;
805
- }
806
- .nav-item {
807
- @apply p-2 text-accent-dark;
808
- text-decoration: none;
809
- cursor: pointer;
810
- font-weight: 800;
811
- font-size: 12px;
812
- text-transform: uppercase;
813
- }
814
- .nav-indicator {
815
- @apply absolute top-0 rounded-full bg-accent-beige;
816
- width: 7px;
817
- height: 7px;
818
- transition: transform 0.3s ease-out;
819
- }
820
- }
821
- @font-face {
822
- font-family: RockStar;
823
- src: url("fonts/RockStar/Rock Star_Regular_Web.woff2");
824
- font-weight: 400;
825
- }
826
- @font-face {
827
- font-family: RockStar;
828
- src: url("fonts/RockStar/Rock Star_Extra Bold_Web.woff2");
829
- font-weight: 800;
830
- }
831
- body {
832
- max-width: 100vw;
833
- overflow-x: hidden;
834
- margin: 0;
835
- display: flex;
836
- flex-direction: column;
837
- min-height: 100vh;
838
- color: #343434;
839
- background-color: #F5F5F5;
840
- font-size: 14px;
841
- line-height: 20px;
842
- font-weight: 400;
843
- font-family: RockStar, sans-serif;
844
- }
845
-
846
- main {
847
- flex-grow: 1;
848
- }
849
-
850
- a {
851
- color: inherit;
852
- text-decoration: none;
853
- }
854
-
855
- *:focus-visible {
856
- outline: none;
857
- }
858
-
859
- @media screen and (min-width: 1200px) {
860
- .MuiContainer-root {
861
- padding-left: 0;
862
- padding-right: 0;
863
- }
864
- }
865
- @media screen and (max-width: 1200px) {
866
- .MuiContainer-root {
867
- padding-left: 40px;
868
- padding-right: 40px;
869
- }
870
- }
871
- @media screen and (max-width: 700px) {
872
- .MuiContainer-root {
873
- padding-left: 20px;
874
- padding-right: 20px;
875
- }
876
- }`;
877
-
878
659
  // src/providers/Providers.tsx
879
660
  import { jsx as jsx18 } from "react/jsx-runtime";
880
661
  var Providers = ({ children }) => {
@@ -953,6 +734,9 @@ var ImageContainer = (props) => {
953
734
  };
954
735
  var ImageContainer_default = ImageContainer;
955
736
 
737
+ // src/icons/map-search.svg
738
+ var map_search_default = "./map-search-62Q23M73.svg";
739
+
956
740
  // src/components/Card/CategoryCard.tsx
957
741
  import { Box as Box4, Typography as Typography6 } from "@mui/material";
958
742
  import Link2 from "next/link";
@@ -1128,6 +912,7 @@ export {
1128
912
  ImageContainer_default as ImageContainer,
1129
913
  Input_default as Input,
1130
914
  JobCard_default as JobCard,
915
+ map_search_default as MapIcon,
1131
916
  MenuItem_default as MenuItem,
1132
917
  PhoneInput_default as PhoneInput,
1133
918
  Providers_default as Providers,
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M11 18L9 17M9 17L3 20V7L9 4M9 17V4M9 4L15 7M15 7L21 4V11.5M15 7V12M20.1992 20.1992L21.9992 21.9992M15 18C15 18.7956 15.3161 19.5587 15.8787 20.1213C16.4413 20.6839 17.2044 21 18 21C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 17.2044 20.6839 16.4413 20.1213 15.8787C19.5587 15.3161 18.7956 15 18 15C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18Z" stroke="#343434" class="stroke-current" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mayak-common-library",
3
- "version": "0.0.14",
3
+ "version": "0.0.16",
4
4
  "private": false,
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",