@cupra/ui-react 2.0.0-canary.64 → 2.0.0-canary.66
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/IconButtonGroup/IconButtonGroup.cjs +1 -0
- package/dist/cjs/components/NavigationControls/NavigationControls.cjs +1 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/IconButtonGroup/IconButtonGroup.js +9 -0
- package/dist/esm/components/NavigationControls/NavigationControls.js +9 -0
- package/dist/esm/index.js +24 -20
- package/dist/types/components/IconButtonGroup/IconButtonGroup.d.ts +9 -0
- package/dist/types/components/NavigationControls/NavigationControls.d.ts +9 -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 n=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-icon-button-group");function u(t){const{className:o,children:e,...r}=t;return n.jsx("ds-icon-button-group-react",{class:o,...r,children:e})}exports.IconButtonGroup=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-navigation-controls");function s(t){const{className:o,children:e,...r}=t;return n.jsx("ds-navigation-controls-react",{class:o,...r,children:e})}exports.NavigationControls=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/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"),
|
|
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"),C=require("./components/DialogBody/DialogBody.cjs"),S=require("./components/DialogFooter/DialogFooter.cjs"),T=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"),N=require("./components/PasswordInput/PasswordInput.cjs"),E=require("./components/PickerItem/PickerItem.cjs"),F=require("./components/Radio/Radio.cjs"),G=require("./components/RadioButton/RadioButton.cjs"),O=require("./components/RadioButtonGroup/RadioButtonGroup.cjs"),z=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("./components/IconButtonGroup/IconButtonGroup.cjs"),qe=require("./components/NavigationControls/NavigationControls.cjs"),ge=require("./hooks/useBreakpoint.cjs"),Be=require("./hooks/useEventListeners.cjs"),pe=require("./hooks/useHandleEvent.cjs");require("react");const Ie=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=C.DialogBody;exports.DialogFooter=S.DialogFooter;exports.DialogFullscreen=T.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=N.PasswordInput;exports.PickerItem=E.PickerItem;exports.Radio=F.Radio;exports.RadioButton=G.RadioButton;exports.RadioButtonGroup=O.RadioButtonGroup;exports.Rating=z.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.IconButtonGroup=le.IconButtonGroup;exports.NavigationControls=qe.NavigationControls;exports.useBreakpoint=ge.useBreakpoint;exports.useEventListeners=Be.useEventListeners;exports.useHandleEvent=pe.useHandleEvent;exports.useResizeObserver=Ie.useResizeObserver;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import "@cupra/ui-kit/react/ds-icon-button-group";
|
|
3
|
+
function p(o) {
|
|
4
|
+
const { className: r, children: t, ...n } = o;
|
|
5
|
+
return /* @__PURE__ */ c("ds-icon-button-group-react", { class: r, ...n, children: t });
|
|
6
|
+
}
|
|
7
|
+
export {
|
|
8
|
+
p as IconButtonGroup
|
|
9
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import "@cupra/ui-kit/react/ds-navigation-controls";
|
|
3
|
+
function c(o) {
|
|
4
|
+
const { className: r, children: t, ...n } = o;
|
|
5
|
+
return /* @__PURE__ */ s("ds-navigation-controls-react", { class: r, ...n, children: t });
|
|
6
|
+
}
|
|
7
|
+
export {
|
|
8
|
+
c as NavigationControls
|
|
9
|
+
};
|
package/dist/esm/index.js
CHANGED
|
@@ -14,9 +14,9 @@ import { Chip as k } from "./components/Chip/Chip.js";
|
|
|
14
14
|
import { Chips as R } from "./components/Chips/Chips.js";
|
|
15
15
|
import { Currency as H } from "./components/Currency/Currency.js";
|
|
16
16
|
import { Dialog as w } from "./components/Dialog/Dialog.js";
|
|
17
|
-
import { DialogBody as
|
|
18
|
-
import { DialogFooter as
|
|
19
|
-
import { DialogFullscreen as
|
|
17
|
+
import { DialogBody as N } from "./components/DialogBody/DialogBody.js";
|
|
18
|
+
import { DialogFooter as F } from "./components/DialogFooter/DialogFooter.js";
|
|
19
|
+
import { DialogFullscreen as z } from "./components/DialogFullscreen/DialogFullscreen.js";
|
|
20
20
|
import { DialogHeader as j } from "./components/DialogHeader/DialogHeader.js";
|
|
21
21
|
import { Divider as J } from "./components/Divider/Divider.js";
|
|
22
22
|
import { Drawer as Q } from "./components/Drawer/Drawer.js";
|
|
@@ -40,9 +40,9 @@ import { RadioButton as ko } from "./components/RadioButton/RadioButton.js";
|
|
|
40
40
|
import { RadioButtonGroup as Ro } from "./components/RadioButtonGroup/RadioButtonGroup.js";
|
|
41
41
|
import { Rating as Ho } from "./components/Rating/Rating.js";
|
|
42
42
|
import { Search as wo } from "./components/Search/Search.js";
|
|
43
|
-
import { SearchInput as
|
|
44
|
-
import { SecondaryNavigation as
|
|
45
|
-
import { SegmentedControl as
|
|
43
|
+
import { SearchInput as No } from "./components/SearchInput/SearchInput.js";
|
|
44
|
+
import { SecondaryNavigation as Fo } from "./components/SecondaryNavigation/SecondaryNavigation.js";
|
|
45
|
+
import { SegmentedControl as zo } from "./components/SegmentedControl/SegmentedControl.js";
|
|
46
46
|
import { Select as jo } from "./components/Select/Select.js";
|
|
47
47
|
import { Selection as Jo } from "./components/Selection/Selection.js";
|
|
48
48
|
import { Slider as Qo } from "./components/Slider/Slider.js";
|
|
@@ -63,11 +63,13 @@ import { StaticBox as Cr } from "./components/StaticBox/StaticBox.js";
|
|
|
63
63
|
import { Stepper as Tr } from "./components/Stepper/Stepper.js";
|
|
64
64
|
import { InteractiveCard as Lr } from "./components/InteractiveCard/InteractiveCard.js";
|
|
65
65
|
import { SidebarNavigation as Dr } from "./components/SidebarNavigation/SidebarNavigation.js";
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
66
|
+
import { IconButtonGroup as kr } from "./components/IconButtonGroup/IconButtonGroup.js";
|
|
67
|
+
import { NavigationControls as Rr } from "./components/NavigationControls/NavigationControls.js";
|
|
68
|
+
import { useBreakpoint as Hr } from "./hooks/useBreakpoint.js";
|
|
69
|
+
import { useEventListeners as wr } from "./hooks/useEventListeners.js";
|
|
70
|
+
import { useHandleEvent as Nr } from "./hooks/useHandleEvent.js";
|
|
69
71
|
import "react";
|
|
70
|
-
import { useResizeObserver as
|
|
72
|
+
import { useResizeObserver as Fr } from "./hooks/useResizeObserver/useResizeObserver.js";
|
|
71
73
|
export {
|
|
72
74
|
t as Accordion,
|
|
73
75
|
Br as Avatar,
|
|
@@ -86,15 +88,16 @@ export {
|
|
|
86
88
|
R as Chips,
|
|
87
89
|
H as Currency,
|
|
88
90
|
w as Dialog,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
91
|
+
N as DialogBody,
|
|
92
|
+
F as DialogFooter,
|
|
93
|
+
z as DialogFullscreen,
|
|
92
94
|
j as DialogHeader,
|
|
93
95
|
J as Divider,
|
|
94
96
|
Q as Drawer,
|
|
95
97
|
V as Hyperlink,
|
|
96
98
|
X as Icon,
|
|
97
99
|
Z as IconButton,
|
|
100
|
+
kr as IconButtonGroup,
|
|
98
101
|
ur as InlineAlert,
|
|
99
102
|
$ as Input,
|
|
100
103
|
Lr as InteractiveCard,
|
|
@@ -108,6 +111,7 @@ export {
|
|
|
108
111
|
uo as MapPin,
|
|
109
112
|
Bo as MediaControl,
|
|
110
113
|
Co as Modal,
|
|
114
|
+
Rr as NavigationControls,
|
|
111
115
|
To as PasswordInput,
|
|
112
116
|
Lo as PickerItem,
|
|
113
117
|
Do as Radio,
|
|
@@ -115,9 +119,9 @@ export {
|
|
|
115
119
|
Ro as RadioButtonGroup,
|
|
116
120
|
Ho as Rating,
|
|
117
121
|
wo as Search,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
122
|
+
No as SearchInput,
|
|
123
|
+
Fo as SecondaryNavigation,
|
|
124
|
+
zo as SegmentedControl,
|
|
121
125
|
jo as Select,
|
|
122
126
|
Jo as Selection,
|
|
123
127
|
Dr as SidebarNavigation,
|
|
@@ -135,8 +139,8 @@ export {
|
|
|
135
139
|
mr as ToggleButton,
|
|
136
140
|
fr as ToggleSwitch,
|
|
137
141
|
ir as Tooltip,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
+
Hr as useBreakpoint,
|
|
143
|
+
wr as useEventListeners,
|
|
144
|
+
Nr as useHandleEvent,
|
|
145
|
+
Fr as useResizeObserver
|
|
142
146
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReactElement } from 'react';
|
|
2
|
+
import '@cupra/ui-kit/react/ds-icon-button-group';
|
|
3
|
+
import type { DsIconButtonGroupAttrs } from '@cupra/ui-kit/react/types/ds-icon-button-group';
|
|
4
|
+
type IconButtonGroupProps = DsIconButtonGroupAttrs & {
|
|
5
|
+
className?: string;
|
|
6
|
+
children: JSX.Element | JSX.Element[] | string;
|
|
7
|
+
};
|
|
8
|
+
export declare function IconButtonGroup(props: IconButtonGroupProps): ReactElement;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReactElement } from 'react';
|
|
2
|
+
import '@cupra/ui-kit/react/ds-navigation-controls';
|
|
3
|
+
import type { DsNavigationControlsAttrs } from '@cupra/ui-kit/react/types/ds-navigation-controls';
|
|
4
|
+
type NavigationControlsProps = DsNavigationControlsAttrs & {
|
|
5
|
+
className?: string;
|
|
6
|
+
children: JSX.Element | JSX.Element[] | string;
|
|
7
|
+
};
|
|
8
|
+
export declare function NavigationControls(props: NavigationControlsProps): ReactElement;
|
|
9
|
+
export {};
|
|
@@ -64,3 +64,5 @@ export * from './Stepper/Stepper';
|
|
|
64
64
|
export * from './InteractiveCard/InteractiveCard';
|
|
65
65
|
export * from './SidebarNavigation/SidebarNavigation';
|
|
66
66
|
export * from './MediaControl/MediaControl';
|
|
67
|
+
export * from './IconButtonGroup/IconButtonGroup';
|
|
68
|
+
export * from './NavigationControls/NavigationControls';
|
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.66",
|
|
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.58",
|
|
55
55
|
"typescript": ">=5.0.0"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"storybook": "^8.6.17",
|
|
76
76
|
"typescript": "^5.8.2",
|
|
77
77
|
"vite": "^6.4.1",
|
|
78
|
-
"@cupra/ui-kit": "2.0.0-canary.
|
|
78
|
+
"@cupra/ui-kit": "2.0.0-canary.58"
|
|
79
79
|
},
|
|
80
80
|
"scripts": {
|
|
81
81
|
"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",
|