Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: use new semantic tokens #759

Closed
wants to merge 43 commits into from
Closed

Conversation

acstll
Copy link
Collaborator

@acstll acstll commented Dec 23, 2021

This is a POC for the future rollout of the new semantic tokens. Not to be merged.

To try it out, do yarn dev inside packages/components and head to localhost:3333/semantic-tokens.html


  • accordion
  • breadcrumb
  • button
  • callout
  • card
  • carousel
  • checkbox
  • checkbox-group
  • collapsible
  • data-grid
  • date-picker
  • divider
  • dropdown
  • icon
  • input
  • link
  • list
  • list-item
  • loading-spinner
  • menu-flyout
  • menu-flyout-divider
  • menu-flyout-item
  • menu-flyout-list
  • modal
  • notification-badge (skip for now!)
  • notification-banner (skip for now!)
  • notification-message (skip for now!)
  • notification-toast (skip for now!)
  • pagination
  • progress-bar
  • radio-button
  • radio-button-group
  • rating-stars
  • sidebar-nav
  • sidebar-nav-collapsible
  • sidebar-nav-item
  • slider
  • switch
  • tab-header
  • tab-nav
  • tab-panel
  • table
  • tag
  • telekom/app-footer
  • telekom/app-header
  • telekom/app-logo
  • telekom/app-mega-menu
  • telekom/app-navigation-main-mobile
  • telekom/app-navigation-sector-mobile
  • telekom/app-navigation-user-menu
  • telekom/app-shell
  • telekom/logo
  • telekom/nav-icon
  • telekom/nav-main
  • telekom/nav-segment
  • text-field
  • textarea
  • toggle-button
  • toggle-group
  • tooltip

@render
Copy link

render bot commented Dec 23, 2021

@acstll acstll changed the title refactor: use semantic tokens in modal refactor: use new semantic tokens Jan 31, 2022
felix-ico and others added 17 commits January 31, 2022 11:12
* refactor: update styles to use new design tokens

* refactor: update spacing and line height properties

* refactor: update styles to use new design tokens

* refactor: update component styles to use new design tokens

* refactor: update design tokens, add comments for missing/unclear tokens

* refactor: update boxshadow design-token

* refactor: use correct design tokens

* refactor: use --telekom-color-ui-regular

* refactor: use correct design tokens

* refactor: use correct design tokens

* refactor: update tokens in table

* refactor: update loading spinner and text area

* refactor: add text-field background value from design tokens

* refactor: use scoped variables
* fix: tab-nav height, border size, nav font size, text-field font size

* refactor: footer text color, footer container color, nav color token, text-field, text-area color

* fix: link visited css token

Co-authored-by: Maomao Meyer-Zhang <maomao.meyer-zhang@telekom.de>
* refactor: textarea structure, remove textarea__label-safety-background element

* fix: text area mask has the same width when text area  is horizontal resized

* refactor: textarea margin top css variable token

* refactor:  textarea naming conversion,  label position and fix not focus by clicking

Co-authored-by: Maomao Meyer-Zhang <maomao.meyer-zhang@telekom.de>
nowseemee and others added 16 commits February 9, 2022 10:58
* refactor: update basic interactive elements

* refactor: update telekom-color-ui tokens

* refactor: update radio button

* refactor: update rating starts and slider

* refactor: update telekom-ui-color values, update table

* refactor: update switch, tag

* refactor: revision alpha8 components wip

* refactor: update button, checkbox, date-picker

* refactor: update dropdown, link

* refactor: dark mode fixes

* refactor: revisingg components

* refactor: update slider

* refactor: replace with the correct token names (#875)

Co-authored-by: Maomao Meyer-Zhang <maomao.meyer-zhang@telekom.de>

* Refactor/implement designtokens alpha8 fw (#876)

* refactor: update input fields states

* refactor: use correct tokens as defined in sketch

* refactor: run format

* refactor: replace storybook markdown text color with new token

Co-authored-by: Maomao <maomao.zha@gmail.com>
Co-authored-by: Maomao Meyer-Zhang <maomao.meyer-zhang@telekom.de>
…885)

Co-authored-by: Maomao Meyer-Zhang <maomao.meyer-zhang@telekom.de>
* fix: fix refactored slider z-index

* fix: fix refactored rating star styles

* fix: use correct design token for logo

* fix: update secondary button border color

* fix: fix checkbox styles

* fix: remove commented code
…or (#889)

Co-authored-by: Maomao Meyer-Zhang <maomao.meyer-zhang@telekom.de>
* fix: avoid overwriting font style in storybook

* refactor: update switch
@nowseemee
Copy link
Collaborator

Closing in favor of #900

@nowseemee nowseemee closed this Feb 24, 2022
@nowseemee nowseemee deleted the refactor/semantic-tokens branch February 24, 2022 10:38
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