@knime/kds-styles 13.0.1 → 13.0.2

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 (3) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/css/basics.css +8 -2
  3. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @knime/kds-styles
2
2
 
3
+ ## 13.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 96e525c: `basics.css`: apply the root font family and the body font and color to `:host`, so a shadow root that adopts the styles renders like the document.
8
+
3
9
  ## 13.0.1
4
10
 
5
11
  ## 13.0.0
package/dist/css/basics.css CHANGED
@@ -1,6 +1,11 @@
1
- :root {
1
+ /* `:host` lets a shadow root that adopts these styles render like the document. */
2
+ :root,
3
+ :host {
2
4
  font-family: var(--kds-core-font-family-roboto), sans-serif;
5
+ }
3
6
 
7
+ /* Not on `:host`: shadow roots inherit it, so an explicit preference reaches them. */
8
+ :root {
4
9
  /*
5
10
  * Follow the device preference. The color tokens resolve via `light-dark()`,
6
11
  * so this needs no JavaScript and applies on the first paint.
@@ -10,7 +15,8 @@
10
15
  color-scheme: light dark;
11
16
  }
12
17
 
13
- body {
18
+ body,
19
+ :host {
14
20
  font: var(--kds-font-base-body-medium);
15
21
  color: var(--kds-color-text-and-icon-neutral);
16
22
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knime/kds-styles",
3
- "version": "13.0.1",
3
+ "version": "13.0.2",
4
4
  "description": "Package containing the design tokens and icons for the KNIME Design System",
5
5
  "repository": {
6
6
  "type": "git",