Skip to content

Commit e01b7f5

Browse files
jeffreylauwersjeffreylauwers
authored
Chore changeset button pressed (#1267)
Ontbrekende changeset voor de aanvullende pressed state tokens voor Voorbeeld en Start thema.
1 parent 414fe93 commit e01b7f5

File tree

1 file changed

+126
-0
lines changed

1 file changed

+126
-0
lines changed

‎.changeset/button-pressed-tokens.md‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
---
2+
"@nl-design-system-unstable/voorbeeld-design-tokens": minor
3+
"@nl-design-system-unstable/start-design-tokens": minor
4+
---
5+
6+
Aanvullende design tokens voor de pressed state van de Candidate Button. De volgende design tokens zijn erbij gekomen:
7+
8+
**Default**
9+
10+
- `nl.button.default.pressed.active.background-color`
11+
- `nl.button.default.pressed.active.border-color`
12+
- `nl.button.default.pressed.active.color`
13+
- `nl.button.default.pressed.disabled.background-color`
14+
- `nl.button.default.pressed.disabled.border-color`
15+
- `nl.button.default.pressed.disabled.color`
16+
- `nl.button.default.pressed.hover.background-color`
17+
- `nl.button.default.pressed.hover.border-color`
18+
- `nl.button.default.pressed.hover.color`
19+
20+
**Primary**
21+
22+
- `nl.button.primary.pressed.active.background-color`
23+
- `nl.button.primary.pressed.active.border-color`
24+
- `nl.button.primary.pressed.active.color`
25+
- `nl.button.primary.pressed.disabled.background-color`
26+
- `nl.button.primary.pressed.disabled.border-color`
27+
- `nl.button.primary.pressed.disabled.color`
28+
- `nl.button.primary.pressed.hover.background-color`
29+
- `nl.button.primary.pressed.hover.border-color`
30+
- `nl.button.primary.pressed.hover.color`
31+
32+
**Primary - Negative**
33+
34+
- `nl.button.primary.negative.pressed.active.background-color`
35+
- `nl.button.primary.negative.pressed.active.border-color`
36+
- `nl.button.primary.negative.pressed.active.color`
37+
- `nl.button.primary.negative.pressed.disabled.background-color`
38+
- `nl.button.primary.negative.pressed.disabled.border-color`
39+
- `nl.button.primary.negative.pressed.disabled.color`
40+
- `nl.button.primary.negative.pressed.hover.background-color`
41+
- `nl.button.primary.negative.pressed.hover.border-color`
42+
- `nl.button.primary.negative.pressed.hover.color`
43+
44+
**Primary - Positive**
45+
46+
- `nl.button.primary.positive.pressed.active.background-color`
47+
- `nl.button.primary.positive.pressed.active.border-color`
48+
- `nl.button.primary.positive.pressed.active.color`
49+
- `nl.button.primary.positive.pressed.disabled.background-color`
50+
- `nl.button.primary.positive.pressed.disabled.border-color`
51+
- `nl.button.primary.positive.pressed.disabled.color`
52+
- `nl.button.primary.positive.pressed.hover.background-color`
53+
- `nl.button.primary.positive.pressed.hover.border-color`
54+
- `nl.button.primary.positive.pressed.hover.color`
55+
56+
**Secondary**
57+
58+
- `nl.button.secondary.pressed.active.background-color`
59+
- `nl.button.secondary.pressed.active.border-color`
60+
- `nl.button.secondary.pressed.active.color`
61+
- `nl.button.secondary.pressed.disabled.background-color`
62+
- `nl.button.secondary.pressed.disabled.border-color`
63+
- `nl.button.secondary.pressed.disabled.color`
64+
- `nl.button.secondary.pressed.hover.background-color`
65+
- `nl.button.secondary.pressed.hover.border-color`
66+
- `nl.button.secondary.pressed.hover.color`
67+
68+
**Secondary - Negative**
69+
70+
- `nl.button.secondary.negative.pressed.active.background-color`
71+
- `nl.button.secondary.negative.pressed.active.border-color`
72+
- `nl.button.secondary.negative.pressed.active.color`
73+
- `nl.button.secondary.negative.pressed.disabled.background-color`
74+
- `nl.button.secondary.negative.pressed.disabled.border-color`
75+
- `nl.button.secondary.negative.pressed.disabled.color`
76+
- `nl.button.secondary.negative.pressed.hover.background-color`
77+
- `nl.button.secondary.negative.pressed.hover.border-color`
78+
- `nl.button.secondary.negative.pressed.hover.color`
79+
80+
**Secondary - Positive**
81+
82+
- `nl.button.secondary.positive.pressed.active.background-color`
83+
- `nl.button.secondary.positive.pressed.active.border-color`
84+
- `nl.button.secondary.positive.pressed.active.color`
85+
- `nl.button.secondary.positive.pressed.disabled.background-color`
86+
- `nl.button.secondary.positive.pressed.disabled.border-color`
87+
- `nl.button.secondary.positive.pressed.disabled.color`
88+
- `nl.button.secondary.positive.pressed.hover.background-color`
89+
- `nl.button.secondary.positive.pressed.hover.border-color`
90+
- `nl.button.secondary.positive.pressed.hover.color`
91+
92+
**Subtle**
93+
94+
- `nl.button.subtle.pressed.active.background-color`
95+
- `nl.button.subtle.pressed.active.border-color`
96+
- `nl.button.subtle.pressed.active.color`
97+
- `nl.button.subtle.pressed.disabled.background-color`
98+
- `nl.button.subtle.pressed.disabled.border-color`
99+
- `nl.button.subtle.pressed.disabled.color`
100+
- `nl.button.subtle.pressed.hover.background-color`
101+
- `nl.button.subtle.pressed.hover.border-color`
102+
- `nl.button.subtle.pressed.hover.color`
103+
104+
**Subtle - Negative**
105+
106+
- `nl.button.subtle.negative.pressed.active.background-color`
107+
- `nl.button.subtle.negative.pressed.active.border-color`
108+
- `nl.button.subtle.negative.pressed.active.color`
109+
- `nl.button.subtle.negative.pressed.disabled.background-color`
110+
- `nl.button.subtle.negative.pressed.disabled.border-color`
111+
- `nl.button.subtle.negative.pressed.disabled.color`
112+
- `nl.button.subtle.negative.pressed.hover.background-color`
113+
- `nl.button.subtle.negative.pressed.hover.border-color`
114+
- `nl.button.subtle.negative.pressed.hover.color`
115+
116+
**Subtle - Positive**
117+
118+
- `nl.button.subtle.positive.pressed.active.background-color`
119+
- `nl.button.subtle.positive.pressed.active.border-color`
120+
- `nl.button.subtle.positive.pressed.active.color`
121+
- `nl.button.subtle.positive.pressed.disabled.background-color`
122+
- `nl.button.subtle.positive.pressed.disabled.border-color`
123+
- `nl.button.subtle.positive.pressed.disabled.color`
124+
- `nl.button.subtle.positive.pressed.hover.background-color`
125+
- `nl.button.subtle.positive.pressed.hover.border-color`
126+
- `nl.button.subtle.positive.pressed.hover.color`

0 commit comments

Comments
 (0)