@expressivecss/expressive 0.10.0 → 0.10.1

package/dist/js/expressive.mjs

@@ -1,6 +1,6 @@
 import {
   version
-} from "./chunks/chunk-PB5L3EXF.mjs";
+} from "./chunks/chunk-ZAOYQ6SY.mjs";
 import {
   AutoInit
 } from "./chunks/chunk-ZIZVUWRL.mjs";

package/dist/js/modular.mjs

@@ -1,6 +1,6 @@
 import {
   version
-} from "./chunks/chunk-PB5L3EXF.mjs";
+} from "./chunks/chunk-ZAOYQ6SY.mjs";
 import {
   AutoInit
 } from "./chunks/chunk-ZIZVUWRL.mjs";

package/dist/types/modular.d.ts

@@ -5,7 +5,7 @@ export { SideSheets } from './behaviors/sideSheets';
 export { Forms } from './behaviors/forms';
 export { AutoInit } from './components/registry';
 export type { AutoInitOptions } from './components/registry';
-export declare const version = "0.10.0";
+export declare const version = "0.10.1";
 export type * from './components/autocomplete';
 export type * from './components/appBar';
 export type * from './components/buttons';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressivecss/expressive",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "ExpressiveCSS - a Material Design 3 front-end framework.",
   "license": "MIT",
   "author": "BaezFJ <baezdevs@gmail.com>",

package/src/sass/utilities/_helpers.scss

@@ -7,6 +7,24 @@
 // Positioning
 .valign-wrapper { display: flex; align-items: center; }
 
+// Flex layout. One declaration each; combine on the container, and pair with
+// .gap-* from _spacing.scss for the space between items. Row direction and
+// start alignment are the flex defaults, so only the overrides get a class.
+.flex { display: flex; }
+.inline-flex { display: inline-flex; }
+.flex-column { flex-direction: column; }
+.flex-wrap { flex-wrap: wrap; }
+.justify-start { justify-content: flex-start; }
+.justify-center { justify-content: center; }
+.justify-end { justify-content: flex-end; }
+.justify-between { justify-content: space-between; }
+.align-start { align-items: flex-start; }
+.align-center { align-items: center; }
+.align-end { align-items: flex-end; }
+.align-stretch { align-items: stretch; }
+.flex-1 { flex: 1 1 0; }
+.flex-none { flex: none; }
+
 // Text alignment
 .left-align { text-align: left; }
 .right-align { text-align: right }

package/src/sass/utilities/_spacing.scss

@@ -1,4 +1,4 @@
-// Margin and padding scale: .m-3, .pt-2, .px-4, .my-auto, ...
+// Margin, padding and gap scale: .m-3, .pt-2, .px-4, .my-auto, .gap-2, ...
 //
 // Shortcut x value x direction, all !important so a helper wins over the
 // component it is applied to. Edit the maps here to change the scale.
@@ -37,3 +37,10 @@ $spacing-values: ("0": 0, "1": 0.25rem, "2": 0.5rem, "3": 0.75rem, "4": 1rem, "5
     }
   }
 }
+
+// Gap on the same scale for flex and grid containers: .gap-0 ... .gap-6.
+@each $name, $value in $spacing-values {
+  @if $name != "auto" {
+    .gap-#{$name} { gap: $value !important; }
+  }
+}

package/dist/js/chunks/chunk-PB5L3EXF.mjs

@@ -1,7 +0,0 @@
-// src/ts/modular.ts
-var version = "0.10.0";
-
-export {
-  version
-};
-//# sourceMappingURL=chunk-PB5L3EXF.mjs.map