@vaadin/vaadin-lumo-styles 23.2.12 → 23.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "23.2.12",
+  "version": "23.2.13",
   "publishConfig": {
     "access": "public"
   },
@@ -42,8 +42,8 @@
     "@polymer/iron-icon": "^3.0.0",
     "@polymer/iron-iconset-svg": "^3.0.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/icon": "~23.2.12",
-    "@vaadin/vaadin-themable-mixin": "~23.2.12"
+    "@vaadin/icon": "~23.2.13",
+    "@vaadin/vaadin-themable-mixin": "~23.2.13"
   },
   "devDependencies": {
     "gulp": "^4.0.2",
@@ -52,5 +52,5 @@
     "gulp-sort": "^2.0.0",
     "gulp-svgmin": "^4.1.0"
   },
-  "gitHead": "ab3cb30a6af93cb7ea2891ba1f688cb68d4cf928"
+  "gitHead": "0b8786d43b6b4e419d8482f29595719bf0c9e5e5"
 }

package/style.d.ts

@@ -1,3 +1,5 @@
 import type { CSSResult } from 'lit';
 
+export const globals: CSSResult;
+
 export const style: CSSResult;

package/style.js

@@ -26,8 +26,18 @@ const style = css`
   }
 `;
 
+/**
+ * Default values for component-specific custom properties.
+ */
+const globals = css`
+  html {
+    --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
+    --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
+  }
+`;
+
 const $tpl = document.createElement('template');
-$tpl.innerHTML = `<style>${style.toString().replace(':host', 'html')}</style>`;
+$tpl.innerHTML = `<style>${style.toString().replace(':host', 'html')}$</style>`;
 document.head.appendChild($tpl.content);
 
-export { style };
+export { globals, style };

package/version.js

@@ -12,7 +12,7 @@
  */
 class Lumo extends HTMLElement {
   static get version() {
-    return '23.2.12';
+    return '23.2.13';
   }
 }