@muraldevkit/ds-pictograms 1.0.0

package/README.md

@@ -0,0 +1,48 @@
+# Pictogram
+
+The complete pictogram library of Mural's design system.
+
+## Table of contents
+
+1. [Installation](#installation)
+1. [Usage](#usage)
+1. [Themes](#themes)
+1. [Special use cases: color Management](#special-use-cases-color-management)
+
+## Installation
+
+Review the design system's global usage guidelines to learn how to install components. This package's name is `@muraldevkit/ds-pictograms`.
+
+## Usage
+
+After you have installed the package into your project, you can import the pictograms you need into your file and use the `@muraldevkit/ds-component-svg` package to render the SVG HTML.
+
+## Themes
+
+The pictograms package supports multiple themes. The index file will include pictograms from every theme. You can then specify the theme to render via the `mrl-svg` component prop. This is helpful when rendering an pictogram that has an associated feature flag where you'll need to dynamically toggle between the the theme within the product.
+
+```javascript
+import { [YOUR_PICTOGRAM_NAME] } from '@muraldevkit/ds-pictograms';
+```
+
+However, if you want to use only a single theme, you can import the theme file directly rather than using the index:
+
+```javascript
+import { [YOUR_PICTOGRAM_NAME] } from '@muraldevkit/ds-pictograms/dist/[YOUR_THEME_NAME]';
+```
+
+A real world example of how this might look is:
+
+```javascript
+import { voteAnonymous } from '@muraldevkit/ds-pictograms/dist/classic';
+```
+
+## Special use cases: Color management
+
+The color management pictograms, color-* and draw-*, have special nuances to ensure contrast while the color dynamically changes with user interactions. See the "Assets > Pictograms > Colors" demo on the design system Storybook site for an example. Note: these nuances will be better supported in a color swatch component in the future.
+
+Considerations made:
+* To make it easy to change the color to the custom user selected color, these icons use `currentColor` for the fill of the "color" portion of the SVG.
+* Based on the background color of container the icon lives within, all of the icons use the class `mrl-picto-color-offset` to change the surrounding area. The default supports light colors on a light background. It will need to be overwritten for darker colors or when the light color is within a darker color container, such as the selected state of a toggle button.
+
+View the "Docs > Show code" feature of the Storybook demo to see the CSS used to make the previous considerations. The specific code is within the `css` variable at the beginning of the code snippet.

package/dist/cjs/brandSymbol.d.ts

@@ -0,0 +1,265 @@
+declare const brandSymbol: {
+    readonly classic: {
+        readonly name: "svg";
+        readonly type: "element";
+        readonly value: "";
+        readonly attributes: {
+            readonly xmlns: "http://www.w3.org/2000/svg";
+            readonly fill: "none";
+            readonly viewBox: "0 0 35 28";
+            readonly "data-mrl-svg-name": "brandSymbol";
+        };
+        readonly children: readonly [{
+            readonly name: "g";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly "clip-path": "url(#mrl-brand-symbol-clip-1)";
+            };
+            readonly children: readonly [{
+                readonly name: "g";
+                readonly type: "element";
+                readonly value: "";
+                readonly attributes: {
+                    readonly "clip-path": "url(#mrl-brand-symbol-clip-2)";
+                };
+                readonly children: readonly [{
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#000";
+                        readonly d: "M34.96 8.225h-5.052V27.96h5.053V8.225Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#FF4B4B";
+                        readonly d: "M8.04 5.21c1.63 0 2.947 1.36 2.947 3.015h5.052c0-4.51-3.592-8.185-8-8.185-4.408 0-8 3.675-8 8.185h5.053c0-1.656 1.316-3.015 2.947-3.015Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#5887FF";
+                        readonly d: "M10.987 27.96h5.052V8.225h-5.052V27.96Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#FA0";
+                        readonly d: "M24.013 27.946v-5.155H16.04v5.169l7.973-.014Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#00843F";
+                        readonly d: "M24.013 8.225c0-1.67 1.33-3.015 2.947-3.015V.04c-4.407 0-8 3.675-8 8.185v14.566h5.053V8.225Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#FC83FF";
+                        readonly d: "M29.908 8.225h5.053c0-4.51-3.593-8.185-8-8.185v5.17c1.631 0 2.947 1.346 2.947 3.015Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#000";
+                        readonly d: "M5.092 8.225H.039V27.96h5.053V8.225Z";
+                    };
+                    readonly children: readonly [];
+                }];
+            }];
+        }, {
+            readonly name: "defs";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {};
+            readonly children: readonly [{
+                readonly name: "clipPath";
+                readonly type: "element";
+                readonly value: "";
+                readonly attributes: {
+                    readonly id: "mrl-brand-symbol-clip-1";
+                };
+                readonly children: readonly [{
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#fff";
+                        readonly d: "M0 0h35v28H0z";
+                    };
+                    readonly children: readonly [];
+                }];
+            }, {
+                readonly name: "clipPath";
+                readonly type: "element";
+                readonly value: "";
+                readonly attributes: {
+                    readonly id: "mrl-brand-symbol-clip-2";
+                };
+                readonly children: readonly [{
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#fff";
+                        readonly d: "M0 0h35v28H0z";
+                    };
+                    readonly children: readonly [];
+                }];
+            }];
+        }];
+    };
+    readonly default: {
+        readonly name: "svg";
+        readonly type: "element";
+        readonly value: "";
+        readonly attributes: {
+            readonly xmlns: "http://www.w3.org/2000/svg";
+            readonly fill: "none";
+            readonly viewBox: "0 0 35 28";
+            readonly "data-mrl-svg-name": "brandSymbol";
+        };
+        readonly children: readonly [{
+            readonly name: "g";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly "clip-path": "url(#mrl-brand-symbol-clip-1)";
+            };
+            readonly children: readonly [{
+                readonly name: "g";
+                readonly type: "element";
+                readonly value: "";
+                readonly attributes: {
+                    readonly "clip-path": "url(#mrl-brand-symbol-clip-2)";
+                };
+                readonly children: readonly [{
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#000";
+                        readonly d: "M34.96 8.225h-5.052V27.96h5.053V8.225Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#FF4B4B";
+                        readonly d: "M8.04 5.21c1.63 0 2.947 1.36 2.947 3.015h5.052c0-4.51-3.592-8.185-8-8.185-4.408 0-8 3.675-8 8.185h5.053c0-1.656 1.316-3.015 2.947-3.015Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#5887FF";
+                        readonly d: "M10.987 27.96h5.052V8.225h-5.052V27.96Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#FA0";
+                        readonly d: "M24.013 27.946v-5.155H16.04v5.169l7.973-.014Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#00843F";
+                        readonly d: "M24.013 8.225c0-1.67 1.33-3.015 2.947-3.015V.04c-4.407 0-8 3.675-8 8.185v14.566h5.053V8.225Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#FC83FF";
+                        readonly d: "M29.908 8.225h5.053c0-4.51-3.593-8.185-8-8.185v5.17c1.631 0 2.947 1.346 2.947 3.015Z";
+                    };
+                    readonly children: readonly [];
+                }, {
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#000";
+                        readonly d: "M5.092 8.225H.039V27.96h5.053V8.225Z";
+                    };
+                    readonly children: readonly [];
+                }];
+            }];
+        }, {
+            readonly name: "defs";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {};
+            readonly children: readonly [{
+                readonly name: "clipPath";
+                readonly type: "element";
+                readonly value: "";
+                readonly attributes: {
+                    readonly id: "mrl-brand-symbol-clip-1";
+                };
+                readonly children: readonly [{
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#fff";
+                        readonly d: "M0 0h35v28H0z";
+                    };
+                    readonly children: readonly [];
+                }];
+            }, {
+                readonly name: "clipPath";
+                readonly type: "element";
+                readonly value: "";
+                readonly attributes: {
+                    readonly id: "mrl-brand-symbol-clip-2";
+                };
+                readonly children: readonly [{
+                    readonly name: "path";
+                    readonly type: "element";
+                    readonly value: "";
+                    readonly attributes: {
+                        readonly fill: "#fff";
+                        readonly d: "M0 0h35v28H0z";
+                    };
+                    readonly children: readonly [];
+                }];
+            }];
+        }];
+    };
+};
+export { brandSymbol };

