@justeattakeaway/pie-icons-webc 0.1.0

package/dist/IconReviewLarge.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--reviewLarge"><path d="m16 29.335-5.311-5.311H7.25a2.625 2.625 0 0 1-2.625-2.625V5.649A2.625 2.625 0 0 1 7.25 3.024h17.5a2.625 2.625 0 0 1 2.625 2.625v15.75a2.625 2.625 0 0 1-2.625 2.625h-3.439L16 29.335ZM7.25 4.774a.875.875 0 0 0-.875.875v15.75a.875.875 0 0 0 .875.875h4.165L16 26.859l4.585-4.585h4.165a.875.875 0 0 0 .875-.875V5.649a.875.875 0 0 0-.875-.875H7.25ZM19.413 19.5a.875.875 0 0 1-.412-.105L16 17.82l-3.001 1.575a.876.876 0 0 1-1.269-.919l.569-3.351-2.424-2.363a.875.875 0 0 1-.219-.875.875.875 0 0 1 .709-.603l3.351-.534 1.497-3.01a.875.875 0 0 1 1.575 0l1.496 3.01 3.36.481a.876.876 0 0 1 .709.604.875.875 0 0 1-.22.875l-2.432 2.415.569 3.343a.874.874 0 0 1-.341.875.875.875 0 0 1-.516.157ZM16 16c.144 0 .285.037.411.105l1.838.962-.35-2.047a.875.875 0 0 1 .253-.779l1.488-1.452-2.056-.298a.875.875 0 0 1-.665-.481L16 10.102l-.875 1.864a.874.874 0 0 1-.665.482l-2.056.297 1.487 1.453a.876.876 0 0 1 .254.778l-.35 2.048 1.838-.963A.876.876 0 0 1 16 16Z"></path></svg>';
+
+class IconReviewLarge extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--reviewLarge', '', null, 'IconReviewLarge');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--reviewLarge');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--reviewLarge', '', newVal, 'IconReviewLarge');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-review-large', IconReviewLarge);
+
+exports.IconReviewLarge = IconReviewLarge;

package/dist/IconRibbonHeart.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ribbonHeart"><path d="M13.696 11.955a7.24 7.24 0 0 1-1.522-2.013c.096-.308.144-.63.14-.953a2.08 2.08 0 0 1 .061-.578 2.51 2.51 0 0 1 .35-.411 2.074 2.074 0 0 0 .752-1.4 2.058 2.058 0 0 0-.752-1.391 2.51 2.51 0 0 1-.35-.412 2.124 2.124 0 0 1-.053-.577 2.048 2.048 0 0 0-.454-1.47 2.03 2.03 0 0 0-1.488-.438 2.39 2.39 0 0 1-.569-.06c-.158-.105-.3-.232-.42-.377A2.039 2.039 0 0 0 8 1.131a2.039 2.039 0 0 0-1.391.744 1.916 1.916 0 0 1-.42.35 2.39 2.39 0 0 1-.569.061 2.03 2.03 0 0 0-1.487.438 2.047 2.047 0 0 0-.447 1.487c.007.198-.014.395-.061.586-.102.15-.219.288-.35.412A2.056 2.056 0 0 0 2.531 6.6 2.074 2.074 0 0 0 3.284 8c.13.124.248.262.35.411.044.19.062.384.052.578-.004.323.044.645.14.953a7.237 7.237 0 0 1-1.522 2.013l-.648.604 3.947 2.31.358-.368a11.464 11.464 0 0 0 1.75-2.476c.1.023.203.038.306.044a1.85 1.85 0 0 0 .307-.044c.47.9 1.06 1.732 1.75 2.476l.358.368 3.947-2.31-.683-.604ZM4.23 6.119c.253-.235.46-.513.612-.823.116-.337.17-.693.158-1.05a1.96 1.96 0 0 1 .061-.577 1.75 1.75 0 0 1 .586-.044c.357.01.713-.042 1.05-.158.312-.152.591-.363.823-.62.138-.159.3-.295.481-.403.179.103.341.233.481.385.232.258.511.469.823.621.337.115.693.168 1.05.157.194-.01.388.008.577.053.057.19.08.388.07.586a2.95 2.95 0 0 0 .158 1.05c.152.31.36.588.612.823.123.131.385.393.385.481 0 .087-.262.359-.385.481a2.966 2.966 0 0 0-.612.875A2.95 2.95 0 0 0 11 9.006c.008.195-.012.39-.061.578a1.75 1.75 0 0 1-.586.061 2.975 2.975 0 0 0-1.05.157 2.687 2.687 0 0 0-.823.622c-.131.122-.393.376-.481.376-.088 0-.35-.254-.481-.376a2.687 2.687 0 0 0-.823-.674 2.975 2.975 0 0 0-1.05-.158 2.013 2.013 0 0 1-.577-.052 1.75 1.75 0 0 1-.07-.586 2.949 2.949 0 0 0-.158-1.05 2.966 2.966 0 0 0-.612-.875c-.123-.123-.385-.385-.385-.482 0-.096.262-.297.385-.428Zm1.146 7.079-1.549-.876A8.369 8.369 0 0 0 4.85 10.87c.26.053.523.076.788.07.191-.007.383.014.568.061.149.089.284.198.403.324-.34.668-.754 1.296-1.234 1.873Zm5.25 0a10.045 10.045 0 0 1-1.234-1.9c.119-.126.254-.235.403-.323.185-.047.377-.068.569-.061.264.006.528-.018.787-.07.289.519.632 1.006 1.024 1.452l-1.549.902Z"></path><path d="M8 8.656 6.521 7.125a.998.998 0 0 1 .295-1.58.875.875 0 0 1 1.009.215L8 5.926l.175-.166a.875.875 0 0 1 .647-.28.875.875 0 0 1 .657.28.998.998 0 0 1 0 1.365L8 8.656Z"></path></svg>';
+
+class IconRibbonHeart extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonHeart', '', null, 'IconRibbonHeart');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonHeart');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonHeart', '', newVal, 'IconRibbonHeart');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-ribbon-heart', IconRibbonHeart);
+
+exports.IconRibbonHeart = IconRibbonHeart;

