feat: add semantic layer token machinery #3349
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Added device token mappings, intended to be used in output files.
🦋 Changeset detectedLatest commit: 11dac21 The changes in this PR will be included in the next version bump. This PR includes changesets to release 16 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
This was
linked to
issues
Jul 24, 2024
This reverts commit e84b51e.
oliverschuerch
requested changes
Jul 25, 2024
alizedebray
approved these changes
Aug 9, 2024
packages/styles/gulpfile.js
Outdated
| @@ -20,6 +20,10 @@ gulp.task('copy', () => { | |||
| .pipe(gulp.dest(options.outputDir)); | |||
| }); | |||
|
|
|||
| gulp.task('temprarily-copy-token-files', () => { | |||
There was a problem hiding this comment.
Can you add a comment so that we know why this task is there and when we can remove it?
| @use './../mixins/media'; | ||
|
|
||
| :root { | ||
| @include media.max(600px) { |
There was a problem hiding this comment.
Shouldn't the breakpoints be tokenized too?
There was a problem hiding this comment.
Yes, we were talking about this. We'll update this once they are (also, there might be two more).
oliverschuerch
approved these changes
Aug 12, 2024
Co-authored-by: Alizé Debray <[email protected]>
Co-authored-by: Alizé Debray <[email protected]>
Co-authored-by: Alizé Debray <[email protected]>
Co-authored-by: Alizé Debray <[email protected]>
Co-authored-by: Alizé Debray <[email protected]>
Co-authored-by: Alizé Debray <[email protected]>
Co-authored-by: Alizé Debray <[email protected]>
Co-authored-by: Alizé Debray <[email protected]>
Co-authored-by: Alizé Debray <[email protected]>
…s://github.com/swisspost/design-system into 3310-tokens-set-up-semantic-layer-for-channels
|
gfellerph
pushed a commit
that referenced
this pull request
Aug 22, 2024
This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @swisspost/[email protected] ### Minor Changes - Added the post-logo component, which enables displaying the Post's logo either as a clickable link or as a simple image. (by [@alizedebray](https://github.com/alizedebray) with [#3354](#3354)) ### Patch Changes - Fixed the `post-card-control` component to use the correct color scheme when placed on nested colored backgrounds. (by [@alizedebray](https://github.com/alizedebray) with [#3358](#3358)) - Updated dependencies: - @swisspost/[email protected] ## @swisspost/[email protected] ### Minor Changes - Added the post-logo component, which enables displaying the Post's logo either as a clickable link or as a simple image. (by [@alizedebray](https://github.com/alizedebray) with [#3354](#3354)) ### Patch Changes - Updated dependencies: - @swisspost/[email protected] ## @swisspost/[email protected] ### Minor Changes - Added icon number 2612. (by [@swisspost-bot](https://github.com/swisspost-bot) with [#3373](#3373)) ## @swisspost/[email protected] ### Minor Changes - Added four new entry files that enable working with Design Tokens: - post-external.(s)css: For portal and other external pages - post-internal.(s)css: For applications and other internal pages - post-tokens-external.(s)css: External tokens only - post-tokens-internal.(s)css: Internal tokens only (by [@gfellerph](https://github.com/gfellerph) with [#3349](#3349)) ### Patch Changes - Realigned the checkbox and the radio button with the label. (by [@davidritter-dotcom](https://github.com/davidritter-dotcom) with [#3366](#3366)) - Set the `max-width` constraint of the tag component to 100% for improved accessibility. Try to keep tag text as short as possible though. (by [@gfellerph](https://github.com/gfellerph) with [#3388](#3388)) ## @swisspost/[email protected] ### Patch Changes - Updated dependencies: - @swisspost/[email protected] ## @swisspost/[email protected] ### Patch Changes - Updated dependencies: - @swisspost/[email protected] ## @swisspost/[email protected] ### Patch Changes - Updated dependencies: - @swisspost/[email protected] ## @swisspost/[email protected] ## @swisspost/[email protected] ### Minor Changes - Added the post-logo component, which enables displaying the Post's logo either as a clickable link or as a simple image. (by [@alizedebray](https://github.com/alizedebray) with [#3354](#3354)) ### Patch Changes - Updated dependencies: - @swisspost/[email protected] ## @swisspost/[email protected] ### Minor Changes - Added the post-logo component, which enables displaying the Post's logo either as a clickable link or as a simple image. (by [@alizedebray](https://github.com/alizedebray) with [#3354](#3354)) ### Patch Changes - Fixed the font in the full page previews. (by [@alizedebray](https://github.com/alizedebray) with [#3378](#3378)) - Marked the card button and the carousel as deprecated (will be removed in a future version). (by [@schaertim](https://github.com/schaertim) with [#3380](#3380)) - Updated dependencies: - @swisspost/[email protected] - @swisspost/[email protected] - @swisspost/[email protected] - @swisspost/[email protected] - @swisspost/[email protected] ## @swisspost/[email protected] ### Patch Changes - Updated dependencies: - @swisspost/[email protected] - @swisspost/[email protected] ## @swisspost/[email protected] ### Patch Changes - Updated dependencies: - @swisspost/[email protected] - @swisspost/[email protected] - @swisspost/[email protected] ## @swisspost/[email protected] ### Patch Changes - Updated dependencies: - @swisspost/[email protected] ## @swisspost/[email protected] ### Patch Changes - Updated dependencies: - @swisspost/[email protected] ## @swisspost/[email protected] ### Patch Changes - Updated dependencies: - @swisspost/[email protected] - @swisspost/[email protected] - @swisspost/[email protected] ## @swisspost/[email protected] ### Patch Changes - Updated dependencies: - @swisspost/[email protected] --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR introduces the core and semantic layer tokens into the styles package. With this, a couple of new entry files become available as well as mixins to generate token maps.
New entry files:
New mixins: