@cupra/ui-react 2.0.0-canary.84 → 2.0.0-canary.86
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/ValueUnit/ValueUnit.cjs +1 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/ValueUnit/ValueUnit.js +12 -0
- package/dist/esm/index.js +46 -44
- package/dist/types/components/ValueUnit/ValueUnit.d.ts +10 -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 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"),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"),
|
|
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"),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/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/ValueUnit/ValueUnit.cjs"),ne=require("./components/Toast/Toast.cjs"),ae=require("./components/ToastMessage/ToastMessage.cjs"),se=require("./components/InlineAlert/InlineAlert.cjs"),ce=require("./components/Avatar/Avatar.cjs"),ue=require("./components/StaticBox/StaticBox.cjs"),de=require("./components/Stepper/Stepper.cjs"),le=require("./components/InteractiveCard/InteractiveCard.cjs"),qe=require("./components/SidebarNavigation/SidebarNavigation.cjs"),ge=require("./components/IconButtonGroup/IconButtonGroup.cjs"),Be=require("./components/NavigationControls/NavigationControls.cjs"),pe=require("./hooks/useBreakpoint.cjs"),Ie=require("./hooks/useEventListeners.cjs"),Se=require("./hooks/useHandleEvent.cjs");require("react");const Ce=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=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.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.ValueUnit=ie.ValueUnit;exports.Toast=ne.Toast;exports.ToastMessage=ae.ToastMessage;exports.InlineAlert=se.InlineAlert;exports.Avatar=ce.Avatar;exports.StaticBox=ue.StaticBox;exports.Stepper=de.Stepper;exports.InteractiveCard=le.InteractiveCard;exports.SidebarNavigation=qe.SidebarNavigation;exports.IconButtonGroup=ge.IconButtonGroup;exports.NavigationControls=Be.NavigationControls;exports.useBreakpoint=pe.useBreakpoint;exports.useEventListeners=Ie.useEventListeners;exports.useHandleEvent=Se.useHandleEvent;exports.useResizeObserver=Ce.useResizeObserver;
|
|
@@ -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
|
@@ -17,10 +17,10 @@ import { Dialog as w } 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";
|
|
@@ -43,10 +43,10 @@ import { Search as wo } 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
|
|
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
50
|
import { Tabs as Xo } from "./components/Tabs/Tabs.js";
|
|
51
51
|
import { Tag as Zo } from "./components/Tag/Tag.js";
|
|
52
52
|
import { Text as $o } from "./components/Text/Text.js";
|
|
@@ -56,24 +56,25 @@ import { ThemeProvider as mr } from "./components/ThemeProvider/ThemeProvider.js
|
|
|
56
56
|
import { ToggleButton as fr } from "./components/ToggleButton/ToggleButton.js";
|
|
57
57
|
import { ToggleSwitch as ir } from "./components/ToggleSwitch/ToggleSwitch.js";
|
|
58
58
|
import { Tooltip as dr } from "./components/Tooltip/Tooltip.js";
|
|
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 {
|
|
59
|
+
import { ValueUnit as lr } from "./components/ValueUnit/ValueUnit.js";
|
|
60
|
+
import { Toast as ur } from "./components/Toast/Toast.js";
|
|
61
|
+
import { ToastMessage as Br } from "./components/ToastMessage/ToastMessage.js";
|
|
62
|
+
import { InlineAlert as Cr } from "./components/InlineAlert/InlineAlert.js";
|
|
63
|
+
import { Avatar as Tr } from "./components/Avatar/Avatar.js";
|
|
64
|
+
import { StaticBox as Lr } from "./components/StaticBox/StaticBox.js";
|
|
65
|
+
import { Stepper as Dr } from "./components/Stepper/Stepper.js";
|
|
66
|
+
import { InteractiveCard as kr } from "./components/InteractiveCard/InteractiveCard.js";
|
|
67
|
+
import { SidebarNavigation as Rr } from "./components/SidebarNavigation/SidebarNavigation.js";
|
|
68
|
+
import { IconButtonGroup as Hr } from "./components/IconButtonGroup/IconButtonGroup.js";
|
|
69
|
+
import { NavigationControls as wr } from "./components/NavigationControls/NavigationControls.js";
|
|
70
|
+
import { useBreakpoint as Nr } from "./hooks/useBreakpoint.js";
|
|
71
|
+
import { useEventListeners as Fr } from "./hooks/useEventListeners.js";
|
|
72
|
+
import { useHandleEvent as zr } from "./hooks/useHandleEvent.js";
|
|
72
73
|
import "react";
|
|
73
|
-
import { useResizeObserver as
|
|
74
|
+
import { useResizeObserver as Ur } from "./hooks/useResizeObserver/useResizeObserver.js";
|
|
74
75
|
export {
|
|
75
76
|
t as Accordion,
|
|
76
|
-
|
|
77
|
+
Tr as Avatar,
|
|
77
78
|
m as Badge,
|
|
78
79
|
f as BasicCard,
|
|
79
80
|
d as BasicCardHeader,
|
|
@@ -92,16 +93,16 @@ export {
|
|
|
92
93
|
N as DialogBody,
|
|
93
94
|
F as DialogFooter,
|
|
94
95
|
z as DialogFullscreen,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
96
|
+
U as DialogHeader,
|
|
97
|
+
j as Divider,
|
|
98
|
+
J as Drawer,
|
|
99
|
+
Q as Hyperlink,
|
|
99
100
|
X as Icon,
|
|
100
101
|
Z as IconButton,
|
|
101
|
-
|
|
102
|
-
|
|
102
|
+
Hr as IconButtonGroup,
|
|
103
|
+
Cr as InlineAlert,
|
|
103
104
|
$ as Input,
|
|
104
|
-
|
|
105
|
+
kr as InteractiveCard,
|
|
105
106
|
mo as LinkButton,
|
|
106
107
|
ro as List,
|
|
107
108
|
to as ListItem,
|
|
@@ -112,7 +113,7 @@ export {
|
|
|
112
113
|
uo as MapPin,
|
|
113
114
|
Bo as MediaControl,
|
|
114
115
|
Co as Modal,
|
|
115
|
-
|
|
116
|
+
wr as NavigationControls,
|
|
116
117
|
To as PasswordInput,
|
|
117
118
|
Lo as PickerItem,
|
|
118
119
|
Do as Radio,
|
|
@@ -123,26 +124,27 @@ export {
|
|
|
123
124
|
No as SearchInput,
|
|
124
125
|
Fo as SecondaryNavigation,
|
|
125
126
|
zo as SegmentedControl,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
127
|
+
Uo as Select,
|
|
128
|
+
jo as Selection,
|
|
129
|
+
Rr as SidebarNavigation,
|
|
130
|
+
Jo as Skeleton,
|
|
131
|
+
Qo as Slider,
|
|
132
|
+
Lr as StaticBox,
|
|
133
|
+
Dr as Stepper,
|
|
133
134
|
Xo as Tabs,
|
|
134
135
|
Zo as Tag,
|
|
135
136
|
$o as Text,
|
|
136
137
|
rr as TextInput,
|
|
137
138
|
tr as Textarea,
|
|
138
139
|
mr as ThemeProvider,
|
|
139
|
-
|
|
140
|
-
|
|
140
|
+
ur as Toast,
|
|
141
|
+
Br as ToastMessage,
|
|
141
142
|
fr as ToggleButton,
|
|
142
143
|
ir as ToggleSwitch,
|
|
143
144
|
dr as Tooltip,
|
|
144
|
-
|
|
145
|
-
Nr as
|
|
146
|
-
Fr as
|
|
147
|
-
zr as
|
|
145
|
+
lr as ValueUnit,
|
|
146
|
+
Nr as useBreakpoint,
|
|
147
|
+
Fr as useEventListeners,
|
|
148
|
+
zr as useHandleEvent,
|
|
149
|
+
Ur as useResizeObserver
|
|
148
150
|
};
|
|
@@ -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 {};
|
|
@@ -56,6 +56,7 @@ export * from './ThemeProvider/ThemeProvider';
|
|
|
56
56
|
export * from './ToggleButton/ToggleButton';
|
|
57
57
|
export * from './ToggleSwitch/ToggleSwitch';
|
|
58
58
|
export * from './Tooltip/Tooltip';
|
|
59
|
+
export * from './ValueUnit/ValueUnit';
|
|
59
60
|
export * from './Toast/Toast';
|
|
60
61
|
export * from './ToastMessage/ToastMessage';
|
|
61
62
|
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.86",
|
|
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.75",
|
|
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.75"
|
|
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",
|