@carto/meridian-ds 2.16.1 → 2.17.0

package/dist/types/components/UploadField/UploadField.stories.d.ts

@@ -113,6 +113,19 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ ...args }: UploadFieldProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        label: string;
+        helperText: string;
+        accept: string[];
+        name: string;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const Guide: {
     render: () => import("react/jsx-runtime").JSX.Element;
     parameters: {
@@ -205,14 +218,25 @@ export declare const Small: {
         };
     };
 };
-export declare const MultipleSelection: {
+export declare const InteractionMultipleSelection: {
     render: ({ label, placeholder, helperText, ...rest }: UploadFieldProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
         label: string;
         helperText: string;
         accept: string[];
         name: string;
     };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
 export declare const Behavior: {
     render: ({ label, placeholder, helperText, ...rest }: UploadFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/UploadField/UploadField.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadField.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/UploadField/UploadField.stories.tsx"],"names":[],"mappings":"AAGA,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAc7D,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFG,CAAA;AAChB,eAAe,OAAO,CAAA;AA0YtB,eAAO,MAAM,UAAU;0BAxYQ,gBAAgB;;;;;;;;;;;;;;;;;CA8Y9C,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,QAAQ;8CAxYlB,gBAAgB;;;;;;;;;;;;;;CA4YlB,CAAA;AAED,eAAO,MAAM,kBAAkB;0DA/V5B,gBAAgB;;;;;;;CAkWlB,CAAA;AAED,eAAO,MAAM,MAAM;0DAvRhB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CA2RlB,CAAA;AAED,eAAO,MAAM,KAAK;0DA7Rf,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CAiSlB,CAAA;AAED,eAAO,MAAM,iBAAiB;0DArI3B,gBAAgB;;;;;;;CAwIlB,CAAA;AAED,eAAO,MAAM,QAAQ;0DA9GlB,gBAAgB;;;;;;;CAiHlB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;8CAzarB,gBAAgB;;;;;;;;;;;;;;CA8alB,CAAA"}
+{"version":3,"file":"UploadField.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/UploadField/UploadField.stories.tsx"],"names":[],"mappings":"AAGA,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAe7D,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFG,CAAA;AAChB,eAAe,OAAO,CAAA;AA0YtB,eAAO,MAAM,UAAU;0BAxYQ,gBAAgB;;;;;;;;;;;;;;;;;CA8Y9C,CAAA;AAED,eAAO,MAAM,WAAW;0BAhZO,gBAAgB;;;;;;;;8BAoZb;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAa/D,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,QAAQ;8CA3ZlB,gBAAgB;;;;;;;;;;;;;;CA+ZlB,CAAA;AAED,eAAO,MAAM,kBAAkB;0DAlX5B,gBAAgB;;;;;;;CAqXlB,CAAA;AAED,eAAO,MAAM,MAAM;0DA1ShB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CA8SlB,CAAA;AAED,eAAO,MAAM,KAAK;0DAhTf,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CAoTlB,CAAA;AAED,eAAO,MAAM,4BAA4B;0DAxJtC,gBAAgB;;;;;;;;;;;;;;;8BAoKe;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAe/D,CAAA;AAED,eAAO,MAAM,QAAQ;0DAzJlB,gBAAgB;;;;;;;CA4JlB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;8CApdrB,gBAAgB;;;;;;;;;;;;;;CAydlB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "2.16.1",
+  "version": "2.17.0",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {
@@ -8,7 +8,10 @@
     "build:clean": "yarn run clean:all && yarn install && yarn run build && yarn run test",
     "dev": "vite",
     "test": "LC_ALL=\"en_US.UTF-8\" vitest run --typecheck",
-    "test:watch": "vitest watch --typecheck",
+    "test:unit": "LC_ALL=\"en_US.UTF-8\" vitest run --typecheck --project=unit",
+    "test:unit:watch": "vitest watch --typecheck --project=unit",
+    "test:interaction": "LC_ALL=\"en_US.UTF-8\" vitest run --project=storybook --reporter=verbose",
+    "test:interaction:watch": "vitest watch --project=storybook",
     "coverage": "LC_ALL=\"en_US.UTF-8\" vitest --coverage",
     "coverage:ui": "LC_ALL=\"en_US.UTF-8\" vitest --coverage --ui",
     "lint": "eslint . --ext .ts,.tsx",
@@ -29,7 +32,7 @@
     "prepack": "yarn clean:build && yarn build"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.0.2",
+    "@chromatic-com/storybook": "^5.1.2",
     "@emotion/react": "11.13.0",
     "@emotion/styled": "11.13.0",
     "@etchteam/storybook-addon-status": "^8.0.0",
@@ -38,15 +41,16 @@
     "@mui/material": "5.16.7",
     "@mui/system": "5.16.7",
     "@mui/x-date-pickers": "^7.11.0",
-    "@storybook/addon-designs": "^11.1.2",
-    "@storybook/addon-docs": "10.3.3",
-    "@storybook/addon-links": "10.3.3",
-    "@storybook/addon-mcp": "^0.4.2",
-    "@storybook/addon-themes": "10.3.3",
-    "@storybook/react-vite": "10.3.3",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.1",
-    "@testing-library/react": "^16.0.1",
+    "@storybook/addon-designs": "^11.1.3",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/addon-mcp": "^0.6.0",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@types/codemirror": "^5.60.16",
     "@types/geojson": "7946.0.14",
     "@types/node": "^24.0.0",
@@ -56,11 +60,11 @@
     "@typescript-eslint/eslint-plugin": "8.2.0",
     "@typescript-eslint/parser": "8.2.0",
     "@vitejs/plugin-react": "^4.3.3",
-    "@vitejs/plugin-react-swc": "3.7.0",
-    "@vitest/coverage-istanbul": "^3.1.3",
-    "@vitest/ui": "^3.1.3",
+    "@vitest/browser": "^3.1.3",
+    "@vitest/coverage-istanbul": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "cartocolor": "5.0.2",
-    "chromatic": "^13.1.3",
+    "chromatic": "^16.5.0",
     "codemirror": "^5.65.19",
     "date-fns": "^2.29.1",
     "dompurify": "^3.2.6",
@@ -74,24 +78,25 @@
     "eslint-plugin-prettier": "^5.4.0",
     "eslint-plugin-react": "7.35.0",
     "eslint-plugin-react-hooks": "4.6.2",
-    "eslint-plugin-storybook": "10.3.3",
+    "eslint-plugin-storybook": "^10.3.5",
     "eslint-plugin-testing-library": "^7.2.1",
     "geojson": "^0.5.0",
     "husky": "9.1.5",
     "jsdom": "^25.0.1",
     "lint-staged": "15.2.9",
+    "playwright": "^1.59.1",
     "prettier": "3.3.3",
     "react": "18.3.1",
     "react-codemirror2": "^8.0.1",
     "react-dom": "18.3.1",
     "react-intl": "6.6.8",
     "react-window": "1.8.11",
-    "storybook": "10.3.3",
-    "storybook-addon-pseudo-states": "10.3.5",
+    "storybook": "^10.3.5",
+    "storybook-addon-pseudo-states": "^10.3.5",
     "typescript": "5.5.4",
     "vite": "5.4.21",
-    "vite-plugin-dts": "4.4.0",
-    "vitest": "^3.1.3"
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@emotion/styled": ">=11.13.0",