feat(MaterialApp): minimal css utilities version

Signed-off-by: Florian-Schoenherr <[email protected]>

Author: Florian-Schoenherr

packages/svelte-materialify/@types/MaterialAppMin.d.ts

@@ -0,0 +1,10 @@
+import { SvelteComponent } from './shared';
+
+interface MaterialAppMinProps {
+  /** theme for the app */
+  theme?: 'light' | 'dark';
+}
+
+declare class MaterialAppMin extends SvelteComponent<MaterialAppMinProps> {}
+
+export default MaterialAppMin;

packages/svelte-materialify/src/components/MaterialApp/MaterialAppMin.scss

@@ -0,0 +1,12 @@
+@use '../../styles/theme';
+@use '../../styles/generic/reset';
+@use '../../styles/generic/color';
+
+.s-app {
+  min-height: 100%;
+}
+
+.s-ripple-container {
+  position: relative;
+  overflow: hidden;
+}

packages/svelte-materialify/src/components/MaterialApp/MaterialAppMin.svelte

@@ -0,0 +1,10 @@
+<script>
+  export let theme = 'light';
+</script>
+
+<style type="scss" src="./MaterialAppMin.scss" global>
+</style>
+
+<div class="s-app theme--{theme}">
+  <slot />
+</div>

packages/svelte-materialify/src/components/MaterialApp/index.js

@@ -1 +1,2 @@
 export { default } from './MaterialApp.svelte';
+export { default as MaterialAppMin } from './MaterialAppMin.svelte';

packages/svelte-materialify/src/index.js

@@ -4,7 +4,7 @@ export { default as Intersect } from './actions/Intersect';
 export { default as Jump } from './actions/Jump';
 export { default as Touch } from './actions/Touch';
 
-export { default as MaterialApp } from './components/MaterialApp';
+export { default as MaterialApp, MaterialAppMin } from './components/MaterialApp';
 export { default as Icon } from './components/Icon';
 export { default as Button } from './components/Button';
 export { default as ButtonGroup, ButtonGroupItem } from './components/ButtonGroup';