@iroco/ui 1.0.0-14 → 1.0.0-16

package/dist/Button.svelte

@@ -4,12 +4,13 @@
 export let disabled = false;
 export let kind = "basic";
 export let size = "regular";
+export let fullWidth = false;
 export let id;
 </script>
 
 <button
 	{id}
-	class={`iroco-ui-button iroco-ui-button--${size} iroco-ui-button--${kind}`}
+	class={`iroco-ui-button iroco-ui-button--${size} iroco-ui-button--${kind} ${fullWidth?'iroco-ui-button--full-width':''}`}
 	class:disabled
 	{type}
 	{disabled}
@@ -229,6 +230,9 @@ export let id;
 .iroco-ui-button.disabled:hover, .iroco-ui-button:disabled:hover {
   box-shadow: none;
 }
+.iroco-ui-button--full-width {
+  width: 100%;
+}
 
 .iroco-ui-link {
   background: none;

package/dist/Button.svelte.d.ts

@@ -1,10 +1,11 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        type?: string | undefined;
+        type?: 'button' | 'reset' | 'submit' | null | undefined;
         disabled?: boolean | undefined;
         kind?: "success" | "danger" | "dark" | "basic" | undefined;
         size?: "small" | "regular" | undefined;
+        fullWidth?: boolean | undefined;
         id: string;
     };
     events: {
@@ -20,9 +21,9 @@ export type ButtonProps = typeof __propDef.props;
 export type ButtonEvents = typeof __propDef.events;
 export type ButtonSlots = typeof __propDef.slots;
 export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
-    get type(): string | undefined;
+    get type(): "button" | "reset" | "submit" | null | undefined;
     /**accessor*/
-    set type(_: string | undefined);
+    set type(_: "button" | "reset" | "submit" | null | undefined);
     get disabled(): boolean | undefined;
     /**accessor*/
     set disabled(_: boolean | undefined);
@@ -32,6 +33,9 @@ export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, B
     get size(): "small" | "regular" | undefined;
     /**accessor*/
     set size(_: "small" | "regular" | undefined);
+    get fullWidth(): boolean | undefined;
+    /**accessor*/
+    set fullWidth(_: boolean | undefined);
     get id(): string;
     /**accessor*/
     set id(_: string);

package/dist/ImageArticle.svelte

@@ -397,6 +397,9 @@ export let reversed = false;
 .iroco-ui-button.disabled:hover, .iroco-ui-button:disabled:hover {
   box-shadow: none;
 }
+.iroco-ui-button--full-width {
+  width: 100%;
+}
 .iroco-ui-link {
   background: none;
   border: none;

package/dist/NavBar.svelte

@@ -414,6 +414,9 @@ $:
 .iroco-ui-button.disabled:hover, .iroco-ui-button:disabled:hover {
   box-shadow: none;
 }
+.iroco-ui-button--full-width {
+  width: 100%;
+}
 .iroco-ui-link {
   background: none;
   border: none;

package/dist/TextInput.svelte

@@ -1,4 +1,4 @@
-<script>import {} from "./definition";
+<script>import { TextInputType } from "./definition";
 export let id;
 export let type = TextInputType.text;
 export let name;

package/dist/TextInput.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type TextInputType } from './definition';
+import { TextInputType } from './definition';
 declare const __propDef: {
     props: {
         id: string;

package/dist/scss/button.scss

@@ -70,6 +70,10 @@
 			box-shadow: none;
 		}
 	}
+
+	&--full-width {
+		width: 100%;
+	}
 }
 
 .iroco-ui-link {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@iroco/ui",
-	"version": "1.0.0-14",
+	"version": "1.0.0-16",
 	"description": "Iroco design system based on Svelte",
 	"main": "dist/index.js",
 	"scripts": {