@esportsplus/ui 0.29.0 → 0.29.2

package/build/components/index.d.ts

@@ -11,7 +11,7 @@ export * as container from './container/index.js';
 export { default as counter } from './counter/index.js';
 export { default as ellipsis } from './ellipsis/index.js';
 export { default as form } from './form/index.js';
-export * as frame from './frame/index.js';
+export { default as frame } from './frame/index.js';
 export * as grid from './grid/index.js';
 export { default as highlight } from './highlight/index.js';
 export { default as icon } from './icon/index.js';

package/build/components/index.js

@@ -11,7 +11,7 @@ export * as container from './container/index.js';
 export { default as counter } from './counter/index.js';
 export { default as ellipsis } from './ellipsis/index.js';
 export { default as form } from './form/index.js';
-export * as frame from './frame/index.js';
+export { default as frame } from './frame/index.js';
 export * as grid from './grid/index.js';
 export { default as highlight } from './highlight/index.js';
 export { default as icon } from './icon/index.js';

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/package.json

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

package/src/components/index.ts

@@ -11,7 +11,7 @@ export * as container from './container';
 export { default as counter } from './counter';
 export { default as ellipsis } from './ellipsis';
 export { default as form } from './form';
-export * as frame from './frame';
+export { default as frame } from './frame';
 export * as grid from './grid';
 export { default as highlight } from './highlight';
 export { default as icon } from './icon';

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;
+    }
+}