1.171.0 • Published 1 year ago

@wix/design-system v1.171.0

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

npm.io

📦 Install

npm install @wix/design-system
yarn add @wix/design-system

Browsers support

  • Google Chrome (version 92 and above)
  • Safari for Mac (version 14 and above)
  • Microsoft Edge (version 100 and above)
  • Firefox (version 91 and above)

Setting up your app

All @wix/design-system applications start with a WixDesignSystemProvider. The Provider injects MadeFor font and enables font smoothing.

import { WixDesignSystemProvider, Button } from '@wix/design-system';

const App = () => (
  <WixDesignSystemProvider features={{ newColorsBranding: true }}>
    <Button>Hello World!</Button>
  </WixDesignSystemProvider>
);

💫 Testkits

All our components are provided with testkits that help our users test them.

A component testkit provides an interface to the component, enabling automated tests to access component functions without needing to know precise details of the technology being used.

//  Here is an example

// 1. import
import { InputTestkit } from '@wix/design-system/dist/testkit';

// 2. initialize
const inputDriver = InputTestkit({
  wrapper: document.body,
  dataHook: 'name-input',
});

// 3. interact
it('test', async () => {
  await inputDriver.enterText('hello world');
  expect(await inputDriver.getText()).toBe('hello world');
});

All methods are documented in our storybook components stories and some can be viewed through typescript interface.

