[UIK-3535][core] update values for lh variables to round them in browsers

semcore/base-trigger/src/style/base-trigger.shadow.css

@@ -72,7 +72,7 @@ SText {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  line-height: var(--intergalactic-lh-200, 142%);
+  line-height: var(--intergalactic-lh-200, 1.4286);
   flex-grow: 1;
   text-align: left;
 }

semcore/breadcrumbs/src/style/breadcrumbs.shadow.css

@@ -33,7 +33,7 @@ SBreadcrumbs {
         display: block;
         position: relative;
         font-size: var(--intergalactic-fs-200, 14px);
-        line-height: var(--intergalactic-lh-200, 142%);
+        line-height: var(--intergalactic-lh-200, 1.4286);
         color: var(--intergalactic-text-secondary, #6c6e79);
         text-decoration: none;
         cursor: pointer;

semcore/bulk-textarea/src/components/InputField/inputField.shadow.css

@@ -124,7 +124,7 @@ SInputField[showErrors]>div[aria-invalid]>p[aria-invalid]:after {
 SInputField[size='m']>div {
   padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-4x, 16px);
   font-size: var(--intergalactic-fs-200, 14px);
-  line-height: var(--intergalactic-lh-200, 142%);
+  line-height: var(--intergalactic-lh-200, 1.4286);
 
   min-height: calc(var(--minRows) * 20px);
   /* (maxRowsLength - 1 * (rowsHeight + marginBottom)) + lastRowHeight */
@@ -142,7 +142,7 @@ SInputField[size='m']>div {
 SInputField[size='l']>div {
   padding: var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);
   font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
+  line-height: var(--intergalactic-lh-300, 1.5);
 
   min-height: calc(var(--minRows) * 24px);
   max-height: calc((var(--maxRows) - 1) * (24px + var(--intergalactic-spacing-1x, 4px)) + 20px);

semcore/button/src/component/Button/button.shadow.css

@@ -330,13 +330,13 @@ SText {
 SText[size='m'] {
   margin-left: var(--intergalactic-spacing-2x, 8px);
   margin-right: var(--intergalactic-spacing-2x, 8px);
-  line-height: var(--intergalactic-lh-200, 142%);
+  line-height: var(--intergalactic-lh-200, 1.4286);
 }
 
 SText[size='l'] {
   margin-left: var(--intergalactic-spacing-2x, 8px);
   margin-right: var(--intergalactic-spacing-2x, 8px);
-  line-height: var(--intergalactic-lh-300, 150%);
+  line-height: var(--intergalactic-lh-300, 1.5);
 
   &:only-child {
     margin-left: var(--intergalactic-spacing-3x, 12px);

semcore/button/src/component/ButtonLink/buttonLink.shadow.css

@@ -110,42 +110,42 @@ SButton[text-color] {
 
 SButton[size='100'] {
   font-size: var(--intergalactic-fs-100, 12px);
-  line-height: var(--intergalactic-lh-100, 133%);
+  line-height: var(--intergalactic-lh-100, 1.3334);
 }
 
 SButton[size='200'] {
   font-size: var(--intergalactic-fs-200, 14px);
-  line-height: var(--intergalactic-lh-200, 142%);
+  line-height: var(--intergalactic-lh-200, 1.4286);
 }
 
 SButton[size='300'] {
   font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
+  line-height: var(--intergalactic-lh-300, 1.5);
 }
 
 SButton[size='400'] {
   font-size: var(--intergalactic-fs-400, 20px);
-  line-height: var(--intergalactic-lh-400, 120%);
+  line-height: var(--intergalactic-lh-400, 1.2);
 }
 
 SButton[size='500'] {
   font-size: var(--intergalactic-fs-500, 24px);
-  line-height: var(--intergalactic-lh-500, 117%);
+  line-height: var(--intergalactic-lh-500, 1.1667);
 }
 
 SButton[size='600'] {
   font-size: var(--intergalactic-fs-600, 32px);
-  line-height: var(--intergalactic-lh-600, 125%);
+  line-height: var(--intergalactic-lh-600, 1.25);
 }
 
 SButton[size='700'] {
   font-size: var(--intergalactic-fs-700, 36px);
-  line-height: var(--intergalactic-lh-700, 110%);
+  line-height: var(--intergalactic-lh-700, 1.1112);
 }
 
 SButton[size='800'] {
   font-size: var(--intergalactic-fs-800, 48px);
-  line-height: var(--intergalactic-lh-800, 117%);
+  line-height: var(--intergalactic-lh-800, 1.16667);
 }
 
 @media (prefers-reduced-motion) {

semcore/card/src/style/card.shadow.css

@@ -12,7 +12,7 @@ SCard {
   STitle {
     color: var(--intergalactic-text-primary, #191b23);
     font-size: var(--intergalactic-fs-300, 16px);
-    line-height: var(--intergalactic-lh-300, 150%);
+    line-height: var(--intergalactic-lh-300, 1.5);
     font-weight: var(--intergalactic-bold, 700);
     margin-right: var(--intergalactic-spacing-1x, 4px);
 

semcore/checkbox/src/style/checkbox.shadow.css

@@ -94,12 +94,12 @@ SCheckbox[size='m'] {
 
 SText[size='l'] {
   font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
+  line-height: var(--intergalactic-lh-300, 1.5);
 }
 
 SText[size='m'] {
   font-size: var(--intergalactic-fs-200, 14px);
-  line-height: var(--intergalactic-lh-200, 142%);
+  line-height: var(--intergalactic-lh-200, 1.4286);
 }
 
 

semcore/core/src/theme/dark.json

@@ -1606,42 +1606,42 @@
       "description": "Base font family."
     },
     "lh-800": {
-      "value": "117%",
+      "value": "1.16667",
       "type": "lineHeights",
       "description": "Use with font-size-800."
     },
     "lh-700": {
-      "value": "110%",
+      "value": "1.1112",
       "type": "lineHeights",
       "description": "Use with font-size-700."
     },
     "lh-600": {
-      "value": "125%",
+      "value": "1.25",
       "type": "lineHeights",
       "description": "Use with font-size-600."
     },
     "lh-500": {
-      "value": "117%",
+      "value": "1.1667",
       "type": "lineHeights",
       "description": "Use with font-size-500."
     },
     "lh-400": {
-      "value": "120%",
+      "value": "1.2",
       "type": "lineHeights",
       "description": "Use with font-size-400."
     },
     "lh-300": {
-      "value": "150%",
+      "value": "1.5",
       "type": "lineHeights",
       "description": "Use with font-size-300."
     },
     "lh-200": {
-      "value": "142%",
+      "value": "1.4286",
       "type": "lineHeights",
       "description": "Use with font-size-200."
     },
     "lh-100": {
-      "value": "133%",
+      "value": "1.3334",
       "type": "lineHeights",
       "description": "Use with font-size-100."
     },

semcore/core/src/theme/light.json

@@ -1641,42 +1641,42 @@
       "description": "Base font family."
     },
     "lh-800": {
-      "value": "117%",
+      "value": "1.16667",
       "type": "lineHeights",
       "description": "Use with font-size-800."
     },
     "lh-700": {
-      "value": "110%",
+      "value": "1.1112",
       "type": "lineHeights",
       "description": "Use with font-size-700."
     },
     "lh-600": {
-      "value": "125%",
+      "value": "1.25",
       "type": "lineHeights",
       "description": "Use with font-size-600."
     },
     "lh-500": {
-      "value": "117%",
+      "value": "1.1667",
       "type": "lineHeights",
       "description": "Use with font-size-500."
     },
     "lh-400": {
-      "value": "120%",
+      "value": "1.2",
       "type": "lineHeights",
       "description": "Use with font-size-400."
     },
     "lh-300": {
-      "value": "150%",
+      "value": "1.5",
       "type": "lineHeights",
       "description": "Use with font-size-300."
     },
     "lh-200": {
-      "value": "142%",
+      "value": "1.4286",
       "type": "lineHeights",
       "description": "Use with font-size-200."
     },
     "lh-100": {
-      "value": "133%",
+      "value": "1.3334",
       "type": "lineHeights",
       "description": "Use with font-size-100."
     },

semcore/core/src/theme/themes/auto.css

@@ -557,21 +557,21 @@
   /* Base font family. */
   --intergalactic-base: Inter;
   /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
+  --intergalactic-lh-800: 1.16667;
   /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
+  --intergalactic-lh-700: 1.1112;
   /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
+  --intergalactic-lh-600: 1.25;
   /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
+  --intergalactic-lh-500: 1.1667;
   /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
+  --intergalactic-lh-400: 1.2;
   /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
+  --intergalactic-lh-300: 1.5;
   /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
+  --intergalactic-lh-200: 1.4286;
   /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
+  --intergalactic-lh-100: 1.3334;
   /* Semi-bold font weight. */
   --intergalactic-semi-bold: 600;
   /* Bold font weight. */
@@ -1428,21 +1428,21 @@
   /* Base font family. */
   --intergalactic-base: Inter;
   /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
+  --intergalactic-lh-800: 1.16667;
   /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
+  --intergalactic-lh-700: 1.1112;
   /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
+  --intergalactic-lh-600: 1.25;
   /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
+  --intergalactic-lh-500: 1.1667;
   /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
+  --intergalactic-lh-400: 1.2;
   /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
+  --intergalactic-lh-300: 1.5;
   /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
+  --intergalactic-lh-200: 1.4286;
   /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
+  --intergalactic-lh-100: 1.3334;
   /* Semi-bold font weight. */
   --intergalactic-semi-bold: 600;
   /* Bold font weight. */

semcore/core/src/theme/themes/dark.css

@@ -551,21 +551,21 @@
   /* Base font family. */
   --intergalactic-base: Inter;
   /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
+  --intergalactic-lh-800: 1.16667;
   /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
+  --intergalactic-lh-700: 1.1112;
   /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
+  --intergalactic-lh-600: 1.25;
   /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
+  --intergalactic-lh-500: 1.1667;
   /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
+  --intergalactic-lh-400: 1.2;
   /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
+  --intergalactic-lh-300: 1.5;
   /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
+  --intergalactic-lh-200: 1.4286;
   /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
+  --intergalactic-lh-100: 1.3334;
   /* Semi-bold font weight. */
   --intergalactic-semi-bold: 600;
   /* Bold font weight. */

semcore/core/src/theme/themes/dark.ts

@@ -310,14 +310,14 @@ export default {
   '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px rgba(255, 255, 255, 0.8)',
   '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)',
   '--intergalactic-base': 'Inter',
-  '--intergalactic-lh-800': '117%',
-  '--intergalactic-lh-700': '110%',
-  '--intergalactic-lh-600': '125%',
-  '--intergalactic-lh-500': '117%',
-  '--intergalactic-lh-400': '120%',
-  '--intergalactic-lh-300': '150%',
-  '--intergalactic-lh-200': '142%',
-  '--intergalactic-lh-100': '133%',
+  '--intergalactic-lh-800': '1.16667',
+  '--intergalactic-lh-700': '1.1112',
+  '--intergalactic-lh-600': '1.25',
+  '--intergalactic-lh-500': '1.1667',
+  '--intergalactic-lh-400': '1.2',
+  '--intergalactic-lh-300': '1.5',
+  '--intergalactic-lh-200': '1.4286',
+  '--intergalactic-lh-100': '1.3334',
   '--intergalactic-semi-bold': '600',
   '--intergalactic-bold': '700',
   '--intergalactic-regular': '400',

semcore/core/src/theme/themes/default.css

@@ -557,21 +557,21 @@
   /* Base font family. */
   --intergalactic-base: Inter;
   /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
+  --intergalactic-lh-800: 1.16667;
   /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
+  --intergalactic-lh-700: 1.1112;
   /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
+  --intergalactic-lh-600: 1.25;
   /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
+  --intergalactic-lh-500: 1.1667;
   /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
+  --intergalactic-lh-400: 1.2;
   /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
+  --intergalactic-lh-300: 1.5;
   /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
+  --intergalactic-lh-200: 1.4286;
   /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
+  --intergalactic-lh-100: 1.3334;
   /* Semi-bold font weight. */
   --intergalactic-semi-bold: 600;
   /* Bold font weight. */
@@ -713,7 +713,7 @@
   --intergalactic-tag-primary-gray-hover-active: #E3E4E9;
   /* Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath. */
   --intergalactic-tag-primary-blue-normal: #D0EEFF;
-  /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath.  */
+  /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */
   --intergalactic-tag-primary-blue-hover-active: #B7E4FF;
   /* Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath. */
   --intergalactic-tag-primary-green-normal: #CFF1EA;