UNPKG

@workday/canvas-kit-docs

Version:

Documentation components of Canvas Kit components

45 lines (32 loc) 2.33 kB
### Main Our Main package of Canvas Kit components and utilities at `@workday/canvas-kit-react` has undergone a full design and a11y review and is approved for use in product. Breaking changes to code in Main will only occur during major version updates and will always be communicated in advance and accompanied by migration strategies. --- ### Preview Our Preview package of Canvas Kit components and utilities at `@workday/canvas-kit-preview-react` has undergone a full design and a11y review and is approved for use in product, but may not be up to the high code standards upheld in the [Main](#main) package. Preview is analagous to code in beta. Breaking changes are unlikely, but possible, and can be deployed to Preview at any time without triggering a major version update, though such changes will be communicated in advance and accompanied by migration strategies. Generally speaking, our goal is to eventually promote code from Preview to [Main](#main). Occasionally, a component with the same name will exist in both [Main](#main) and Preview (for example, see Segmented Control in [Preview](/components/buttons/segmented-control/) and [Main](https://workday.github.io/canvas-kit//?path=/docs/components-buttons-segmented-control--docs)). In these cases, Preview serves as a staging ground for an improved version of the component with a different API. The component in [Main](#main) will eventually be replaced with the one in Preview. --- ### Labs Our Labs package of Canvas Kit components and utilities at `@workday/canvas-kit-labs-react` has **not** undergone a full design and a11y review. Labs serves as an incubator space for new and experimental code and is analagous to code in alpha. Breaking changes can be deployed to Labs at any time without triggering a major version update and may not be subject to the same rigor in communcation and migration strategies reserved for breaking changes in [Preview](#preview) and [Main](#main). `import { opacity } from "@workday/canvas-tokens-web/dist/es6/system"` ### Styling This package contains everything needed to create CSS styling. This styling package contains a runtime for development and a static parsing process for build time. For more information, visit https://workday.github.io/canvas-kit/?path=/docs/styling-guides-why-canvas-styling--docs