[BD-46] alpha release of design tokens #1770

viktorrusakov · 2022-11-18T14:50:42Z

Description

Include a description of your changes here, along with a link to any relevant Jira tickets and/or Github issues.

Deploy Preview

Include a direct link to your changes in this PR's deploy preview here (e.g., a specific component page).

Merge Checklist

If your update includes visual changes, have they been reviewed by a designer? Send them a link to the Netlify deploy preview, if applicable.
Does your change adhere to the documented style conventions?
Do any prop types have missing descriptions in the Props API tables in the documentation site (check deploy preview)?
Were your changes tested using all available themes (see theme switcher in the header of the deploy preview, under the "Settings" icon)?
Were your changes tested in the example app?
Is there adequate test coverage for your changes?
Consider whether this change needs to reviewed/QA'ed for accessibility (a11y). If so, please add wittjeff and adamstankiewicz as reviewers on this PR.

Post-merge Checklist

Verify your changes were released to NPM at the expected version.
If you'd like, share your contribution in #show-and-tell.
🎉 🙌 Celebrate! Thanks for your contribution.

feat: implementing initial Style dictionary configuration Co-authored-by: Adam Stankiewicz <[email protected]>

* feat: add css variables and map scss to css * refactor: update token structure and fix lint errors Co-authored-by: vzadorozhnii <[email protected]> Co-authored-by: Viktor Rusakov <[email protected]>

feat: implement component tokens

* fix: replace variables script update to include all usage cases Co-authored-by: vzadorozhnii <[email protected]>

* feat: replace SCSS variables to CSS Co-authored-by: vzadorozhnii <[email protected]>

Co-authored-by: vzadorozhnii <[email protected]>

… ones

#1736) chore: improve code style and update tokens map Co-authored-by: Viktor Rusakov <[email protected]>

feat: update design tokens

openedx-webhooks · 2022-11-18T14:50:47Z

Thanks for the pull request, @viktorrusakov!

When this pull request is ready, tag your edX technical lead.

netlify · 2022-11-18T14:50:48Z

✅ Deploy Preview for paragon-openedx ready!

Name	Link
🔨 Latest commit	`7d6e9ab`
🔍 Latest deploy log	https://app.netlify.com/sites/paragon-openedx/deploys/63779f64c8c91b00087278f7
😎 Deploy Preview	https://deploy-preview-1770--paragon-openedx.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

codecov · 2022-11-18T15:03:31Z

Codecov Report

Base: 90.53% // Head: 90.53% // No change to project coverage 👍

Coverage data is based on head (7d6e9ab) compared to base (8286706).
Patch has no changes to coverable lines.

Additional details and impacted files

@@           Coverage Diff           @@
##            alpha    #1770   +/-   ##
=======================================
  Coverage   90.53%   90.53%           
=======================================
  Files         212      212           
  Lines        3718     3718           
  Branches      874      874           
=======================================
  Hits         3366     3366           
  Misses        337      337           
  Partials       15       15

Impacted Files	Coverage Δ
src/DataTable/CollapsibleButtonGroup.jsx	`100.00% <ø> (ø)`

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

openedx-webhooks · 2022-11-18T15:21:09Z

@viktorrusakov 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.

edx-semantic-release · 2022-11-18T15:37:46Z

🎉 This PR is included in version 20.19.0-alpha.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

