@epam/uui 5.13.0 → 5.14.0-beta.0

package/assets/styles/buttonLayout.scss

@@ -1,70 +0,0 @@
-@use './text-size' as *;
-@use './icons' as *;
-
-@mixin button-layout($size, $borderWidth) {
-    @include button-horizontal-layout($size, $borderWidth);
-    @include button-vertical-layout($size, $borderWidth);
-    @include scalable-icon-size($size);
-}
-
-@mixin link-button-layout($size) {
-    @include link-button-horizontal-layout($size);
-    @include button-vertical-layout($size, 0);
-    @include scalable-icon-size($size);
-}
-
-@mixin button-vertical-layout($size, $borderWidth) {
-    &:global(.uui-button-box) {
-        min-height: $size;
-        border-width: $borderWidth;
-    }
-
-    :global(.uui-caption) {
-        @include text-size($size, $borderWidth);
-
-        @if ($size == 42px or $size == 48px) {
-            font-size: 16px;
-        }
-    }
-}
-
-@mixin button-horizontal-layout($size, $borderWidth) {
-    min-width: $size;
-
-    @if ($size == 18px) {
-        @include button-padding(3px, 3px, $borderWidth);
-    } @else if ($size == 24px) {
-        @include button-padding(6px, 6px, $borderWidth);
-    } @else if ($size == 30px) {
-        @include button-padding(6px, 6px, $borderWidth);
-    } @else if ($size == 36px) {
-        @include button-padding(6px, 6px, $borderWidth);
-    } @else if ($size == 42px) {
-        @include button-padding(12px, 6px, $borderWidth);
-    } @else if ($size == 48px) {
-        @include button-padding(12px, 6px, $borderWidth);
-    } @else {
-        @include button-padding(6px, 6px, $borderWidth); }
-}
-
-@mixin button-padding($controlPadding, $captionPadding, $borderWidth) {
-    padding-left: $controlPadding - $borderWidth;
-    padding-right: $controlPadding - $borderWidth;
-
-    :global(.uui-caption) {
-        padding-left: $captionPadding;
-        padding-right: $captionPadding;
-    }
-}
-
-@mixin link-button-horizontal-layout($size) {
-    min-width: $size;
-
-    &:global(.uui-has-left-icon) :global(.uui-caption) {
-        padding-left: 6px;
-    }
-
-    &:global(.uui-has-right-icon) :global(.uui-caption) {
-        padding-right: 6px;
-    }
-}

package/assets/styles/controlLayout.scss

@@ -1,28 +0,0 @@
-@use 'text-size' as *;
-
-@mixin control-vertical-layout($size, $borderWidth) {
-    :global(.uui-caption), :global(.uui-input) {
-        @include text-size($size, $borderWidth);
-    }
-
-    &:global(.uui-button-box), &:global(.uui-input-box) {
-        min-height: $size;
-        border-width: $borderWidth;
-    }
-}
-
-@mixin control-box-layout($size, $borderWidth) {
-    min-width: $size;
-    padding-left: 5px;
-    padding-right: 5px;
-
-    :global(.uui-caption), :global(.uui-input) {
-        padding-left: 6px;
-        padding-right: 6px;
-    }
-
-    &:global(.uui-button-box), &:global(.uui-input-box) {
-        min-height: $size;
-        border-width: $borderWidth;
-    }
-}

package/assets/styles/icons.scss

@@ -1,55 +0,0 @@
-@use 'sass:math';
-@use 'sass:meta';
-
-@mixin icon-layout($size) {
-    :global(.uui-icon) {
-        svg {
-            height: math.div($size, 36) * 24;
-            max-width: math.div($size, 36) * 24;
-        }
-    }
-}
-
-@mixin icon-size($size) {
-    $striped-size: strip-unit($size);
-
-    :global(.uui-icon) {
-        svg {
-            height: #{$striped-size}px;
-            width: #{$striped-size}px;
-        }
-    }
-}
-
-@function strip-unit($number) {
-    @if meta.type-of($number) == 'number' and not math.is-unitless($number) {
-        @return math.div($number, $number * 0 + 1);
-    }
-
-    @return $number;
-}
-
-@mixin scalable-icon-size($size, $additionalClass: '') {
-    $striped-size: strip-unit($size);
-
-    #{$additionalClass}:global(.uui-icon) {
-        svg {
-            @if ($striped-size == 18) {
-                height: 12px;
-            } @else if ($striped-size == 24) {
-                height: 12px;
-            } @else if ($striped-size == 30) {
-                height: 18px;
-            } @else if ($striped-size == 36) {
-                height: 18px;
-            } @else if ($striped-size == 42) {
-                height: 18px;
-            } @else if ($striped-size == 48) {
-                height: 24px;
-            } @else if ($striped-size == 60) {
-                height: 24px;
-            }
-            width: inherit;
-        }
-    }
-}

package/assets/styles/text-size.scss

@@ -1,42 +0,0 @@
-@function vpadding($size, $border-width) {
-    @if ($size == 18px or $size == 24px) {
-        @return (3px - $border-width);
-    } @else if ($size == 30px) {
-        @return (6px - $border-width);
-    } @else if ($size == 36px or $size == 42px) {
-        @return (9px - $border-width);
-    } @else if ($size == 48px) {
-        @return (12px - $border-width);
-    } @else if ($size == 60px) {
-        @return (15px - $border-width);
-    }
-
-    @return (null);
-}
-
-@mixin text-size($size, $border-width: 0) {
-    @if ($size == 18px) {
-        line-height: 12px;
-        font-size: 10px;
-    } @else if ($size == 24px) {
-        line-height: 18px;
-        font-size: 12px;
-    } @else if ($size == 30px) {
-        line-height: 18px;
-        font-size: 14px;
-    } @else if ($size == 36px) {
-        line-height: 18px;
-        font-size: 14px;
-    } @else if ($size == 42px) {
-        line-height: 24px;
-        font-size: 16px;
-    } @else if ($size == 48px) {
-        line-height: 24px;
-        font-size: 16px;
-    } @else if ($size == 60px) {
-        line-height: 24px;
-        font-size: 20px;
-    }
-    padding-top: vpadding($size, $border-width);
-    padding-bottom: vpadding($size, $border-width);
-}