@cupra/ui-react 2.0.0-canary.46 → 2.0.0-canary.48

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 (65) hide show
  1. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.cjs +1 -0
  2. package/dist/cjs/components/BreadcrumbsItem/BreadcrumbsItem.cjs +1 -0
  3. package/dist/cjs/index.cjs +1 -1
  4. package/dist/esm/components/Breadcrumbs/Breadcrumbs.js +9 -0
  5. package/dist/esm/components/BreadcrumbsItem/BreadcrumbsItem.js +12 -0
  6. package/dist/esm/index.js +129 -125
  7. package/dist/types/components/Accordion/stories/Seat.stories.d.ts +5 -0
  8. package/dist/types/components/Avatar/stories/Seat.stories.d.ts +8 -0
  9. package/dist/types/components/Badge/stories/Seat.stories.d.ts +8 -0
  10. package/dist/types/components/BasicCard/stories/Seat.stories.d.ts +7 -0
  11. package/dist/types/components/BasicCardHeader/stories/Seat.stories.d.ts +5 -0
  12. package/dist/types/components/BasicCardImage/stories/Seat.stories.d.ts +5 -0
  13. package/dist/types/components/BasicCardSection/stories/Seat.stories.d.ts +5 -0
  14. package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +8 -0
  15. package/dist/types/components/Breadcrumbs/stories/CupraDiagonal.stories.d.ts +10 -0
  16. package/dist/types/components/BreadcrumbsItem/BreadcrumbsItem.d.ts +16 -0
  17. package/dist/types/components/BreadcrumbsItem/stories/CupraDiagonal.stories.d.ts +8 -0
  18. package/dist/types/components/Button/stories/Seat.stories.d.ts +19 -0
  19. package/dist/types/components/CarouselIndicator/stories/Seat.stories.d.ts +8 -0
  20. package/dist/types/components/Checkbox/stories/Seat.stories.d.ts +20 -0
  21. package/dist/types/components/Chip/stories/Seat.stories.d.ts +7 -0
  22. package/dist/types/components/Chips/stories/Seat.stories.d.ts +5 -0
  23. package/dist/types/components/Currency/stories/Seat.stories.d.ts +13 -0
  24. package/dist/types/components/Dialog/stories/Seat.stories.d.ts +5 -0
  25. package/dist/types/components/DialogBody/stories/Seat.stories.d.ts +5 -0
  26. package/dist/types/components/DialogFooter/stories/Seat.stories.d.ts +5 -0
  27. package/dist/types/components/DialogFullscreen/stories/Seat.stories.d.ts +5 -0
  28. package/dist/types/components/DialogHeader/stories/Seat.stories.d.ts +5 -0
  29. package/dist/types/components/Divider/stories/Seat.stories.d.ts +8 -0
  30. package/dist/types/components/Drawer/stories/Seat.stories.d.ts +6 -0
  31. package/dist/types/components/Icon/stories/Seat.stories.d.ts +5 -0
  32. package/dist/types/components/IconButton/stories/Seat.stories.d.ts +13 -0
  33. package/dist/types/components/InlineAlert/stories/Seat.stories.d.ts +11 -0
  34. package/dist/types/components/InteractiveCard/stories/Seat.stories.d.ts +9 -0
  35. package/dist/types/components/LinkButton/stories/Seat.stories.d.ts +9 -0
  36. package/dist/types/components/List/stories/Seat.stories.d.ts +21 -0
  37. package/dist/types/components/ListItem/stories/Seat.stories.d.ts +23 -0
  38. package/dist/types/components/Logo/stories/Seat.stories.d.ts +10 -0
  39. package/dist/types/components/MainTitle/stories/Seat.stories.d.ts +9 -0
  40. package/dist/types/components/MapPin/stories/Seat.stories.d.ts +7 -0
  41. package/dist/types/components/MediaControl/stories/Seat.stories.d.ts +6 -0
  42. package/dist/types/components/PasswordInput/stories/Seat.stories.d.ts +11 -0
  43. package/dist/types/components/PickerItem/stories/Seat.stories.d.ts +14 -0
  44. package/dist/types/components/RadioButton/stories/Seat.stories.d.ts +12 -0
  45. package/dist/types/components/RadioButtonGroup/stories/Seat.stories.d.ts +5 -0
  46. package/dist/types/components/Rating/stories/Seat.stories.d.ts +10 -0
  47. package/dist/types/components/SearchInput/stories/Seat.stories.d.ts +5 -0
  48. package/dist/types/components/SecondaryNavigation/stories/Seat.stories.d.ts +7 -0
  49. package/dist/types/components/SegmentedControl/stories/Seat.stories.d.ts +7 -0
  50. package/dist/types/components/Select/stories/Seat.stories.d.ts +5 -0
  51. package/dist/types/components/SidebarNavigation/stories/Seat.stories.d.ts +5 -0
  52. package/dist/types/components/Slider/stories/Seat.stories.d.ts +5 -0
  53. package/dist/types/components/StaticBox/stories/Seat.stories.d.ts +5 -0
  54. package/dist/types/components/Stepper/stories/Seat.stories.d.ts +9 -0
  55. package/dist/types/components/Tabs/stories/Seat.stories.d.ts +8 -0
  56. package/dist/types/components/Tag/stories/Seat.stories.d.ts +8 -0
  57. package/dist/types/components/Text/stories/Seat.stories.d.ts +16 -0
  58. package/dist/types/components/TextInput/stories/Seat.stories.d.ts +8 -0
  59. package/dist/types/components/Textarea/stories/Seat.stories.d.ts +11 -0
  60. package/dist/types/components/Toast/stories/Seat.stories.d.ts +10 -0
  61. package/dist/types/components/ToastMessage/stories/Seat.stories.d.ts +12 -0
  62. package/dist/types/components/ToggleSwitch/stories/Seat.stories.d.ts +10 -0
  63. package/dist/types/components/Tooltip/stories/Seat.stories.d.ts +5 -0
  64. package/dist/types/components/index.d.ts +2 -0
  65. package/package.json +7 -5
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-breadcrumbs");const u=e=>{const{className:r,children:s,...t}=e;return c.jsx("ds-breadcrumbs-react",{class:r,...t,children:s})};exports.Breadcrumbs=u;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react");require("@cupra/ui-kit/react/ds-breadcrumbs-item");const s=e=>{const{className:o,children:c,...i}=e;return r.jsx("ds-breadcrumbs-item-react",{class:o,...i,children:c})},m=({children:e})=>t.isValidElement(e)?t.cloneElement(e,{slot:"item"}):r.jsx("div",{slot:"item",children:e});s.Item=m;m.displayName="BreadcrumbsItem.Item";exports.BreadcrumbsItem=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./components/Accordion/Accordion.cjs"),t=require("./components/Badge/Badge.cjs"),o=require("./components/BasicCard/BasicCard.cjs"),i=require("./components/BasicCardImage/BasicCardImage.cjs"),n=require("./components/BasicCardHeader/BasicCardHeader.cjs"),a=require("./components/BasicCardSection/BasicCardSection.cjs"),s=require("./components/Bullets/Bullets.cjs"),c=require("./components/Button/Button.cjs"),u=require("./components/CarouselIndicator/CarouselIndicator.cjs"),d=require("./components/Checkbox/Checkbox.cjs"),l=require("./components/Chip/Chip.cjs"),q=require("./components/Chips/Chips.cjs"),g=require("./components/Currency/Currency.cjs"),B=require("./components/Dialog/Dialog.cjs"),p=require("./components/DialogBody/DialogBody.cjs"),S=require("./components/DialogFooter/DialogFooter.cjs"),T=require("./components/DialogFullscreen/DialogFullscreen.cjs"),C=require("./components/DialogHeader/DialogHeader.cjs"),I=require("./components/Divider/Divider.cjs"),v=require("./components/Drawer/Drawer.cjs"),L=require("./components/Hyperlink/Hyperlink.cjs"),h=require("./components/Icon/Icon.cjs"),D=require("./components/IconButton/IconButton.cjs"),m=require("./components/Input/Input.cjs"),M=require("./components/List/List.cjs"),k=require("./components/ListItem/ListItem.cjs"),x=require("./components/LinkButton/LinkButton.cjs"),e=require("./components/Loader/Loader.cjs"),R=require("./components/Logo/Logo.cjs"),b=require("./components/MainTitle/MainTitle.cjs"),y=require("./components/MapPin/MapPin.cjs"),P=require("./components/MediaControl/MediaControl.cjs"),H=require("./components/Modal/Modal.cjs"),w=require("./components/PasswordInput/PasswordInput.cjs"),A=require("./components/PickerItem/PickerItem.cjs"),E=require("./components/Radio/Radio.cjs"),F=require("./components/RadioButton/RadioButton.cjs"),N=require("./components/RadioButtonGroup/RadioButtonGroup.cjs"),O=require("./components/Rating/Rating.cjs"),z=require("./components/Search/Search.cjs"),G=require("./components/SearchInput/SearchInput.cjs"),f=require("./components/SecondaryNavigation/SecondaryNavigation.cjs"),j=require("./components/SegmentedControl/SegmentedControl.cjs"),J=require("./components/Select/Select.cjs"),K=require("./components/Selection/Selection.cjs"),Q=require("./components/Slider/Slider.cjs"),U=require("./components/Tabs/Tabs.cjs"),V=require("./components/Tag/Tag.cjs"),W=require("./components/Text/Text.cjs"),X=require("./components/TextInput/TextInput.cjs"),Y=require("./components/Textarea/Textarea.cjs"),Z=require("./components/ThemeProvider/ThemeProvider.cjs"),_=require("./components/ToggleButton/ToggleButton.cjs"),$=require("./components/ToggleSwitch/ToggleSwitch.cjs"),ee=require("./components/Tooltip/Tooltip.cjs"),re=require("./components/Toast/Toast.cjs"),te=require("./components/ToastMessage/ToastMessage.cjs"),oe=require("./components/InlineAlert/InlineAlert.cjs"),ie=require("./components/Avatar/Avatar.cjs"),ne=require("./components/StaticBox/StaticBox.cjs"),ae=require("./components/Stepper/Stepper.cjs"),se=require("./components/InteractiveCard/InteractiveCard.cjs"),ce=require("./components/SidebarNavigation/SidebarNavigation.cjs"),ue=require("./hooks/useBreakpoint.cjs"),de=require("./hooks/useEventListeners.cjs"),le=require("./hooks/useHandleEvent.cjs");require("react");const qe=require("./hooks/useResizeObserver/useResizeObserver.cjs");exports.Accordion=r.Accordion;exports.Badge=t.Badge;exports.BasicCard=o.BasicCard;exports.BasicCardImage=i.BasicCardImage;exports.BasicCardHeader=n.BasicCardHeader;exports.BasicCardSection=a.BasicCardSection;exports.Bullets=s.Bullets;exports.Button=c.Button;exports.CarouselIndicator=u.CarouselIndicator;exports.Checkbox=d.Checkbox;exports.Chip=l.Chip;exports.Chips=q.Chips;exports.Currency=g.Currency;exports.Dialog=B.Dialog;exports.DialogBody=p.DialogBody;exports.DialogFooter=S.DialogFooter;exports.DialogFullscreen=T.DialogFullscreen;exports.DialogHeader=C.DialogHeader;exports.Divider=I.Divider;exports.Drawer=v.Drawer;exports.Hyperlink=L.Hyperlink;exports.Icon=h.Icon;exports.IconButton=D.IconButton;exports.Input=m.Input;exports.List=M.List;exports.ListItem=k.ListItem;exports.LinkButton=x.LinkButton;exports.Loader=e.Loader;exports.LoaderLogo=e.LoaderLogo;exports.Logo=R.Logo;exports.MainTitle=b.MainTitle;exports.MapPin=y.MapPin;exports.MediaControl=P.MediaControl;exports.Modal=H.Modal;exports.PasswordInput=w.PasswordInput;exports.PickerItem=A.PickerItem;exports.Radio=E.Radio;exports.RadioButton=F.RadioButton;exports.RadioButtonGroup=N.RadioButtonGroup;exports.Rating=O.Rating;exports.Search=z.Search;exports.SearchInput=G.SearchInput;exports.SecondaryNavigation=f.SecondaryNavigation;exports.SegmentedControl=j.SegmentedControl;exports.Select=J.Select;exports.Selection=K.Selection;exports.Slider=Q.Slider;exports.Tabs=U.Tabs;exports.Tag=V.Tag;exports.Text=W.Text;exports.TextInput=X.TextInput;exports.Textarea=Y.Textarea;exports.ThemeProvider=Z.ThemeProvider;exports.ToggleButton=_.ToggleButton;exports.ToggleSwitch=$.ToggleSwitch;exports.Tooltip=ee.Tooltip;exports.Toast=re.Toast;exports.ToastMessage=te.ToastMessage;exports.InlineAlert=oe.InlineAlert;exports.Avatar=ie.Avatar;exports.StaticBox=ne.StaticBox;exports.Stepper=ae.Stepper;exports.InteractiveCard=se.InteractiveCard;exports.SidebarNavigation=ce.SidebarNavigation;exports.useBreakpoint=ue.useBreakpoint;exports.useEventListeners=de.useEventListeners;exports.useHandleEvent=le.useHandleEvent;exports.useResizeObserver=qe.useResizeObserver;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./components/Accordion/Accordion.cjs"),t=require("./components/Badge/Badge.cjs"),o=require("./components/BasicCard/BasicCard.cjs"),i=require("./components/BasicCardImage/BasicCardImage.cjs"),n=require("./components/BasicCardHeader/BasicCardHeader.cjs"),a=require("./components/BasicCardSection/BasicCardSection.cjs"),s=require("./components/Breadcrumbs/Breadcrumbs.cjs"),c=require("./components/BreadcrumbsItem/BreadcrumbsItem.cjs"),u=require("./components/Bullets/Bullets.cjs"),d=require("./components/Button/Button.cjs"),l=require("./components/CarouselIndicator/CarouselIndicator.cjs"),q=require("./components/Checkbox/Checkbox.cjs"),g=require("./components/Chip/Chip.cjs"),B=require("./components/Chips/Chips.cjs"),p=require("./components/Currency/Currency.cjs"),I=require("./components/Dialog/Dialog.cjs"),S=require("./components/DialogBody/DialogBody.cjs"),T=require("./components/DialogFooter/DialogFooter.cjs"),C=require("./components/DialogFullscreen/DialogFullscreen.cjs"),v=require("./components/DialogHeader/DialogHeader.cjs"),m=require("./components/Divider/Divider.cjs"),L=require("./components/Drawer/Drawer.cjs"),h=require("./components/Hyperlink/Hyperlink.cjs"),D=require("./components/Icon/Icon.cjs"),b=require("./components/IconButton/IconButton.cjs"),M=require("./components/Input/Input.cjs"),k=require("./components/List/List.cjs"),x=require("./components/ListItem/ListItem.cjs"),R=require("./components/LinkButton/LinkButton.cjs"),e=require("./components/Loader/Loader.cjs"),y=require("./components/Logo/Logo.cjs"),P=require("./components/MainTitle/MainTitle.cjs"),H=require("./components/MapPin/MapPin.cjs"),w=require("./components/MediaControl/MediaControl.cjs"),A=require("./components/Modal/Modal.cjs"),E=require("./components/PasswordInput/PasswordInput.cjs"),F=require("./components/PickerItem/PickerItem.cjs"),N=require("./components/Radio/Radio.cjs"),O=require("./components/RadioButton/RadioButton.cjs"),z=require("./components/RadioButtonGroup/RadioButtonGroup.cjs"),G=require("./components/Rating/Rating.cjs"),f=require("./components/Search/Search.cjs"),j=require("./components/SearchInput/SearchInput.cjs"),J=require("./components/SecondaryNavigation/SecondaryNavigation.cjs"),K=require("./components/SegmentedControl/SegmentedControl.cjs"),Q=require("./components/Select/Select.cjs"),U=require("./components/Selection/Selection.cjs"),V=require("./components/Slider/Slider.cjs"),W=require("./components/Tabs/Tabs.cjs"),X=require("./components/Tag/Tag.cjs"),Y=require("./components/Text/Text.cjs"),Z=require("./components/TextInput/TextInput.cjs"),_=require("./components/Textarea/Textarea.cjs"),$=require("./components/ThemeProvider/ThemeProvider.cjs"),ee=require("./components/ToggleButton/ToggleButton.cjs"),re=require("./components/ToggleSwitch/ToggleSwitch.cjs"),te=require("./components/Tooltip/Tooltip.cjs"),oe=require("./components/Toast/Toast.cjs"),ie=require("./components/ToastMessage/ToastMessage.cjs"),ne=require("./components/InlineAlert/InlineAlert.cjs"),ae=require("./components/Avatar/Avatar.cjs"),se=require("./components/StaticBox/StaticBox.cjs"),ce=require("./components/Stepper/Stepper.cjs"),ue=require("./components/InteractiveCard/InteractiveCard.cjs"),de=require("./components/SidebarNavigation/SidebarNavigation.cjs"),le=require("./hooks/useBreakpoint.cjs"),qe=require("./hooks/useEventListeners.cjs"),ge=require("./hooks/useHandleEvent.cjs");require("react");const Be=require("./hooks/useResizeObserver/useResizeObserver.cjs");exports.Accordion=r.Accordion;exports.Badge=t.Badge;exports.BasicCard=o.BasicCard;exports.BasicCardImage=i.BasicCardImage;exports.BasicCardHeader=n.BasicCardHeader;exports.BasicCardSection=a.BasicCardSection;exports.Breadcrumbs=s.Breadcrumbs;exports.BreadcrumbsItem=c.BreadcrumbsItem;exports.Bullets=u.Bullets;exports.Button=d.Button;exports.CarouselIndicator=l.CarouselIndicator;exports.Checkbox=q.Checkbox;exports.Chip=g.Chip;exports.Chips=B.Chips;exports.Currency=p.Currency;exports.Dialog=I.Dialog;exports.DialogBody=S.DialogBody;exports.DialogFooter=T.DialogFooter;exports.DialogFullscreen=C.DialogFullscreen;exports.DialogHeader=v.DialogHeader;exports.Divider=m.Divider;exports.Drawer=L.Drawer;exports.Hyperlink=h.Hyperlink;exports.Icon=D.Icon;exports.IconButton=b.IconButton;exports.Input=M.Input;exports.List=k.List;exports.ListItem=x.ListItem;exports.LinkButton=R.LinkButton;exports.Loader=e.Loader;exports.LoaderLogo=e.LoaderLogo;exports.Logo=y.Logo;exports.MainTitle=P.MainTitle;exports.MapPin=H.MapPin;exports.MediaControl=w.MediaControl;exports.Modal=A.Modal;exports.PasswordInput=E.PasswordInput;exports.PickerItem=F.PickerItem;exports.Radio=N.Radio;exports.RadioButton=O.RadioButton;exports.RadioButtonGroup=z.RadioButtonGroup;exports.Rating=G.Rating;exports.Search=f.Search;exports.SearchInput=j.SearchInput;exports.SecondaryNavigation=J.SecondaryNavigation;exports.SegmentedControl=K.SegmentedControl;exports.Select=Q.Select;exports.Selection=U.Selection;exports.Slider=V.Slider;exports.Tabs=W.Tabs;exports.Tag=X.Tag;exports.Text=Y.Text;exports.TextInput=Z.TextInput;exports.Textarea=_.Textarea;exports.ThemeProvider=$.ThemeProvider;exports.ToggleButton=ee.ToggleButton;exports.ToggleSwitch=re.ToggleSwitch;exports.Tooltip=te.Tooltip;exports.Toast=oe.Toast;exports.ToastMessage=ie.ToastMessage;exports.InlineAlert=ne.InlineAlert;exports.Avatar=ae.Avatar;exports.StaticBox=se.StaticBox;exports.Stepper=ce.Stepper;exports.InteractiveCard=ue.InteractiveCard;exports.SidebarNavigation=de.SidebarNavigation;exports.useBreakpoint=le.useBreakpoint;exports.useEventListeners=qe.useEventListeners;exports.useHandleEvent=ge.useHandleEvent;exports.useResizeObserver=Be.useResizeObserver;
@@ -0,0 +1,9 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import "@cupra/ui-kit/react/ds-breadcrumbs";
3
+ const m = (r) => {
4
+ const { className: s, children: c, ...e } = r;
5
+ return /* @__PURE__ */ o("ds-breadcrumbs-react", { class: s, ...e, children: c });
6
+ };
7
+ export {
8
+ m as Breadcrumbs
9
+ };
@@ -0,0 +1,12 @@
1
+ import { jsx as m } from "react/jsx-runtime";
2
+ import e from "react";
3
+ import "@cupra/ui-kit/react/ds-breadcrumbs-item";
4
+ const i = (t) => {
5
+ const { className: s, children: o, ...a } = t;
6
+ return /* @__PURE__ */ m("ds-breadcrumbs-item-react", { class: s, ...a, children: o });
7
+ }, r = ({ children: t }) => e.isValidElement(t) ? e.cloneElement(t, { slot: "item" }) : /* @__PURE__ */ m("div", { slot: "item", children: t });
8
+ i.Item = r;
9
+ r.displayName = "BreadcrumbsItem.Item";
10
+ export {
11
+ i as BreadcrumbsItem
12
+ };
package/dist/esm/index.js CHANGED
@@ -3,136 +3,140 @@ import { Badge as m } from "./components/Badge/Badge.js";
3
3
  import { BasicCard as f } from "./components/BasicCard/BasicCard.js";
