Viktor Rusakov
Viktor Rusakov
Before implementing style dictionaries we need to understand what type of design tokens Paragon will have **AC** - understand what kind of tokens are generally used by the community and...
**Can be done only after #1542** After successfully categorizing SCSS variables into design tokens we are ready to build initial configuration of style dictionary. **AC** - create all necessary JSON...
Implement solution found in #1544 **AC** - refactor component styles to use new standard CSS/SCSS variables with minimal breaking changes - implement any changes necessary in [brand-edx.org](https://github.com/edx/brand-edx.org) and [brand-openedx](https://github.com/openedx/brand-openedx) branding...
Using CSS variables might enable runtime theming instead of buildtime which is currently the case. After implementing style dictionary in #1543 we will be able to generate CSS variables from...
**AC** - Write and update documentation about design tokens, style-dictionary, and theming for both engineers and designers in the [Open edX Confluence space](https://openedx.atlassian.net/wiki/spaces/BPL/overview) and [documentation website](https://paragon-openedx.netlify.app/), [Paragon's README](https://github.com/openedx/paragon/blob/master/README.md)
If we start using CSS variables we will no longer need to support SCSS ones, therefore they should eventually get deprecated **AC** - Create a plan for deprecation of SCSS...
Having design tokens stored in JSON files it would be great to be able to customize them through some UI on the documentation site, instead of opening a PR to...
Currently Algolia crawls every page on documentation website, which is not necessary, e.g. `insights` and `status` pages shouldn't be relevant to search **AC** - configure Algolia to index only relevant...
On Usage Insights page `Hooks` tab says there are no hooks usages yet  But we can actually see the hooks usages in `Utils` tab  **AC** - make sure...
## Description Add ability to select `Cards` in `DataTable` in `CardView` ### Deploy Preview https://deploy-preview-1698--paragon-openedx.netlify.app/components/datatable/#view-switching ## Merge Checklist * [x] If your update includes visual changes, have they been reviewed...