Skip to content

Commit

Permalink
chore: update tokens (#2790)
Browse files Browse the repository at this point in the history 
Co-authored-by: boosted-bot <[email protected]>
Co-authored-by: Julien Déramond <[email protected]>
  • Loading branch information
@boosted-bot @julien-deramond
3 people authored Nov 15, 2024
1 parent dcdbec7 commit 4b2819a
Show file tree
Hide file tree
Showing 5 changed files with 533 additions and 323 deletions.
178 changes: 89 additions & 89 deletions scss/tokens/_component.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,93 +4,93 @@
// Button

// scss-docs-start ouds-component-button
$ouds-button-size-max-height: $ouds-dimension-600 !default;
$ouds-button-size-min-height: $ouds-dimension-600 !default;
$ouds-button-size-min-width: $ouds-dimension-600 !default;
$ouds-button-border-radius: $ouds-border-radius-none !default;
$ouds-button-border-width-default: $ouds-border-width-default !default;
$ouds-button-border-width-default-interaction: $ouds-border-width-medium !default;
$ouds-button-border-width-minimal: $ouds-border-width-none !default;
$ouds-button-border-width-minimal-interaction: $ouds-border-width-none !default;
$ouds-button-color-background-default-disabled: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-enabled: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-focus: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-focus-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-hover: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-hover-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-loading: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-loading-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-pressed: $ouds-color-transparent-default !default;
$ouds-button-color-background-default-pressed-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-background-minimal-disabled: $ouds-color-transparent-default !default;
$ouds-button-color-background-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-background-minimal-enabled: $ouds-color-transparent-default !default;
$ouds-button-color-background-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-disabled: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-enabled: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-hover: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-hover-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-loading: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-loading-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-pressed: $ouds-color-transparent-default !default;
$ouds-button-color-border-minimal-pressed-on-bg-emphasized: $ouds-color-transparent-default !default;
$ouds-button-color-background-minimal-focus: $ouds-color-action-secondary-focus !default;
$ouds-button-color-background-minimal-focus-on-bg-emphasized: $ouds-color-action-secondary-focus-on-bg-emphasized !default;
$ouds-button-color-background-minimal-hover: $ouds-color-action-secondary-hover !default;
$ouds-button-color-background-minimal-hover-on-bg-emphasized: $ouds-color-action-secondary-hover-on-bg-emphasized !default;
$ouds-button-color-background-minimal-loading: $ouds-color-action-secondary-loading !default;
$ouds-button-color-background-minimal-loading-on-bg-emphasized: $ouds-color-action-secondary-loading-on-bg-emphasized !default;
$ouds-button-color-background-minimal-pressed: $ouds-color-action-secondary-pressed !default;
$ouds-button-color-background-minimal-pressed-on-bg-emphasized: $ouds-color-action-secondary-pressed-on-bg-emphasized !default;
$ouds-button-color-border-default-disabled: $ouds-color-action-disabled !default;
$ouds-button-color-border-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
$ouds-button-color-border-default-enabled: $ouds-color-action-primary-enabled !default;
$ouds-button-color-border-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
$ouds-button-color-border-default-hover: $ouds-color-action-primary-hover !default;
$ouds-button-color-border-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
$ouds-button-color-border-default-loading: $ouds-color-action-primary-loading !default;
$ouds-button-color-border-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
$ouds-button-color-border-default-pressed: $ouds-color-action-primary-pressed !default;
$ouds-button-color-border-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
$ouds-button-color-content-default-disabled: $ouds-color-action-disabled !default;
$ouds-button-color-content-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
$ouds-button-color-content-default-enabled: $ouds-color-action-primary-enabled !default;
$ouds-button-color-content-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
$ouds-button-color-content-default-focus: $ouds-color-action-primary-focus !default;
$ouds-button-color-content-default-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default;
$ouds-button-color-content-default-hover: $ouds-color-action-primary-hover !default;
$ouds-button-color-content-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
$ouds-button-color-content-default-loading: $ouds-color-action-primary-loading !default;
$ouds-button-color-content-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
$ouds-button-color-content-default-pressed: $ouds-color-action-primary-pressed !default;
$ouds-button-color-content-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
$ouds-button-color-content-minimal-disabled: $ouds-color-action-disabled !default;
$ouds-button-color-content-minimal-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
$ouds-button-color-content-minimal-enabled: $ouds-color-action-primary-enabled !default;
$ouds-button-color-content-minimal-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
$ouds-button-color-content-minimal-focus: $ouds-color-action-primary-focus !default;
$ouds-button-color-content-minimal-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default;
$ouds-button-color-content-minimal-hover: $ouds-color-action-primary-hover !default;
$ouds-button-color-content-minimal-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
$ouds-button-color-content-minimal-loading: $ouds-color-action-primary-loading !default;
$ouds-button-color-content-minimal-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
$ouds-button-color-content-minimal-pressed: $ouds-color-action-primary-pressed !default;
$ouds-button-color-content-minimal-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
$ouds-button-size-icon: $ouds-size-icon-with-label-large-size-shorter !default;
$ouds-button-size-icon-only: $ouds-size-icon-with-label-large-size-short !default;
$ouds-button-size-loader: $ouds-size-icon-with-label-large-size-shorter !default;
$ouds-button-space-column-gap-arrow: $ouds-space-column-gap-with-arrow-short !default;
$ouds-button-space-column-gap-icon: $ouds-space-column-gap-with-icon-medium !default;
$ouds-button-space-inset-icon-alone: $ouds-space-inset-medium !default;
$ouds-button-space-padding-block: $ouds-space-padding-block-medium !default;
$ouds-button-space-padding-inline-arrow-end: $ouds-space-padding-inline-with-arrow-tall !default;
$ouds-button-space-padding-inline-arrow-start: $ouds-space-padding-inline-with-arrow-tall !default;
$ouds-button-space-padding-inline-end-icon-start: $ouds-space-padding-inline-taller !default;
$ouds-button-space-padding-inline-icon-none: $ouds-space-padding-inline-tallest !default;
$ouds-button-space-padding-inline-icon-start: $ouds-space-padding-inline-with-icon-tall !default;
$ouds-button-space-padding-inline-start-icon-end: $ouds-space-padding-inline-taller !default;
// $ouds-button-size-max-height: $ouds-dimension-600 !default;
// $ouds-button-size-min-height: $ouds-dimension-600 !default;
// $ouds-button-size-min-width: $ouds-dimension-600 !default;
// $ouds-button-border-radius: $ouds-border-radius-none !default;
// $ouds-button-border-width-default: $ouds-border-width-default !default;
// $ouds-button-border-width-default-interaction: $ouds-border-width-medium !default;
// $ouds-button-border-width-minimal: $ouds-border-width-none !default;
// $ouds-button-border-width-minimal-interaction: $ouds-border-width-none !default;
// $ouds-button-color-background-default-disabled: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-enabled: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-focus: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-focus-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-hover: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-hover-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-loading: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-loading-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-pressed: $ouds-color-transparent-default !default;
// $ouds-button-color-background-default-pressed-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-background-minimal-disabled: $ouds-color-transparent-default !default;
// $ouds-button-color-background-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-background-minimal-enabled: $ouds-color-transparent-default !default;
// $ouds-button-color-background-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-disabled: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-enabled: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-hover: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-hover-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-loading: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-loading-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-pressed: $ouds-color-transparent-default !default;
// $ouds-button-color-border-minimal-pressed-on-bg-emphasized: $ouds-color-transparent-default !default;
// $ouds-button-color-background-minimal-focus: $ouds-color-action-secondary-focus !default;
// $ouds-button-color-background-minimal-focus-on-bg-emphasized: $ouds-color-action-secondary-focus-on-bg-emphasized !default;
// $ouds-button-color-background-minimal-hover: $ouds-color-action-secondary-hover !default;
// $ouds-button-color-background-minimal-hover-on-bg-emphasized: $ouds-color-action-secondary-hover-on-bg-emphasized !default;
// $ouds-button-color-background-minimal-loading: $ouds-color-action-secondary-loading !default;
// $ouds-button-color-background-minimal-loading-on-bg-emphasized: $ouds-color-action-secondary-loading-on-bg-emphasized !default;
// $ouds-button-color-background-minimal-pressed: $ouds-color-action-secondary-pressed !default;
// $ouds-button-color-background-minimal-pressed-on-bg-emphasized: $ouds-color-action-secondary-pressed-on-bg-emphasized !default;
// $ouds-button-color-border-default-disabled: $ouds-color-action-disabled !default;
// $ouds-button-color-border-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
// $ouds-button-color-border-default-enabled: $ouds-color-action-primary-enabled !default;
// $ouds-button-color-border-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
// $ouds-button-color-border-default-hover: $ouds-color-action-primary-hover !default;
// $ouds-button-color-border-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
// $ouds-button-color-border-default-loading: $ouds-color-action-primary-loading !default;
// $ouds-button-color-border-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
// $ouds-button-color-border-default-pressed: $ouds-color-action-primary-pressed !default;
// $ouds-button-color-border-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
// $ouds-button-color-content-default-disabled: $ouds-color-action-disabled !default;
// $ouds-button-color-content-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
// $ouds-button-color-content-default-enabled: $ouds-color-action-primary-enabled !default;
// $ouds-button-color-content-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
// $ouds-button-color-content-default-focus: $ouds-color-action-primary-focus !default;
// $ouds-button-color-content-default-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default;
// $ouds-button-color-content-default-hover: $ouds-color-action-primary-hover !default;
// $ouds-button-color-content-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
// $ouds-button-color-content-default-loading: $ouds-color-action-primary-loading !default;
// $ouds-button-color-content-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
// $ouds-button-color-content-default-pressed: $ouds-color-action-primary-pressed !default;
// $ouds-button-color-content-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
// $ouds-button-color-content-minimal-disabled: $ouds-color-action-disabled !default;
// $ouds-button-color-content-minimal-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
// $ouds-button-color-content-minimal-enabled: $ouds-color-action-primary-enabled !default;
// $ouds-button-color-content-minimal-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
// $ouds-button-color-content-minimal-focus: $ouds-color-action-primary-focus !default;
// $ouds-button-color-content-minimal-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default;
// $ouds-button-color-content-minimal-hover: $ouds-color-action-primary-hover !default;
// $ouds-button-color-content-minimal-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
// $ouds-button-color-content-minimal-loading: $ouds-color-action-primary-loading !default;
// $ouds-button-color-content-minimal-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
// $ouds-button-color-content-minimal-pressed: $ouds-color-action-primary-pressed !default;
// $ouds-button-color-content-minimal-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
// $ouds-button-size-icon: $ouds-size-icon-with-label-large-size-shorter !default;
// $ouds-button-size-icon-only: $ouds-size-icon-with-label-large-size-short !default;
// $ouds-button-size-loader: $ouds-size-icon-with-label-large-size-shorter !default;
// $ouds-button-space-column-gap-arrow: $ouds-space-column-gap-with-arrow-short !default;
// $ouds-button-space-column-gap-icon: $ouds-space-column-gap-with-icon-medium !default;
// $ouds-button-space-inset-icon-alone: $ouds-space-inset-medium !default;
// $ouds-button-space-padding-block: $ouds-space-padding-block-medium !default;
// $ouds-button-space-padding-inline-arrow-end: $ouds-space-padding-inline-with-arrow-tall !default;
// $ouds-button-space-padding-inline-arrow-start: $ouds-space-padding-inline-with-arrow-tall !default;
// $ouds-button-space-padding-inline-end-icon-start: $ouds-space-padding-inline-taller !default;
// $ouds-button-space-padding-inline-icon-none: $ouds-space-padding-inline-tallest !default;
// $ouds-button-space-padding-inline-icon-start: $ouds-space-padding-inline-with-icon-tall !default;
// $ouds-button-space-padding-inline-start-icon-end: $ouds-space-padding-inline-taller !default;
// scss-docs-end ouds-component-button
Loading

0 comments on commit 4b2819a

Please sign in to comment.