@cupra/ui-react 2.0.0-canary.23 → 2.0.0-canary.25

package/dist/cjs/components/InlineAlert/InlineAlert.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-inline-alert");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const o=require("../../hooks/useHandleEvent.cjs");function u(e){const{className:r,children:n,onClose:t,...l}=e,{ref:s}=o.useHandleEvent({"inline-alert:close":t});return i.jsx("ds-inline-alert-react",{ref:s,class:r,...l,children:n})}exports.InlineAlert=u;

package/dist/cjs/index.cjs

@@ -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/Bullets/Bullets.cjs"),c=require("./components/Button/Button.cjs"),u=require("./components/CarouselIndicator/CarouselIndicator.cjs"),d=require("./components/Checkbox/Checkbox.cjs"),q=require("./components/Chip/Chip.cjs"),l=require("./components/Chips/Chips.cjs"),g=require("./components/Currency/Currency.cjs"),B=require("./components/Dialog/Dialog.cjs"),p=require("./components/DialogBody/DialogBody.cjs"),S=require("./components/DialogFooter/DialogFooter.cjs"),T=require("./components/DialogHeader/DialogHeader.cjs"),C=require("./components/Divider/Divider.cjs"),I=require("./components/Drawer/Drawer.cjs"),v=require("./components/Hyperlink/Hyperlink.cjs"),L=require("./components/Icon/Icon.cjs"),h=require("./components/IconButton/IconButton.cjs"),D=require("./components/Input/Input.cjs"),m=require("./components/List/List.cjs"),M=require("./components/ListItem/ListItem.cjs"),k=require("./components/LinkButton/LinkButton.cjs"),e=require("./components/Loader/Loader.cjs"),x=require("./components/Logo/Logo.cjs"),R=require("./components/MainTitle/MainTitle.cjs"),b=require("./components/MapPin/MapPin.cjs"),y=require("./components/MediaControl/MediaControl.cjs"),P=require("./components/Modal/Modal.cjs"),H=require("./components/PasswordInput/PasswordInput.cjs"),w=require("./components/PickerItem/PickerItem.cjs"),A=require("./components/Radio/Radio.cjs"),E=require("./components/RadioButton/RadioButton.cjs"),N=require("./components/RadioButtonGroup/RadioButtonGroup.cjs"),O=require("./components/Rating/Rating.cjs"),z=require("./components/Search/Search.cjs"),F=require("./components/SearchInput/SearchInput.cjs"),G=require("./components/SecondaryNavigation/SecondaryNavigation.cjs"),f=require("./components/SegmentedControl/SegmentedControl.cjs"),j=require("./components/Select/Select.cjs"),J=require("./components/Selection/Selection.cjs"),K=require("./components/Slider/Slider.cjs"),Q=require("./components/Tabs/Tabs.cjs"),U=require("./components/Tag/Tag.cjs"),V=require("./components/Text/Text.cjs"),W=require("./components/TextInput/TextInput.cjs"),X=require("./components/Textarea/Textarea.cjs"),Y=require("./components/ThemeProvider/ThemeProvider.cjs"),Z=require("./components/ToggleButton/ToggleButton.cjs"),_=require("./components/ToggleSwitch/ToggleSwitch.cjs"),$=require("./components/Tooltip/Tooltip.cjs"),ee=require("./components/Toast/Toast.cjs"),re=require("./components/ToastMessage/ToastMessage.cjs"),te=require("./components/Avatar/Avatar.cjs"),oe=require("./components/StaticBox/StaticBox.cjs"),ie=require("./components/Stepper/Stepper.cjs"),ne=require("./components/InteractiveCard/InteractiveCard.cjs"),ae=require("./components/SidebarNavigation/SidebarNavigation.cjs"),se=require("./hooks/useBreakpoint.cjs"),ce=require("./hooks/useEventListeners.cjs"),ue=require("./hooks/useHandleEvent.cjs");require("react");const de=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.Bullets=s.Bullets;exports.Button=c.Button;exports.CarouselIndicator=u.CarouselIndicator;exports.Checkbox=d.Checkbox;exports.Chip=q.Chip;exports.Chips=l.Chips;exports.Currency=g.Currency;exports.Dialog=B.Dialog;exports.DialogBody=p.DialogBody;exports.DialogFooter=S.DialogFooter;exports.DialogHeader=T.DialogHeader;exports.Divider=C.Divider;exports.Drawer=I.Drawer;exports.Hyperlink=v.Hyperlink;exports.Icon=L.Icon;exports.IconButton=h.IconButton;exports.Input=D.Input;exports.List=m.List;exports.ListItem=M.ListItem;exports.LinkButton=k.LinkButton;exports.Loader=e.Loader;exports.LoaderLogo=e.LoaderLogo;exports.Logo=x.Logo;exports.MainTitle=R.MainTitle;exports.MapPin=b.MapPin;exports.MediaControl=y.MediaControl;exports.Modal=P.Modal;exports.PasswordInput=H.PasswordInput;exports.PickerItem=w.PickerItem;exports.Radio=A.Radio;exports.RadioButton=E.RadioButton;exports.RadioButtonGroup=N.RadioButtonGroup;exports.Rating=O.Rating;exports.Search=z.Search;exports.SearchInput=F.SearchInput;exports.SecondaryNavigation=G.SecondaryNavigation;exports.SegmentedControl=f.SegmentedControl;exports.Select=j.Select;exports.Selection=J.Selection;exports.Slider=K.Slider;exports.Tabs=Q.Tabs;exports.Tag=U.Tag;exports.Text=V.Text;exports.TextInput=W.TextInput;exports.Textarea=X.Textarea;exports.ThemeProvider=Y.ThemeProvider;exports.ToggleButton=Z.ToggleButton;exports.ToggleSwitch=_.ToggleSwitch;exports.Tooltip=$.Tooltip;exports.Toast=ee.Toast;exports.ToastMessage=re.ToastMessage;exports.Avatar=te.Avatar;exports.StaticBox=oe.StaticBox;exports.Stepper=ie.Stepper;exports.InteractiveCard=ne.InteractiveCard;exports.SidebarNavigation=ae.SidebarNavigation;exports.useBreakpoint=se.useBreakpoint;exports.useEventListeners=ce.useEventListeners;exports.useHandleEvent=ue.useHandleEvent;exports.useResizeObserver=de.useResizeObserver;
+"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/Bullets/Bullets.cjs"),c=require("./components/Button/Button.cjs"),u=require("./components/CarouselIndicator/CarouselIndicator.cjs"),d=require("./components/Checkbox/Checkbox.cjs"),q=require("./components/Chip/Chip.cjs"),l=require("./components/Chips/Chips.cjs"),g=require("./components/Currency/Currency.cjs"),B=require("./components/Dialog/Dialog.cjs"),p=require("./components/DialogBody/DialogBody.cjs"),S=require("./components/DialogFooter/DialogFooter.cjs"),T=require("./components/DialogHeader/DialogHeader.cjs"),C=require("./components/Divider/Divider.cjs"),I=require("./components/Drawer/Drawer.cjs"),v=require("./components/Hyperlink/Hyperlink.cjs"),L=require("./components/Icon/Icon.cjs"),h=require("./components/IconButton/IconButton.cjs"),D=require("./components/Input/Input.cjs"),m=require("./components/List/List.cjs"),M=require("./components/ListItem/ListItem.cjs"),k=require("./components/LinkButton/LinkButton.cjs"),e=require("./components/Loader/Loader.cjs"),x=require("./components/Logo/Logo.cjs"),R=require("./components/MainTitle/MainTitle.cjs"),b=require("./components/MapPin/MapPin.cjs"),y=require("./components/MediaControl/MediaControl.cjs"),P=require("./components/Modal/Modal.cjs"),H=require("./components/PasswordInput/PasswordInput.cjs"),w=require("./components/PickerItem/PickerItem.cjs"),A=require("./components/Radio/Radio.cjs"),E=require("./components/RadioButton/RadioButton.cjs"),N=require("./components/RadioButtonGroup/RadioButtonGroup.cjs"),O=require("./components/Rating/Rating.cjs"),z=require("./components/Search/Search.cjs"),F=require("./components/SearchInput/SearchInput.cjs"),G=require("./components/SecondaryNavigation/SecondaryNavigation.cjs"),f=require("./components/SegmentedControl/SegmentedControl.cjs"),j=require("./components/Select/Select.cjs"),J=require("./components/Selection/Selection.cjs"),K=require("./components/Slider/Slider.cjs"),Q=require("./components/Tabs/Tabs.cjs"),U=require("./components/Tag/Tag.cjs"),V=require("./components/Text/Text.cjs"),W=require("./components/TextInput/TextInput.cjs"),X=require("./components/Textarea/Textarea.cjs"),Y=require("./components/ThemeProvider/ThemeProvider.cjs"),Z=require("./components/ToggleButton/ToggleButton.cjs"),_=require("./components/ToggleSwitch/ToggleSwitch.cjs"),$=require("./components/Tooltip/Tooltip.cjs"),ee=require("./components/Toast/Toast.cjs"),re=require("./components/ToastMessage/ToastMessage.cjs"),te=require("./components/InlineAlert/InlineAlert.cjs"),oe=require("./components/Avatar/Avatar.cjs"),ie=require("./components/StaticBox/StaticBox.cjs"),ne=require("./components/Stepper/Stepper.cjs"),ae=require("./components/InteractiveCard/InteractiveCard.cjs"),se=require("./components/SidebarNavigation/SidebarNavigation.cjs"),ce=require("./hooks/useBreakpoint.cjs"),ue=require("./hooks/useEventListeners.cjs"),de=require("./hooks/useHandleEvent.cjs");require("react");const qe=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.Bullets=s.Bullets;exports.Button=c.Button;exports.CarouselIndicator=u.CarouselIndicator;exports.Checkbox=d.Checkbox;exports.Chip=q.Chip;exports.Chips=l.Chips;exports.Currency=g.Currency;exports.Dialog=B.Dialog;exports.DialogBody=p.DialogBody;exports.DialogFooter=S.DialogFooter;exports.DialogHeader=T.DialogHeader;exports.Divider=C.Divider;exports.Drawer=I.Drawer;exports.Hyperlink=v.Hyperlink;exports.Icon=L.Icon;exports.IconButton=h.IconButton;exports.Input=D.Input;exports.List=m.List;exports.ListItem=M.ListItem;exports.LinkButton=k.LinkButton;exports.Loader=e.Loader;exports.LoaderLogo=e.LoaderLogo;exports.Logo=x.Logo;exports.MainTitle=R.MainTitle;exports.MapPin=b.MapPin;exports.MediaControl=y.MediaControl;exports.Modal=P.Modal;exports.PasswordInput=H.PasswordInput;exports.PickerItem=w.PickerItem;exports.Radio=A.Radio;exports.RadioButton=E.RadioButton;exports.RadioButtonGroup=N.RadioButtonGroup;exports.Rating=O.Rating;exports.Search=z.Search;exports.SearchInput=F.SearchInput;exports.SecondaryNavigation=G.SecondaryNavigation;exports.SegmentedControl=f.SegmentedControl;exports.Select=j.Select;exports.Selection=J.Selection;exports.Slider=K.Slider;exports.Tabs=Q.Tabs;exports.Tag=U.Tag;exports.Text=V.Text;exports.TextInput=W.TextInput;exports.Textarea=X.Textarea;exports.ThemeProvider=Y.ThemeProvider;exports.ToggleButton=Z.ToggleButton;exports.ToggleSwitch=_.ToggleSwitch;exports.Tooltip=$.Tooltip;exports.Toast=ee.Toast;exports.ToastMessage=re.ToastMessage;exports.InlineAlert=te.InlineAlert;exports.Avatar=oe.Avatar;exports.StaticBox=ie.StaticBox;exports.Stepper=ne.Stepper;exports.InteractiveCard=ae.InteractiveCard;exports.SidebarNavigation=se.SidebarNavigation;exports.useBreakpoint=ce.useBreakpoint;exports.useEventListeners=ue.useEventListeners;exports.useHandleEvent=de.useHandleEvent;exports.useResizeObserver=qe.useResizeObserver;