package/dist/IconRibbonHeartLarge.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ribbonHeartLarge"><path d="M27.016 24.4a14.877 14.877 0 0 1-3.211-4.296c.229-.63.33-1.3.297-1.969-.009-.425.041-.849.15-1.26.211-.362.477-.69.787-.971a3.702 3.702 0 0 0 1.382-2.529 3.702 3.702 0 0 0-1.382-2.485 4.155 4.155 0 0 1-.788-.971 4.568 4.568 0 0 1-.149-1.304 3.65 3.65 0 0 0-.76-2.625 3.693 3.693 0 0 0-2.626-.761 4.077 4.077 0 0 1-1.312-.149 4.068 4.068 0 0 1-.963-.779 3.72 3.72 0 0 0-2.52-1.426 3.702 3.702 0 0 0-2.485 1.383 4.096 4.096 0 0 1-.936.778c-.424.121-.864.171-1.304.149-.954-.1-1.91.173-2.669.761a3.684 3.684 0 0 0-.76 2.669c.021.44-.029.88-.15 1.304a4.095 4.095 0 0 1-.778.971 3.701 3.701 0 0 0-1.418 2.485 3.701 3.701 0 0 0 1.383 2.485c.31.295.574.638.778 1.015.121.424.171.864.15 1.304a5.39 5.39 0 0 0 .297 1.969A14.666 14.666 0 0 1 4.826 24.4l-1.312 1.225 4.917.814 2.389 3.159.709-.727a21.932 21.932 0 0 0 3.596-5.162 2.168 2.168 0 0 0 1.663 0 21.755 21.755 0 0 0 3.552 5.154l.709.726 2.388-3.159 4.883-.805-1.304-1.225ZM10.96 26.868 9.402 24.82l-2.152-.367a16.115 16.115 0 0 0 2.126-3.116 6.17 6.17 0 0 0 1.75.228c.44-.022.88.028 1.304.149.361.208.689.47.971.779.063.068.13.132.201.192a21.645 21.645 0 0 1-2.642 4.183Zm3.692-5.618a5.057 5.057 0 0 0-1.513-1.146 5.25 5.25 0 0 0-1.943-.28c-.577 0-1.242 0-1.461-.254-.219-.254-.236-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.058 5.058 0 0 0-1.146-1.514c-.411-.428-.875-.874-.875-1.268s.472-.875.875-1.269c.475-.43.864-.947 1.146-1.523a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.254-.228.875-.237 1.461-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.652 5.5c.43-.411.875-.875 1.27-.875.393 0 .83.473 1.26.875.433.472.949.86 1.522 1.146a5.25 5.25 0 0 0 1.942.28c.578 0 1.234 0 1.461.254.228.254.237.875.245 1.461-.023.66.075 1.318.29 1.943.28.574.669 1.088 1.145 1.514.412.428.875.874.875 1.268s-.472.875-.875 1.269c-.476.425-.866.94-1.146 1.514a5.4 5.4 0 0 0-.289 1.942c0 .578 0 1.234-.245 1.461-.245.228-.875.237-1.46.254a5.252 5.252 0 0 0-1.943.28 5.252 5.252 0 0 0-1.523 1.164c-.429.411-.875.875-1.26.875s-.796-.473-1.269-.875Zm7.78 3.579-1.55 2.047a21.236 21.236 0 0 1-2.677-4.182l.201-.193c.28-.307.604-.57.963-.779.426-.12.87-.171 1.312-.148a5.922 5.922 0 0 0 1.75-.228 16.462 16.462 0 0 0 2.153 3.115l-2.153.368Z"></path><path d="m15.921 19.299-4.375-4.515a3.413 3.413 0 0 1 0-4.708 3.282 3.282 0 0 1 4.375-.175 3.194 3.194 0 0 1 4.375.184 3.395 3.395 0 0 1 0 4.699l-4.375 4.515Zm-2.109-8.435a1.453 1.453 0 0 0-1.04.446 1.68 1.68 0 0 0 0 2.249l3.15 3.229 3.14-3.23a1.662 1.662 0 0 0 0-2.248 1.487 1.487 0 0 0-2.09 0l-1.086 1.041-1.024-1.041a1.452 1.452 0 0 0-1.05-.446Z"></path></svg>';
+
+class IconRibbonHeartLarge extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonHeartLarge', '', null, 'IconRibbonHeartLarge');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonHeartLarge');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonHeartLarge', '', newVal, 'IconRibbonHeartLarge');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-ribbon-heart-large', IconRibbonHeartLarge);
+
+exports.IconRibbonHeartLarge = IconRibbonHeartLarge;

