@swisspost/design-system-styles 9.0.3 → 9.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/package.json +3 -3
  2. package/post-external.css +1 -1
  3. package/post-internal.css +1 -1
  4. package/post-tokens-external.css +1 -1
  5. package/post-tokens-internal.css +1 -1
  6. package/tokens/_post-theme.scss +1 -1
  7. package/tokens/temp/_channel.scss +12 -0
  8. package/tokens/temp/_components.scss +150 -0
  9. package/tokens/temp/{core.scss → _core.scss} +20 -19
  10. package/tokens/temp/_device.scss +472 -0
  11. package/tokens/temp/_index.scss +10 -0
  12. package/tokens/temp/_mode.scss +178 -0
  13. package/tokens/temp/_theme.scss +8 -0
  14. package/tokens/temp/channel.scss +0 -11
  15. package/tokens/temp/components.scss +0 -88
  16. package/tokens/temp/device.scss +0 -204
  17. package/tokens/temp/index.scss +0 -10
  18. package/tokens/temp/mode.scss +0 -177
  19. package/tokens/temp/theme.scss +0 -7
package/tokens/temp/mode.scss DELETED
@@ -1,177 +0,0 @@
1
- // Do not edit manually!
2
- // This file was generated on:
3
- // Mon, 28 Jul 2025 08:25:20 GMT by the @swisspost/design-system-tokens package build command
4
-
5
- $post-light: (
6
- 'post-sem-color-signal-success-dark': var(--post-core-color-notification-green),
7
- 'post-sem-color-signal-success-light': var(--post-core-color-notification-green-light),
8
- 'post-sem-color-signal-error-dark': var(--post-core-color-notification-red),
9
- 'post-sem-color-signal-error-light': var(--post-core-color-notification-red-light),
10
- 'post-sem-color-signal-warning-dark': var(--post-core-color-notification-orange),
11
- 'post-sem-color-signal-warning-light': var(--post-core-color-notification-orange-light),
12
- 'post-sem-color-signal-information-dark': var(--post-core-color-notification-blue),
13
- 'post-sem-color-signal-information-light': var(--post-core-color-notification-blue-light),
14
- 'post-sem-color-interactive-button-primary-enabled-fg': var(--post-core-color-brand-white),
15
- 'post-sem-color-interactive-button-primary-enabled-bg': var(--post-core-color-sandgrey-100),
16
- 'post-sem-color-interactive-button-primary-enabled-stroke': var(--post-sem-color-interactive-button-primary-enabled-bg),
17
- 'post-sem-color-interactive-button-primary-hover-fg': var(--post-core-color-brand-white),
18
- 'post-sem-color-interactive-button-primary-hover-bg': var(--post-core-color-sandgrey-070),
19
- 'post-sem-color-interactive-button-primary-hover-stroke': var(--post-sem-color-interactive-button-primary-hover-bg),
20
- 'post-sem-color-interactive-button-primary-disabled-fg': var(--post-core-color-brand-white),
21
- 'post-sem-color-interactive-button-primary-disabled-bg': var(--post-core-color-sandgrey-060),
22
- 'post-sem-color-interactive-button-primary-disabled-stroke': var(--post-sem-color-interactive-button-primary-disabled-bg),
23
- 'post-sem-color-interactive-button-secondary-enabled-fg': var(--post-core-color-sandgrey-100),
24
- 'post-sem-color-interactive-button-secondary-enabled-bg': var(--post-core-color-brand-white),
25
- 'post-sem-color-interactive-button-secondary-enabled-stroke': var(--post-core-color-sandgrey-100),
26
- 'post-sem-color-interactive-button-secondary-hover-fg': var(--post-core-color-sandgrey-070),
27
- 'post-sem-color-interactive-button-secondary-hover-bg': var(--post-core-color-brand-white),
28
- 'post-sem-color-interactive-button-secondary-hover-stroke': var(--post-core-color-sandgrey-070),
29
- 'post-sem-color-interactive-button-secondary-disabled-fg': var(--post-core-color-sandgrey-060),
30
- 'post-sem-color-interactive-button-secondary-disabled-bg': var(--post-core-color-brand-white),
31
- 'post-sem-color-interactive-button-secondary-disabled-stroke': var(--post-core-color-sandgrey-060),
32
- 'post-sem-color-interactive-button-tertiary-enabled-fg': var(--post-core-color-sandgrey-100),
33
- 'post-sem-color-interactive-button-tertiary-enabled-bg': var(--post-core-color-colorless),
34
- 'post-sem-color-interactive-button-tertiary-enabled-stroke': var(--post-sem-color-interactive-button-tertiary-enabled-bg),
35
- 'post-sem-color-interactive-button-tertiary-hover-fg': var(--post-core-color-sandgrey-070),
36
- 'post-sem-color-interactive-button-tertiary-hover-bg': var(--post-core-color-colorless),
37
- 'post-sem-color-interactive-button-tertiary-hover-stroke': var(--post-sem-color-interactive-button-tertiary-hover-bg),
38
- 'post-sem-color-interactive-button-tertiary-disabled-fg': var(--post-core-color-sandgrey-060),
39
- 'post-sem-color-interactive-button-tertiary-disabled-bg': var(--post-core-color-colorless),
40
- 'post-sem-color-interactive-button-tertiary-disabled-stroke': var(--post-sem-color-interactive-button-tertiary-disabled-bg),
41
- 'post-sem-color-interactive-focus-stroke': var(--post-core-color-sandgrey-100),
42
- 'post-sem-color-interactive-focus-stroke-inverted': var(--post-core-color-brand-white),
43
- 'post-sem-color-interactive-text-input-enabled-fg': var(--post-core-color-sandgrey-100),
44
- 'post-sem-color-interactive-text-input-enabled-bg': var(--post-core-color-brand-white),
45
- 'post-sem-color-interactive-text-input-enabled-stroke': var(--post-sem-color-interactive-text_input-enabled-fg),
46
- 'post-sem-color-interactive-text-input-hover-fg-label': var(--post-core-color-sandgrey-070),
47
- 'post-sem-color-interactive-text-input-hover-bg': var(--post-core-color-brand-white),
48
- 'post-sem-color-interactive-text-input-hover-fg-value': var(--post-core-color-sandgrey-100),
49
- 'post-sem-color-interactive-text-input-hover-stroke': var(--post-core-color-sandgrey-070),
50
- 'post-sem-color-interactive-primary-enabled-bg': var(--post-core-color-brand-white),
51
- 'post-sem-color-interactive-primary-enabled-fg1': var(--post-core-color-sandgrey-100),
52
- 'post-sem-color-interactive-primary-enabled-fg2': var(--post-core-color-sandgrey-060),
53
- 'post-sem-color-interactive-primary-enabled-stroke': var(--post-core-color-sandgrey-100),
54
- 'post-sem-color-interactive-primary-enabled-fg-handle': var(--post-core-color-brand-white),
55
- 'post-sem-color-interactive-primary-enabled-bg-handle': var(--post-core-color-sandgrey-100),
56
- 'post-sem-color-interactive-primary-hover-bg': var(--post-core-color-brand-white),
57
- 'post-sem-color-interactive-primary-hover-fg1': var(--post-core-color-sandgrey-070),
58
- 'post-sem-color-interactive-primary-hover-fg2': var(--post-core-color-sandgrey-060),
59
- 'post-sem-color-interactive-primary-hover-stroke': var(--post-core-color-sandgrey-070),
60
- 'post-sem-color-interactive-primary-hover-fg-handle': var(--post-core-color-brand-white),
61
- 'post-sem-color-interactive-primary-hover-bg-handle': var(--post-core-color-sandgrey-070),
62
- 'post-sem-color-interactive-primary-disabled-bg': var(--post-core-color-brand-white),
63
- 'post-sem-color-interactive-primary-disabled-fg1': var(--post-core-color-sandgrey-060),
64
- 'post-sem-color-interactive-primary-disabled-fg2': var(--post-core-color-sandgrey-060),
65
- 'post-sem-color-interactive-primary-disabled-stroke': var(--post-core-color-sandgrey-060),
66
- 'post-sem-color-interactive-primary-disabled-bg2': var(--post-core-color-sandgrey-012),
67
- 'post-sem-color-interactive-primary-disabled-fg-handle': var(--post-core-color-brand-white),
68
- 'post-sem-color-interactive-primary-disabled-bg-handle': var(--post-core-color-sandgrey-012),
69
- 'post-sem-color-interactive-primary-disabled-stroke-handle': var(--post-core-color-sandgrey-060),
70
- 'post-sem-color-interactive-primary-selected-bg': var(--post-core-color-brand-white),
71
- 'post-sem-color-interactive-primary-selected-fg1': var(--post-core-color-sandgrey-100),
72
- 'post-sem-color-interactive-primary-selected-fg2': var(--post-core-color-sandgrey-060),
73
- 'post-sem-color-interactive-primary-selected-stroke': var(--post-core-color-sandgrey-100),
74
- 'post-sem-color-interactive-primary-selected-fg-handle': var(--post-core-color-brand-white),
75
- 'post-sem-color-interactive-primary-selected-bg-handle': var(--post-comp-interactive-color-signal-success),
76
- 'post-sem-color-surface-default-bg': var(--post-core-color-sandgrey-002),
77
- 'post-sem-color-surface-default-fg': var(--post-core-color-sandgrey-100),
78
- 'post-sem-color-surface-accent1-bg': var(--post-core-color-brand-white),
79
- 'post-sem-color-surface-accent1-fg': var(--post-core-color-sandgrey-100),
80
- 'post-sem-color-surface-accent2-bg': var(--post-core-color-sandgrey-006),
81
- 'post-sem-color-surface-accent2-fg': var(--post-core-color-sandgrey-100),
82
- 'post-sem-color-surface-accent3-bg': var(--post-core-color-brand-postyellow),
83
- 'post-sem-color-surface-accent3-fg': var(--post-core-color-sandgrey-100),
84
- 'post-sem-color-surface-accent4-bg': var(--post-core-color-sandgrey-080),
85
- 'post-sem-color-surface-accent4-fg': var(--post-core-color-brand-white),
86
- 'post-sem-color-surface-accent4-fg-accent': var(--post-core-color-brand-postyellow),
87
- 'post-sem-color-notification-badge-bg': var(--post-core-color-notification-red),
88
- 'post-sem-color-notification-badge-fg': var(--post-core-color-brand-white),
89
- 'post-sem-color-notification-badge-stroke': var(--post-core-color-brand-white),
90
- );
91
-
92
- $post-dark: (
93
- 'post-sem-color-signal-success-dark': var(--post-core-color-notification-green),
94
- 'post-sem-color-signal-success-light': var(--post-core-color-notification-green-light),
95
- 'post-sem-color-signal-error-dark': var(--post-core-color-notification-red),
96
- 'post-sem-color-signal-error-light': var(--post-core-color-notification-red-light),
97
- 'post-sem-color-signal-warning-dark': var(--post-core-color-notification-orange),
98
- 'post-sem-color-signal-warning-light': var(--post-core-color-notification-orange-light),
99
- 'post-sem-color-signal-information-dark': var(--post-core-color-notification-blue),
100
- 'post-sem-color-signal-information-light': var(--post-core-color-notification-blue-light),
101
- 'post-sem-color-interactive-button-primary-enabled-fg': var(--post-core-color-brand-white),
102
- 'post-sem-color-interactive-button-primary-enabled-bg': var(--post-core-color-sandgrey-100),
103
- 'post-sem-color-interactive-button-primary-enabled-stroke': var(--post-sem-color-interactive-button-primary-enabled-bg),
104
- 'post-sem-color-interactive-button-primary-hover-fg': var(--post-core-color-brand-white),
105
- 'post-sem-color-interactive-button-primary-hover-bg': var(--post-core-color-sandgrey-070),
106
- 'post-sem-color-interactive-button-primary-hover-stroke': var(--post-sem-color-interactive-button-primary-hover-bg),
107
- 'post-sem-color-interactive-button-primary-disabled-fg': var(--post-core-color-brand-white),
108
- 'post-sem-color-interactive-button-primary-disabled-bg': var(--post-core-color-sandgrey-060),
109
- 'post-sem-color-interactive-button-primary-disabled-stroke': var(--post-sem-color-interactive-button-primary-disabled-bg),
110
- 'post-sem-color-interactive-button-secondary-enabled-fg': var(--post-core-color-sandgrey-100),
111
- 'post-sem-color-interactive-button-secondary-enabled-bg': var(--post-core-color-brand-white),
112
- 'post-sem-color-interactive-button-secondary-enabled-stroke': var(--post-core-color-sandgrey-100),
113
- 'post-sem-color-interactive-button-secondary-hover-fg': var(--post-core-color-sandgrey-070),
114
- 'post-sem-color-interactive-button-secondary-hover-bg': var(--post-core-color-brand-white),
115
- 'post-sem-color-interactive-button-secondary-hover-stroke': var(--post-core-color-sandgrey-070),
116
- 'post-sem-color-interactive-button-secondary-disabled-fg': var(--post-core-color-sandgrey-060),
117
- 'post-sem-color-interactive-button-secondary-disabled-bg': var(--post-core-color-brand-white),
118
- 'post-sem-color-interactive-button-secondary-disabled-stroke': var(--post-core-color-sandgrey-060),
119
- 'post-sem-color-interactive-button-tertiary-enabled-fg': var(--post-core-color-sandgrey-100),
120
- 'post-sem-color-interactive-button-tertiary-enabled-bg': var(--post-core-color-colorless),
121
- 'post-sem-color-interactive-button-tertiary-enabled-stroke': var(--post-sem-color-interactive-button-tertiary-enabled-bg),
122
- 'post-sem-color-interactive-button-tertiary-hover-fg': var(--post-core-color-sandgrey-070),
123
- 'post-sem-color-interactive-button-tertiary-hover-bg': var(--post-core-color-colorless),
124
- 'post-sem-color-interactive-button-tertiary-hover-stroke': var(--post-sem-color-interactive-button-tertiary-hover-bg),
125
- 'post-sem-color-interactive-button-tertiary-disabled-fg': var(--post-core-color-sandgrey-060),
126
- 'post-sem-color-interactive-button-tertiary-disabled-bg': var(--post-core-color-colorless),
127
- 'post-sem-color-interactive-button-tertiary-disabled-stroke': var(--post-sem-color-interactive-button-tertiary-disabled-bg),
128
- 'post-sem-color-interactive-focus-stroke': var(--post-core-color-sandgrey-100),
129
- 'post-sem-color-interactive-focus-stroke-inverted': var(--post-core-color-brand-white),
130
- 'post-sem-color-interactive-text-input-enabled-fg': var(--post-core-color-sandgrey-100),
131
- 'post-sem-color-interactive-text-input-enabled-bg': var(--post-core-color-brand-white),
132
- 'post-sem-color-interactive-text-input-enabled-stroke': var(--post-sem-color-interactive-text_input-enabled-fg),
133
- 'post-sem-color-interactive-text-input-hover-fg-label': var(--post-core-color-sandgrey-070),
134
- 'post-sem-color-interactive-text-input-hover-bg': var(--post-core-color-brand-white),
135
- 'post-sem-color-interactive-text-input-hover-fg-value': var(--post-core-color-sandgrey-100),
136
- 'post-sem-color-interactive-text-input-hover-stroke': var(--post-core-color-sandgrey-070),
137
- 'post-sem-color-interactive-primary-enabled-bg': var(--post-core-color-brand-white),
138
- 'post-sem-color-interactive-primary-enabled-fg1': var(--post-core-color-sandgrey-100),
139
- 'post-sem-color-interactive-primary-enabled-fg2': var(--post-core-color-sandgrey-060),
140
- 'post-sem-color-interactive-primary-enabled-stroke': var(--post-core-color-sandgrey-100),
141
- 'post-sem-color-interactive-primary-enabled-fg-handle': var(--post-core-color-brand-white),
142
- 'post-sem-color-interactive-primary-enabled-bg-handle': var(--post-core-color-sandgrey-100),
143
- 'post-sem-color-interactive-primary-hover-bg': var(--post-core-color-brand-white),
144
- 'post-sem-color-interactive-primary-hover-fg1': var(--post-core-color-sandgrey-070),
145
- 'post-sem-color-interactive-primary-hover-fg2': var(--post-core-color-sandgrey-060),
146
- 'post-sem-color-interactive-primary-hover-stroke': var(--post-core-color-sandgrey-070),
147
- 'post-sem-color-interactive-primary-hover-fg-handle': var(--post-core-color-brand-white),
148
- 'post-sem-color-interactive-primary-hover-bg-handle': var(--post-core-color-sandgrey-070),
149
- 'post-sem-color-interactive-primary-disabled-bg': var(--post-core-color-brand-white),
150
- 'post-sem-color-interactive-primary-disabled-fg1': var(--post-core-color-sandgrey-060),
151
- 'post-sem-color-interactive-primary-disabled-fg2': var(--post-core-color-sandgrey-060),
152
- 'post-sem-color-interactive-primary-disabled-stroke': var(--post-core-color-sandgrey-060),
153
- 'post-sem-color-interactive-primary-disabled-bg2': var(--post-core-color-sandgrey-012),
154
- 'post-sem-color-interactive-primary-disabled-fg-handle': var(--post-core-color-brand-white),
155
- 'post-sem-color-interactive-primary-disabled-bg-handle': var(--post-core-color-sandgrey-012),
156
- 'post-sem-color-interactive-primary-disabled-stroke-handle': var(--post-core-color-sandgrey-060),
157
- 'post-sem-color-interactive-primary-selected-bg': var(--post-core-color-brand-white),
158
- 'post-sem-color-interactive-primary-selected-fg1': var(--post-core-color-sandgrey-100),
159
- 'post-sem-color-interactive-primary-selected-fg2': var(--post-core-color-sandgrey-060),
160
- 'post-sem-color-interactive-primary-selected-stroke': var(--post-core-color-sandgrey-100),
161
- 'post-sem-color-interactive-primary-selected-fg-handle': var(--post-core-color-brand-white),
162
- 'post-sem-color-interactive-primary-selected-bg-handle': var(--post-comp-interactive-color-signal-success),
163
- 'post-sem-color-surface-default-bg': var(--post-core-color-sandgrey-002),
164
- 'post-sem-color-surface-default-fg': var(--post-core-color-sandgrey-100),
165
- 'post-sem-color-surface-accent1-bg': var(--post-core-color-brand-white),
166
- 'post-sem-color-surface-accent1-fg': var(--post-core-color-sandgrey-100),
167
- 'post-sem-color-surface-accent2-bg': var(--post-core-color-sandgrey-006),
168
- 'post-sem-color-surface-accent2-fg': var(--post-core-color-sandgrey-100),
169
- 'post-sem-color-surface-accent3-bg': var(--post-core-color-brand-postyellow),
170
- 'post-sem-color-surface-accent3-fg': var(--post-core-color-sandgrey-100),
171
- 'post-sem-color-surface-accent4-bg': var(--post-core-color-sandgrey-080),
172
- 'post-sem-color-surface-accent4-fg': var(--post-core-color-brand-white),
173
- 'post-sem-color-surface-accent4-fg-accent': var(--post-core-color-brand-postyellow),
174
- 'post-sem-color-notification-badge-bg': var(--post-core-color-notification-red),
175
- 'post-sem-color-notification-badge-fg': var(--post-core-color-brand-white),
176
- 'post-sem-color-notification-badge-stroke': var(--post-core-color-brand-white),
177
- );
package/tokens/temp/theme.scss DELETED
@@ -1,7 +0,0 @@
1
- // Do not edit manually!
2
- // This file was generated on:
3
- // Mon, 28 Jul 2025 08:25:20 GMT by the @swisspost/design-system-tokens package build command
4
-
5
- $post-theme: (
6
- 'post-post-sem-sizing-interactive-height-filler': var(--post-core-dimension-24),
7
- );