@knime/kds-styles 0.29.3 → 0.30.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @knime/kds-styles
 
+## 0.30.1
+
+### Patch Changes
+
+- ca41f9d: Fix line height issue by line-height: normal
+  Fix icon rendering on low density screens by removing shape-rendering: geometricPrecision
+
+## 0.30.0
+
 ## 0.29.3
 
 ## 0.29.2

package/dist/css/basics.css

@@ -18,10 +18,6 @@ samp {
   font-family: var(--kds-core-font-family-roboto-mono), monospace;
 }
 
-svg {
-  shape-rendering: geometricPrecision;
-}
-
 input[type="text"],
 input[type="search"],
 input[type="password"],

package/dist/tokens/css/_properties.css

@@ -1149,13 +1149,13 @@ syntax: "<string>";
 }
 
 @property --kds-core-line-height-singleline {
-syntax: "<number> | <percentage>";
+syntax: "<number> | <percentage> | <string>";
   inherits: true;
-  initial-value: 1.3;
+  initial-value: normal;
 }
 
 @property --kds-core-line-height-multiline-wide {
-syntax: "<number> | <percentage>";
+syntax: "<number> | <percentage> | <string>";
   inherits: true;
   initial-value: 1.5;
 }
@@ -3005,73 +3005,73 @@ syntax: "<length>";
 @property --kds-font-base-display-xsmall {
 syntax: "<string>";
   inherits: true;
-  initial-value: 700 18px/1.3 Roboto, sans-serif;
+  initial-value: 700 18px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-display-small {
 syntax: "<string>";
   inherits: true;
-  initial-value: 700 20px/1.3 Roboto, sans-serif;
+  initial-value: 700 20px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-display-medium {
 syntax: "<string>";
   inherits: true;
-  initial-value: 700 24px/1.3 Roboto, sans-serif;
+  initial-value: 700 24px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-display-large {
 syntax: "<string>";
   inherits: true;
-  initial-value: 700 32px/1.3 Roboto, sans-serif;
+  initial-value: 700 32px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-display-xlarge {
 syntax: "<string>";
   inherits: true;
-  initial-value: 700 40px/1.3 Roboto, sans-serif;
+  initial-value: 700 40px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-title-xsmall {
 syntax: "<string>";
   inherits: true;
-  initial-value: 500 10px/1.3 Roboto, sans-serif;
+  initial-value: 500 10px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-title-small {
 syntax: "<string>";
   inherits: true;
-  initial-value: 500 12px/1.3 Roboto, sans-serif;
+  initial-value: 500 12px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-title-small-strong {
 syntax: "<string>";
   inherits: true;
-  initial-value: 700 12px/1.3 Roboto, sans-serif;
+  initial-value: 700 12px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-title-medium {
 syntax: "<string>";
   inherits: true;
-  initial-value: 500 14px/1.3 Roboto, sans-serif;
+  initial-value: 500 14px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-title-medium-strong {
 syntax: "<string>";
   inherits: true;
-  initial-value: 700 14px/1.3 Roboto, sans-serif;
+  initial-value: 700 14px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-title-large {
 syntax: "<string>";
   inherits: true;
-  initial-value: 500 16px/1.3 Roboto, sans-serif;
+  initial-value: 500 16px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-title-large-strong {
 syntax: "<string>";
   inherits: true;
-  initial-value: 700 16px/1.3 Roboto, sans-serif;
+  initial-value: 700 16px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-body-small {
@@ -3131,79 +3131,79 @@ syntax: "<string>";
 @property --kds-font-base-subtext-xsmall {
 syntax: "<string>";
   inherits: true;
-  initial-value: 400 9px/1.3 Roboto, sans-serif;
+  initial-value: 400 9px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-subtext-small {
 syntax: "<string>";
   inherits: true;
-  initial-value: 400 10px/1.3 Roboto, sans-serif;
+  initial-value: 400 10px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-subtext-medium {
 syntax: "<string>";
   inherits: true;
-  initial-value: 400 12px/1.3 Roboto, sans-serif;
+  initial-value: 400 12px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-interactive-xsmall-strong {
 syntax: "<string>";
   inherits: true;
-  initial-value: 500 11px/1.3 Roboto, sans-serif;
+  initial-value: 500 11px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-interactive-small {
 syntax: "<string>";
   inherits: true;
-  initial-value: 400 12px/1.3 Roboto, sans-serif;
+  initial-value: 400 12px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-interactive-small-italic {
 syntax: "<string>";
   inherits: true;
-  initial-value: italic 400 12px/1.3 Roboto, sans-serif;
+  initial-value: italic 400 12px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-interactive-small-strong {
 syntax: "<string>";
   inherits: true;
-  initial-value: 500 12px/1.3 Roboto, sans-serif;
+  initial-value: 500 12px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-interactive-medium {
 syntax: "<string>";
   inherits: true;
-  initial-value: 400 14px/1.3 Roboto, sans-serif;
+  initial-value: 400 14px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-interactive-medium-strong {
 syntax: "<string>";
   inherits: true;
-  initial-value: 500 14px/1.3 Roboto, sans-serif;
+  initial-value: 500 14px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-interactive-large {
 syntax: "<string>";
   inherits: true;
-  initial-value: 400 16px/1.3 Roboto, sans-serif;
+  initial-value: 400 16px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-interactive-large-strong {
 syntax: "<string>";
   inherits: true;
-  initial-value: 500 16px/1.3 Roboto, sans-serif;
+  initial-value: 500 16px/normal Roboto, sans-serif;
 }
 
 @property --kds-font-base-code-xsmall {
 syntax: "<string>";
   inherits: true;
-  initial-value: 400 10px/1.3 'Roboto Mono', monospace;
+  initial-value: 400 10px/normal 'Roboto Mono', monospace;
 }
 
 @property --kds-font-base-code-small {
 syntax: "<string>";
   inherits: true;
-  initial-value: 400 11px/1.3 'Roboto Mono', monospace;
+  initial-value: 400 11px/normal 'Roboto Mono', monospace;
 }
 
 @property --kds-font-workflow-annotation-headline-h1 {

package/dist/tokens/css/_variables.css

@@ -194,7 +194,7 @@
   --kds-core-font-weight-strong: 700;
   --kds-core-font-weight-strong-italic-weight: 700;
   --kds-core-font-weight-strong-italic-style: italic;
-  --kds-core-line-height-singleline: 1.3;
+  --kds-core-line-height-singleline: normal;
   --kds-core-line-height-multiline-wide: 1.5;
   --kds-core-size-scale: 16px;
   --kds-core-border-width-none: 0;
@@ -503,18 +503,18 @@
   --kds-dimension-icon-0-75x: 12px;
   --kds-dimension-icon-1x: 16px;
   --kds-dimension-icon-1-25x: 20px;
-  --kds-font-base-display-xsmall: 700 18px/1.3 Roboto, sans-serif;
-  --kds-font-base-display-small: 700 20px/1.3 Roboto, sans-serif;
-  --kds-font-base-display-medium: 700 24px/1.3 Roboto, sans-serif;
-  --kds-font-base-display-large: 700 32px/1.3 Roboto, sans-serif;
-  --kds-font-base-display-xlarge: 700 40px/1.3 Roboto, sans-serif;
-  --kds-font-base-title-xsmall: 500 10px/1.3 Roboto, sans-serif;
-  --kds-font-base-title-small: 500 12px/1.3 Roboto, sans-serif;
-  --kds-font-base-title-small-strong: 700 12px/1.3 Roboto, sans-serif;
-  --kds-font-base-title-medium: 500 14px/1.3 Roboto, sans-serif;
-  --kds-font-base-title-medium-strong: 700 14px/1.3 Roboto, sans-serif;
-  --kds-font-base-title-large: 500 16px/1.3 Roboto, sans-serif;
-  --kds-font-base-title-large-strong: 700 16px/1.3 Roboto, sans-serif;
+  --kds-font-base-display-xsmall: 700 18px/normal Roboto, sans-serif;
+  --kds-font-base-display-small: 700 20px/normal Roboto, sans-serif;
+  --kds-font-base-display-medium: 700 24px/normal Roboto, sans-serif;
+  --kds-font-base-display-large: 700 32px/normal Roboto, sans-serif;
+  --kds-font-base-display-xlarge: 700 40px/normal Roboto, sans-serif;
+  --kds-font-base-title-xsmall: 500 10px/normal Roboto, sans-serif;
+  --kds-font-base-title-small: 500 12px/normal Roboto, sans-serif;
+  --kds-font-base-title-small-strong: 700 12px/normal Roboto, sans-serif;
+  --kds-font-base-title-medium: 500 14px/normal Roboto, sans-serif;
+  --kds-font-base-title-medium-strong: 700 14px/normal Roboto, sans-serif;
+  --kds-font-base-title-large: 500 16px/normal Roboto, sans-serif;
+  --kds-font-base-title-large-strong: 700 16px/normal Roboto, sans-serif;
   --kds-font-base-body-small: 400 12px/1.5 Roboto, sans-serif;
   --kds-font-base-body-small-italic: italic 400 12px/1.5 Roboto, sans-serif;
   --kds-font-base-body-small-strong: 700 12px/1.5 Roboto, sans-serif;
@@ -524,19 +524,19 @@
   --kds-font-base-body-large: 400 16px/1.5 Roboto, sans-serif;
   --kds-font-base-body-large-strong: 700 16px/1.5 Roboto, sans-serif;
   --kds-font-base-body-xlarge: 400 20px/1.5 Roboto, sans-serif;
-  --kds-font-base-subtext-xsmall: 400 9px/1.3 Roboto, sans-serif;
-  --kds-font-base-subtext-small: 400 10px/1.3 Roboto, sans-serif;
-  --kds-font-base-subtext-medium: 400 12px/1.3 Roboto, sans-serif;
-  --kds-font-base-interactive-xsmall-strong: 500 11px/1.3 Roboto, sans-serif;
-  --kds-font-base-interactive-small: 400 12px/1.3 Roboto, sans-serif;
-  --kds-font-base-interactive-small-italic: italic 400 12px/1.3 Roboto, sans-serif;
-  --kds-font-base-interactive-small-strong: 500 12px/1.3 Roboto, sans-serif;
-  --kds-font-base-interactive-medium: 400 14px/1.3 Roboto, sans-serif;
-  --kds-font-base-interactive-medium-strong: 500 14px/1.3 Roboto, sans-serif;
-  --kds-font-base-interactive-large: 400 16px/1.3 Roboto, sans-serif;
-  --kds-font-base-interactive-large-strong: 500 16px/1.3 Roboto, sans-serif;
-  --kds-font-base-code-xsmall: 400 10px/1.3 'Roboto Mono', monospace;
-  --kds-font-base-code-small: 400 11px/1.3 'Roboto Mono', monospace;
+  --kds-font-base-subtext-xsmall: 400 9px/normal Roboto, sans-serif;
+  --kds-font-base-subtext-small: 400 10px/normal Roboto, sans-serif;
+  --kds-font-base-subtext-medium: 400 12px/normal Roboto, sans-serif;
+  --kds-font-base-interactive-xsmall-strong: 500 11px/normal Roboto, sans-serif;
+  --kds-font-base-interactive-small: 400 12px/normal Roboto, sans-serif;
+  --kds-font-base-interactive-small-italic: italic 400 12px/normal Roboto, sans-serif;
+  --kds-font-base-interactive-small-strong: 500 12px/normal Roboto, sans-serif;
+  --kds-font-base-interactive-medium: 400 14px/normal Roboto, sans-serif;
+  --kds-font-base-interactive-medium-strong: 500 14px/normal Roboto, sans-serif;
+  --kds-font-base-interactive-large: 400 16px/normal Roboto, sans-serif;
+  --kds-font-base-interactive-large-strong: 500 16px/normal Roboto, sans-serif;
+  --kds-font-base-code-xsmall: 400 10px/normal 'Roboto Mono', monospace;
+  --kds-font-base-code-small: 400 11px/normal 'Roboto Mono', monospace;
   --kds-font-workflow-annotation-headline-h1: 700 36px/1.5 'Roboto Condensed', sans-serif;
   --kds-font-workflow-annotation-headline-h2: 700 30px/1.5 'Roboto Condensed', sans-serif;
   --kds-font-workflow-annotation-headline-h3: 700 26px/1.5 'Roboto Condensed', sans-serif;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-styles",
-  "version": "0.29.3",
+  "version": "0.30.1",
   "description": "Package containing the design tokens and icons for the KNIME Design System",
   "repository": {
     "type": "git",