package/dist/IconRibbonStar.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ribbonStar"><path d="M13.696 11.955a7.24 7.24 0 0 1-1.522-2.013c.096-.308.144-.63.14-.953a2.08 2.08 0 0 1 .061-.578 2.51 2.51 0 0 1 .35-.411 2.074 2.074 0 0 0 .752-1.4 2.058 2.058 0 0 0-.752-1.391 2.51 2.51 0 0 1-.35-.412 2.124 2.124 0 0 1-.053-.577 2.048 2.048 0 0 0-.454-1.47 2.03 2.03 0 0 0-1.488-.438 2.39 2.39 0 0 1-.569-.06c-.158-.105-.3-.232-.42-.377A2.039 2.039 0 0 0 8 1.131a2.039 2.039 0 0 0-1.391.744 1.916 1.916 0 0 1-.42.35 2.39 2.39 0 0 1-.569.061 2.03 2.03 0 0 0-1.487.438 2.047 2.047 0 0 0-.447 1.487c.007.198-.014.395-.061.586-.102.15-.219.288-.35.412A2.056 2.056 0 0 0 2.531 6.6 2.074 2.074 0 0 0 3.284 8c.13.124.248.262.35.411.044.19.062.384.052.578-.004.323.044.645.14.953a7.237 7.237 0 0 1-1.522 2.013l-.648.604 3.947 2.31.358-.368a11.464 11.464 0 0 0 1.75-2.476c.1.023.203.038.306.044a1.85 1.85 0 0 0 .307-.044c.47.9 1.06 1.732 1.75 2.476l.358.368 3.947-2.31-.683-.604ZM4.23 6.119c.253-.235.46-.513.612-.823.116-.337.17-.693.158-1.05a1.96 1.96 0 0 1 .061-.577 1.75 1.75 0 0 1 .586-.044c.357.01.713-.042 1.05-.158.312-.152.591-.363.823-.62.138-.159.3-.295.481-.403.179.103.341.233.481.385.232.258.511.469.823.621.337.115.693.168 1.05.157.194-.01.388.008.577.053.057.19.08.388.07.586a2.95 2.95 0 0 0 .158 1.05c.152.31.36.588.612.823.123.131.385.393.385.481 0 .087-.262.359-.385.481a2.966 2.966 0 0 0-.612.875A2.95 2.95 0 0 0 11 9.006c.008.195-.012.39-.061.578a1.75 1.75 0 0 1-.586.061 2.975 2.975 0 0 0-1.05.157 2.687 2.687 0 0 0-.823.622c-.131.122-.393.376-.481.376-.088 0-.35-.254-.481-.376a2.687 2.687 0 0 0-.823-.674 2.975 2.975 0 0 0-1.05-.158 2.013 2.013 0 0 1-.577-.052 1.75 1.75 0 0 1-.07-.586 2.949 2.949 0 0 0-.158-1.05 2.966 2.966 0 0 0-.612-.875c-.123-.123-.385-.385-.385-.482 0-.096.262-.297.385-.428Zm1.146 7.079-1.549-.876A8.369 8.369 0 0 0 4.85 10.87c.26.053.523.076.788.07.191-.007.383.014.568.061.149.089.284.198.403.324-.34.668-.754 1.296-1.234 1.873Zm5.25 0a10.045 10.045 0 0 1-1.234-1.9c.119-.126.254-.235.403-.323.185-.047.377-.068.569-.061.264.006.528-.018.787-.07.289.519.632 1.006 1.024 1.452l-1.549.902Z"></path><path d="M9.234 8.42 8.06 7.799a.149.149 0 0 0-.122 0l-1.173.621.228-1.295a.122.122 0 0 0 0-.105l-.989-.945 1.312-.193a.105.105 0 0 0 .097-.07L8 4.632l.586 1.18a.105.105 0 0 0 .096.07l1.313.193-.954.927a.123.123 0 0 0 0 .105l.193 1.313Z"></path></svg>';
+
+class IconRibbonStar extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonStar', '', null, 'IconRibbonStar');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonStar');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonStar', '', newVal, 'IconRibbonStar');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-ribbon-star', IconRibbonStar);
+
+exports.IconRibbonStar = IconRibbonStar;

