npm - @westpac/ui - Versions diffs - 0.7.0 → 0.8.0 - Mend

@westpac/ui 0.7.0 → 0.8.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 (687) hide show

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++){

package/dist/components/pictogram/components/informative/envelope-printed-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/face-happy-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/face-unhappy-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/face-unsure-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/finger-motion-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/fingerprint-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/football-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/fork-knife-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/generic-document-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/gift-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/globe-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/globe-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/graph-decreasing-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/graph-increasing-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/gym-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/headset-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/heart-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/house-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/light-bulb-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/loop-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/medicare-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/mobile-device-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/money-in-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/money-out-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/movie-tickets-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/nest-egg-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/noodles-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/number-1-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/number-2-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/number-3-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/number-4-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/number-5-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/padlock-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/padlock-unlocked-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/passport-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/percent-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/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/piggy-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/pizza-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/plant-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/search-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/secure-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/shop-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/shopping-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/star-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/stopwatch-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/tax-document-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/telephone-call-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/thumbs-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/tick-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/tools-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/tractor-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/truck-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/umbrella-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/unsecure-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/wallet-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/wearables-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/pictogram.component.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/pictogram.types.d.ts CHANGED Viewed

@@ -1,6 +1,4 @@
 import { type SVGAttributes } from 'react';
-import { type VariantProps } from 'tailwind-variants';
-import { styles } from './pictogram.styles.js';
 export type PictogramProps = SVGAttributes<SVGElement> & {
     /**
      * SVG copyright year
@@ -22,4 +20,4 @@ export type PictogramProps = SVGAttributes<SVGElement> & {
      * SVG viewBox width
      */
     viewBoxWidth?: number;
-} & VariantProps<typeof styles>;
+};

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

@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
         base: '',
-        popover: 'absolute z-[999] rounded-[3px] border border-muted bg-white shadow-[0_5px_10px_rgba(0,0,0,0.2)]',
+        popover: 'absolute z-[999] rounded-[0.1875rem] border border-muted bg-white shadow-[0_5px_10px_rgba(0,0,0,0.2)]',
         arrow: 'absolute h-0 w-0 border-x-[8px] border-t-[12px] border-x-[transparent] border-t-muted after:absolute after:h-0 after:w-0 after:border-x-[7px] after:border-t-[11px] after:border-x-[transparent] after:border-t-white',
         closeBtn: 'absolute right-1 top-1 m-1 p-0 hover:opacity-80',
         content: 'w-[17.625rem] py-4 pl-3 pr-5',

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

@@ -1,3 +1,4 @@
+'use client';
 import React, { useCallback, useEffect, useId } from 'react';
 import { useOverlayTriggerState } from 'react-stately';
 import { Button } from '../button/index.js';

package/dist/components/progress-bar/progress-bar.component.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/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.d.ts CHANGED Viewed

@@ -1,7 +1,5 @@
 import { ReactNode } from 'react';
-import { type VariantProps } from 'tailwind-variants';
 import { ProgressRopeStepItem } from '../../progress-rope.types.js';
-import { styles } from './progress-rope-group-step.styles.js';
 export type ProgressRopeGroupStepProps = {
     /**
      * Children
@@ -33,4 +31,4 @@ export type ProgressRopeGroupStepProps = {
     steps: (ProgressRopeStepItem & {
         index: number;
     })[];
-} & VariantProps<typeof styles>;
+};

package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.types.d.ts CHANGED Viewed

@@ -2,11 +2,20 @@ import { HTMLAttributes } from 'react';
 import { type VariantProps } from 'tailwind-variants';
 import { ProgressRopeStepItem } from '../../progress-rope.types.js';
 import { styles } from './progress-rope-step.styles.js';
+type Variants = VariantProps<typeof styles>;
 export type ProgressRopeStepProps = {
     /**
      * Says it is current
      */
     current?: boolean;
+    /**
+     * Whether step is first item
+     */
+    firstItem?: Variants['firstItem'];
+    /**
+     * Size of step
+     */
+    size?: Variants['size'];
     /**
      * Tag to render
      */
@@ -15,4 +24,5 @@ export type ProgressRopeStepProps = {
      * Says it is visited
      */
     visited?: boolean;
-} & Omit<ProgressRopeStepItem, 'text'> & VariantProps<typeof styles> & HTMLAttributes<Element>;
+} & Omit<ProgressRopeStepItem, 'text'> & HTMLAttributes<Element>;
+export {};

package/dist/components/progress-rope/progress-rope.component.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/progress-rope/progress-rope.types.d.ts CHANGED Viewed

@@ -1,6 +1,4 @@
 import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
-import { type VariantProps } from 'tailwind-variants';
-import { styles } from './progress-rope.styles.js';
 export type ProgressRopeStepItem = {
     onClick?: MouseEventHandler<Element>;
     text: ReactNode;
@@ -32,4 +30,4 @@ export type ProgressRopeProps = {
      * Tag to render
      */
     tag?: keyof JSX.IntrinsicElements;
-} & VariantProps<typeof styles> & HTMLAttributes<Element>;
+} & HTMLAttributes<Element>;

package/dist/components/radio-group/components/radio/radio.component.js CHANGED Viewed

@@ -50,3 +50,4 @@ function BaseRadio({ className , hint , children , ...props }, ref) {
     }, hint)));
 }
 export const Radio = forwardRef(BaseRadio);
+Radio.displayName = 'RadioGroup.Radio';

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

@@ -4,8 +4,8 @@ export const styles = tv({
         base: 'flex',
         textWrapper: 'flex flex-col justify-center',
         labelText: 'typography-body-10 py-[2px] pl-1',
-        hintText: 'typography-body-10 text-muted pl-1',
-        selector: 'border-hero flex shrink-0 h-4 w-4 items-center justify-center rounded-full border'
+        hintText: 'typography-body-10 pl-1 text-muted',
+        selector: 'flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-hero'
     },
     variants: {
         isDisabled: {

package/dist/components/radio-group/radio-group.component.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/repeater/repeater.component.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
@@ -103,7 +104,7 @@ export function Repeater({ addText ='Add another item' , indexTag: ItemIndex = '
             transition: {
                 duration: 0.15
             },
-            key: index
+            key: item.id
         }, React.createElement("div", _extends({
             ref: (el)=>{
                 refArr.current[index] = el;
@@ -119,6 +120,7 @@ export function Repeater({ addText ='Add another item' , indexTag: ItemIndex = '
             "aria-label": `remove item ${index + 1}`,
             iconBefore: (props)=>React.createElement(RemoveCircleIcon, _extends({}, props, {
                     "aria-hidden": true,
+                    look: "outlined",
                     size: "xsmall"
                 })),
             look: "link",

package/dist/components/repeater/repeater.styles.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
 export declare const styles: import("tailwind-variants").TVReturnType<{
     separator: {
+        false: {
+            list: string;
+        };
         true: {
             item: string;
             content: string;
@@ -25,6 +28,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
     responsiveVariants: string[];
 }, {
     separator: {
+        false: {
+            list: string;
+        };
         true: {
             item: string;
             content: string;