bonprix-design-system 0.50.4 → 0.51.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.
package/dist/index.d.ts CHANGED
@@ -140,11 +140,18 @@ declare interface BaseProps {
140
140
  }
141
141
 
142
142
  declare interface BaseProps_10 extends TextInputBaseProps {
143
+ /** The placeholder text for the input field. */
144
+ placeholder?: string;
143
145
  /** Reference to the input element. */
144
- inputRef?: RefObject<HTMLInputElement>;
146
+ inputRef?: RefObject<HTMLTextAreaElement>;
145
147
  }
146
148
 
147
149
  declare interface BaseProps_11 extends TextInputBaseProps {
150
+ /** Reference to the input element. */
151
+ inputRef?: RefObject<HTMLInputElement>;
152
+ }
153
+
154
+ declare interface BaseProps_12 extends TextInputBaseProps {
148
155
  /** Callback that is triggered when the search button is clicked. */
149
156
  onSearch: () => void;
150
157
  /** Reference to the input element. */
@@ -282,11 +289,15 @@ declare interface BaseProps_8 {
282
289
  inverted?: boolean;
283
290
  }
284
291
 
285
- declare interface BaseProps_9 extends TextInputBaseProps {
286
- /** The placeholder text for the input field. */
287
- placeholder?: string;
288
- /** Reference to the input element. */
289
- inputRef?: RefObject<HTMLTextAreaElement>;
292
+ declare interface BaseProps_9 {
293
+ /** This property should contain all of the subcomponents of the Tabs component (Tabs.Item, Tabs.Content, Tabs.List). */
294
+ children: ReactNode;
295
+ /** The currently active tab. Should be used in conjunction with the `onChange` prop. */
296
+ activeTab: string;
297
+ /** Callback function that is called when the active tab changes. */
298
+ onChange: (value: string) => void;
299
+ /** Sets "TabBox" or "Tabs" variants. "Tabs" is the old regular Tabs while "TabBox" changes visuals, allow stacking tabs and removes max-width of each Tab.Item. */
300
+ variant?: TabsVariant;
290
301
  }
291
302
 
292
303
  declare interface BasicProps {
@@ -344,6 +355,12 @@ export declare interface BottomSheetProps {
344
355
  ref?: default_2.Ref<HTMLDivElement>;
345
356
  }
346
357
 
358
+ declare interface BoxTabsProps extends BaseProps_9 {
359
+ variant?: "box";
360
+ /** If true, the tab items will occupy the available width. */
361
+ fullWidth?: boolean;
362
+ }
363
+
347
364
  export declare const Breadcrumb: FC<BreadcrumbProps>;
348
365
 
349
366
  export declare interface BreadcrumbProps {
@@ -579,7 +596,7 @@ declare interface ControlledInputProps_3 extends BaseProps_8 {
579
596
  onChange: (checked: boolean) => void;
580
597
  }
581
598
 
582
- declare type ControlledInputProps_4 = BaseProps_10 & {
599
+ declare type ControlledInputProps_4 = BaseProps_11 & {
583
600
  /** The current value of the input field. Should be used in conjunction with `onChange`, when controlling the input. Should be `undefined` otherwise. */
584
601
  value: string;
585
602
  /** The default value of the input field. Should be used when the input is uncontrolled. */
@@ -597,7 +614,7 @@ declare interface ControlledInputProps_5 extends TextFieldBaseProps {
597
614
  onChange: (value: string) => void;
598
615
  }
599
616
 
600
- declare interface ControlledInputProps_6 extends BaseProps_11 {
617
+ declare interface ControlledInputProps_6 extends BaseProps_12 {
601
618
  /** The current value of the input field. Should be used in conjunction with `onChange`, when controlling the input. Should be `undefined` otherwise. */
602
619
  value: string;
603
620
  defaultValue?: never;
@@ -605,7 +622,7 @@ declare interface ControlledInputProps_6 extends BaseProps_11 {
605
622
  onChange: (value: string) => void;
606
623
  }
607
624
 
608
- declare interface ControlledProps extends BaseProps_9 {
625
+ declare interface ControlledProps extends BaseProps_10 {
609
626
  /** The current value of the input field. Should be used in conjunction with `onChange`, when controlling the input. Should be `undefined` otherwise. */
610
627
  value: string;
611
628
  /** The default value of the input field. Should be used when the input is uncontrolled. */
@@ -623,6 +640,11 @@ declare interface ControlledSelectProps extends BaseProps_7 {
623
640
  onValueChange: (value: string) => void;
624
641
  }
625
642
 
643
+ declare interface DefaultTabsProps extends BaseProps_9 {
644
+ variant?: "default";
645
+ fullWidth?: never;
646
+ }
647
+
626
648
  export declare const Dialog: FC<DialogProps> & Subcomponents_3;
627
649
 
628
650
  export declare interface DialogProps {
@@ -873,7 +895,7 @@ declare interface Props_4 {
873
895
  icon?: Icon_2;
874
896
  /** Callback function to be called when the list item is clicked. */
875
897
  onClick?: () => void;
876
- /** If the `type`property of the List is set to `link`, this property is used to set the `href` attribute. */
898
+ /** If the `type` property of the List is set to `link`, this property is used to set the `href` attribute. */
877
899
  href?: string;
878
900
  /** If the `type` property of the List is set to `link`, this property is used to set the `target` attribute. */
879
901
  target?: "_blank" | "_self" | "_parent" | "_top";
@@ -1165,18 +1187,9 @@ declare interface TabsListProps {
1165
1187
  children: ReactNode;
1166
1188
  }
1167
1189
 
1168
- export declare interface TabsProps {
1169
- /** This property should contain all of the subcomponents of the Tabs component (Tabs.Item, Tabs.Content, Tabs.List). */
1170
- children: ReactNode;
1171
- /** The currently active tab. Should be used in conjunction with the `onChange` prop. */
1172
- activeTab: string;
1173
- /** Callback function that is called when the active tab changes. */
1174
- onChange: (value: string) => void;
1175
- /** Sets "TabBox" or "Tabs" variants. "Tabs" is the old regular Tabs while "TabBox" changes visuals, allow stacking tabs and removes max-width of each Tab.Item. */
1176
- variant?: TabsVariantType;
1177
- }
1190
+ export declare type TabsProps = BoxTabsProps | DefaultTabsProps;
1178
1191
 
1179
- declare type TabsVariantType = "TabBox" | "Tabs";
1192
+ declare type TabsVariant = "default" | "box";
1180
1193
 
1181
1194
  /** @type {import('tailwindcss').Config} */
1182
1195
  export declare const tailwindConfig: {
@@ -1582,7 +1595,7 @@ declare interface UncontrolledInputProps_3 extends BaseProps_8 {
1582
1595
  onChange?: (checked: boolean) => void;
1583
1596
  }
1584
1597
 
1585
- declare type UncontrolledInputProps_4 = BaseProps_10 & {
1598
+ declare type UncontrolledInputProps_4 = BaseProps_11 & {
1586
1599
  value?: never;
1587
1600
  defaultValue: string;
1588
1601
  onChange?: (value: string) => void;
@@ -1594,14 +1607,14 @@ declare interface UncontrolledInputProps_5 extends TextFieldBaseProps {
1594
1607
  onChange?: (value: string) => void;
1595
1608
  }
1596
1609
 
1597
- declare interface UncontrolledInputProps_6 extends BaseProps_11 {
1610
+ declare interface UncontrolledInputProps_6 extends BaseProps_12 {
1598
1611
  value?: never;
1599
1612
  /** The default value of the input field. Should be used when the input is uncontrolled. */
1600
1613
  defaultValue: string;
1601
1614
  onChange?: (value: string) => void;
1602
1615
  }
1603
1616
 
1604
- declare interface UncontrolledProps extends BaseProps_9 {
1617
+ declare interface UncontrolledProps extends BaseProps_10 {
1605
1618
  value?: never;
1606
1619
  defaultValue: string;
1607
1620
  onChange?: (value: string) => void;