package/dist/IconRibbonStarLarge.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ribbonStarLarge"><path d="M27.095 24.4a14.873 14.873 0 0 1-3.22-4.296 5.25 5.25 0 0 0 .306-1.969 4.017 4.017 0 0 1 .158-1.26c.209-.361.471-.69.779-.971a3.702 3.702 0 0 0 1.382-2.529 3.702 3.702 0 0 0-1.382-2.485 4.096 4.096 0 0 1-.779-.971 4.015 4.015 0 0 1-.149-1.304 3.728 3.728 0 0 0-.761-2.625 3.727 3.727 0 0 0-2.625-.761 4.016 4.016 0 0 1-1.304-.193 4.095 4.095 0 0 1-.971-.778A3.7 3.7 0 0 0 16 2.875a3.702 3.702 0 0 0-2.485 1.383c-.282.307-.61.57-.971.778-.424.121-.864.171-1.304.149a3.693 3.693 0 0 0-2.625.761 3.693 3.693 0 0 0-.77 2.669c.022.44-.028.88-.148 1.304a4.095 4.095 0 0 1-.78.971A3.701 3.701 0 0 0 5.5 13.375a3.701 3.701 0 0 0 1.383 2.485c.31.295.574.638.779 1.015.12.424.17.864.148 1.304a5.25 5.25 0 0 0 .315 1.925 14.875 14.875 0 0 1-3.22 4.296l-1.312 1.225 4.917.814 2.389 3.159.726-.735a22.354 22.354 0 0 0 3.553-5.154 2.16 2.16 0 0 0 1.662 0 22.352 22.352 0 0 0 3.535 5.154l.718.726 2.389-3.159 4.926-.805-1.313-1.225ZM11.04 26.868 9.49 24.82l-2.196-.367c.84-.95 1.566-1.996 2.161-3.116a6.17 6.17 0 0 0 1.75.228c.44-.022.88.028 1.304.149.362.208.69.47.971.779l.201.192a21.232 21.232 0 0 1-2.642 4.183Zm3.693-5.618a5.057 5.057 0 0 0-1.514-1.146 5.25 5.25 0 0 0-1.943-.28c-.577 0-1.242 0-1.461-.254-.219-.254-.236-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.059 5.059 0 0 0-1.155-1.522c-.402-.394-.875-.919-.875-1.269 0-.35.473-.875.875-1.269.478-.427.87-.94 1.155-1.514a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.254-.228.875-.237 1.461-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.732 5.5c.428-.411.875-.875 1.268-.875.394 0 .875.473 1.269.875.428.474.941.863 1.514 1.146a5.25 5.25 0 0 0 1.942.28c.578 0 1.243 0 1.461.254.22.254.237.875.254 1.461a5.25 5.25 0 0 0 .28 1.943 5.055 5.055 0 0 0 1.155 1.522c.412.429.875.875.875 1.269 0 .394-.472.875-.875 1.269a5.057 5.057 0 0 0-1.146 1.513 5.25 5.25 0 0 0-.28 1.943c0 .577 0 1.234-.254 1.461-.253.228-.875.236-1.461.254a5.25 5.25 0 0 0-1.943.28 5.056 5.056 0 0 0-1.522 1.155c-.429.411-.919.875-1.269.875-.35 0-.875-.473-1.268-.875Zm7.778 3.579-1.549 2.047a21.236 21.236 0 0 1-2.677-4.182l.201-.193c.295-.314.638-.58 1.015-.787.424-.121.864-.171 1.304-.149a5.922 5.922 0 0 0 1.75-.228 16.119 16.119 0 0 0 2.196 3.116l-2.24.376Z"></path><path d="M21.25 11.879a1.084 1.084 0 0 0-.875-.744l-2.362-.341L16.98 8.65a1.093 1.093 0 0 0-1.96 0l-1.059 2.144-2.336.341a1.094 1.094 0 0 0-.604 1.864l1.75 1.671-.402 2.362a1.093 1.093 0 0 0 1.584 1.147L16 17.068l2.118 1.11c.156.084.33.127.507.123a1.084 1.084 0 0 0 1.076-1.277L19.3 14.67l1.75-1.671a1.084 1.084 0 0 0 .201-1.12Zm-3.867 2.178L17.75 16 16 15.125 14.25 16l.333-1.951-1.418-1.374 1.96-.28.875-1.75.875 1.75 1.96.28-1.452 1.382Z"></path></svg>';
+
+class IconRibbonStarLarge extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonStarLarge', '', null, 'IconRibbonStarLarge');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonStarLarge');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonStarLarge', '', newVal, 'IconRibbonStarLarge');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-ribbon-star-large', IconRibbonStarLarge);
+
+exports.IconRibbonStarLarge = IconRibbonStarLarge;

