npm - @westpac/ui - Versions diffs - 0.7.1 → 0.9.0 - Mend

@westpac/ui 0.7.1 → 0.9.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 (412) hide show

package/dist/components/accordion/components/accordion-item/accordion-item.styles.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         };
         false: {
             base: string;
+            itemHeader: string;
         };
     };
     isDisabled: {
@@ -49,6 +50,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         };
         false: {
             base: string;
+            itemHeader: string;
         };
     };
     isDisabled: {

package/dist/components/accordion/components/accordion-item/accordion-item.styles.js CHANGED Viewed

@@ -20,7 +20,8 @@ export const styles = tv({
                 content: 'block border-t border-border p-3'
             },
             false: {
-                base: ''
+                base: '',
+                itemHeader: 'hover:bg-background'
             }
         },
         isDisabled: {

package/dist/components/alert/alert.styles.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'typography-body-10 xsl:flex relative mb-4',
-        icon: 'xsl:mr-2 float-left mr-1 flex-none',
-        body: 'xsl:top-[0.125rem] relative flex-1 overflow-hidden [&_a]:underline',
+        base: 'typography-body-10 relative mb-4 xsl:flex',
+        icon: 'float-left mr-1 flex-none xsl:mr-2',
+        body: 'relative flex-1 overflow-hidden xsl:top-[0.125rem] [&_a]:underline',
         heading: 'typography-body-9 mb-2 font-bold',
-        close: 'absolute right-[0.1875rem] top-[0.1875rem] p-1 hover:opacity-[0.8]'
+        close: 'absolute right-0.5 top-0.5 p-1 hover:opacity-80'
     },
     variants: {
         look: {

package/dist/components/badge/badge.styles.js CHANGED Viewed

@@ -22,7 +22,7 @@ export const styles = tv({
         },
         type: {
             pill: 'typography-body-10 rounded-xl px-[0.4375rem] py-[0.25rem] font-bold leading-none',
-            default: 'rounded-sm px-1 py-[0.1875rem] pb-[0.125rem] text-[0.75rem] leading-none'
+            default: 'rounded-sm px-1 py-0.5 pb-[0.125rem] text-[0.75rem] leading-none'
         }
     }
 }, {

package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.js CHANGED Viewed

@@ -40,7 +40,7 @@ export function BaseBreadcrumbItem({ className , isDisabled =false , isCurrent =
         })
     }), children), !isCurrent && React.createElement("span", {
         "aria-hidden": "true",
-        className: "flex items-center px-[0.1875rem]"
+        className: "flex items-center px-0.5"
     }, React.createElement(ArrowRightIcon, {
         size: "small",
         className: "inline-block",

package/dist/components/button/button.styles.js CHANGED Viewed

@@ -10,16 +10,16 @@ export const styles = tv({
     variants: {
         size: {
             small: {
-                base: 'typography-body-10 px-2 pb-[0.25rem] pt-[0.1875rem] active-theme-rams:before:h-[0.0625rem]'
+                base: 'typography-body-10 px-2 pb-[0.25rem] pt-0.5 active-theme-rams:before:h-[0.0625rem]'
             },
             medium: {
                 base: 'typography-body-9 px-2 py-[0.3125rem] active-theme-rams:before:h-[0.125rem]'
             },
             large: {
-                base: 'typography-body-9 px-[0.9375rem] py-[0.5rem] active-theme-rams:before:h-[0.1875rem]'
+                base: 'typography-body-9 px-2.5 py-[0.5rem] active-theme-rams:before:h-0.5'
             },
             xlarge: {
-                base: 'typography-body-8 px-3 pb-[0.625rem] pt-[0.5625rem] active-theme-rams:before:h-[0.25rem]'
+                base: 'typography-body-8 px-3 pb-[0.625rem] pt-1.5 active-theme-rams:before:h-[0.25rem]'
             }
         },
         look: {

package/dist/components/button-dropdown/components/panel/panel.styles.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'mt-[0.1875rem] rounded-[3px] border border-border bg-white p-2 shadow-[0_0.375rem_0.75rem_rgba(0,0,0,0.175)]',
+        base: 'mt-0.5 rounded border border-border bg-white p-2 shadow-[0_0.375rem_0.75rem_rgba(0,0,0,0.175)]',
         dialog: ''
     },
     variants: {

package/dist/components/compacta/compacta.styles.js CHANGED Viewed

@@ -2,17 +2,17 @@ import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
         base: '',
-        item: 'border-borderDark mb-2 overflow-hidden rounded-[0.1875rem] border',
-        header: 'text-text bg-white px-3 py-[0.9375rem]',
+        item: 'mb-2 overflow-hidden rounded border border-borderDark',
+        header: 'bg-white px-3 py-2.5 text-text',
         headerTitle: 'flex min-w-0 flex-1 items-center',
         primaryHeading: 'flex w-full',
-        secondaryHeading: 'text-muted flex min-w-0 flex-1 items-center pl-4',
+        secondaryHeading: 'flex min-w-0 flex-1 items-center pl-4 text-muted',
         itemIndex: 'typography-body-9 mr-1 w-3 flex-none font-bold',
         removeBtn: 'mt-[0.875rem] h-auto p-0 no-underline hover:underline',
         addBtn: 'h-auto p-0 no-underline hover:underline',
         toggleBtn: 'p-0',
         collapsible: '',
-        content: 'xsl:pl-[3.375rem] p-[0_1.125rem_1.875rem]',
+        content: 'px-3 pb-5 pt-0 xsl:pl-9',
         footer: '',
         titlePrimary: 'typography-body-9 font-bold',
         titleSecondary: 'mt-1 items-center',

package/dist/components/error-message/error-message.styles.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'typography-body-10 flex items-center text-danger',
+        base: 'typography-body-11 flex items-center text-danger',
         list: 'mb-2 flex flex-col gap-1',
-        icon: 'mr-[0.5rem] mt-[mr-0.25rem] align-top'
+        icon: 'mr-[0.5em] align-top'
     }
 });

package/dist/components/form/components/form-group/form-group.styles.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         medium: string;
         large: string;
     };
-}, undefined, "", {
+}, undefined, "last:mb-0", {
     responsiveVariants: string[];
 }, {
     inline: {

package/dist/components/form/components/form-group/form-group.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
-    base: '',
+    base: 'last:mb-0',
     variants: {
         inline: {
             true: 'sm:inline-block sm:align-middle',

package/dist/components/form/form.component.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { FormChitChat, FormGroup, FormHint, FormLabel, FormSection } from './components/index.js';
 import { FormContextValue, type FormProps } from './form.types.js';
 export declare const useFormContext: () => FormContextValue;
-export declare function Form({ children, size, spacing, inline, ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
+export declare function Form({ children, spacing, inline, ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Form {
     var Label: typeof FormLabel;
     var ErrorMessage: typeof import("../error-message/error-message.component.js").ErrorMessage;

package/dist/components/form/form.component.js CHANGED Viewed

@@ -18,11 +18,10 @@ import { ErrorMessage } from '../error-message/index.js';
 import { FormChitChat, FormGroup, FormHint, FormLabel, FormSection } from './components/index.js';
 const FormContext = createContext(null);
 export const useFormContext = ()=>useContext(FormContext) || {};
-export function Form({ children , size ='medium' , spacing ='medium' , inline =false , ...props }) {
+export function Form({ children , spacing ='medium' , inline =false , ...props }) {
     return React.createElement(FormContext.Provider, {
         value: {
             inline,
-            size,
             spacing
         }
     }, React.createElement("form", _extends({}, props), children));

package/dist/components/form/form.stories.d.ts CHANGED Viewed

@@ -14,8 +14,8 @@ export declare const MultipleErrors: Story;
 /**
  * > All sizes Story
  */
-export declare const AllSizes: Story;
+export declare const Size: Story;
 /**
- * > All spacings Story
+ * > All spacings Story. Increases space between label, hint and form groups
  */
 export declare const AllSpacings: Story;

package/dist/components/form/form.types.d.ts CHANGED Viewed

@@ -4,10 +4,6 @@ export type FormContextValue = {
      * Whether form is inline
      */
     inline?: boolean;
-    /**
-     * Size of Form
-     */
-    size?: 'small' | 'medium' | 'large';
     /**
      * Spacing of Form
      */

package/dist/components/form-hint/form-hint.styles.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         medium: string;
         large: string;
     };
-}, undefined, "typography-body-10 mb-2 text-muted", {
+}, undefined, "typography-body-11 mb-2 text-muted", {
     responsiveVariants: string[];
 }, {
     spacing: {

package/dist/components/form-hint/form-hint.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
-    base: 'typography-body-10 mb-2 text-muted',
+    base: 'typography-body-11 mb-2 text-muted',
     variants: {
         spacing: {
             medium: '-mt-1 mb-2',

package/dist/components/form-label/form-label.styles.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "typography-body-9 block font-medium", {
+}, undefined, "typography-body-9 block font-medium leading-loose", {
     responsiveVariants: string[];
 }, {
     spacing: {

package/dist/components/form-label/form-label.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
-    base: 'typography-body-9 block font-medium',
+    base: 'typography-body-9 block font-medium leading-loose',
     variants: {
         spacing: {
             medium: '',

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

@@ -19,10 +19,10 @@ export function ExitIcon({ 'aria-label': ariaLabel = 'Exit' , copyrightYear ='20
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        d: "M3.51677 4.50981C8.20277 -0.176183 15.8008 -0.176713 20.4873 4.50981L19.0731 5.92403C15.1679 2.01878 8.83623 2.01878 4.93098 5.92403C1.02573 9.82928 1.02573 16.1609 4.93098 20.0662C8.83623 23.9714 15.1679 23.9714 19.0731 20.0662L20.4873 21.4804C15.8013 26.1664 8.2033 26.1669 3.51677 21.4804C-1.16976 16.7938 -1.16922 9.19581 3.51677 4.50981Z",
+        d: "M3.51677 3.50981C8.20277 -1.17618 15.8008 -1.17671 20.4873 3.50981L19.0731 4.92403C15.1679 1.01878 8.83623 1.01878 4.93098 4.92403C1.02573 8.82928 1.02573 15.1609 4.93098 19.0662C8.83624 22.9714 15.1679 22.9714 19.0731 19.0662L20.4873 20.4804C15.8013 25.1664 8.2033 25.1669 3.51677 20.4804C-1.16976 15.7938 -1.16922 8.19581 3.51677 3.50981Z",
         fill: "currentColor"
     }), React.createElement("path", {
-        d: "M16.9117 17.2479L20.1525 14.0071H12L12.0391 12.0071L20.1562 12.0071L16.9118 8.76266L18.326 7.34844L24 13L18.326 18.6621L16.9117 17.2479Z",
+        d: "M16.9117 16.2479L20.1525 13.0071H12L12.0391 11.0071L20.1562 11.0071L16.9118 7.76266L18.326 6.34844L24 12L18.326 17.6621L16.9117 16.2479Z",
         fill: "currentColor"
     }));
 }

package/dist/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.styles.js CHANGED Viewed

@@ -3,9 +3,9 @@ export const styles = tv({
     base: 'flex h-full items-center',
     variants: {
         size: {
-            small: 'px-[0.5625rem]',
+            small: 'px-1.5',
             medium: 'px-2',
-            large: 'px-[0.9375rem]',
+            large: 'px-2.5',
             xlarge: 'px-3'
         },
         position: {
@@ -17,7 +17,7 @@ export const styles = tv({
         {
             position: 'before',
             size: 'small',
-            className: 'pl-[0.5625rem]'
+            className: 'pl-1.5'
         },
         {
             position: 'before',
@@ -27,7 +27,7 @@ export const styles = tv({
         {
             position: 'before',
             size: 'large',
-            className: 'pl-[0.9375rem]'
+            className: 'pl-2.5'
         },
         {
             position: 'before',
@@ -37,7 +37,7 @@ export const styles = tv({
         {
             position: 'after',
             size: 'small',
-            className: 'pr-[0.5625rem]'
+            className: 'pr-1.5'
         },
         {
             position: 'after',
@@ -47,7 +47,7 @@ export const styles = tv({
         {
             position: 'after',
             size: 'large',
-            className: 'pr-[0.9375rem]'
+            className: 'pr-2.5'
         },
         {
             position: 'after',

package/dist/components/input-field/components/add-ons/components/text-add-on/text-add-on.styles.js CHANGED Viewed

@@ -3,14 +3,14 @@ export const styles = tv({
     base: 'relative box-border whitespace-nowrap border border-borderDark bg-light',
     variants: {
         position: {
-            before: 'rounded-l-[0.1875rem]',
-            after: 'rounded-r-[0.1875rem]'
+            before: 'rounded-l',
+            after: 'rounded-r'
         },
         size: {
-            small: 'typography-body-10 h-5 px-[0.5625rem] pb-[0.25rem] pt-[0.1875rem]',
+            small: 'typography-body-10 h-5 px-1.5 pb-[0.25rem] pt-0.5',
             medium: 'typography-body-9 h-6 px-2 py-[0.3125rem]',
-            large: 'typography-body-9 h-7 px-[0.9375rem] py-[0.5rem]',
-            xlarge: 'typography-body-8 h-8 px-3 py-[0.5625rem] pb-[0.625rem]'
+            large: 'typography-body-9 h-7 px-2.5 py-[0.5rem]',
+            xlarge: 'typography-body-8 h-8 px-3 py-1.5 pb-[0.625rem]'
         }
     }
 }, {

package/dist/components/list/components/item/item.styles.js CHANGED Viewed

@@ -40,16 +40,16 @@ export const styles = tv({
         },
         type: {
             bullet: {
-                bullet: 'left-[0.25rem] top-[0.375rem] h-[0.5rem] w-[0.5rem] rounded-full'
+                bullet: 'left-[0.25rem] top-1 h-[0.5rem] w-[0.5rem] rounded-full'
             },
             link: {
-                bullet: 'left-[0.125rem] top-[0.375rem] h-[0.5rem] w-[0.5rem] rotate-45 border-b-0 border-l-0 border-r-[0.125rem] border-t-[0.125rem] bg-[transparent]'
+                bullet: 'left-[0.125rem] top-1 h-[0.5rem] w-[0.5rem] rotate-45 border-b-0 border-l-0 border-r-[0.125rem] border-t-[0.125rem] bg-[transparent]'
             },
             tick: {
-                bullet: ' left-[0.125rem] top-[0.3125rem] h-[0.375rem] w-[0.75rem] rotate-[-44deg] border-b-[0.125rem] border-l-[0.125rem] border-r-0 border-t-0 bg-[transparent]'
+                bullet: ' left-[0.125rem] top-[0.3125rem] h-1 w-2 rotate-[-44deg] border-b-[0.125rem] border-l-[0.125rem] border-r-0 border-t-0 bg-[transparent]'
             },
             cross: {
-                bullet: 'left-[0.375rem] top-[0.25rem] h-[0.75rem] w-0 -rotate-45 border-y-0 border-l-[0.125rem] border-r-0 bg-[transparent] after:absolute after:left-[-0.125rem] after:block after:h-[0.75rem] after:w-0 after:rotate-90 after:border-y-0 after:border-l-[0.125rem] after:border-r-0'
+                bullet: 'left-1 top-[0.25rem] h-2 w-0 -rotate-45 border-y-0 border-l-[0.125rem] border-r-0 bg-[transparent] after:absolute after:left-[-0.125rem] after:block after:h-2 after:w-0 after:rotate-90 after:border-y-0 after:border-l-[0.125rem] after:border-r-0'
             },
             unstyled: {
                 base: 'pl-0',

package/dist/components/modal/components/dialog/dialog.styles.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'relative mx-auto max-w-full overflow-hidden rounded-[0.1875rem] bg-white outline-none',
+        base: 'relative mx-auto max-w-full overflow-hidden rounded bg-white outline-none',
         title: 'border-b border-b-heading pb-2 pl-4 pr-5 pt-3 text-lg font-medium',
         close: 'absolute right-1 top-1 block p-1'
     },

package/dist/components/pagination/components/pagination-item/pagination-item.styles.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "typography-body-10 relative block border border-border px-2 py-[0.5625rem] text-center text-text transition-colors", {
+}, undefined, "typography-body-10 relative block border border-border px-2 py-1.5 text-center text-text transition-colors", {
     responsiveVariants: string[];
 }, {
     firstItem: {

package/dist/components/pagination/components/pagination-item/pagination-item.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
-    base: 'typography-body-10 relative block border border-border px-2 py-[0.5625rem] text-center text-text transition-colors',
+    base: 'typography-body-10 relative block border border-border px-2 py-1.5 text-center text-text transition-colors',
     variants: {
         firstItem: {
             true: 'rounded-l',

package/dist/components/panel/panel.styles.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'group/panel mb-4 overflow-hidden rounded-[0.1875rem] border border-hero',
+        base: 'group/panel mb-4 overflow-hidden rounded border border-hero',
         header: 'px-2 py-[0.625rem] sm:px-4'
     },
     variants: {

package/dist/components/pictogram/components/decorative/wbc-bank-card-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/accessibility-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/accounts-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/aeroplane-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/arrow-down-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/arrow-left-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/arrow-right-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/arrow-up-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/arrows-passing-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/atm-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/australia-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/bank-card-locked-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/bank-card-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/bank-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/birth-certificate-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/building-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/buoy-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/bus-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/business-person-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/calculator-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/calendar-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/car-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/cash-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/celebration-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/chat-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/clock-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/coffee-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/coins-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/compass-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/customer-profile-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/desktop-computer-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/document-and-pen-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/dollar-sign-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/drivers-licence-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/education-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/eftpos-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){

package/dist/components/pictogram/components/informative/envelope-email-pictogram.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){