@functionalcms/svelte-components 2.20.2 → 2.21.0

package/dist/components/Styling.d.ts

@@ -12,6 +12,11 @@ export declare enum AlignItmes {
     Baseline = "items-baseline",
     Stretch = "items-stretch"
 }
+export declare enum FlexType {
+    Column = "flex-colum",
+    Row = "flex-row",
+    DynamicRow = "flex-dynamic-row"
+}
 export declare enum Placement {
     Start = "start",
     End = "end",

package/dist/components/Styling.js

@@ -14,6 +14,12 @@ export var AlignItmes;
     AlignItmes["Baseline"] = "items-baseline";
     AlignItmes["Stretch"] = "items-stretch";
 })(AlignItmes || (AlignItmes = {}));
+export var FlexType;
+(function (FlexType) {
+    FlexType["Column"] = "flex-colum";
+    FlexType["Row"] = "flex-row";
+    FlexType["DynamicRow"] = "flex-dynamic-row";
+})(FlexType || (FlexType = {}));
 export var Placement;
 (function (Placement) {
     Placement["Start"] = "start";

package/dist/components/Well.svelte

@@ -12,17 +12,19 @@
     }
 </style>
 
-<script>import { AlignItmes, Justify, Orientation, Position } from "./Styling.js";
+<script>import { AlignItmes, FlexType, Justify, Orientation } from "./Styling.js";
 export let css = "";
 export let orientation = Orientation.Column;
 export let justify = Justify.Start;
 export let alignItems = AlignItmes.Start;
+export let flexType = FlexType.Column;
 $: klasses = [
   "flex",
-  css ? css : "",
+  `${flexType}`,
   `${orientation}`,
   `${justify}`,
-  `${alignItems}`
+  `${alignItems}`,
+  css ? css : ""
 ].filter((c) => c).join(" ");
 </script>
 

package/dist/components/Well.svelte.d.ts

@@ -1,11 +1,12 @@
 import { SvelteComponent } from "svelte";
-import { AlignItmes, Justify, Orientation } from "./Styling.js";
+import { AlignItmes, FlexType, Justify, Orientation } from "./Styling.js";
 declare const __propDef: {
     props: {
         css?: string;
         orientation?: Orientation;
         justify?: Justify;
         alignItems?: AlignItmes;
+        flexType?: FlexType;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/index.d.ts

@@ -23,7 +23,7 @@ import { ShowItem } from './components/presentation/ShowItem.js';
 import { title, suffix } from './stores/title.js';
 import { pages } from './stores/pages.js';
 import { metaDescription, metaKeywords } from './stores/meta.js';
-import { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
+import { Justify, Placement, Orientation, Position, Sizes, AlignItmes, FlexType } from './components/Styling.js';
 import { Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts } from 'agnostic-svelte';
-export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, importPost, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
+export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, importPost, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, FlexType, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
 export type { BlogPost };

package/dist/index.js

@@ -22,6 +22,6 @@ import { ShowItem } from './components/presentation/ShowItem.js';
 import { title, suffix } from './stores/title.js';
 import { pages } from './stores/pages.js';
 import { metaDescription, metaKeywords } from './stores/meta.js';
-import { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
+import { Justify, Placement, Orientation, Position, Sizes, AlignItmes, FlexType } from './components/Styling.js';
 import { Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts } from 'agnostic-svelte';
-export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, importPost, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
+export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, importPost, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, FlexType, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.20.2",
+	"version": "2.21.0",
 	"watch": {
 		"build": {
 			"patterns": [