@westpac/ui 0.2.0 → 0.3.0

package/dist/components/pictogram/components/informative/nest-egg-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function NestEggPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Nest egg' , copyrightYear ='2021' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M40.592 37.265a3.36 3.36 0 0 1-1.562 1.037v-6.26c.752.278 1.322.636 1.688 1.085.443.543.664 1.19.664 1.942 0 .842-.263 1.572-.79 2.196M34.47 25.12a2.83 2.83 0 0 1-.538-1.657c0-.651.197-1.244.588-1.783.35-.48.813-.827 1.377-1.058v5.633c-.623-.3-1.104-.675-1.427-1.135m9.572 4.878c-.915-1.087-2.59-1.982-5.01-2.691v-6.432c.791.51 1.312 1.3 1.527 2.403l4.255-.555c-.29-1.682-.963-3.024-2.017-4.028-.953-.907-2.219-1.473-3.766-1.735v-1.756h-3.135v1.7c-1.829.223-3.312.924-4.429 2.128-1.16 1.249-1.74 2.794-1.74 4.633 0 1.817.512 3.362 1.538 4.634.993 1.233 2.54 2.158 4.631 2.786v6.996c-.524-.294-1.007-.72-1.444-1.295-.493-.651-.829-1.425-1.009-2.322l-4.39.47c.337 2.21 1.11 3.92 2.321 5.132 1.166 1.166 2.68 1.868 4.522 2.13v3.1h3.135v-3.233c1.95-.366 3.497-1.185 4.631-2.47 1.227-1.39 1.843-3.1 1.843-5.13 0-1.816-.49-3.304-1.464-4.465"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M49.556 64.324c2.018 0 3.885-.075 5.596-.192-6.676 3.652-20.474 8.463-35.31-2.565 2.579-.056 5.033-.165 7.378-.316 8.307 2.347 16.015 3.073 22.336 3.073m-31.17-26.562c0-15.644 8.622-28.372 19.219-28.372 10.597 0 19.219 12.728 19.219 28.372 0 3.217-.395 6.161-1.1 8.826-9.013 1.581-21.531 2.182-36.545-1.23-.512-2.335-.792-4.868-.792-7.596M71.08 56.94l-.6-2.428c-.142.036-6.325 1.502-15.165 1.731 10.146-3.373 14.23-7.142 14.538-7.438l-1.731-1.802c-.088.084-5.924 5.466-21.545 9.026-8.59-.66-18.345-2.81-27.242-8.046 8.022 1.791 15.319 2.471 21.76 2.471 19.137 0 30.737-5.962 31.463-6.346l-1.17-2.21c-.086.046-3.055 1.558-8.38 3.047.199-1.567.306-3.155.306-4.742 0-17.078-11.9-32.199-23.801-33.164-1.866-.12-3.887-.022-7.257 1.082-9.397 3.394-16.37 15.518-16.37 29.918 0 2.248.21 4.495.615 6.681a112.816 112.816 0 0 1-10.648-3.288L5 43.782c2.449.89 4.843 1.668 7.187 2.355 8.222 6.478 17.602 9.81 26.427 11.385-3.38.51-7.104.921-11.186 1.198a76.34 76.34 0 0 1-18.182-7.949l-1.29 2.141a78.61 78.61 0 0 0 12.609 6.13c-3.157.083-6.483.095-10.022.007l-.063 2.5c1.792.045 3.533.066 5.228.066 7.924 6.542 16.497 9.175 23.296 9.175 11.484 0 20.09-6.062 21.639-7.228 3.368-.478 5.342-1.008 5.416-1.028l-.673-2.408c-.19.052-13.14 3.52-30.233.407 4.418-.525 8.332-1.212 11.794-1.989 2.123.148 4.18.22 6.128.22 10.377 0 17.847-1.785 18.006-1.824z"
+    })));
+}

package/dist/components/pictogram/components/informative/noodles-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function NoodlesPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/noodles-pictogram.js

