@cupra/ui-react 2.0.0-canary.27 → 2.0.0-canary.29
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-dialog-fullscreen");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const i=require("../../hooks/useHandleEvent.cjs"),a=require("react-dom");function d(r){const{className:o,children:t,onClose:l,withPortal:n,...s}=r,{ref:c}=i.useHandleEvent({"ds-dialog-fullscreen:close":l}),e=u.jsx("ds-dialog-fullscreen-react",{ref:c,class:o,...s,children:t});return n?a.createPortal(e,document.body):e}exports.DialogFullscreen=d;
|
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"),c=require("./components/Button/Button.cjs"),u=require("./components/CarouselIndicator/CarouselIndicator.cjs"),d=require("./components/Checkbox/Checkbox.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/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;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import "@cupra/ui-kit/react/ds-dialog-fullscreen";
|
|
3
|
+
import "@cupra/ui-kit/react/utils/breakpoints";
|
|
4
|
+
import "react";
|
|
5
|
+
import { useHandleEvent as a } from "../../hooks/useHandleEvent.js";
|
|
6
|
+
import { createPortal as m } from "react-dom";
|
|
7
|
+
function P(r) {
|
|
8
|
+
const { className: e, children: t, onClose: l, withPortal: s, ...n } = r, { ref: c } = a({
|
|
9
|
+
"ds-dialog-fullscreen:close": l
|
|
10
|
+
}), o = /* @__PURE__ */ i("ds-dialog-fullscreen-react", { ref: c, class: e, ...n, children: t });
|
|
11
|
+
return s ? m(o, document.body) : o;
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
P as DialogFullscreen
|
|
15
|
+
};
|
package/dist/esm/index.js
CHANGED
|
@@ -3,7 +3,7 @@ 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
|
|
6
|
+
import { BasicCardSection as l } from "./components/BasicCardSection/BasicCardSection.js";
|
|
7
7
|
import { Bullets as g } from "./components/Bullets/Bullets.js";
|
|
8
8
|
import { Button as B } from "./components/Button/Button.js";
|
|
9
9
|
import { CarouselIndicator as I } from "./components/CarouselIndicator/CarouselIndicator.js";
|
|
@@ -14,65 +14,66 @@ import { Currency as M } from "./components/Currency/Currency.js";
|
|
|
14
14
|
import { Dialog as b } from "./components/Dialog/Dialog.js";
|
|
15
15
|
import { DialogBody as H } from "./components/DialogBody/DialogBody.js";
|
|
16
16
|
import { DialogFooter as w } from "./components/DialogFooter/DialogFooter.js";
|
|
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 {
|
|
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";
|
|
66
67
|
import "react";
|
|
67
|
-
import { useResizeObserver as
|
|
68
|
+
import { useResizeObserver as br } from "./hooks/useResizeObserver/useResizeObserver.js";
|
|
68
69
|
export {
|
|
69
70
|
t as Accordion,
|
|
70
|
-
|
|
71
|
+
lr as Avatar,
|
|
71
72
|
m as Badge,
|
|
72
73
|
f as BasicCard,
|
|
73
74
|
d as BasicCardHeader,
|
|
74
75
|
i as BasicCardImage,
|
|
75
|
-
|
|
76
|
+
l as BasicCardSection,
|
|
76
77
|
g as Bullets,
|
|
77
78
|
B as Button,
|
|
78
79
|
I as CarouselIndicator,
|
|
@@ -83,54 +84,55 @@ export {
|
|
|
83
84
|
b as Dialog,
|
|
84
85
|
H as DialogBody,
|
|
85
86
|
w as DialogFooter,
|
|
86
|
-
E as
|
|
87
|
-
|
|
88
|
-
G as
|
|
89
|
-
j as
|
|
90
|
-
J as
|
|
91
|
-
Q as
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
Z as
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
po as
|
|
101
|
-
xo as
|
|
102
|
-
ao as
|
|
103
|
-
no as
|
|
104
|
-
|
|
105
|
-
go as
|
|
106
|
-
Bo as
|
|
107
|
-
Io as
|
|
108
|
-
To as
|
|
109
|
-
Lo as
|
|
110
|
-
Do as
|
|
111
|
-
Mo as
|
|
112
|
-
bo as
|
|
113
|
-
Ho as
|
|
114
|
-
wo as
|
|
115
|
-
Eo as
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
gr as
|
|
121
|
-
|
|
122
|
-
Jo as
|
|
123
|
-
Qo as
|
|
124
|
-
Vo as
|
|
125
|
-
Xo as
|
|
126
|
-
Zo as
|
|
127
|
-
|
|
128
|
-
fr as
|
|
129
|
-
|
|
130
|
-
rr as
|
|
131
|
-
tr as
|
|
132
|
-
|
|
133
|
-
Lr as
|
|
134
|
-
Dr as
|
|
135
|
-
Mr as
|
|
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
|
|
136
138
|
};
|
|
@@ -14,6 +14,7 @@ export * from './Currency/Currency';
|
|
|
14
14
|
export * from './Dialog/Dialog';
|
|
15
15
|
export * from './DialogBody/DialogBody';
|
|
16
16
|
export * from './DialogFooter/DialogFooter';
|
|
17
|
+
export * from './DialogFullscreen/DialogFullscreen';
|
|
17
18
|
export * from './DialogHeader/DialogHeader';
|
|
18
19
|
export * from './Divider/Divider';
|
|
19
20
|
export * from './Drawer/Drawer';
|
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.29",
|
|
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.22",
|
|
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.22"
|
|
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",
|