4
4
  import { BasicCardImage as i } from "./components/BasicCardImage/BasicCardImage.js";
5
5
  import { BasicCardHeader as d } from "./components/BasicCardHeader/BasicCardHeader.js";
6
- import { BasicCardSection as l } from "./components/BasicCardSection/BasicCardSection.js";
7
- import { Bullets as g } from "./components/Bullets/Bullets.js";
8
- import { Button as B } from "./components/Button/Button.js";
9
- import { CarouselIndicator as I } from "./components/CarouselIndicator/CarouselIndicator.js";
10
- import { Checkbox as T } from "./components/Checkbox/Checkbox.js";
11
- import { Chip as L } from "./components/Chip/Chip.js";
12
- import { Chips as D } from "./components/Chips/Chips.js";
13
- import { Currency as M } from "./components/Currency/Currency.js";
14
- import { Dialog as b } from "./components/Dialog/Dialog.js";
15
- import { DialogBody as H } from "./components/DialogBody/DialogBody.js";
16
- import { DialogFooter as w } from "./components/DialogFooter/DialogFooter.js";
17
- import { DialogFullscreen as E } from "./components/DialogFullscreen/DialogFullscreen.js";
18
- import { DialogHeader as N } from "./components/DialogHeader/DialogHeader.js";
19
- import { Divider as G } from "./components/Divider/Divider.js";
20
- import { Drawer as j } from "./components/Drawer/Drawer.js";
21
- import { Hyperlink as J } from "./components/Hyperlink/Hyperlink.js";
22
- import { Icon as Q } from "./components/Icon/Icon.js";
23
- import { IconButton as V } from "./components/IconButton/IconButton.js";
24
- import { Input as X } from "./components/Input/Input.js";
25
- import { List as Z } from "./components/List/List.js";
26
- import { ListItem as $ } from "./components/ListItem/ListItem.js";
27
- import { LinkButton as ro } from "./components/LinkButton/LinkButton.js";
28
- import { Loader as to, LoaderLogo as po } from "./components/Loader/Loader.js";
29
- import { Logo as xo } from "./components/Logo/Logo.js";
30
- import { MainTitle as ao } from "./components/MainTitle/MainTitle.js";
31
- import { MapPin as no } from "./components/MapPin/MapPin.js";
32
- import { MediaControl as lo } from "./components/MediaControl/MediaControl.js";
33
- import { Modal as go } from "./components/Modal/Modal.js";
34
- import { PasswordInput as Bo } from "./components/PasswordInput/PasswordInput.js";
35
- import { PickerItem as Io } from "./components/PickerItem/PickerItem.js";
36
- import { Radio as To } from "./components/Radio/Radio.js";
37
- import { RadioButton as Lo } from "./components/RadioButton/RadioButton.js";
38
- import { RadioButtonGroup as Do } from "./components/RadioButtonGroup/RadioButtonGroup.js";
39
- import { Rating as Mo } from "./components/Rating/Rating.js";
40
- import { Search as bo } from "./components/Search/Search.js";
41
- import { SearchInput as Ho } from "./components/SearchInput/SearchInput.js";
42
- import { SecondaryNavigation as wo } from "./components/SecondaryNavigation/SecondaryNavigation.js";
43
- import { SegmentedControl as Eo } from "./components/SegmentedControl/SegmentedControl.js";
44
- import { Select as No } from "./components/Select/Select.js";
45
- import { Selection as Go } from "./components/Selection/Selection.js";
46
- import { Slider as jo } from "./components/Slider/Slider.js";
47
- import { Tabs as Jo } from "./components/Tabs/Tabs.js";
48
- import { Tag as Qo } from "./components/Tag/Tag.js";
49
- import { Text as Vo } from "./components/Text/Text.js";
50
- import { TextInput as Xo } from "./components/TextInput/TextInput.js";
51
- import { Textarea as Zo } from "./components/Textarea/Textarea.js";
52
- import { ThemeProvider as $o } from "./components/ThemeProvider/ThemeProvider.js";
53
- import { ToggleButton as rr } from "./components/ToggleButton/ToggleButton.js";
54
- import { ToggleSwitch as tr } from "./components/ToggleSwitch/ToggleSwitch.js";
55
- import { Tooltip as mr } from "./components/Tooltip/Tooltip.js";
56
- import { Toast as fr } from "./components/Toast/Toast.js";
57
- import { ToastMessage as ir } from "./components/ToastMessage/ToastMessage.js";
58
- import { InlineAlert as dr } from "./components/InlineAlert/InlineAlert.js";
59
- import { Avatar as lr } from "./components/Avatar/Avatar.js";
60
- import { StaticBox as gr } from "./components/StaticBox/StaticBox.js";
61
- import { Stepper as Br } from "./components/Stepper/Stepper.js";
62
- import { InteractiveCard as Ir } from "./components/InteractiveCard/InteractiveCard.js";
63
- import { SidebarNavigation as Tr } from "./components/SidebarNavigation/SidebarNavigation.js";
64
- import { useBreakpoint as Lr } from "./hooks/useBreakpoint.js";
65
- import { useEventListeners as Dr } from "./hooks/useEventListeners.js";
66
- import { useHandleEvent as Mr } from "./hooks/useHandleEvent.js";
6
+ import { BasicCardSection as c } from "./components/BasicCardSection/BasicCardSection.js";
7
+ import { Breadcrumbs as u } from "./components/Breadcrumbs/Breadcrumbs.js";
8
+ import { BreadcrumbsItem as B } from "./components/BreadcrumbsItem/BreadcrumbsItem.js";
9
+ import { Bullets as C } from "./components/Bullets/Bullets.js";
10
+ import { Button as T } from "./components/Button/Button.js";
11
+ import { CarouselIndicator as L } from "./components/CarouselIndicator/CarouselIndicator.js";
12
+ import { Checkbox as D } from "./components/Checkbox/Checkbox.js";
13
+ import { Chip as k } from "./components/Chip/Chip.js";
14
+ import { Chips as R } from "./components/Chips/Chips.js";
15
+ import { Currency as H } from "./components/Currency/Currency.js";
16
+ import { Dialog as w } from "./components/Dialog/Dialog.js";
17
+ import { DialogBody as E } from "./components/DialogBody/DialogBody.js";
18
+ import { DialogFooter as N } from "./components/DialogFooter/DialogFooter.js";
19
+ import { DialogFullscreen as G } from "./components/DialogFullscreen/DialogFullscreen.js";
20
+ import { DialogHeader as j } from "./components/DialogHeader/DialogHeader.js";
21
+ import { Divider as J } from "./components/Divider/Divider.js";
22
+ import { Drawer as Q } from "./components/Drawer/Drawer.js";
23
+ import { Hyperlink as V } from "./components/Hyperlink/Hyperlink.js";
24
+ import { Icon as X } from "./components/Icon/Icon.js";
25
+ import { IconButton as Z } from "./components/IconButton/IconButton.js";
26
+ import { Input as $ } from "./components/Input/Input.js";
27
+ import { List as ro } from "./components/List/List.js";
28
+ import { ListItem as to } from "./components/ListItem/ListItem.js";
29
+ import { LinkButton as mo } from "./components/LinkButton/LinkButton.js";
30
+ import { Loader as fo, LoaderLogo as ao } from "./components/Loader/Loader.js";
31
+ import { Logo as no } from "./components/Logo/Logo.js";
32
+ import { MainTitle as co } from "./components/MainTitle/MainTitle.js";
33
+ import { MapPin as uo } from "./components/MapPin/MapPin.js";
34
+ import { MediaControl as Bo } from "./components/MediaControl/MediaControl.js";
35
+ import { Modal as Co } from "./components/Modal/Modal.js";
36
+ import { PasswordInput as To } from "./components/PasswordInput/PasswordInput.js";
37
+ import { PickerItem as Lo } from "./components/PickerItem/PickerItem.js";
38
+ import { Radio as Do } from "./components/Radio/Radio.js";
39
+ import { RadioButton as ko } from "./components/RadioButton/RadioButton.js";
40
+ import { RadioButtonGroup as Ro } from "./components/RadioButtonGroup/RadioButtonGroup.js";
41
+ import { Rating as Ho } from "./components/Rating/Rating.js";
42
+ import { Search as wo } from "./components/Search/Search.js";
43
+ import { SearchInput as Eo } from "./components/SearchInput/SearchInput.js";
44
+ import { SecondaryNavigation as No } from "./components/SecondaryNavigation/SecondaryNavigation.js";
45
+ import { SegmentedControl as Go } from "./components/SegmentedControl/SegmentedControl.js";
46
+ import { Select as jo } from "./components/Select/Select.js";
47
+ import { Selection as Jo } from "./components/Selection/Selection.js";
48
+ import { Slider as Qo } from "./components/Slider/Slider.js";
49
+ import { Tabs as Vo } from "./components/Tabs/Tabs.js";
50
+ import { Tag as Xo } from "./components/Tag/Tag.js";
51
+ import { Text as Zo } from "./components/Text/Text.js";
52
+ import { TextInput as $o } from "./components/TextInput/TextInput.js";
53
+ import { Textarea as rr } from "./components/Textarea/Textarea.js";
54
+ import { ThemeProvider as tr } from "./components/ThemeProvider/ThemeProvider.js";
55
+ import { ToggleButton as mr } from "./components/ToggleButton/ToggleButton.js";
56
+ import { ToggleSwitch as fr } from "./components/ToggleSwitch/ToggleSwitch.js";
57
+ import { Tooltip as ir } from "./components/Tooltip/Tooltip.js";
58
+ import { Toast as dr } from "./components/Toast/Toast.js";
59
+ import { ToastMessage as cr } from "./components/ToastMessage/ToastMessage.js";
60
+ import { InlineAlert as ur } from "./components/InlineAlert/InlineAlert.js";
61
+ import { Avatar as Br } from "./components/Avatar/Avatar.js";
62
+ import { StaticBox as Cr } from "./components/StaticBox/StaticBox.js";
63
+ import { Stepper as Tr } from "./components/Stepper/Stepper.js";
64
+ import { InteractiveCard as Lr } from "./components/InteractiveCard/InteractiveCard.js";
65
+ import { SidebarNavigation as Dr } from "./components/SidebarNavigation/SidebarNavigation.js";
66
+ import { useBreakpoint as kr } from "./hooks/useBreakpoint.js";
67
+ import { useEventListeners as Rr } from "./hooks/useEventListeners.js";
68
+ import { useHandleEvent as Hr } from "./hooks/useHandleEvent.js";
67
69
  import "react";
