Skip to content

Commit 4b2819a

Browse files
boosted-botjulien-deramond
boosted-bot
and
julien-deramond
authored
chore: update tokens (#2790)
Co-authored-by: boosted-bot <[email protected]> Co-authored-by: Julien Déramond <[email protected]>
1 parent dcdbec7 commit 4b2819a

File tree

5 files changed

+533
-323
lines changed

5 files changed

+533
-323
lines changed

‎scss/tokens/_component.scss‎

Lines changed: 89 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -4,93 +4,93 @@
44
// Button
55

66
// scss-docs-start ouds-component-button
7-
$ouds-button-size-max-height: $ouds-dimension-600 !default;
8-
$ouds-button-size-min-height: $ouds-dimension-600 !default;
9-
$ouds-button-size-min-width: $ouds-dimension-600 !default;
10-
$ouds-button-border-radius: $ouds-border-radius-none !default;
11-
$ouds-button-border-width-default: $ouds-border-width-default !default;
12-
$ouds-button-border-width-default-interaction: $ouds-border-width-medium !default;
13-
$ouds-button-border-width-minimal: $ouds-border-width-none !default;
14-
$ouds-button-border-width-minimal-interaction: $ouds-border-width-none !default;
15-
$ouds-button-color-background-default-disabled: $ouds-color-transparent-default !default;
16-
$ouds-button-color-background-default-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
17-
$ouds-button-color-background-default-enabled: $ouds-color-transparent-default !default;
18-
$ouds-button-color-background-default-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
19-
$ouds-button-color-background-default-focus: $ouds-color-transparent-default !default;
20-
$ouds-button-color-background-default-focus-on-bg-emphasized: $ouds-color-transparent-default !default;
21-
$ouds-button-color-background-default-hover: $ouds-color-transparent-default !default;
22-
$ouds-button-color-background-default-hover-on-bg-emphasized: $ouds-color-transparent-default !default;
23-
$ouds-button-color-background-default-loading: $ouds-color-transparent-default !default;
24-
$ouds-button-color-background-default-loading-on-bg-emphasized: $ouds-color-transparent-default !default;
25-
$ouds-button-color-background-default-pressed: $ouds-color-transparent-default !default;
26-
$ouds-button-color-background-default-pressed-on-bg-emphasized: $ouds-color-transparent-default !default;
27-
$ouds-button-color-background-minimal-disabled: $ouds-color-transparent-default !default;
28-
$ouds-button-color-background-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
29-
$ouds-button-color-background-minimal-enabled: $ouds-color-transparent-default !default;
30-
$ouds-button-color-background-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
31-
$ouds-button-color-border-minimal-disabled: $ouds-color-transparent-default !default;
32-
$ouds-button-color-border-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
33-
$ouds-button-color-border-minimal-enabled: $ouds-color-transparent-default !default;
34-
$ouds-button-color-border-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
35-
$ouds-button-color-border-minimal-hover: $ouds-color-transparent-default !default;
36-
$ouds-button-color-border-minimal-hover-on-bg-emphasized: $ouds-color-transparent-default !default;
37-
$ouds-button-color-border-minimal-loading: $ouds-color-transparent-default !default;
38-
$ouds-button-color-border-minimal-loading-on-bg-emphasized: $ouds-color-transparent-default !default;
39-
$ouds-button-color-border-minimal-pressed: $ouds-color-transparent-default !default;
40-
$ouds-button-color-border-minimal-pressed-on-bg-emphasized: $ouds-color-transparent-default !default;
41-
$ouds-button-color-background-minimal-focus: $ouds-color-action-secondary-focus !default;
42-
$ouds-button-color-background-minimal-focus-on-bg-emphasized: $ouds-color-action-secondary-focus-on-bg-emphasized !default;
43-
$ouds-button-color-background-minimal-hover: $ouds-color-action-secondary-hover !default;
44-
$ouds-button-color-background-minimal-hover-on-bg-emphasized: $ouds-color-action-secondary-hover-on-bg-emphasized !default;
45-
$ouds-button-color-background-minimal-loading: $ouds-color-action-secondary-loading !default;
46-
$ouds-button-color-background-minimal-loading-on-bg-emphasized: $ouds-color-action-secondary-loading-on-bg-emphasized !default;
47-
$ouds-button-color-background-minimal-pressed: $ouds-color-action-secondary-pressed !default;
48-
$ouds-button-color-background-minimal-pressed-on-bg-emphasized: $ouds-color-action-secondary-pressed-on-bg-emphasized !default;
49-
$ouds-button-color-border-default-disabled: $ouds-color-action-disabled !default;
50-
$ouds-button-color-border-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
51-
$ouds-button-color-border-default-enabled: $ouds-color-action-primary-enabled !default;
52-
$ouds-button-color-border-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
53-
$ouds-button-color-border-default-hover: $ouds-color-action-primary-hover !default;
54-
$ouds-button-color-border-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
55-
$ouds-button-color-border-default-loading: $ouds-color-action-primary-loading !default;
56-
$ouds-button-color-border-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
57-
$ouds-button-color-border-default-pressed: $ouds-color-action-primary-pressed !default;
58-
$ouds-button-color-border-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
59-
$ouds-button-color-content-default-disabled: $ouds-color-action-disabled !default;
60-
$ouds-button-color-content-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
61-
$ouds-button-color-content-default-enabled: $ouds-color-action-primary-enabled !default;
62-
$ouds-button-color-content-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
63-
$ouds-button-color-content-default-focus: $ouds-color-action-primary-focus !default;
64-
$ouds-button-color-content-default-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default;
65-
$ouds-button-color-content-default-hover: $ouds-color-action-primary-hover !default;
66-
$ouds-button-color-content-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
67-
$ouds-button-color-content-default-loading: $ouds-color-action-primary-loading !default;
68-
$ouds-button-color-content-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
69-
$ouds-button-color-content-default-pressed: $ouds-color-action-primary-pressed !default;
70-
$ouds-button-color-content-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
71-
$ouds-button-color-content-minimal-disabled: $ouds-color-action-disabled !default;
72-
$ouds-button-color-content-minimal-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
73-
$ouds-button-color-content-minimal-enabled: $ouds-color-action-primary-enabled !default;
74-
$ouds-button-color-content-minimal-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
75-
$ouds-button-color-content-minimal-focus: $ouds-color-action-primary-focus !default;
76-
$ouds-button-color-content-minimal-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default;
77-
$ouds-button-color-content-minimal-hover: $ouds-color-action-primary-hover !default;
78-
$ouds-button-color-content-minimal-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
79-
$ouds-button-color-content-minimal-loading: $ouds-color-action-primary-loading !default;
80-
$ouds-button-color-content-minimal-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
81-
$ouds-button-color-content-minimal-pressed: $ouds-color-action-primary-pressed !default;
82-
$ouds-button-color-content-minimal-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
83-
$ouds-button-size-icon: $ouds-size-icon-with-label-large-size-shorter !default;
84-
$ouds-button-size-icon-only: $ouds-size-icon-with-label-large-size-short !default;
85-
$ouds-button-size-loader: $ouds-size-icon-with-label-large-size-shorter !default;
86-
$ouds-button-space-column-gap-arrow: $ouds-space-column-gap-with-arrow-short !default;
87-
$ouds-button-space-column-gap-icon: $ouds-space-column-gap-with-icon-medium !default;
88-
$ouds-button-space-inset-icon-alone: $ouds-space-inset-medium !default;
89-
$ouds-button-space-padding-block: $ouds-space-padding-block-medium !default;
90-
$ouds-button-space-padding-inline-arrow-end: $ouds-space-padding-inline-with-arrow-tall !default;
91-
$ouds-button-space-padding-inline-arrow-start: $ouds-space-padding-inline-with-arrow-tall !default;
92-
$ouds-button-space-padding-inline-end-icon-start: $ouds-space-padding-inline-taller !default;
93-
$ouds-button-space-padding-inline-icon-none: $ouds-space-padding-inline-tallest !default;
94-
$ouds-button-space-padding-inline-icon-start: $ouds-space-padding-inline-with-icon-tall !default;
95-
$ouds-button-space-padding-inline-start-icon-end: $ouds-space-padding-inline-taller !default;
7+
// $ouds-button-size-max-height: $ouds-dimension-600 !default;
8+
// $ouds-button-size-min-height: $ouds-dimension-600 !default;
9+
// $ouds-button-size-min-width: $ouds-dimension-600 !default;
10+
// $ouds-button-border-radius: $ouds-border-radius-none !default;
11+
// $ouds-button-border-width-default: $ouds-border-width-default !default;
12+
// $ouds-button-border-width-default-interaction: $ouds-border-width-medium !default;
13+
// $ouds-button-border-width-minimal: $ouds-border-width-none !default;
14+
// $ouds-button-border-width-minimal-interaction: $ouds-border-width-none !default;
15+
// $ouds-button-color-background-default-disabled: $ouds-color-transparent-default !default;
16+
// $ouds-button-color-background-default-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
17+
// $ouds-button-color-background-default-enabled: $ouds-color-transparent-default !default;
18+
// $ouds-button-color-background-default-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
19+
// $ouds-button-color-background-default-focus: $ouds-color-transparent-default !default;
20+
// $ouds-button-color-background-default-focus-on-bg-emphasized: $ouds-color-transparent-default !default;
21+
// $ouds-button-color-background-default-hover: $ouds-color-transparent-default !default;
22+
// $ouds-button-color-background-default-hover-on-bg-emphasized: $ouds-color-transparent-default !default;
23+
// $ouds-button-color-background-default-loading: $ouds-color-transparent-default !default;
24+
// $ouds-button-color-background-default-loading-on-bg-emphasized: $ouds-color-transparent-default !default;
25+
// $ouds-button-color-background-default-pressed: $ouds-color-transparent-default !default;
26+
// $ouds-button-color-background-default-pressed-on-bg-emphasized: $ouds-color-transparent-default !default;
27+
// $ouds-button-color-background-minimal-disabled: $ouds-color-transparent-default !default;
28+
// $ouds-button-color-background-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
29+
// $ouds-button-color-background-minimal-enabled: $ouds-color-transparent-default !default;
30+
// $ouds-button-color-background-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
31+
// $ouds-button-color-border-minimal-disabled: $ouds-color-transparent-default !default;
32+
// $ouds-button-color-border-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default;
33+
// $ouds-button-color-border-minimal-enabled: $ouds-color-transparent-default !default;
34+
// $ouds-button-color-border-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default;
35+
// $ouds-button-color-border-minimal-hover: $ouds-color-transparent-default !default;
36+
// $ouds-button-color-border-minimal-hover-on-bg-emphasized: $ouds-color-transparent-default !default;
37+
// $ouds-button-color-border-minimal-loading: $ouds-color-transparent-default !default;
38+
// $ouds-button-color-border-minimal-loading-on-bg-emphasized: $ouds-color-transparent-default !default;
39+
// $ouds-button-color-border-minimal-pressed: $ouds-color-transparent-default !default;
40+
// $ouds-button-color-border-minimal-pressed-on-bg-emphasized: $ouds-color-transparent-default !default;
41+
// $ouds-button-color-background-minimal-focus: $ouds-color-action-secondary-focus !default;
42+
// $ouds-button-color-background-minimal-focus-on-bg-emphasized: $ouds-color-action-secondary-focus-on-bg-emphasized !default;
43+
// $ouds-button-color-background-minimal-hover: $ouds-color-action-secondary-hover !default;
44+
// $ouds-button-color-background-minimal-hover-on-bg-emphasized: $ouds-color-action-secondary-hover-on-bg-emphasized !default;
45+
// $ouds-button-color-background-minimal-loading: $ouds-color-action-secondary-loading !default;
46+
// $ouds-button-color-background-minimal-loading-on-bg-emphasized: $ouds-color-action-secondary-loading-on-bg-emphasized !default;
47+
// $ouds-button-color-background-minimal-pressed: $ouds-color-action-secondary-pressed !default;
48+
// $ouds-button-color-background-minimal-pressed-on-bg-emphasized: $ouds-color-action-secondary-pressed-on-bg-emphasized !default;
49+
// $ouds-button-color-border-default-disabled: $ouds-color-action-disabled !default;
50+
// $ouds-button-color-border-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
51+
// $ouds-button-color-border-default-enabled: $ouds-color-action-primary-enabled !default;
52+
// $ouds-button-color-border-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
53+
// $ouds-button-color-border-default-hover: $ouds-color-action-primary-hover !default;
54+
// $ouds-button-color-border-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
55+
// $ouds-button-color-border-default-loading: $ouds-color-action-primary-loading !default;
56+
// $ouds-button-color-border-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
57+
// $ouds-button-color-border-default-pressed: $ouds-color-action-primary-pressed !default;
58+
// $ouds-button-color-border-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
59+
// $ouds-button-color-content-default-disabled: $ouds-color-action-disabled !default;
60+
// $ouds-button-color-content-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
61+
// $ouds-button-color-content-default-enabled: $ouds-color-action-primary-enabled !default;
62+
// $ouds-button-color-content-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
63+
// $ouds-button-color-content-default-focus: $ouds-color-action-primary-focus !default;
64+
// $ouds-button-color-content-default-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default;
65+
// $ouds-button-color-content-default-hover: $ouds-color-action-primary-hover !default;
66+
// $ouds-button-color-content-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
67+
// $ouds-button-color-content-default-loading: $ouds-color-action-primary-loading !default;
68+
// $ouds-button-color-content-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
69+
// $ouds-button-color-content-default-pressed: $ouds-color-action-primary-pressed !default;
70+
// $ouds-button-color-content-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
71+
// $ouds-button-color-content-minimal-disabled: $ouds-color-action-disabled !default;
72+
// $ouds-button-color-content-minimal-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default;
73+
// $ouds-button-color-content-minimal-enabled: $ouds-color-action-primary-enabled !default;
74+
// $ouds-button-color-content-minimal-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default;
75+
// $ouds-button-color-content-minimal-focus: $ouds-color-action-primary-focus !default;
76+
// $ouds-button-color-content-minimal-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default;
77+
// $ouds-button-color-content-minimal-hover: $ouds-color-action-primary-hover !default;
78+
// $ouds-button-color-content-minimal-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default;
79+
// $ouds-button-color-content-minimal-loading: $ouds-color-action-primary-loading !default;
80+
// $ouds-button-color-content-minimal-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default;
81+
// $ouds-button-color-content-minimal-pressed: $ouds-color-action-primary-pressed !default;
82+
// $ouds-button-color-content-minimal-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default;
83+
// $ouds-button-size-icon: $ouds-size-icon-with-label-large-size-shorter !default;
84+
// $ouds-button-size-icon-only: $ouds-size-icon-with-label-large-size-short !default;
85+
// $ouds-button-size-loader: $ouds-size-icon-with-label-large-size-shorter !default;
86+
// $ouds-button-space-column-gap-arrow: $ouds-space-column-gap-with-arrow-short !default;
87+
// $ouds-button-space-column-gap-icon: $ouds-space-column-gap-with-icon-medium !default;
88+
// $ouds-button-space-inset-icon-alone: $ouds-space-inset-medium !default;
89+
// $ouds-button-space-padding-block: $ouds-space-padding-block-medium !default;
90+
// $ouds-button-space-padding-inline-arrow-end: $ouds-space-padding-inline-with-arrow-tall !default;
91+
// $ouds-button-space-padding-inline-arrow-start: $ouds-space-padding-inline-with-arrow-tall !default;
92+
// $ouds-button-space-padding-inline-end-icon-start: $ouds-space-padding-inline-taller !default;
93+
// $ouds-button-space-padding-inline-icon-none: $ouds-space-padding-inline-tallest !default;
94+
// $ouds-button-space-padding-inline-icon-start: $ouds-space-padding-inline-with-icon-tall !default;
95+
// $ouds-button-space-padding-inline-start-icon-end: $ouds-space-padding-inline-taller !default;
9696
// scss-docs-end ouds-component-button

0 commit comments

Comments
 (0)