@knime/kds-styles 12.0.0 → 13.0.1
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
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @knime/kds-styles
|
|
2
2
|
|
|
3
|
+
## 13.0.1
|
|
4
|
+
|
|
5
|
+
## 13.0.0
|
|
6
|
+
|
|
7
|
+
### Major Changes
|
|
8
|
+
|
|
9
|
+
- d61ae48: BREAKING CHANGES:
|
|
10
|
+
|
|
11
|
+
- `kds.dimension.icon.0_56x`: rename to `kds.dimension.icon.0_5x` and reduce it from 9px to 8px, replace usages of `--kds-dimension-icon-0-56x`.
|
|
12
|
+
|
|
3
13
|
## 12.0.0
|
|
4
14
|
|
|
5
15
|
## 11.6.0
|
|
@@ -3284,10 +3284,10 @@ syntax: "<length>";
|
|
|
3284
3284
|
initial-value: 976px;
|
|
3285
3285
|
}
|
|
3286
3286
|
|
|
3287
|
-
@property --kds-dimension-icon-0-
|
|
3287
|
+
@property --kds-dimension-icon-0-5x {
|
|
3288
3288
|
syntax: "<length>";
|
|
3289
3289
|
inherits: false;
|
|
3290
|
-
initial-value:
|
|
3290
|
+
initial-value: 8px;
|
|
3291
3291
|
}
|
|
3292
3292
|
|
|
3293
3293
|
@property --kds-dimension-icon-0-75x {
|
|
@@ -550,7 +550,7 @@
|
|
|
550
550
|
--kds-dimension-component-width-45x: 720px;
|
|
551
551
|
--kds-dimension-component-width-52-5x: 840px;
|
|
552
552
|
--kds-dimension-component-width-61x: 976px;
|
|
553
|
-
--kds-dimension-icon-0-
|
|
553
|
+
--kds-dimension-icon-0-5x: 8px;
|
|
554
554
|
--kds-dimension-icon-0-75x: 12px;
|
|
555
555
|
--kds-dimension-icon-1x: 16px;
|
|
556
556
|
--kds-dimension-icon-1-25x: 20px;
|
|
@@ -192,9 +192,9 @@ export type KdsDimensionTokens = {
|
|
|
192
192
|
};
|
|
193
193
|
readonly icon: {
|
|
194
194
|
/**
|
|
195
|
-
* Extra small icon size (
|
|
195
|
+
* Extra small icon size (8px). Use for micro icons in compact contexts.
|
|
196
196
|
*/
|
|
197
|
-
readonly "0.
|
|
197
|
+
readonly "0.5x": KdsDimension;
|
|
198
198
|
/**
|
|
199
199
|
* Small icon size (12px). Use for small icons in tight spaces and inline text.
|
|
200
200
|
*/
|
|
@@ -370,10 +370,10 @@ export const dimension = {
|
|
|
370
370
|
},
|
|
371
371
|
},
|
|
372
372
|
icon: {
|
|
373
|
-
"0.
|
|
374
|
-
value:
|
|
373
|
+
"0.5x": {
|
|
374
|
+
value: 8,
|
|
375
375
|
unit: "px",
|
|
376
|
-
css: { value: "
|
|
376
|
+
css: { value: "8px", variable: "var(--kds-dimension-icon-0-5x)" },
|
|
377
377
|
},
|
|
378
378
|
"0.75x": {
|
|
379
379
|
value: 12,
|