@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.
- package/package.json +3 -3
- package/post-external.css +1 -1
- package/post-internal.css +1 -1
- package/post-tokens-external.css +1 -1
- package/post-tokens-internal.css +1 -1
- package/tokens/_post-theme.scss +1 -1
- package/tokens/temp/_channel.scss +12 -0
- package/tokens/temp/_components.scss +150 -0
- package/tokens/temp/{core.scss → _core.scss} +20 -19
- package/tokens/temp/_device.scss +472 -0
- package/tokens/temp/_index.scss +10 -0
- package/tokens/temp/_mode.scss +178 -0
- package/tokens/temp/_theme.scss +8 -0
- package/tokens/temp/channel.scss +0 -11
- package/tokens/temp/components.scss +0 -88
- package/tokens/temp/device.scss +0 -204
- package/tokens/temp/index.scss +0 -10
- package/tokens/temp/mode.scss +0 -177
- package/tokens/temp/theme.scss +0 -7
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit manually
|
|
3
|
+
// This file was generated by the swisspost/design-system-tokens package
|
|
4
|
+
// Mon, 18 Aug 2025 15:01:08 GMT
|
|
5
|
+
|
|
6
|
+
$post-light: (
|
|
7
|
+
post-sem-color-signal-success-dark: var(--post-core-color-notification-green),
|
|
8
|
+
post-sem-color-signal-success-light: var(--post-core-color-notification-green-light),
|
|
9
|
+
post-sem-color-signal-error-dark: var(--post-core-color-notification-red),
|
|
10
|
+
post-sem-color-signal-error-light: var(--post-core-color-notification-red-light),
|
|
11
|
+
post-sem-color-signal-warning-dark: var(--post-core-color-notification-orange),
|
|
12
|
+
post-sem-color-signal-warning-light: var(--post-core-color-notification-orange-light),
|
|
13
|
+
post-sem-color-signal-information-dark: var(--post-core-color-notification-blue),
|
|
14
|
+
post-sem-color-signal-information-light: var(--post-core-color-notification-blue-light),
|
|
15
|
+
post-sem-color-interactive-button-primary-enabled-fg: var(--post-core-color-brand-white),
|
|
16
|
+
post-sem-color-interactive-button-primary-enabled-bg: var(--post-core-color-sandgrey-100),
|
|
17
|
+
post-sem-color-interactive-button-primary-enabled-stroke: var(--post-sem-color-interactive-button-primary-enabled-bg),
|
|
18
|
+
post-sem-color-interactive-button-primary-hover-fg: var(--post-core-color-brand-white),
|
|
19
|
+
post-sem-color-interactive-button-primary-hover-bg: var(--post-core-color-sandgrey-070),
|
|
20
|
+
post-sem-color-interactive-button-primary-hover-stroke: var(--post-sem-color-interactive-button-primary-hover-bg),
|
|
21
|
+
post-sem-color-interactive-button-primary-disabled-fg: var(--post-core-color-brand-white),
|
|
22
|
+
post-sem-color-interactive-button-primary-disabled-bg: var(--post-core-color-sandgrey-060),
|
|
23
|
+
post-sem-color-interactive-button-primary-disabled-stroke: var(--post-sem-color-interactive-button-primary-disabled-bg),
|
|
24
|
+
post-sem-color-interactive-button-secondary-enabled-fg: var(--post-core-color-sandgrey-100),
|
|
25
|
+
post-sem-color-interactive-button-secondary-enabled-bg: var(--post-core-color-brand-white),
|
|
26
|
+
post-sem-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-sandgrey-100),
|
|
27
|
+
post-sem-color-interactive-button-secondary-hover-fg: var(--post-core-color-sandgrey-070),
|
|
28
|
+
post-sem-color-interactive-button-secondary-hover-bg: var(--post-core-color-brand-white),
|
|
29
|
+
post-sem-color-interactive-button-secondary-hover-stroke: var(--post-core-color-sandgrey-070),
|
|
30
|
+
post-sem-color-interactive-button-secondary-disabled-fg: var(--post-core-color-sandgrey-060),
|
|
31
|
+
post-sem-color-interactive-button-secondary-disabled-bg: var(--post-core-color-brand-white),
|
|
32
|
+
post-sem-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-sandgrey-060),
|
|
33
|
+
post-sem-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-sandgrey-100),
|
|
34
|
+
post-sem-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless),
|
|
35
|
+
post-sem-color-interactive-button-tertiary-enabled-stroke: var(--post-sem-color-interactive-button-tertiary-enabled-bg),
|
|
36
|
+
post-sem-color-interactive-button-tertiary-hover-fg: var(--post-core-color-sandgrey-070),
|
|
37
|
+
post-sem-color-interactive-button-tertiary-hover-bg: var(--post-core-color-colorless),
|
|
38
|
+
post-sem-color-interactive-button-tertiary-hover-stroke: var(--post-sem-color-interactive-button-tertiary-hover-bg),
|
|
39
|
+
post-sem-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-sandgrey-060),
|
|
40
|
+
post-sem-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-colorless),
|
|
41
|
+
post-sem-color-interactive-button-tertiary-disabled-stroke: var(--post-sem-color-interactive-button-tertiary-disabled-bg),
|
|
42
|
+
post-sem-color-interactive-focus-stroke: var(--post-core-color-sandgrey-100),
|
|
43
|
+
post-sem-color-interactive-focus-stroke-inverted: var(--post-core-color-brand-white),
|
|
44
|
+
post-sem-color-interactive-text_input-enabled-fg: var(--post-core-color-sandgrey-100),
|
|
45
|
+
post-sem-color-interactive-text_input-enabled-bg: var(--post-core-color-brand-white),
|
|
46
|
+
post-sem-color-interactive-text_input-enabled-stroke: var(--post-sem-color-interactive-text_input-enabled-fg),
|
|
47
|
+
post-sem-color-interactive-text_input-hover-fg-label: var(--post-core-color-sandgrey-070),
|
|
48
|
+
post-sem-color-interactive-text_input-hover-bg: var(--post-core-color-brand-white),
|
|
49
|
+
post-sem-color-interactive-text_input-hover-fg-value: var(--post-core-color-sandgrey-100),
|
|
50
|
+
post-sem-color-interactive-text_input-hover-stroke: var(--post-core-color-sandgrey-070),
|
|
51
|
+
post-sem-color-interactive-primary-enabled-bg: var(--post-core-color-brand-white),
|
|
52
|
+
post-sem-color-interactive-primary-enabled-fg1: var(--post-core-color-sandgrey-100),
|
|
53
|
+
post-sem-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060),
|
|
54
|
+
post-sem-color-interactive-primary-enabled-stroke: var(--post-core-color-sandgrey-100),
|
|
55
|
+
post-sem-color-interactive-primary-enabled-fg-handle: var(--post-core-color-brand-white),
|
|
56
|
+
post-sem-color-interactive-primary-enabled-bg-handle: var(--post-core-color-sandgrey-100),
|
|
57
|
+
post-sem-color-interactive-primary-hover-bg: var(--post-core-color-brand-white),
|
|
58
|
+
post-sem-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070),
|
|
59
|
+
post-sem-color-interactive-primary-hover-fg2: var(--post-core-color-sandgrey-060),
|
|
60
|
+
post-sem-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070),
|
|
61
|
+
post-sem-color-interactive-primary-hover-fg-handle: var(--post-core-color-brand-white),
|
|
62
|
+
post-sem-color-interactive-primary-hover-bg-handle: var(--post-core-color-sandgrey-070),
|
|
63
|
+
post-sem-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white),
|
|
64
|
+
post-sem-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060),
|
|
65
|
+
post-sem-color-interactive-primary-disabled-fg2: var(--post-core-color-sandgrey-060),
|
|
66
|
+
post-sem-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060),
|
|
67
|
+
post-sem-color-interactive-primary-disabled-bg2: var(--post-core-color-sandgrey-012),
|
|
68
|
+
post-sem-color-interactive-primary-disabled-fg-handle: var(--post-core-color-brand-white),
|
|
69
|
+
post-sem-color-interactive-primary-disabled-bg-handle: var(--post-core-color-sandgrey-012),
|
|
70
|
+
post-sem-color-interactive-primary-disabled-stroke-handle: var(--post-core-color-sandgrey-060),
|
|
71
|
+
post-sem-color-interactive-primary-selected-bg: var(--post-core-color-brand-white),
|
|
72
|
+
post-sem-color-interactive-primary-selected-fg1: var(--post-core-color-sandgrey-100),
|
|
73
|
+
post-sem-color-interactive-primary-selected-fg2: var(--post-core-color-sandgrey-060),
|
|
74
|
+
post-sem-color-interactive-primary-selected-stroke: var(--post-core-color-sandgrey-100),
|
|
75
|
+
post-sem-color-interactive-primary-selected-fg-handle: var(--post-core-color-brand-white),
|
|
76
|
+
post-sem-color-interactive-primary-selected-bg-handle: var(--post-comp-interactive-color-signal-success),
|
|
77
|
+
post-sem-color-surface-default-bg: var(--post-core-color-sandgrey-002),
|
|
78
|
+
post-sem-color-surface-default-fg: var(--post-core-color-sandgrey-100),
|
|
79
|
+
post-sem-color-surface-accent1-bg: var(--post-core-color-brand-white),
|
|
80
|
+
post-sem-color-surface-accent1-fg: var(--post-core-color-sandgrey-100),
|
|
81
|
+
post-sem-color-surface-accent2-bg: var(--post-core-color-sandgrey-006),
|
|
82
|
+
post-sem-color-surface-accent2-fg: var(--post-core-color-sandgrey-100),
|
|
83
|
+
post-sem-color-surface-accent3-bg: var(--post-core-color-brand-postyellow),
|
|
84
|
+
post-sem-color-surface-accent3-fg: var(--post-core-color-sandgrey-100),
|
|
85
|
+
post-sem-color-surface-accent4-bg: var(--post-core-color-sandgrey-080),
|
|
86
|
+
post-sem-color-surface-accent4-fg: var(--post-core-color-brand-white),
|
|
87
|
+
post-sem-color-surface-accent4-fg-accent: var(--post-core-color-brand-postyellow),
|
|
88
|
+
post-sem-color-notification-badge-bg: var(--post-core-color-notification-red),
|
|
89
|
+
post-sem-color-notification-badge-fg: var(--post-core-color-brand-white),
|
|
90
|
+
post-sem-color-notification-badge-stroke: var(--post-core-color-brand-white),
|
|
91
|
+
);
|
|
92
|
+
|
|
93
|
+
$post-dark: (
|
|
94
|
+
post-sem-color-signal-success-dark: var(--post-core-color-notification-green),
|
|
95
|
+
post-sem-color-signal-success-light: var(--post-core-color-notification-green-light),
|
|
96
|
+
post-sem-color-signal-error-dark: var(--post-core-color-notification-red),
|
|
97
|
+
post-sem-color-signal-error-light: var(--post-core-color-notification-red-light),
|
|
98
|
+
post-sem-color-signal-warning-dark: var(--post-core-color-notification-orange),
|
|
99
|
+
post-sem-color-signal-warning-light: var(--post-core-color-notification-orange-light),
|
|
100
|
+
post-sem-color-signal-information-dark: var(--post-core-color-notification-blue),
|
|
101
|
+
post-sem-color-signal-information-light: var(--post-core-color-notification-blue-light),
|
|
102
|
+
post-sem-color-interactive-button-primary-enabled-fg: var(--post-core-color-brand-white),
|
|
103
|
+
post-sem-color-interactive-button-primary-enabled-bg: var(--post-core-color-sandgrey-100),
|
|
104
|
+
post-sem-color-interactive-button-primary-enabled-stroke: var(--post-sem-color-interactive-button-primary-enabled-bg),
|
|
105
|
+
post-sem-color-interactive-button-primary-hover-fg: var(--post-core-color-brand-white),
|
|
106
|
+
post-sem-color-interactive-button-primary-hover-bg: var(--post-core-color-sandgrey-070),
|
|
107
|
+
post-sem-color-interactive-button-primary-hover-stroke: var(--post-sem-color-interactive-button-primary-hover-bg),
|
|
108
|
+
post-sem-color-interactive-button-primary-disabled-fg: var(--post-core-color-brand-white),
|
|
109
|
+
post-sem-color-interactive-button-primary-disabled-bg: var(--post-core-color-sandgrey-060),
|
|
110
|
+
post-sem-color-interactive-button-primary-disabled-stroke: var(--post-sem-color-interactive-button-primary-disabled-bg),
|
|
111
|
+
post-sem-color-interactive-button-secondary-enabled-fg: var(--post-core-color-sandgrey-100),
|
|
112
|
+
post-sem-color-interactive-button-secondary-enabled-bg: var(--post-core-color-brand-white),
|
|
113
|
+
post-sem-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-sandgrey-100),
|
|
114
|
+
post-sem-color-interactive-button-secondary-hover-fg: var(--post-core-color-sandgrey-070),
|
|
115
|
+
post-sem-color-interactive-button-secondary-hover-bg: var(--post-core-color-brand-white),
|
|
116
|
+
post-sem-color-interactive-button-secondary-hover-stroke: var(--post-core-color-sandgrey-070),
|
|
117
|
+
post-sem-color-interactive-button-secondary-disabled-fg: var(--post-core-color-sandgrey-060),
|
|
118
|
+
post-sem-color-interactive-button-secondary-disabled-bg: var(--post-core-color-brand-white),
|
|
119
|
+
post-sem-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-sandgrey-060),
|
|
120
|
+
post-sem-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-sandgrey-100),
|
|
121
|
+
post-sem-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless),
|
|
122
|
+
post-sem-color-interactive-button-tertiary-enabled-stroke: var(--post-sem-color-interactive-button-tertiary-enabled-bg),
|
|
123
|
+
post-sem-color-interactive-button-tertiary-hover-fg: var(--post-core-color-sandgrey-070),
|
|
124
|
+
post-sem-color-interactive-button-tertiary-hover-bg: var(--post-core-color-colorless),
|
|
125
|
+
post-sem-color-interactive-button-tertiary-hover-stroke: var(--post-sem-color-interactive-button-tertiary-hover-bg),
|
|
126
|
+
post-sem-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-sandgrey-060),
|
|
127
|
+
post-sem-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-colorless),
|
|
128
|
+
post-sem-color-interactive-button-tertiary-disabled-stroke: var(--post-sem-color-interactive-button-tertiary-disabled-bg),
|
|
129
|
+
post-sem-color-interactive-focus-stroke: var(--post-core-color-sandgrey-100),
|
|
130
|
+
post-sem-color-interactive-focus-stroke-inverted: var(--post-core-color-brand-white),
|
|
131
|
+
post-sem-color-interactive-text_input-enabled-fg: var(--post-core-color-sandgrey-100),
|
|
132
|
+
post-sem-color-interactive-text_input-enabled-bg: var(--post-core-color-brand-white),
|
|
133
|
+
post-sem-color-interactive-text_input-enabled-stroke: var(--post-sem-color-interactive-text_input-enabled-fg),
|
|
134
|
+
post-sem-color-interactive-text_input-hover-fg-label: var(--post-core-color-sandgrey-070),
|
|
135
|
+
post-sem-color-interactive-text_input-hover-bg: var(--post-core-color-brand-white),
|
|
136
|
+
post-sem-color-interactive-text_input-hover-fg-value: var(--post-core-color-sandgrey-100),
|
|
137
|
+
post-sem-color-interactive-text_input-hover-stroke: var(--post-core-color-sandgrey-070),
|
|
138
|
+
post-sem-color-interactive-primary-enabled-bg: var(--post-core-color-brand-white),
|
|
139
|
+
post-sem-color-interactive-primary-enabled-fg1: var(--post-core-color-sandgrey-100),
|
|
140
|
+
post-sem-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060),
|
|
141
|
+
post-sem-color-interactive-primary-enabled-stroke: var(--post-core-color-sandgrey-100),
|
|
142
|
+
post-sem-color-interactive-primary-enabled-fg-handle: var(--post-core-color-brand-white),
|
|
143
|
+
post-sem-color-interactive-primary-enabled-bg-handle: var(--post-core-color-sandgrey-100),
|
|
144
|
+
post-sem-color-interactive-primary-hover-bg: var(--post-core-color-brand-white),
|
|
145
|
+
post-sem-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070),
|
|
146
|
+
post-sem-color-interactive-primary-hover-fg2: var(--post-core-color-sandgrey-060),
|
|
147
|
+
post-sem-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070),
|
|
148
|
+
post-sem-color-interactive-primary-hover-fg-handle: var(--post-core-color-brand-white),
|
|
149
|
+
post-sem-color-interactive-primary-hover-bg-handle: var(--post-core-color-sandgrey-070),
|
|
150
|
+
post-sem-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white),
|
|
151
|
+
post-sem-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060),
|
|
152
|
+
post-sem-color-interactive-primary-disabled-fg2: var(--post-core-color-sandgrey-060),
|
|
153
|
+
post-sem-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060),
|
|
154
|
+
post-sem-color-interactive-primary-disabled-bg2: var(--post-core-color-sandgrey-012),
|
|
155
|
+
post-sem-color-interactive-primary-disabled-fg-handle: var(--post-core-color-brand-white),
|
|
156
|
+
post-sem-color-interactive-primary-disabled-bg-handle: var(--post-core-color-sandgrey-012),
|
|
157
|
+
post-sem-color-interactive-primary-disabled-stroke-handle: var(--post-core-color-sandgrey-060),
|
|
158
|
+
post-sem-color-interactive-primary-selected-bg: var(--post-core-color-brand-white),
|
|
159
|
+
post-sem-color-interactive-primary-selected-fg1: var(--post-core-color-sandgrey-100),
|
|
160
|
+
post-sem-color-interactive-primary-selected-fg2: var(--post-core-color-sandgrey-060),
|
|
161
|
+
post-sem-color-interactive-primary-selected-stroke: var(--post-core-color-sandgrey-100),
|
|
162
|
+
post-sem-color-interactive-primary-selected-fg-handle: var(--post-core-color-brand-white),
|
|
163
|
+
post-sem-color-interactive-primary-selected-bg-handle: var(--post-comp-interactive-color-signal-success),
|
|
164
|
+
post-sem-color-surface-default-bg: var(--post-core-color-sandgrey-002),
|
|
165
|
+
post-sem-color-surface-default-fg: var(--post-core-color-sandgrey-100),
|
|
166
|
+
post-sem-color-surface-accent1-bg: var(--post-core-color-brand-white),
|
|
167
|
+
post-sem-color-surface-accent1-fg: var(--post-core-color-sandgrey-100),
|
|
168
|
+
post-sem-color-surface-accent2-bg: var(--post-core-color-sandgrey-006),
|
|
169
|
+
post-sem-color-surface-accent2-fg: var(--post-core-color-sandgrey-100),
|
|
170
|
+
post-sem-color-surface-accent3-bg: var(--post-core-color-brand-postyellow),
|
|
171
|
+
post-sem-color-surface-accent3-fg: var(--post-core-color-sandgrey-100),
|
|
172
|
+
post-sem-color-surface-accent4-bg: var(--post-core-color-sandgrey-080),
|
|
173
|
+
post-sem-color-surface-accent4-fg: var(--post-core-color-brand-white),
|
|
174
|
+
post-sem-color-surface-accent4-fg-accent: var(--post-core-color-brand-postyellow),
|
|
175
|
+
post-sem-color-notification-badge-bg: var(--post-core-color-notification-red),
|
|
176
|
+
post-sem-color-notification-badge-fg: var(--post-core-color-brand-white),
|
|
177
|
+
post-sem-color-notification-badge-stroke: var(--post-core-color-brand-white),
|
|
178
|
+
);
|
package/tokens/temp/channel.scss
DELETED
|
@@ -1,11 +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-edk: (
|
|
6
|
-
'post-sem-sizing-interactive-height-filler': var(--post-core-dimension-24),
|
|
7
|
-
);
|
|
8
|
-
|
|
9
|
-
$post-idk: (
|
|
10
|
-
'post-sem-sizing-interactive-height-filler': var(--post-core-dimension-24),
|
|
11
|
-
);
|
|
@@ -1,88 +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-interactives: (
|
|
6
|
-
'post-comp-interactive-color-primary-bg-enabled': var(--post-sem-color-interactive-primary-enabled-bg),
|
|
7
|
-
'post-comp-interactive-color-primary-fg-enabled': var(--post-sem-color-interactive-primary-enabled-fg1),
|
|
8
|
-
'post-comp-interactive-color-primary-bg-hover': var(--post-sem-color-interactive-primary-hover-bg),
|
|
9
|
-
'post-comp-interactive-color-primary-fg-hover': var(--post-sem-color-interactive-primary-hover-fg1),
|
|
10
|
-
'post-comp-interactive-color-primary-bg-disabled': var(--post-sem-color-interactive-primary-disabled-bg),
|
|
11
|
-
'post-comp-interactive-color-primary-fg-disabled': var(--post-sem-color-interactive-primary-disabled-fg1),
|
|
12
|
-
'post-comp-interactive-color-primary-bg-selected': var(--post-sem-color-interactive-primary-selected-bg),
|
|
13
|
-
'post-comp-interactive-color-primary-fg-selected': var(--post-sem-color-interactive-primary-selected-fg1),
|
|
14
|
-
'post-comp-interactive-color-primary-fg-help': var(--post-sem-color-interactive-primary-enabled-fg2),
|
|
15
|
-
'post-comp-interactive-color-primary-stroke-enabled': var(--post-sem-color-interactive-primary-enabled-stroke),
|
|
16
|
-
'post-comp-interactive-color-primary-stroke-hover': var(--post-sem-color-interactive-primary-hover-stroke),
|
|
17
|
-
'post-comp-interactive-color-primary-stroke-disabled': var(--post-sem-color-interactive-primary-disabled-stroke),
|
|
18
|
-
'post-comp-interactive-color-primary-stroke-selected': var(--post-sem-color-interactive-primary-selected-stroke),
|
|
19
|
-
'post-comp-interactive-color-primary-handle-fg-enabled': var(--post-sem-color-interactive-primary-enabled-fg-handle),
|
|
20
|
-
'post-comp-interactive-color-primary-handle-bg-enabled': var(--post-sem-color-interactive-primary-enabled-bg-handle),
|
|
21
|
-
'post-comp-interactive-color-primary-handle-fg-selected': var(--post-sem-color-interactive-primary-selected-fg-handle),
|
|
22
|
-
'post-comp-interactive-color-primary-handle-bg-selected': var(--post-sem-color-interactive-primary-selected-bg-handle),
|
|
23
|
-
'post-comp-interactive-color-primary-handle-fg-hover': var(--post-sem-color-interactive-primary-enabled-fg-handle),
|
|
24
|
-
'post-comp-interactive-color-primary-handle-bg-hover': var(--post-sem-color-interactive-primary-hover-bg-handle),
|
|
25
|
-
'post-comp-interactive-color-primary-handle-fg-disabled': var(--post-sem-color-interactive-primary-disabled-fg-handle),
|
|
26
|
-
'post-comp-interactive-color-primary-handle-bg-disabled': var(--post-sem-color-interactive-primary-disabled-bg-handle),
|
|
27
|
-
'post-comp-interactive-color-primary-handle-stroke-disabled': var(--post-sem-color-interactive-primary-disabled-stroke-handle),
|
|
28
|
-
'post-comp-interactive-color-signal-error': var(--post-sem-color-signal-error-dark),
|
|
29
|
-
'post-comp-interactive-color-signal-success': var(--post-sem-color-signal-success-dark),
|
|
30
|
-
'post-comp-interactive-color-focus-stroke': var(--post-sem-color-interactive-focus-stroke),
|
|
31
|
-
'post-comp-interactive-color-focus-stroke-inverted': var(--post-sem-color-interactive-focus-stroke-inverted),
|
|
32
|
-
'post-comp-interactive-spacing-gap-block-1': var(--post-sem-spacing-interactive-gap-block-1),
|
|
33
|
-
'post-comp-interactive-spacing-gap-block-2': var(--post-sem-spacing-interactive-gap-block-2),
|
|
34
|
-
'post-comp-interactive-spacing-gap-inline-1': var(--post-sem-spacing-interactive-gap-inline-1),
|
|
35
|
-
'post-comp-interactive-spacing-gap-inline-switch': var(--post-sem-spacing-interactive-gap-inline-3),
|
|
36
|
-
'post-comp-interactive-spacing-padding-block-icon-inner': var(--post-sem-spacing-interactive-padding-1),
|
|
37
|
-
'post-comp-interactive-spacing-padding-inline-icon-inner': var(--post-sem-spacing-interactive-padding-1),
|
|
38
|
-
'post-comp-interactive-textfields-spacing-padding-inline-text-start': var(--post-sem-spacing-interactive-padding-inline-1),
|
|
39
|
-
'post-comp-interactive-textfields-spacing-padding-inline-text-end': var(--post-sem-spacing-interactive-padding-3),
|
|
40
|
-
'post-comp-interactive-textfields-spacing-padding-inline-text-assist': var(--post-sem-spacing-interactive-padding-2),
|
|
41
|
-
'post-comp-interactive-textfields-spacing-padding-block-text1': var(--post-sem-spacing-interactive-padding-block-1),
|
|
42
|
-
'post-comp-interactive-textfields-spacing-padding-block-text2': var(--post-sem-spacing-interactive-padding-block-3),
|
|
43
|
-
'post-comp-interactive-textfields-spacing-padding-block-text3': var(--post-sem-spacing-interactive-padding-block-4),
|
|
44
|
-
'post-comp-interactive-textfields-spacing-padding-block-text-assist': var(--post-sem-spacing-interactive-padding-block-5),
|
|
45
|
-
'post-comp-interactive-textfields-spacing-padding-block-text4': var(--post-sem-spacing-interactive-padding-3),
|
|
46
|
-
'post-comp-interactive-textfields-spacing-padding-block-textarea-top': var(--post-sem-spacing-interactive-padding-block-9),
|
|
47
|
-
'post-comp-interactive-textfields-spacing-gap-inline-1': var(--post-sem-spacing-interactive-gap-inline-2),
|
|
48
|
-
'post-comp-interactive-textfields-spacing-gap-inline-2': var(--post-sem-spacing-interactive-gap-inline-4),
|
|
49
|
-
'post-comp-interactive-sizing-icon-width-inner': var(--post-sem-sizing-interactive-icon-width),
|
|
50
|
-
'post-comp-interactive-sizing-icon-height-inner': var(--post-sem-sizing-interactive-icon-height),
|
|
51
|
-
'post-comp-interactive-clickable-spacing-padding-inline-text-start': var(--post-sem-spacing-interactive-padding-inline-2),
|
|
52
|
-
'post-comp-interactive-clickable-spacing-padding-block-text': var(--post-sem-spacing-interactive-padding-block-6),
|
|
53
|
-
'post-comp-interactive-switch-spacing-padding-block-text': var(--post-sem-spacing-interactive-padding-block-7),
|
|
54
|
-
'post-comp-interactive-switch-spacing-padding-block-group-bottom': var(--post-sem-spacing-interactive-padding-block-8),
|
|
55
|
-
'post-comp-interactive-button-primary-color-fg-enabled': var(--post-sem-color-interactive-button-primary-enabled-fg),
|
|
56
|
-
'post-comp-interactive-button-primary-color-bg-enabled': var(--post-sem-color-interactive-button-primary-enabled-bg),
|
|
57
|
-
'post-comp-interactive-button-primary-color-stroke-enabled': var(--post-sem-color-interactive-button-primary-enabled-stroke),
|
|
58
|
-
'post-comp-interactive-button-primary-color-fg-hover': var(--post-sem-color-interactive-button-primary-hover-fg),
|
|
59
|
-
'post-comp-interactive-button-primary-color-bg-hover': var(--post-sem-color-interactive-button-primary-hover-bg),
|
|
60
|
-
'post-comp-interactive-button-primary-color-stroke-hover': var(--post-sem-color-interactive-button-primary-hover-stroke),
|
|
61
|
-
'post-comp-interactive-button-primary-color-fg-disabled': var(--post-sem-color-interactive-button-primary-disabled-fg),
|
|
62
|
-
'post-comp-interactive-button-primary-color-bg-disabled': var(--post-sem-color-interactive-button-primary-disabled-bg),
|
|
63
|
-
'post-comp-interactive-button-primary-color-stroke-disabled': var(--post-sem-color-interactive-button-primary-disabled-stroke),
|
|
64
|
-
'post-comp-interactive-button-secondary-color-fg-enabled': var(--post-sem-color-interactive-button-secondary-enabled-fg),
|
|
65
|
-
'post-comp-interactive-button-secondary-color-bg-enabled': var(--post-sem-color-interactive-button-secondary-enabled-bg),
|
|
66
|
-
'post-comp-interactive-button-secondary-color-stroke-enabled': var(--post-sem-color-interactive-button-secondary-enabled-stroke),
|
|
67
|
-
'post-comp-interactive-button-secondary-color-fg-hover': var(--post-sem-color-interactive-button-secondary-hover-fg),
|
|
68
|
-
'post-comp-interactive-button-secondary-color-bg-hover': var(--post-sem-color-interactive-button-secondary-hover-bg),
|
|
69
|
-
'post-comp-interactive-button-secondary-color-stroke-hover': var(--post-sem-color-interactive-button-secondary-hover-stroke),
|
|
70
|
-
'post-comp-interactive-button-secondary-color-fg-disabled': var(--post-sem-color-interactive-button-secondary-disabled-fg),
|
|
71
|
-
'post-comp-interactive-button-secondary-color-bg-disabled': var(--post-sem-color-interactive-button-secondary-disabled-bg),
|
|
72
|
-
'post-comp-interactive-button-secondary-color-stroke-disabled': var(--post-sem-color-interactive-button-secondary-disabled-stroke),
|
|
73
|
-
'post-comp-interactive-breadcrumb-spacing-padding-block-text': var(--post-sem-spacing-interactive-padding-block-7),
|
|
74
|
-
'post-comp-interactive-breadcrumb-spacing-gap-inline-outer': var(--post-sem-spacing-interactive-gap-inline-4),
|
|
75
|
-
'post-comp-interactive-breadcrumb-spacing-gap-inline-inner': var(--post-sem-spacing-interactive-gap-inline-5),
|
|
76
|
-
);
|
|
77
|
-
|
|
78
|
-
$post-notifications: (
|
|
79
|
-
'post-comp-notification-color-bg-badge': var(--post-sem-color-notification-badge-bg),
|
|
80
|
-
'post-comp-notification-color-fg-badge': var(--post-sem-color-notification-badge-fg),
|
|
81
|
-
'post-comp-notification-color-stroke-badge': var(--post-sem-color-notification-badge-stroke),
|
|
82
|
-
'post-comp-notification-popover-color-bg': var(--post-sem-color-surface-accent4-bg),
|
|
83
|
-
'post-comp-notification-popover-color-fg': var(--post-sem-color-surface-accent4-fg),
|
|
84
|
-
'post-comp-notification-popover-color-fg-icon': var(--post-sem-color-surface-accent1-fg),
|
|
85
|
-
'post-comp-notification-popover-color-bg-icon': var(--post-sem-color-surface-accent1-bg),
|
|
86
|
-
'post-comp-notification-clickable-spacing-padding-icon': var(--post-sem-spacing-interactive-padding-2),
|
|
87
|
-
'post-comp-notification-interactives-spacing-gap-inline-icon-end': var(--post-sem-spacing-interactive-gap-inline-4),
|
|
88
|
-
);
|
package/tokens/temp/device.scss
DELETED
|
@@ -1,204 +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-desktop: (
|
|
6
|
-
'post-sem-font-size-heading-xs': var(--post-core-font-size-20),
|
|
7
|
-
'post-sem-font-size-heading-s': var(--post-core-font-size-24),
|
|
8
|
-
'post-sem-font-size-heading-m': var(--post-core-font-size-28),
|
|
9
|
-
'post-sem-font-size-heading-l': var(--post-core-font-size-32),
|
|
10
|
-
'post-sem-font-size-heading-xl': var(--post-core-font-size-36),
|
|
11
|
-
'post-sem-font-size-heading-xxl': var(--post-core-font-size-40),
|
|
12
|
-
'post-sem-font-size-text-xs': var(--post-core-font-size-12),
|
|
13
|
-
'post-sem-font-size-text-s': var(--post-core-font-size-14),
|
|
14
|
-
'post-sem-font-size-text-m': var(--post-core-font-size-16),
|
|
15
|
-
'post-sem-font-size-text-l': var(--post-core-font-size-18),
|
|
16
|
-
'post-sem-font-size-text-xl': var(--post-core-font-size-20),
|
|
17
|
-
'post-sem-elevation-base': var(--post-core-elevation-1),
|
|
18
|
-
'post-sem-elevation-s': var(--post-core-elevation-2),
|
|
19
|
-
'post-sem-elevation-m': var(--post-core-elevation-3),
|
|
20
|
-
'post-sem-elevation-l': var(--post-core-elevation-4),
|
|
21
|
-
'post-sem-elevation-xl': var(--post-core-elevation-5),
|
|
22
|
-
'post-sem-typo-title-h1': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
23
|
-
'post-sem-typo-title-h2': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
24
|
-
'post-sem-typo-title-h3': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
25
|
-
'post-sem-typo-title-h4': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
26
|
-
'post-sem-typo-title-h5': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
27
|
-
'post-sem-typo-title-h6': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
28
|
-
'post-sem-typo-subtitle-sub-h1': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
29
|
-
'post-sem-typo-subtitle-sub-h2': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
30
|
-
'post-sem-typo-subtitle-sub-h3': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
31
|
-
'post-sem-typo-subtitle-sub-h4': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
32
|
-
'post-sem-typo-subtitle-sub-h5': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
33
|
-
'post-sem-typo-subtitle-sub-h6': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
34
|
-
'post-sem-typo-text-lead': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
35
|
-
'post-sem-typo-text-paragraph': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
36
|
-
'post-sem-typo-text-legend-l': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
37
|
-
'post-sem-typo-text-legend-s': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
38
|
-
'post-sem-typo-text-label-l': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-18)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
39
|
-
'post-sem-typo-text-label-m': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-16)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
40
|
-
'post-sem-typo-text-label-s': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
41
|
-
'post-sem-typo-text-label-xs': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-12)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
42
|
-
'post-sem-typo-text-link-underline': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default) underline,
|
|
43
|
-
'post-sem-typo-text-link': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
44
|
-
'post-sem-font-family-default': var(--post-core-font-family-swisspostsans),
|
|
45
|
-
'post-sem-spacing-interactive-gap-block-1': var(--post-core-dimension-16),
|
|
46
|
-
'post-sem-spacing-interactive-gap-block-2': var(--post-core-dimension-16),
|
|
47
|
-
'post-sem-spacing-interactive-gap-inline-1': var(--post-core-dimension-8),
|
|
48
|
-
'post-sem-spacing-interactive-gap-inline-2': var(--post-core-dimension-8),
|
|
49
|
-
'post-sem-spacing-interactive-gap-inline-3': var(--post-core-dimension-12),
|
|
50
|
-
'post-sem-spacing-interactive-gap-inline-4': var(--post-core-dimension-4),
|
|
51
|
-
'post-sem-spacing-interactive-gap-inline-5': var(--post-core-dimension-2),
|
|
52
|
-
'post-sem-spacing-interactive-padding-1': var(--post-core-dimension-0),
|
|
53
|
-
'post-sem-spacing-interactive-padding-2': var(--post-core-dimension-2),
|
|
54
|
-
'post-sem-spacing-interactive-padding-3': var(--post-core-dimension-10),
|
|
55
|
-
'post-sem-spacing-interactive-padding-inline-1': var(--post-core-dimension-14),
|
|
56
|
-
'post-sem-spacing-interactive-padding-inline-2': var(--post-core-dimension-32),
|
|
57
|
-
'post-sem-spacing-interactive-padding-block-1': var(--post-core-dimension-11),
|
|
58
|
-
'post-sem-spacing-interactive-padding-block-2': var(--post-core-dimension-4),
|
|
59
|
-
'post-sem-spacing-interactive-padding-block-3': var(--post-core-dimension-4-5),
|
|
60
|
-
'post-sem-spacing-interactive-padding-block-4': var(--post-core-dimension-7-5),
|
|
61
|
-
'post-sem-spacing-interactive-padding-block-5': var(--post-core-dimension-6),
|
|
62
|
-
'post-sem-spacing-interactive-padding-block-6': var(--post-core-dimension-1),
|
|
63
|
-
'post-sem-spacing-interactive-padding-block-7': var(--post-core-dimension-1),
|
|
64
|
-
'post-sem-spacing-interactive-padding-block-8': var(--post-core-dimension-32),
|
|
65
|
-
'post-sem-spacing-interactive-padding-block-9': var(--post-core-dimension-5),
|
|
66
|
-
'post-sem-sizing-interactive-icon-height': var(--post-core-dimension-24),
|
|
67
|
-
'post-sem-sizing-interactive-icon-width': var(--post-core-dimension-24),
|
|
68
|
-
'post-core-font-weight-bold': var(--post-core-font-weight-700),
|
|
69
|
-
'post-core-font-weight-regular': var(--post-core-font-weight-400),
|
|
70
|
-
);
|
|
71
|
-
|
|
72
|
-
$post-tablet: (
|
|
73
|
-
'post-sem-font-size-heading-xs': var(--post-core-font-size-20),
|
|
74
|
-
'post-sem-font-size-heading-s': var(--post-core-font-size-24),
|
|
75
|
-
'post-sem-font-size-heading-m': var(--post-core-font-size-28),
|
|
76
|
-
'post-sem-font-size-heading-l': var(--post-core-font-size-32),
|
|
77
|
-
'post-sem-font-size-heading-xl': var(--post-core-font-size-36),
|
|
78
|
-
'post-sem-font-size-heading-xxl': var(--post-core-font-size-40),
|
|
79
|
-
'post-sem-font-size-text-xs': var(--post-core-font-size-12),
|
|
80
|
-
'post-sem-font-size-text-s': var(--post-core-font-size-14),
|
|
81
|
-
'post-sem-font-size-text-m': var(--post-core-font-size-16),
|
|
82
|
-
'post-sem-font-size-text-l': var(--post-core-font-size-18),
|
|
83
|
-
'post-sem-font-size-text-xl': var(--post-core-font-size-20),
|
|
84
|
-
'post-sem-elevation-base': var(--post-core-elevation-1),
|
|
85
|
-
'post-sem-elevation-s': var(--post-core-elevation-2),
|
|
86
|
-
'post-sem-elevation-m': var(--post-core-elevation-3),
|
|
87
|
-
'post-sem-elevation-l': var(--post-core-elevation-4),
|
|
88
|
-
'post-sem-elevation-xl': var(--post-core-elevation-5),
|
|
89
|
-
'post-sem-typo-title-h1': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
90
|
-
'post-sem-typo-title-h2': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
91
|
-
'post-sem-typo-title-h3': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
92
|
-
'post-sem-typo-title-h4': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
93
|
-
'post-sem-typo-title-h5': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
94
|
-
'post-sem-typo-title-h6': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
95
|
-
'post-sem-typo-subtitle-sub-h1': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
96
|
-
'post-sem-typo-subtitle-sub-h2': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
97
|
-
'post-sem-typo-subtitle-sub-h3': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
98
|
-
'post-sem-typo-subtitle-sub-h4': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
99
|
-
'post-sem-typo-subtitle-sub-h5': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
100
|
-
'post-sem-typo-subtitle-sub-h6': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
101
|
-
'post-sem-typo-text-lead': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
102
|
-
'post-sem-typo-text-paragraph': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-16)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
103
|
-
'post-sem-typo-text-legend-l': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-16)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
104
|
-
'post-sem-typo-text-legend-s': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-16)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
105
|
-
'post-sem-typo-text-label-l': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-18)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
106
|
-
'post-sem-typo-text-label-m': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-16)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
107
|
-
'post-sem-typo-text-label-s': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
108
|
-
'post-sem-typo-text-label-xs': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-12)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
109
|
-
'post-sem-typo-text-link-underline': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-line-height-150) var(--post-core-letter-spacing-default) underline var(--post-core-font-size-16),
|
|
110
|
-
'post-sem-typo-text-link': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-16)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
111
|
-
'post-sem-font-family-default': var(--post-core-font-family-swisspostsans),
|
|
112
|
-
'post-sem-spacing-interactive-gap-block-1': var(--post-core-dimension-16),
|
|
113
|
-
'post-sem-spacing-interactive-gap-block-2': var(--post-core-dimension-16),
|
|
114
|
-
'post-sem-spacing-interactive-gap-inline-1': var(--post-core-dimension-8),
|
|
115
|
-
'post-sem-spacing-interactive-gap-inline-2': var(--post-core-dimension-8),
|
|
116
|
-
'post-sem-spacing-interactive-gap-inline-3': var(--post-core-dimension-12),
|
|
117
|
-
'post-sem-spacing-interactive-gap-inline-4': var(--post-core-dimension-4),
|
|
118
|
-
'post-sem-spacing-interactive-gap-inline-5': var(--post-core-dimension-2),
|
|
119
|
-
'post-sem-spacing-interactive-padding-1': var(--post-core-dimension-1),
|
|
120
|
-
'post-sem-spacing-interactive-padding-2': var(--post-core-dimension-2),
|
|
121
|
-
'post-sem-spacing-interactive-padding-3': var(--post-core-dimension-10),
|
|
122
|
-
'post-sem-spacing-interactive-padding-inline-1': var(--post-core-dimension-14),
|
|
123
|
-
'post-sem-spacing-interactive-padding-inline-2': var(--post-core-dimension-30),
|
|
124
|
-
'post-sem-spacing-interactive-padding-block-1': var(--post-core-dimension-10),
|
|
125
|
-
'post-sem-spacing-interactive-padding-block-2': var(--post-core-dimension-4),
|
|
126
|
-
'post-sem-spacing-interactive-padding-block-3': var(--post-core-dimension-5),
|
|
127
|
-
'post-sem-spacing-interactive-padding-block-4': var(--post-core-dimension-5),
|
|
128
|
-
'post-sem-spacing-interactive-padding-block-5': var(--post-core-dimension-6),
|
|
129
|
-
'post-sem-spacing-interactive-padding-block-6': var(--post-core-dimension-0),
|
|
130
|
-
'post-sem-spacing-interactive-padding-block-7': var(--post-core-dimension-0),
|
|
131
|
-
'post-sem-spacing-interactive-padding-block-8': var(--post-core-dimension-24),
|
|
132
|
-
'post-sem-spacing-interactive-padding-block-9': var(--post-core-dimension-5),
|
|
133
|
-
'post-sem-sizing-interactive-icon-height': var(--post-core-dimension-22),
|
|
134
|
-
'post-sem-sizing-interactive-icon-width': var(--post-core-dimension-22),
|
|
135
|
-
'post-core-font-weight-bold': var(--post-core-font-weight-700),
|
|
136
|
-
'post-core-font-weight-regular': var(--post-core-font-weight-400),
|
|
137
|
-
);
|
|
138
|
-
|
|
139
|
-
$post-mobile: (
|
|
140
|
-
'post-sem-font-size-heading-xs': var(--post-core-font-size-20),
|
|
141
|
-
'post-sem-font-size-heading-s': var(--post-core-font-size-24),
|
|
142
|
-
'post-sem-font-size-heading-m': var(--post-core-font-size-28),
|
|
143
|
-
'post-sem-font-size-heading-l': var(--post-core-font-size-32),
|
|
144
|
-
'post-sem-font-size-heading-xl': var(--post-core-font-size-36),
|
|
145
|
-
'post-sem-font-size-heading-xxl': var(--post-core-font-size-40),
|
|
146
|
-
'post-sem-font-size-text-xs': var(--post-core-font-size-12),
|
|
147
|
-
'post-sem-font-size-text-s': var(--post-core-font-size-14),
|
|
148
|
-
'post-sem-font-size-text-m': var(--post-core-font-size-16),
|
|
149
|
-
'post-sem-font-size-text-l': var(--post-core-font-size-18),
|
|
150
|
-
'post-sem-font-size-text-xl': var(--post-core-font-size-20),
|
|
151
|
-
'post-sem-elevation-base': var(--post-core-elevation-1),
|
|
152
|
-
'post-sem-elevation-s': var(--post-core-elevation-2),
|
|
153
|
-
'post-sem-elevation-m': var(--post-core-elevation-3),
|
|
154
|
-
'post-sem-elevation-l': var(--post-core-elevation-4),
|
|
155
|
-
'post-sem-elevation-xl': var(--post-core-elevation-5),
|
|
156
|
-
'post-sem-typo-title-h1': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
157
|
-
'post-sem-typo-title-h2': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
158
|
-
'post-sem-typo-title-h3': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
159
|
-
'post-sem-typo-title-h4': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
160
|
-
'post-sem-typo-title-h5': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
161
|
-
'post-sem-typo-title-h6': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
162
|
-
'post-sem-typo-subtitle-sub-h1': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
163
|
-
'post-sem-typo-subtitle-sub-h2': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
164
|
-
'post-sem-typo-subtitle-sub-h3': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
165
|
-
'post-sem-typo-subtitle-sub-h4': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
166
|
-
'post-sem-typo-subtitle-sub-h5': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
167
|
-
'post-sem-typo-subtitle-sub-h6': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
168
|
-
'post-sem-typo-text-lead': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-18)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
169
|
-
'post-sem-typo-text-paragraph': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
170
|
-
'post-sem-typo-text-legend-l': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
171
|
-
'post-sem-typo-text-legend-s': var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-14)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default),
|
|
172
|
-
'post-sem-typo-text-label-l': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
173
|
-
'post-sem-typo-text-label-m': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
174
|
-
'post-sem-typo-text-label-s': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
175
|
-
'post-sem-typo-text-label-xs': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-12)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
176
|
-
'post-sem-typo-text-link-underline': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default) underline,
|
|
177
|
-
'post-sem-typo-text-link': var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default),
|
|
178
|
-
'post-sem-font-family-default': var(--post-core-font-family-swisspostsans),
|
|
179
|
-
'post-sem-spacing-interactive-gap-block-1': var(--post-core-dimension-8),
|
|
180
|
-
'post-sem-spacing-interactive-gap-block-2': var(--post-core-dimension-16),
|
|
181
|
-
'post-sem-spacing-interactive-gap-inline-1': var(--post-core-dimension-6),
|
|
182
|
-
'post-sem-spacing-interactive-gap-inline-2': var(--post-core-dimension-8),
|
|
183
|
-
'post-sem-spacing-interactive-gap-inline-3': var(--post-core-dimension-12),
|
|
184
|
-
'post-sem-spacing-interactive-gap-inline-4': var(--post-core-dimension-4),
|
|
185
|
-
'post-sem-spacing-interactive-gap-inline-5': var(--post-core-dimension-2),
|
|
186
|
-
'post-sem-spacing-interactive-padding-1': var(--post-core-dimension-2),
|
|
187
|
-
'post-sem-spacing-interactive-padding-2': var(--post-core-dimension-2),
|
|
188
|
-
'post-sem-spacing-interactive-padding-3': var(--post-core-dimension-10),
|
|
189
|
-
'post-sem-spacing-interactive-padding-inline-1': var(--post-core-dimension-14),
|
|
190
|
-
'post-sem-spacing-interactive-padding-inline-2': var(--post-core-dimension-28),
|
|
191
|
-
'post-sem-spacing-interactive-padding-block-1': var(--post-core-dimension-10),
|
|
192
|
-
'post-sem-spacing-interactive-padding-block-2': var(--post-core-dimension-5-5),
|
|
193
|
-
'post-sem-spacing-interactive-padding-block-3': var(--post-core-dimension-6-5),
|
|
194
|
-
'post-sem-spacing-interactive-padding-block-4': var(--post-core-dimension-5),
|
|
195
|
-
'post-sem-spacing-interactive-padding-block-5': var(--post-core-dimension-6),
|
|
196
|
-
'post-sem-spacing-interactive-padding-block-6': var(--post-core-dimension-1-5),
|
|
197
|
-
'post-sem-spacing-interactive-padding-block-7': var(--post-core-dimension-0),
|
|
198
|
-
'post-sem-spacing-interactive-padding-block-8': var(--post-core-dimension-24),
|
|
199
|
-
'post-sem-spacing-interactive-padding-block-9': var(--post-core-dimension-5),
|
|
200
|
-
'post-sem-sizing-interactive-icon-height': var(--post-core-dimension-20),
|
|
201
|
-
'post-sem-sizing-interactive-icon-width': var(--post-core-dimension-20),
|
|
202
|
-
'post-core-font-weight-bold': var(--post-core-font-weight-700),
|
|
203
|
-
'post-core-font-weight-regular': var(--post-core-font-weight-400),
|
|
204
|
-
);
|
package/tokens/temp/index.scss
DELETED
|
@@ -1,10 +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
|
-
@use './core';
|
|
6
|
-
@forward './mode';
|
|
7
|
-
@forward './device';
|
|
8
|
-
@forward './channel';
|
|
9
|
-
@forward './theme';
|
|
10
|
-
@forward './components';
|