@cupra/ui-react 2.0.0-canary.82 → 2.0.0-canary.84
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/Skeleton/Skeleton.cjs +1 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/Skeleton/Skeleton.js +8 -0
- package/dist/esm/index.js +54 -52
- package/dist/types/components/Skeleton/Skeleton.d.ts +7 -0
- package/dist/types/components/index.d.ts +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-skeleton");function n({className:e,...t}){return r.jsx("ds-skeleton-react",{class:e,...t})}exports.Skeleton=n;
|
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"),S=require("./components/DialogBody/DialogBody.cjs"),C=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"),k=require("./components/Input/Input.cjs"),M=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/Skeleton/Skeleton.cjs"),W=require("./components/Slider/Slider.cjs"),X=require("./components/Tabs/Tabs.cjs"),Y=require("./components/Tag/Tag.cjs"),Z=require("./components/Text/Text.cjs"),_=require("./components/TextInput/TextInput.cjs"),$=require("./components/Textarea/Textarea.cjs"),ee=require("./components/ThemeProvider/ThemeProvider.cjs"),re=require("./components/ToggleButton/ToggleButton.cjs"),te=require("./components/ToggleSwitch/ToggleSwitch.cjs"),oe=require("./components/Tooltip/Tooltip.cjs"),ie=require("./components/Toast/Toast.cjs"),ne=require("./components/ToastMessage/ToastMessage.cjs"),ae=require("./components/InlineAlert/InlineAlert.cjs"),se=require("./components/Avatar/Avatar.cjs"),ce=require("./components/StaticBox/StaticBox.cjs"),ue=require("./components/Stepper/Stepper.cjs"),de=require("./components/InteractiveCard/InteractiveCard.cjs"),le=require("./components/SidebarNavigation/SidebarNavigation.cjs"),qe=require("./components/IconButtonGroup/IconButtonGroup.cjs"),ge=require("./components/NavigationControls/NavigationControls.cjs"),Be=require("./hooks/useBreakpoint.cjs"),pe=require("./hooks/useEventListeners.cjs"),Ie=require("./hooks/useHandleEvent.cjs");require("react");const Se=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=C.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=k.Input;exports.List=M.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.Skeleton=V.Skeleton;exports.Slider=W.Slider;exports.Tabs=X.Tabs;exports.Tag=Y.Tag;exports.Text=Z.Text;exports.TextInput=_.TextInput;exports.Textarea=$.Textarea;exports.ThemeProvider=ee.ThemeProvider;exports.ToggleButton=re.ToggleButton;exports.ToggleSwitch=te.ToggleSwitch;exports.Tooltip=oe.Tooltip;exports.Toast=ie.Toast;exports.ToastMessage=ne.ToastMessage;exports.InlineAlert=ae.InlineAlert;exports.Avatar=se.Avatar;exports.StaticBox=ce.StaticBox;exports.Stepper=ue.Stepper;exports.InteractiveCard=de.InteractiveCard;exports.SidebarNavigation=le.SidebarNavigation;exports.IconButtonGroup=qe.IconButtonGroup;exports.NavigationControls=ge.NavigationControls;exports.useBreakpoint=Be.useBreakpoint;exports.useEventListeners=pe.useEventListeners;exports.useHandleEvent=Ie.useHandleEvent;exports.useResizeObserver=Se.useResizeObserver;
|
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 { Breadcrumbs as u } from "./components/Breadcrumbs/Breadcrumbs.js";
|
|
8
8
|
import { BreadcrumbsItem as B } from "./components/BreadcrumbsItem/BreadcrumbsItem.js";
|
|
9
9
|
import { Bullets as C } from "./components/Bullets/Bullets.js";
|
|
@@ -29,7 +29,7 @@ import { ListItem as to } from "./components/ListItem/ListItem.js";
|
|
|
29
29
|
import { LinkButton as mo } from "./components/LinkButton/LinkButton.js";
|
|
30
30
|
import { Loader as fo, LoaderLogo as ao } from "./components/Loader/Loader.js";
|
|
31
31
|
import { Logo as no } from "./components/Logo/Logo.js";
|
|
32
|
-
import { MainTitle as
|
|
32
|
+
import { MainTitle as lo } from "./components/MainTitle/MainTitle.js";
|
|
33
33
|
import { MapPin as uo } from "./components/MapPin/MapPin.js";
|
|
34
34
|
import { MediaControl as Bo } from "./components/MediaControl/MediaControl.js";
|
|
35
35
|
import { Modal as Co } from "./components/Modal/Modal.js";
|
|
@@ -45,39 +45,40 @@ import { SecondaryNavigation as Fo } from "./components/SecondaryNavigation/Seco
|
|
|
45
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
|
-
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 {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
48
|
+
import { Skeleton as Qo } from "./components/Skeleton/Skeleton.js";
|
|
49
|
+
import { Slider as Vo } from "./components/Slider/Slider.js";
|
|
50
|
+
import { Tabs as Xo } from "./components/Tabs/Tabs.js";
|
|
51
|
+
import { Tag as Zo } from "./components/Tag/Tag.js";
|
|
52
|
+
import { Text as $o } from "./components/Text/Text.js";
|
|
53
|
+
import { TextInput as rr } from "./components/TextInput/TextInput.js";
|
|
54
|
+
import { Textarea as tr } from "./components/Textarea/Textarea.js";
|
|
55
|
+
import { ThemeProvider as mr } from "./components/ThemeProvider/ThemeProvider.js";
|
|
56
|
+
import { ToggleButton as fr } from "./components/ToggleButton/ToggleButton.js";
|
|
57
|
+
import { ToggleSwitch as ir } from "./components/ToggleSwitch/ToggleSwitch.js";
|
|
58
|
+
import { Tooltip as dr } from "./components/Tooltip/Tooltip.js";
|
|
59
|
+
import { Toast as lr } from "./components/Toast/Toast.js";
|
|
60
|
+
import { ToastMessage as ur } from "./components/ToastMessage/ToastMessage.js";
|
|
61
|
+
import { InlineAlert as Br } from "./components/InlineAlert/InlineAlert.js";
|
|
62
|
+
import { Avatar as Cr } from "./components/Avatar/Avatar.js";
|
|
63
|
+
import { StaticBox as Tr } from "./components/StaticBox/StaticBox.js";
|
|
64
|
+
import { Stepper as Lr } from "./components/Stepper/Stepper.js";
|
|
65
|
+
import { InteractiveCard as Dr } from "./components/InteractiveCard/InteractiveCard.js";
|
|
66
|
+
import { SidebarNavigation as kr } from "./components/SidebarNavigation/SidebarNavigation.js";
|
|
67
|
+
import { IconButtonGroup as Rr } from "./components/IconButtonGroup/IconButtonGroup.js";
|
|
68
|
+
import { NavigationControls as Hr } from "./components/NavigationControls/NavigationControls.js";
|
|
69
|
+
import { useBreakpoint as wr } from "./hooks/useBreakpoint.js";
|
|
70
|
+
import { useEventListeners as Nr } from "./hooks/useEventListeners.js";
|
|
71
|
+
import { useHandleEvent as Fr } from "./hooks/useHandleEvent.js";
|
|
71
72
|
import "react";
|
|
72
|
-
import { useResizeObserver as
|
|
73
|
+
import { useResizeObserver as zr } from "./hooks/useResizeObserver/useResizeObserver.js";
|
|
73
74
|
export {
|
|
74
75
|
t as Accordion,
|
|
75
|
-
|
|
76
|
+
Cr as Avatar,
|
|
76
77
|
m as Badge,
|
|
77
78
|
f as BasicCard,
|
|
78
79
|
d as BasicCardHeader,
|
|
79
80
|
i as BasicCardImage,
|
|
80
|
-
|
|
81
|
+
l as BasicCardSection,
|
|
81
82
|
u as Breadcrumbs,
|
|
82
83
|
B as BreadcrumbsItem,
|
|
83
84
|
C as Bullets,
|
|
@@ -97,21 +98,21 @@ export {
|
|
|
97
98
|
V as Hyperlink,
|
|
98
99
|
X as Icon,
|
|
99
100
|
Z as IconButton,
|
|
100
|
-
|
|
101
|
-
|
|
101
|
+
Rr as IconButtonGroup,
|
|
102
|
+
Br as InlineAlert,
|
|
102
103
|
$ as Input,
|
|
103
|
-
|
|
104
|
+
Dr as InteractiveCard,
|
|
104
105
|
mo as LinkButton,
|
|
105
106
|
ro as List,
|
|
106
107
|
to as ListItem,
|
|
107
108
|
fo as Loader,
|
|
108
109
|
ao as LoaderLogo,
|
|
109
110
|
no as Logo,
|
|
110
|
-
|
|
111
|
+
lo as MainTitle,
|
|
111
112
|
uo as MapPin,
|
|
112
113
|
Bo as MediaControl,
|
|
113
114
|
Co as Modal,
|
|
114
|
-
|
|
115
|
+
Hr as NavigationControls,
|
|
115
116
|
To as PasswordInput,
|
|
116
117
|
Lo as PickerItem,
|
|
117
118
|
Do as Radio,
|
|
@@ -124,23 +125,24 @@ export {
|
|
|
124
125
|
zo as SegmentedControl,
|
|
125
126
|
jo as Select,
|
|
126
127
|
Jo as Selection,
|
|
127
|
-
|
|
128
|
-
Qo as
|
|
129
|
-
|
|
130
|
-
Tr as
|
|
131
|
-
|
|
132
|
-
Xo as
|
|
133
|
-
Zo as
|
|
134
|
-
$o as
|
|
135
|
-
rr as
|
|
136
|
-
tr as
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
fr as
|
|
141
|
-
ir as
|
|
142
|
-
|
|
143
|
-
wr as
|
|
144
|
-
Nr as
|
|
145
|
-
Fr as
|
|
128
|
+
kr as SidebarNavigation,
|
|
129
|
+
Qo as Skeleton,
|
|
130
|
+
Vo as Slider,
|
|
131
|
+
Tr as StaticBox,
|
|
132
|
+
Lr as Stepper,
|
|
133
|
+
Xo as Tabs,
|
|
134
|
+
Zo as Tag,
|
|
135
|
+
$o as Text,
|
|
136
|
+
rr as TextInput,
|
|
137
|
+
tr as Textarea,
|
|
138
|
+
mr as ThemeProvider,
|
|
139
|
+
lr as Toast,
|
|
140
|
+
ur as ToastMessage,
|
|
141
|
+
fr as ToggleButton,
|
|
142
|
+
ir as ToggleSwitch,
|
|
143
|
+
dr as Tooltip,
|
|
144
|
+
wr as useBreakpoint,
|
|
145
|
+
Nr as useEventListeners,
|
|
146
|
+
Fr as useHandleEvent,
|
|
147
|
+
zr as useResizeObserver
|
|
146
148
|
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { DsSkeletonAttrs } from '@cupra/ui-kit/react/types/ds-skeleton';
|
|
2
|
+
import { type ReactElement } from 'react';
|
|
3
|
+
import '@cupra/ui-kit/react/ds-skeleton';
|
|
4
|
+
export interface SkeletonProps extends DsSkeletonAttrs {
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function Skeleton({ className, ...rest }: SkeletonProps): ReactElement;
|
|
@@ -45,6 +45,7 @@ export * from './SecondaryNavigation/SecondaryNavigation';
|
|
|
45
45
|
export * from './SegmentedControl/SegmentedControl';
|
|
46
46
|
export * from './Select/Select';
|
|
47
47
|
export * from './Selection/Selection';
|
|
48
|
+
export * from './Skeleton/Skeleton';
|
|
48
49
|
export * from './Slider/Slider';
|
|
49
50
|
export * from './Tabs/Tabs';
|
|
50
51
|
export * from './Tag/Tag';
|
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.84",
|
|
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.73",
|
|
55
55
|
"typescript": ">=5.0.0"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"storybook": "^8.6.17",
|
|
77
77
|
"typescript": "^5.8.2",
|
|
78
78
|
"vite": "^6.4.1",
|
|
79
|
-
"@cupra/ui-kit": "2.0.0-canary.
|
|
79
|
+
"@cupra/ui-kit": "2.0.0-canary.73"
|
|
80
80
|
},
|
|
81
81
|
"scripts": {
|
|
82
82
|
"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",
|