@@ -0,0 +1,48 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function NoodlesPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Noodles' , copyrightYear ='2021' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M15.01 13.728c.027-.6.456-1.062.963-1.035l50.164 2.72c1.012.011 1.846.754 1.863 1.66.016.905-.79 1.63-1.8 1.618a2.212 2.212 0 0 1-.204-.013l-50.139-3.612c-.5-.036-.882-.545-.856-1.14l.01-.198z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M49.08 61.198l-.676.367v5.63h-25.37v-5.63l-.676-.367C13.658 56.472 8.046 47.464 7.6 37.581h56.24c-.448 9.884-6.06 18.891-14.76 23.617zM71.586 38.2c-.579-.596-4.555-2.454-6.168-2.947-.366-.11-.857-.26-1.276-.262h-28.71c-.195-1.35-.673-2.205-1.109-2.973-.481-.847-.86-1.515-.86-2.983 0-1.469.379-2.138.86-2.984.562-.99 1.201-2.11 1.201-4.268 0-2.156-.64-3.278-1.2-4.267-.482-.846-.862-1.512-.862-2.98 0-1.466.38-2.133.861-2.977.562-.988 1.201-2.108 1.201-4.264 0-.715-.577-1.295-1.288-1.295-.713 0-1.289.58-1.289 1.295 0 1.466-.38 2.133-.86 2.976-.563.99-1.201 2.11-1.201 4.266 0 2.155.638 3.276 1.2 4.265.48.845.861 1.514.861 2.98 0 1.47-.38 2.138-.86 2.984-.563.99-1.201 2.111-1.201 4.269 0 2.157.638 3.278 1.2 4.268.31.547.578 1.024.73 1.688h-3.94c-.194-1.35-.672-2.205-1.11-2.973-.48-.847-.86-1.515-.86-2.983 0-1.469.38-2.138.86-2.984.563-.99 1.201-2.11 1.201-4.268 0-2.156-.638-3.278-1.2-4.267-.482-.846-.861-1.512-.861-2.98 0-1.466.38-2.133.86-2.977.563-.988 1.201-2.108 1.201-4.264A1.29 1.29 0 0 0 27.68 6c-.711 0-1.288.58-1.288 1.295 0 1.466-.38 2.133-.861 2.976-.563.99-1.201 2.11-1.201 4.266 0 2.155.638 3.276 1.2 4.265.482.845.862 1.514.862 2.98 0 1.47-.38 2.138-.861 2.984-.563.99-1.201 2.111-1.201 4.269 0 2.157.638 3.278 1.2 4.268.312.547.58 1.024.73 1.688h-3.94c-.194-1.35-.672-2.205-1.109-2.973-.481-.847-.86-1.515-.86-2.983 0-1.469.379-2.138.86-2.984.563-.99 1.2-2.11 1.2-4.268 0-2.156-.637-3.278-1.2-4.267-.481-.846-.86-1.512-.86-2.98 0-1.466.379-2.133.86-2.977.563-.988 1.2-2.108 1.2-4.264 0-.715-.576-1.295-1.288-1.295-.712 0-1.288.58-1.288 1.295 0 1.466-.38 2.133-.86 2.976-.563.99-1.201 2.11-1.201 4.266 0 2.155.638 3.276 1.2 4.265.482.845.861 1.514.861 2.98 0 1.47-.38 2.138-.86 2.984-.563.99-1.201 2.111-1.201 4.269 0 2.157.638 3.278 1.2 4.268.312.547.578 1.024.73 1.688H6.976c-.528 0-1.045.218-1.416.6A1.975 1.975 0 0 0 5 37.018c.25 10.795 6.152 20.717 15.457 26.08v4.494c0 .837.475 1.558 1.163 1.927C23.57 70.981 28.144 72 28.203 72h26.159a2.19 2.19 0 0 0 2.182-2.194v-4.492C65.854 59.946 71.756 50.017 72 39.216c.006-.496-.01-.584-.413-1.016z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M15.001 10.642a.932.932 0 0 1 .867-.982l50.125-2.958c1.009-.096 1.903.449 1.999 1.217.095.768-.644 1.47-1.652 1.566-.067.006-.136.01-.202.01L15.96 11.691a.919.919 0 0 1-.95-.88l-.009-.17z"
+    })));
+}

package/dist/components/pictogram/components/informative/number-1-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function Number1Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/number-1-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function Number1Pictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Number 1' , copyrightYear ='2021' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M42.762 52.16h-5.35V31.994c-1.956 1.828-4.26 3.18-6.914 4.056v-4.857c1.397-.457 2.914-1.323 4.552-2.598 1.638-1.277 2.761-2.765 3.37-4.466h4.342V52.16z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.269S21.855 8.502 38.268 8.502s29.768 13.353 29.768 29.767-13.355 29.768-29.768 29.768m27.17-47.142C59.697 11.947 49.666 6 38.268 6 20.476 6 6 20.475 6 38.268c0 7.133 2.331 13.73 6.266 19.078C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.475 32.266-32.267a32.101 32.101 0 0 0-6.271-19.088"
+    })));
+}