68
- import { useResizeObserver as br } from "./hooks/useResizeObserver/useResizeObserver.js";
70
+ import { useResizeObserver as wr } from "./hooks/useResizeObserver/useResizeObserver.js";
69
71
  export {
70
72
  t as Accordion,
71
- lr as Avatar,
73
+ Br as Avatar,
72
74
  m as Badge,
73
75
  f as BasicCard,
74
76
  d as BasicCardHeader,
75
77
  i as BasicCardImage,
76
- l as BasicCardSection,
77
- g as Bullets,
78
- B as Button,
79
- I as CarouselIndicator,
80
- T as Checkbox,
81
- L as Chip,
82
- D as Chips,
83
- M as Currency,
84
- b as Dialog,
85
- H as DialogBody,
86
- w as DialogFooter,
87
- E as DialogFullscreen,
88
- N as DialogHeader,
89
- G as Divider,
90
- j as Drawer,
91
- J as Hyperlink,
92
- Q as Icon,
93
- V as IconButton,
94
- dr as InlineAlert,
95
- X as Input,
96
- Ir as InteractiveCard,
97
- ro as LinkButton,
98
- Z as List,
99
- $ as ListItem,
100
- to as Loader,
101
- po as LoaderLogo,
102
- xo as Logo,
103
- ao as MainTitle,
104
- no as MapPin,
105
- lo as MediaControl,
106
- go as Modal,
107
- Bo as PasswordInput,
108
- Io as PickerItem,
109
- To as Radio,
110
- Lo as RadioButton,
111
- Do as RadioButtonGroup,
112
- Mo as Rating,
113
- bo as Search,
114
- Ho as SearchInput,
115
- wo as SecondaryNavigation,
116
- Eo as SegmentedControl,
117
- No as Select,
118
- Go as Selection,
119
- Tr as SidebarNavigation,
120
- jo as Slider,
121
- gr as StaticBox,
122
- Br as Stepper,
123
- Jo as Tabs,
124
- Qo as Tag,
125
- Vo as Text,
126
- Xo as TextInput,
127
- Zo as Textarea,
128
- $o as ThemeProvider,
129
- fr as Toast,
130
- ir as ToastMessage,
131
- rr as ToggleButton,
132
- tr as ToggleSwitch,
133
- mr as Tooltip,
134
- Lr as useBreakpoint,
135
- Dr as useEventListeners,
136
- Mr as useHandleEvent,
137
- br as useResizeObserver
78
+ c as BasicCardSection,
79
+ u as Breadcrumbs,
80
+ B as BreadcrumbsItem,
81
+ C as Bullets,
82
+ T as Button,
83
+ L as CarouselIndicator,
84
+ D as Checkbox,
85
+ k as Chip,
86
+ R as Chips,
87
+ H as Currency,
88
+ w as Dialog,
89
+ E as DialogBody,
90
+ N as DialogFooter,
91
+ G as DialogFullscreen,
92
+ j as DialogHeader,
93
+ J as Divider,
94
+ Q as Drawer,
95
+ V as Hyperlink,
96
+ X as Icon,
97
+ Z as IconButton,
98
+ ur as InlineAlert,
99
+ $ as Input,
100
+ Lr as InteractiveCard,
101
+ mo as LinkButton,
102
+ ro as List,
103
+ to as ListItem,
104
+ fo as Loader,
105
+ ao as LoaderLogo,
106
+ no as Logo,
107
+ co as MainTitle,
108
+ uo as MapPin,
109
+ Bo as MediaControl,
110
+ Co as Modal,
111
+ To as PasswordInput,
112
+ Lo as PickerItem,
113
+ Do as Radio,
114
+ ko as RadioButton,
115
+ Ro as RadioButtonGroup,
116
+ Ho as Rating,
117
+ wo as Search,
118
+ Eo as SearchInput,
119
+ No as SecondaryNavigation,
120
+ Go as SegmentedControl,
121
+ jo as Select,
122
+ Jo as Selection,
123
+ Dr as SidebarNavigation,
124
+ Qo as Slider,
125
+ Cr as StaticBox,
126
+ Tr as Stepper,
127
+ Vo as Tabs,
128
+ Xo as Tag,
129
+ Zo as Text,
130
+ $o as TextInput,
131
+ rr as Textarea,
132
+ tr as ThemeProvider,
133
+ dr as Toast,
134
+ cr as ToastMessage,
135
+ mr as ToggleButton,
136
+ fr as ToggleSwitch,
137
+ ir as Tooltip,
138
+ kr as useBreakpoint,
139
+ Rr as useEventListeners,
140
+ Hr as useHandleEvent,
141
+ wr as useResizeObserver
138
142
  };
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const DefaultIcon: Story;
6
+ export declare const WithInitials: Story;
7
+ export declare const WithImage: Story;
8
+ export declare const Disabled: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Dot: Story;
6
+ export declare const NumberBase: Story;
7
+ export declare const NumberSmallInverted: Story;
8
+ export declare const NumberInverted: Story;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Basic: Story;
6
+ export declare const Featured: Story;
7
+ export declare const CardGrid: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,8 @@
1
+ import { type ReactElement } from 'react';
2
+ import '@cupra/ui-kit/react/ds-breadcrumbs';
3
+ import type { DsBreadcrumbsAttrs } from '@cupra/ui-kit/react/types/ds-breadcrumbs';
4
+ export type BreadcrumbsProps = DsBreadcrumbsAttrs & {
5
+ className?: string;
6
+ children: JSX.Element | JSX.Element[] | string;
7
+ };
8
+ export declare const Breadcrumbs: (props: BreadcrumbsProps) => ReactElement;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Breadcrumbs } from '../Breadcrumbs';
3
+ declare const meta: Meta<typeof Breadcrumbs>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Breadcrumbs>;
6
+ export declare const Default: Story;
7
+ export declare const Overflow: Story;
8
+ export declare const LoadingState: Story;
9
+ export declare const LongLabels: Story;
10
+ export declare const MixedStates: Story;
@@ -0,0 +1,16 @@
1
+ import { type ReactElement, type ReactNode } from 'react';
2
+ import '@cupra/ui-kit/react/ds-breadcrumbs-item';
3
+ import type { DsBreadcrumbsItemAttrs } from '@cupra/ui-kit/react/types/ds-breadcrumbs-item';
4
+ export type BreadcrumbsItemProps = DsBreadcrumbsItemAttrs & {
5
+ className?: string;
6
+ children?: ReactNode;
7
+ };
8
+ export declare const BreadcrumbsItem: {
9
+ (props: BreadcrumbsItemProps): ReactElement;
10
+ Item: {
11
+ ({ children }: {
12
+ children: ReactNode;
13
+ }): ReactElement;
14
+ displayName: string;
15
+ };
16
+ };
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { BreadcrumbsItem } from '../BreadcrumbsItem';
3
+ declare const meta: Meta<typeof BreadcrumbsItem>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof BreadcrumbsItem>;
6
+ export declare const Default: Story;
7
+ export declare const LongTextOverflow: Story;
8
+ export declare const AllStates: Story;
@@ -0,0 +1,19 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Primary: Story;
6
+ export declare const Secondary: Story;
7
+ export declare const Tertiary: Story;
8
+ export declare const Naked: Story;
9
+ export declare const PrimaryDestructive: Story;
10
+ export declare const SecondaryDestructive: Story;
11
+ export declare const NakedDestructive: Story;
12
+ export declare const PrimaryDisabled: Story;
13
+ export declare const SecondaryDisabled: Story;
14
+ export declare const TertiaryDisabled: Story;
15
+ export declare const NakedDisabled: Story;
16
+ export declare const Medium: Story;
17
+ export declare const Small: Story;
18
+ export declare const CustomWithAnchorChildren: Story;
19
+ export declare const CustomWithButtonChildren: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const InfiniteStart: Story;
6
+ export declare const InfiniteCenter: Story;
7
+ export declare const InfiniteEnd: Story;
8
+ export declare const NotInfinite: Story;
@@ -0,0 +1,20 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Unchecked: Story;
6
+ export declare const Checked: Story;
7
+ export declare const Indeterminate: Story;
8
+ export declare const DisabledUnchecked: Story;
9
+ export declare const DisabledChecked: Story;
10
+ export declare const DisabledIndeterminate: Story;
11
+ export declare const Invalid: Story;
12
+ export declare const RequiredChecked: Story;
13
+ export declare const WithHelperText: Story;
14
+ export declare const WithInfoText: Story;
15
+ export declare const ForcedError: Story;
16
+ export declare const CheckedForcedError: Story;
17
+ export declare const SmallLeftDefault: Story;
18
+ export declare const SmallRightDefault: Story;
19
+ export declare const MediumLeftDefault: Story;
20
+ export declare const MediumRightDefault: Story;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const Selected: Story;
7
+ export declare const DeselectableSelected: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Colossal: Story;
6
+ export declare const Huge: Story;
7
+ export declare const Big: Story;
8
+ export declare const Large: Story;
9
+ export declare const Medium: Story;
10
+ export declare const Small: Story;
11
+ export declare const Tiny: Story;
12
+ export declare const Micro: Story;
13
+ export declare const Nano: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const PrimaryHorizontal: Story;
6
+ export declare const SecondaryHorizontal: Story;
7
+ export declare const PrimaryVertical: Story;
8
+ export declare const SecondaryVertical: Story;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Primary: Story;
6
+ export declare const DefaultOpen: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Primary: Story;
6
+ export declare const Secondary: Story;
7
+ export declare const Tertiary: Story;
8
+ export declare const Quaternary: Story;
9
+ export declare const Naked: Story;
10
+ export declare const Rounded: Story;
11
+ export declare const Disabled: Story;
12
+ export declare const Medium: Story;
13
+ export declare const Small: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const DefaultStatus: Story;
6
+ export declare const SuccessStatus: Story;
7
+ export declare const ErrorStatus: Story;
8
+ export declare const WarningStatus: Story;
9
+ export declare const InfoStatus: Story;
10
+ export declare const WithCustomContent: Story;
11
+ export declare const WithoutLink: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const WithError: Story;
7
+ export declare const Large: Story;
8
+ export declare const Selected: Story;
9
+ export declare const WithCustomContent: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Large: Story;
6
+ export declare const Medium: Story;
7
+ export declare const Underline: Story;
8
+ export declare const Disabled: Story;
9
+ export declare const IconLeft: Story;
@@ -0,0 +1,21 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ type ListArgs = {
3
+ size: 'small' | 'medium';
4
+ };
5
+ declare const meta: Meta<ListArgs>;
6
+ export default meta;
7
+ type Story = StoryObj<ListArgs>;
8
+ export declare const SelectionListCheckboxMedium: Story;
9
+ export declare const SelectionListCheckboxSmall: Story;
10
+ export declare const SelectionListRadioButtonMedium: Story;
11
+ export declare const SelectionListRadioButtonSmall: Story;
12
+ export declare const SelectionListSwitchMedium: Story;
13
+ export declare const SelectionListSwitchSmall: Story;
14
+ export declare const ActionListIconMedium: Story;
15
+ export declare const ActionListIconSmall: Story;
16
+ export declare const ActionListImageSquareMedium: Story;
17
+ export declare const ActionListImageSquareSmall: Story;
18
+ export declare const ActionListImageWideMedium: Story;
19
+ export declare const ActionListImageWideSmall: Story;
20
+ export declare const InfoListMedium: Story;
21
+ export declare const InfoListSmall: Story;
@@ -0,0 +1,23 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ type ListItemArgs = {
3
+ variant: 'selection' | 'action' | 'info';
4
+ size?: 'small' | 'medium';
5
+ selected?: boolean;
6
+ disabled?: boolean;
7
+ };
8
+ declare const meta: Meta<ListItemArgs>;
9
+ export default meta;
10
+ type Story = StoryObj<ListItemArgs>;
11
+ export declare const ListItemDefault: Story;
12
+ export declare const SelectionRadioListItemMedium: Story;
13
+ export declare const SelectionRadioListItemSmall: Story;
14
+ export declare const SelectionSwitchListItemMedium: Story;
15
+ export declare const SelectionSwitchListItemSmall: Story;
16
+ export declare const ActionIconListItemMedium: Story;
17
+ export declare const ActionIconListItemSmall: Story;
18
+ export declare const ActionImageSquareListItemMedium: Story;
19
+ export declare const ActionImageSquareListItemSmall: Story;
20
+ export declare const ActionImageWideListItemMedium: Story;
21
+ export declare const ActionImageWideListItemSmall: Story;
22
+ export declare const InfoListItemMedium: Story;
23
+ export declare const InfoListItemSmall: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const XLarge: Story;
6
+ export declare const Large: Story;
7
+ export declare const Medium: Story;
8
+ export declare const Small: Story;
9
+ export declare const XSmall: Story;
10
+ export declare const XXSmall: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { MainTitle } from '../MainTitle';
3
+ declare const meta: Meta<typeof MainTitle>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MainTitle>;
6
+ export declare const Default: Story;
7
+ export declare const SemanticH1: Story;
8
+ export declare const CustomTags: Story;
9
+ export declare const TitleOnly: Story;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const Checked: Story;
7
+ export declare const Cluster: Story;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const Sizes: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Small: Story;
6
+ export declare const WithValue: Story;
7
+ export declare const WithForcedError: Story;
8
+ export declare const Disabled: Story;
9
+ export declare const Required: Story;
10
+ export declare const WithMaxLength: Story;
11
+ export declare const WithPattern: Story;
@@ -0,0 +1,14 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const WithBorder: Story;
6
+ export declare const WithoutBorder: Story;
7
+ export declare const SmallWithBorder: Story;
8
+ export declare const MediumWithBorder: Story;
9
+ export declare const LargeWithBorder: Story;
10
+ export declare const SmallWithoutBorder: Story;
11
+ export declare const MediumWithoutBorder: Story;
12
+ export declare const LargeWithoutBorder: Story;
13
+ export declare const ResponsiveSize: Story;
14
+ export declare const Selected: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const Checked: Story;
7
+ export declare const WithHelperText: Story;
8
+ export declare const ErrorWithoutText: Story;
9
+ export declare const ErrorWithText: Story;
10
+ export declare const Disabled: Story;
11
+ export declare const SizeLarge: Story;
12
+ export declare const PlacementRight: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Overview: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const FullFive: Story;
7
+ export declare const RoundDownExample: Story;
8
+ export declare const HalfStarExample: Story;
9
+ export declare const NoRatingText: Story;
10
+ export declare const Disabled: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const SingleActionButton: Story;
7
+ export declare const KeepDropdownButtonText: Story;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Medium: Story;
6
+ export declare const Small: Story;
7
+ export declare const FullWidth: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Primary: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Primary: Story;
6
+ export declare const Empty: Story;
7
+ export declare const Full: Story;
8
+ export declare const OverflowClamped: Story;
9
+ export declare const NoActive: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Primary: Story;
6
+ export declare const Secondary: Story;
7
+ export declare const PrimaryDisabled: Story;
8
+ export declare const SecondaryDisabled: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const WithLeftIcon: Story;
7
+ export declare const WithRightIcon: Story;
8
+ export declare const ClickableIcon: Story;
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const DisplayVariant: Story;
7
+ export declare const HeadlineVariant: Story;
8
+ export declare const BodyVariant: Story;
9
+ export declare const WithDifferentElements: Story;
10
+ export declare const WithHtmlTagName: Story;
11
+ export declare const BothRenderingModes: Story;
12
+ export declare const DoAndDont: Story;
13
+ export declare const WithColor: Story;
14
+ export declare const Uppercase: Story;
15
+ export declare const TwoInlineTexts: Story;
16
+ export declare const ResponsiveSize: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const WithValue: Story;
7
+ export declare const Required: Story;
8
+ export declare const Disabled: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Small: Story;
6
+ export declare const WithValue: Story;
7
+ export declare const WithError: Story;
8
+ export declare const Disabled: Story;
9
+ export declare const Required: Story;
10
+ export declare const WithMaxLength: Story;
11
+ export declare const WithMoreRows: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const TopRight: Story;
6
+ export declare const TopLeft: Story;
7
+ export declare const BottomRight: Story;
8
+ export declare const BottomLeft: Story;
9
+ export declare const CustomSpacing: Story;
10
+ export declare const WithTemplateReference: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const DefaultStatus: Story;
6
+ export declare const SuccessStatus: Story;
7
+ export declare const ErrorStatus: Story;
8
+ export declare const WarningStatus: Story;
9
+ export declare const InfoStatus: Story;
10
+ export declare const WithCustomContent: Story;
11
+ export declare const WithoutLink: Story;
12
+ export declare const WithLongContent: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Medium: Story;
6
+ export declare const MediumDisabled: Story;
7
+ export declare const MediumDisabledChecked: Story;
8
+ export declare const Small: Story;
9
+ export declare const SmallDisabled: Story;
10
+ export declare const SmallDisabledChecked: Story;
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Primary: Story;
@@ -4,6 +4,8 @@ export * from './BasicCard/BasicCard';
4
4
  export * from './BasicCardImage/BasicCardImage';