package/dist/esm/components/InlineAlert/InlineAlert.js

@@ -0,0 +1,14 @@
+import { jsx as l } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-inline-alert";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as s } from "../../hooks/useHandleEvent.js";
+function d(e) {
+  const { className: r, children: o, onClose: t, ...n } = e, { ref: i } = s({
+    "inline-alert:close": t
+  });
+  return /* @__PURE__ */ l("ds-inline-alert-react", { ref: i, class: r, ...n, children: o });
+}
+export {
+  d as InlineAlert
+};

package/dist/esm/index.js

@@ -6,8 +6,8 @@ import { BasicCardHeader as d } from "./components/BasicCardHeader/BasicCardHead
 import { BasicCardSection as c } from "./components/BasicCardSection/BasicCardSection.js";
 import { Bullets as g } from "./components/Bullets/Bullets.js";
 import { Button as B } from "./components/Button/Button.js";
-import { CarouselIndicator as S } from "./components/CarouselIndicator/CarouselIndicator.js";
-import { Checkbox as I } from "./components/Checkbox/Checkbox.js";
+import { CarouselIndicator as I } from "./components/CarouselIndicator/CarouselIndicator.js";
+import { Checkbox as T } from "./components/Checkbox/Checkbox.js";
 import { Chip as L } from "./components/Chip/Chip.js";
 import { Chips as D } from "./components/Chips/Chips.js";
 import { Currency as M } from "./components/Currency/Currency.js";
