From d24e035c31b1e7a1e3cb2bee90e663ea48547692 Mon Sep 17 00:00:00 2001
From: AlekseyManetov <aliaksei_manetau@epam.com>
Date: Mon, 17 Feb 2025 19:08:59 +0100
Subject: [PATCH] reduce css bundle size, but fixing multiplying typography
 styles for each index usage

---
 uui-build/config/bundleSizeBaseLine.json | 44 ++++++++++++------------
 uui/assets/styles/helpers.scss           |  4 +++
 uui/assets/styles/index.scss             |  3 +-
 uui/assets/styles/typography.scss        |  5 ---
 4 files changed, 28 insertions(+), 28 deletions(-)
 create mode 100644 uui/assets/styles/helpers.scss

diff --git a/uui-build/config/bundleSizeBaseLine.json b/uui-build/config/bundleSizeBaseLine.json
index b92865473c..691f8ae650 100644
--- a/uui-build/config/bundleSizeBaseLine.json
+++ b/uui-build/config/bundleSizeBaseLine.json
@@ -1,25 +1,25 @@
 {
-  "version": "5.12.1",
-  "timestamp": "2025-01-23",
+  "version": "5.13.1",
+  "timestamp": "2025-02-17",
   "sizes": {
     "templateApp": {
-      "css": 311983,
-      "js": 483984
+      "css": 219125,
+      "js": 478145
     },
     "@epam/app": {
-      "css": 740378,
-      "js": 5298399
+      "css": 682862,
+      "js": 5246832
     },
     "@epam/draft-rte": {
-      "css": 9770,
-      "js": 44414
+      "css": 9789,
+      "js": 44422
     },
     "@epam/electric": {
       "css": 2275,
       "js": 2416
     },
     "@epam/promo": {
-      "css": 47375,
+      "css": 47514,
       "js": 9133
     },
     "@epam/uui-extra": {
@@ -27,36 +27,36 @@
       "js": 213
     },
     "@epam/loveship": {
-      "css": 53354,
-      "js": 39142
+      "css": 53485,
+      "js": 39146
     },
     "@epam/uui-components": {
-      "css": 22657,
-      "js": 237412
+      "css": 22666,
+      "js": 237103
     },
     "@epam/uui-core": {
       "css": 0,
-      "js": 324491
+      "js": 325160
     },
     "@epam/uui-db": {
       "css": 0,
       "js": 42633
     },
     "@epam/uui-docs": {
-      "css": 2455,
-      "js": 177544
+      "css": 2503,
+      "js": 177197
     },
     "@epam/uui-editor": {
-      "css": 12741,
-      "js": 164994
+      "css": 12753,
+      "js": 165074
     },
     "@epam/uui-timeline": {
-      "css": 2203,
-      "js": 75109
+      "css": 2199,
+      "js": 75105
     },
     "@epam/uui": {
-      "css": 286605,
-      "js": 336402
+      "css": 179518,
+      "js": 313581
     }
   }
 }
\ No newline at end of file
diff --git a/uui/assets/styles/helpers.scss b/uui/assets/styles/helpers.scss
new file mode 100644
index 0000000000..6af8d03c9a
--- /dev/null
+++ b/uui/assets/styles/helpers.scss
@@ -0,0 +1,4 @@
+@mixin overflow-ellipsis() {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
\ No newline at end of file
diff --git a/uui/assets/styles/index.scss b/uui/assets/styles/index.scss
index c5ef368e73..43b2164596 100644
--- a/uui/assets/styles/index.scss
+++ b/uui/assets/styles/index.scss
@@ -1,5 +1,6 @@
 @forward 'clickable';
 @forward 'effects';
 @forward 'inputs';
-@forward 'typography';
+@forward 'helpers';
+//@forward 'typography'; don't include typography into index, since it will insert typography styles for each index import
 @forward 'dnd';
diff --git a/uui/assets/styles/typography.scss b/uui/assets/styles/typography.scss
index 7313645e68..1c9d0ffb90 100644
--- a/uui/assets/styles/typography.scss
+++ b/uui/assets/styles/typography.scss
@@ -1,10 +1,5 @@
 @use  '../../assets/styles/effects' as *;
 
-@mixin overflow-ellipsis() {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 @mixin typography-elements {
     .hero-header, h1, h2, h3, h4, h5, h6 {
         margin: 0;