@cupra/ui-react 1.0.0-canary.29 → 1.0.0-canary.30

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.
@@ -0,0 +1,7 @@
1
+ import type { DsBadgeAttrs } from '@cupra/ui-kit/react/types/ds-badge';
2
+ import { type ReactElement } from 'react';
3
+ import '@cupra/ui-kit/react/ds-badge';
4
+ export interface BadgeProps extends DsBadgeAttrs {
5
+ className?: string;
6
+ }
7
+ export declare function Badge({ className, ...rest }: BadgeProps): ReactElement;
@@ -0,0 +1,8 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import "@cupra/ui-kit/react/ds-badge";
3
+ function s({ className: r, ...t }) {
4
+ return /* @__PURE__ */ e("ds-badge-react", { class: r, ...t });
5
+ }
6
+ export {
7
+ s as Badge
8
+ };
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Dot: Story;
6
+ export declare const NumberBase: Story;
7
+ export declare const NumberSmallInverted: Story;
8
+ export declare const NumberInverted: Story;
@@ -1,4 +1,5 @@
1
1
  export * from './Accordion/Accordion';
2
+ export * from './Badge/Badge';
2
3
  export * from './Bullets/Bullets';
3
4
  export * from './Button/Button';
4
5
  export * from './CarouselIndicator/CarouselIndicator';
package/dist/index.js CHANGED
@@ -1,116 +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 s } from "./components/Chip/Chip.js";
7
- import { Chips as c } from "./components/Chips/Chips.js";
8
- import { Currency as T } 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 R } from "./components/Divider/Divider.js";
14
- import { Hyperlink as y } from "./components/Hyperlink/Hyperlink.js";
15
- import { Icon as P } 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 { MainTitle as K } from "./components/MainTitle/MainTitle.js";
22
- import { MapPin as U } from "./components/MapPin/MapPin.js";
23
- import { Modal as W } from "./components/Modal/Modal.js";
24
- import { PasswordInput as Y } from "./components/PasswordInput/PasswordInput.js";
25
- import { PickerItem as _ } from "./components/PickerItem/PickerItem.js";
26
- import { Radio as oo } from "./components/Radio/Radio.js";
27
- import { RadioButton as eo } from "./components/RadioButton/RadioButton.js";
28
- import { RadioButtonGroup as po } from "./components/RadioButtonGroup/RadioButtonGroup.js";
29
- import { Rating as mo } from "./components/Rating/Rating.js";
30
- import { Search as ao } from "./components/Search/Search.js";
31
- import { SearchInput as no } from "./components/SearchInput/SearchInput.js";
32
- import { SecondaryNavigation as so } from "./components/SecondaryNavigation/SecondaryNavigation.js";
33
- import { SegmentedControl as co } from "./components/SegmentedControl/SegmentedControl.js";
34
- import { Select as To } from "./components/Select/Select.js";
35
- import { Selection as Bo } from "./components/Selection/Selection.js";
36
- import { Slider as Io } from "./components/Slider/Slider.js";
37
- import { Tabs as Co } from "./components/Tabs/Tabs.js";
38
- import { Tag as ko } from "./components/Tag/Tag.js";
39
- import { Text as Ro } from "./components/Text/Text.js";
40
- import { TextInput as yo } from "./components/TextInput/TextInput.js";
41
- import { Textarea as Po } from "./components/Textarea/Textarea.js";
42
- import { ThemeProvider as wo } from "./components/ThemeProvider/ThemeProvider.js";
43
- import { ToggleButton as Eo } from "./components/ToggleButton/ToggleButton.js";
44
- import { ToggleSwitch as zo } from "./components/ToggleSwitch/ToggleSwitch.js";
45
- import { Tooltip as Go } from "./components/Tooltip/Tooltip.js";
46
- import { Toast as jo } from "./components/Toast/Toast.js";
47
- import { ToastMessage as Jo } from "./components/ToastMessage/ToastMessage.js";
48
- import { Avatar as Qo } from "./components/Avatar/Avatar.js";
49
- import { StaticBox as Vo } from "./components/StaticBox/StaticBox.js";
50
- import { Stepper as Xo } from "./components/Stepper/Stepper.js";
51
- import { InteractiveCard as Zo } from "./components/InteractiveCard/InteractiveCard.js";
52
- import { SidebarNavigation as $o } from "./components/SidebarNavigation/SidebarNavigation.js";
53
- import { useBreakpoint as rr } from "./hooks/useBreakpoint.js";
54
- import { useEventListeners as tr } from "./hooks/useEventListeners.js";
55
- import { useHandleEvent as xr } from "./hooks/useHandleEvent.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";
9
+ import { Currency as S } from "./components/Currency/Currency.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";
15
+ import { Hyperlink as P } from "./components/Hyperlink/Hyperlink.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";
56
57
  import "react";
