@esportsplus/ui 0.7.1 → 0.7.3

package/build/index.d.ts

@@ -1,8 +1,8 @@
-import '@esportsplus/webpack/global.d.ts';
 export { default as accordion } from './components/accordion';
 export { default as clipboard } from './components/clipboard';
 export { default as counter } from './components/counter';
 export { default as ellipsis } from './components/ellipsis';
+export { default as footer } from './components/footer';
 export { default as form } from './components/form';
 export { default as json } from './components/json';
 export { default as link } from './components/link';

package/build/index.js

@@ -1,8 +1,8 @@
-import '@esportsplus/webpack/global.d.ts';
 export { default as accordion } from './components/accordion';
 export { default as clipboard } from './components/clipboard';
 export { default as counter } from './components/counter';
 export { default as ellipsis } from './components/ellipsis';
+export { default as footer } from './components/footer';
 export { default as form } from './components/form';
 export { default as json } from './components/json';
 export { default as link } from './components/link';

package/package.json

@@ -21,5 +21,5 @@
     },
     "sideEffects": false,
     "types": "build/index.d.ts",
-    "version": "0.7.1"
+    "version": "0.7.3"
 }

package/src/components/root/scss/variables.scss

@@ -1,3 +1,4 @@
+@use 'sass:list';
 @use '/lib';
 @use '/tokens';
 
@@ -82,7 +83,7 @@ h1, h2, h3, h4, h5 {
 
 // Loop Through Font Size Keys To Set Header Font Size + Line Height
 $keys: lib.map-keys(tokens.$font-size);
-$i: nth($keys, lib.list-length($keys));
+$i: list.nth($keys, lib.list-length($keys));
 
 @each $h in h1 h2 h3 h4 h5 {
     #{$h} {

package/src/index.ts

@@ -1,20 +1,19 @@
-import '@esportsplus/webpack/global.d.ts';
-
-export { default as accordion }from './components/accordion';
-export { default as clipboard }from './components/clipboard';
-export { default as counter }from './components/counter';
-export { default as ellipsis }from './components/ellipsis';
-export { default as form }from './components/form';
-export { default as json }from './components/json';
-export { default as link }from './components/link';
-export { default as loader }from './components/loader';
-export { default as loading }from './components/loading';
-export { default as magnet }from './components/magnet';
-export { default as number }from './components/number';
-export { default as page }from './components/page';
-export { default as root }from './components/root';
-export { default as scrollbar }from './components/scrollbar';
-export { default as site }from './components/site';
-export { default as tooltip }from './components/tooltip';
-export { default as truncate }from './components/truncate';
-export { default as typewriter }from './components/typewriter';
+export { default as accordion } from './components/accordion';
+export { default as clipboard } from './components/clipboard';
+export { default as counter } from './components/counter';
+export { default as ellipsis } from './components/ellipsis';
+export { default as footer } from './components/footer';
+export { default as form } from './components/form';
+export { default as json } from './components/json';
+export { default as link } from './components/link';
+export { default as loader } from './components/loader';
+export { default as loading } from './components/loading';
+export { default as magnet } from './components/magnet';
+export { default as number } from './components/number';
+export { default as page } from './components/page';
+export { default as root } from './components/root';
+export { default as scrollbar } from './components/scrollbar';
+export { default as site } from './components/site';
+export { default as tooltip } from './components/tooltip';
+export { default as truncate } from './components/truncate';
+export { default as typewriter } from './components/typewriter';

package/src/lib/scss/breakpoint.scss

@@ -10,7 +10,7 @@
         }
     }
     @else if $function == between-width {
-        @media only screen and (min-width: #{nth($param, 1) + 1px}) and (max-width: nth($param, 2)) {
+        @media only screen and (min-width: #{list.nth($param, 1) + 1px}) and (max-width: list.nth($param, 2)) {
             @content;
         }
     }

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

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

package/src/lib/scss/list.scss

@@ -1,4 +1,5 @@
 @use 'sass:list';
+@use 'sass:meta';
 @use 'sass:string';
 
 @forward 'sass:list';
@@ -20,15 +21,15 @@
     $list: unique($list);
     $output: null;
 
-    @if type-of($list) != list {
+    @if meta.type-of($list) != list {
         @error "#{$list} Is Not A Valid List";
     }
 
     @for $i from 1 through list.length($list) {
-        $m: nth($list, $i);
+        $m: list.nth($list, $i);
 
         // If $k Is A List Flatten By Running Through Function Again
-        @if type-of($m) == list {
+        @if meta.type-of($m) == list {
             $output: string.unquote("#{$output}#{$glue}#{implode($glue, $m)}");
         }
         // Piece Together String
@@ -47,7 +48,7 @@
 @function to-list($input) {
     $output: $input;
 
-    @if type-of($input) != list {
+    @if meta.type-of($input) != list {
         $output: ($input,);
     }
 
@@ -57,7 +58,7 @@
 @function unique($list, $recursive: false) {
     $result: ();
 
-    @if type-of($list) != list {
+    @if meta.type-of($list) != list {
         @error "#{$list} Is Not A Valid List";
     }
 

package/src/lib/scss/position.scss

@@ -1,4 +1,6 @@
 @use 'list';
+@use 'sass:meta';
+
 
 @mixin position($position, $value: null) {
     position: $position;
@@ -31,23 +33,23 @@
         bottom: 50%;
         transform: translateY(50%);
     }
-    @else if $value and type-of($value) == list {
+    @else if $value and meta.type-of($value) == list {
         $length: list.length($value);
 
-        @if $length > 0 and nth($value, 1) != null {
-            top: nth($value, 1);
+        @if $length > 0 and list.nth($value, 1) != null {
+            top: list.nth($value, 1);
         }
 
-        @if $length > 1 and nth($value, 2) != null {
-            right: nth($value, 2);
+        @if $length > 1 and list.nth($value, 2) != null {
+            right: list.nth($value, 2);
         }
 
-        @if $length > 2 and nth($value, 3) != null {
-            bottom: nth($value, 3);
+        @if $length > 2 and list.nth($value, 3) != null {
+            bottom: list.nth($value, 3);
         }
 
-        @if $length > 3 and nth($value, 4) != null {
-            left: nth($value, 4);
+        @if $length > 3 and list.nth($value, 4) != null {
+            left: list.nth($value, 4);
         }
     }
 }

package/src/lib/scss/string.scss

@@ -1,4 +1,5 @@
 @use 'list';
+@use 'sass:meta';
 @use 'sass:string';
 
 @forward 'sass:string';
@@ -19,7 +20,7 @@
 }
 
 @function replace($find, $replace, $haystack) {
-    @if type-of($haystack) != string {
+    @if meta.type-of($haystack) != string {
         @error "#{$haystack} Is Not A Valid String";
     }
 

package/src/tokens/scss/state.scss

@@ -18,6 +18,7 @@
  *
  */
 
+@use 'sass:meta';
 @use '../../lib';
 
 $state: (
@@ -39,7 +40,7 @@ $state: (
     // To Avoid Overcomplicating The Responsibility Of This Function Limit
     // Replace Parameter To String Values Only
     @if $replace {
-        @if type-of($replace) != 'string' or type-of($selector) != 'string' {
+        @if meta.type-of($replace) != 'string' or meta.type-of($selector) != 'string' {
             @error "'lib.string-replace' Cannot Be Used On A List!";
         }
 
@@ -69,7 +70,7 @@ $state: (
 @mixin state-utility($class, $property, $values) {
     $keys: $values;
 
-    @if type-of($keys) == 'map' {
+    @if meta.type-of($keys) == 'map' {
         $keys: lib.map-keys($keys);
     }