@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.
Files changed (120) hide show
  1. package/README.md +11 -5
  2. package/THIRD_PARTY_LICENSES.MD +0 -46
  3. package/dist/components/Accordion/Accordion.d.ts +1 -1
  4. package/dist/components/Accordion/Accordion.js +1 -1
  5. package/dist/components/Avatar/Avatar.d.ts +1 -1
  6. package/dist/components/Avatar/Avatar.js +8 -7
  7. package/dist/components/Badge/Badge.d.ts +7 -0
  8. package/dist/components/Badge/Badge.js +8 -0
  9. package/dist/components/Badge/stories/CupraDiagonal.stories.d.ts +8 -0
  10. package/dist/components/Bullets/Bullets.d.ts +1 -1
  11. package/dist/components/Bullets/Bullets.js +1 -1
  12. package/dist/components/Button/Button.d.ts +1 -1
  13. package/dist/components/Button/Button.js +7 -6
  14. package/dist/components/CarouselIndicator/CarouselIndicator.d.ts +1 -1
  15. package/dist/components/CarouselIndicator/CarouselIndicator.js +1 -1
  16. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  17. package/dist/components/Checkbox/Checkbox.js +7 -6
  18. package/dist/components/Chip/Chip.d.ts +1 -1
  19. package/dist/components/Chip/Chip.js +1 -1
  20. package/dist/components/Chips/Chips.d.ts +1 -1
  21. package/dist/components/Chips/Chips.js +7 -6
  22. package/dist/components/Currency/Currency.d.ts +1 -1
  23. package/dist/components/Currency/Currency.js +1 -1
  24. package/dist/components/Dialog/Dialog.d.ts +1 -1
  25. package/dist/components/Dialog/Dialog.js +10 -10
  26. package/dist/components/DialogBody/DialogBody.d.ts +1 -1
  27. package/dist/components/DialogBody/DialogBody.js +1 -1
  28. package/dist/components/DialogFooter/DialogFooter.d.ts +1 -1
  29. package/dist/components/DialogFooter/DialogFooter.js +1 -1
  30. package/dist/components/DialogHeader/DialogHeader.d.ts +1 -1
  31. package/dist/components/DialogHeader/DialogHeader.js +1 -1
  32. package/dist/components/Divider/Divider.d.ts +1 -1
  33. package/dist/components/Divider/Divider.js +1 -1
  34. package/dist/components/Hyperlink/Hyperlink.d.ts +1 -1
  35. package/dist/components/Hyperlink/Hyperlink.js +6 -5
  36. package/dist/components/Icon/Icon.d.ts +1 -1
  37. package/dist/components/Icon/Icon.js +1 -1
  38. package/dist/components/IconButton/IconButton.d.ts +2 -3
  39. package/dist/components/IconButton/IconButton.js +7 -6
  40. package/dist/components/Input/Input.d.ts +1 -1
  41. package/dist/components/Input/Input.js +1 -1
  42. package/dist/components/InteractiveCard/InteractiveCard.d.ts +1 -1
  43. package/dist/components/InteractiveCard/InteractiveCard.js +5 -4
  44. package/dist/components/LinkButton/LinkButton.d.ts +1 -1
  45. package/dist/components/LinkButton/LinkButton.js +4 -3
  46. package/dist/components/Loader/Loader.d.ts +4 -1
  47. package/dist/components/Loader/Loader.js +16 -13
  48. package/dist/components/Logo/Logo.d.ts +1 -1
  49. package/dist/components/Logo/Logo.js +1 -1
  50. package/dist/components/MainTitle/MainTitle.d.ts +17 -0
  51. package/dist/components/MainTitle/MainTitle.js +19 -0
  52. package/dist/components/MainTitle/stories/CupraDiagonal.stories.d.ts +9 -0
  53. package/dist/components/MapPin/MapPin.d.ts +1 -1
  54. package/dist/components/MapPin/MapPin.js +8 -7
  55. package/dist/components/Modal/Modal.d.ts +1 -1
  56. package/dist/components/Modal/Modal.js +15 -13
  57. package/dist/components/PasswordInput/PasswordInput.d.ts +1 -1
  58. package/dist/components/PasswordInput/PasswordInput.js +18 -17
  59. package/dist/components/PickerItem/PickerItem.d.ts +1 -1
  60. package/dist/components/PickerItem/PickerItem.js +1 -1
  61. package/dist/components/Radio/Radio.d.ts +1 -1
  62. package/dist/components/Radio/Radio.js +7 -6
  63. package/dist/components/RadioButton/RadioButton.d.ts +1 -1
  64. package/dist/components/RadioButton/RadioButton.js +1 -1
  65. package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts +1 -1
  66. package/dist/components/RadioButtonGroup/RadioButtonGroup.js +1 -1
  67. package/dist/components/Rating/Rating.d.ts +8 -0
  68. package/dist/components/Rating/Rating.js +9 -0
  69. package/dist/components/Rating/stories/CupraDiagonal.stories.d.ts +10 -0
  70. package/dist/components/Search/Search.d.ts +1 -1
  71. package/dist/components/Search/Search.js +1 -1
  72. package/dist/components/SearchInput/SearchInput.d.ts +1 -1
  73. package/dist/components/SearchInput/SearchInput.js +8 -7
  74. package/dist/components/SecondaryNavigation/SecondaryNavigation.d.ts +6 -5
  75. package/dist/components/SecondaryNavigation/SecondaryNavigation.js +11 -10
  76. package/dist/components/SegmentedControl/SegmentedControl.d.ts +1 -1
  77. package/dist/components/SegmentedControl/SegmentedControl.js +8 -7
  78. package/dist/components/Select/Select.d.ts +1 -1
  79. package/dist/components/Select/Select.js +1 -1
  80. package/dist/components/Selection/Selection.d.ts +1 -1
  81. package/dist/components/Selection/Selection.js +1 -1
  82. package/dist/components/SidebarNavigation/SidebarNavigation.d.ts +1 -1
  83. package/dist/components/SidebarNavigation/SidebarNavigation.js +1 -1
  84. package/dist/components/Slider/Slider.d.ts +2 -2
  85. package/dist/components/Slider/Slider.js +1 -1
  86. package/dist/components/StaticBox/StaticBox.d.ts +1 -1
  87. package/dist/components/StaticBox/StaticBox.js +7 -6
  88. package/dist/components/Stepper/Stepper.d.ts +1 -1
  89. package/dist/components/Stepper/Stepper.js +1 -1
  90. package/dist/components/Tabs/Tabs.d.ts +1 -1
  91. package/dist/components/Tabs/Tabs.js +11 -10
  92. package/dist/components/Tag/Tag.d.ts +1 -1
  93. package/dist/components/Tag/Tag.js +8 -7
  94. package/dist/components/Text/Text.d.ts +1 -1
  95. package/dist/components/Text/Text.js +1 -1
  96. package/dist/components/TextInput/TextInput.d.ts +1 -1
  97. package/dist/components/TextInput/TextInput.js +15 -14
  98. package/dist/components/Textarea/Textarea.d.ts +1 -1
  99. package/dist/components/Textarea/Textarea.js +4 -3
  100. package/dist/components/ThemeProvider/ThemeProvider.d.ts +1 -1
  101. package/dist/components/ThemeProvider/ThemeProvider.js +1 -1
  102. package/dist/components/Toast/Toast.d.ts +1 -1
  103. package/dist/components/Toast/Toast.js +1 -1
  104. package/dist/components/ToastMessage/ToastMessage.d.ts +1 -1
  105. package/dist/components/ToastMessage/ToastMessage.js +7 -6
  106. package/dist/components/ToggleButton/ToggleButton.d.ts +1 -1
  107. package/dist/components/ToggleButton/ToggleButton.js +4 -3
  108. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +1 -1
  109. package/dist/components/ToggleSwitch/ToggleSwitch.js +9 -8
  110. package/dist/components/Tooltip/Tooltip.d.ts +30 -10
  111. package/dist/components/Tooltip/Tooltip.js +13 -22
  112. package/dist/components/Tooltip/stories/CupraDiagonal.stories.d.ts +5 -0
  113. package/dist/components/index.d.ts +3 -0
  114. package/dist/hooks/useBreakpoint.js +13 -13
  115. package/dist/hooks/useHandleEvent.js +16 -16
  116. package/dist/index.js +109 -103
  117. package/package.json +18 -6
  118. package/dist/packages/ui-kit/dist-react/index.js +0 -9226
  119. package/dist/packages/ui-kit/dist-react/utils/breakpoints.js +0 -11
  120. 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 { Bullets as x } from "./components/Bullets/Bullets.js";
