@pictogrammers/components 0.3.1 → 0.4.0

package/README.md

@@ -1,13 +1,13 @@
-# Material Design Icons - Website Components
+# Pictogrammers - Components
 
-> Note this repo is for the components used in the Material Design Icons website. If you want components for your own project look here:
+> Note this repo is for the components used in various Pictogrammers apps. If you are looking for icon related components for your own project look here:
 >
 > - [React](https://github.com/Templarian/MaterialDesign-React/)
 > - [Web Component](https://github.com/Templarian/MaterialDesign-WebComponent/)
 
-The website is made of many components, view the `src/pg` folder to see the source.
+Components here are in various stages of development, view the `src/pg` folder to see the source.
 
-- [View the Components](https://templarian.github.io/@pictogrammers/components/)
+- [View the Components](https://pictogrammers.github.io/@pictogrammers/components/)
 
 ## Contribute to this Project
 
@@ -15,14 +15,13 @@ To run the demo application locally use the following NPM commands.
 
 ```bash
 npm install
-npm test
 npm start
-# npm start [pgButton|pg-button]
+# npm start [pgButton|pg-button, ...]
 ```
 
-Open http://localhost:8080 (port could vary)
+Open http://localhost:3000 (port could vary)
 
-To build just the components.
+To build the components.
 
 ```bash
 npm run build
@@ -30,7 +29,7 @@ npm run build
 
 ## Publish
 
-This project does not use the normal `npm publish`. Always run the script.
+This project does not use the normal `npm publish`. Always run the script to build individual components.
 
 ```bash
 npm run publish
@@ -38,12 +37,12 @@ npm run publish
 
 ### Web Components
 
-Web Components with a very basic wrapper. The only magic is...
+Web Components with a [very basic wrapper](https://github.com/Pictogrammers/Element/). The only magic is...
 
 - `@Prop() foo = 'Hello World`;
   - Calls `this.render()` on change.
 - `@Part() $foo: HTMLDivElement;` = `<div part="foo"></div>`
   - `this.$part.innerText = 'Hello World!';`
-- `@Local('default') foo;` Shorthand for localStorage.
+- `@Local('store') foo = Map([['key', true]]);` Shorthand for localStorage.
 
-Learn More: https://github.com/Templarian/Element
+Learn More: https://github.com/Pictogrammers/Element

package/favicon.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+    <style>
+    #main {
+        fill: #FFFFFF;
+    }
+    #square {
+        fill: #453C4F;
+    }
+    @media (prefers-color-scheme: dark) {
+        #main {
+            fill: #453C4F;
+        }
+        #square {
+            fill: #FFFFFF;
+        }
+    }
+    </style>
+    <rect id="square" x="2" y="2" width="60" height="60" rx="6" fill-opacity="0.9"/>
+    <path id="main" d="M 8,0L 56,0C 60.4183,0 64,3.58173 64,8L 64,56C 64,60.4183 60.4183,64 56,64L 8,64C 3.58172,64 0,60.4183 0,56L 0,8C 0,3.58173 3.58172,0 8,0 Z M 8,44.0001L 14,44.0001L 14,32.0001L 20,32.0001C 26.6274,32.0001 32,26.6275 32,20.0001C 32,13.3726 26.6274,8.00006 20,8.00006L 8,8.00003L 8,44.0001 Z M 20,26.0003L 14,26.0003L 14,14.0003L 20,14.0003C 23.3137,14.0003 26,16.6866 26,20.0003C 26,23.314 23.3137,26.0003 20,26.0003 Z M 44,44.0001L 45.9999,44.0003C 48.2091,44.0003 49.9999,42.2094 49.9999,40.0003L 50,44.0001C 50,49.5231 45.5228,54.0002 40,54.0002C 36.085,54.0002 32.6955,51.7505 31.0537,48.4732L 25.686,51.1571C 28.3128,56.4006 33.736,60.0002 40,60.0002C 48.8365,60.0002 56,52.8368 56,44.0001L 56,24.0001C 56,21.791 54.2092,20.0001 52,20.0001L 44,20.0001C 37.3726,20.0001 32,25.3727 32,32.0001C 32,38.6275 37.3726,44.0001 44,44.0001 Z M 50,26L 49.9999,38.0001L 44,38C 40.6863,38 38,35.3137 38,32C 38,28.6863 40.6863,26 44,26L 50,26 Z"/>
+</svg>