@cupra/ui-react 2.0.0-canary.71 → 2.0.0-canary.73

package/dist/cjs/components/Slider/Slider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-slider");function n(r){const{className:s,children:o,size:e,...i}=r;return t.jsx("ds-slider-react",{size:typeof e=="string"?e:JSON.stringify(e),class:s,...i})}exports.Slider=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-slider");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const u=require("../../hooks/useHandleEvent.cjs");function c(r){const{className:s,children:l,size:e,onChange:n,...t}=r,{ref:i}=u.useHandleEvent({change:n});return o.jsx("ds-slider-react",{ref:i,size:typeof e=="string"?e:JSON.stringify(e),class:s,...t})}exports.Slider=c;

package/dist/cjs/components/TextInput/TextInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-text-input");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const y=require("../../hooks/useHandleEvent.cjs");function b(n){const{className:r,children:j,onChange:u,onInput:i,onKeyDown:l,inputId:t,placeHolder:s,type:o,value:a,label:c,required:d,disabled:p,pattern:h,maxLength:x,minLength:g,...m}=n,{ref:q}=y.useHandleEvent({change:u,input:i,keydown:l});return e.jsxs("ds-text-input-react",{ref:q,class:r,...m,children:[e.jsx("label",{htmlFor:t,children:c}),e.jsx("input",{id:t,type:o||"text",placeholder:s,value:a,required:d,disabled:p,minLength:g,maxLength:x,pattern:h})]})}exports.TextInput=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-text-input");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const b=require("../../hooks/useHandleEvent.cjs");function j(n){const{className:r,children:v,onChange:l,onInput:u,onKeyDown:i,inputId:t,placeHolder:s,type:a,value:o,label:d,required:c,disabled:p,readOnly:h,pattern:x,maxLength:y,minLength:g,...m}=n,{ref:q}=b.useHandleEvent({change:l,input:u,keydown:i});return e.jsxs("ds-text-input-react",{ref:q,class:r,...m,children:[e.jsx("label",{htmlFor:t,children:d}),e.jsx("input",{id:t,type:a||"text",placeholder:s,value:o,required:c,disabled:p,readOnly:h,minLength:g,maxLength:y,pattern:x})]})}exports.TextInput=j;

package/dist/cjs/components/Textarea/Textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-textarea");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const f=require("../../hooks/useHandleEvent.cjs");function j(t){const{className:a,children:E,onChange:n,onInput:l,textareaId:r,placeholder:o,value:i,label:s,required:c,disabled:d,minLength:u,maxLength:h,rows:x,cols:p,forcedError:g,helperText:m,invalidError:q,...v}=t,{ref:b}=f.useHandleEvent({change:n,input:l});return e.jsxs("ds-textarea-react",{ref:b,class:a,"forced-error":g,"helper-text":m,"invalid-error":q,...v,children:[e.jsx("label",{htmlFor:r,children:s}),e.jsx("textarea",{id:r,placeholder:o,value:i,required:c,disabled:d,minLength:u,maxLength:h,rows:x,cols:p})]})}exports.Textarea=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-textarea");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const j=require("../../hooks/useHandleEvent.cjs");function E(t){const{className:a,children:T,onChange:n,onInput:l,textareaId:r,placeholder:o,value:i,label:s,required:d,disabled:c,readOnly:u,minLength:h,maxLength:x,rows:p,cols:g,forcedError:m,helperText:q,invalidError:v,...b}=t,{ref:f}=j.useHandleEvent({change:n,input:l});return e.jsxs("ds-textarea-react",{ref:f,class:a,"forced-error":m,"helper-text":q,"invalid-error":v,...b,children:[e.jsx("label",{htmlFor:r,children:s}),e.jsx("textarea",{id:r,placeholder:o,value:i,required:d,disabled:c,readOnly:u,minLength:h,maxLength:x,rows:p,cols:g})]})}exports.Textarea=E;

package/dist/esm/components/Slider/Slider.js

