@cupra/ui-react 0.1.0-canary.0 → 1.0.0-canary.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "0.1.0-canary.0",
+  "version": "1.0.0-canary.2",
   "description": "React components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -9,6 +9,7 @@
   "types": "dist/index.d.ts",
   "files": [
     "LICENSE",
+    "THIRD-PARTY-LICENSES.MD",
     "README.md",
     "dist"
   ],
@@ -30,14 +31,20 @@
     }
   ],
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+    "react": ">= 18.3.1 < 19",
+    "react-dom": ">= 18.3.1 < 19"
   },
   "dependencies": {
     "styled-components": "^6.1.16",
-    "@cupra/ui-kit": "0.2.0-canary.0"
+    "@cupra/ui-kit": "1.0.0-canary.2"
   },
   "devDependencies": {
+    "@storybook/addon-docs": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/manager-api": "^8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/theming": "^8.6.14",
     "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^18.3.20",
@@ -46,12 +53,15 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "shadow-dom-testing-library": "^1.0.0",
+    "storybook": "^8.6.14",
     "typescript": "^5.8.2",
     "vite": "^6.4.1"
   },
   "scripts": {
     "build": "rm -rf dist && tsc --declaration --emitDeclarationOnly && vite build --emptyOutDir false",
     "test": "npx vitest run",
-    "generate-licenses": "pnpm generate-license-file --input package.json --output THIRD_PARTY_LICENSES.MD --overwrite --ci"
+    "generate-licenses": "pnpm generate-license-file --input package.json --output THIRD_PARTY_LICENSES.MD --overwrite --ci",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook:cupra-diagonal": "storybook build --output-dir dist-storybook/cupra-diagonal"
   }
 }

package/dist/components/interactive-card/InteractiveCard.d.ts

@@ -1,34 +0,0 @@
-import type { ReactElement } from 'react';
-import '@cupra/ui-kit/react';
-import type { DsInteractiveCardAttrs } from '@cupra/ui-kit/react/types/ds-interactive-card';
-type Children = JSX.Element | JSX.Element[] | string;
-type InteractiveCardProps = DsInteractiveCardAttrs & {
-    className?: string;
-    children?: Children;
-    onClick?: (event: CustomEvent) => void;
-};
-export declare function InteractiveCard(props: InteractiveCardProps): ReactElement;
-export declare namespace InteractiveCard {
-    var Title: ({ children }: {
-        children: Children;
-    }) => ReactElement;
-    var Subtitle: ({ children }: {
-        children: Children;
-    }) => ReactElement;
-    var Meta: ({ children }: {
-        children: Children;
-    }) => ReactElement;
-    var Content: ({ children }: {
-        children: Children;
-    }) => ReactElement;
-    var Cta: ({ children }: {
-        children: Children;
-    }) => ReactElement;
-    var ErrorTitle: ({ children }: {
-        children: Children;
-    }) => ReactElement;
-    var ErrorText: ({ children }: {
-        children: Children;
-    }) => ReactElement;
-}
-export {};

package/dist/components/interactive-card/InteractiveCard.js

@@ -1,19 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import "react";
-import { useHandleEvent as l } from "../../hooks/useHandleEvent.js";
-import "../../packages/ui-kit/dist-react/index.js";
-function e(t) {
-  const { className: o, children: n, onClick: i, ...s } = t, { ref: c } = l({ click: i });
-  return /* @__PURE__ */ r("ds-interactive-card-react", { ref: c, class: o, ...s, children: n });
-}
-const a = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "title", children: t }), u = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "subtitle", children: t }), d = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "meta", children: t }), v = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "content", children: t }), m = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "cta", children: t }), p = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "error-title", children: t }), C = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "error-text", children: t });
-e.Title = a;
-e.Subtitle = u;
-e.Meta = d;
-e.Content = v;
-e.Cta = m;
-e.ErrorTitle = p;
-e.ErrorText = C;
-export {
-  e as InteractiveCard
-};