5
5
  export * from './BasicCardHeader/BasicCardHeader';
6
6
  export * from './BasicCardSection/BasicCardSection';
7
+ export * from './Breadcrumbs/Breadcrumbs';
8
+ export * from './BreadcrumbsItem/BreadcrumbsItem';
7
9
  export * from './Bullets/Bullets';
8
10
  export * from './Button/Button';
9
11
  export * from './CarouselIndicator/CarouselIndicator';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cupra/ui-react",
3
- "version": "2.0.0-canary.46",
3
+ "version": "2.0.0-canary.48",
4
4
  "description": "React components library",
5
5
  "author": "SEAT S.A.",
6
6
  "license": "SEAT S.A. Library EULA 1.0",
@@ -51,7 +51,7 @@
51
51
  "peerDependencies": {
52
52
  "react": ">= 18.3.1 < 20",
53
53
  "react-dom": ">= 18.3.1 < 20",
54
- "@cupra/ui-kit": "2.0.0-canary.38",
54
+ "@cupra/ui-kit": "2.0.0-canary.40",
55
55
  "typescript": ">=5.0.0"
56
56
  },
57
57
  "dependencies": {
@@ -74,13 +74,15 @@
74
74
  "storybook": "^8.6.15",
75
75
  "typescript": "^5.8.2",
76
76
  "vite": "^6.4.1",
77
- "@cupra/ui-kit": "2.0.0-canary.38"
77
+ "@cupra/ui-kit": "2.0.0-canary.40"
78
78
  },
