@itcase/ui 1.9.13 → 1.9.15

package/dist/css/mixins/mixin_typography.css

@@ -235,3 +235,116 @@
   background-clip: text;
   text-fill-color: transparent;
 }
+
+@define-mixin h1-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-h1-print),
+    var(--typography-h1-line-height-print), var(--typography-h1-font-print);
+}
+
+@define-mixin h2-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-h2-print),
+    var(--typography-h2-line-height-print), var(--typography-h2-font-print);
+}
+
+@define-mixin h3-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-h3-print),
+    var(--typography-h3-line-height-print), var(--typography-h3-font-print);
+}
+
+@define-mixin h4-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-h4-print),
+    var(--typography-h4-line-height-print), var(--typography-h4-font-print);
+}
+
+@define-mixin h5-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-h5-print),
+    var(--typography-h5-line-height-print), var(--typography-h5-font-print);
+}
+
+@define-mixin h6-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-h6-print),
+    var(--typography-h6-line-height-print), var(--typography-h6-font-print);
+}
+
+@define-mixin hero_h1-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-hero1-print),
+    var(--typography-hero1-line-height-print),
+    var(--typography-hero1-font-print);
+}
+
+@define-mixin hero_h2-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-hero2-print),
+    var(--typography-hero2-line-height-print),
+    var(--typography-hero2-font-print);
+}
+
+@define-mixin hero_h3-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-hero3-print),
+    var(--typography-hero3-line-height-print),
+    var(--typography-hero3-font-print);
+}
+
+@define-mixin hero_h4-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-hero4-print),
+    var(--typography-hero4-line-height-print),
+    var(--typography-hero4-font-print);
+}
+
+@define-mixin hero_h5-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-hero5-print),
+    var(--typography-hero5-line-height-print),
+    var(--typography-hero5-font-print);
+}
+
+@define-mixin hero_h6-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-hero6-print),
+    var(--typography-hero6-line-height-print),
+    var(--typography-hero6-font-print);
+}
+
+@define-mixin p-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-p-print),
+    var(--typography-p-line-height-print), var(--typography-p-font-print);
+}
+
+@define-mixin text-xxl-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-text-xxl-print),
+    var(--typography-text-xxl-line-height-print),
+    var(--typography-text-xxl-font-print);
+}
+
+@define-mixin text-xl-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-text-xl-print),
+    var(--typography-text-xl-line-height-print),
+    var(--typography-text-xl-font-print);
+}
+
+@define-mixin text-l-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-text-l-print),
+    var(--typography-text-l-line-height-print),
+    var(--typography-text-l-font-print);
+}
+
+@define-mixin text-m-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-text-m-print),
+    var(--typography-text-m-line-height-print),
+    var(--typography-text-m-font-print);
+}
+
+@define-mixin text-s-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-text-s-print),
+    var(--typography-text-s-line-height-print),
+    var(--typography-text-s-font-print);
+}
+
+@define-mixin text-xs-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-text-xs-print),
+    var(--typography-text-xs-line-height-print),
+    var(--typography-text-xs-font-print);
+}
+
+@define-mixin text-xxs-print $weight: normal {
+  @mixin font-fixed $weight, var(--typography-text-xxs-print),
+    var(--typography-text-xxs-line-height-print),
+    var(--typography-text-xxs-font-print);
+}

package/dist/css/styles/bundles.css

@@ -70060,31 +70060,61 @@ h2.react-datepicker__current-month {
         margin: 0;
         @mixin hero_h1;
       }
+      &_h1_print {
+        padding: 0;
+        margin: 0;
+        @mixin hero_h1-print;
+      }
       &_h2 {
         padding: 0;
         margin: 0;
         @mixin hero_h2;
       }
+      &_h2_print {
+        padding: 0;
+        margin: 0;
+        @mixin hero_h2-print;
+      }
       &_h3 {
         padding: 0;
         margin: 0;
         @mixin hero_h3;
       }
+      &_h3_print {
+        padding: 0;
+        margin: 0;
+        @mixin hero_h3-print;
+      }
       &_h4 {
         padding: 0;
         margin: 0;
         @mixin hero_h4;
       }
+      &_h4_print {
+        padding: 0;
+        margin: 0;
+        @mixin hero_h4-print;
+      }
       &_h5 {
         padding: 0;
         margin: 0;
         @mixin hero_h5;
       }
+      &_h5_print {
+        padding: 0;
+        margin: 0;
+        @mixin hero_h5-print;
+      }
       &_h6 {
         padding: 0;
         margin: 0;
         @mixin hero_h6;
       }
