contain-css-svelte 0.0.11 → 0.0.13

package/dist/controls/Button.svelte

@@ -22,6 +22,7 @@ let cssVars = injectVars($$props, "button", [
   class:primary
   class:warning
   class:has-icon={iconSlotted}
+  {...$$restProps}
 >
   <span class="content"><slot /></span>
   <span class:hidden={!iconSlotted} class="icon"><slot name="icon" /></span>

package/dist/controls/Checkbox.svelte

@@ -26,7 +26,8 @@ $: {
 
 <div class="label-sizing-box">
   <label class="checkbox-item">
-    <input type="checkbox" bind:checked />
+    <input type="checkbox" bind:checked
+    {...$$restProps} />
     <span bind:this={ref}><slot /></span>
   </label>
   <label class="invisible">

package/dist/controls/Input.svelte

@@ -2,7 +2,9 @@
 export let placeholder = "";
 </script>
 
-<input {placeholder} bind:value on:input on:change on:blur on:focus />
+<input {placeholder} bind:value on:input on:change on:blur on:focus 
+{...$$restProps}
+/>
 
 <style>/* Convenience groupings */
 /* Warning: because we define a fallback

package/dist/controls/Input.svelte.d.ts

@@ -1,6 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
         value: string;
         placeholder?: string | undefined;
     };
@@ -13,8 +14,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type InputProps = typeof __propDef.props;
 export type InputEvents = typeof __propDef.events;

package/dist/controls/MiniButton.svelte

@@ -23,6 +23,7 @@ let style = injectVars($$props, "mini-button", [
   on:focus
   on:keydown
   on:keyup
+  {...$$restProps}
 >
   <slot />
 </button>

package/dist/controls/RadioButton.svelte

@@ -25,7 +25,8 @@ $: {
 
 <div class="label-sizing-box">
   <label class="radio-item">
-    <input {value} type="radio" bind:group />
+    <input {value} type="radio" bind:group 
+    {...$$restProps}/>
     <span bind:this={ref}><slot /></span>
   </label>
   <label class="invisible">

package/dist/controls/Select.svelte

@@ -63,7 +63,8 @@ let targetWidth;
 let optionButtons = [];
 </script>
 
-<select bind:value on:change bind:this={selectElement}>
+<select bind:value on:change bind:this={selectElement}
+{...$$restProps}>
   <slot />
 </select>
 <div class="dropdown-wrapper" style:--target-width="{targetWidth}px">

package/dist/controls/Select.svelte.d.ts

@@ -1,6 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
         value: any;
     };
     events: {
@@ -11,8 +12,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type SelectProps = typeof __propDef.props;
 export type SelectEvents = typeof __propDef.events;

package/dist/controls/Slider.svelte

@@ -5,7 +5,8 @@
   export let step = 1;
 </script>
 
-<input type="range" bind:value {min} {max} {step} />
+<input type="range" bind:value {min} {max} {step} 
+{...$$restProps}/>
 
 <style>
   :root {

package/dist/controls/Slider.svelte.d.ts

@@ -2,6 +2,7 @@
 /** @typedef {typeof __propDef.events}  SliderEvents */
 /** @typedef {typeof __propDef.slots}  SliderSlots */
 export default class Slider extends SvelteComponent<{
+    [x: string]: any;
     value?: number | undefined;
     min?: number | undefined;
     max?: number | undefined;
@@ -16,6 +17,7 @@ export type SliderSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
         value?: number | undefined;
         min?: number | undefined;
         max?: number | undefined;

package/dist/layout/Page.svelte

@@ -206,7 +206,7 @@ footer {
   flex-direction: row-reverse;
 }
 
-.page .content {
+.page > div > .content {
   container-type: size;
   height: 100%;
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "contain-css-svelte",
-	"version": "0.0.11",
+	"version": "0.0.13",
 	"scripts": {
 		"dev": "vite dev",
 		"build-css": "postcss src/lib/vars/defaults.css -o dist/vars/defaults.css",