@esportsplus/ui 0.8.4 → 0.9.2

package/{storage/fonts/montserrat/index.css → src/fonts/montserrat/scss/index.scss}

@@ -1,79 +1,79 @@
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Montserrat Regular'), local('Montserrat-Regular'),
-         url('Montserrat-Regular.woff2') format('woff2'),
-         url('Montserrat-Regular.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: italic;
-    font-weight: 400;
-    src: local('Montserrat Italic'), local('Montserrat-Italic'),
-         url('Montserrat-Italic.woff2') format('woff2'),
-         url('Montserrat-Italic.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 500;
-    src: local('Montserrat Medium'), local('Montserrat-Medium'),
-         url('Montserrat-Medium.woff2') format('woff2'),
-         url('Montserrat-Medium.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: italic;
-    font-weight: 500;
-    src: local('Montserrat MediumItalic'), local('Montserrat-MediumItalic'),
-         url('Montserrat-MediumItalic.woff2') format('woff2'),
-         url('Montserrat-MediumItalic.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 600;
-    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
-         url('Montserrat-SemiBold.woff2') format('woff2'),
-         url('Montserrat-SemiBold.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: italic;
-    font-weight: 600;
-    src: local('Montserrat SemiBoldItalic'), local('Montserrat-SemiBoldItalic'),
-         url('Montserrat-SemiBoldItalic.woff2') format('woff2'),
-         url('Montserrat-SemiBoldItalic.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 700;
-    src: local('Montserrat Bold'), local('Montserrat Bold'),
-         url('Montserrat-Bold.woff2') format('woff2'),
-         url('Montserrat-Bold.woff') format('woff');
-}
-
-@font-face {
-    font-display: swap;
-    font-family: 'Montserrat';
-    font-style: italic;
-    font-weight: 700;
-    src: local('Montserrat BoldItalic'), local('Montserrat-BoldItalic'),
-         url('Montserrat-BoldItalic.woff2') format('woff2'),
-         url('Montserrat-BoldItalic.woff') format('woff');
-}
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Montserrat Regular'), local('Montserrat-Regular'),
+         url('Montserrat-Regular.woff2') format('woff2'),
+         url('Montserrat-Regular.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 400;
+    src: local('Montserrat Italic'), local('Montserrat-Italic'),
+         url('Montserrat-Italic.woff2') format('woff2'),
+         url('Montserrat-Italic.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 500;
+    src: local('Montserrat Medium'), local('Montserrat-Medium'),
+         url('Montserrat-Medium.woff2') format('woff2'),
+         url('Montserrat-Medium.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 500;
+    src: local('Montserrat MediumItalic'), local('Montserrat-MediumItalic'),
+         url('Montserrat-MediumItalic.woff2') format('woff2'),
+         url('Montserrat-MediumItalic.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 600;
+    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
+         url('Montserrat-SemiBold.woff2') format('woff2'),
+         url('Montserrat-SemiBold.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 600;
+    src: local('Montserrat SemiBoldItalic'), local('Montserrat-SemiBoldItalic'),
+         url('Montserrat-SemiBoldItalic.woff2') format('woff2'),
+         url('Montserrat-SemiBoldItalic.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Montserrat Bold'), local('Montserrat Bold'),
+         url('Montserrat-Bold.woff2') format('woff2'),
+         url('Montserrat-Bold.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 700;
+    src: local('Montserrat BoldItalic'), local('Montserrat-BoldItalic'),
+         url('Montserrat-BoldItalic.woff2') format('woff2'),
+         url('Montserrat-BoldItalic.woff') format('woff');
+}

package/src/lib/index.scss

@@ -1,7 +1,7 @@
-@forward 'scss/breakpoint';
-@forward 'scss/color' as color-*;
-@forward 'scss/css-variables';
-@forward 'scss/list' as list-*;
-@forward 'scss/map' as map-*;
-@forward 'scss/position';
-@forward 'scss/string' as string-*;
+@forward 'scss/breakpoint';
+@forward 'scss/color' as color-*;
+@forward 'scss/css-variables';
+@forward 'scss/list' as list-*;
+@forward 'scss/map' as map-*;
+@forward 'scss/position';
+@forward 'scss/string' as string-*;

package/src/lib/scss/breakpoint.scss

@@ -1,41 +1,41 @@
-@mixin breakpoint($function, $param: null) {
-    @if $function == min-width or $function == min-height {
-        @media only screen and ($function: #{$param + 1px}) {
-            @content;
-        }
-    }
-    @else if $function == max-width or $function == max-height {
-        @media only screen and ($function: $param) {
-            @content;
-        }
-    }
-    @else if $function == between-width {
-        @media only screen and (min-width: #{list.nth($param, 1) + 1px}) and (max-width: list.nth($param, 2)) {
-            @content;
-        }
-    }
-    @else if $function == orientation {
-        @if $param == landscape {
-            @media only screen and (min-aspect-ratio: 13/9) {
-                @content;
-            }
-        }
-        @else if $param == portrait {
-            @media only screen and (max-aspect-ratio: 13/9) {
-                @content;
-            }
-        }
-    }
-    @else if $function == retina {
-        @media
-            only screen and (-webkit-min-device-pixel-ratio: 1.25),
-            only screen and ( min--moz-device-pixel-ratio: 1.25),
-            only screen and ( -o-min-device-pixel-ratio: 1.25/1),
-            only screen and ( min-device-pixel-ratio: 1.25),
-            only screen and ( min-resolution: 200dpi),
-            only screen and ( min-resolution: 1.25dppx)
-        {
-            @content;
-        }
-    }
-}
+@mixin breakpoint($function, $param: null) {
+    @if $function == min-width or $function == min-height {
+        @media only screen and ($function: #{$param + 1px}) {
+            @content;
+        }
+    }
+    @else if $function == max-width or $function == max-height {
+        @media only screen and ($function: $param) {
+            @content;
+        }
+    }
+    @else if $function == between-width {
+        @media only screen and (min-width: #{list.nth($param, 1) + 1px}) and (max-width: list.nth($param, 2)) {
+            @content;
+        }
+    }
+    @else if $function == orientation {
+        @if $param == landscape {
+            @media only screen and (min-aspect-ratio: 13/9) {
+                @content;
+            }
+        }
+        @else if $param == portrait {
+            @media only screen and (max-aspect-ratio: 13/9) {
+                @content;
+            }
+        }
+    }
+    @else if $function == retina {
+        @media
+            only screen and (-webkit-min-device-pixel-ratio: 1.25),
+            only screen and ( min--moz-device-pixel-ratio: 1.25),
+            only screen and ( -o-min-device-pixel-ratio: 1.25/1),
+            only screen and ( min-device-pixel-ratio: 1.25),
+            only screen and ( min-resolution: 200dpi),
+            only screen and ( min-resolution: 1.25dppx)
+        {
+            @content;
+        }
+    }
+}

package/src/lib/scss/color.scss

@@ -1 +1 @@
-@forward 'sass:color';
+@forward 'sass:color';

package/src/lib/scss/css-variables.scss

@@ -1,16 +1,16 @@
-@use 'sass:meta';
-
-
-@mixin css-variables($prefix, $tokens) {
-    @each $key, $value in $tokens {
-        @if meta.type-of($value) == 'map' {
-            @each $subkey, $subvalue in $value {
-                --#{$prefix}-#{$key}-#{$subkey}: #{$subvalue};
-            }
-        }
-        @else {
-            --#{$prefix}-#{$key}: #{$value};
-        }
-    }
-}
-
+@use 'sass:meta';
+
+
+@mixin css-variables($prefix, $tokens) {
+    @each $key, $value in $tokens {
+        @if meta.type-of($value) == 'map' {
+            @each $subkey, $subvalue in $value {
+                --#{$prefix}-#{$key}-#{$subkey}: #{$subvalue};
+            }
+        }
+        @else {
+            --#{$prefix}-#{$key}: #{$value};
+        }
+    }
+}
+

package/src/lib/scss/list.scss

@@ -1,77 +1,77 @@
-@use 'sass:list';
-@use 'sass:meta';
-@use 'sass:string';
-
-@forward 'sass:list';
-
-@function contains($needles, $haystack) {
-    $haystack: to-list($haystack);
-    $needles: to-list($needles);
-
-    @each $needle in $needles {
-        @if list.index($haystack, $needle) {
-            @return true;
-        }
-    }
-
-    @return false;
-}
-
-@function implode($glue, $list) {
-    $list: unique($list);
-    $output: null;
-
-    @if meta.type-of($list) != list {
-        @error "#{$list} Is Not A Valid List";
-    }
-
-    @for $i from 1 through list.length($list) {
-        $m: list.nth($list, $i);
-
-        // If $k Is A List Flatten By Running Through Function Again
-        @if meta.type-of($m) == list {
-            $output: string.unquote("#{$output}#{$glue}#{implode($glue, $m)}");
-        }
-        // Piece Together String
-        @else {
-            $output: string.unquote("#{$output}#{$glue}#{$m}");
-        }
-    }
-
-    @if $output != null {
-        $output: string.slice($output, string.length($glue) + 1, -1);
-    }
-
-    @return $output;
-}
-
-@function to-list($input) {
-    $output: $input;
-
-    @if meta.type-of($input) != list {
-        $output: ($input,);
-    }
-
-    @return $output;
-}
-
-@function unique($list, $recursive: false) {
-    $result: ();
-
-    @if meta.type-of($list) != list {
-        @error "#{$list} Is Not A Valid List";
-    }
-
-    @each $item in $list {
-        @if not list.index($result, $item) and $item != '' {
-            @if list.length($item) > 1 and $recursive {
-                $result: list.append($result, unique($item, $recursive));
-            }
-            @else {
-                $result: list.append($result, $item);
-            }
-        }
-    }
-
-    @return $result;
-}
+@use 'sass:list';
+@use 'sass:meta';
+@use 'sass:string';
+
+@forward 'sass:list';
+
+@function contains($needles, $haystack) {
+    $haystack: to-list($haystack);
+    $needles: to-list($needles);
+
+    @each $needle in $needles {
+        @if list.index($haystack, $needle) {
+            @return true;
+        }
+    }
+
+    @return false;
+}
+
+@function implode($glue, $list) {
+    $list: unique($list);
+    $output: null;
+
+    @if meta.type-of($list) != list {
+        @error "#{$list} Is Not A Valid List";
+    }
+
+    @for $i from 1 through list.length($list) {
+        $m: list.nth($list, $i);
+
+        // If $k Is A List Flatten By Running Through Function Again
+        @if meta.type-of($m) == list {
+            $output: string.unquote("#{$output}#{$glue}#{implode($glue, $m)}");
+        }
+        // Piece Together String
+        @else {
+            $output: string.unquote("#{$output}#{$glue}#{$m}");
+        }
+    }
+
+    @if $output != null {
+        $output: string.slice($output, string.length($glue) + 1, -1);
+    }
+
+    @return $output;
+}
+
+@function to-list($input) {
+    $output: $input;
+
+    @if meta.type-of($input) != list {
+        $output: ($input,);
+    }
+
+    @return $output;
+}
+
+@function unique($list, $recursive: false) {
+    $result: ();
+
+    @if meta.type-of($list) != list {
+        @error "#{$list} Is Not A Valid List";
+    }
+
+    @each $item in $list {
+        @if not list.index($result, $item) and $item != '' {
+            @if list.length($item) > 1 and $recursive {
+                $result: list.append($result, unique($item, $recursive));
+            }
+            @else {
+                $result: list.append($result, $item);
+            }
+        }
+    }
+
+    @return $result;
+}

package/src/lib/scss/map.scss

@@ -1 +1 @@
-@forward 'sass:map';
+@forward 'sass:map';

package/src/lib/scss/position.scss

@@ -1,55 +1,55 @@
-@use 'list';
-@use 'sass:meta';
-
-
-@mixin position($position, $value: null) {
-    position: $position;
-
-    @if $value == bottom {
-        inset: auto 0 0 0;
-    }
-    @else if $value == center {
-        bottom: 50%;
-        right: 50%;
-        transform: translate(50%, 50%);
-    }
-    @else if $value == full {
-        inset: 0 0 0 0;
-    }
-    @else if $value == horizontal {
-        right: 50%;
-        transform: translateX(50%);
-    }
-    @else if $value == left {
-        inset: 0 auto 0 0;
-    }
-    @else if $value == right {
-        inset: 0 0 0 auto;
-    }
-    @else if $value == top {
-        inset: 0 0 auto 0;
-    }
-    @else if $value == vertical {
-        bottom: 50%;
-        transform: translateY(50%);
-    }
-    @else if $value and meta.type-of($value) == list {
-        $length: list.length($value);
-
-        @if $length > 0 and list.nth($value, 1) != null {
-            top: list.nth($value, 1);
-        }
-
-        @if $length > 1 and list.nth($value, 2) != null {
-            right: list.nth($value, 2);
-        }
-
-        @if $length > 2 and list.nth($value, 3) != null {
-            bottom: list.nth($value, 3);
-        }
-
-        @if $length > 3 and list.nth($value, 4) != null {
-            left: list.nth($value, 4);
-        }
-    }
-}
+@use 'list';
+@use 'sass:meta';
+
+
+@mixin position($position, $value: null) {
+    position: $position;
+
+    @if $value == bottom {
+        inset: auto 0 0 0;
+    }
+    @else if $value == center {
+        bottom: 50%;
+        right: 50%;
+        transform: translate(50%, 50%);
+    }
+    @else if $value == full {
+        inset: 0 0 0 0;
+    }
+    @else if $value == horizontal {
+        right: 50%;
+        transform: translateX(50%);
+    }
+    @else if $value == left {
+        inset: 0 auto 0 0;
+    }
+    @else if $value == right {
+        inset: 0 0 0 auto;
+    }
+    @else if $value == top {
+        inset: 0 0 auto 0;
+    }
+    @else if $value == vertical {
+        bottom: 50%;
+        transform: translateY(50%);
+    }
+    @else if $value and meta.type-of($value) == list {
+        $length: list.length($value);
+
+        @if $length > 0 and list.nth($value, 1) != null {
+            top: list.nth($value, 1);
+        }
+
+        @if $length > 1 and list.nth($value, 2) != null {
+            right: list.nth($value, 2);
+        }
+
+        @if $length > 2 and list.nth($value, 3) != null {
+            bottom: list.nth($value, 3);
+        }
+
+        @if $length > 3 and list.nth($value, 4) != null {
+            left: list.nth($value, 4);
+        }
+    }
+}

package/src/lib/scss/string.scss

@@ -1,34 +1,34 @@
-@use 'list';
-@use 'sass:meta';
-@use 'sass:string';
-
-@forward 'sass:string';
-
-@function contains($needles, $haystack) {
-    $haystack: string.quote($haystack);
-    $needles: list.to-list($needles);
-
-    @each $needle in $needles {
-        $needle: string.quote($needle);
-
-        @if string.index($haystack, $needle) != null {
-            @return true;
-        }
-    }
-
-    @return false;
-}
-
-@function replace($find, $replace, $haystack) {
-    @if meta.type-of($haystack) != string {
-        @error "#{$haystack} Is Not A Valid String";
-    }
-
-    $index: string.index($haystack, string.quote($find));
-
-    @if $index {
-        $haystack: string.slice($haystack, 1, $index - 1) + $replace + replace($find, $replace, string.slice($haystack, $index + string.length($find)));
-    }
-
-    @return $haystack;
-}
+@use 'list';
+@use 'sass:meta';
+@use 'sass:string';
+
+@forward 'sass:string';
+
+@function contains($needles, $haystack) {
+    $haystack: string.quote($haystack);
+    $needles: list.to-list($needles);
+
+    @each $needle in $needles {
+        $needle: string.quote($needle);
+
+        @if string.index($haystack, $needle) != null {
+            @return true;
+        }
+    }
+
+    @return false;
+}
+
+@function replace($find, $replace, $haystack) {
+    @if meta.type-of($haystack) != string {
+        @error "#{$haystack} Is Not A Valid String";
+    }
+
+    $index: string.index($haystack, string.quote($find));
+
+    @if $index {
+        $haystack: string.slice($haystack, 1, $index - 1) + $replace + replace($find, $replace, string.slice($haystack, $index + string.length($find)));
+    }
+
+    @return $haystack;
+}

package/src/tokens/index.scss

@@ -1,11 +1,11 @@
-@forward 'scss/border-radius';
-@forward 'scss/border-width';
-@forward 'scss/box-shadow';
-@forward 'scss/color';
-@forward 'scss/font-size';
-@forward 'scss/font-weight';
-@forward 'scss/line-height';
-@forward 'scss/size';
-@forward 'scss/spacer';
-@forward 'scss/state';
-@forward 'scss/transition-duration';
+@forward 'scss/border-radius';
+@forward 'scss/border-width';
+@forward 'scss/box-shadow';
+@forward 'scss/color';
+@forward 'scss/font-size';
+@forward 'scss/font-weight';
+@forward 'scss/line-height';
+@forward 'scss/size';
+@forward 'scss/spacer';
+@forward 'scss/state';
+@forward 'scss/transition-duration';