package/dist/cjs/brandSymbol.js

@@ -0,0 +1 @@
+var n=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var a in e)n(t,a,{get:e[a],enumerable:!0})},u=(t,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of h(e))!p.call(t,l)&&l!==a&&n(t,l,{get:()=>e[l],enumerable:!(i=m(e,l))||i.enumerable});return t};var c=t=>u(n({},"__esModule",{value:!0}),t);var s={};d(s,{brandSymbol:()=>r});module.exports=c(s);const r={classic:{name:"svg",type:"element",value:"",attributes:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 35 28","data-mrl-svg-name":"brandSymbol"},children:[{name:"g",type:"element",value:"",attributes:{"clip-path":"url(#mrl-brand-symbol-clip-1)"},children:[{name:"g",type:"element",value:"",attributes:{"clip-path":"url(#mrl-brand-symbol-clip-2)"},children:[{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M34.96 8.225h-5.052V27.96h5.053V8.225Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FF4B4B",d:"M8.04 5.21c1.63 0 2.947 1.36 2.947 3.015h5.052c0-4.51-3.592-8.185-8-8.185-4.408 0-8 3.675-8 8.185h5.053c0-1.656 1.316-3.015 2.947-3.015Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#5887FF",d:"M10.987 27.96h5.052V8.225h-5.052V27.96Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FA0",d:"M24.013 27.946v-5.155H16.04v5.169l7.973-.014Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#00843F",d:"M24.013 8.225c0-1.67 1.33-3.015 2.947-3.015V.04c-4.407 0-8 3.675-8 8.185v14.566h5.053V8.225Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FC83FF",d:"M29.908 8.225h5.053c0-4.51-3.593-8.185-8-8.185v5.17c1.631 0 2.947 1.346 2.947 3.015Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M5.092 8.225H.039V27.96h5.053V8.225Z"},children:[]}]}]},{name:"defs",type:"element",value:"",attributes:{},children:[{name:"clipPath",type:"element",value:"",attributes:{id:"mrl-brand-symbol-clip-1"},children:[{name:"path",type:"element",value:"",attributes:{fill:"#fff",d:"M0 0h35v28H0z"},children:[]}]},{name:"clipPath",type:"element",value:"",attributes:{id:"mrl-brand-symbol-clip-2"},children:[{name:"path",type:"element",value:"",attributes:{fill:"#fff",d:"M0 0h35v28H0z"},children:[]}]}]}]},default:{name:"svg",type:"element",value:"",attributes:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 35 28","data-mrl-svg-name":"brandSymbol"},children:[{name:"g",type:"element",value:"",attributes:{"clip-path":"url(#mrl-brand-symbol-clip-1)"},children:[{name:"g",type:"element",value:"",attributes:{"clip-path":"url(#mrl-brand-symbol-clip-2)"},children:[{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M34.96 8.225h-5.052V27.96h5.053V8.225Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FF4B4B",d:"M8.04 5.21c1.63 0 2.947 1.36 2.947 3.015h5.052c0-4.51-3.592-8.185-8-8.185-4.408 0-8 3.675-8 8.185h5.053c0-1.656 1.316-3.015 2.947-3.015Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#5887FF",d:"M10.987 27.96h5.052V8.225h-5.052V27.96Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FA0",d:"M24.013 27.946v-5.155H16.04v5.169l7.973-.014Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#00843F",d:"M24.013 8.225c0-1.67 1.33-3.015 2.947-3.015V.04c-4.407 0-8 3.675-8 8.185v14.566h5.053V8.225Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FC83FF",d:"M29.908 8.225h5.053c0-4.51-3.593-8.185-8-8.185v5.17c1.631 0 2.947 1.346 2.947 3.015Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M5.092 8.225H.039V27.96h5.053V8.225Z"},children:[]}]}]},{name:"defs",type:"element",value:"",attributes:{},children:[{name:"clipPath",type:"element",value:"",attributes:{id:"mrl-brand-symbol-clip-1"},children:[{name:"path",type:"element",value:"",attributes:{fill:"#fff",d:"M0 0h35v28H0z"},children:[]}]},{name:"clipPath",type:"element",value:"",attributes:{id:"mrl-brand-symbol-clip-2"},children:[{name:"path",type:"element",value:"",attributes:{fill:"#fff",d:"M0 0h35v28H0z"},children:[]}]}]}]}};

package/dist/cjs/brandWordmark.d.ts

@@ -0,0 +1,189 @@
+declare const brandWordmark: {
+    readonly classic: {
+        readonly name: "svg";
+        readonly type: "element";
+        readonly value: "";
+        readonly attributes: {
+            readonly xmlns: "http://www.w3.org/2000/svg";
+            readonly fill: "none";
+            readonly viewBox: "0 0 99 30";
+            readonly "data-mrl-svg-name": "brandWordmark";
+        };
+        readonly children: readonly [{
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#00843F";
+                readonly d: "M80.557 29.328c-5.36 0-9.722-4.577-9.722-10.194 0-5.617 4.361-10.194 9.722-10.194 5.36 0 9.721 4.577 9.721 10.194 0 5.617-4.374 10.194-9.721 10.194Zm.594-15.73c-2.836 0-5.131 2.484-5.131 5.522 0 3.052 2.309 5.523 5.13 5.523 2.823 0 5.132-2.484 5.132-5.523 0-3.038-2.31-5.522-5.131-5.522Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#000";
+                readonly d: "M35.836 9.21h-5.185v19.794h5.185V9.21Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#FF4B4B";
+                readonly d: "M11.234 29.004V9.21A3.028 3.028 0 0 0 8.21 6.185 3.02 3.02 0 0 0 5.185 9.21H0c0-4.524 3.686-8.197 8.21-8.197 4.523 0 8.21 3.687 8.21 8.21v14.61h3.01V9.21c0-4.524 3.686-8.21 8.21-8.21 4.523 0 8.21 3.686 8.21 8.21h-5.186a3.028 3.028 0 0 0-3.024-3.025 3.028 3.028 0 0 0-3.025 3.025v19.794h-13.38Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#000";
+                readonly d: "M5.185 9.21H0v19.794h5.185V9.21Zm50.702 0h-5.185v11.166h5.185V9.21Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#5887FF";
+                readonly d: "M46.908 29.328c-4.942 0-8.966-4.023-8.966-8.965h5.185c0 2.08 1.702 3.78 3.781 3.78 2.08 0 3.78-1.7 3.78-3.78h5.186c0 4.942-4.024 8.965-8.966 8.965Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#000";
+                readonly d: "M43.141 9.21h-5.185v11.166h5.185V9.21Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#FC83FF";
+                readonly d: "M98.772 1.324h-5.185V9.21h5.185V1.324Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#000";
+                readonly d: "M91.467 9.21h-5.185v19.794h5.185V9.21Zm7.305 0h-5.185v19.794h5.185V9.21Zm-35.58 5.171h-5.185v14.61h5.185V14.38Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#FA0";
+                readonly d: "M70.767 9.21h-12.76v5.185h12.76V9.21Z";
+            };
+            readonly children: readonly [];
+        }];
+    };
+    readonly default: {
+        readonly name: "svg";
+        readonly type: "element";
+        readonly value: "";
+        readonly attributes: {
+            readonly xmlns: "http://www.w3.org/2000/svg";
+            readonly fill: "none";
+            readonly viewBox: "0 0 99 30";
+            readonly "data-mrl-svg-name": "brandWordmark";
+        };
+        readonly children: readonly [{
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#00843F";
+                readonly d: "M80.557 29.328c-5.36 0-9.722-4.577-9.722-10.194 0-5.617 4.361-10.194 9.722-10.194 5.36 0 9.721 4.577 9.721 10.194 0 5.617-4.374 10.194-9.721 10.194Zm.594-15.73c-2.836 0-5.131 2.484-5.131 5.522 0 3.052 2.309 5.523 5.13 5.523 2.823 0 5.132-2.484 5.132-5.523 0-3.038-2.31-5.522-5.131-5.522Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#000";
+                readonly d: "M35.836 9.21h-5.185v19.794h5.185V9.21Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#FF4B4B";
+                readonly d: "M11.234 29.004V9.21A3.028 3.028 0 0 0 8.21 6.185 3.02 3.02 0 0 0 5.185 9.21H0c0-4.524 3.686-8.197 8.21-8.197 4.523 0 8.21 3.687 8.21 8.21v14.61h3.01V9.21c0-4.524 3.686-8.21 8.21-8.21 4.523 0 8.21 3.686 8.21 8.21h-5.186a3.028 3.028 0 0 0-3.024-3.025 3.028 3.028 0 0 0-3.025 3.025v19.794h-13.38Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#000";
+                readonly d: "M5.185 9.21H0v19.794h5.185V9.21Zm50.702 0h-5.185v11.166h5.185V9.21Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#5887FF";
+                readonly d: "M46.908 29.328c-4.942 0-8.966-4.023-8.966-8.965h5.185c0 2.08 1.702 3.78 3.781 3.78 2.08 0 3.78-1.7 3.78-3.78h5.186c0 4.942-4.024 8.965-8.966 8.965Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#000";
+                readonly d: "M43.141 9.21h-5.185v11.166h5.185V9.21Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#FC83FF";
+                readonly d: "M98.772 1.324h-5.185V9.21h5.185V1.324Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#000";
+                readonly d: "M91.467 9.21h-5.185v19.794h5.185V9.21Zm7.305 0h-5.185v19.794h5.185V9.21Zm-35.58 5.171h-5.185v14.61h5.185V14.38Z";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly fill: "#FA0";
+                readonly d: "M70.767 9.21h-12.76v5.185h12.76V9.21Z";
+            };
+            readonly children: readonly [];
+        }];
+    };
+};
+export { brandWordmark };

package/dist/cjs/brandWordmark.js

@@ -0,0 +1 @@
+var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var a in e)h(t,a,{get:e[a],enumerable:!0})},p=(t,e,a,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of r(e))!v.call(t,l)&&l!==a&&h(t,l,{get:()=>e[l],enumerable:!(n=m(e,l))||n.enumerable});return t};var u=t=>p(h({},"__esModule",{value:!0}),t);var c={};d(c,{brandWordmark:()=>i});module.exports=u(c);const i={classic:{name:"svg",type:"element",value:"",attributes:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 99 30","data-mrl-svg-name":"brandWordmark"},children:[{name:"path",type:"element",value:"",attributes:{fill:"#00843F",d:"M80.557 29.328c-5.36 0-9.722-4.577-9.722-10.194 0-5.617 4.361-10.194 9.722-10.194 5.36 0 9.721 4.577 9.721 10.194 0 5.617-4.374 10.194-9.721 10.194Zm.594-15.73c-2.836 0-5.131 2.484-5.131 5.522 0 3.052 2.309 5.523 5.13 5.523 2.823 0 5.132-2.484 5.132-5.523 0-3.038-2.31-5.522-5.131-5.522Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M35.836 9.21h-5.185v19.794h5.185V9.21Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FF4B4B",d:"M11.234 29.004V9.21A3.028 3.028 0 0 0 8.21 6.185 3.02 3.02 0 0 0 5.185 9.21H0c0-4.524 3.686-8.197 8.21-8.197 4.523 0 8.21 3.687 8.21 8.21v14.61h3.01V9.21c0-4.524 3.686-8.21 8.21-8.21 4.523 0 8.21 3.686 8.21 8.21h-5.186a3.028 3.028 0 0 0-3.024-3.025 3.028 3.028 0 0 0-3.025 3.025v19.794h-13.38Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M5.185 9.21H0v19.794h5.185V9.21Zm50.702 0h-5.185v11.166h5.185V9.21Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#5887FF",d:"M46.908 29.328c-4.942 0-8.966-4.023-8.966-8.965h5.185c0 2.08 1.702 3.78 3.781 3.78 2.08 0 3.78-1.7 3.78-3.78h5.186c0 4.942-4.024 8.965-8.966 8.965Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M43.141 9.21h-5.185v11.166h5.185V9.21Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FC83FF",d:"M98.772 1.324h-5.185V9.21h5.185V1.324Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M91.467 9.21h-5.185v19.794h5.185V9.21Zm7.305 0h-5.185v19.794h5.185V9.21Zm-35.58 5.171h-5.185v14.61h5.185V14.38Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FA0",d:"M70.767 9.21h-12.76v5.185h12.76V9.21Z"},children:[]}]},default:{name:"svg",type:"element",value:"",attributes:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 99 30","data-mrl-svg-name":"brandWordmark"},children:[{name:"path",type:"element",value:"",attributes:{fill:"#00843F",d:"M80.557 29.328c-5.36 0-9.722-4.577-9.722-10.194 0-5.617 4.361-10.194 9.722-10.194 5.36 0 9.721 4.577 9.721 10.194 0 5.617-4.374 10.194-9.721 10.194Zm.594-15.73c-2.836 0-5.131 2.484-5.131 5.522 0 3.052 2.309 5.523 5.13 5.523 2.823 0 5.132-2.484 5.132-5.523 0-3.038-2.31-5.522-5.131-5.522Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M35.836 9.21h-5.185v19.794h5.185V9.21Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FF4B4B",d:"M11.234 29.004V9.21A3.028 3.028 0 0 0 8.21 6.185 3.02 3.02 0 0 0 5.185 9.21H0c0-4.524 3.686-8.197 8.21-8.197 4.523 0 8.21 3.687 8.21 8.21v14.61h3.01V9.21c0-4.524 3.686-8.21 8.21-8.21 4.523 0 8.21 3.686 8.21 8.21h-5.186a3.028 3.028 0 0 0-3.024-3.025 3.028 3.028 0 0 0-3.025 3.025v19.794h-13.38Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M5.185 9.21H0v19.794h5.185V9.21Zm50.702 0h-5.185v11.166h5.185V9.21Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#5887FF",d:"M46.908 29.328c-4.942 0-8.966-4.023-8.966-8.965h5.185c0 2.08 1.702 3.78 3.781 3.78 2.08 0 3.78-1.7 3.78-3.78h5.186c0 4.942-4.024 8.965-8.966 8.965Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M43.141 9.21h-5.185v11.166h5.185V9.21Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FC83FF",d:"M98.772 1.324h-5.185V9.21h5.185V1.324Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#000",d:"M91.467 9.21h-5.185v19.794h5.185V9.21Zm7.305 0h-5.185v19.794h5.185V9.21Zm-35.58 5.171h-5.185v14.61h5.185V14.38Z"},children:[]},{name:"path",type:"element",value:"",attributes:{fill:"#FA0",d:"M70.767 9.21h-12.76v5.185h12.76V9.21Z"},children:[]}]}};

package/dist/cjs/checkboxCustom.d.ts

@@ -0,0 +1,48 @@
+declare const checkboxCustom: {
+    readonly default: {
+        readonly name: "svg";
+        readonly type: "element";
+        readonly value: "";
+        readonly attributes: {
+            readonly xmlns: "http://www.w3.org/2000/svg";
+            readonly viewBox: "0 0 24 24";
+            readonly "data-mrl-svg-name": "checkboxCustom";
+        };
+        readonly children: readonly [{
+            readonly name: "style";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {};
+            readonly children: readonly [{
+                readonly name: "";
+                readonly type: "text";
+                readonly value: "\n        .mrl-picto-checkbox-custom-check { fill: #000; }\n        .mrl-picto-checkbox-custom-stroke { fill: #fff; }\n  ";
+                readonly attributes: {};
+                readonly children: readonly [];
+            }];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly "fill-rule": "evenodd";
+                readonly class: "mrl-picto-checkbox-custom-check";
+                readonly d: "M16.74 8.332a.624.624 0 0 1 .147.866l-4.879 6.945a1.225 1.225 0 0 1-1.876.16L7.18 13.327a.625.625 0 0 1 0-.878l.871-.879a.612.612 0 0 1 .871 0l1.92 1.936 4.034-5.744a.613.613 0 0 1 .859-.148l1.005.718Z";
+                readonly "clip-rule": "evenodd";
+            };
+            readonly children: readonly [];
+        }, {
+            readonly name: "path";
+            readonly type: "element";
+            readonly value: "";
+            readonly attributes: {
+                readonly "fill-rule": "evenodd";
+                readonly class: "mrl-picto-checkbox-custom-stroke";
+                readonly d: "m5.76 11.04.871-.878a2.612 2.612 0 0 1 3.711 0l.237.239 2.661-3.789a2.613 2.613 0 0 1 3.657-.625l1.006.718a2.624 2.624 0 0 1 .62 3.643l-4.878 6.944a3.225 3.225 0 0 1-4.933.42L5.76 14.734a2.625 2.625 0 0 1 0-3.695Zm9.117-3.278a.613.613 0 0 1 .858-.148l1.005.718a.624.624 0 0 1 .147.866l-4.879 6.945a1.225 1.225 0 0 1-1.876.16L7.18 13.327a.625.625 0 0 1 0-.878l.871-.879a.612.612 0 0 1 .871 0l1.92 1.936 4.034-5.744Z";
+                readonly "clip-rule": "evenodd";
+            };
+            readonly children: readonly [];
+        }];
+    };
+};
+export { checkboxCustom };

package/dist/cjs/checkboxCustom.js

@@ -0,0 +1,4 @@
+var c=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var i=(l,e)=>{for(var a in e)c(l,a,{get:e[a],enumerable:!0})},u=(l,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!r.call(l,t)&&t!==a&&c(l,t,{get:()=>e[t],enumerable:!(o=s(e,t))||o.enumerable});return l};var d=l=>u(c({},"__esModule",{value:!0}),l);var h={};i(h,{checkboxCustom:()=>n});module.exports=d(h);const n={default:{name:"svg",type:"element",value:"",attributes:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","data-mrl-svg-name":"checkboxCustom"},children:[{name:"style",type:"element",value:"",attributes:{},children:[{name:"",type:"text",value:`
+        .mrl-picto-checkbox-custom-check { fill: #000; }
+        .mrl-picto-checkbox-custom-stroke { fill: #fff; }
+  `,attributes:{},children:[]}]},{name:"path",type:"element",value:"",attributes:{"fill-rule":"evenodd",class:"mrl-picto-checkbox-custom-check",d:"M16.74 8.332a.624.624 0 0 1 .147.866l-4.879 6.945a1.225 1.225 0 0 1-1.876.16L7.18 13.327a.625.625 0 0 1 0-.878l.871-.879a.612.612 0 0 1 .871 0l1.92 1.936 4.034-5.744a.613.613 0 0 1 .859-.148l1.005.718Z","clip-rule":"evenodd"},children:[]},{name:"path",type:"element",value:"",attributes:{"fill-rule":"evenodd",class:"mrl-picto-checkbox-custom-stroke",d:"m5.76 11.04.871-.878a2.612 2.612 0 0 1 3.711 0l.237.239 2.661-3.789a2.613 2.613 0 0 1 3.657-.625l1.006.718a2.624 2.624 0 0 1 .62 3.643l-4.878 6.944a3.225 3.225 0 0 1-4.933.42L5.76 14.734a2.625 2.625 0 0 1 0-3.695Zm9.117-3.278a.613.613 0 0 1 .858-.148l1.005.718a.624.624 0 0 1 .147.866l-4.879 6.945a1.225 1.225 0 0 1-1.876.16L7.18 13.327a.625.625 0 0 1 0-.878l.871-.879a.612.612 0 0 1 .871 0l1.92 1.936 4.034-5.744Z","clip-rule":"evenodd"},children:[]}]}};