79
79
  "scripts": {
80
80
  "build": "rm -rf dist && pnpm --filter @cupra/ui-kit build:react && tsc --declaration --emitDeclarationOnly && BUILD_FORMAT=esm vite build --emptyOutDir false && BUILD_FORMAT=cjs vite build --emptyOutDir false",
81
81
  "test": "vitest run",
82
82
  "generate-licenses": "npx generate-license-file --input package.json --output THIRD_PARTY_LICENSES.MD --overwrite --ci",
83
- "storybook": "pnpm --filter ui-kit build:react:dev && storybook dev -p 6006",
84
- "build-storybook:cupra-diagonal": "storybook build --output-dir dist-storybook/cupra-diagonal"
83
+ "storybook:cupra-diagonal": "pnpm --filter ui-kit build:react:dev && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6006",
84
+ "storybook:seat": "pnpm --filter ui-kit build:react:dev && storybook dev --config-dir .storybook/themes/seat -p 6006",
85
+ "build-storybook:cupra-diagonal": "storybook build --config-dir .storybook/themes/cupra-diagonal --output-dir dist-storybook/cupra-diagonal",
86
+ "build-storybook:seat": "storybook build --config-dir .storybook/themes/seat --output-dir dist-storybook/seat"
85
87
  }
86
88
  }