package/dist/IconRibbonSuccess.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ribbonSuccess"><path d="M13.696 12.043a7.37 7.37 0 0 1-1.522-2.013c.096-.309.144-.63.14-.954a2.08 2.08 0 0 1 .061-.577c.099-.154.216-.295.35-.42a2.04 2.04 0 0 0 .752-1.392 2.039 2.039 0 0 0-.752-1.39 2.207 2.207 0 0 1-.35-.42 2.057 2.057 0 0 1-.053-.57 2.04 2.04 0 0 0-.446-1.487c-.417-.34-.952-.5-1.487-.446a2.056 2.056 0 0 1-.569-.053 2.205 2.205 0 0 1-.42-.35A2.039 2.039 0 0 0 8 1.22a2.039 2.039 0 0 0-1.391.752 2.205 2.205 0 0 1-.42.35 2.057 2.057 0 0 1-.569.053 2.039 2.039 0 0 0-1.487.446 2.03 2.03 0 0 0-.447 1.479c.007.194-.014.389-.061.577a2.205 2.205 0 0 1-.35.42 2.039 2.039 0 0 0-.744 1.391 2.039 2.039 0 0 0 .753 1.392c.133.125.251.266.35.42.044.186.061.377.052.569-.004.326.043.65.14.962a7.368 7.368 0 0 1-1.522 2.013l-.648.603 3.947 2.301.358-.367a11.2 11.2 0 0 0 1.75-2.476c.1.03.203.048.306.052.104-.005.207-.022.307-.052a11.2 11.2 0 0 0 1.75 2.476l.358.367 3.947-2.3-.683-.604ZM4.23 6.25c.258-.25.466-.547.612-.875.115-.338.168-.693.158-1.05-.01-.194.011-.39.061-.578.19-.056.388-.08.586-.07.357.011.713-.042 1.05-.157.31-.152.588-.36.823-.612.131-.123.393-.385.481-.385.088 0 .35.262.481.385.235.252.513.46.823.612.337.115.693.168 1.05.158.194-.009.389.012.577.06.057.19.08.389.07.587-.01.357.043.712.158 1.05.152.31.36.588.612.822.123.132.385.394.385.482 0 .087-.262.35-.385.481-.253.234-.46.513-.612.822A3.001 3.001 0 0 0 11 9.033c.01.195-.011.39-.061.578a1.75 1.75 0 0 1-.586.07 2.975 2.975 0 0 0-1.05.158c-.31.151-.588.36-.823.612-.131.123-.393.385-.481.385-.088 0-.35-.263-.481-.385a2.809 2.809 0 0 0-.823-.612 2.975 2.975 0 0 0-1.05-.158 1.96 1.96 0 0 1-.577-.061 1.75 1.75 0 0 1-.07-.586c.008-.351-.045-.7-.158-1.033a2.809 2.809 0 0 0-.612-.822c-.123-.132-.385-.394-.385-.482 0-.087.262-.358.385-.446Zm1.146 7-1.566-.875c.39-.45.733-.94 1.023-1.461.26.05.524.077.788.079.191-.01.383.008.569.052.146.095.281.207.402.332a10.666 10.666 0 0 1-1.216 1.873Zm5.25 0a10.045 10.045 0 0 1-1.234-1.899c.121-.126.256-.237.403-.332.186-.044.377-.062.569-.053.264-.001.528-.028.787-.079.295.531.643 1.03 1.041 1.488l-1.566.875Z"></path><path d="m9.06 5.44.708.706-2.122 2.122-.707-.707 2.122-2.122Z"></path><path d="m6.94 6.146 1.414 1.415-.708.707-1.414-1.414.707-.708Z"></path></svg>';
+
+class IconRibbonSuccess extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonSuccess', '', null, 'IconRibbonSuccess');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonSuccess');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonSuccess', '', newVal, 'IconRibbonSuccess');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-ribbon-success', IconRibbonSuccess);
+
+exports.IconRibbonSuccess = IconRibbonSuccess;