* build: switch base to trying a rebase (#2047) * build: pull from alpha before rebase master (#2049) * build: git checkout instead of git switch (#2051) * build: set base branch to alpha (#2053) * feat: alpha release of design tokens (#1770) * build: add alpha/beta to release CI workflow * feat: design tokens with style-dictionary BREAKING CHANGE: Introduces design tokens. * [BD-46] resolve bootstrap conflicts with design tokens (#1800) * feat: resolve some Bootstrap conflicts with design tokens Co-authored-by: Peter Kulko <[email protected]> * feat: add ability to generate CSS utility classes through design tokens * docs: added background-color for color HEX values on CSS utility classes page * fix: add missed border utilities * docs: add ability to view CSS variables on CSS Utility Classes page * chore: remove unused import * feat: remove deprecated components BREAKING CHANGE: all of the deprecated components were removed from Paragon, these include `CheckBoxGroup`, `Checkbox`, `Fieldset`, `Input`, `InputSelect`, `InputText`, `ListBox`, `Modal`, `RadioButtonGroup`, `StatusAlert`, `Table`, `TextArea`, `ValidationFormGroup`, `Button.Deprecated`, `Tabs.Deprecated`, `Dropdown.Deprecated`. * chore: update tokens for Modal components * docs: display computed CSS variables on components' pages * refactor: update design tokens structure * feat: add CLI interface for design tokens (#1846) * fix: install dependencies in tokens module after installing Paragon * fix: remove package.json files from tokens module * refactor: update design tokens structure * refactor: replace old tables with `DataTable` on documentation site (#1859) * [BD-46] refactor: improve design tokens architecture (#1874) * refactor: update design tokens naming and add missing ones * feat: expose replace vars script to CLI Co-authored-by: Viktor Rusakov <[email protected]> * build: add workflow_dispatch to alpha branch to trigger release * fix: trigger release * fix: added custom title for CSS output files (#1985) * feat: deleted value in reference design tokens (#1989) * fix: ensure design tokens have a valid type attribute (#1992) Adds `type` attribute to all design tokens per W3C design tokens spec. * fix: add missing tokens for Button component (#1924) * feat: add new tokens and cleanup after rebase * feat: alpha release of design tokens (#1770) * feat: design tokens with style-dictionary BREAKING CHANGE: Introduces design tokens. * [BD-46] resolve bootstrap conflicts with design tokens (#1800) * feat: resolve some Bootstrap conflicts with design tokens Co-authored-by: Peter Kulko <[email protected]> * feat: add ability to generate CSS utility classes through design tokens * docs: added background-color for color HEX values on CSS utility classes page * fix: add missed border utilities * docs: add ability to view CSS variables on CSS Utility Classes page * chore: remove unused import * feat: remove deprecated components BREAKING CHANGE: all of the deprecated components were removed from Paragon, these include `CheckBoxGroup`, `Checkbox`, `Fieldset`, `Input`, `InputSelect`, `InputText`, `ListBox`, `Modal`, `RadioButtonGroup`, `StatusAlert`, `Table`, `TextArea`, `ValidationFormGroup`, `Button.Deprecated`, `Tabs.Deprecated`, `Dropdown.Deprecated`. * chore: update tokens for Modal components * refactor: update design tokens structure * feat: add CLI interface for design tokens (#1846) * fix: install dependencies in tokens module after installing Paragon * fix: remove package.json files from tokens module * refactor: update design tokens structure * [BD-46] refactor: improve design tokens architecture (#1874) * refactor: update design tokens naming and add missing ones * feat: expose replace vars script to CLI Co-authored-by: Viktor Rusakov <[email protected]> * fix: trigger release * feat: deleted value in reference design tokens (#1989) * fix: ensure design tokens have a valid type attribute (#1992) Adds `type` attribute to all design tokens per W3C design tokens spec. * fix: add missing tokens for Button component (#1924) * Revert "chore(release): sync from master to alpha (#2040)" This reverts commit 14ba07c. * feat: add new tokens and cleanup after rebase --------- Co-authored-by: Adam Stankiewicz <[email protected]> Co-authored-by: Viktor Rusakov <[email protected]> Co-authored-by: Peter Kulko <[email protected]> Co-authored-by: Viktor Rusakov <[email protected]>

PKulkoRaccoonGang and others added 17 commits November 1, 2022 08:51

[BD-46] feat: Style dictionary setting (#1571)

f498215

feat: implementing initial Style dictionary configuration Co-authored-by: Adam Stankiewicz <[email protected]>

[BD-46] feat: map and replace scss vars (#1596)

043f266

* feat: add css variables and map scss to css * refactor: update token structure and fix lint errors Co-authored-by: vzadorozhnii <[email protected]> Co-authored-by: Viktor Rusakov <[email protected]>

refactor: move tokens code to a separate package (#1608)

252bca8

[BD-46] implement and use CSS variables in components (#1614)

9fe31ca

feat: implement component tokens

[BD-46] fix: replace variables (#1619)

4565da0

* fix: replace variables script update to include all usage cases Co-authored-by: vzadorozhnii <[email protected]>

[BD-46] DRAFT: replace of variables SCSS to CSS (#1633)

d38e1e9

* feat: replace SCSS variables to CSS Co-authored-by: vzadorozhnii <[email protected]>

feat: add initial documentation (#1623)

7c9ad6e

Co-authored-by: vzadorozhnii <[email protected]>

chore: remove variables related to www project from design tokens

23573ea

refactor: update json schema of design tokens

7cc79e4

refactor: update css variables usage

04d6114

chore: undo scss replacement

b5ba413

feat: add new script to replace definitions of SCSS variable with CSS…

6ad31ad

… ones

feat: introduce initial alias tokens

e917046

fix: use css variables for zindex property

045290b

[BD-46] refactor: refactoring tokens of the Paragon documentation site (

637c457

#1736) chore: improve code style and update tokens map Co-authored-by: Viktor Rusakov <[email protected]>

feat: add sass functions design tokens transform

95c6a1b

[BD-46] feat: update design tokens (#1748)

340a6ba

feat: update design tokens

openedx-webhooks added the blended PR is managed through 2U's blended developmnt program label Nov 18, 2022

viktorrusakov and others added 2 commits November 18, 2022 16:52

Merge branch 'alpha' into feat/design-tokens

5cb2c8d

chore: add alpha/beta to releaserc

eca58eb

chore: add prerelease to beta/alpha

7d6e9ab

adamstankiewicz approved these changes Nov 18, 2022

View reviewed changes

adamstankiewicz merged commit c0f1f4b into alpha Nov 18, 2022

adamstankiewicz deleted the feat/design-tokens branch November 18, 2022 15:21

edx-semantic-release added the released on @alpha label Nov 18, 2022

PKulkoRaccoonGang pushed a commit to raccoongang/paragon that referenced this pull request Jan 27, 2023

feat: alpha release of design tokens (openedx#1770)

a4a33f0

viktorrusakov added a commit to viktorrusakov/paragon that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (openedx#1770)

d471390

adamstankiewicz pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

ca9db6f

adamstankiewicz pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

aff41b3

adamstankiewicz pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

d47f2e2

adamstankiewicz pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

2786760

edx-requirements-bot pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

a3ee45b

edx-requirements-bot pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

5823fe4

edx-requirements-bot pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

c6d4a18

edx-requirements-bot pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

557840e

edx-requirements-bot pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

1cfa943

edx-requirements-bot pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

3635421

edx-requirements-bot pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

1754875

edx-requirements-bot pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

bf01f5e

adamstankiewicz pushed a commit that referenced this pull request Feb 17, 2023

feat: alpha release of design tokens (#1770)

a43168c

adamstankiewicz pushed a commit that referenced this pull request Feb 20, 2023

feat: alpha release of design tokens (#1770)

e6f2952

monteri pushed a commit to raccoongang/paragon that referenced this pull request Aug 17, 2023

feat: alpha release of design tokens (openedx#1770)

ec0d982

PKulkoRaccoonGang pushed a commit to raccoongang/paragon that referenced this pull request Aug 18, 2023

feat: alpha release of design tokens (openedx#1770)

dbbad0a

PKulkoRaccoonGang pushed a commit that referenced this pull request Aug 4, 2024

feat: alpha release of design tokens (#1770)

8a46929

PKulkoRaccoonGang pushed a commit that referenced this pull request Aug 5, 2024

feat: alpha release of design tokens (#1770)

bb36873

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[BD-46] alpha release of design tokens #1770

[BD-46] alpha release of design tokens #1770

viktorrusakov commented Nov 18, 2022

openedx-webhooks commented Nov 18, 2022

netlify bot commented Nov 18, 2022 •

edited

Loading

codecov bot commented Nov 18, 2022 •

edited

Loading

openedx-webhooks commented Nov 18, 2022

edx-semantic-release commented Nov 18, 2022

[BD-46] alpha release of design tokens #1770

[BD-46] alpha release of design tokens #1770

Conversation

viktorrusakov commented Nov 18, 2022

Description

Deploy Preview

Merge Checklist

Post-merge Checklist

openedx-webhooks commented Nov 18, 2022

netlify bot commented Nov 18, 2022 • edited Loading

✅ Deploy Preview for paragon-openedx ready!

codecov bot commented Nov 18, 2022 • edited Loading

Codecov Report

openedx-webhooks commented Nov 18, 2022

edx-semantic-release commented Nov 18, 2022

netlify bot commented Nov 18, 2022 •

edited

Loading

codecov bot commented Nov 18, 2022 •

edited

Loading