57
- import { useResizeObserver as fr } from "./hooks/useResizeObserver/useResizeObserver.js";
58
+ import { useResizeObserver as ir } from "./hooks/useResizeObserver/useResizeObserver.js";
58
59
  export {
59
60
  t as Accordion,
60
- Qo as Avatar,
61
- x as Bullets,
62
- f as Button,
63
- i as CarouselIndicator,
64
- d as Checkbox,
65
- s as Chip,
66
- c as Chips,
67
- T as Currency,
68
- B as Dialog,
69
- I as DialogBody,
70
- C as DialogFooter,
71
- k as DialogHeader,
72
- R as Divider,
73
- y as Hyperlink,
74
- P as Icon,
75
- w as IconButton,
76
- E as Input,
77
- Zo as InteractiveCard,
78
- z as LinkButton,
79
- G as Loader,
80
- O as LoaderLogo,
81
- q as Logo,
82
- K as MainTitle,
83
- U as MapPin,
84
- W as Modal,
85
- Y as PasswordInput,
86
- _ as PickerItem,
87
- oo as Radio,
88
- eo as RadioButton,
89
- po as RadioButtonGroup,
90
- mo as Rating,
91
- ao as Search,
92
- no as SearchInput,
93
- so as SecondaryNavigation,
94
- co as SegmentedControl,
95
- To as Select,
96
- Bo as Selection,
97
- $o as SidebarNavigation,
98
- Io as Slider,
99
- Vo as StaticBox,
100
- Xo as Stepper,
101
- Co as Tabs,
102
- ko as Tag,
103
- Ro as Text,
104
- yo as TextInput,
105
- Po as Textarea,
106
- wo as ThemeProvider,
107
- jo as Toast,
108
- Jo as ToastMessage,
109
- Eo as ToggleButton,
110
- zo as ToggleSwitch,
111
- Go as Tooltip,
112
- rr as useBreakpoint,
113
- tr as useEventListeners,
114
- xr as useHandleEvent,
115
- fr as useResizeObserver
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,
69
+ S as Currency,
70
+ I as Dialog,
71
+ C as DialogBody,
72
+ k as DialogFooter,
73
+ R as DialogHeader,
74
+ y as Divider,
75
+ P as Hyperlink,
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
116
118
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cupra/ui-react",
3
- "version": "1.0.0-canary.29",
3
+ "version": "1.0.0-canary.30",
4
4
  "description": "React components library",
5
5
  "author": "SEAT S.A.",
6
6
  "license": "SEAT S.A. Library EULA 1.0",
@@ -44,7 +44,7 @@
44
44
  "peerDependencies": {
45
45
  "react": ">= 18.3.1 < 20",
46
46
  "react-dom": ">= 18.3.1 < 20",
47
- "@cupra/ui-kit": "1.0.0-canary.18"
47
+ "@cupra/ui-kit": "1.0.0-canary.19"
48
48
  },
49
49
  "dependencies": {
50
50
  "styled-components": "^6.1.16"
@@ -66,7 +66,7 @@
66
66
  "storybook": "^8.6.14",
67
67
  "typescript": "^5.8.2",
68
68
  "vite": "^6.4.1",
69
- "@cupra/ui-kit": "1.0.0-canary.18"
69
+ "@cupra/ui-kit": "1.0.0-canary.19"
70
70
  },
71
71
  "scripts": {
72
72
  "build": "rm -rf dist && tsc --declaration --emitDeclarationOnly && vite build --emptyOutDir false",