@@ -1,16 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-slider";
-function l(s) {
-  const { className: e, children: o, size: r, ...i } = s;
-  return /* @__PURE__ */ t(
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+function g(e) {
+  const { className: t, children: m, size: r, onChange: o, ...s } = e, { ref: i } = c({ change: o });
+  return /* @__PURE__ */ n(
     "ds-slider-react",
     {
+      ref: i,
       size: typeof r == "string" ? r : JSON.stringify(r),
-      class: e,
-      ...i
+      class: t,
+      ...s
     }
   );
 }
 export {
-  l as Slider
+  g as Slider
 };

package/dist/esm/components/TextInput/TextInput.js

@@ -1,45 +1,47 @@
-import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-text-input";
 import "@cupra/ui-kit/react/utils/breakpoints";
 import "react";
-import { useHandleEvent as b } from "../../hooks/useHandleEvent.js";
-function k(n) {
+import { useHandleEvent as I } from "../../hooks/useHandleEvent.js";
+function q(n) {
   const {
     className: r,
-    children: I,
+    children: j,
     onChange: o,
-    onInput: p,
-    onKeyDown: i,
+    onInput: l,
+    onKeyDown: p,
     inputId: e,
-    placeHolder: l,
+    placeHolder: i,
     type: a,
     value: d,
     label: s,
     required: c,
     disabled: m,
-    pattern: u,
-    maxLength: h,
-    minLength: x,
+    readOnly: u,
+    pattern: h,
+    maxLength: x,
+    minLength: y,
     ...f
-  } = n, { ref: g } = b({ change: o, input: p, keydown: i });
-  return /* @__PURE__ */ y("ds-text-input-react", { ref: g, class: r, ...f, children: [
+  } = n, { ref: g } = I({ change: o, input: l, keydown: p });
+  return /* @__PURE__ */ b("ds-text-input-react", { ref: g, class: r, ...f, children: [
     /* @__PURE__ */ t("label", { htmlFor: e, children: s }),
     /* @__PURE__ */ t(
       "input",
       {
         id: e,
         type: a || "text",
-        placeholder: l,
+        placeholder: i,
         value: d,
         required: c,
         disabled: m,
-        minLength: x,
-        maxLength: h,
-        pattern: u
+        readOnly: u,
+        minLength: y,
+        maxLength: x,
+        pattern: h
       }
     )
   ] });
 }
 export {
-  k as TextInput
+  q as TextInput
 };

package/dist/esm/components/Textarea/Textarea.js

@@ -1,12 +1,12 @@
-import { jsxs as E, jsx as r } from "react/jsx-runtime";
+import { jsxs as j, jsx as r } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-textarea";
 import "@cupra/ui-kit/react/utils/breakpoints";
 import "react";
-import { useHandleEvent as j } from "../../hooks/useHandleEvent.js";
+import { useHandleEvent as I } from "../../hooks/useHandleEvent.js";
 function F(t) {
   const {
     className: o,
-    children: I,
+    children: L,
     onChange: a,
     onInput: n,
     textareaId: e,
@@ -15,24 +15,25 @@ function F(t) {
     label: d,
     required: s,
     disabled: c,
-    minLength: h,
-    maxLength: p,
-    rows: m,
-    cols: x,
-    forcedError: u,
-    helperText: f,
-    invalidError: g,
-    ...v
-  } = t, { ref: b } = j({ change: a, input: n });
-  return /* @__PURE__ */ E(
+    readOnly: h,
+    minLength: p,
+    maxLength: m,
+    rows: x,
+    cols: u,
+    forcedError: f,
+    helperText: g,
+    invalidError: v,
+    ...b
+  } = t, { ref: E } = I({ change: a, input: n });
+  return /* @__PURE__ */ j(
     "ds-textarea-react",
     {
-      ref: b,
+      ref: E,
       class: o,
-      "forced-error": u,
-      "helper-text": f,
-      "invalid-error": g,
-      ...v,
+      "forced-error": f,
+      "helper-text": g,
+      "invalid-error": v,
+      ...b,
       children: [
         /* @__PURE__ */ r("label", { htmlFor: e, children: d }),
         /* @__PURE__ */ r(
@@ -43,10 +44,11 @@ function F(t) {
             value: i,
             required: s,
             disabled: c,
-            minLength: h,
-            maxLength: p,
-            rows: m,
-            cols: x
+            readOnly: h,
+            minLength: p,
+            maxLength: m,
+            rows: x,
+            cols: u
           }
         )
       ]

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

@@ -3,6 +3,10 @@ import '@cupra/ui-kit/react/ds-slider';
 import { DsSliderAttrs } from '@cupra/ui-kit/react/types/ds-slider';
 type SliderProps = DsSliderAttrs & {
     className?: string;
+    onChange?: (event: CustomEvent<{
+        role: 'min' | 'max';
+        value: number;
+    }>) => void;
 };
 export declare function Slider(props: SliderProps): ReactElement;
 export {};

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

@@ -13,6 +13,7 @@ type TextInputProps = DsTextInputAttrs & {
     label: string;
     required?: boolean;
     disabled?: boolean;
+    readOnly?: boolean;
     minLength?: number;
     maxLength?: number;
     pattern?: string;

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

@@ -11,6 +11,7 @@ type TextareaProps = DsTextareaAttrs & {
     label: string;
     required?: boolean;
     disabled?: boolean;
+    readOnly?: boolean;
     minLength?: number;
     maxLength?: number;
     rows?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "2.0.0-canary.71",
+  "version": "2.0.0-canary.73",
   "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.62",
+    "@cupra/ui-kit": "2.0.0-canary.64",
     "typescript": ">=5.0.0"
   },
   "dependencies": {
@@ -75,7 +75,7 @@
     "storybook": "^8.6.17",
     "typescript": "^5.8.2",
     "vite": "^6.4.1",
-    "@cupra/ui-kit": "2.0.0-canary.62"
+    "@cupra/ui-kit": "2.0.0-canary.64"
   },
   "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",