@@ -32,8 +32,8 @@ import { MediaControl as no } from "./components/MediaControl/MediaControl.js";
 import { Modal as co } from "./components/Modal/Modal.js";
 import { PasswordInput as go } from "./components/PasswordInput/PasswordInput.js";
 import { PickerItem as Bo } from "./components/PickerItem/PickerItem.js";
-import { Radio as So } from "./components/Radio/Radio.js";
-import { RadioButton as Io } from "./components/RadioButton/RadioButton.js";
+import { Radio as Io } from "./components/Radio/Radio.js";
+import { RadioButton as To } from "./components/RadioButton/RadioButton.js";
 import { RadioButtonGroup as Lo } from "./components/RadioButtonGroup/RadioButtonGroup.js";
 import { Rating as Do } from "./components/Rating/Rating.js";
 import { Search as Mo } from "./components/Search/Search.js";
@@ -54,19 +54,20 @@ import { ToggleSwitch as rr } from "./components/ToggleSwitch/ToggleSwitch.js";
 import { Tooltip as tr } from "./components/Tooltip/Tooltip.js";
 import { Toast as mr } from "./components/Toast/Toast.js";
 import { ToastMessage as fr } from "./components/ToastMessage/ToastMessage.js";
-import { Avatar as ir } from "./components/Avatar/Avatar.js";
-import { StaticBox as dr } from "./components/StaticBox/StaticBox.js";
-import { Stepper as cr } from "./components/Stepper/Stepper.js";
-import { InteractiveCard as gr } from "./components/InteractiveCard/InteractiveCard.js";
-import { SidebarNavigation as Br } from "./components/SidebarNavigation/SidebarNavigation.js";
-import { useBreakpoint as Sr } from "./hooks/useBreakpoint.js";
-import { useEventListeners as Ir } from "./hooks/useEventListeners.js";
-import { useHandleEvent as Lr } from "./hooks/useHandleEvent.js";
+import { InlineAlert as ir } from "./components/InlineAlert/InlineAlert.js";
+import { Avatar as dr } from "./components/Avatar/Avatar.js";
+import { StaticBox as cr } from "./components/StaticBox/StaticBox.js";
+import { Stepper as gr } from "./components/Stepper/Stepper.js";
+import { InteractiveCard as Br } from "./components/InteractiveCard/InteractiveCard.js";
+import { SidebarNavigation as Ir } from "./components/SidebarNavigation/SidebarNavigation.js";
+import { useBreakpoint as Tr } from "./hooks/useBreakpoint.js";
+import { useEventListeners as Lr } from "./hooks/useEventListeners.js";
+import { useHandleEvent as Dr } from "./hooks/useHandleEvent.js";
 import "react";