package/dist/IconRibbonSuccessLarge.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ribbonSuccessLarge"><path d="M27.095 24.4a14.873 14.873 0 0 1-3.22-4.296c.227-.63.33-1.3.306-1.969a4.02 4.02 0 0 1 .157-1.26c.21-.361.472-.69.78-.971a3.702 3.702 0 0 0 1.382-2.529 3.7 3.7 0 0 0-1.383-2.485 4.096 4.096 0 0 1-.779-.971 4.018 4.018 0 0 1-.148-1.304 3.727 3.727 0 0 0-.762-2.625 3.727 3.727 0 0 0-2.625-.761 4.016 4.016 0 0 1-1.303-.193 4.095 4.095 0 0 1-.971-.778 3.7 3.7 0 0 0-2.53-1.383 3.702 3.702 0 0 0-2.484 1.383c-.282.307-.61.57-.972.778-.423.121-.863.171-1.303.149a3.693 3.693 0 0 0-2.625.761 3.692 3.692 0 0 0-.77 2.669c.022.44-.028.88-.149 1.304a4.095 4.095 0 0 1-.779.971A3.701 3.701 0 0 0 5.5 13.375a3.701 3.701 0 0 0 1.382 2.485c.311.295.574.638.779 1.015.12.424.171.864.149 1.304a5.25 5.25 0 0 0 .315 1.925 14.875 14.875 0 0 1-3.22 4.296l-1.313 1.225 4.918.814 2.389 3.159.726-.735a22.354 22.354 0 0 0 3.552-5.154 2.16 2.16 0 0 0 1.663 0 22.355 22.355 0 0 0 3.535 5.154l.717.726 2.389-3.159 4.926-.805-1.312-1.225Zm-16.056 2.468-1.55-2.048-2.195-.367a16.12 16.12 0 0 0 2.16-3.116 6.17 6.17 0 0 0 1.75.228c.44-.022.881.028 1.304.149.362.208.69.47.972.779l.201.192a21.232 21.232 0 0 1-2.642 4.183Zm3.692-5.618a5.057 5.057 0 0 0-1.514-1.146 5.25 5.25 0 0 0-1.942-.28c-.578 0-1.243 0-1.461-.254-.22-.254-.237-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.058 5.058 0 0 0-1.155-1.522c-.403-.394-.875-.919-.875-1.269 0-.35.472-.875.875-1.269.477-.427.87-.94 1.155-1.514a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.253-.228.874-.237 1.46-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.731 5.5c.429-.411.875-.875 1.269-.875.393 0 .875.473 1.268.875.428.474.942.863 1.514 1.146a5.25 5.25 0 0 0 1.943.28c.577 0 1.242 0 1.461.254.219.254.236.875.254 1.461a5.25 5.25 0 0 0 .28 1.943 5.055 5.055 0 0 0 1.155 1.522c.411.429.875.875.875 1.269 0 .394-.473.875-.875 1.269a5.059 5.059 0 0 0-1.146 1.513 5.25 5.25 0 0 0-.28 1.943c0 .577 0 1.234-.254 1.461-.254.228-.875.236-1.462.254a5.25 5.25 0 0 0-1.942.28 5.056 5.056 0 0 0-1.523 1.155c-.428.411-.918.875-1.268.875s-.875-.473-1.269-.875Zm7.779 3.579-1.549 2.047a21.236 21.236 0 0 1-2.677-4.182l.2-.193c.296-.314.638-.58 1.016-.787.423-.121.864-.171 1.303-.149a5.922 5.922 0 0 0 1.75-.228 16.119 16.119 0 0 0 2.197 3.116l-2.24.376ZM20.06 11.38l-5.714 5.714-2.835-2.844 1.234-1.242 1.601 1.6 4.48-4.488 1.234 1.26Z"></path><path d="M27.095 24.4a14.873 14.873 0 0 1-3.22-4.296c.227-.63.33-1.3.306-1.969a4.02 4.02 0 0 1 .157-1.26c.21-.361.472-.69.78-.971a3.702 3.702 0 0 0 1.382-2.529 3.7 3.7 0 0 0-1.383-2.485 4.096 4.096 0 0 1-.779-.971 4.018 4.018 0 0 1-.148-1.304 3.727 3.727 0 0 0-.762-2.625 3.727 3.727 0 0 0-2.625-.761 4.016 4.016 0 0 1-1.303-.193 4.095 4.095 0 0 1-.971-.778 3.7 3.7 0 0 0-2.53-1.383 3.702 3.702 0 0 0-2.484 1.383c-.282.307-.61.57-.972.778-.423.121-.863.171-1.303.149a3.693 3.693 0 0 0-2.625.761 3.692 3.692 0 0 0-.77 2.669c.022.44-.028.88-.149 1.304a4.095 4.095 0 0 1-.779.971A3.701 3.701 0 0 0 5.5 13.375a3.701 3.701 0 0 0 1.382 2.485c.311.295.574.638.779 1.015.12.424.171.864.149 1.304a5.25 5.25 0 0 0 .315 1.925 14.875 14.875 0 0 1-3.22 4.296l-1.313 1.225 4.918.814 2.389 3.159.726-.735a22.354 22.354 0 0 0 3.552-5.154 2.16 2.16 0 0 0 1.663 0 22.355 22.355 0 0 0 3.535 5.154l.717.726 2.389-3.159 4.926-.805-1.312-1.225Zm-16.056 2.468-1.55-2.048-2.195-.367a16.12 16.12 0 0 0 2.16-3.116 6.17 6.17 0 0 0 1.75.228c.44-.022.881.028 1.304.149.362.208.69.47.972.779l.201.192a21.232 21.232 0 0 1-2.642 4.183Zm3.692-5.618a5.057 5.057 0 0 0-1.514-1.146 5.25 5.25 0 0 0-1.942-.28c-.578 0-1.243 0-1.461-.254-.22-.254-.237-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.058 5.058 0 0 0-1.155-1.522c-.403-.394-.875-.919-.875-1.269 0-.35.472-.875.875-1.269.477-.427.87-.94 1.155-1.514a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.253-.228.874-.237 1.46-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.731 5.5c.429-.411.875-.875 1.269-.875.393 0 .875.473 1.268.875.428.474.942.863 1.514 1.146a5.25 5.25 0 0 0 1.943.28c.577 0 1.242 0 1.461.254.219.254.236.875.254 1.461a5.25 5.25 0 0 0 .28 1.943 5.055 5.055 0 0 0 1.155 1.522c.411.429.875.875.875 1.269 0 .394-.473.875-.875 1.269a5.059 5.059 0 0 0-1.146 1.513 5.25 5.25 0 0 0-.28 1.943c0 .577 0 1.234-.254 1.461-.254.228-.875.236-1.462.254a5.25 5.25 0 0 0-1.942.28 5.056 5.056 0 0 0-1.523 1.155c-.428.411-.918.875-1.268.875s-.875-.473-1.269-.875Zm7.779 3.579-1.549 2.047a21.236 21.236 0 0 1-2.677-4.182l.2-.193c.296-.314.638-.58 1.016-.787.423-.121.864-.171 1.303-.149a5.922 5.922 0 0 0 1.75-.228 16.119 16.119 0 0 0 2.197 3.116l-2.24.376ZM20.06 11.38l-5.714 5.714-2.835-2.844 1.234-1.242 1.601 1.6 4.48-4.488 1.234 1.26Z"></path></svg>';
+
+class IconRibbonSuccessLarge extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonSuccessLarge', '', null, 'IconRibbonSuccessLarge');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonSuccessLarge');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--ribbonSuccessLarge', '', newVal, 'IconRibbonSuccessLarge');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-ribbon-success-large', IconRibbonSuccessLarge);
+
+exports.IconRibbonSuccessLarge = IconRibbonSuccessLarge;