package/dist/components/pictogram/components/informative/number-2-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function Number2Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/number-2-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function Number2Pictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Number 2' , copyrightYear ='2021' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M47.237 46.492v4.971H28.479c.203-1.879.813-3.659 1.828-5.342 1.016-1.682 3.022-3.913 6.018-6.693 2.412-2.248 3.89-3.77 4.437-4.57.737-1.105 1.104-2.197 1.104-3.276 0-1.194-.32-2.11-.961-2.752-.641-.64-1.527-.96-2.656-.96-1.117 0-2.006.335-2.666 1.008-.66.673-1.041 1.79-1.143 3.351l-5.332-.533c.317-2.945 1.315-5.058 2.99-6.34 1.676-1.283 3.77-1.925 6.284-1.925 2.755 0 4.919.743 6.494 2.23 1.574 1.483 2.36 3.331 2.36 5.54a9.685 9.685 0 0 1-.675 3.59c-.451 1.136-1.166 2.326-2.142 3.57-.65.825-1.817 2.013-3.504 3.561-1.69 1.55-2.758 2.578-3.21 3.086a9.23 9.23 0 0 0-1.095 1.484h10.627z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.269S21.855 8.502 38.268 8.502s29.768 13.353 29.768 29.767-13.355 29.768-29.768 29.768m27.17-47.142C59.697 11.947 49.666 6 38.268 6 20.476 6 6 20.474 6 38.267a32.088 32.088 0 0 0 6.266 19.079C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.475 32.266-32.267a32.101 32.101 0 0 0-6.271-19.088"
+    })));
+}

package/dist/components/pictogram/components/informative/number-3-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function Number3Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/number-3-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function Number3Pictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Number 3' , copyrightYear ='2021' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M29.436 44.514l5.18-.628c.165 1.32.609 2.33 1.333 3.028.723.7 1.599 1.047 2.628 1.047 1.104 0 2.034-.419 2.789-1.257.756-.837 1.133-1.967 1.133-3.389 0-1.346-.362-2.412-1.085-3.199-.724-.788-1.606-1.18-2.647-1.18-.685 0-1.505.133-2.457.398l.591-4.36c1.447.038 2.552-.276 3.313-.942.762-.667 1.143-1.553 1.143-2.657 0-.939-.279-1.688-.838-2.248-.559-.557-1.302-.838-2.229-.838-.914 0-1.694.32-2.341.954-.648.634-1.041 1.56-1.181 2.78l-4.933-.839c.343-1.688.861-3.037 1.552-4.046.693-1.01 1.657-1.803 2.895-2.38 1.238-.578 2.625-.867 4.161-.867 2.628 0 4.735.838 6.322 2.514 1.308 1.371 1.962 2.92 1.962 4.646 0 2.45-1.34 4.405-4.019 5.865 1.6.343 2.879 1.112 3.837 2.305.959 1.193 1.439 2.634 1.439 4.322 0 2.45-.896 4.54-2.686 6.266s-4.017 2.59-6.683 2.59c-2.527 0-4.621-.728-6.284-2.18-1.664-1.455-2.628-3.355-2.895-5.705"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.268c0-16.414 13.355-29.766 29.768-29.766s29.768 13.352 29.768 29.766c0 16.415-13.355 29.769-29.768 29.769m27.17-47.143C59.697 11.946 49.666 6 38.268 6 20.476 6 6 20.474 6 38.267a32.09 32.09 0 0 0 6.266 19.079C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.476 32.266-32.268a32.106 32.106 0 0 0-6.271-19.088"
+    })));
+}

package/dist/components/pictogram/components/informative/number-4-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function Number4Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/number-4-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function Number4Pictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Number 4' , copyrightYear ='2021' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M38.675 41.513v-9.54l-6.417 9.54h6.417zm0 10.32v-5.616H27.25v-4.685l12.112-17.73h4.494v17.71h3.466v4.705h-3.466v5.617h-5.18z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.269S21.855 8.502 38.268 8.502s29.768 13.353 29.768 29.767-13.355 29.768-29.768 29.768m27.17-47.142C59.697 11.947 49.666 6 38.268 6 20.476 6 6 20.475 6 38.268c0 7.133 2.331 13.73 6.266 19.079C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.475 32.266-32.267a32.104 32.104 0 0 0-6.271-19.088"
+    })));
+}

package/dist/components/pictogram/components/informative/number-5-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function Number5Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/number-5-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function Number5Pictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Number 5' , copyrightYear ='2021' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M29.28 45.165l5.332-.552c.152 1.206.603 2.161 1.352 2.866.749.705 1.612 1.057 2.589 1.057 1.118 0 2.064-.454 2.838-1.36.775-.909 1.16-2.277 1.16-4.105 0-1.715-.382-3-1.151-3.856-.767-.858-1.767-1.286-3-1.286-1.535 0-2.912.68-4.131 2.038l-4.342-.628 2.743-14.53h14.148v5.008H36.725l-.838 4.742c1.194-.597 2.413-.896 3.657-.896 2.374 0 4.386.864 6.037 2.59 1.65 1.727 2.475 3.968 2.475 6.723 0 2.297-.667 4.348-2 6.15-1.815 2.464-4.335 3.695-7.56 3.695-2.576 0-4.678-.692-6.303-2.076-1.625-1.384-2.596-3.243-2.913-5.58"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.268c0-16.414 13.355-29.766 29.768-29.766s29.768 13.352 29.768 29.766c0 16.415-13.355 29.769-29.768 29.769m0-62.037C20.476 6 6 20.474 6 38.267a32.09 32.09 0 0 0 6.266 19.079C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.476 32.266-32.268a32.106 32.106 0 0 0-6.271-19.088C59.697 11.947 49.666 6 38.268 6z"
+    })));
+}

package/dist/components/pictogram/components/informative/padlock-locked-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function PadlockLockedPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/padlock-locked-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function PadlockLockedPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Locked padlock' , copyrightYear ='2023' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M43.3732,45.7012 C43.3732,42.1112 40.4632,39.2012 36.8732,39.2012 C33.2832,39.2012 30.3732,42.1112 30.3732,45.7012 C30.3732,48.0012 31.5712,50.0172 33.3732,51.1732 L33.3732,56.7012 C33.3732,58.6342 34.9402,60.2012 36.8732,60.2012 C38.8062,60.2012 40.3732,58.6342 40.3732,56.7012 L40.3732,51.1732 C42.1762,50.0172 43.3732,48.0012 43.3732,45.7012"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M57.2682,63.1953 C57.2682,65.5683 55.3382,67.4983 52.9662,67.4983 L19.8032,67.4983 C17.4302,67.4983 15.5002,65.5683 15.5002,63.1953 L15.5002,30.9983 L57.2682,30.9983 L57.2682,63.1953 Z M24.3842,22.7083 C24.3842,15.1493 30.2152,9.0003 37.3842,9.0003 C44.5522,9.0003 50.3842,15.1493 50.3842,22.7083 L50.3842,28.4983 L24.3842,28.4983 L24.3842,22.7083 Z M62.9972,32.3353 L62.9982,32.3313 L59.1862,29.0623 L59.1852,29.0633 C58.8322,28.7153 58.3492,28.4983 57.8152,28.4983 L54.3842,28.4983 L54.3842,22.7083 C54.3842,12.9443 46.7582,5.0003 37.3842,5.0003 C28.0102,5.0003 20.3842,12.9443 20.3842,22.7083 L20.3842,28.4983 L14.9392,28.4983 C13.8702,28.4983 13.0002,29.3683 13.0002,30.4373 L13.0002,63.1953 C13.0002,63.3293 13.0122,63.4603 13.0202,63.5913 C13.0192,63.5913 13.0122,63.5893 13.0122,63.5893 C13.0122,63.5893 13.0172,63.6983 13.0352,63.8863 C13.0352,63.8883 13.0352,63.8913 13.0362,63.8943 C13.1832,65.3883 14.2892,71.9863 22.2362,73.1483 C22.6912,73.2443 23.1622,73.2963 23.6452,73.2963 L56.8082,73.2963 C60.5592,73.2963 63.6112,70.2453 63.6112,66.4943 L63.6112,33.7503 C63.6112,33.1923 63.3722,32.6913 62.9972,32.3353 L62.9972,32.3353 Z"
+    })));
+}

package/dist/components/pictogram/components/informative/padlock-unlocked-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function PadlockUnlockedPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/padlock-unlocked-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function PadlockUnlockedPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Unlocked padlock' , copyrightYear ='2023' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M43.3735,45.9736 C43.3735,42.3836 40.4635,39.4736 36.8735,39.4736 C33.2835,39.4736 30.3735,42.3836 30.3735,45.9736 C30.3735,48.2736 31.5705,50.2896 33.3735,51.4446 L33.3735,56.9736 C33.3735,58.9066 34.9405,60.4736 36.8735,60.4736 C38.8065,60.4736 40.3735,58.9066 40.3735,56.9736 L40.3735,51.4446 C42.1755,50.2896 43.3735,48.2736 43.3735,45.9736"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M57.2681,63.4677 C57.2681,65.8407 55.3381,67.7707 52.9661,67.7707 L19.8031,67.7707 C17.4301,67.7707 15.5001,65.8407 15.5001,63.4677 L15.5001,31.2707 L57.2681,31.2707 L57.2681,63.4677 Z M62.9971,32.6077 L62.9991,32.6037 L59.1861,29.3347 L59.1851,29.3357 C58.8331,28.9867 58.3491,28.7707 57.8151,28.7707 L53.8401,28.7707 L53.8401,21.1667 C53.8401,11.7007 46.4461,3.9997 37.3571,3.9997 C28.2681,3.9997 20.8731,11.7007 20.8731,21.1667 L20.8731,21.5837 L24.8731,21.5837 L24.8731,21.1667 C24.8731,13.9067 30.4741,7.9997 37.3571,7.9997 C44.2401,7.9997 49.8401,13.9067 49.8401,21.1667 L49.8401,28.7707 L14.9391,28.7707 C13.8701,28.7707 13.0001,29.6397 13.0001,30.7097 L13.0001,63.4677 C13.0001,63.6017 13.0121,63.7317 13.0201,63.8637 C13.0191,63.8637 13.0131,63.8607 13.0131,63.8607 C13.0131,63.8607 13.0171,63.9707 13.0351,64.1577 C13.0351,64.1607 13.0361,64.1637 13.0361,64.1657 C13.1831,65.6597 14.2891,72.2587 22.2371,73.4197 C22.6911,73.5157 23.1621,73.5687 23.6451,73.5687 L56.8081,73.5687 C60.5591,73.5687 63.6111,70.5167 63.6111,66.7657 L63.6111,34.0217 C63.6111,33.4647 63.3731,32.9637 62.9971,32.6077 L62.9971,32.6077 Z"
+    })));
+}

package/dist/components/pictogram/components/informative/passport-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function PassportPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/passport-pictogram.js

