@knime/kds-styles 0.28.9 → 0.29.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/CHANGELOG.md +309 -0
- package/dist/img/icons/copy.svg +1 -1
- package/dist/img/icons/def.ts +3 -0
- package/dist/img/icons/duplicate.svg +1 -0
- package/dist/img/icons/folder-move.svg +1 -0
- package/dist/img/icons/linked-component.svg +1 -0
- package/dist/tokens/css/_properties.css +12 -0
- package/dist/tokens/css/_variables.css +2 -0
- package/package.json +3 -2
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,309 @@
|
|
|
1
|
+
# @knime/kds-styles
|
|
2
|
+
|
|
3
|
+
## 0.29.0
|
|
4
|
+
|
|
5
|
+
## 0.28.10
|
|
6
|
+
|
|
7
|
+
## 0.28.9
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- 06e0f1a: Export design tokens as javascript variables
|
|
12
|
+
|
|
13
|
+
## 0.28.8
|
|
14
|
+
|
|
15
|
+
## 0.28.7
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- 18e22a5: Add files via upload
|
|
20
|
+
|
|
21
|
+
## 0.28.6
|
|
22
|
+
|
|
23
|
+
## 0.28.5
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- 240a8cc: Add icons: `path-separator`, `table-statistics`, `column-width`, `cell-renderer`
|
|
28
|
+
- e0527c2: add token `kds.dimension.component.width.2x`
|
|
29
|
+
- 301bc01: added opacity to focus bg
|
|
30
|
+
|
|
31
|
+
## 0.28.4
|
|
32
|
+
|
|
33
|
+
## 0.28.3
|
|
34
|
+
|
|
35
|
+
## 0.28.2
|
|
36
|
+
|
|
37
|
+
## 0.28.1
|
|
38
|
+
|
|
39
|
+
## 0.28.0
|
|
40
|
+
|
|
41
|
+
## 0.27.0
|
|
42
|
+
|
|
43
|
+
## 0.26.2
|
|
44
|
+
|
|
45
|
+
### Patch Changes
|
|
46
|
+
|
|
47
|
+
- 0d63f39: added token: kds.color.Avatar.background.empty
|
|
48
|
+
|
|
49
|
+
## 0.26.1
|
|
50
|
+
|
|
51
|
+
## 0.26.0
|
|
52
|
+
|
|
53
|
+
### Patch Changes
|
|
54
|
+
|
|
55
|
+
- 2655181: Add collection svg file via upload
|
|
56
|
+
|
|
57
|
+
## 0.25.2
|
|
58
|
+
|
|
59
|
+
## 0.25.1
|
|
60
|
+
|
|
61
|
+
## 0.25.0
|
|
62
|
+
|
|
63
|
+
## 0.24.1
|
|
64
|
+
|
|
65
|
+
## 0.24.0
|
|
66
|
+
|
|
67
|
+
## 0.23.2
|
|
68
|
+
|
|
69
|
+
### Patch Changes
|
|
70
|
+
|
|
71
|
+
- 4cc5fb7: Added kds.color.background.info-bold color tokens
|
|
72
|
+
|
|
73
|
+
## 0.23.1
|
|
74
|
+
|
|
75
|
+
## 0.23.0
|
|
76
|
+
|
|
77
|
+
## 0.22.3
|
|
78
|
+
|
|
79
|
+
## 0.22.2
|
|
80
|
+
|
|
81
|
+
## 0.22.1
|
|
82
|
+
|
|
83
|
+
## 0.22.0
|
|
84
|
+
|
|
85
|
+
## 0.21.0
|
|
86
|
+
|
|
87
|
+
## 0.20.1
|
|
88
|
+
|
|
89
|
+
## 0.20.0
|
|
90
|
+
|
|
91
|
+
## 0.19.0
|
|
92
|
+
|
|
93
|
+
### Patch Changes
|
|
94
|
+
|
|
95
|
+
- a6ff5a2: Add `db-browse` icon
|
|
96
|
+
- 2448ae0: Add `db-fetch' icon
|
|
97
|
+
|
|
98
|
+
## 0.18.4
|
|
99
|
+
|
|
100
|
+
### Patch Changes
|
|
101
|
+
|
|
102
|
+
- d24f2f9: added colors for disabled donut chart in light and dark
|
|
103
|
+
|
|
104
|
+
## 0.18.3
|
|
105
|
+
|
|
106
|
+
### Patch Changes
|
|
107
|
+
|
|
108
|
+
- 522fb56: add color and size tokens for donut chart
|
|
109
|
+
|
|
110
|
+
## 0.18.2
|
|
111
|
+
|
|
112
|
+
## 0.18.1
|
|
113
|
+
|
|
114
|
+
## 0.18.0
|
|
115
|
+
|
|
116
|
+
## 0.17.2
|
|
117
|
+
|
|
118
|
+
## 0.17.1
|
|
119
|
+
|
|
120
|
+
## 0.17.0
|
|
121
|
+
|
|
122
|
+
### Patch Changes
|
|
123
|
+
|
|
124
|
+
- f421a2c: Kds 790 improve colors of live status
|
|
125
|
+
|
|
126
|
+
## 0.16.1
|
|
127
|
+
|
|
128
|
+
### Patch Changes
|
|
129
|
+
|
|
130
|
+
- a0f4960: Add KdsMenuButton
|
|
131
|
+
|
|
132
|
+
## 0.16.0
|
|
133
|
+
|
|
134
|
+
## 0.15.1
|
|
135
|
+
|
|
136
|
+
## 0.15.0
|
|
137
|
+
|
|
138
|
+
## 0.14.0
|
|
139
|
+
|
|
140
|
+
## 0.13.2
|
|
141
|
+
|
|
142
|
+
### Patch Changes
|
|
143
|
+
|
|
144
|
+
- 3d9c68c: KDS-775: Add stop icon
|
|
145
|
+
|
|
146
|
+
## 0.13.1
|
|
147
|
+
|
|
148
|
+
## 0.13.0
|
|
149
|
+
|
|
150
|
+
### Minor Changes
|
|
151
|
+
|
|
152
|
+
- 208eb81: Add kds.color.TextHighlight.background.default token
|
|
153
|
+
|
|
154
|
+
## 0.12.0
|
|
155
|
+
|
|
156
|
+
## 0.11.0
|
|
157
|
+
|
|
158
|
+
## 0.10.0
|
|
159
|
+
|
|
160
|
+
## 0.9.1
|
|
161
|
+
|
|
162
|
+
## 0.9.0
|
|
163
|
+
|
|
164
|
+
## 0.8.0
|
|
165
|
+
|
|
166
|
+
## 0.7.0
|
|
167
|
+
|
|
168
|
+
## 0.6.7
|
|
169
|
+
|
|
170
|
+
### Patch Changes
|
|
171
|
+
|
|
172
|
+
- 22a6cad: KDS-721: Update deploy, cloud sync and cloud pending changes icon
|
|
173
|
+
|
|
174
|
+
## 0.6.6
|
|
175
|
+
|
|
176
|
+
### Patch Changes
|
|
177
|
+
|
|
178
|
+
- 0454c56: KDS-719: Add service icon and update cloud pending changes
|
|
179
|
+
|
|
180
|
+
## 0.6.5
|
|
181
|
+
|
|
182
|
+
## 0.6.4
|
|
183
|
+
|
|
184
|
+
### Patch Changes
|
|
185
|
+
|
|
186
|
+
- 73b16d3: KDS-715: Add version team and add user icon
|
|
187
|
+
|
|
188
|
+
## 0.6.3
|
|
189
|
+
|
|
190
|
+
## 0.6.2
|
|
191
|
+
|
|
192
|
+
## 0.6.1
|
|
193
|
+
|
|
194
|
+
## 0.6.0
|
|
195
|
+
|
|
196
|
+
## 0.5.10
|
|
197
|
+
|
|
198
|
+
## 0.5.9
|
|
199
|
+
|
|
200
|
+
### Patch Changes
|
|
201
|
+
|
|
202
|
+
- a49aa87: Fix border for KdsValueSwitch
|
|
203
|
+
|
|
204
|
+
## 0.5.8
|
|
205
|
+
|
|
206
|
+
### Patch Changes
|
|
207
|
+
|
|
208
|
+
- 904359b: enh/kds 695 icon for secret store and key
|
|
209
|
+
|
|
210
|
+
## 0.5.7
|
|
211
|
+
|
|
212
|
+
## 0.5.6
|
|
213
|
+
|
|
214
|
+
### Patch Changes
|
|
215
|
+
|
|
216
|
+
- 80de341: KDS-689: Adjust circle error and info icons
|
|
217
|
+
- eccfa4f: KDS-688: FIx spacing in spread
|
|
218
|
+
|
|
219
|
+
## 0.5.5
|
|
220
|
+
|
|
221
|
+
## 0.5.4
|
|
222
|
+
|
|
223
|
+
## 0.5.3
|
|
224
|
+
|
|
225
|
+
### Patch Changes
|
|
226
|
+
|
|
227
|
+
- b54fab7: KDS-680: Added cloud sync and cloud pending icons
|
|
228
|
+
|
|
229
|
+
## 0.5.2
|
|
230
|
+
|
|
231
|
+
## 0.5.1
|
|
232
|
+
|
|
233
|
+
## 0.5.0
|
|
234
|
+
|
|
235
|
+
## 0.4.2
|
|
236
|
+
|
|
237
|
+
## 0.4.1
|
|
238
|
+
|
|
239
|
+
## 0.4.0
|
|
240
|
+
|
|
241
|
+
### Minor Changes
|
|
242
|
+
|
|
243
|
+
- 5bed877: Generate CSS font imports dynamically from used tokens
|
|
244
|
+
|
|
245
|
+
## 0.3.2
|
|
246
|
+
|
|
247
|
+
## 0.3.1
|
|
248
|
+
|
|
249
|
+
## 0.3.0
|
|
250
|
+
|
|
251
|
+
## 0.2.1
|
|
252
|
+
|
|
253
|
+
## 0.2.0
|
|
254
|
+
|
|
255
|
+
## 0.1.1
|
|
256
|
+
|
|
257
|
+
### Patch Changes
|
|
258
|
+
|
|
259
|
+
- e381c07: Add fonts to @knime/kds-styles/index.css. Also available standalone as @knime/kds-styles/fonts.css
|
|
260
|
+
|
|
261
|
+
## 0.1.0
|
|
262
|
+
|
|
263
|
+
## 0.0.16
|
|
264
|
+
|
|
265
|
+
### Patch Changes
|
|
266
|
+
|
|
267
|
+
- f43d7c8: added size.container.width.25x, 32x, 45x
|
|
268
|
+
|
|
269
|
+
## 0.0.15
|
|
270
|
+
|
|
271
|
+
### Patch Changes
|
|
272
|
+
|
|
273
|
+
- 6273d5e: added kds.spacing.offset.focus token
|
|
274
|
+
|
|
275
|
+
## 0.0.14
|
|
276
|
+
|
|
277
|
+
### Patch Changes
|
|
278
|
+
|
|
279
|
+
- 8469844: added disabled.primary, disabled.danger to legacy theme
|
|
280
|
+
|
|
281
|
+
## 0.0.13
|
|
282
|
+
|
|
283
|
+
### Patch Changes
|
|
284
|
+
|
|
285
|
+
- a277ce1: KDS-590: Add and update icons
|
|
286
|
+
|
|
287
|
+
## 0.0.12
|
|
288
|
+
|
|
289
|
+
### Patch Changes
|
|
290
|
+
|
|
291
|
+
- 3c052ec: KDS-619: Change transparent token to also have a width
|
|
292
|
+
|
|
293
|
+
## 0.0.11
|
|
294
|
+
|
|
295
|
+
### Patch Changes
|
|
296
|
+
|
|
297
|
+
- 9575244: KDS-577: Adding legacy theme to build
|
|
298
|
+
|
|
299
|
+
## 0.0.10
|
|
300
|
+
|
|
301
|
+
### Patch Changes
|
|
302
|
+
|
|
303
|
+
- 91a23d0: Fix missing border style on --kds-border-action-input
|
|
304
|
+
|
|
305
|
+
## 0.0.9
|
|
306
|
+
|
|
307
|
+
### Patch Changes
|
|
308
|
+
|
|
309
|
+
- 6dff857: Improved tokens
|
package/dist/img/icons/copy.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 12 12"><path d="M7.
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 12 12"><path d="M7.005 1.95a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026m1.974-5h4.105a.45.45 0 0 1 .45.45v6.1a.45.45 0 0 1-.45.45H5.45a.45.45 0 0 1-.45-.45v-6.1a.45.45 0 0 1 .45-.45" vector-effect="non-scaling-stroke"/></svg>
|
package/dist/img/icons/def.ts
CHANGED
|
@@ -54,6 +54,7 @@ export const iconNames = [
|
|
|
54
54
|
'deploy',
|
|
55
55
|
'detect',
|
|
56
56
|
'divider',
|
|
57
|
+
'duplicate',
|
|
57
58
|
'duration',
|
|
58
59
|
'edit',
|
|
59
60
|
'education',
|
|
@@ -73,6 +74,7 @@ export const iconNames = [
|
|
|
73
74
|
'flow-variable-in-out',
|
|
74
75
|
'flow-variable-in',
|
|
75
76
|
'flow-variable-out',
|
|
77
|
+
'folder-move',
|
|
76
78
|
'folder-plus',
|
|
77
79
|
'folder-search',
|
|
78
80
|
'folder-workflow',
|
|
@@ -91,6 +93,7 @@ export const iconNames = [
|
|
|
91
93
|
'like',
|
|
92
94
|
'limit',
|
|
93
95
|
'link',
|
|
96
|
+
'linked-component',
|
|
94
97
|
'linked-metanode',
|
|
95
98
|
'list-bulletpoint',
|
|
96
99
|
'list-number',
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 12 12"><path d="m7 5.5 1.253 1.47L7 8.44m1.253-1.47H4m3.005-5.02a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026M5 10.05c0 .248.201.45.45.45h4.105a.45.45 0 0 0 .45-.45v-6.1a.45.45 0 0 0-.45-.45H5.45a.45.45 0 0 0-.45.45M5 5.5v-.025m0 3.05V8.5" vector-effect="non-scaling-stroke"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 12 12"><path d="M11 8.25H6.75M9.5 6.5 11 8.25 9.5 10m-6-.25H2A.75.75 0 0 1 1.25 9V2.75c0-.263.213-.5.476-.5H4.5l1 1.25h4.75a.5.5 0 0 1 .5.5" vector-effect="non-scaling-stroke"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 12 12"><path d="M7.5 5V2.25a.75.75 0 0 0-.75-.75H2.251a.753.753 0 0 0-.751.751v4.5c0 .412.337.749.749.749H3m6.25 2.75V9.5h1.5V11H9.258zm0 0h-.5a1 1 0 0 1-1-1v-1m1.5-2V5.5h1.5V7H9.258zm0 0h-.5a1 1 0 0 0-1 1v1m-1.5 0V7.5h-1.5v.75l.008.75H6.25zm0 0h1.5m-2-5-2.5 2.5m.5-2.5h2v1.88" vector-effect="non-scaling-stroke"/></svg>
|
|
@@ -3104,12 +3104,24 @@ syntax: "<string>";
|
|
|
3104
3104
|
initial-value: 400 14px/1.5 Roboto, sans-serif;
|
|
3105
3105
|
}
|
|
3106
3106
|
|
|
3107
|
+
@property --kds-font-base-body-medium-strong {
|
|
3108
|
+
syntax: "<string>";
|
|
3109
|
+
inherits: true;
|
|
3110
|
+
initial-value: 700 14px/1.5 Roboto, sans-serif;
|
|
3111
|
+
}
|
|
3112
|
+
|
|
3107
3113
|
@property --kds-font-base-body-large {
|
|
3108
3114
|
syntax: "<string>";
|
|
3109
3115
|
inherits: true;
|
|
3110
3116
|
initial-value: 400 16px/1.5 Roboto, sans-serif;
|
|
3111
3117
|
}
|
|
3112
3118
|
|
|
3119
|
+
@property --kds-font-base-body-large-strong {
|
|
3120
|
+
syntax: "<string>";
|
|
3121
|
+
inherits: true;
|
|
3122
|
+
initial-value: 700 16px/1.5 Roboto, sans-serif;
|
|
3123
|
+
}
|
|
3124
|
+
|
|
3113
3125
|
@property --kds-font-base-body-xlarge {
|
|
3114
3126
|
syntax: "<string>";
|
|
3115
3127
|
inherits: true;
|
|
@@ -520,7 +520,9 @@
|
|
|
520
520
|
--kds-font-base-body-small-strong: 700 12px/1.5 Roboto, sans-serif;
|
|
521
521
|
--kds-font-base-body-small-strong-italic: italic 700 12px/1.5 Roboto, sans-serif;
|
|
522
522
|
--kds-font-base-body-medium: 400 14px/1.5 Roboto, sans-serif;
|
|
523
|
+
--kds-font-base-body-medium-strong: 700 14px/1.5 Roboto, sans-serif;
|
|
523
524
|
--kds-font-base-body-large: 400 16px/1.5 Roboto, sans-serif;
|
|
525
|
+
--kds-font-base-body-large-strong: 700 16px/1.5 Roboto, sans-serif;
|
|
524
526
|
--kds-font-base-body-xlarge: 400 20px/1.5 Roboto, sans-serif;
|
|
525
527
|
--kds-font-base-subtext-xsmall: 400 9px/1.3 Roboto, sans-serif;
|
|
526
528
|
--kds-font-base-subtext-small: 400 10px/1.3 Roboto, sans-serif;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knime/kds-styles",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.29.0",
|
|
4
4
|
"description": "Package containing the design tokens and icons for the KNIME Design System",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -27,7 +27,8 @@
|
|
|
27
27
|
"typescript": "^5.9.3"
|
|
28
28
|
},
|
|
29
29
|
"files": [
|
|
30
|
-
"dist"
|
|
30
|
+
"dist",
|
|
31
|
+
"CHANGELOG.md"
|
|
31
32
|
],
|
|
32
33
|
"exports": {
|
|
33
34
|
"./index.css": "./dist/css/index.css",
|