@muibook/components 1.1.4 → 1.2.1

package/dist/esm/components/mui-icons/index.js

@@ -8,6 +8,7 @@ import "./globe/index.js";
 import "./grid/index.js";
 import "./info/index.js";
 import "./left-arrow/index.js";
+import "./left-sidebar/index.js";
 import "./left-chevron/index.js";
 import "./menu/index.js";
 import "./message/index.js";

package/dist/esm/components/mui-icons/left-sidebar/index.js

@@ -0,0 +1,55 @@
+class r extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(e, t, i) {
+    (e === "size" || e === "color") && t !== i && this.render();
+  }
+  render() {
+    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), c = t && {
+      default: "var(--icon-color-default)",
+      inverted: "var(--icon-color-inverted)"
+    }[t] || t || "var(--icon-color-default)", o = {
+      "x-small": "1.6rem",
+      small: "2.4rem",
+      medium: "3.6rem",
+      large: "4.8rem"
+    }, s = o[e] ?? o.small;
+    this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
+    `
+      <style>
+        :host {
+          width: ${s};
+          height: ${s};
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          fill: ${c};
+        }
+        svg {
+          width: 100%;
+          display: block;
+          fill: inherit; 
+        }
+      </style>
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 36 36"
+      >
+        <path
+          d="M7.671 30.5C4.7 30.5 3 28.838 3 25.91V11.09C3 8.163 4.699 6.5 7.671 6.5H28.33C31.314 6.5 33 8.162 33 11.09v14.82c0 2.928-1.686 4.59-4.671 4.59zm.525-3.803h6.057V10.315H8.196c-.887 0-1.337.394-1.337 1.317V25.38c0 .923.45 1.317 1.337 1.317m19.62-16.382H17.764v16.382h10.054c.874 0 1.324-.394 1.324-1.317V11.632c0-.923-.45-1.317-1.324-1.317m-16.148 4.32H9.47c-.65 0-1.174-.504-1.174-1.095 0-.578.524-1.083 1.174-1.083h2.198c.65 0 1.161.504 1.161 1.083 0 .59-.512 1.095-1.161 1.095m0 3.644H9.47c-.65 0-1.174-.505-1.174-1.084 0-.59.524-1.083 1.174-1.083h2.198c.65 0 1.161.493 1.161 1.083 0 .579-.512 1.084-1.161 1.084m0 3.655H9.47c-.65 0-1.174-.505-1.174-1.096 0-.59.524-1.083 1.174-1.083h2.198c.65 0 1.161.493 1.161 1.084 0 .59-.512 1.095-1.161 1.095"
+        ></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.define("mui-icon-left-sidebar", r);

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { PartTypes as Tr, Parts as br, getPartMap as cr } from "./utils/part-map/index.js";
+import { PartTypes as br, Parts as cr, getPartMap as dr } from "./utils/part-map/index.js";
 import "./components/mui-field/index.js";
 import "./components/mui-file-upload/index.js";
 import "./components/mui-addon/index.js";
@@ -31,6 +31,7 @@ import "./components/mui-icons/globe/index.js";
 import "./components/mui-icons/grid/index.js";
 import "./components/mui-icons/info/index.js";
 import "./components/mui-icons/left-arrow/index.js";
+import "./components/mui-icons/left-sidebar/index.js";
 import "./components/mui-icons/left-chevron/index.js";
 import "./components/mui-icons/menu/index.js";
 import "./components/mui-icons/message/index.js";
@@ -67,7 +68,7 @@ import "./components/mui-tabs/tab-bar/index.js";
 import "./components/mui-carousel/controller/index.js";
 import "./components/mui-carousel/panel/index.js";
 export {
-  Tr as PartTypes,
-  br as Parts,
-  cr as getPartMap
+  br as PartTypes,
+  cr as Parts,
+  dr as getPartMap
 };

package/dist/types/components/mui-icons/index.d.ts

@@ -8,6 +8,7 @@ import "./globe";
 import "./grid";
 import "./info";
 import "./left-arrow";
+import "./left-sidebar";
 import "./left-chevron";
 import "./menu";
 import "./message";

package/dist/types/components/mui-icons/left-sidebar.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -31,6 +31,7 @@ export * from "./components/mui-icons/globe";
 export * from "./components/mui-icons/grid";
 export * from "./components/mui-icons/info";
 export * from "./components/mui-icons/left-arrow";
+export * from "./components/mui-icons/left-sidebar";
 export * from "./components/mui-icons/left-chevron";
 export * from "./components/mui-icons/menu";
 export * from "./components/mui-icons/message";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muibook/components",
-  "version": "1.1.4",
+  "version": "1.2.1",
   "description": "A library of MUI-based design system components.",
   "author": "Michael Trilford",
   "homepage": "https://muibook.com",
@@ -159,6 +159,10 @@
       "import": "./dist/esm/components/mui-icons/left-arrow/index.js",
       "types": "./dist/types/components/mui-icons/left-arrow/index.d.ts"
     },
+    "./mui-icons/left-sidebar": {
+      "import": "./dist/esm/components/mui-icons/left-sidebar/index.js",
+      "types": "./dist/types/components/mui-icons/left-sidebar/index.d.ts"
+    },
     "./mui-icons/left-chevron": {
       "import": "./dist/esm/components/mui-icons/left-chevron/index.js",
       "types": "./dist/types/components/mui-icons/left-chevron/index.d.ts"