Skip to content

feat: add core tokens#1429

Merged
GarthDB merged 48 commits into
mainfrom
lazd/CSS-75-core-tokens-pre
Jun 16, 2022
Merged

feat: add core tokens#1429
GarthDB merged 48 commits into
mainfrom
lazd/CSS-75-core-tokens-pre

Conversation

@lazd
Copy link
Copy Markdown
Member

@lazd lazd commented Apr 25, 2022

Description

This PR adds core tokens and a new package, components/coretokens that builds the CSS custom properties.

This is a BREAKING CHANGE since the lightest theme is removed. Just kidding, we added it back.

It's IS a BREAKING CHANGE only for components that have been migrated to core tokens because .spectrum--express is now required for the Express theme.

To-do list

  • Get core tokens building
  • Get core tokens included in docs site
  • Support core tokens overrides and additions using custom.css
  • Un-deprecate Lightest removal (just duplicate light theme)
  • Add docs for switching to Express
  • Validate approach with team
    • repository location
    • system-level overrides overrides using custom.css
    • approach of applying tokens using classnames
    • component-level system-specific overrides overrides using classnames within component folders
  • Validate implementation with SWC
    - [ ] Explore slimmer build system

Next steps

  1. Merge feat: implement ActionButton core tokens feat: implement ActionButton core tokens #1430 into lazd/CSS-75-core-tokens-pre
  2. Release a beta of @spectrum-css/tokens and @spectrum-css/actionbutton from the lazd/CSS-75-core-tokens-pre branch
  3. Socialize the beta with SWC, get approval
  4. Merge lazd/CSS-75-core-tokens-pre into main and graduate ActionButton out of beta (breaking change: requires spectrum-ActionButton--icon and needs spectrum--express for Express mode)

lazd added 2 commits May 17, 2022 08:59
BREAKING CHANGE: .spectrum-ActionButton-icon is now required on icons

BREAKING CHANGE: .spectrum--express must be added to support Express ActionButton
@lazd lazd force-pushed the lazd/CSS-75-core-tokens-pre branch from 0ce1cb5 to 774d09e Compare May 17, 2022 16:12
Comment thread components/actionbutton/index.css Outdated
@pfulton pfulton force-pushed the lazd/CSS-75-core-tokens-pre branch 3 times, most recently from 635e51f to 716492f Compare June 10, 2022 18:43
lazd and others added 5 commits June 14, 2022 15:30
@pfulton pfulton force-pushed the lazd/CSS-75-core-tokens-pre branch from 716492f to 640361d Compare June 14, 2022 19:30
@netlify
Copy link
Copy Markdown

netlify Bot commented Jun 14, 2022

Deploy Preview for spectrum-css ready!

Name Link
🔨 Latest commit fc3af46
🔍 Latest deploy log https://app.netlify.com/sites/spectrum-css/deploys/62ab9eeac599050009e531dc
😎 Deploy Preview https://deploy-preview-1429--spectrum-css.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@pfulton pfulton force-pushed the lazd/CSS-75-core-tokens-pre branch from 7b844bf to b7a993b Compare June 15, 2022 20:31
@GarthDB GarthDB merged commit f9dc584 into main Jun 16, 2022
@GarthDB GarthDB deleted the lazd/CSS-75-core-tokens-pre branch June 16, 2022 21:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants