npm - @westpac/ui - Versions diffs - 0.42.2 → 0.43.0 - Mend

@westpac/ui 0.42.2 → 0.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (674) hide show

package/dist/components/icon/components/money-out-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function MoneyOutIcon({ look ='filled' , 'aria-label': ariaLabel = 'Money Out' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function MoneyOutIcon({ look = 'filled', 'aria-label': ariaLabel = 'Money Out', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M21.8524 18.8524C19.6843 21.9638 16.0801 24 12 24C5.37225 24 0 18.627 0 12C0 5.373 5.37225 0 12 0C16.0801 0 19.6843 2.03618 21.8524 5.14761L20.411 6.58899C18.6312 3.8281 15.5291 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C15.5291 22 18.6312 20.1719 20.411 17.411L21.8524 18.8524ZM18 6L24 12L18 18V6ZM6 14.7036C6.06874 16.7978 7.57453 18.1651 10 18.4462V20H12V18.4377C14.4771 18.1268 16 16.6734 16 14.5208C16 12.6052 14.9157 11.5255 12.4286 10.9856L10.9225 10.6634C9.49398 10.3326 8.89157 9.89719 8.89157 9.12224C8.89157 8.19056 9.75215 7.57234 11.0344 7.57234C12.3339 7.57234 13.2547 8.21668 13.3408 9.27897H15.7762C15.7383 7.27356 14.3199 5.86481 12 5.56127V4H10V5.57422C7.77904 5.90649 6.27539 7.3299 6.27539 9.34863C6.27539 11.1859 7.40275 12.3614 9.69191 12.8577L11.3098 13.2147C12.8072 13.5543 13.401 14.007 13.401 14.8255C13.401 15.7485 12.4544 16.419 11.0688 16.419C9.69191 16.419 8.62478 15.7398 8.5043 14.7036H6Z",

package/dist/components/icon/components/more-horiz-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function MoreHorizIcon({ 'aria-label': ariaLabel = 'More Horiz' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function MoreHorizIcon({ 'aria-label': ariaLabel = 'More Horiz', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M4.5 9.5C3.125 9.5 2 10.625 2 12C2 13.375 3.125 14.5 4.5 14.5C5.875 14.5 7 13.375 7 12C7 10.625 5.875 9.5 4.5 9.5ZM19.5 9.5C18.125 9.5 17 10.625 17 12C17 13.375 18.125 14.5 19.5 14.5C20.875 14.5 22 13.375 22 12C22 10.625 20.875 9.5 19.5 9.5ZM9.5 12C9.5 10.625 10.625 9.5 12 9.5C13.375 9.5 14.5 10.625 14.5 12C14.5 13.375 13.375 14.5 12 14.5C10.625 14.5 9.5 13.375 9.5 12Z",

package/dist/components/icon/components/more-vert-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function MoreVertIcon({ 'aria-label': ariaLabel = 'More Vert' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function MoreVertIcon({ 'aria-label': ariaLabel = 'More Vert', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M12 7C13.375 7 14.5 5.875 14.5 4.5C14.5 3.125 13.375 2 12 2C10.625 2 9.5 3.125 9.5 4.5C9.5 5.875 10.625 7 12 7ZM12 9.5C10.625 9.5 9.5 10.625 9.5 12C9.5 13.375 10.625 14.5 12 14.5C13.375 14.5 14.5 13.375 14.5 12C14.5 10.625 13.375 9.5 12 9.5ZM9.5 19.5C9.5 18.125 10.625 17 12 17C13.375 17 14.5 18.125 14.5 19.5C14.5 20.875 13.375 22 12 22C10.625 22 9.5 20.875 9.5 19.5Z",

package/dist/components/icon/components/move-from-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function MoveFromIcon({ 'aria-label': ariaLabel = 'Move From' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function MoveFromIcon({ 'aria-label': ariaLabel = 'Move From', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("path", {
         d: "M20 0H4C2.9 0 2 0.9 2 2V22C2 23.1 2.9 24 4 24H20C21.11 24 22 23.1 22 22V16.2427L20 18.2427V22H4V2H20V5.75735L22 7.75735V2C22 0.9 21.11 0 20 0Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/move-to-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function MoveToIcon({ 'aria-label': ariaLabel = 'Move To' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function MoveToIcon({ 'aria-label': ariaLabel = 'Move To', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("path", {
         d: "M20 0H4C2.9 0 2 0.9 2 2V6H4V2H20V22H4V18H2V22C2 23.1 2.9 24 4 24H20C21.11 24 22 23.1 22 22V2C22 0.9 21.11 0 20 0Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/new-content-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function NewContentIcon({ 'aria-label': ariaLabel = 'New Content' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function NewContentIcon({ 'aria-label': ariaLabel = 'New Content', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("path", {
         d: "M14 5C14 2.23857 16.2386 0 19 0C21.7614 0 24 2.23857 24 5C24 7.76143 21.7614 10 19 10C16.2386 10 14 7.76143 14 5Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/new-window-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function NewWindowIcon({ 'aria-label': ariaLabel = 'New Window' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function NewWindowIcon({ 'aria-label': ariaLabel = 'New Window', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("path", {
         d: "M2 0H12V2H2V22H22V12H24V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V2C0 0.89543 0.89543 0 2 0Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/notification-active-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function NotificationActiveIcon({ look ='filled' , 'aria-label': ariaLabel = 'Notification Active' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function NotificationActiveIcon({ look = 'filled', 'aria-label': ariaLabel = 'Notification Active', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         d: "M20 11C20 7.27232 17.4505 4.14012 14 3.25203V2C14 0.89543 13.1046 0 12 0C10.8954 0 10 0.89543 10 2V3.25203C6.54955 4.14012 4 7.27232 4 11V17L2 19V20H22V19L20 17V11Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/notification-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function NotificationIcon({ look ='filled' , 'aria-label': ariaLabel = 'Notification' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function NotificationIcon({ look = 'filled', 'aria-label': ariaLabel = 'Notification', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         d: "M20 11C20 7.27232 17.4505 4.14012 14 3.25203V2C14 0.89543 13.1046 0 12 0C10.8954 0 10 0.89543 10 2V3.25203C6.54955 4.14012 4 7.27232 4 11V17L2 19V20H22V19L20 17V11Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/notification-off-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function NotificationOffIcon({ look ='filled' , 'aria-label': ariaLabel = 'Notification Off' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function NotificationOffIcon({ look = 'filled', 'aria-label': ariaLabel = 'Notification Off', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         d: "M9.99995 3.25203V2C9.99995 0.89543 10.8954 0 12 0C13.1045 0 14 0.89543 14 2V3.25203C17.4504 4.14012 20 7.27232 20 11V16.4227L7.7797 4.20243C8.45859 3.78005 9.20539 3.45654 9.99995 3.25203Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/office-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function OfficeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Office' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function OfficeIcon({ look = 'filled', 'aria-label': ariaLabel = 'Office', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M14 0L0 4V24H24V6H14V0ZM4 10H10V12H4V10ZM4 14H10V16H4V14ZM10 18H4V20H10V18ZM16 10H20V12H16V10ZM16 14H20V16H16V14ZM20 18H16V20H20V18Z",

package/dist/components/icon/components/open-browser-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function OpenBrowserIcon({ look ='filled' , 'aria-label': ariaLabel = 'Open Browser' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function OpenBrowserIcon({ look = 'filled', 'aria-label': ariaLabel = 'Open Browser', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M2 0H22C23.11 0 24 0.9 24 2V18C24 19.1 23.1 20 22 20H17V18H22V6H2V18H7V20H2C0.89 20 0 19.1 0 18V2C0 0.9 0.89 0 2 0ZM6 15L12 9L18 15H14V24H10V15H6Z",

package/dist/components/icon/components/package-delivery-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PackageDeliveryIcon({ look ='filled' , 'aria-label': ariaLabel = 'Package Delivery' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function PackageDeliveryIcon({ look = 'filled', 'aria-label': ariaLabel = 'Package Delivery', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M0.053006 0.679823C0.229985 0.156663 0.79756 -0.123973 1.32072 0.053006L3.72221 0.865403C4.67238 1.18683 5.39903 1.96186 5.65864 2.93074L9.2639 16.3857L7.33205 16.9034L3.72679 3.44838C3.64026 3.12542 3.39804 2.86708 3.08132 2.75993L0.679823 1.94754C0.156663 1.77056 -0.123973 1.20298 0.053006 0.679823Z",

package/dist/components/icon/components/padlock-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PadlockIcon({ look ='filled' , 'aria-label': ariaLabel = 'Padlock' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function PadlockIcon({ look = 'filled', 'aria-label': ariaLabel = 'Padlock', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M6 8H4C2.89543 8 2 8.89543 2 10V22C2 23.1046 2.89543 24 4 24H20C21.1046 24 22 23.1046 22 22V10C22 8.89543 21.1046 8 20 8H18V6C18 2.68629 15.3137 0 12 0C8.68629 0 6 2.68629 6 6V8ZM16 8V6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6V8H16ZM12 18.5C13.3807 18.5 14.5 17.3807 14.5 16C14.5 14.6193 13.3807 13.5 12 13.5C10.6193 13.5 9.5 14.6193 9.5 16C9.5 17.3807 10.6193 18.5 12 18.5Z",

package/dist/components/icon/components/padlock-open-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PadlockOpenIcon({ look ='filled' , 'aria-label': ariaLabel = 'Padlock Open' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function PadlockOpenIcon({ look = 'filled', 'aria-label': ariaLabel = 'Padlock Open', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M4 8H16V6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6H6C6 2.68629 8.68629 0 12 0C15.3137 0 18 2.68629 18 6V8H20C21.1046 8 22 8.89543 22 10V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V10C2 8.89543 2.89543 8 4 8ZM12 18.5C13.3807 18.5 14.5 17.3807 14.5 16C14.5 14.6193 13.3807 13.5 12 13.5C10.6193 13.5 9.5 14.6193 9.5 16C9.5 17.3807 10.6193 18.5 12 18.5Z",

package/dist/components/icon/components/padlock-tick-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PadlockTickIcon({ look ='filled' , 'aria-label': ariaLabel = 'Padlock Tick' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function PadlockTickIcon({ look = 'filled', 'aria-label': ariaLabel = 'Padlock Tick', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M4 8H6V6C6 2.68629 8.68629 0 12 0C15.3137 0 18 2.68629 18 6V8H20C21.1046 8 22 8.89543 22 10V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V10C2 8.89543 2.89543 8 4 8ZM16 6V8H8V6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6ZM10.7021 17.4679L16.585 11.585L17.995 13.005L10.7021 20.2979L6.70211 16.2979L8.11211 14.8879L10.7021 17.4679Z",

package/dist/components/icon/components/pause-circle-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PauseCircleIcon({ look ='filled' , 'aria-label': ariaLabel = 'Pause Circle' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function PauseCircleIcon({ look = 'filled', 'aria-label': ariaLabel = 'Pause Circle', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M24 12C24 18.627 18.6278 24 12 24C5.37225 24 0 18.627 0 12C0 5.373 5.37225 0 12 0C18.6278 0 24 5.373 24 12ZM9 16H11V8H9V16ZM15 16H13V8H15V16Z",

package/dist/components/icon/components/pause-icon.js CHANGED Viewed

@@ -1,27 +1,14 @@
-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 React from 'react';
 import { Icon } from '../icon.component.js';
-export function PauseIcon({ 'aria-label': ariaLabel = 'Pause' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function PauseIcon({ 'aria-label': ariaLabel = 'Pause', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
-        d: "M10 19H6V5H10V19ZM14 19V5H18V19H14Z",
+        d: "M10 20H6V4H10V20ZM14 20V4H18V20H14Z",
         fill: "currentColor"
     }));
 }

package/dist/components/icon/components/paw-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PawIcon({ look ='filled' , 'aria-label': ariaLabel = 'Paw' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function PawIcon({ look = 'filled', 'aria-label': ariaLabel = 'Paw', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         d: "M11 3.99999C11 6.20913 9.76877 7.99999 8.24999 7.99999C6.73121 7.99999 5.49999 6.20913 5.49999 3.99999C5.49999 1.79086 6.73121 0 8.24999 0C9.76877 0 11 1.79086 11 3.99999Z",
         fill: "currentColor"
     }), React.createElement("path", {

package/dist/components/icon/components/pay-icon.js CHANGED Viewed

@@ -1,24 +1,11 @@
-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 React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PayIcon({ look ='filled' , 'aria-label': ariaLabel = 'Pay' , copyrightYear ='2025' , ...props }) {
-    return React.createElement(Icon, _extends({
+export function PayIcon({ look = 'filled', 'aria-label': ariaLabel = 'Pay', copyrightYear = '2025', ...props }) {
+    return React.createElement(Icon, {
         "aria-label": ariaLabel,
-        copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        copyrightYear: copyrightYear,
+        ...props
+    }, look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
         d: "M15 2C17.7625 2 20 4.2375 20 7C20 9.7625 17.7625 12 15 12C12.2375 12 10 9.7625 10 7C10 4.2375 12.2375 2 15 2Z",
         fill: "currentColor"
     }), React.createElement("path", {