package/dist/IconRocketShip.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--rocketShip"><path d="m14.659 1.814-.097-.377-.376-.096A6.317 6.317 0 0 0 7.834 3.24L6.478 4.596a.21.21 0 0 1-.158.061H4.141a1.242 1.242 0 0 0-.98.368L1.954 6.25l7.796 7.752 1.207-1.198a1.277 1.277 0 0 0 .368-.954V9.636a.254.254 0 0 1 .061-.157l1.357-1.357a6.291 6.291 0 0 0 1.916-6.308Zm-2.87 5.381-1.357 1.356c-.282.29-.442.68-.446 1.085v2.24l-.28.272L3.818 6.25l.288-.28H6.32a1.522 1.522 0 0 0 1.085-.446l1.356-1.357a5.057 5.057 0 0 1 4.708-1.645 5.03 5.03 0 0 1-1.68 4.673Zm-.796-2.188a1.138 1.138 0 1 1-1.611 1.608 1.138 1.138 0 0 1 1.61-1.608ZM4.5 10.625 1.945 13.25 1 12.305 3.625 9.75l.875.875Zm.875.875.875.875-1.68 1.75-.945-.945 1.75-1.68Z"></path></svg>';
+
+class IconRocketShip extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--rocketShip', '', null, 'IconRocketShip');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--rocketShip');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--rocketShip', '', newVal, 'IconRocketShip');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-rocket-ship', IconRocketShip);
+
+exports.IconRocketShip = IconRocketShip;

