@esportsplus/ui 0.29.1 → 0.30.0

package/build/components/text/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.text{--color:var(--color-default,inherit);--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--width:auto;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);transition:color var(--transition-duration)ease-in-out;width:var(--width);position:relative}.text--error{animation:.32s linear textError}@keyframes textError{0%{transform:translate(8px)}20%{transform:translate(-8px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}to{transform:translate(0)}}}
+@layer components {.text{--color:var(--color-default,inherit);--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--width:auto;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);transition:color var(--transition-duration)ease-in-out;width:var(--width);position:relative}}
 /*$vite$:1*/

package/build/css-utilities/error/scss/index.scss

@@ -0,0 +1,2 @@
+@layer css-utilities {.--error{animation:error var(--transition-duration)1 var(--timing-function)}@keyframes error{0%{transform:translate(8px)}20%{transform:translate(-8px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}to{transform:translate(0)}}}
+/*$vite$:1*/

package/build/css-utilities/flex/scss/index.scss

@@ -1,2 +1,2 @@
-@layer css-utilities {.--flex-center,.--flex-column,.--flex-end,.--flex-horizontal,.--flex-horizontal-space-between,.--flex-row,.--flex-start,.--flex-vertical,.--flex-vertical-space-between{--gap-horizontal:0px;--gap-vertical:0px}.--flex-center,.--flex-end,.--flex-horizontal,.--flex-horizontal-space-between,.--flex-start,.--flex-vertical,.--flex-vertical-space-between{gap:var(--gap-vertical)var(--gap-horizontal);display:flex}.--flex-center{flex-flow:wrap;place-content:center}.--flex-column{gap:var(--gap-vertical)0px;flex-flow:column;display:flex}.--flex-end{flex-flow:wrap;justify-content:flex-end}.--flex-fill{flex:1;min-width:0;display:flex}.--flex-fixed{flex:0 0 var(--width);display:flex}.--flex-horizontal{flex-flow:wrap;justify-content:center}.--flex-horizontal-space-between{flex-flow:wrap;justify-content:space-between}.--flex-row{gap:0px var(--gap-horizontal);flex-flow:row;display:flex}.--flex-start{flex-flow:wrap;justify-content:flex-start}.--flex-vertical{flex-flow:wrap;align-items:center}.--flex-vertical-space-between{align-items:space-between;flex-flow:wrap}}
+@layer css-utilities {.--flex-center,.--flex-column,.--flex-end,.--flex-horizontal,.--flex-horizontal-space-between,.--flex-row,.--flex-start,.--flex-vertical,.--flex-vertical-space-between{--gap-horizontal:0px;--gap-vertical:0px}.--flex-center,.--flex-end,.--flex-horizontal,.--flex-start,.--flex-vertical{gap:var(--gap-vertical)var(--gap-horizontal);flex-flow:wrap;display:flex;position:relative}.--flex-center,.--flex-horizontal{justify-content:center}.--flex-center,.--flex-vertical{align-items:center}.--flex-column,.--flex-fill,.--flex-fixed,.--flex-row{display:flex;position:relative}.--flex-column{gap:var(--gap-vertical)0px;flex-flow:column}.--flex-end{justify-content:flex-end}.--flex-fill{flex:1;min-width:0}.--flex-fixed{flex:0 0 var(--width)}.--flex-row{gap:0px var(--gap-horizontal);flex-flow:row}.--flex-start{justify-content:flex-start}}
 /*$vite$:1*/

package/build/css-utilities/gap/scss/index.scss

@@ -1,2 +1,2 @@
-@layer css-utilities {.--gap-border-width,.--gap-horizontal-border-width,.--gap-border-width-400,.--gap-horizontal-border-width-400,.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-500,.--gap-horizontal-border-width-500{--gap-horizontal:var(--border-width-500)}.--gap-border-width-600,.--gap-horizontal-border-width-600{--gap-horizontal:var(--border-width-600)}.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-700,.--gap-horizontal-border-width-700{--gap-horizontal:var(--border-width-700)}.--gap-spacer-100,.--gap-horizontal-spacer-100{--gap-horizontal:var(--spacer-100)}.--gap-spacer-200,.--gap-horizontal-spacer-200{--gap-horizontal:var(--spacer-200)}.--gap-spacer-300,.--gap-horizontal-spacer-300{--gap-horizontal:var(--spacer-300)}.--gap-spacer,.--gap-horizontal-spacer,.--gap-spacer-400,.--gap-horizontal-spacer-400,.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-500,.--gap-horizontal-spacer-500{--gap-horizontal:var(--spacer-500)}.--gap-spacer-600,.--gap-horizontal-spacer-600{--gap-horizontal:var(--spacer-600)}.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-700,.--gap-horizontal-spacer-700{--gap-horizontal:var(--spacer-700)}.--gap-0px,.--gap-horizontal-0px{--gap-horizontal:var(--size-0px)}.--gap-100,.--gap-horizontal-100{--gap-horizontal:var(--size-100)}.--gap-200,.--gap-horizontal-200{--gap-horizontal:var(--size-200)}.--gap-300,.--gap-horizontal-300{--gap-horizontal:var(--size-300)}.--gap-400,.--gap-horizontal-400{--gap-horizontal:var(--size-400)}.--gap-500,.--gap-horizontal-500{--gap-horizontal:var(--size-500)}.--gap-600,.--gap-horizontal-600{--gap-horizontal:var(--size-600)}.--gap-700,.--gap-horizontal-700{--gap-horizontal:var(--size-700)}.--gap-800,.--gap-horizontal-800{--gap-horizontal:var(--size-800)}.--gap-900,.--gap-horizontal-900{--gap-horizontal:var(--size-900)}.--gap-inherit,.--gap-horizontal-inherit{--gap-horizontal:inherit}.--gap-border-width,.--gap-vertical-border-width,.--gap-border-width-400,.--gap-vertical-border-width-400,.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-500,.--gap-vertical-border-width-500{--gap-vertical:var(--border-width-500)}.--gap-border-width-600,.--gap-vertical-border-width-600{--gap-vertical:var(--border-width-600)}.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-700,.--gap-vertical-border-width-700{--gap-vertical:var(--border-width-700)}.--gap-spacer-100,.--gap-vertical-spacer-100{--gap-vertical:var(--spacer-100)}.--gap-spacer-200,.--gap-vertical-spacer-200{--gap-vertical:var(--spacer-200)}.--gap-spacer-300,.--gap-vertical-spacer-300{--gap-vertical:var(--spacer-300)}.--gap-spacer,.--gap-vertical-spacer,.--gap-spacer-400,.--gap-vertical-spacer-400,.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-500,.--gap-vertical-spacer-500{--gap-vertical:var(--spacer-500)}.--gap-spacer-600,.--gap-vertical-spacer-600{--gap-vertical:var(--spacer-600)}.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-700,.--gap-vertical-spacer-700{--gap-vertical:var(--spacer-700)}.--gap-0px,.--gap-vertical-0px{--gap-vertical:var(--size-0px)}.--gap-100,.--gap-vertical-100{--gap-vertical:var(--size-100)}.--gap-200,.--gap-vertical-200{--gap-vertical:var(--size-200)}.--gap-300,.--gap-vertical-300{--gap-vertical:var(--size-300)}.--gap-400,.--gap-vertical-400{--gap-vertical:var(--size-400)}.--gap-500,.--gap-vertical-500{--gap-vertical:var(--size-500)}.--gap-600,.--gap-vertical-600{--gap-vertical:var(--size-600)}.--gap-700,.--gap-vertical-700{--gap-vertical:var(--size-700)}.--gap-800,.--gap-vertical-800{--gap-vertical:var(--size-800)}.--gap-900,.--gap-vertical-900{--gap-vertical:var(--size-900)}.--gap-inherit,.--gap-vertical-inherit{--gap-vertical:inherit}}
+@layer css-utilities {.--gap-border-width,.--gap-horizontal-border-width,.--gap-border-width-400,.--gap-horizontal-border-width-400,.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-500,.--gap-horizontal-border-width-500{--gap-horizontal:var(--border-width-500)}.--gap-border-width-600,.--gap-horizontal-border-width-600{--gap-horizontal:var(--border-width-600)}.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-700,.--gap-horizontal-border-width-700{--gap-horizontal:var(--border-width-700)}.--gap-spacer-100,.--gap-horizontal-spacer-100{--gap-horizontal:var(--spacer-100)}.--gap-spacer-200,.--gap-horizontal-spacer-200{--gap-horizontal:var(--spacer-200)}.--gap-spacer-300,.--gap-horizontal-spacer-300{--gap-horizontal:var(--spacer-300)}.--gap-spacer,.--gap-horizontal-spacer,.--gap-spacer-400,.--gap-horizontal-spacer-400,.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-500,.--gap-horizontal-spacer-500{--gap-horizontal:var(--spacer-500)}.--gap-spacer-600,.--gap-horizontal-spacer-600{--gap-horizontal:var(--spacer-600)}.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-700,.--gap-horizontal-spacer-700{--gap-horizontal:var(--spacer-700)}.--gap-0px,.--gap-horizontal-0px{--gap-horizontal:var(--size-0px)}.--gap-100,.--gap-horizontal-100{--gap-horizontal:var(--size-100)}.--gap-200,.--gap-horizontal-200{--gap-horizontal:var(--size-200)}.--gap-300,.--gap-horizontal-300{--gap-horizontal:var(--size-300)}.--gap-400,.--gap-horizontal-400{--gap-horizontal:var(--size-400)}.--gap-500,.--gap-horizontal-500{--gap-horizontal:var(--size-500)}.--gap-600,.--gap-horizontal-600{--gap-horizontal:var(--size-600)}.--gap-700,.--gap-horizontal-700{--gap-horizontal:var(--size-700)}.--gap-800,.--gap-horizontal-800{--gap-horizontal:var(--size-800)}.--gap-900,.--gap-horizontal-900{--gap-horizontal:var(--size-900)}.--gap-inherit,.--gap-horizontal-inherit{--gap-horizontal:inherit}.--gap-border-width,.--gap-vertical-border-width,.--gap-border-width-400,.--gap-vertical-border-width-400,.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-500,.--gap-vertical-border-width-500{--gap-vertical:var(--border-width-500)}.--gap-border-width-600,.--gap-vertical-border-width-600{--gap-vertical:var(--border-width-600)}.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-700,.--gap-vertical-border-width-700{--gap-vertical:var(--border-width-700)}.--gap-spacer-100,.--gap-vertical-spacer-100{--gap-vertical:var(--spacer-100)}.--gap-spacer-200,.--gap-vertical-spacer-200{--gap-vertical:var(--spacer-200)}.--gap-spacer-300,.--gap-vertical-spacer-300{--gap-vertical:var(--spacer-300)}.--gap-spacer,.--gap-vertical-spacer,.--gap-spacer-400,.--gap-vertical-spacer-400,.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-500,.--gap-vertical-spacer-500{--gap-vertical:var(--spacer-500)}.--gap-spacer-600,.--gap-vertical-spacer-600{--gap-vertical:var(--spacer-600)}.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-700,.--gap-vertical-spacer-700{--gap-vertical:var(--spacer-700)}.--gap-0px,.--gap-vertical-0px{--gap-vertical:var(--size-0px)}.--gap-100,.--gap-vertical-100{--gap-vertical:var(--size-100)}.--gap-200,.--gap-vertical-200{--gap-vertical:var(--size-200)}.--gap-300,.--gap-vertical-300{--gap-vertical:var(--size-300)}.--gap-400,.--gap-vertical-400{--gap-vertical:var(--size-400)}.--gap-500,.--gap-vertical-500{--gap-vertical:var(--size-500)}.--gap-600,.--gap-vertical-600{--gap-vertical:var(--size-600)}.--gap-700,.--gap-vertical-700{--gap-vertical:var(--size-700)}.--gap-800,.--gap-vertical-800{--gap-vertical:var(--size-800)}.--gap-900,.--gap-vertical-900{--gap-vertical:var(--size-900)}.--gap-inherit,.--gap-vertical-inherit{--gap-vertical:inherit}.--gap{gap:var(--gap-vertical)var(--gap-horizontal)}.--gap-horizontal{gap:0px var(--gap-horizontal)}.--gap-vertical{gap:var(--gap-vertical)0px}}
 /*$vite$:1*/

package/build/css-utilities/index.d.ts

@@ -4,6 +4,7 @@ import './background/scss/index.scss';
 import './border/scss/index.scss';
 import './color/scss/index.scss';
 import './disabled/scss/index.scss';
+import './error/scss/index.scss';
 import './flex/scss/index.scss';
 import './flicker/scss/index.scss';
 import './focus/scss/index.scss';

package/build/css-utilities/index.js

@@ -4,6 +4,7 @@ import './background/scss/index.scss';
 import './border/scss/index.scss';
 import './color/scss/index.scss';
 import './disabled/scss/index.scss';
+import './error/scss/index.scss';
 import './flex/scss/index.scss';
 import './flicker/scss/index.scss';
 import './focus/scss/index.scss';

package/package.json

@@ -48,7 +48,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "0.29.1",
+  "version": "0.30.0",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc && tsc-alias",

package/src/components/text/scss/index.scss

@@ -8,35 +8,4 @@
     position: relative;
     transition: color var(--transition-duration) ease-in-out;
     width: var(--width);
-
-
-    &--error {
-        animation: textError 0.32s 1 linear;
-
-        @keyframes textError {
-            0% {
-                transform: translate(8px);
-            }
-
-            20% {
-                transform: translate(-8px);
-            }
-
-            40% {
-                transform: translate(4px);
-            }
-
-            60% {
-                transform: translate(-4px);
-            }
-
-            80% {
-                transform: translate(2px);
-            }
-
-            100% {
-                transform: translate(0px);
-            }
-        }
-    }
 }

