mayak-common-library 0.0.31 → 0.0.33

package/dist/index.css

@@ -19,16 +19,13 @@
     transform: translateY(2rem);
   }
 }
-.menu {
+.select {
   transition: unset !important;
-  ul {
-    padding: 5px;
-  }
 }
-.menu--close {
+.select--close {
   animation: fadeOut 0.4s;
 }
-.menu--open {
+.select--open {
   animation: fade-In 0.5s;
 }
 
@@ -60,6 +57,100 @@
   object-position: center;
   object-fit: cover;
 }
+@layer components {
+  .white-block-snack {
+    @apply bg-white px-[10px] py-[2px] w-fit font-extrabold text-12;
+  }
+  .black-block-snack {
+    @apply bg-dark py-[6px] px-[16px] w-fit text-white font-extrabold text-12;
+  }
+  .gray-block-snack {
+    @apply bg-gray-light px-[10px] w-fit text-12;
+  }
+  .border-block-snack {
+    @apply px-[10px] py-[2px] text-12 border-[1px] border-dark w-fit;
+  }
+  .bg-gray-light {
+    background-color: #F5F5F5;
+  }
+  .bg-gray-medium {
+    background-color: #D0CED2;
+  }
+  .bg-gray {
+    background-color: #757575;
+  }
+  .bg-dark {
+    background-color: #343434;
+  }
+  .bg-light {
+    background-color: #fff;
+  }
+  .bg-gold {
+    background-color: #C8BCA1;
+  }
+  .border-custom-gray {
+    border-color: #757575;
+  }
+  .border-dark {
+    border-color: #343434;
+  }
+  .border-custom-dark {
+    border-color: #343434;
+  }
+  .border-gold {
+    border-color: #C8BCA1;
+  }
+  .border-gold2 {
+    border-color: #99835F;
+  }
+  .big-title {
+    @apply uppercase font-extrabold text-34;
+  }
+  .block-gold {
+    @apply bg-gold py-[30px] px-[40px] flex flex-col;
+  }
+  .block-simple-border {
+    @apply block border-[1px] py-[16px] px-[24px] text-14 w-fit border-dark;
+  }
+  .block-white-wrapper {
+    @apply text-32 bg-white py-[20px] px-[30px] block;
+  }
+  .block-white {
+    @apply bg-white py-[30px] px-[40px];
+  }
+  .block-center {
+    @apply block mx-auto w-fit;
+  }
+  .filter-gold2 {
+    filter: invert(64%) sepia(5%) saturate(2284%) hue-rotate(358deg) brightness(81%) contrast(87%);
+  }
+  .filter-gray {
+    filter: invert(50%) sepia(10%) saturate(17%) hue-rotate(354deg) brightness(89%) contrast(90%);
+  }
+  .filter-dark {
+    filter: invert(18%) sepia(13%) saturate(19%) hue-rotate(5deg) brightness(60%) contrast(90%);
+  }
+  .trim-2 {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    -webkit-line-clamp: 2;
+  }
+  .trim-4 {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    -webkit-line-clamp: 4;
+  }
+  .container-mini {
+    width: 100%;
+    margin-left: auto;
+    box-sizing: border-box;
+    margin-right: auto;
+    display: block;
+    max-width: 745px;
+  }
+}
 .richTextBlock {
   line-height: 24px;
 }

package/dist/index.d.mts

@@ -18,6 +18,7 @@ import { InputProps } from '@mui/material/Input';
 import { PatternFormatProps } from 'react-number-format/types/types';
 export { default as MapIcon } from '@/icons/map-search.svg';
 import { UseControllerProps } from 'react-hook-form';
+import { ListProps } from '@mui/material/List/List';
 
 declare function Greet(props: {
     name: string;
@@ -29,6 +30,7 @@ interface CustomButtonProps extends ButtonProps, PropsWithChildren {
     base?: boolean;
     small?: boolean;
     large?: boolean;
+    medium?: boolean;
 }
 declare const Button: FC<CustomButtonProps>;
 
@@ -46,6 +48,8 @@ interface SelectProProps {
     fullContainerWidth?: boolean;
     overButton?: boolean;
     small?: boolean;
+    fullWidth?: boolean;
+    freeChildWidth?: boolean;
 }
 declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
 
@@ -83,6 +87,7 @@ declare const CustomMenuItem: FC<MenuItemProps & PropsWithChildren>;
 interface CustomInputProps {
     type?: "number" | "string";
     adornmentText?: string;
+    big?: boolean;
 }
 declare const CustomInput: FC<CustomInputProps & InputProps>;
 
@@ -121,6 +126,8 @@ interface ImageContainerProps {
     width?: string;
     height?: string;
     objectFit?: string;
+    classesWrapper?: string;
+    classesImg?: string;
 }
 declare const ImageContainer: FC<ImageContainerProps>;
 
@@ -133,7 +140,11 @@ interface CategoryCardProps {
 declare const CategoryCard: FC<CategoryCardProps>;
 
 interface ArticleCardProps {
-    image_src?: string;
+    imageUrl: string;
+    title: string;
+    text: string;
+    classes?: string;
+    href: string;
 }
 declare const ArticleCard: FC<ArticleCardProps>;
 
@@ -143,9 +154,7 @@ declare const JobCard: FC<JobCardProps>;
 
 declare const RealtorCard: () => react_jsx_runtime.JSX.Element;
 
-interface RealtyCardProps {
-}
-declare const RealtyCard: FC<RealtyCardProps>;
+declare const RealtyCard: FC;
 
 interface TeamPersonCardProps {
     image_url?: string;
@@ -160,4 +169,36 @@ interface AutocompleteProps {
 }
 declare const Autocomplete: FC<AutocompleteProps & UseControllerProps<any>>;
 
-export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text };
+interface BigNumberProps {
+    number?: number;
+    text?: string;
+}
+declare const BigNumber: FC<BigNumberProps>;
+
+interface TextBlockProps {
+    classes?: string;
+    title: string;
+    text: string;
+}
+declare const TextBlock: FC<TextBlockProps>;
+
+type TitlePosition = "center" | "left";
+
+interface TitleBlockProps {
+    title: string;
+    titlePosition?: TitlePosition;
+    classes?: string;
+}
+declare const TitleBlock: FC<TitleBlockProps>;
+
+declare const List: FC<ListProps>;
+
+interface ListItemProps {
+    icon?: ReactElement;
+    title: string;
+    bold?: boolean;
+    onClick?: (value: string) => void;
+}
+declare const ListItem: FC<ListItemProps>;
+
+export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, List, ListItem, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text, TextBlock, TitleBlock };

package/dist/index.d.ts

@@ -18,6 +18,7 @@ import { InputProps } from '@mui/material/Input';
 import { PatternFormatProps } from 'react-number-format/types/types';
 export { default as MapIcon } from '@/icons/map-search.svg';
 import { UseControllerProps } from 'react-hook-form';
+import { ListProps } from '@mui/material/List/List';
 
 declare function Greet(props: {
     name: string;
@@ -29,6 +30,7 @@ interface CustomButtonProps extends ButtonProps, PropsWithChildren {
     base?: boolean;
     small?: boolean;
     large?: boolean;
+    medium?: boolean;
 }
 declare const Button: FC<CustomButtonProps>;
 
@@ -46,6 +48,8 @@ interface SelectProProps {
     fullContainerWidth?: boolean;
     overButton?: boolean;
     small?: boolean;
+    fullWidth?: boolean;
+    freeChildWidth?: boolean;
 }
 declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
 
@@ -83,6 +87,7 @@ declare const CustomMenuItem: FC<MenuItemProps & PropsWithChildren>;
 interface CustomInputProps {
     type?: "number" | "string";
     adornmentText?: string;
+    big?: boolean;
 }
 declare const CustomInput: FC<CustomInputProps & InputProps>;
 
@@ -121,6 +126,8 @@ interface ImageContainerProps {
     width?: string;
     height?: string;
     objectFit?: string;
+    classesWrapper?: string;
+    classesImg?: string;
 }
 declare const ImageContainer: FC<ImageContainerProps>;
 
@@ -133,7 +140,11 @@ interface CategoryCardProps {
 declare const CategoryCard: FC<CategoryCardProps>;
 
 interface ArticleCardProps {
-    image_src?: string;
+    imageUrl: string;
+    title: string;
+    text: string;
+    classes?: string;
+    href: string;
 }
 declare const ArticleCard: FC<ArticleCardProps>;
 
@@ -143,9 +154,7 @@ declare const JobCard: FC<JobCardProps>;
 
 declare const RealtorCard: () => react_jsx_runtime.JSX.Element;
 
-interface RealtyCardProps {
-}
-declare const RealtyCard: FC<RealtyCardProps>;
+declare const RealtyCard: FC;
 
 interface TeamPersonCardProps {
     image_url?: string;
@@ -160,4 +169,36 @@ interface AutocompleteProps {
 }
 declare const Autocomplete: FC<AutocompleteProps & UseControllerProps<any>>;
 
-export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text };
+interface BigNumberProps {
+    number?: number;
+    text?: string;
+}
+declare const BigNumber: FC<BigNumberProps>;
+
+interface TextBlockProps {
+    classes?: string;
+    title: string;
+    text: string;
+}
+declare const TextBlock: FC<TextBlockProps>;
+
+type TitlePosition = "center" | "left";
+
+interface TitleBlockProps {
+    title: string;
+    titlePosition?: TitlePosition;
+    classes?: string;
+}
+declare const TitleBlock: FC<TitleBlockProps>;
+
+declare const List: FC<ListProps>;
+
+interface ListItemProps {
+    icon?: ReactElement;
+    title: string;
+    bold?: boolean;
+    onClick?: (value: string) => void;
+}
+declare const ListItem: FC<ListItemProps>;
+
+export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, List, ListItem, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text, TextBlock, TitleBlock };