@@ -0,0 +1,54 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function PassportPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Passport' , copyrightYear ='2023' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("polygon", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        points: "27.791 24.295 51.496 24.295 51.496 21.295 27.791 21.295"
+    }), React.createElement("polygon", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        points: "27.791 64.275 51.496 64.275 51.496 61.275 27.791 61.275"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M61.2246,69.1045 C61.2246,70.3925 60.1766,71.4395 58.8896,71.4395 L19.8346,71.4395 C18.5476,71.4395 17.4996,70.3925 17.4996,69.1045 L17.4996,66.1635 L17.4616,66.2145 L17.4616,14.1215 L17.4616,12.0395 C17.4616,13.0255 18.6616,14.0495 19.9836,14.0625 L58.8896,14.0625 C60.1766,14.0625 61.2246,15.1095 61.2246,16.3975 L61.2246,69.1045 Z M58.8896,11.5625 L56.4266,11.5625 L56.4586,8.0345 C56.4716,5.8195 54.6876,4.0135 52.4726,4.00040673 C52.3186,3.9995 52.1646,4.0065 52.0126,4.0235 L19.1396,7.6145 L19.1416,7.6235 C15.0616,8.0975 15.0276,11.0845 15.0276,11.0845 L15.0276,16.1275 C15.0226,16.2195 14.9996,16.3055 14.9996,16.3975 L14.9996,69.1045 C14.9996,71.7715 17.1686,73.9395 19.8346,73.9395 L58.8896,73.9395 C61.5556,73.9395 63.7246,71.7715 63.7246,69.1045 L63.7246,16.3975 C63.7246,13.7315 61.5556,11.5625 58.8896,11.5625 L58.8896,11.5625 Z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M31.4902,35.2675 C32.1602,35.4995 32.8552,35.7045 33.5682,35.8785 C33.8812,34.9395 34.3392,33.8215 34.9882,32.7895 C33.6802,33.3815 32.4952,34.2205 31.4902,35.2675 L31.4902,35.2675 Z M44.2982,32.7895 C44.9472,33.8215 45.4062,34.9395 45.7182,35.8785 C46.4302,35.7045 47.1262,35.4995 47.7942,35.2675 C46.7902,34.2205 45.6062,33.3825 44.2982,32.7895 L44.2982,32.7895 Z M35.6632,36.2935 C36.6232,36.4395 37.6012,36.5345 38.5852,36.5735 L38.5852,32.0675 C37.7522,32.5085 36.9492,33.4595 36.2782,34.8185 C36.0532,35.2745 35.8472,35.7695 35.6632,36.2935 L35.6632,36.2935 Z M40.7012,32.0675 L40.7012,36.5735 C41.6842,36.5345 42.6632,36.4395 43.6232,36.2935 C43.4382,35.7685 43.2322,35.2745 43.0072,34.8185 C42.3372,33.4595 41.5352,32.5085 40.7012,32.0675 L40.7012,32.0675 Z M28.3852,42.0355 L32.5052,42.0355 C32.5612,40.6085 32.7322,39.2285 33.0132,37.9235 C32.0122,37.6755 31.0402,37.3715 30.1122,37.0175 C29.1432,38.5315 28.5522,40.2495 28.3852,42.0355 L28.3852,42.0355 Z M34.6242,42.0355 L38.5852,42.0355 L38.5852,38.6925 C37.4032,38.6485 36.2302,38.5315 35.0892,38.3465 C34.8352,39.5145 34.6792,40.7515 34.6242,42.0355 L34.6242,42.0355 Z M40.7012,42.0355 L44.6612,42.0355 C44.6072,40.7505 44.4512,39.5135 44.1972,38.3465 C43.0542,38.5315 41.8832,38.6485 40.7012,38.6925 L40.7012,42.0355 Z M46.7812,42.0355 L50.9012,42.0355 C50.7332,40.2495 50.1422,38.5315 49.1742,37.0175 C48.2452,37.3725 47.2722,37.6755 46.2702,37.9235 C46.5532,39.2305 46.7242,40.6105 46.7812,42.0355 L46.7812,42.0355 Z M34.6242,44.1535 C34.6792,45.4365 34.8352,46.6735 35.0892,47.8415 C36.2322,47.6555 37.4062,47.5385 38.5852,47.4965 L38.5852,44.1535 L34.6242,44.1535 Z M40.7012,47.4965 C41.8812,47.5385 43.0532,47.6555 44.1972,47.8415 C44.4512,46.6745 44.6072,45.4375 44.6612,44.1535 L40.7012,44.1535 L40.7012,47.4965 Z M46.2702,48.2645 C47.2712,48.5115 48.2452,48.8145 49.1742,49.1705 C50.1422,47.6575 50.7332,45.9385 50.9012,44.1535 L46.7812,44.1535 C46.7242,45.5775 46.5532,46.9565 46.2702,48.2645 L46.2702,48.2645 Z M28.3852,44.1535 C28.5522,45.9375 29.1432,47.6565 30.1122,49.1705 C31.0412,48.8145 32.0132,48.5115 33.0132,48.2645 C32.7322,46.9585 32.5612,45.5795 32.5052,44.1535 L28.3852,44.1535 Z M31.4902,50.9205 C32.4952,51.9675 33.6802,52.8065 34.9882,53.3985 C34.3392,52.3665 33.8812,51.2485 33.5682,50.3095 C32.8562,50.4825 32.1612,50.6875 31.4902,50.9205 L31.4902,50.9205 Z M45.7182,50.3095 C45.4062,51.2485 44.9472,52.3665 44.2982,53.3985 C45.6062,52.8065 46.7902,51.9675 47.7942,50.9205 C47.1252,50.6875 46.4292,50.4825 45.7182,50.3095 L45.7182,50.3095 Z M35.6632,49.8955 C35.8482,50.4215 36.0542,50.9155 36.2782,51.3695 C36.9492,52.7275 37.7522,53.6795 38.5852,54.1215 L38.5852,49.6145 C37.5992,49.6545 36.6212,49.7485 35.6632,49.8955 L35.6632,49.8955 Z M40.7012,49.6145 L40.7012,54.1215 C41.5352,53.6795 42.3372,52.7275 43.0072,51.3695 C43.2322,50.9135 43.4392,50.4195 43.6232,49.8955 C42.6652,49.7485 41.6862,49.6545 40.7012,49.6145 L40.7012,49.6145 Z M39.6392,56.5175 C36.1402,56.5175 32.8502,55.1955 30.3282,52.7645 C27.6772,50.2105 26.2192,46.7765 26.2192,43.0945 C26.2192,37.0565 30.2752,31.7305 36.0852,30.1445 C40.1562,29.0275 44.4212,29.8565 47.7832,32.4205 C51.1412,34.9825 53.0682,38.8725 53.0682,43.0945 C53.0682,50.3455 47.3952,56.2385 40.1542,56.5075 C39.9822,56.5145 39.8112,56.5175 39.6392,56.5175 L39.6392,56.5175 Z"
+    })));
+}