package/src/css-utilities/error/scss/index.scss

@@ -0,0 +1,24 @@
+.--error {
+    animation: error var(--transition-duration) 1 var(--timing-function);
+
+    @keyframes error {
+        0% {
+            transform: translate(8px);
+        }
+        20% {
+            transform: translate(-8px);
+        }
+        40% {
+            transform: translate(4px);
+        }
+        60% {
+            transform: translate(-4px);
+        }
+        80% {
+            transform: translate(2px);
+        }
+        100% {
+            transform: translate(0px);
+        }
+    }
+}

package/src/css-utilities/error/scss/variables.scss

@@ -0,0 +1,4 @@
+.--error {
+    --transition-duration: 0.4s;
+    --timing-function: linear;
+}

package/src/css-utilities/flex/scss/index.scss

@@ -4,70 +4,56 @@
     &-center,
     &-end,
     &-horizontal,
-    &-horizontal-space-between,
     &-start,
-    &-vertical,
-    &-vertical-space-between {
+    &-vertical {
         display: flex;
+        flex-flow: row wrap;
         gap: var(--gap-vertical) var(--gap-horizontal);
+        position: relative;
     }
 
-    &-center {
-        align-content: center;
-        flex-flow: row wrap;
+    &-center,
+    &-horizontal {
         justify-content: center;
     }
 
-    &-column {
+    &-center,
+    &-vertical {
+        align-items: center;
+    }
+
+    &-column,
+    &-fill,
+    &-fixed,
+    &-row {
         display: flex;
+        position: relative;
+    }
+
+    &-column {
         flex-flow: column;
         gap: var(--gap-vertical) 0px;
     }
 
     &-end {
-        flex-flow: row wrap;
         justify-content: flex-end;
     }
 
     &-fill {
-        display: flex;
         flex: 1;
         min-width: 0;
     }
 
     &-fixed {
-        display: flex;
         flex: 0 0 var(--width);
     }
 
-    &-horizontal {
-        flex-flow: row wrap;
-        justify-content: center;
-
-        &-space-between {
-            flex-flow: row wrap;
-            justify-content: space-between;
-        }
-    }
-
     &-row {
-        display: flex;
         flex-flow: row;
         gap: 0px var(--gap-horizontal);
     }
 
     &-start {
-        flex-flow: row wrap;
         justify-content: flex-start;
     }
-
-    &-vertical {
-        align-items: center;
-        flex-flow: row wrap;
-
-        &-space-between {
-            align-items: space-between;
-            flex-flow: row wrap;
-        }
-    }
 }

package/src/css-utilities/gap/scss/index.scss

@@ -1 +1,13 @@
-@use 'variables';
+@use 'variables';
+
+.--gap {
+    gap: var(--gap-vertical) var(--gap-horizontal);
+
+    &-horizontal {
+        gap: 0px var(--gap-horizontal);
+    }
+
+    &-vertical {
+        gap: var(--gap-vertical) 0px;
+    }
+}

package/src/css-utilities/index.ts

@@ -4,6 +4,7 @@ import './background/scss/index.scss';
 import './border/scss/index.scss';
 import './color/scss/index.scss';
 import './disabled/scss/index.scss';
+import './error/scss/index.scss';
 import './flex/scss/index.scss';
 import './flicker/scss/index.scss';
 import './focus/scss/index.scss';