@cupra/ui-react 2.0.0-canary.47 → 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.
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.cjs +1 -0
- package/dist/cjs/components/BreadcrumbsItem/BreadcrumbsItem.cjs +1 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.js +9 -0
- package/dist/esm/components/BreadcrumbsItem/BreadcrumbsItem.js +12 -0
- package/dist/esm/index.js +129 -125
- package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +8 -0
- package/dist/types/components/Breadcrumbs/stories/CupraDiagonal.stories.d.ts +10 -0
- package/dist/types/components/BreadcrumbsItem/BreadcrumbsItem.d.ts +16 -0
- package/dist/types/components/BreadcrumbsItem/stories/CupraDiagonal.stories.d.ts +8 -0
- package/dist/types/components/index.d.ts +2 -0
- package/package.json +3 -3
|
@@ -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;
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -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"),
|
|
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
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
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
|
|
70
|
+
import { useResizeObserver as wr } from "./hooks/useResizeObserver/useResizeObserver.js";
|
|
69
71
|
export {
|
|
70
72
|
t as Accordion,
|
|
71
|
-
|
|
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
|
-
|
|
77
|
-
|
|
78
|
-
B as
|
|
79
|
-
|
|
80
|
-
T as
|
|
81
|
-
L as
|
|
82
|
-
D as
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
H as
|
|
86
|
-
w as
|
|
87
|
-
E as
|
|
88
|
-
N as
|
|
89
|
-
G as
|
|
90
|
-
j as
|
|
91
|
-
J as
|
|
92
|
-
Q as
|
|
93
|
-
V as
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
ao as
|
|
104
|
-
no as
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
Bo as
|
|
108
|
-
|
|
109
|
-
To as
|
|
110
|
-
Lo as
|
|
111
|
-
Do as
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
Ho as
|
|
115
|
-
wo as
|
|
116
|
-
Eo as
|
|
117
|
-
No as
|
|
118
|
-
Go as
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
Vo as
|
|
126
|
-
Xo as
|
|
127
|
-
Zo as
|
|
128
|
-
$o as
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
mr as
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
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,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;
|
|
@@ -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.
|
|
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.
|
|
54
|
+
"@cupra/ui-kit": "2.0.0-canary.40",
|
|
55
55
|
"typescript": ">=5.0.0"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
@@ -74,7 +74,7 @@
|
|
|
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.
|
|
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",
|