@cupra/ui-react 1.0.0-canary.9 → 1.0.1-canary.0
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/README.md +11 -5
- package/THIRD_PARTY_LICENSES.MD +0 -46
- package/dist/components/Accordion/Accordion.d.ts +1 -1
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Avatar/Avatar.d.ts +1 -1
- package/dist/components/Avatar/Avatar.js +8 -7
- package/dist/components/Badge/Badge.d.ts +7 -0
- package/dist/components/Badge/Badge.js +8 -0
- package/dist/components/Badge/stories/CupraDiagonal.stories.d.ts +8 -0
- package/dist/components/Bullets/Bullets.d.ts +1 -1
- package/dist/components/Bullets/Bullets.js +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.js +7 -6
- package/dist/components/CarouselIndicator/CarouselIndicator.d.ts +1 -1
- package/dist/components/CarouselIndicator/CarouselIndicator.js +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.js +7 -6
- package/dist/components/Chip/Chip.d.ts +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Chips/Chips.d.ts +1 -1
- package/dist/components/Chips/Chips.js +7 -6
- package/dist/components/Currency/Currency.d.ts +1 -1
- package/dist/components/Currency/Currency.js +1 -1
- package/dist/components/Dialog/Dialog.d.ts +1 -1
- package/dist/components/Dialog/Dialog.js +10 -10
- package/dist/components/DialogBody/DialogBody.d.ts +1 -1
- package/dist/components/DialogBody/DialogBody.js +1 -1
- package/dist/components/DialogFooter/DialogFooter.d.ts +1 -1
- package/dist/components/DialogFooter/DialogFooter.js +1 -1
- package/dist/components/DialogHeader/DialogHeader.d.ts +1 -1
- package/dist/components/DialogHeader/DialogHeader.js +1 -1
- package/dist/components/Divider/Divider.d.ts +1 -1
- package/dist/components/Divider/Divider.js +1 -1
- package/dist/components/Hyperlink/Hyperlink.d.ts +1 -1
- package/dist/components/Hyperlink/Hyperlink.js +6 -5
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/IconButton/IconButton.d.ts +2 -3
- package/dist/components/IconButton/IconButton.js +7 -6
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/InteractiveCard/InteractiveCard.d.ts +1 -1
- package/dist/components/InteractiveCard/InteractiveCard.js +5 -4
- package/dist/components/LinkButton/LinkButton.d.ts +1 -1
- package/dist/components/LinkButton/LinkButton.js +4 -3
- package/dist/components/Loader/Loader.d.ts +4 -1
- package/dist/components/Loader/Loader.js +16 -13
- package/dist/components/Logo/Logo.d.ts +1 -1
- package/dist/components/Logo/Logo.js +1 -1
- package/dist/components/MainTitle/MainTitle.d.ts +17 -0
- package/dist/components/MainTitle/MainTitle.js +19 -0
- package/dist/components/MainTitle/stories/CupraDiagonal.stories.d.ts +9 -0
- package/dist/components/MapPin/MapPin.d.ts +1 -1
- package/dist/components/MapPin/MapPin.js +8 -7
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.js +15 -13
- package/dist/components/PasswordInput/PasswordInput.d.ts +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +18 -17
- package/dist/components/PickerItem/PickerItem.d.ts +1 -1
- package/dist/components/PickerItem/PickerItem.js +1 -1
- package/dist/components/Radio/Radio.d.ts +1 -1
- package/dist/components/Radio/Radio.js +7 -6
- package/dist/components/RadioButton/RadioButton.d.ts +1 -1
- package/dist/components/RadioButton/RadioButton.js +1 -1
- package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts +1 -1
- package/dist/components/RadioButtonGroup/RadioButtonGroup.js +1 -1
- package/dist/components/Rating/Rating.d.ts +8 -0
- package/dist/components/Rating/Rating.js +9 -0
- package/dist/components/Rating/stories/CupraDiagonal.stories.d.ts +10 -0
- package/dist/components/Search/Search.d.ts +1 -1
- package/dist/components/Search/Search.js +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +1 -1
- package/dist/components/SearchInput/SearchInput.js +8 -7
- package/dist/components/SecondaryNavigation/SecondaryNavigation.d.ts +6 -5
- package/dist/components/SecondaryNavigation/SecondaryNavigation.js +11 -10
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +8 -7
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Selection/Selection.d.ts +1 -1
- package/dist/components/Selection/Selection.js +1 -1
- package/dist/components/SidebarNavigation/SidebarNavigation.d.ts +1 -1
- package/dist/components/SidebarNavigation/SidebarNavigation.js +1 -1
- package/dist/components/Slider/Slider.d.ts +2 -2
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/StaticBox/StaticBox.d.ts +1 -1
- package/dist/components/StaticBox/StaticBox.js +7 -6
- package/dist/components/Stepper/Stepper.d.ts +1 -1
- package/dist/components/Stepper/Stepper.js +1 -1
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/components/Tabs/Tabs.js +11 -10
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.js +8 -7
- package/dist/components/Text/Text.d.ts +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/TextInput/TextInput.d.ts +1 -1
- package/dist/components/TextInput/TextInput.js +15 -14
- package/dist/components/Textarea/Textarea.d.ts +1 -1
- package/dist/components/Textarea/Textarea.js +4 -3
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/components/Toast/Toast.d.ts +1 -1
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/ToastMessage/ToastMessage.d.ts +1 -1
- package/dist/components/ToastMessage/ToastMessage.js +7 -6
- package/dist/components/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/components/ToggleButton/ToggleButton.js +4 -3
- package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +9 -8
- package/dist/components/Tooltip/Tooltip.d.ts +30 -10
- package/dist/components/Tooltip/Tooltip.js +13 -22
- package/dist/components/Tooltip/stories/CupraDiagonal.stories.d.ts +5 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/hooks/useBreakpoint.js +13 -13
- package/dist/hooks/useHandleEvent.js +16 -16
- package/dist/index.js +109 -103
- package/package.json +18 -6
- package/dist/packages/ui-kit/dist-react/index.js +0 -9226
- package/dist/packages/ui-kit/dist-react/utils/breakpoints.js +0 -11
- package/dist/packages/ui-kit/dist-react/utils/debounce.js +0 -11
package/dist/index.js
CHANGED
|
@@ -1,112 +1,118 @@
|
|
|
1
1
|
import { Accordion as t } from "./components/Accordion/Accordion.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
2
|
+
import { Badge as x } from "./components/Badge/Badge.js";
|
|
3
|
+
import { Bullets as f } from "./components/Bullets/Bullets.js";
|
|
4
|
+
import { Button as i } from "./components/Button/Button.js";
|
|
5
|
+
import { CarouselIndicator as d } from "./components/CarouselIndicator/CarouselIndicator.js";
|
|
6
|
+
import { Checkbox as s } from "./components/Checkbox/Checkbox.js";
|
|
7
|
+
import { Chip as g } from "./components/Chip/Chip.js";
|
|
8
|
+
import { Chips as T } from "./components/Chips/Chips.js";
|
|
8
9
|
import { Currency as S } from "./components/Currency/Currency.js";
|
|
9
|
-
import { Dialog as
|
|
10
|
-
import { DialogBody as
|
|
11
|
-
import { DialogFooter as
|
|
12
|
-
import { DialogHeader as
|
|
13
|
-
import { Divider as
|
|
10
|
+
import { Dialog as I } from "./components/Dialog/Dialog.js";
|
|
11
|
+
import { DialogBody as C } from "./components/DialogBody/DialogBody.js";
|
|
12
|
+
import { DialogFooter as k } from "./components/DialogFooter/DialogFooter.js";
|
|
13
|
+
import { DialogHeader as R } from "./components/DialogHeader/DialogHeader.js";
|
|
14
|
+
import { Divider as y } from "./components/Divider/Divider.js";
|
|
14
15
|
import { Hyperlink as P } from "./components/Hyperlink/Hyperlink.js";
|
|
15
|
-
import { Icon as
|
|
16
|
-
import { IconButton as
|
|
17
|
-
import { Input as
|
|
18
|
-
import { LinkButton as
|
|
19
|
-
import { Loader as
|
|
20
|
-
import { Logo as
|
|
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 {
|
|
16
|
+
import { Icon as w } from "./components/Icon/Icon.js";
|
|
17
|
+
import { IconButton as E } from "./components/IconButton/IconButton.js";
|
|
18
|
+
import { Input as z } from "./components/Input/Input.js";
|
|
19
|
+
import { LinkButton as G } from "./components/LinkButton/LinkButton.js";
|
|
20
|
+
import { Loader as j, LoaderLogo as q } from "./components/Loader/Loader.js";
|
|
21
|
+
import { Logo as K } from "./components/Logo/Logo.js";
|
|
22
|
+
import { MainTitle as U } from "./components/MainTitle/MainTitle.js";
|
|
23
|
+
import { MapPin as W } from "./components/MapPin/MapPin.js";
|
|
24
|
+
import { Modal as Y } from "./components/Modal/Modal.js";
|
|
25
|
+
import { PasswordInput as _ } from "./components/PasswordInput/PasswordInput.js";
|
|
26
|
+
import { PickerItem as oo } from "./components/PickerItem/PickerItem.js";
|
|
27
|
+
import { Radio as eo } from "./components/Radio/Radio.js";
|
|
28
|
+
import { RadioButton as po } from "./components/RadioButton/RadioButton.js";
|
|
29
|
+
import { RadioButtonGroup as mo } from "./components/RadioButtonGroup/RadioButtonGroup.js";
|
|
30
|
+
import { Rating as ao } from "./components/Rating/Rating.js";
|
|
31
|
+
import { Search as no } from "./components/Search/Search.js";
|
|
32
|
+
import { SearchInput as so } from "./components/SearchInput/SearchInput.js";
|
|
33
|
+
import { SecondaryNavigation as go } from "./components/SecondaryNavigation/SecondaryNavigation.js";
|
|
34
|
+
import { SegmentedControl as To } from "./components/SegmentedControl/SegmentedControl.js";
|
|
35
|
+
import { Select as So } from "./components/Select/Select.js";
|
|
36
|
+
import { Selection as Io } from "./components/Selection/Selection.js";
|
|
37
|
+
import { Slider as Co } from "./components/Slider/Slider.js";
|
|
38
|
+
import { Tabs as ko } from "./components/Tabs/Tabs.js";
|
|
39
|
+
import { Tag as Ro } from "./components/Tag/Tag.js";
|
|
40
|
+
import { Text as yo } from "./components/Text/Text.js";
|
|
41
|
+
import { TextInput as Po } from "./components/TextInput/TextInput.js";
|
|
42
|
+
import { Textarea as wo } from "./components/Textarea/Textarea.js";
|
|
43
|
+
import { ThemeProvider as Eo } from "./components/ThemeProvider/ThemeProvider.js";
|
|
44
|
+
import { ToggleButton as zo } from "./components/ToggleButton/ToggleButton.js";
|
|
45
|
+
import { ToggleSwitch as Go } from "./components/ToggleSwitch/ToggleSwitch.js";
|
|
46
|
+
import { Tooltip as jo } from "./components/Tooltip/Tooltip.js";
|
|
47
|
+
import { Toast as Jo } from "./components/Toast/Toast.js";
|
|
48
|
+
import { ToastMessage as Qo } from "./components/ToastMessage/ToastMessage.js";
|
|
49
|
+
import { Avatar as Vo } from "./components/Avatar/Avatar.js";
|
|
50
|
+
import { StaticBox as Xo } from "./components/StaticBox/StaticBox.js";
|
|
51
|
+
import { Stepper as Zo } from "./components/Stepper/Stepper.js";
|
|
52
|
+
import { InteractiveCard as $o } from "./components/InteractiveCard/InteractiveCard.js";
|
|
53
|
+
import { SidebarNavigation as rr } from "./components/SidebarNavigation/SidebarNavigation.js";
|
|
54
|
+
import { useBreakpoint as tr } from "./hooks/useBreakpoint.js";
|
|
55
|
+
import { useEventListeners as xr } from "./hooks/useEventListeners.js";
|
|
56
|
+
import { useHandleEvent as fr } from "./hooks/useHandleEvent.js";
|
|
54
57
|
import "react";
|
|
55
|
-
import { useResizeObserver as
|
|
58
|
+
import { useResizeObserver as ir } from "./hooks/useResizeObserver/useResizeObserver.js";
|
|
56
59
|
export {
|
|
57
60
|
t as Accordion,
|
|
58
|
-
|
|
59
|
-
x as
|
|
60
|
-
f as
|
|
61
|
-
i as
|
|
62
|
-
d as
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
Vo as Avatar,
|
|
62
|
+
x as Badge,
|
|
63
|
+
f as Bullets,
|
|
64
|
+
i as Button,
|
|
65
|
+
d as CarouselIndicator,
|
|
66
|
+
s as Checkbox,
|
|
67
|
+
g as Chip,
|
|
68
|
+
T as Chips,
|
|
65
69
|
S as Currency,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
70
|
+
I as Dialog,
|
|
71
|
+
C as DialogBody,
|
|
72
|
+
k as DialogFooter,
|
|
73
|
+
R as DialogHeader,
|
|
74
|
+
y as Divider,
|
|
71
75
|
P as Hyperlink,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
Po as
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
76
|
+
w as Icon,
|
|
77
|
+
E as IconButton,
|
|
78
|
+
z as Input,
|
|
79
|
+
$o as InteractiveCard,
|
|
80
|
+
G as LinkButton,
|
|
81
|
+
j as Loader,
|
|
82
|
+
q as LoaderLogo,
|
|
83
|
+
K as Logo,
|
|
84
|
+
U as MainTitle,
|
|
85
|
+
W as MapPin,
|
|
86
|
+
Y as Modal,
|
|
87
|
+
_ as PasswordInput,
|
|
88
|
+
oo as PickerItem,
|
|
89
|
+
eo as Radio,
|
|
90
|
+
po as RadioButton,
|
|
91
|
+
mo as RadioButtonGroup,
|
|
92
|
+
ao as Rating,
|
|
93
|
+
no as Search,
|
|
94
|
+
so as SearchInput,
|
|
95
|
+
go as SecondaryNavigation,
|
|
96
|
+
To as SegmentedControl,
|
|
97
|
+
So as Select,
|
|
98
|
+
Io as Selection,
|
|
99
|
+
rr as SidebarNavigation,
|
|
100
|
+
Co as Slider,
|
|
101
|
+
Xo as StaticBox,
|
|
102
|
+
Zo as Stepper,
|
|
103
|
+
ko as Tabs,
|
|
104
|
+
Ro as Tag,
|
|
105
|
+
yo as Text,
|
|
106
|
+
Po as TextInput,
|
|
107
|
+
wo as Textarea,
|
|
108
|
+
Eo as ThemeProvider,
|
|
109
|
+
Jo as Toast,
|
|
110
|
+
Qo as ToastMessage,
|
|
111
|
+
zo as ToggleButton,
|
|
112
|
+
Go as ToggleSwitch,
|
|
113
|
+
jo as Tooltip,
|
|
114
|
+
tr as useBreakpoint,
|
|
115
|
+
xr as useEventListeners,
|
|
116
|
+
fr as useHandleEvent,
|
|
117
|
+
ir as useResizeObserver
|
|
112
118
|
};
|
package/package.json
CHANGED
|
@@ -1,12 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cupra/ui-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1-canary.0",
|
|
4
4
|
"description": "React components library",
|
|
5
5
|
"author": "SEAT S.A.",
|
|
6
6
|
"license": "SEAT S.A. Library EULA 1.0",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"types": "dist/index.d.ts",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"import": "./dist/index.js",
|
|
13
|
+
"types": "./dist/index.d.ts"
|
|
14
|
+
},
|
|
15
|
+
"./*": {
|
|
16
|
+
"import": "./dist/components/*/*.js",
|
|
17
|
+
"types": "./dist/components/*/*.d.ts"
|
|
18
|
+
},
|
|
19
|
+
"./hooks/*": "./dist/hooks/*.js"
|
|
20
|
+
},
|
|
10
21
|
"files": [
|
|
11
22
|
"LICENSE",
|
|
12
23
|
"THIRD_PARTY_LICENSES.MD",
|
|
@@ -32,11 +43,11 @@
|
|
|
32
43
|
],
|
|
33
44
|
"peerDependencies": {
|
|
34
45
|
"react": ">= 18.3.1 < 20",
|
|
35
|
-
"react-dom": ">= 18.3.1 < 20"
|
|
46
|
+
"react-dom": ">= 18.3.1 < 20",
|
|
47
|
+
"@cupra/ui-kit": "1.0.1-canary.0"
|
|
36
48
|
},
|
|
37
49
|
"dependencies": {
|
|
38
|
-
"styled-components": "^6.1.16"
|
|
39
|
-
"@cupra/ui-kit": "1.0.0-canary.6"
|
|
50
|
+
"styled-components": "^6.1.16"
|
|
40
51
|
},
|
|
41
52
|
"devDependencies": {
|
|
42
53
|
"@storybook/addon-docs": "^8.6.14",
|
|
@@ -52,9 +63,10 @@
|
|
|
52
63
|
"react": "^18.3.1",
|
|
53
64
|
"react-dom": "^18.3.1",
|
|
54
65
|
"shadow-dom-testing-library": "^1.0.0",
|
|
55
|
-
"storybook": "^8.6.
|
|
66
|
+
"storybook": "^8.6.15",
|
|
56
67
|
"typescript": "^5.8.2",
|
|
57
|
-
"vite": "^6.4.1"
|
|
68
|
+
"vite": "^6.4.1",
|
|
69
|
+
"@cupra/ui-kit": "1.0.1-canary.0"
|
|
58
70
|
},
|
|
59
71
|
"scripts": {
|
|
60
72
|
"build": "rm -rf dist && tsc --declaration --emitDeclarationOnly && vite build --emptyOutDir false",
|