+      &_h6_print {
+        padding: 0;
+        margin: 0;
+        @mixin hero_h6-print;
+      }
   }
 }
 .hero-title {
@@ -99284,67 +99314,67 @@ div.swiper-pagination {
         margin: 0;
         @mixin text-xxl;
       }
-      &_xl {
+      &_xxl-print {
         padding: 0;
         margin: 0;
-        @mixin text-xl;
+        @mixin text-xxl-print;
       }
-      &_l {
+      &_xl {
         padding: 0;
         margin: 0;
-        @mixin text-l;
+        @mixin text-xl;
       }
-      &_m {
+      &_xl-print {
         padding: 0;
         margin: 0;
-        @mixin text-m;
+        @mixin text-xl-print;
       }
-      &_s {
+      &_l {
         padding: 0;
         margin: 0;
-        @mixin text-s;
+        @mixin text-l;
       }
-      &_xs {
+      &_l-print {
         padding: 0;
         margin: 0;
-        @mixin text-xs;
+        @mixin text-l-print;
       }
-      &_xxs {
+      &_m {
         padding: 0;
         margin: 0;
-        @mixin text-xxs;
+        @mixin text-m;
       }
-      &_xxl {
+      &_m-print {
         padding: 0;
         margin: 0;
-        @mixin text-xxl-print;
+        @mixin text-m-print;
       }
-      &_xl {
+      &_s {
         padding: 0;
         margin: 0;
-        @mixin text-xl-print;
+        @mixin text-s;
       }
-      &_l {
+      &_s-print {
         padding: 0;
         margin: 0;
-        @mixin text-l-print;
+        @mixin text-s-print;
       }
-      &_m {
+      &_xs {
         padding: 0;
         margin: 0;
-        @mixin text-m-print;
+        @mixin text-xs;
       }
-      &_s {
+      &_xs-print {
         padding: 0;
         margin: 0;
-        @mixin text-s-print;
+        @mixin text-xs-print;
       }
-      &_xs {
+      &_xxs {
         padding: 0;
         margin: 0;
-        @mixin text-xs-print;
+        @mixin text-xxs;
       }
-      &_xxs {
+      &_xxs-print {
         padding: 0;
         margin: 0;
         @mixin text-xxs-print;
@@ -99354,57 +99384,57 @@ div.swiper-pagination {
         margin: 0;
         @mixin h1;
       }
-      &_h2 {
+      &_h1-print {
         padding: 0;
         margin: 0;
-        @mixin h2;
+        @mixin h1-print;
       }
-      &_h3 {
+      &_h2 {
         padding: 0;
         margin: 0;
-        @mixin h3;
+        @mixin h2;
       }
-      &_h4 {
+      &_h2-print {
         padding: 0;
         margin: 0;
-        @mixin h4;
+        @mixin h2-print;
       }
-      &_h5 {
+      &_h3 {
         padding: 0;
         margin: 0;
-        @mixin h5;
+        @mixin h3;
       }
-      &_h6 {
+      &_h3-print {
         padding: 0;
         margin: 0;
-        @mixin h6;
+        @mixin h3-print;
       }
-      &_$(size) {
+      &_h4 {
         padding: 0;
         margin: 0;
-        @mixin h1-print;
+        @mixin h4;
       }
-      &_$(size) {
+      &_h4-print {
         padding: 0;
         margin: 0;
-        @mixin h2-print;
+        @mixin h4-print;
       }
-      &_$(size) {
+      &_h5 {
         padding: 0;
         margin: 0;
-        @mixin h3-print;
+        @mixin h5;
       }
-      &_$(size) {
+      &_h5-print {
         padding: 0;
         margin: 0;
-        @mixin h4-print;
+        @mixin h5-print;
       }
-      &_$(size) {
+      &_h6 {
         padding: 0;
         margin: 0;
-        @mixin h5-print;
+        @mixin h6;
       }
-      &_$(size) {
+      &_h6-print {
         padding: 0;
         margin: 0;
         @mixin h6-print;
@@ -99414,7 +99444,7 @@ div.swiper-pagination {
         margin: 0;
         @mixin p;
       }
-      &_$(sizeP) {
+      &_p-print {
         padding: 0;
         margin: 0;
         @mixin p-print;
@@ -99736,6 +99766,16 @@ div.swiper-pagination {
           gap: var(--title-size-h1-gap);
         }
       }
+      &_h1-print {
+        padding: 0;
+        margin: 0;
+        display: flex;
+        gap: 8px;
+        @mixin h1-print;
+        ^^&__wrapper {
+          gap: var(--title-size-h1-print-gap);
+        }
+      }
       &_h2 {
         padding: 0;
         margin: 0;
@@ -99746,6 +99786,16 @@ div.swiper-pagination {
           gap: var(--title-size-h2-gap);
         }
       }
+      &_h2-print {
+        padding: 0;
+        margin: 0;
+        display: flex;
+        gap: 8px;
+        @mixin h2-print;
+        ^^&__wrapper {
+          gap: var(--title-size-h2-print-gap);
+        }
+      }
       &_h3 {
         padding: 0;
         margin: 0;
@@ -99756,6 +99806,16 @@ div.swiper-pagination {
           gap: var(--title-size-h3-gap);
         }
       }
+      &_h3-print {
+        padding: 0;
+        margin: 0;
+        display: flex;
+        gap: 8px;
+        @mixin h3-print;
+        ^^&__wrapper {
+          gap: var(--title-size-h3-print-gap);
+        }
+      }
       &_h4 {
         padding: 0;
         margin: 0;
@@ -99766,6 +99826,16 @@ div.swiper-pagination {
           gap: var(--title-size-h4-gap);
         }
       }
+      &_h4-print {
+        padding: 0;
+        margin: 0;
+        display: flex;
+        gap: 8px;
+        @mixin h4-print;
+        ^^&__wrapper {
+          gap: var(--title-size-h4-print-gap);
+        }
+      }
       &_h5 {
         padding: 0;
         margin: 0;
@@ -99776,6 +99846,16 @@ div.swiper-pagination {
           gap: var(--title-size-h5-gap);
         }
       }
+      &_h5-print {
+        padding: 0;
+        margin: 0;
+        display: flex;
+        gap: 8px;
+        @mixin h5-print;
+        ^^&__wrapper {
+          gap: var(--title-size-h5-print-gap);
+        }
+      }
       &_h6 {
         padding: 0;
         margin: 0;
@@ -99786,6 +99866,16 @@ div.swiper-pagination {
           gap: var(--title-size-h6-gap);
         }
       }
+      &_h6-print {
+        padding: 0;
+        margin: 0;
+        display: flex;
+        gap: 8px;
+        @mixin h6-print;
+        ^^&__wrapper {
+          gap: var(--title-size-h6-print-gap);
+        }
+      }
   }
 }
 .title {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.13",
+  "version": "1.9.15",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -166,7 +166,7 @@
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "eslint": "9.39.1",
     "husky": "^9.1.7",
-    "lint-staged": "^16.2.6",
+    "lint-staged": "^16.2.7",
     "prettier": "^3.6.2",
     "rollup": "^4.53.3",
     "rollup-plugin-copy": "^3.5.0",

package/dist/css/mixins/mixin_typography_print.css

@@ -1,112 +0,0 @@
-@define-mixin h1-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-h1-print),
-    var(--typography-h1-line-height-print), var(--typography-h1-font-print);
-}
-
-@define-mixin h2-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-h2-print),
-    var(--typography-h2-line-height-print), var(--typography-h2-font-print);
-}
-
-@define-mixin h3-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-h3-print),
-    var(--typography-h3-line-height-print), var(--typography-h3-font-print);
-}
-
-@define-mixin h4-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-h4-print),
-    var(--typography-h4-line-height-print), var(--typography-h4-font-print);
-}
-
-@define-mixin h5-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-h5-print),
-    var(--typography-h5-line-height-print), var(--typography-h5-font-print);
-}
-
-@define-mixin h6-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-h6-print),
-    var(--typography-h6-line-height-print), var(--typography-h6-font-print);
-}
-
-@define-mixin hero_h1-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-hero1-print),
-    var(--typography-hero1-line-height-print),
-    var(--typography-hero1-font-print);
-}
-
-@define-mixin hero_h2-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-hero2-print),
-    var(--typography-hero2-line-height-print),
-    var(--typography-hero2-font-print);
-}
-
-@define-mixin hero_h3-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-hero3-print),
-    var(--typography-hero3-line-height-print),
-    var(--typography-hero3-font-print);
-}
-
-@define-mixin hero_h4-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-hero4-print),
-    var(--typography-hero4-line-height-print),
-    var(--typography-hero4-font-print);
-}
-
-@define-mixin hero_h5-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-hero5-print),
-    var(--typography-hero5-line-height-print),
-    var(--typography-hero5-font-print);
-}
-
-@define-mixin hero_h6-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-hero6-print),
-    var(--typography-hero6-line-height-print),
-    var(--typography-hero6-font-print);
-}
-
-@define-mixin p-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-p-print),
-    var(--typography-p-line-height-print), var(--typography-p-font-print);
-}
-
-@define-mixin text-xxl-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-text-xxl-print),
-    var(--typography-text-xxl-line-height-print),
-    var(--typography-text-xxl-font-print);
-}
-
-@define-mixin text-xl-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-text-xl-print),
-    var(--typography-text-xl-line-height-print),
-    var(--typography-text-xl-font-print);
-}
-
-@define-mixin text-l-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-text-l-print),
-    var(--typography-text-l-line-height-print),
-    var(--typography-text-l-font-print);
-}
-
-@define-mixin text-m-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-text-m-print),
-    var(--typography-text-m-line-height-print),
-    var(--typography-text-m-font-print);
-}
-
-@define-mixin text-s-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-text-s-print),
-    var(--typography-text-s-line-height-print),
-    var(--typography-text-s-font-print);
-}
-
-@define-mixin text-xs-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-text-xs-print),
-    var(--typography-text-xs-line-height-print),
-    var(--typography-text-xs-font-print);
-}
-
-@define-mixin text-xxs-print $weight: normal {
-  @mixin font-fixed $weight, var(--typography-text-xxs-print),
-    var(--typography-text-xxs-line-height-print),
-    var(--typography-text-xxs-font-print);
-}