@wix/design-system

{ "name": "@wix/design-system", "version": "1.283.0", "scripts": { "build": "node ./scripts/transpile/index.mjs && ./scripts/compliance/generate-compliance-tests.sh && yarn build:docs", "build:docs": "yarn generate-docs-metadata && npx build-storybook -c ./.storybook/docs-employees --output-dir storybook-docs-employees && janet-build", "clean:corrupted-pngs": "node ./scripts/check-corrupted-pngs.js", "cleanup-statics": "./scripts/cleanup-visual-test-statics.sh", "dev": "npx start-storybook -p 6012 -c ./.storybook/dev", "generate-component": "wuf generate --output src --codemods .wuf/generator/codemods --templates .wuf/generator/templates && npm run update-components && git add . -A", "lint": "eslint --cache . --max-warnings=0", "lint:fix": "yarn lint --fix", "lint:style": "stylelint \"src/**/*.css\"", "lint:style:fix": "npm run lint:style -- --fix", "start": "yarn start:docs-employees", "start:default-tokens": "npx start-storybook -p 6009 -c ./.storybook/visual-default-tokens", "generate-docs-metadata": "node scripts/generate-docs-metadata.js", "start:docs-employees": "yarn generate-docs-metadata && npx start-storybook -p 6006 -c ./.storybook/docs-employees", "start:docs-public": "npx start-storybook -p 6005 -c ./.storybook/docs-public", "start:e2e": "npx start-storybook -p 6010 -c ./.storybook/e2e", "start:new-branding": "npx start-storybook -p 6008 -c ./.storybook/visual-new-branding", "start:odeditor-tokens": "npx start-storybook -p 6013 -c ./.storybook/visual-odeditor-tokens", "start:odeditor-dark-tokens": "npx start-storybook -p 6016 -c ./.storybook/visual-odeditor-dark-tokens", "start:studio-tokens": "npx start-storybook -p 6011 -c ./.storybook/visual-studio-tokens", "test:compliance": "vitest run --config vitest-compliance.config.ts", "test:dependencies": "echo 'TURN ON ONCE PUBLIC NPM IS AVAILABLE AGAIN'", "test:e2e": "npx build-storybook -c ./.storybook/e2e --output-dir storybook-e2e-static && sled-playwright test --config=playwright.e2e.config.ts --alias=e2e --remote --quiet", "test:e2e:local": "npx build-storybook -c ./.storybook/e2e --output-dir storybook-e2e-static && sled-playwright test --config=playwright.e2e.config.ts --alias=e2e --quiet", "test:jest": "yarn run test:unit && yarn run test:compliance", "test:npm-package-size": "node ./scripts/compliance/validate-npm-package-size.js", "test:testkit-exports": "node ./scripts/compliance/validate-testkit-exports.mjs", "test:types": "tsc -p tsconfig.declarations.json", "test:unit": "NODE_ICU_DATA=node_modules/full-icu TZ=UTC vitest run", "test:unit:watch": "NODE_ICU_DATA=node_modules/full-icu TZ=UTC vitest", "test:update-screenshots": "./scripts/update-screenshots.sh", "clean:stories-cache": "rm -f sled/tests/__storybook_visual_*/stories.json 2>/dev/null || true", "test:visuals": "NODE_OPTIONS=--max_old_space_size=4096 npx build-storybook -c ./.storybook/visual-$WDS_THEME --output-dir storybook-visual-$WDS_THEME && yarn clean:stories-cache && WDS_THEME=$WDS_THEME sled-playwright test --config=playwright.visual.config.ts --alias=visual-$WDS_THEME --remote", "test:visuals:default-tokens": "WDS_THEME=default-tokens yarn test:visuals", "test:visuals:new-branding": "WDS_THEME=new-branding yarn test:visuals", "test:visuals:odeditor-tokens": "WDS_THEME=odeditor-tokens yarn test:visuals", "test:visuals:odeditor-dark-tokens": "WDS_THEME=odeditor-dark-tokens yarn test:visuals", "test:visuals:studio-tokens": "WDS_THEME=studio-tokens yarn test:visuals", "ts": "tsc --noEmit" }, "dependencies": { "@babel/runtime": "^7.29.2", "@floating-ui/core": "^1.7.5", "@floating-ui/react": "0.26.28", "@radix-ui/react-dialog": "^1.1.15", "@react-aria/focus": "^3.21.5", "@wix/awaiter-utils": "^1.0.141", "@wix/design-system-illustrations": "^2.1.0", "@wix/design-system-tokens": "^1.197.0", "@wix/design-systems-locale-utils": "1.192.0", "@wix/unidriver-core": "^1.5.5", "@wix/wix-ui-icons-common": "^3.165.0", "@wix/wix-ui-test-utils": "^1.3.4", "chart.js": "^2.9.4", "classnames": "^2.5.1", "color": "^2.0.1", "css-element-queries": "^1.2.3", "d3-array": "^2.12.1", "d3-axis": "^2.1.0", "d3-ease": "^2.0.0", "d3-format": "^2.0.0", "d3-scale": "^3.3.0", "d3-selection": "^2.0.0", "d3-shape": "^2.1.0", "d3-transition": "^2.0.0", "date-fns": "^2.30.0", "difference": "^1.0.2", "embla-carousel-autoplay": "^8.6.0", "embla-carousel-react": "^8.6.0", "fbjs": "^2.0.0", "framer-motion": "6.2.4", "globals": "^16.0.0", "gradient-parser": "^1.0.2", "hoist-non-react-methods": "^1.1.0", "howler": "^2.2.4", "immutable": "^3.8.2", "invariant": "^2.2.1", "lodash": "^4.18.1", "object-assign": "^4.1.1", "omit": "^1.0.1", "overlayscrollbars": "2.6.1", "popper.js": "^1.16.1", "rc-slider": "9.7.2", "react-chartjs-2": "^2.11.2", "react-day-picker": "^7.4.10", "react-dnd": "^11.1.3", "react-dnd-test-backend": "^11.1.3", "react-dnd-touch-backend": "^11.1.3", "react-dom-instance": "^2.0.0", "react-modal": "^3.16.3", "react-popper": "^1.3.11", "react-remove-scroll": "2.7.1", "react-scroll-sync": "0.11.0", "react-transition-group": "^4.4.5", "react-window": "^1.8.10", "shallowequal": "^1.1.0", "tslib": "^2.8.1" }, "devDependencies": { "@babel/cli": "^7.26.4", "@babel/core": "^7.26.0", "@babel/parser": "^7.26.3", "@babel/plugin-proposal-class-properties": "^7.18.6", "@babel/plugin-proposal-export-namespace-from": "^7.18.9", "@babel/plugin-transform-modules-commonjs": "^7.26.3", "@babel/plugin-transform-runtime": "^7.25.9", "@babel/preset-env": "^7.26.0", "@babel/preset-react": "^7.26.3", "@babel/register": "^7.25.9", "@babel/traverse": "^7.29.0", "@playwright/test": "1.58.2", "@storybook/addon-essentials": "^6.5.16", "@storybook/addon-google-analytics": "^6.2.9", "@storybook/addon-links": "^6.5.16", "@storybook/addons": "^6.5.16", "@storybook/builder-webpack5": "^6.5.16", "@storybook/core": "^6.5.16", "@storybook/manager-webpack5": "^6.5.16", "@stylable/cli": "^5.19.0", "@stylable/core": "^5.19.0", "@stylable/jest": "^5.19.0", "@stylable/module-utils": "^5.19.0", "@stylable/node": "^5.19.0", "@stylable/runtime": "^5.19.0", "@stylable/webpack-plugin": "^5.19.0", "@testing-library/react": "^16.3.2", "@testing-library/user-event": "^14.6.1", "@types/color": "^2.0.5", "@types/d3-axis": "^2.0.0", "@types/d3-format": "^2.0.0", "@types/d3-scale": "^3.0.0", "@types/d3-selection": "^2.0.0", "@types/enzyme": "^3.10.19", "@types/gradient-parser": "^0.1.5", "@types/howler": "^2.2.12", "@types/jsdom": "^28", "@types/lodash": "^4.17.24", "@types/node": "^22.19.17", "@types/react": "^18.3.16", "@types/react-dom": "^18.3.5", "@types/react-modal": "^3.16.3", "@types/react-transition-group": "^4.4.12", "@types/shallowequal": "^1.1.5", "@vitejs/plugin-react": "^4.3.4", "@wix/ambassador": "^4.0.611", "@wix/ambassador-testkit": "5.0.349", "@wix/ambassador-wix-atlas-service-web": "1.0.191", "@wix/babel-preset-yoshi": "^6.181.0", "@wix/ci-build-info": "^1.0.330", "@wix/janet-build": "^1.0.10", "@wix/janet-dev-server": "^1.16.22", "@wix/playwright-storybook-plugin": "^1.314.0", "@wix/react-autodocs-utils": "^3.13.0", "@wix/sled-playwright": "^1.266.0", "@wix/sled-test-runner": "^2.0.484", "@wix/wix-storybook-playground": "^1.0.10", "@wix/wix-storybook-utils": "^4.4.3", "@wix/yoshi-flow-library": "^6.181.0", "axe-core": "^4.11.2", "babel-plugin-dynamic-import-node": "^2.3.3", "browserify-fs": "^1.0.0", "codemirror": "^5.65.18", "copy": "^0.3.2", "copyfiles": "^2.4.1", "csso": "^5.0.5", "detect-port": "^1.6.1", "draft-convert": "^2.1.13", "draft-js": "patch:draft-js@npm:0.11.7#~/.yarn/patches/draft-js-npm-0.11.7-9f0b749c35.patch", "draft-js-export-html": "^1.4.1", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.8", "esbuild": "^0.25.0", "eslint": "^9.21.0", "eslint-plugin-jest": "^28.11.0", "eslint-plugin-jsdoc": "^50.6.3", "eslint-plugin-jsx-a11y": "^6.10.2", "eslint-plugin-prettier": "^5.5.5", "eslint-plugin-react": "^7.37.5", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-stylable": "^6.1.1", "execa": "^5.1.1", "full-icu": "^1.5.0", "fuse.js": "^6.6.2", "globby": "^11.1.0", "identity-obj-proxy": "^3.0.0", "jest-canvas-mock": "^2.5.2", "jscodeshift": "^0.16.1", "jsdom": "^29.0.2", "node-fetch": "^2.7.0", "path-browserify": "^1.0.1", "playwright": "1.58.2", "postcss": "^8.5.9", "prettier": "^3.8.1", "progress": "^2.0.3", "raw-loader": "^4.0.2", "react": "^18.3.1", "react-codemirror-runmode": "^1.0.5", "react-dom": "^18.3.1", "react-frame-component": "^5.2.7", "react-ga4": "^1.4.1", "react-hook-form": "^7.72.1", "react-imask": "^7.6.1", "react-markdown": "^8.0.7", "react-syntax-highlighter": "^15.6.1", "react-test-renderer": "^16.14.0", "regenerator-runtime": "^0.14.1", "rehype-raw": "^6.1.1", "remark-gfm": "^3.0.1", "rimraf": "^6.1.3", "storybook-addon-rtl-direction": "^0.0.19", "storybook-snapper": "^1.0.67", "stream-browserify": "^3.0.0", "stylelint": "^16.11.0", "stylelint-plugin-use-baseline": "^0.8.0", "ts-morph": "^27.0.2", "ts-node": "^10.9.2", "typescript": "^5.8.3", "typescript-eslint": "^8.58.0", "use-debounce": "^4.0.0", "use-mask-input": "^3.4.0", "vitest": "^4.1.3", "webpack": "^5.105.4", "wix-storybook-config": "^1.0.2", "wix-ui-framework": "^3.7.11", "wixds-storybook-utils": "^1.0.1" }, "peerDependencies": { "@playwright/test": "1.58.2", "@types/react": "^16.14.0 || ^17.0.0 || ^18.0.0", "@types/react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0", "@wix/ambassador": "^4.0.485", "@wix/ambassador-wix-atlas-service-web": "^1.0.150", "playwright": "1.58.2", "puppeteer": "^5.5.0 || ^14.0.0", "puppeteer-core": "^10.1.0 || ^14.0.0", "react": "^16.14.0 || ^17.0.0 || ^18.0.0", "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0" }, "wix": { "artifact": { "groupId": "com.wixpress", "artifactId": "wix-design-system", "targets": { "static": true }, "previewUrls": [ { "title": "Private Docs Preview", "url": "https://bo.wix.com/pages/wix-design-system-employees/" } ] }, "validations": { "source": [ "lint", "lint:style" ], "postBuild": [ "test:dependencies", "test:npm-package-size", "test:unit", "test:compliance", "test:types", "test:testkit-exports" ], "postPublish": [ { "scriptName": "test:e2e", "timeout": 25 }, { "scriptName": "test:visuals:default-tokens", "timeout": 25 }, { "scriptName": "test:visuals:studio-tokens", "timeout": 25 }, { "scriptName": "test:visuals:odeditor-tokens", "timeout": 25 }, { "scriptName": "test:visuals:new-branding", "timeout": 25 } ] }, "loki": { "enable": true } }, "main": "./dist/cjs/index.js", "module": "./dist/esm/index.js", "types": "dist/types/index.d.ts", "files": [ "dist", "styles.css", "styles.global.css", "styles-*.global.css", "tokens-*.global.css", "themes/*.global.css", "themes/*.scss", "AtlasAddressInput", "!dist/statics/janet/**" ], "perfer": { "bundleSize": { "files": [ { "glob": "./dist/statics/design-system.esm.min.js", "maxSize": "702kb" }, { "glob": "./dist/statics/design-system.cjs.min.js", "maxSize": "701kb" }, { "glob": "./dist/statics/design-system.umd.min.js", "maxSize": "849kb" }, { "glob": "./styles.global.css", "maxSize": "101kb" }, { "glob": "./styles.css", "maxSize": "101kb" }, { "glob": "./styles-default.global.css", "maxSize": "115kb" }, { "glob": "./styles-studio.global.css", "maxSize": "116kb" }, { "glob": "./styles-wixel.global.css", "maxSize": "116kb" }, { "glob": "./styles-odeditor-dark.global.css", "maxSize": "116kb" }, { "glob": "./themes/default.global.css", "maxSize": "160kb" }, { "glob": "./themes/studio.global.css", "maxSize": "160kb" }, { "glob": "./themes/wixel.global.css", "maxSize": "160kb" }, { "glob": "./themes/odeditor.global.css", "maxSize": "160kb" }, { "glob": "./themes/odeditor-dark.global.css", "maxSize": "160kb" }, { "glob": "./__tests__/bundle-size/**/*.js", "maxDegradation": "20%" } ] } }, "sideEffects": [ "*.st.css.js", "./*.css" ], "publishConfig": { "registry": "https://registry.npmjs.org/", "access": "public" }, "license": "MIT", "homepage": "https://www.wixdesignsystem.com", "description": "@wix/design-system", "unpkg": true, "peerDependenciesMeta": { "@playwright/test": { "optional": true }, "@types/react": { "optional": true }, "@types/react-dom": { "optional": true }, "@wix/ambassador": { "optional": true }, "@wix/ambassador-wix-atlas-service-web": { "optional": true }, "playwright": { "optional": true }, "puppeteer": { "optional": true }, "puppeteer-core": { "optional": true } }, "falconPackageHash": "ca52eb2f8872208daaa7631ed12947fcf70ae8d5721786c1f0f36882" }