3
- import { Button as f } from "./components/Button/Button.js";
4
- import { CarouselIndicator as i } from "./components/CarouselIndicator/CarouselIndicator.js";
5
- import { Checkbox as d } from "./components/Checkbox/Checkbox.js";
6
- import { Chip as u } from "./components/Chip/Chip.js";
7
- import { Chips as c } from "./components/Chips/Chips.js";
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 B } from "./components/Dialog/Dialog.js";
10
- import { DialogBody as I } from "./components/DialogBody/DialogBody.js";
11
- import { DialogFooter as C } from "./components/DialogFooter/DialogFooter.js";
12
- import { DialogHeader as k } from "./components/DialogHeader/DialogHeader.js";
13
- import { Divider as b } from "./components/Divider/Divider.js";
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 H } from "./components/Icon/Icon.js";
16
- import { IconButton as w } from "./components/IconButton/IconButton.js";
17
- import { Input as E } from "./components/Input/Input.js";
18
- import { LinkButton as z } from "./components/LinkButton/LinkButton.js";
19
- import { Loader as G, LoaderLogo as O } from "./components/Loader/Loader.js";
20
- import { Logo as q } from "./components/Logo/Logo.js";
21
- import { MapPin as K } from "./components/MapPin/MapPin.js";
22
- import { Modal as U } from "./components/Modal/Modal.js";
23
- import { PasswordInput as W } from "./components/PasswordInput/PasswordInput.js";
24
- import { PickerItem as Y } from "./components/PickerItem/PickerItem.js";
25
- import { Radio as _ } from "./components/Radio/Radio.js";
26
- import { RadioButton as oo } from "./components/RadioButton/RadioButton.js";
27
- import { RadioButtonGroup as eo } from "./components/RadioButtonGroup/RadioButtonGroup.js";
28
- import { Search as po } from "./components/Search/Search.js";
29
- import { SearchInput as mo } from "./components/SearchInput/SearchInput.js";
30
- import { SecondaryNavigation as ao } from "./components/SecondaryNavigation/SecondaryNavigation.js";
31
- import { SegmentedControl as no } from "./components/SegmentedControl/SegmentedControl.js";
32
- import { Select as uo } from "./components/Select/Select.js";
33
- import { Selection as co } from "./components/Selection/Selection.js";
34
- import { Slider as So } from "./components/Slider/Slider.js";
35
- import { Tabs as Bo } from "./components/Tabs/Tabs.js";
36
- import { Tag as Io } from "./components/Tag/Tag.js";
37
- import { Text as Co } from "./components/Text/Text.js";
38
- import { TextInput as ko } from "./components/TextInput/TextInput.js";
39
- import { Textarea as bo } from "./components/Textarea/Textarea.js";
40
- import { ThemeProvider as Po } from "./components/ThemeProvider/ThemeProvider.js";
41
- import { ToggleButton as Ho } from "./components/ToggleButton/ToggleButton.js";
42
- import { ToggleSwitch as wo } from "./components/ToggleSwitch/ToggleSwitch.js";
43
- import { Tooltip as Eo } from "./components/Tooltip/Tooltip.js";
44
- import { Toast as zo } from "./components/Toast/Toast.js";
45
- import { ToastMessage as Go } from "./components/ToastMessage/ToastMessage.js";
46
- import { Avatar as jo } from "./components/Avatar/Avatar.js";
47
- import { StaticBox as Jo } from "./components/StaticBox/StaticBox.js";
48
- import { Stepper as Qo } from "./components/Stepper/Stepper.js";
49
- import { InteractiveCard as Vo } from "./components/InteractiveCard/InteractiveCard.js";
50
- import { SidebarNavigation as Xo } from "./components/SidebarNavigation/SidebarNavigation.js";
51
- import { useBreakpoint as Zo } from "./hooks/useBreakpoint.js";
52
- import { useEventListeners as $o } from "./hooks/useEventListeners.js";
53
- import { useHandleEvent as rr } from "./hooks/useHandleEvent.js";
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 tr } from "./hooks/useResizeObserver/useResizeObserver.js";
58
+ import { useResizeObserver as ir } from "./hooks/useResizeObserver/useResizeObserver.js";
56
59
  export {
57
60
  t as Accordion,
58
- jo as Avatar,
59
- x as Bullets,
60
- f as Button,
61
- i as CarouselIndicator,
62
- d as Checkbox,
63
- u as Chip,
64
- c as Chips,
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
- B as Dialog,
67
- I as DialogBody,
68
- C as DialogFooter,
69
- k as DialogHeader,
70
- b as Divider,
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
- H as Icon,
73
- w as IconButton,
74
- E as Input,
75
- Vo as InteractiveCard,
76
- z as LinkButton,
77
- G as Loader,
78
- O as LoaderLogo,
79
- q as Logo,
80
- K as MapPin,
81
- U as Modal,
82
- W as PasswordInput,
83
- Y as PickerItem,
84
- _ as Radio,
85
- oo as RadioButton,
86
- eo as RadioButtonGroup,
87
- po as Search,
88
- mo as SearchInput,
89
- ao as SecondaryNavigation,
90
- no as SegmentedControl,
91
- uo as Select,
92
- co as Selection,
93
- Xo as SidebarNavigation,
94
- So as Slider,
95
- Jo as StaticBox,
96
- Qo as Stepper,
97
- Bo as Tabs,
98
- Io as Tag,
99
- Co as Text,
100
- ko as TextInput,
101
- bo as Textarea,
102
- Po as ThemeProvider,
103
- zo as Toast,
104
- Go as ToastMessage,
105
- Ho as ToggleButton,
106
- wo as ToggleSwitch,
107
- Eo as Tooltip,
108
- Zo as useBreakpoint,
109
- $o as useEventListeners,
110
- rr as useHandleEvent,
111
- tr as useResizeObserver
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.0-canary.9",
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.14",
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",