package/dist/components/pictogram/components/informative/percent-sign-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function PercentSignPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/percent-sign-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function PercentSignPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Percent sign' , copyrightYear ='2023' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M37.7109,67.9121 C21.2969,67.9121 7.9429,54.5581 7.9429,38.1441 C7.9429,21.7301 21.2969,8.3771 37.7109,8.3771 C54.1239,8.3771 67.4779,21.7301 67.4779,38.1441 C67.4779,54.5581 54.1239,67.9121 37.7109,67.9121 M64.8799,20.7701 C59.1389,11.8221 49.1089,5.8751 37.7109,5.8751 C19.9189,5.8751 5.4429,20.3501 5.4429,38.1431 C5.4429,45.2761 7.7739,51.8731 11.7089,57.2211 C17.4489,66.1751 27.4819,72.1251 38.8849,72.1251 C56.6769,72.1251 71.1519,57.6501 71.1519,39.8581 C71.1519,32.7201 68.8179,26.1201 64.8799,20.7701"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M45.749,46.3555 C45.749,48.2365 45.966,49.4935 46.4,50.1245 C46.729,50.6115 47.183,50.8545 47.762,50.8545 C48.354,50.8545 48.808,50.6185 49.124,50.1445 C49.558,49.4995 49.774,48.2365 49.774,46.3555 C49.774,44.4745 49.564,43.2115 49.143,42.5665 C48.814,42.0935 48.354,41.8565 47.762,41.8565 C47.17,41.8565 46.716,42.0935 46.4,42.5665 C45.966,43.2115 45.749,44.4745 45.749,46.3555 L45.749,46.3555 Z M41.428,46.3755 C41.428,43.7835 41.997,41.8635 43.134,40.6135 C44.272,39.3635 45.828,38.7385 47.801,38.7385 C49.788,38.7385 51.35,39.3635 52.488,40.6135 C53.626,41.8635 54.195,43.7835 54.195,46.3755 C54.195,48.9805 53.626,50.9075 52.488,52.1575 C51.35,53.4065 49.808,54.0315 47.86,54.0315 C45.848,54.0315 44.272,53.4065 43.134,52.1575 C41.997,50.9075 41.428,48.9805 41.428,46.3755 L41.428,46.3755 Z M31.892,53.9725 L27.402,53.9725 L44.738,23.4455 L49.109,23.4455 L31.892,53.9725 Z M26.233,31.0425 C26.233,32.9235 26.45,34.1875 26.884,34.8315 C27.213,35.3055 27.667,35.5425 28.246,35.5425 C28.838,35.5425 29.298,35.3055 29.627,34.8315 C30.048,34.1875 30.259,32.9235 30.259,31.0425 C30.259,29.1615 30.048,27.9055 29.627,27.2735 C29.298,26.7875 28.838,26.5435 28.246,26.5435 C27.667,26.5435 27.213,26.7805 26.884,27.2535 C26.45,27.8985 26.233,29.1615 26.233,31.0425 L26.233,31.0425 Z M21.912,31.0825 C21.912,28.4905 22.48,26.5695 23.619,25.3205 C24.756,24.0705 26.299,23.4455 28.246,23.4455 C30.259,23.4455 31.834,24.0675 32.972,25.3105 C34.11,26.5535 34.679,28.4775 34.679,31.0825 C34.679,33.6735 34.11,35.5945 32.972,36.8445 C31.834,38.0945 30.291,38.7185 28.345,38.7185 C26.332,38.7185 24.756,38.0975 23.619,36.8545 C22.48,35.6105 21.912,33.6875 21.912,31.0825 L21.912,31.0825 Z"
+    })));
+}

package/dist/components/pictogram/components/informative/person-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function PersonPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;

