@cupra/ui-react 2.0.0-canary.85 → 2.0.0-canary.87
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/Table/Table.cjs +1 -0
- package/dist/cjs/components/TableCell/TableCell.cjs +1 -0
- package/dist/cjs/components/TableRow/TableRow.cjs +1 -0
- package/dist/cjs/components/ValueUnit/ValueUnit.cjs +1 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/Table/Table.js +9 -0
- package/dist/esm/components/TableCell/TableCell.js +9 -0
- package/dist/esm/components/TableRow/TableRow.js +9 -0
- package/dist/esm/components/ValueUnit/ValueUnit.js +12 -0
- package/dist/esm/index.js +100 -92
- package/dist/types/components/Table/Table.d.ts +9 -0
- package/dist/types/components/TableCell/TableCell.d.ts +9 -0
- package/dist/types/components/TableRow/TableRow.d.ts +9 -0
- package/dist/types/components/ValueUnit/ValueUnit.d.ts +10 -0
- package/dist/types/components/index.d.ts +4 -0
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-table");function c(e){const{children:t,className:r,...s}=e;return a.jsx("ds-table-react",{class:r,...s,children:t})}exports.Table=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-table-cell");function c(e){const{children:l,className:t,...r}=e;return s.jsx("ds-table-cell-react",{class:t,...r,children:l})}exports.TableCell=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-table-row");function a(e){const{children:r,className:t,...s}=e;return o.jsx("ds-table-row-react",{class:t,...s,children:r})}exports.TableRow=a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-value-unit");function i(t){const{className:s,value:n,unit:r,...u}=t;return e.jsxs("ds-value-unit-react",{class:s,...u,children:[e.jsx("span",{slot:"value",children:n}),e.jsx("span",{slot:"unit",children:r})]})}exports.ValueUnit=i;
|
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"),
|
|
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"),l=require("./components/Button/Button.cjs"),d=require("./components/CarouselIndicator/CarouselIndicator.cjs"),q=require("./components/Checkbox/Checkbox.cjs"),g=require("./components/Chip/Chip.cjs"),B=require("./components/Chips/Chips.cjs"),T=require("./components/Currency/Currency.cjs"),p=require("./components/Dialog/Dialog.cjs"),C=require("./components/DialogBody/DialogBody.cjs"),I=require("./components/DialogFooter/DialogFooter.cjs"),S=require("./components/DialogFullscreen/DialogFullscreen.cjs"),v=require("./components/DialogHeader/DialogHeader.cjs"),b=require("./components/Divider/Divider.cjs"),m=require("./components/Drawer/Drawer.cjs"),L=require("./components/Hyperlink/Hyperlink.cjs"),h=require("./components/Icon/Icon.cjs"),D=require("./components/IconButton/IconButton.cjs"),k=require("./components/Input/Input.cjs"),R=require("./components/List/List.cjs"),M=require("./components/ListItem/ListItem.cjs"),x=require("./components/LinkButton/LinkButton.cjs"),e=require("./components/Loader/Loader.cjs"),y=require("./components/Logo/Logo.cjs"),P=require("./components/MainTitle/MainTitle.cjs"),w=require("./components/MapPin/MapPin.cjs"),H=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"),U=require("./components/Search/Search.cjs"),V=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/Skeleton/Skeleton.cjs"),W=require("./components/Slider/Slider.cjs"),X=require("./components/Table/Table.cjs"),Y=require("./components/TableCell/TableCell.cjs"),Z=require("./components/TableRow/TableRow.cjs"),_=require("./components/Tabs/Tabs.cjs"),$=require("./components/Tag/Tag.cjs"),ee=require("./components/Text/Text.cjs"),re=require("./components/TextInput/TextInput.cjs"),te=require("./components/Textarea/Textarea.cjs"),oe=require("./components/ThemeProvider/ThemeProvider.cjs"),ie=require("./components/ToggleButton/ToggleButton.cjs"),ne=require("./components/ToggleSwitch/ToggleSwitch.cjs"),ae=require("./components/Tooltip/Tooltip.cjs"),se=require("./components/ValueUnit/ValueUnit.cjs"),ce=require("./components/Toast/Toast.cjs"),ue=require("./components/ToastMessage/ToastMessage.cjs"),le=require("./components/InlineAlert/InlineAlert.cjs"),de=require("./components/Avatar/Avatar.cjs"),qe=require("./components/StaticBox/StaticBox.cjs"),ge=require("./components/Stepper/Stepper.cjs"),Be=require("./components/InteractiveCard/InteractiveCard.cjs"),Te=require("./components/SidebarNavigation/SidebarNavigation.cjs"),pe=require("./components/IconButtonGroup/IconButtonGroup.cjs"),Ce=require("./components/NavigationControls/NavigationControls.cjs"),Ie=require("./hooks/useBreakpoint.cjs"),Se=require("./hooks/useEventListeners.cjs"),ve=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=l.Button;exports.CarouselIndicator=d.CarouselIndicator;exports.Checkbox=q.Checkbox;exports.Chip=g.Chip;exports.Chips=B.Chips;exports.Currency=T.Currency;exports.Dialog=p.Dialog;exports.DialogBody=C.DialogBody;exports.DialogFooter=I.DialogFooter;exports.DialogFullscreen=S.DialogFullscreen;exports.DialogHeader=v.DialogHeader;exports.Divider=b.Divider;exports.Drawer=m.Drawer;exports.Hyperlink=L.Hyperlink;exports.Icon=h.Icon;exports.IconButton=D.IconButton;exports.Input=k.Input;exports.List=R.List;exports.ListItem=M.ListItem;exports.LinkButton=x.LinkButton;exports.Loader=e.Loader;exports.LoaderLogo=e.LoaderLogo;exports.Logo=y.Logo;exports.MainTitle=P.MainTitle;exports.MapPin=w.MapPin;exports.MediaControl=H.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=U.Search;exports.SearchInput=V.SearchInput;exports.SecondaryNavigation=f.SecondaryNavigation;exports.SegmentedControl=j.SegmentedControl;exports.Select=J.Select;exports.Selection=K.Selection;exports.Skeleton=Q.Skeleton;exports.Slider=W.Slider;exports.Table=X.Table;exports.TableCell=Y.TableCell;exports.TableRow=Z.TableRow;exports.Tabs=_.Tabs;exports.Tag=$.Tag;exports.Text=ee.Text;exports.TextInput=re.TextInput;exports.Textarea=te.Textarea;exports.ThemeProvider=oe.ThemeProvider;exports.ToggleButton=ie.ToggleButton;exports.ToggleSwitch=ne.ToggleSwitch;exports.Tooltip=ae.Tooltip;exports.ValueUnit=se.ValueUnit;exports.Toast=ce.Toast;exports.ToastMessage=ue.ToastMessage;exports.InlineAlert=le.InlineAlert;exports.Avatar=de.Avatar;exports.StaticBox=qe.StaticBox;exports.Stepper=ge.Stepper;exports.InteractiveCard=Be.InteractiveCard;exports.SidebarNavigation=Te.SidebarNavigation;exports.IconButtonGroup=pe.IconButtonGroup;exports.NavigationControls=Ce.NavigationControls;exports.useBreakpoint=Ie.useBreakpoint;exports.useEventListeners=Se.useEventListeners;exports.useHandleEvent=ve.useHandleEvent;exports.useResizeObserver=be.useResizeObserver;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import "@cupra/ui-kit/react/ds-table";
|
|
3
|
+
function l(r) {
|
|
4
|
+
const { children: t, className: e, ...s } = r;
|
|
5
|
+
return /* @__PURE__ */ a("ds-table-react", { class: e, ...s, children: t });
|
|
6
|
+
}
|
|
7
|
+
export {
|
|
8
|
+
l as Table
|
|
9
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import "@cupra/ui-kit/react/ds-table-cell";
|
|
3
|
+
function o(e) {
|
|
4
|
+
const { children: l, className: r, ...t } = e;
|
|
5
|
+
return /* @__PURE__ */ s("ds-table-cell-react", { class: r, ...t, children: l });
|
|
6
|
+
}
|
|
7
|
+
export {
|
|
8
|
+
o as TableCell
|
|
9
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import "@cupra/ui-kit/react/ds-table-row";
|
|
3
|
+
function l(r) {
|
|
4
|
+
const { children: t, className: e, ...o } = r;
|
|
5
|
+
return /* @__PURE__ */ s("ds-table-row-react", { class: e, ...o, children: t });
|
|
6
|
+
}
|
|
7
|
+
export {
|
|
8
|
+
l as TableRow
|
|
9
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsxs as a, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import "@cupra/ui-kit/react/ds-value-unit";
|
|
3
|
+
function u(t) {
|
|
4
|
+
const { className: n, value: e, unit: r, ...l } = t;
|
|
5
|
+
return /* @__PURE__ */ a("ds-value-unit-react", { class: n, ...l, children: [
|
|
6
|
+
/* @__PURE__ */ s("span", { slot: "value", children: e }),
|
|
7
|
+
/* @__PURE__ */ s("span", { slot: "unit", children: r })
|
|
8
|
+
] });
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
u as ValueUnit
|
|
12
|
+
};
|
package/dist/esm/index.js
CHANGED
|
@@ -2,25 +2,25 @@ import { Accordion as t } from "./components/Accordion/Accordion.js";
|
|
|
2
2
|
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
|
-
import { BasicCardHeader as
|
|
6
|
-
import { BasicCardSection as
|
|
5
|
+
import { BasicCardHeader as l } from "./components/BasicCardHeader/BasicCardHeader.js";
|
|
6
|
+
import { BasicCardSection as s } 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";
|
|
10
|
-
import { Button as
|
|
11
|
-
import { CarouselIndicator as
|
|
12
|
-
import { Checkbox as
|
|
10
|
+
import { Button as S } from "./components/Button/Button.js";
|
|
11
|
+
import { CarouselIndicator as b } from "./components/CarouselIndicator/CarouselIndicator.js";
|
|
12
|
+
import { Checkbox as h } from "./components/Checkbox/Checkbox.js";
|
|
13
13
|
import { Chip as k } from "./components/Chip/Chip.js";
|
|
14
|
-
import { Chips as
|
|
15
|
-
import { Currency as
|
|
16
|
-
import { Dialog as
|
|
14
|
+
import { Chips as M } from "./components/Chips/Chips.js";
|
|
15
|
+
import { Currency as y } from "./components/Currency/Currency.js";
|
|
16
|
+
import { Dialog as P } from "./components/Dialog/Dialog.js";
|
|
17
17
|
import { DialogBody as N } from "./components/DialogBody/DialogBody.js";
|
|
18
18
|
import { DialogFooter as F } from "./components/DialogFooter/DialogFooter.js";
|
|
19
19
|
import { DialogFullscreen as z } from "./components/DialogFullscreen/DialogFullscreen.js";
|
|
20
|
-
import { DialogHeader as
|
|
21
|
-
import { Divider as
|
|
22
|
-
import { Drawer as
|
|
23
|
-
import { Hyperlink as
|
|
20
|
+
import { DialogHeader as U } from "./components/DialogHeader/DialogHeader.js";
|
|
21
|
+
import { Divider as j } from "./components/Divider/Divider.js";
|
|
22
|
+
import { Drawer as J } from "./components/Drawer/Drawer.js";
|
|
23
|
+
import { Hyperlink as Q } from "./components/Hyperlink/Hyperlink.js";
|
|
24
24
|
import { Icon as X } from "./components/Icon/Icon.js";
|
|
25
25
|
import { IconButton as Z } from "./components/IconButton/IconButton.js";
|
|
26
26
|
import { Input as $ } from "./components/Input/Input.js";
|
|
@@ -29,120 +29,128 @@ 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 so } 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";
|
|
36
|
-
import { PasswordInput as
|
|
37
|
-
import { PickerItem as
|
|
38
|
-
import { Radio as
|
|
36
|
+
import { PasswordInput as So } from "./components/PasswordInput/PasswordInput.js";
|
|
37
|
+
import { PickerItem as bo } from "./components/PickerItem/PickerItem.js";
|
|
38
|
+
import { Radio as ho } from "./components/Radio/Radio.js";
|
|
39
39
|
import { RadioButton as ko } from "./components/RadioButton/RadioButton.js";
|
|
40
|
-
import { RadioButtonGroup as
|
|
41
|
-
import { Rating as
|
|
42
|
-
import { Search as
|
|
40
|
+
import { RadioButtonGroup as Mo } from "./components/RadioButtonGroup/RadioButtonGroup.js";
|
|
41
|
+
import { Rating as yo } from "./components/Rating/Rating.js";
|
|
42
|
+
import { Search as Po } from "./components/Search/Search.js";
|
|
43
43
|
import { SearchInput as No } from "./components/SearchInput/SearchInput.js";
|
|
44
44
|
import { SecondaryNavigation as Fo } from "./components/SecondaryNavigation/SecondaryNavigation.js";
|
|
45
45
|
import { SegmentedControl as zo } from "./components/SegmentedControl/SegmentedControl.js";
|
|
46
|
-
import { Select as
|
|
47
|
-
import { Selection as
|
|
48
|
-
import { Skeleton as
|
|
49
|
-
import { Slider as
|
|
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 {
|
|
71
|
-
import {
|
|
46
|
+
import { Select as Uo } from "./components/Select/Select.js";
|
|
47
|
+
import { Selection as jo } from "./components/Selection/Selection.js";
|
|
48
|
+
import { Skeleton as Jo } from "./components/Skeleton/Skeleton.js";
|
|
49
|
+
import { Slider as Qo } from "./components/Slider/Slider.js";
|
|
50
|
+
import { Table as Xo } from "./components/Table/Table.js";
|
|
51
|
+
import { TableCell as Zo } from "./components/TableCell/TableCell.js";
|
|
52
|
+
import { TableRow as $o } from "./components/TableRow/TableRow.js";
|
|
53
|
+
import { Tabs as rr } from "./components/Tabs/Tabs.js";
|
|
54
|
+
import { Tag as tr } from "./components/Tag/Tag.js";
|
|
55
|
+
import { Text as mr } from "./components/Text/Text.js";
|
|
56
|
+
import { TextInput as fr } from "./components/TextInput/TextInput.js";
|
|
57
|
+
import { Textarea as ir } from "./components/Textarea/Textarea.js";
|
|
58
|
+
import { ThemeProvider as lr } from "./components/ThemeProvider/ThemeProvider.js";
|
|
59
|
+
import { ToggleButton as sr } from "./components/ToggleButton/ToggleButton.js";
|
|
60
|
+
import { ToggleSwitch as ur } from "./components/ToggleSwitch/ToggleSwitch.js";
|
|
61
|
+
import { Tooltip as Br } from "./components/Tooltip/Tooltip.js";
|
|
62
|
+
import { ValueUnit as Cr } from "./components/ValueUnit/ValueUnit.js";
|
|
63
|
+
import { Toast as Sr } from "./components/Toast/Toast.js";
|
|
64
|
+
import { ToastMessage as br } from "./components/ToastMessage/ToastMessage.js";
|
|
65
|
+
import { InlineAlert as hr } from "./components/InlineAlert/InlineAlert.js";
|
|
66
|
+
import { Avatar as kr } from "./components/Avatar/Avatar.js";
|
|
67
|
+
import { StaticBox as Mr } from "./components/StaticBox/StaticBox.js";
|
|
68
|
+
import { Stepper as yr } from "./components/Stepper/Stepper.js";
|
|
69
|
+
import { InteractiveCard as Pr } from "./components/InteractiveCard/InteractiveCard.js";
|
|
70
|
+
import { SidebarNavigation as Nr } from "./components/SidebarNavigation/SidebarNavigation.js";
|
|
71
|
+
import { IconButtonGroup as Fr } from "./components/IconButtonGroup/IconButtonGroup.js";
|
|
72
|
+
import { NavigationControls as zr } from "./components/NavigationControls/NavigationControls.js";
|
|
73
|
+
import { useBreakpoint as Ur } from "./hooks/useBreakpoint.js";
|
|
74
|
+
import { useEventListeners as jr } from "./hooks/useEventListeners.js";
|
|
75
|
+
import { useHandleEvent as Jr } from "./hooks/useHandleEvent.js";
|
|
72
76
|
import "react";
|
|
73
|
-
import { useResizeObserver as
|
|
77
|
+
import { useResizeObserver as Qr } from "./hooks/useResizeObserver/useResizeObserver.js";
|
|
74
78
|
export {
|
|
75
79
|
t as Accordion,
|
|
76
|
-
|
|
80
|
+
kr as Avatar,
|
|
77
81
|
m as Badge,
|
|
78
82
|
f as BasicCard,
|
|
79
|
-
|
|
83
|
+
l as BasicCardHeader,
|
|
80
84
|
i as BasicCardImage,
|
|
81
|
-
|
|
85
|
+
s as BasicCardSection,
|
|
82
86
|
u as Breadcrumbs,
|
|
83
87
|
B as BreadcrumbsItem,
|
|
84
88
|
C as Bullets,
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
89
|
+
S as Button,
|
|
90
|
+
b as CarouselIndicator,
|
|
91
|
+
h as Checkbox,
|
|
88
92
|
k as Chip,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
93
|
+
M as Chips,
|
|
94
|
+
y as Currency,
|
|
95
|
+
P as Dialog,
|
|
92
96
|
N as DialogBody,
|
|
93
97
|
F as DialogFooter,
|
|
94
98
|
z as DialogFullscreen,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
+
U as DialogHeader,
|
|
100
|
+
j as Divider,
|
|
101
|
+
J as Drawer,
|
|
102
|
+
Q as Hyperlink,
|
|
99
103
|
X as Icon,
|
|
100
104
|
Z as IconButton,
|
|
101
|
-
|
|
102
|
-
|
|
105
|
+
Fr as IconButtonGroup,
|
|
106
|
+
hr as InlineAlert,
|
|
103
107
|
$ as Input,
|
|
104
|
-
|
|
108
|
+
Pr as InteractiveCard,
|
|
105
109
|
mo as LinkButton,
|
|
106
110
|
ro as List,
|
|
107
111
|
to as ListItem,
|
|
108
112
|
fo as Loader,
|
|
109
113
|
ao as LoaderLogo,
|
|
110
114
|
no as Logo,
|
|
111
|
-
|
|
115
|
+
so as MainTitle,
|
|
112
116
|
uo as MapPin,
|
|
113
117
|
Bo as MediaControl,
|
|
114
118
|
Co as Modal,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
+
zr as NavigationControls,
|
|
120
|
+
So as PasswordInput,
|
|
121
|
+
bo as PickerItem,
|
|
122
|
+
ho as Radio,
|
|
119
123
|
ko as RadioButton,
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
124
|
+
Mo as RadioButtonGroup,
|
|
125
|
+
yo as Rating,
|
|
126
|
+
Po as Search,
|
|
123
127
|
No as SearchInput,
|
|
124
128
|
Fo as SecondaryNavigation,
|
|
125
129
|
zo as SegmentedControl,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
Xo as
|
|
134
|
-
Zo as
|
|
135
|
-
$o as
|
|
136
|
-
rr as
|
|
137
|
-
tr as
|
|
138
|
-
mr as
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
130
|
+
Uo as Select,
|
|
131
|
+
jo as Selection,
|
|
132
|
+
Nr as SidebarNavigation,
|
|
133
|
+
Jo as Skeleton,
|
|
134
|
+
Qo as Slider,
|
|
135
|
+
Mr as StaticBox,
|
|
136
|
+
yr as Stepper,
|
|
137
|
+
Xo as Table,
|
|
138
|
+
Zo as TableCell,
|
|
139
|
+
$o as TableRow,
|
|
140
|
+
rr as Tabs,
|
|
141
|
+
tr as Tag,
|
|
142
|
+
mr as Text,
|
|
143
|
+
fr as TextInput,
|
|
144
|
+
ir as Textarea,
|
|
145
|
+
lr as ThemeProvider,
|
|
146
|
+
Sr as Toast,
|
|
147
|
+
br as ToastMessage,
|
|
148
|
+
sr as ToggleButton,
|
|
149
|
+
ur as ToggleSwitch,
|
|
150
|
+
Br as Tooltip,
|
|
151
|
+
Cr as ValueUnit,
|
|
152
|
+
Ur as useBreakpoint,
|
|
153
|
+
jr as useEventListeners,
|
|
154
|
+
Jr as useHandleEvent,
|
|
155
|
+
Qr as useResizeObserver
|
|
148
156
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
import '@cupra/ui-kit/react/ds-table';
|
|
3
|
+
import { DsTableAttrs } from '@cupra/ui-kit/react/types/ds-table';
|
|
4
|
+
type TableProps = DsTableAttrs & {
|
|
5
|
+
className?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export declare function Table(props: Readonly<TableProps>): ReactElement;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
import '@cupra/ui-kit/react/ds-table-cell';
|
|
3
|
+
import { DsTableCellAttrs } from '@cupra/ui-kit/react/types/ds-table-cell';
|
|
4
|
+
type TableCellProps = DsTableCellAttrs & {
|
|
5
|
+
className?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export declare function TableCell(props: Readonly<TableCellProps>): ReactElement;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
import '@cupra/ui-kit/react/ds-table-row';
|
|
3
|
+
import { DsTableRowAttrs } from '@cupra/ui-kit/react/types/ds-table-row';
|
|
4
|
+
type TableRowProps = {
|
|
5
|
+
className?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
} & DsTableRowAttrs;
|
|
8
|
+
export declare function TableRow(props: Readonly<TableRowProps>): ReactElement;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
import '@cupra/ui-kit/react/ds-value-unit';
|
|
3
|
+
import { DsValueUnitAttrs } from '@cupra/ui-kit/react/types/ds-value-unit';
|
|
4
|
+
type ValueUnitProps = Omit<DsValueUnitAttrs, 'value' | 'unit'> & {
|
|
5
|
+
className?: string;
|
|
6
|
+
value: ReactNode;
|
|
7
|
+
unit: ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export declare function ValueUnit(props: ValueUnitProps): ReactElement;
|
|
10
|
+
export {};
|
|
@@ -47,6 +47,9 @@ export * from './Select/Select';
|
|
|
47
47
|
export * from './Selection/Selection';
|
|
48
48
|
export * from './Skeleton/Skeleton';
|
|
49
49
|
export * from './Slider/Slider';
|
|
50
|
+
export * from './Table/Table';
|
|
51
|
+
export * from './TableCell/TableCell';
|
|
52
|
+
export * from './TableRow/TableRow';
|
|
50
53
|
export * from './Tabs/Tabs';
|
|
51
54
|
export * from './Tag/Tag';
|
|
52
55
|
export * from './Text/Text';
|
|
@@ -56,6 +59,7 @@ export * from './ThemeProvider/ThemeProvider';
|
|
|
56
59
|
export * from './ToggleButton/ToggleButton';
|
|
57
60
|
export * from './ToggleSwitch/ToggleSwitch';
|
|
58
61
|
export * from './Tooltip/Tooltip';
|
|
62
|
+
export * from './ValueUnit/ValueUnit';
|
|
59
63
|
export * from './Toast/Toast';
|
|
60
64
|
export * from './ToastMessage/ToastMessage';
|
|
61
65
|
export * from './InlineAlert/InlineAlert';
|
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.87",
|
|
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.76",
|
|
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.76"
|
|
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",
|