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

package/dist/components/InteractiveCard/InteractiveCard.js

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

package/dist/components/InteractiveCard/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const WithError: Story;
+export declare const Large: Story;
+export declare const Selected: Story;
+export declare const WithCustomContent: Story;

package/dist/components/LinkButton/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Large: Story;
+export declare const Medium: Story;
+export declare const Underline: Story;
+export declare const Disabled: Story;
+export declare const IconLeft: Story;

package/dist/components/Logo/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const XLarge: Story;
+export declare const Large: Story;
+export declare const Medium: Story;
+export declare const Small: Story;
+export declare const XSmall: Story;
+export declare const XXSmall: Story;

package/dist/components/MapPin/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Cluster: Story;

package/dist/components/PasswordInput/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 Small: Story;
+export declare const WithValue: Story;
+export declare const WithForcedError: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const WithMaxLength: Story;
+export declare const WithPattern: Story;

package/dist/components/PickerItem/PickerItem.d.ts

@@ -1,7 +1,7 @@
 import type { ReactElement } from 'react';
 import '@cupra/ui-kit/react';
 import type { DsPickerItemAttrs } from '@cupra/ui-kit/react/types/ds-picker-item';
-type PickerItemProps = Omit<DsPickerItemAttrs, 'size'> & {
+type PickerItemProps = DsPickerItemAttrs & {
     className?: string;
     children: JSX.Element | JSX.Element[] | string;
     onClick?: (event: CustomEvent) => void;

package/dist/components/PickerItem/PickerItem.js

@@ -1,11 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "../../packages/ui-kit/dist-react/index.js";
 import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
-function a(e) {
-  const { className: r, children: t, onClick: c, ...i } = e, { ref: o } = m({
-    "ds-picker-item:click": c
+function a(r) {
+  const { className: i, children: t, onClick: s, size: e, ...c } = r, { ref: o } = m({
+    "ds-picker-item:click": s
   });
-  return /* @__PURE__ */ s("ds-picker-item-react", { ref: o, class: r, ...i, children: t });
+  return /* @__PURE__ */ n(
+    "ds-picker-item-react",
+    {
+      ref: o,
+      size: typeof e == "string" ? e : JSON.stringify(e),
+      class: i,
+      ...c,
+      children: t
+    }
+  );
 }
 export {
   a as PickerItem

package/dist/components/PickerItem/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const WithBorder: Story;
+export declare const WithoutBorder: Story;
+export declare const SmallWithBorder: Story;
+export declare const MediumWithBorder: Story;
+export declare const SmallWithoutBorder: Story;
+export declare const MediumWithoutBorder: Story;
+export declare const ResponsiveSize: Story;
+export declare const Selected: Story;

package/dist/components/RadioButton/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const WithHelperText: Story;
+export declare const ErrorWithoutText: Story;
+export declare const ErrorWithText: Story;
+export declare const Disabled: Story;
+export declare const SizeLarge: Story;
+export declare const PlacementRight: Story;

package/dist/components/RadioButtonGroup/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Overview: Story;

package/dist/components/SearchInput/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/components/SecondaryNavigation/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/components/SegmentedControl/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Medium: Story;
+export declare const Small: Story;
+export declare const FullWidth: Story;

package/dist/components/Select/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/components/SidebarNavigation/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/components/Slider/Slider.js

@@ -1,8 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import "../../packages/ui-kit/dist-react/index.js";
-function l(r) {
-  const { className: s, children: t, ...e } = r;
-  return /* @__PURE__ */ o("ds-slider-react", { class: s, ...e });
+function l(s) {
+  const { className: e, children: o, size: r, ...i } = s;
+  return /* @__PURE__ */ t(
+    "ds-slider-react",
+    {
+      size: typeof r == "string" ? r : JSON.stringify(r),
+      class: e,
+      ...i
+    }
+  );
 }
 export {
   l as Slider

package/dist/components/Slider/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/components/StaticBox/StaticBox.js

@@ -1,11 +1,20 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "react";
-import { useHandleEvent as i } from "../../hooks/useHandleEvent.js";
+import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
 import "../../packages/ui-kit/dist-react/index.js";
-function f(t) {
-  const { className: o, children: r, ...s } = t, { ref: e } = i({});
-  return /* @__PURE__ */ c("ds-static-box-react", { ref: e, class: o, ...s, children: r });
+function l(r) {
+  const { className: o, children: s, size: t, ...e } = r, { ref: i } = c({});
+  return /* @__PURE__ */ n(
+    "ds-static-box-react",
+    {
+      ref: i,
+      size: typeof t == "string" ? t : JSON.stringify(t),
+      class: o,
+      ...e,
+      children: s
+    }
+  );
 }
 export {
-  f as StaticBox
+  l as StaticBox
 };

package/dist/components/StaticBox/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Primary: Story;

package/dist/components/Stepper/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Primary: Story;
+export declare const Empty: Story;
+export declare const Full: Story;
+export declare const OverflowClamped: Story;
+export declare const NoActive: Story;

package/dist/components/Tabs/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const PrimaryDisabled: Story;
+export declare const SecondaryDisabled: Story;

package/dist/components/Tag/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const WithLeftIcon: Story;
+export declare const WithRightIcon: Story;
+export declare const ClickableIcon: Story;

package/dist/components/Text/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/components/TextInput/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;

package/dist/components/Textarea/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 Small: Story;
+export declare const WithValue: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const WithMaxLength: Story;
+export declare const WithMoreRows: Story;

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -2,8 +2,8 @@ import '@cupra/ui-kit/react';
 import { DsThemeProviderAttrs } from '@cupra/ui-kit/react/types/ds-theme-provider';
 import { type ReactElement } from 'react';
 type Children = JSX.Element | JSX.Element[] | string;
-interface ThemeProviderProps extends DsThemeProviderAttrs {
+type ThemeProviderProps = DsThemeProviderAttrs & {
     children: Children;
-}
+};
 export declare const ThemeProvider: ({ children, ...restProps }: ThemeProviderProps) => ReactElement;
 export {};

package/dist/components/Toast/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const TopRight: Story;
+export declare const TopLeft: Story;
+export declare const BottomRight: Story;
+export declare const BottomLeft: Story;
+export declare const CustomSpacing: Story;
+export declare const WithTemplateReference: Story;

package/dist/components/ToastMessage/ToastMessage.d.ts

@@ -1,10 +1,9 @@
 import { DsToastMessageAttrs } from '@cupra/ui-kit/react/types/ds-toast-message';
 import { type ReactNode } from 'react';
 import '@cupra/ui-kit/react';
-type ToastMessageProps = DsToastMessageAttrs & {
+export type ToastMessageProps = DsToastMessageAttrs & {
     className?: string;
     children?: ReactNode;
     onClose?: (event: CustomEvent) => void;
 };
 export declare function ToastMessage(props: ToastMessageProps): ReactNode;
-export {};

package/dist/components/ToastMessage/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,12 @@
+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;
+export declare const WithLongContent: Story;

package/dist/components/ToggleSwitch/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Medium: Story;
+export declare const MediumDisabled: Story;
+export declare const MediumDisabledChecked: Story;
+export declare const Small: Story;
+export declare const SmallDisabled: Story;
+export declare const SmallDisabledChecked: Story;

package/dist/components/index.d.ts

@@ -46,5 +46,5 @@ export * from './ToastMessage/ToastMessage';
 export * from './Avatar/Avatar';
 export * from './StaticBox/StaticBox';
 export * from './Stepper/Stepper';
-export * from './interactive-card/InteractiveCard';
+export * from './InteractiveCard/InteractiveCard';
 export * from './SidebarNavigation/SidebarNavigation';

package/dist/index.js

@@ -46,7 +46,7 @@ import { ToastMessage as Go } from "./components/ToastMessage/ToastMessage.js";
 import { Avatar as jo } from "./components/Avatar/Avatar.js";
 import { StaticBox as Jo } from "./components/StaticBox/StaticBox.js";
 import { Stepper as Qo } from "./components/Stepper/Stepper.js";
-import { InteractiveCard as Vo } from "./components/interactive-card/InteractiveCard.js";
+import { InteractiveCard as Vo } from "./components/InteractiveCard/InteractiveCard.js";
 import { SidebarNavigation as Xo } from "./components/SidebarNavigation/SidebarNavigation.js";
 import { useBreakpoint as Zo } from "./hooks/useBreakpoint.js";
 import { useEventListeners as $o } from "./hooks/useEventListeners.js";