package/dist/components/pictogram/components/informative/person-pictogram.js

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function PersonPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Person' , copyrightYear ='2023' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M11.0083,70.6138 L12.4083,61.5538 L12.4313,61.4228 C12.8923,58.7648 14.7063,56.4798 17.2833,55.3088 C18.9823,54.5388 22.2633,53.0408 25.3243,51.5928 L27.7163,50.4488 C28.1483,50.2388 28.5623,50.0368 28.9533,49.8418 C30.1843,51.0458 34.1093,54.4438 39.3113,54.5178 C39.3693,54.5188 39.4273,54.5188 39.4863,54.5188 C43.0623,54.5188 46.4453,52.9238 49.5573,49.8068 C50.2323,50.1368 50.9683,50.4898 51.7473,50.8588 L54.1573,51.9838 C56.9103,53.2568 59.6883,54.5058 61.2073,55.1848 C63.7913,56.3398 65.6183,58.6148 66.0963,61.2758 L67.5703,70.4528 L11.0083,70.6138 Z M32.7083,46.6698 C33.2943,45.6138 33.6163,44.4358 33.7663,43.2758 C35.4403,44.4098 37.3373,45.1278 39.4753,45.1278 C41.4393,45.1278 43.1793,44.5748 44.7183,43.6738 C44.9833,45.2178 45.5273,46.5018 46.3223,47.5118 C46.6353,47.9078 46.9953,48.2398 47.3193,48.5008 C44.8033,50.8608 42.1693,52.0438 39.3653,52.0178 C35.6313,51.9718 32.5743,49.7188 31.1953,48.5058 C32.4263,47.4508 32.7083,46.6698 32.7083,46.6698 L32.7083,46.6698 Z M26.5493,27.2048 C26.9343,25.2968 29.0463,22.8498 31.1973,22.3648 C34.0273,21.5958 39.9333,23.0248 43.3033,17.7808 C45.5773,18.5498 47.9683,16.8728 50.1283,20.5308 C50.8863,22.2178 51.0023,23.9908 51.3233,26.0318 C51.2953,26.5118 51.6523,27.3488 52.0393,27.6808 C51.1763,30.7408 47.3153,42.6278 39.4753,42.6278 C31.4863,42.6278 27.0683,28.9168 26.5493,27.2048 L26.5493,27.2048 Z M71.3583,60.5278 L71.3283,60.3568 C70.6723,56.6398 68.1543,53.4628 64.5923,51.8588 C61.9373,50.6628 55.1613,48.4448 51.7473,46.7078 C48.5563,45.0848 47.3163,42.5308 47.3173,41.6718 C50.0043,39.0578 51.8623,35.4368 53.0373,32.5078 C53.1073,32.5738 53.1893,32.6178 53.2943,32.6178 C55.7723,32.6178 57.0083,28.9798 57.0083,27.6208 C57.0083,26.3188 56.2123,25.2638 55.2103,25.1778 C56.0643,23.8248 56.2823,22.5128 56.2823,22.5128 C57.0993,18.1358 56.0553,15.2538 54.3063,12.6518 C52.4393,9.8138 49.6613,7.8158 46.0443,8.2298 C45.1813,6.6688 43.7953,5.7128 42.1253,5.2258 C41.2893,4.9828 40.4173,4.9018 39.5463,4.8918 C38.4133,4.8778 37.2183,4.9458 36.0393,5.0358 C30.4173,5.4638 25.9773,8.3768 23.8483,12.5468 C22.2433,15.6818 21.4873,19.3478 22.4183,22.5428 C22.7043,23.5238 23.1263,24.4058 23.5783,25.1718 C22.5523,25.2278 21.7333,26.2978 21.7333,27.6208 C21.7333,28.9798 22.9693,32.6178 25.4463,32.6178 C25.6073,32.6178 25.7183,32.5278 25.7983,32.3828 C27.0073,35.1808 28.8683,38.6818 31.4333,41.3088 C31.4463,42.9938 31.1533,45.5218 29.4263,46.7648 C29.2733,46.8758 29.1073,46.9768 28.9303,47.0678 C25.4933,48.8268 18.9503,51.8178 16.2973,53.0218 C12.9653,54.5338 10.6163,57.5108 10.0173,60.9728 L8.1373,73.1108 L57.5823,72.9708 L73.3643,72.9708 L71.3583,60.5278 Z"
+    }), React.createElement("polygon", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        points: "47.304 73.012 58.165 73.012 58.165 60.461 47.304 60.461"
+    })));
+}

package/dist/components/pictogram/components/informative/piggy-bank-pictogram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PictogramProps } from '../../pictogram.types.js';
+export declare function PiggyBankPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;