package/dist/IconRocketShipLarge.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--rocketShipLarge"><path d="m27.016 5.631-.131-.499-.499-.13c-4.121-1.05-7.875.07-11.138 3.342l-3.115 3.115a.708.708 0 0 1-.508.166H7.696a2.039 2.039 0 0 0-1.54.578l-1.951 1.986L17.75 27.742l1.951-1.95a2.021 2.021 0 0 0 .578-1.497v-3.981a.69.69 0 0 1 .201-.499l3.115-3.115c3.308-3.325 4.454-7.026 3.421-11.069Zm-4.646 9.835-3.115 3.159a2.433 2.433 0 0 0-.717 1.75v4.034a.288.288 0 0 1-.062.21l-.726.656L6.673 14.189l.717-.718a.34.34 0 0 1 .263-.061h3.972a2.467 2.467 0 0 0 1.75-.717l3.115-3.107c2.66-2.677 5.635-3.684 8.951-3.01.665 3.246-.341 6.16-3.071 8.89Zm-4.463-5.433a2.878 2.878 0 1 0 4.078 0 2.957 2.957 0 0 0-4.078 0Zm2.835 2.835a1.129 1.129 0 0 1-1.592-1.593 1.121 1.121 0 0 1 1.593 0 1.111 1.111 0 0 1 0 1.592ZM9.08 21.538l-3.833 3.833-1.242-1.242 3.832-3.833L9.08 21.54Zm1.382 1.383 1.243 1.243-2.52 2.52L7.94 25.44l2.52-2.52Z"></path></svg>';
+
+class IconRocketShipLarge extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--rocketShipLarge', '', null, 'IconRocketShipLarge');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--rocketShipLarge');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--rocketShipLarge', '', newVal, 'IconRocketShipLarge');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-rocket-ship-large', IconRocketShipLarge);
+
+exports.IconRocketShipLarge = IconRocketShipLarge;

package/dist/IconRoutePin.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var configs = require('./pie-icons-configs/configs.js');
+
+const template = document.createElement('template');
+template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--routePin"><path d="M13.031 2.575a4.646 4.646 0 0 0-6.562 0 4.655 4.655 0 0 0 0 6.571l3.281 3.281 3.281-3.28a4.655 4.655 0 0 0 0-6.572Zm-.927 5.644L9.75 10.573 7.396 8.218a3.325 3.325 0 1 1 4.708 0Zm-1.076-2.442a1.277 1.277 0 1 1-2.555 0 1.277 1.277 0 0 1 2.554 0Zm-6.738 7.7 6.344.053v1.313L4.29 14.79a1.523 1.523 0 0 1-1.295-2.319l1.041-1.75a.21.21 0 0 0 0-.219.21.21 0 0 0-.192-.113H1V9.094h2.826a1.522 1.522 0 0 1 1.313 2.319l-1.042 1.75a.219.219 0 0 0 .193.332v-.018Z"></path></svg>';
+
+class IconRoutePin extends HTMLElement {
+    constructor () {
+        super();
+        const clone = template.content.cloneNode(true);
+        this.root = this.attachShadow({ mode: 'open' });
+        this.root.append(clone);
+    }
+
+    static get observedAttributes () {
+        return ['size'];
+    }
+
+    get size () {
+        return this.getAttribute('size');
+    }
+
+    set size (value) {
+        this.setAttribute('size', value);
+    }
+
+    get class () {
+        return this.getAttribute('class');
+    }
+
+    set class (value) {
+        this.setAttribute('class', value);
+    }
+
+    connectedCallback () {
+        const svg = this.root.querySelector('svg');
+        const svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--routePin', '', null, 'IconRoutePin');
+        svg.setAttribute('width', svgSize.width);
+        svg.setAttribute('height', svgSize.height);
+        this.setAttribute('class', 'c-pieIcon c-pieIcon--routePin');
+        this.root.append(svg);
+    }
+
+    attributeChangedCallback (attr, oldVal, newVal) {
+        const svg = this.root.querySelector('svg');
+        let svgSize;
+
+        if (attr === 'size') {
+            svgSize = configs.getSvgProps('c-pieIcon c-pieIcon--routePin', '', newVal, 'IconRoutePin');
+
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+            this.root.append(svg);
+        }
+    }
+}
+
+customElements.define('icon-route-pin', IconRoutePin);
+
+exports.IconRoutePin = IconRoutePin;