docs: add MaterialAppMin

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

Author: Florian-Schoenherr

packages/api-generator/dist/index.js

@@ -0,0 +1,36 @@
+{
+  "version": 3,
+  "name": "MaterialAppMin",
+  "data": [
+    {
+      "visibility": "public",
+      "description": null,
+      "keywords": [],
+      "name": "theme",
+      "kind": "let",
+      "static": false,
+      "readonly": false,
+      "type": {
+        "kind": "type",
+        "text": "string",
+        "type": "string"
+      },
+      "defaultValue": "light"
+    }
+  ],
+  "computed": [],
+  "methods": [],
+  "components": [],
+  "description": null,
+  "keywords": [],
+  "events": [],
+  "slots": [
+    {
+      "name": "default",
+      "description": null,
+      "visibility": "public",
+      "parameters": []
+    }
+  ],
+  "refs": []
+}

packages/api-generator/src/MaterialAppMin.json

@@ -240,21 +240,6 @@
       },
       "defaultValue": null
     },
-    {
-      "visibility": "public",
-      "description": null,
-      "keywords": [],
-      "name": "hint",
-      "kind": "let",
-      "static": false,
-      "readonly": false,
-      "type": {
-        "kind": "type",
-        "text": "string",
-        "type": "string"
-      },
-      "defaultValue": ""
-    },
     {
       "visibility": "public",
       "description": null,

packages/api-generator/src/Slider.json

@@ -32,6 +32,7 @@
     "ListItem",
     "ListItemGroup",
     "MaterialApp",
+    "MaterialAppMin",
     "Menu",
     "NavigationDrawer",
     "Overlay",

packages/api-generator/src/all.json

@@ -31,6 +31,7 @@ export { default as ListGroup } from './ListGroup.json';
 export { default as ListItem } from './ListItem.json';
 export { default as ListItemGroup } from './ListItemGroup.json';
 export { default as MaterialApp } from './MaterialApp.json';
+export { default as MaterialAppMin } from './MaterialAppMin.json';
 export { default as Menu } from './Menu.json';
 export { default as NavigationDrawer } from './NavigationDrawer.json';
 export { default as Overlay } from './Overlay.json';

packages/api-generator/src/index.js

@@ -12,9 +12,14 @@ related:
 
 This component is the base for Svelte Materialify and helps you to bootstrap your app. All other svelte materialify components are required to be inside of this component in order for them to properly inherit styles and helpers. `MaterialApp` should ideally only be used once inside your app.
 
+<Components.Alert type="warning">
+If you don't want our css utility classes or typography styles, use <code>MaterialAppMin</code> instead! It only provides ress.css, theming and colors.
+</Components.Alert>
+
 ## API
 
 - [MaterialApp](/api/MaterialApp/)
+- [MaterialAppMin](/api/MaterialAppMin/)
 
 ## Usage
 
@@ -47,3 +52,14 @@ Suppose if you want your `div` to be dark themed no matter what the theme of the
   <div class="theme--dark">...</div>
 </MaterialApp>
 ```
+
+## Remove css helpers, defaults and typography
+
+If you want to use your own heading styles, fonts, etc. and just want theming and colors out of the box:
+
+```html
+<!-- Min version -->
+<MaterialAppMin {theme}>
+  ...
+</MaterialAppMin>
+```