Our testkits currently support four major testing frameworks: @testing-library/react, puppeteer and vanilla. (https://github.com/wix-private/wix-design-systems/blob/master/packages/wix-design-system/docs/usage/testing.md)

🤝 Contributing PRs Welcome

We welcome contributions to Wix De!

Read our contributing guide and help us build or improve our components.

🙋 Support

Support Channel: #wix-design-system

Check out our support guide

📝 License

This project is offered under MIT License.

@babel/runtime@floating-ui/react@react-aria/focus@wix/design-system-tokens@wix/wix-ui-icons-common@wix/wix-ui-test-utilschart.jsclassnamescolorcss-element-queriesd3-arrayd3-axisd3-eased3-formatd3-scaled3-selectiond3-shaped3-transitiondate-fnsdifferencedraft-convertdraft-jsdraft-js-export-htmlframer-motiongradient-parserhoist-non-react-methodshowlerlodashomitoverlayscrollbarspopper.jsprop-typesrc-sliderreact-chartjs-2react-day-pickerreact-dndreact-dnd-test-backendreact-dnd-touch-backendreact-dom-instancereact-modalreact-popperreact-scroll-syncreact-slickreact-transition-groupreact-windowshallowequaltslibwix-design-systems-locale-utils
@infinitebrahmanuniverse/nolb-_wix@everything-registry/sub-chunk-1018wix-rich-content-plugin-collapsible-listwix-rich-content-plugin-gallerywix-rich-content-plugin-aiwix-rich-content-plugin-audiowix-rich-content-plugin-buttonwix-tiptap-editorwix-rich-content-ui-componentswix-rich-content-plugin-social-pollswix-rich-content-plugin-htmlwix-rich-content-plugin-imagewix-rich-content-plugin-line-spacingwix-rich-content-plugin-link-previewwix-rich-content-plugin-vertical-embedwix-rich-content-plugin-videowix-rich-content-toolbars-modalswix-rich-content-plugin-text-color@wix/entity-advanced-permissions@wix/ricosmini-react-playgroundscribepay-sdk-wixplatform-calendar-seatmapricos-editor
1.170.0

1 year ago

1.171.0

1 year ago

1.169.0

1 year ago

1.166.0

1 year ago

1.168.0

1 year ago

1.167.0

1 year ago

1.164.0

1 year ago

1.165.0

1 year ago

1.163.0

1 year ago

1.162.0

1 year ago

1.161.0

1 year ago

1.155.0

1 year ago

1.160.1

1 year ago

1.160.0

1 year ago

1.157.0

1 year ago

1.156.0

1 year ago

1.159.0

1 year ago

1.158.0

1 year ago

1.153.0

1 year ago

1.154.0

1 year ago

1.152.0

1 year ago

1.151.0

1 year ago

1.150.0

1 year ago

1.149.2

1 year ago

1.149.1

1 year ago

1.149.0

1 year ago

1.148.0

1 year ago

1.147.0

1 year ago

1.146.0

1 year ago

1.146.1

1 year ago

1.146.2

1 year ago

1.145.0

1 year ago

1.144.0

1 year ago

1.143.0

1 year ago

1.143.1

1 year ago

1.141.1

1 year ago

1.141.0

1 year ago

1.142.0

1 year ago

1.140.0

1 year ago

1.139.2

1 year ago

1.139.1

1 year ago

1.139.0

1 year ago

1.138.1

1 year ago

1.138.0

1 year ago

1.137.0

1 year ago

1.136.0

1 year ago

1.135.0

1 year ago

1.134.0

1 year ago

1.134.1

1 year ago

1.133.0

1 year ago

1.130.0

2 years ago

1.132.0

1 year ago

1.131.0

1 year ago

1.129.0

2 years ago

1.129.1

2 years ago

1.126.0

2 years ago

1.125.0

2 years ago

1.128.0

2 years ago

1.127.1

2 years ago

1.127.0

2 years ago

1.124.0

2 years ago

1.123.0

2 years ago

1.123.1

2 years ago

1.122.0

2 years ago

1.121.0

2 years ago

1.120.1

2 years ago

1.119.0

2 years ago

1.120.0

2 years ago

1.118.0

2 years ago

1.117.0

2 years ago

1.116.0

2 years ago

1.111.0

2 years ago

1.115.0

2 years ago

1.110.0

2 years ago

1.114.0

2 years ago

1.113.0

2 years ago

1.109.2

2 years ago

1.112.0

2 years ago

1.109.1

2 years ago

1.109.0

2 years ago

1.108.0

2 years ago

1.107.0

2 years ago

1.106.0

2 years ago

1.105.3

2 years ago

1.105.1

2 years ago

1.105.2

2 years ago

1.105.0

2 years ago

1.104.2

2 years ago

1.104.1

2 years ago

1.104.0

2 years ago

1.103.4

2 years ago

1.103.3

2 years ago

1.103.1

2 years ago

1.103.2

2 years ago

1.102.0

2 years ago

1.101.0

2 years ago

1.100.2

2 years ago

1.100.0

2 years ago

1.100.1

2 years ago

1.99.1

2 years ago

1.99.0

2 years ago

1.98.3

2 years ago

1.98.1

2 years ago

1.98.2

2 years ago

1.98.0

2 years ago

1.97.2

2 years ago

1.97.1

2 years ago

1.97.0

2 years ago

1.96.1

2 years ago

1.96.0

2 years ago

1.95.2

2 years ago

1.95.1

2 years ago

1.95.0

2 years ago

1.94.0

2 years ago

1.93.1

2 years ago

1.93.0

2 years ago

1.92.1

2 years ago

1.92.0

2 years ago

1.91.0

2 years ago

1.90.1

2 years ago

1.90.0

2 years ago

1.89.0

2 years ago

1.88.0

2 years ago

1.87.0

2 years ago

1.86.0

2 years ago

1.85.0

2 years ago

1.84.0

2 years ago

1.83.0

2 years ago

1.82.1

2 years ago

1.82.0

2 years ago

1.81.0

2 years ago

1.80.0

2 years ago

1.79.1

2 years ago

1.79.0

2 years ago

1.78.0

2 years ago

1.77.0

2 years ago

1.56.0

3 years ago

1.40.0

3 years ago

1.63.0

3 years ago

1.44.0

3 years ago

1.67.0

2 years ago

1.48.0

3 years ago

1.48.1

3 years ago

1.70.0

2 years ago

1.51.0

3 years ago

1.74.0

2 years ago

1.74.1

2 years ago

1.74.2

2 years ago

1.55.0

3 years ago

1.74.3

2 years ago

1.57.0

3 years ago

1.60.0

3 years ago

1.64.0

3 years ago

1.41.0

3 years ago

1.64.1

3 years ago

1.68.0

2 years ago

1.45.0

3 years ago

1.68.1

2 years ago

1.68.2

2 years ago

1.49.0

3 years ago

1.71.0

2 years ago

1.75.0

2 years ago

1.52.0

3 years ago

1.58.1

3 years ago

1.58.0

3 years ago

1.58.3

3 years ago

1.58.2

3 years ago

1.61.0

3 years ago

1.42.0

3 years ago

1.65.0

3 years ago

1.65.1

3 years ago

1.42.1

3 years ago

1.46.0

3 years ago

1.69.0

2 years ago

1.46.1

3 years ago

1.72.0

2 years ago

1.53.0

3 years ago

1.76.0

2 years ago

1.76.1

2 years ago

1.74.4

2 years ago

1.55.1

3 years ago

1.59.0

3 years ago

1.62.0

3 years ago

1.66.0

3 years ago

1.43.0

3 years ago

1.66.1

2 years ago

1.66.2

2 years ago

1.66.3

2 years ago

1.47.1

3 years ago

1.47.0

3 years ago

1.73.0

2 years ago

1.50.0

3 years ago

1.73.1

2 years ago

1.54.0

3 years ago

1.37.0

3 years ago

1.33.1

3 years ago

1.35.0

3 years ago

1.39.0

3 years ago

1.32.0

3 years ago

1.36.0

3 years ago

1.34.2

3 years ago

1.36.1

3 years ago

1.34.0

3 years ago

1.34.1

3 years ago

1.38.0

3 years ago

1.33.0

3 years ago

1.15.0

3 years ago

1.14.0

3 years ago

1.13.0

3 years ago

1.12.0

3 years ago

1.11.1

3 years ago

1.19.0

3 years ago

1.18.0

3 years ago

1.17.0

3 years ago

1.16.0

3 years ago

1.21.0

3 years ago

1.22.0

3 years ago

1.20.0

3 years ago

1.25.0

3 years ago

1.26.0

3 years ago

1.23.0

3 years ago

1.24.0

3 years ago

1.23.1

3 years ago

1.29.0

3 years ago

1.28.0

3 years ago

1.30.0

3 years ago

1.31.0

3 years ago

1.11.0

3 years ago

1.10.1

3 years ago

1.10.0

3 years ago

1.9.0

3 years ago

1.8.0

3 years ago

1.7.1

3 years ago

1.7.0

3 years ago

1.6.0

3 years ago

1.5.0

3 years ago

1.4.0

3 years ago

1.3.0

3 years ago

1.2.0

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago