npm - @westpac/ui - Versions diffs - 0.31.0 → 0.32.0 - Mend

@westpac/ui 0.31.0 → 0.32.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 (268) hide show

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function GiftPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Gift' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function GlobeAustraliaPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Globe showing Australia' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function GlobePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Globe' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

package/dist/components/pictogram/components/informative/graph-decreasing-pictogram.js CHANGED Viewed

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function GraphDecreasingPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Graph showing decreasing trend' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

package/dist/components/pictogram/components/informative/graph-increasing-pictogram.js CHANGED Viewed

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function GraphIncreasingPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Graph showing increasing trend' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function GymPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Gym' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function HeadsetPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Headset' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function HeartPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Heart' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function HousePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'House' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

package/dist/components/pictogram/components/informative/light-bulb-pictogram.js CHANGED Viewed

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function LightBulbPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Light bulb' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function LoopPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Loop' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function MedicareCardPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Medicare card' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

package/dist/components/pictogram/components/informative/mobile-device-pictogram.js CHANGED Viewed

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function MobileDevicePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Mobile device' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

package/dist/components/pictogram/components/informative/money-in-pictogram.js CHANGED Viewed

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function MoneyInPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Money in' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

package/dist/components/pictogram/components/informative/money-out-pictogram.js CHANGED Viewed

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function MoneyOutPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Money out' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

package/dist/components/pictogram/components/informative/movie-tickets-pictogram.js CHANGED Viewed

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function MovieTicketsPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Movie tickets' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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 ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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 ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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 ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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 ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ 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 ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function PiggyBankPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Piggy bank' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function PizzaPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Pizza' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function PlantPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Plant' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function SearchPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Search' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function SecurePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Secure' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function ShopPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Shop' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function ShoppingPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Shopping' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function SparklePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Sparkle' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function StarPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Star' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function StopwatchPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Stopwatch' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function TargetPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Passport' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function TaxDocumentPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Tax document' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

package/dist/components/pictogram/components/informative/telephone-call-pictogram.js CHANGED Viewed

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function TelephoneCallPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Telephone call' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function ThumbsUpPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Thumbs up' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function TickPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Tick' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function ToolsPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Tools' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function TractorPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Tractor' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function TruckPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Truck' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function UmbrellaPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Umbrella' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function UnsecurePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Unsecure' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function WalletPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Wallet' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

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

@@ -19,7 +19,7 @@ import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
 export function WearablesPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Wearables' , copyrightYear ='2021' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
-        className: clsx('h-13 w-13', className),
+        className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         "aria-label": ariaLabel,

package/dist/components/popover/components/panel/panel.component.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import { type PanelProps } from './panel.types.js';
+export declare function BasePanel({ state, heading, headingTag: Tag, content, placement, id, triggerRef, portal, }: PanelProps): import("react/jsx-runtime").JSX.Element;
 /**
  * @private
  */
-export declare function Panel({ state, heading, headingTag: Tag, content, placement, id, triggerRef }: PanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Panel({ portal, ...props }: PanelProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Panel {
     var displayName: string;
 }