mayak-common-library 0.0.29 → 0.0.31

package/dist/index.css

@@ -60,195 +60,6 @@
   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;
-  }
-  .border-gold-block-snack {
-    @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;
-  }
-  .text-gold2 {
-    color: #99835F;
-  }
-  .text-gold {
-    color: #C8BCA1;
-  }
-  .text-gray {
-    color: #757575;
-  }
-  .text-34 {
-    font-size: 34px;
-    line-height: 38px;
-    @apply uppercase font-extrabold;
-  }
-  .text-32 {
-    font-size: 32px;
-    line-height: 35px;
-    @apply uppercase font-extrabold;
-  }
-  .text-100 {
-    font-size: 100px !important;
-    line-height: 110px !important;
-  }
-  .text-50 {
-    font-size: 50px;
-    line-height: 55px;
-  }
-  .text-40 {
-    font-size: 40px;
-    line-height: 48px;
-  }
-  .text-10 {
-    font-size: 10px;
-    line-height: 12px;
-  }
-  .text-12 {
-    font-size: 12px;
-    line-height: 16px;
-  }
-  .text-14 {
-    font-size: 14px;
-    line-height: 20px;
-  }
-  .text-14-gray {
-    font-size: 14px;
-    line-height: 20px;
-    color: #757575;
-  }
-  .text-14-bold {
-    font-size: 14px;
-    line-height: 20px;
-    @apply font-extrabold;
-  }
-  .text-16 {
-    font-size: 16px;
-    line-height: 20px;
-  }
-  .text-18 {
-    font-size: 18px;
-    line-height: 19px;
-  }
-  .text-20 {
-    font-size: 20px;
-    line-height: 22px;
-    @apply font-extrabold uppercase;
-  }
-  .text-26 {
-    font-size: 26px;
-    line-height: 31px;
-    @apply font-extrabold;
-  }
-  .text-30 {
-    font-size: 30px;
-    line-height: 33px;
-  }
-  .text-40 {
-    font-size: 40px;
-    line-height: 48px;
-    @apply uppercase font-extrabold;
-  }
-  .text-light {
-    color: #fff;
-  }
-  .text-dark {
-    color: #343434;
-  }
-  .text-gold {
-    color: #C8BCA1;
-  }
-  .text-gray-light {
-    color: #F5F5F5;
-  }
-  .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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayak-common-library",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/tailwind.config.js

@@ -15,6 +15,25 @@ module.exports = {
       boxShadow: {
         sm: "0 8px 24px 0 #00000029",
       },
+      fontSize: {
+        10: ["10px", "12px"],
+        12: ["12px", "16px"],
+        14: ["14px", "20px"],
+        16: ["16px", "20px"],
+        18: ["18px", "19px"],
+        20: ["20px", "22px"],
+        26: ["26px", "31px"],
+        30: ["30px", "33px"],
+        32: ["32px", "35px"],
+        34: ["34px", "38px"],
+        40: ["40px", "48px"],
+        50: ["50px", "55px"],
+        100: ["100px", "110px"],
+      },
+      fontWeight: {
+        400: 400,
+        800: 800,
+      },
       colors: {
         "accent-dark": "#343434",
         "accent-white": "#ffffff",