-import { useResizeObserver as Dr } from "./hooks/useResizeObserver/useResizeObserver.js";
+import { useResizeObserver as Mr } from "./hooks/useResizeObserver/useResizeObserver.js";
 export {
   t as Accordion,
-  ir as Avatar,
+  dr as Avatar,
   m as Badge,
   f as BasicCard,
   d as BasicCardHeader,
@@ -74,8 +75,8 @@ export {
   c as BasicCardSection,
   g as Bullets,
   B as Button,
-  S as CarouselIndicator,
-  I as Checkbox,
+  I as CarouselIndicator,
+  T as Checkbox,
   L as Chip,
   D as Chips,
   M as Currency,
@@ -88,8 +89,9 @@ export {
   j as Hyperlink,
   J as Icon,
   Q as IconButton,
+  ir as InlineAlert,
   V as Input,
-  gr as InteractiveCard,
+  Br as InteractiveCard,
   $ as LinkButton,
   X as List,
   Z as ListItem,
@@ -102,8 +104,8 @@ export {
   co as Modal,
   go as PasswordInput,
   Bo as PickerItem,
-  So as Radio,
-  Io as RadioButton,
+  Io as Radio,
+  To as RadioButton,
   Lo as RadioButtonGroup,
   Do as Rating,
   Mo as Search,
@@ -112,10 +114,10 @@ export {
   wo as SegmentedControl,
   Eo as Select,
   zo as Selection,
-  Br as SidebarNavigation,
+  Ir as SidebarNavigation,
   Go as Slider,
-  dr as StaticBox,
-  cr as Stepper,
+  cr as StaticBox,
+  gr as Stepper,
   jo as Tabs,
   Jo as Tag,
   Qo as Text,
@@ -127,8 +129,8 @@ export {
   $o as ToggleButton,
   rr as ToggleSwitch,
   tr as Tooltip,
-  Sr as useBreakpoint,
-  Ir as useEventListeners,
-  Lr as useHandleEvent,
-  Dr as useResizeObserver
+  Tr as useBreakpoint,
+  Lr as useEventListeners,
+  Dr as useHandleEvent,
+  Mr as useResizeObserver
 };

package/dist/types/components/InlineAlert/InlineAlert.d.ts

@@ -0,0 +1,9 @@
+import { DsInlineAlertAttrs } from '@cupra/ui-kit/react/types/ds-inline-alert';
+import { type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-inline-alert';
+export type InlineAlertProps = DsInlineAlertAttrs & {
+    className?: string;
+    children?: ReactNode;
+    onClose?: (event: CustomEvent) => void;
+};
+export declare function InlineAlert(props: InlineAlertProps): ReactNode;

package/dist/types/components/InlineAlert/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const DefaultStatus: Story;
+export declare const SuccessStatus: Story;
+export declare const ErrorStatus: Story;
+export declare const WarningStatus: Story;
+export declare const InfoStatus: Story;
+export declare const WithCustomContent: Story;
+export declare const WithoutLink: Story;

package/dist/types/components/index.d.ts

@@ -54,6 +54,7 @@ export * from './ToggleSwitch/ToggleSwitch';
 export * from './Tooltip/Tooltip';
 export * from './Toast/Toast';
 export * from './ToastMessage/ToastMessage';
+export * from './InlineAlert/InlineAlert';
 export * from './Avatar/Avatar';
 export * from './StaticBox/StaticBox';
 export * from './Stepper/Stepper';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "2.0.0-canary.23",
+  "version": "2.0.0-canary.25",
   "description": "React components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -51,7 +51,7 @@
   "peerDependencies": {
     "react": ">= 18.3.1 < 20",
     "react-dom": ">= 18.3.1 < 20",
-    "@cupra/ui-kit": "2.0.0-canary.17",
+    "@cupra/ui-kit": "2.0.0-canary.19",
     "typescript": ">=5.0.0"
   },
   "dependencies": {
@@ -74,13 +74,13 @@
     "storybook": "^8.6.15",
     "typescript": "^5.8.2",
     "vite": "^6.4.1",
-    "@cupra/ui-kit": "2.0.0-canary.17"
+    "@cupra/ui-kit": "2.0.0-canary.19"
   },
   "scripts": {
     "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",
     "test": "npx vitest run",
     "generate-licenses": "npx generate-license-file --input package.json --output THIRD_PARTY_LICENSES.MD --overwrite --ci",
-    "storybook": "pnpm --filter ui-kit build:react --mode development && storybook dev -p 6006",
+    "storybook": "pnpm --filter ui-kit build:react:dev && storybook dev -p 6006",
     "build-storybook:cupra-diagonal": "storybook build --output-dir dist-storybook/cupra-diagonal"
   }
 }