@vaadin/react-components 24.8.4 → 25.0.0-alpha10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/react-components",
-  "version": "24.8.4",
+  "version": "25.0.0-alpha10",
   "publishConfig": {
     "access": "public"
   },
@@ -27,67 +27,66 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.7",
-    "@vaadin/a11y-base": "24.8.4",
-    "@vaadin/accordion": "24.8.4",
-    "@vaadin/app-layout": "24.8.4",
-    "@vaadin/avatar": "24.8.4",
-    "@vaadin/avatar-group": "24.8.4",
-    "@vaadin/button": "24.8.4",
-    "@vaadin/card": "24.8.4",
-    "@vaadin/checkbox": "24.8.4",
-    "@vaadin/checkbox-group": "24.8.4",
-    "@vaadin/combo-box": "24.8.4",
-    "@vaadin/component-base": "24.8.4",
-    "@vaadin/confirm-dialog": "24.8.4",
-    "@vaadin/context-menu": "24.8.4",
-    "@vaadin/custom-field": "24.8.4",
-    "@vaadin/date-picker": "24.8.4",
-    "@vaadin/date-time-picker": "24.8.4",
-    "@vaadin/details": "24.8.4",
-    "@vaadin/dialog": "24.8.4",
-    "@vaadin/email-field": "24.8.4",
-    "@vaadin/field-base": "24.8.4",
-    "@vaadin/field-highlighter": "24.8.4",
-    "@vaadin/form-layout": "24.8.4",
-    "@vaadin/grid": "24.8.4",
-    "@vaadin/horizontal-layout": "24.8.4",
-    "@vaadin/icon": "24.8.4",
-    "@vaadin/icons": "24.8.4",
-    "@vaadin/input-container": "24.8.4",
-    "@vaadin/integer-field": "24.8.4",
-    "@vaadin/item": "24.8.4",
-    "@vaadin/list-box": "24.8.4",
-    "@vaadin/lit-renderer": "24.8.4",
-    "@vaadin/login": "24.8.4",
-    "@vaadin/markdown": "24.8.4",
-    "@vaadin/master-detail-layout": "24.8.4",
-    "@vaadin/menu-bar": "24.8.4",
-    "@vaadin/message-input": "24.8.4",
-    "@vaadin/message-list": "24.8.4",
-    "@vaadin/multi-select-combo-box": "24.8.4",
-    "@vaadin/notification": "24.8.4",
-    "@vaadin/number-field": "24.8.4",
-    "@vaadin/overlay": "24.8.4",
-    "@vaadin/password-field": "24.8.4",
-    "@vaadin/popover": "24.8.4",
-    "@vaadin/progress-bar": "24.8.4",
-    "@vaadin/radio-group": "24.8.4",
-    "@vaadin/scroller": "24.8.4",
-    "@vaadin/select": "24.8.4",
-    "@vaadin/side-nav": "24.8.4",
-    "@vaadin/split-layout": "24.8.4",
-    "@vaadin/tabs": "24.8.4",
-    "@vaadin/tabsheet": "24.8.4",
-    "@vaadin/text-area": "24.8.4",
-    "@vaadin/text-field": "24.8.4",
-    "@vaadin/time-picker": "24.8.4",
-    "@vaadin/tooltip": "24.8.4",
-    "@vaadin/upload": "24.8.4",
-    "@vaadin/vaadin-lumo-styles": "24.8.4",
-    "@vaadin/vaadin-material-styles": "24.8.4",
-    "@vaadin/vaadin-themable-mixin": "24.8.4",
-    "@vaadin/vertical-layout": "24.8.4",
-    "@vaadin/virtual-list": "24.8.4"
+    "@vaadin/a11y-base": "25.0.0-alpha10",
+    "@vaadin/accordion": "25.0.0-alpha10",
+    "@vaadin/app-layout": "25.0.0-alpha10",
+    "@vaadin/avatar": "25.0.0-alpha10",
+    "@vaadin/avatar-group": "25.0.0-alpha10",
+    "@vaadin/button": "25.0.0-alpha10",
+    "@vaadin/card": "25.0.0-alpha10",
+    "@vaadin/checkbox": "25.0.0-alpha10",
+    "@vaadin/checkbox-group": "25.0.0-alpha10",
+    "@vaadin/combo-box": "25.0.0-alpha10",
+    "@vaadin/component-base": "25.0.0-alpha10",
+    "@vaadin/confirm-dialog": "25.0.0-alpha10",
+    "@vaadin/context-menu": "25.0.0-alpha10",
+    "@vaadin/custom-field": "25.0.0-alpha10",
+    "@vaadin/date-picker": "25.0.0-alpha10",
+    "@vaadin/date-time-picker": "25.0.0-alpha10",
+    "@vaadin/details": "25.0.0-alpha10",
+    "@vaadin/dialog": "25.0.0-alpha10",
+    "@vaadin/email-field": "25.0.0-alpha10",
+    "@vaadin/field-base": "25.0.0-alpha10",
+    "@vaadin/field-highlighter": "25.0.0-alpha10",
+    "@vaadin/form-layout": "25.0.0-alpha10",
+    "@vaadin/grid": "25.0.0-alpha10",
+    "@vaadin/horizontal-layout": "25.0.0-alpha10",
+    "@vaadin/icon": "25.0.0-alpha10",
+    "@vaadin/icons": "25.0.0-alpha10",
+    "@vaadin/input-container": "25.0.0-alpha10",
+    "@vaadin/integer-field": "25.0.0-alpha10",
+    "@vaadin/item": "25.0.0-alpha10",
+    "@vaadin/list-box": "25.0.0-alpha10",
+    "@vaadin/lit-renderer": "25.0.0-alpha10",
+    "@vaadin/login": "25.0.0-alpha10",
+    "@vaadin/markdown": "25.0.0-alpha10",
+    "@vaadin/master-detail-layout": "25.0.0-alpha10",
+    "@vaadin/menu-bar": "25.0.0-alpha10",
+    "@vaadin/message-input": "25.0.0-alpha10",
+    "@vaadin/message-list": "25.0.0-alpha10",
+    "@vaadin/multi-select-combo-box": "25.0.0-alpha10",
+    "@vaadin/notification": "25.0.0-alpha10",
+    "@vaadin/number-field": "25.0.0-alpha10",
+    "@vaadin/overlay": "25.0.0-alpha10",
+    "@vaadin/password-field": "25.0.0-alpha10",
+    "@vaadin/popover": "25.0.0-alpha10",
+    "@vaadin/progress-bar": "25.0.0-alpha10",
+    "@vaadin/radio-group": "25.0.0-alpha10",
+    "@vaadin/scroller": "25.0.0-alpha10",
+    "@vaadin/select": "25.0.0-alpha10",
+    "@vaadin/side-nav": "25.0.0-alpha10",
+    "@vaadin/split-layout": "25.0.0-alpha10",
+    "@vaadin/tabs": "25.0.0-alpha10",
+    "@vaadin/tabsheet": "25.0.0-alpha10",
+    "@vaadin/text-area": "25.0.0-alpha10",
+    "@vaadin/text-field": "25.0.0-alpha10",
+    "@vaadin/time-picker": "25.0.0-alpha10",
+    "@vaadin/tooltip": "25.0.0-alpha10",
+    "@vaadin/upload": "25.0.0-alpha10",
+    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha10",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha10",
+    "@vaadin/vertical-layout": "25.0.0-alpha10",
+    "@vaadin/virtual-list": "25.0.0-alpha10"
   },
   "author": "Vaadin Ltd.",
   "license": "Apache-2.0",
@@ -166,10 +165,6 @@
       "types": "./ComboBox.d.ts",
       "default": "./ComboBox.js"
     },
-    "./ComboBoxLight.js": {
-      "types": "./ComboBoxLight.d.ts",
-      "default": "./ComboBoxLight.js"
-    },
     "./ConfirmDialog.js": {
       "types": "./ConfirmDialog.d.ts",
       "default": "./ConfirmDialog.js"
@@ -186,10 +181,6 @@
       "types": "./DatePicker.d.ts",
       "default": "./DatePicker.js"
     },
-    "./DatePickerLight.js": {
-      "types": "./DatePickerLight.d.ts",
-      "default": "./DatePickerLight.js"
-    },
     "./DateTimePicker.js": {
       "types": "./DateTimePicker.d.ts",
       "default": "./DateTimePicker.js"
@@ -425,12 +416,10 @@
     "./Checkbox": "./Checkbox.js",
     "./CheckboxGroup": "./CheckboxGroup.js",
     "./ComboBox": "./ComboBox.js",
-    "./ComboBoxLight": "./ComboBoxLight.js",
     "./ConfirmDialog": "./ConfirmDialog.js",
     "./ContextMenu": "./ContextMenu.js",
     "./CustomField": "./CustomField.js",
     "./DatePicker": "./DatePicker.js",
-    "./DatePickerLight": "./DatePickerLight.js",
     "./DateTimePicker": "./DateTimePicker.js",
     "./Details": "./Details.js",
     "./DetailsSummary": "./DetailsSummary.js",
@@ -493,23 +482,12 @@
     "./css/lumo/ColorBase.css": "./css/lumo/ColorBase.css",
     "./css/lumo/Font.css": "./css/lumo/Font.css",
     "./css/lumo/FontIcons.css": "./css/lumo/FontIcons.css",
-    "./css/lumo/Globals.css": "./css/lumo/Globals.css",
     "./css/lumo/Sizing.css": "./css/lumo/Sizing.css",
     "./css/lumo/Spacing.css": "./css/lumo/Spacing.css",
     "./css/lumo/Style.css": "./css/lumo/Style.css",
     "./css/lumo/Typography.css": "./css/lumo/Typography.css",
     "./css/lumo/UserColors.css": "./css/lumo/UserColors.css",
     "./css/lumo/Utility.module.css": "./css/lumo/Utility.module.css",
-    "./css/Material.css": "./css/Material.css",
-    "./css/material/Color.css": "./css/material/Color.css",
-    "./css/material/ColorBase.css": "./css/material/ColorBase.css",
-    "./css/material/ColorDark.css": "./css/material/ColorDark.css",
-    "./css/material/ColorLight.css": "./css/material/ColorLight.css",
-    "./css/material/Font.css": "./css/material/Font.css",
-    "./css/material/FontIcons.css": "./css/material/FontIcons.css",
-    "./css/material/Shadow.css": "./css/material/Shadow.css",
-    "./css/material/Typography.css": "./css/material/Typography.css",
-    "./css/material/UserColors.css": "./css/material/UserColors.css",
     "./utils/createComponent.d.ts": "./utils/createComponent.d.ts",
     "./utils/createComponent.d.ts.map": "./utils/createComponent.d.ts.map",
     "./utils/createComponent.js": "./utils/createComponent.js",

package/utils/createComponent.js

@@ -1,2 +1,2 @@
-import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"24.8.4"});function s(e){const{elementClass:t}=e;return n("_properties"in t?{...e,elementClass:{name:t.name,prototype:{...t._properties,hidden:Boolean}}}:e)}export{s as createComponent};
+import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.0.0-alpha10"});function s(e){const{elementClass:t}=e;return n("_properties"in t?{...e,elementClass:{name:t.name,prototype:{...t._properties,hidden:Boolean}}}:e)}export{s as createComponent};
 //# sourceMappingURL=createComponent.js.map

package/utils/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/utils/createComponent.ts"],
-  "sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n  interface VaadinRegistration {\n    is: string;\n    version: string;\n  }\n\n  interface Vaadin {\n    registrations?: VaadinRegistration[];\n  }\n\n  interface Window {\n    // @ts-expect-error: Different declaration from one of the dependencies.\n    Vaadin?: Vaadin;\n  }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n  is: '@vaadin/react-components',\n  version: /* updated-by-script */ '24.8.4',\n});\n\n// TODO: Remove when types from @lit-labs/react are exported\nexport type EventNames = Record<string, EventName | string>;\ntype Constructor<T> = { new (): T; name: string };\ntype PolymerConstructor<T> = Constructor<T> & { _properties: Record<string, unknown> };\ntype Options<I extends HTMLElement, E extends EventNames = {}> = Readonly<{\n  displayName?: string;\n  elementClass: Constructor<I> | PolymerConstructor<I>;\n  events?: E;\n  react: typeof window.React;\n  tagName: string;\n}>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n  [K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;\n};\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO: LoginOverlay has \"autofocus\" property, so we add it back manually.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>> & { autofocus?: boolean };\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n  React.HTMLAttributes<I>,\n  // Prefer type of provided event handler props or those on element over\n  // built-in HTMLAttributes\n  keyof E | keyof ElementProps<I>\n> &\n  EventListeners<E> &\n  ElementProps<I>;\n\nexport type ThemedWebComponentProps<\n  I extends ThemePropertyMixinClass & HTMLElement,\n  E extends EventNames = {},\n> = ComponentProps<I, E> & {\n  /**\n   * Attribute that can be used by the component to apply built-in style variants,\n   * or to propagate its value to the sub-components in Shadow DOM.\n   *\n   * @see ThemePropertyMixinClass#_theme\n   */\n  theme?: string;\n};\n\ntype AllWebComponentProps<I extends HTMLElement, E extends EventNames = {}> = I extends ThemePropertyMixinClass\n  ? ThemedWebComponentProps<I, E>\n  : ComponentProps<I, E>;\n\nexport type WebComponentProps<I extends HTMLElement, E extends EventNames = {}> = Partial<AllWebComponentProps<I, E>>;\n\n// We need a separate declaration here; otherwise, the TypeScript fails into the\n// endless loop trying to resolve the typings.\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(\n  options: Options<I, E>,\n): (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;\n\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): any {\n  const { elementClass } = options;\n\n  return _createComponent(\n    '_properties' in elementClass\n      ? {\n          ...options,\n          // TODO: improve or remove the Polymer workaround\n          // 'createComponent' relies on key presence on the custom element class,\n          // but Polymer defines properties on the prototype when the first element\n          // is created. Workaround: pass a mock object with properties in\n          // the prototype.\n          elementClass: {\n            // @ts-expect-error: it is a specific workaround for Polymer classes.\n            name: elementClass.name,\n            prototype: { ...elementClass._properties, hidden: Boolean },\n          },\n        }\n      : options,\n  );\n}\n"],
-  "mappings": "AAAA,OAAS,mBAAmBA,MAAwC,aAuBpE,OAAO,SAAW,CAAC,EACnB,OAAO,OAAO,gBAAkB,CAAC,EACjC,OAAO,OAAO,cAAc,KAAK,CAC/B,GAAI,2BACJ,QAAiC,QACnC,CAAC,EA2DM,SAASC,EAAkEC,EAA6B,CAC7G,KAAM,CAAE,aAAAC,CAAa,EAAID,EAEzB,OAAOF,EACL,gBAAiBG,EACb,CACE,GAAGD,EAMH,aAAc,CAEZ,KAAMC,EAAa,KACnB,UAAW,CAAE,GAAGA,EAAa,YAAa,OAAQ,OAAQ,CAC5D,CACF,EACAD,CACN,CACF",
+  "sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n  interface VaadinRegistration {\n    is: string;\n    version: string;\n  }\n\n  interface Vaadin {\n    registrations?: VaadinRegistration[];\n  }\n\n  interface Window {\n    // @ts-expect-error: Different declaration from one of the dependencies.\n    Vaadin?: Vaadin;\n  }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n  is: '@vaadin/react-components',\n  version: /* updated-by-script */ '25.0.0-alpha10',\n});\n\n// TODO: Remove when types from @lit-labs/react are exported\nexport type EventNames = Record<string, EventName | string>;\ntype Constructor<T> = { new (): T; name: string };\ntype PolymerConstructor<T> = Constructor<T> & { _properties: Record<string, unknown> };\ntype Options<I extends HTMLElement, E extends EventNames = {}> = Readonly<{\n  displayName?: string;\n  elementClass: Constructor<I> | PolymerConstructor<I>;\n  events?: E;\n  react: typeof window.React;\n  tagName: string;\n}>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n  [K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;\n};\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO: LoginOverlay has \"autofocus\" property, so we add it back manually.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>> & { autofocus?: boolean };\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n  React.HTMLAttributes<I>,\n  // Prefer type of provided event handler props or those on element over\n  // built-in HTMLAttributes\n  keyof E | keyof ElementProps<I>\n> &\n  EventListeners<E> &\n  ElementProps<I>;\n\nexport type ThemedWebComponentProps<\n  I extends ThemePropertyMixinClass & HTMLElement,\n  E extends EventNames = {},\n> = ComponentProps<I, E> & {\n  /**\n   * Attribute that can be used by the component to apply built-in style variants,\n   * or to propagate its value to the sub-components in Shadow DOM.\n   *\n   * @see ThemePropertyMixinClass#_theme\n   */\n  theme?: string;\n};\n\ntype AllWebComponentProps<I extends HTMLElement, E extends EventNames = {}> = I extends ThemePropertyMixinClass\n  ? ThemedWebComponentProps<I, E>\n  : ComponentProps<I, E>;\n\nexport type WebComponentProps<I extends HTMLElement, E extends EventNames = {}> = Partial<AllWebComponentProps<I, E>>;\n\n// We need a separate declaration here; otherwise, the TypeScript fails into the\n// endless loop trying to resolve the typings.\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(\n  options: Options<I, E>,\n): (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;\n\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): any {\n  const { elementClass } = options;\n\n  return _createComponent(\n    '_properties' in elementClass\n      ? {\n          ...options,\n          // TODO: improve or remove the Polymer workaround\n          // 'createComponent' relies on key presence on the custom element class,\n          // but Polymer defines properties on the prototype when the first element\n          // is created. Workaround: pass a mock object with properties in\n          // the prototype.\n          elementClass: {\n            // @ts-expect-error: it is a specific workaround for Polymer classes.\n            name: elementClass.name,\n            prototype: { ...elementClass._properties, hidden: Boolean },\n          },\n        }\n      : options,\n  );\n}\n"],
+  "mappings": "AAAA,OAAS,mBAAmBA,MAAwC,aAuBpE,OAAO,SAAW,CAAC,EACnB,OAAO,OAAO,gBAAkB,CAAC,EACjC,OAAO,OAAO,cAAc,KAAK,CAC/B,GAAI,2BACJ,QAAiC,gBACnC,CAAC,EA2DM,SAASC,EAAkEC,EAA6B,CAC7G,KAAM,CAAE,aAAAC,CAAa,EAAID,EAEzB,OAAOF,EACL,gBAAiBG,EACb,CACE,GAAGD,EAMH,aAAc,CAEZ,KAAMC,EAAa,KACnB,UAAW,CAAE,GAAGA,EAAa,YAAa,OAAQ,OAAQ,CAC5D,CACF,EACAD,CACN,CACF",
   "names": ["_createComponent", "createComponent", "options", "elementClass"]
 }

package/ComboBoxLight.d.ts

@@ -1,11 +0,0 @@
-import type { ComboBoxDefaultItem } from '@vaadin/combo-box';
-import { type ComponentType, type ReactElement, type RefAttributes } from 'react';
-import { type ComboBoxLightElement, type ComboBoxLightProps as _ComboBoxLightProps } from './generated/ComboBoxLight.js';
-import type { ComboBoxReactRendererProps } from './renderers/combobox.js';
-export * from './generated/ComboBoxLight.js';
-export type ComboBoxLightProps<TItem> = Partial<Omit<_ComboBoxLightProps<TItem>, 'renderer'>> & Readonly<{
-    renderer?: ComponentType<ComboBoxReactRendererProps<TItem>> | null;
-}>;
-declare const ForwardedComboBoxLight: <TItem = ComboBoxDefaultItem>(props: ComboBoxLightProps<TItem> & RefAttributes<ComboBoxLightElement<TItem>>) => ReactElement | null;
-export { ForwardedComboBoxLight as ComboBoxLight };
-//# sourceMappingURL=ComboBoxLight.d.ts.map

package/ComboBoxLight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBoxLight.d.ts","sourceRoot":"","sources":["src/ComboBoxLight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,KAAK,aAAa,EAAc,KAAK,YAAY,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AACjH,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,IAAI,mBAAmB,EAC/C,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAG1E,cAAc,8BAA8B,CAAC;AAE7C,MAAM,MAAM,kBAAkB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,GAC3F,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;CACpE,CAAC,CAAC;AAgBL,QAAA,MAAM,sBAAsB,EAAgC,CAAC,KAAK,GAAG,mBAAmB,EACtF,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,KAC1E,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,sBAAsB,IAAI,aAAa,EAAE,CAAC"}

package/ComboBoxLight.js

@@ -1,2 +0,0 @@
-export*from"@vaadin/combo-box/vaadin-combo-box-light.js";import{forwardRef as d}from"react";import{ComboBoxLight as a}from"@vaadin/combo-box/vaadin-combo-box-light.js";import*as r from"react";import{createComponent as i}from"./utils/createComponent.js";var p={onValidated:"validated",onChange:"change",onCustomValueSet:"custom-value-set",onSelectedItemChanged:"selected-item-changed",onValueChanged:"value-changed",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onFilterChanged:"filter-changed"},o=i({elementClass:a,events:p,react:r,tagName:"vaadin-combo-box-light"});import{useModelRenderer as g}from"./renderers/useModelRenderer.js";import{jsxs as C}from"react/jsx-runtime";function h(e,t){let[n,m]=g(e.renderer);return C(o,{...e,ref:t,renderer:m,children:[e.children,n]})}var v=d(h);export{v as ComboBoxLight,a as ComboBoxLightElement};
-//# sourceMappingURL=ComboBoxLight.js.map

package/ComboBoxLight.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["src/ComboBoxLight.tsx", "src/generated/ComboBoxLight.ts"],
-  "sourcesContent": ["export * from \"@vaadin/combo-box/vaadin-combo-box-light.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n  ComboBoxLight as _ComboBoxLight,\n  type ComboBoxLightElement,\n  type ComboBoxLightProps as _ComboBoxLightProps,\n} from './generated/ComboBoxLight.js';\nimport type { ComboBoxReactRendererProps } from './renderers/combobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/ComboBoxLight.js';\n\nexport type ComboBoxLightProps<TItem> = Partial<Omit<_ComboBoxLightProps<TItem>, 'renderer'>> &\n  Readonly<{\n    renderer?: ComponentType<ComboBoxReactRendererProps<TItem>> | null;\n  }>;\n\nfunction ComboBoxLight<TItem = ComboBoxDefaultItem>(\n  props: ComboBoxLightProps<TItem>,\n  ref: ForwardedRef<ComboBoxLightElement<TItem>>,\n): ReactElement | null {\n  const [portals, renderer] = useModelRenderer(props.renderer);\n\n  return (\n    <_ComboBoxLight<TItem> {...props} ref={ref} renderer={renderer}>\n      {props.children}\n      {portals}\n    </_ComboBoxLight>\n  );\n}\n\nconst ForwardedComboBoxLight = forwardRef(ComboBoxLight) as <TItem = ComboBoxDefaultItem>(\n  props: ComboBoxLightProps<TItem> & RefAttributes<ComboBoxLightElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedComboBoxLight as ComboBoxLight };\n", "import type { EventName } from \"@lit/react\";\nimport { ComboBoxLight as ComboBoxLightElement, type ComboBoxLightEventMap as _ComboBoxLightEventMap, } from \"@vaadin/combo-box/vaadin-combo-box-light.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ComboBoxLightElement, };\nexport type ComboBoxLightEventMap<T1> = Readonly<{\n    onValidated: EventName<_ComboBoxLightEventMap<T1>[\"validated\"]>;\n    onChange: EventName<_ComboBoxLightEventMap<T1>[\"change\"]>;\n    onCustomValueSet: EventName<_ComboBoxLightEventMap<T1>[\"custom-value-set\"]>;\n    onSelectedItemChanged: EventName<_ComboBoxLightEventMap<T1>[\"selected-item-changed\"]>;\n    onValueChanged: EventName<_ComboBoxLightEventMap<T1>[\"value-changed\"]>;\n    onInvalidChanged: EventName<_ComboBoxLightEventMap<T1>[\"invalid-changed\"]>;\n    onOpenedChanged: EventName<_ComboBoxLightEventMap<T1>[\"opened-changed\"]>;\n    onFilterChanged: EventName<_ComboBoxLightEventMap<T1>[\"filter-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onCustomValueSet: \"custom-value-set\", onSelectedItemChanged: \"selected-item-changed\", onValueChanged: \"value-changed\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-changed\" } as ComboBoxLightEventMap<any>;\nexport type ComboBoxLightProps<T1> = WebComponentProps<ComboBoxLightElement<T1>, ComboBoxLightEventMap<T1>>;\nexport const ComboBoxLight = createComponent({\n    elementClass: ComboBoxLightElement, events, react: React, tagName: \"vaadin-combo-box-light\"\n}) as <T1>(props: ComboBoxLightProps<T1> & React.RefAttributes<ComboBoxLightElement<T1>>) => React.ReactElement | null;\n"],
-  "mappings": "AAAA,WAAc,8CAEd,OAA6B,cAAAA,MAA4E,QCDzG,OAAS,iBAAiBC,MAAmF,8CAC7G,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAYxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,iBAAkB,mBAAoB,sBAAuB,wBAAyB,eAAgB,gBAAiB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,gBAAiB,gBAAiB,EAEnRC,EAAgBC,EAAgB,CACzC,aAAcC,EAAsB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,wBACvE,CAAC,EDVD,OAAS,oBAAAC,MAAwB,kCAgB7B,eAAAC,MAAA,oBAPJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIN,EAAiBG,EAAM,QAAQ,EAE3D,OACEF,EAACC,EAAA,CAAuB,GAAGC,EAAO,IAAKC,EAAK,SAAUE,EACnD,UAAAH,EAAM,SACNE,GACH,CAEJ,CAEA,IAAME,EAAyBC,EAAWN,CAAa",
-  "names": ["forwardRef", "ComboBoxLightElement", "React", "createComponent", "events", "ComboBoxLight", "createComponent", "ComboBoxLightElement", "React", "useModelRenderer", "jsxs", "ComboBoxLight", "props", "ref", "portals", "renderer", "ForwardedComboBoxLight", "forwardRef"]
-}

package/DatePickerLight.d.ts

@@ -1,2 +0,0 @@
-export * from './generated/DatePickerLight.js';
-//# sourceMappingURL=DatePickerLight.d.ts.map

package/DatePickerLight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerLight.d.ts","sourceRoot":"","sources":["src/DatePickerLight.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}

package/DatePickerLight.js

@@ -1,2 +0,0 @@
-export*from"@vaadin/date-picker/vaadin-date-picker-light.js";import{DatePickerLight as e}from"@vaadin/date-picker/vaadin-date-picker-light.js";import*as t from"react";import{createComponent as a}from"./utils/createComponent.js";var n={onValidated:"validated",onChange:"change",onOpenedChanged:"opened-changed",onValueChanged:"value-changed",onInvalidChanged:"invalid-changed"},r=a({elementClass:e,events:n,react:t,tagName:"vaadin-date-picker-light"});export{r as DatePickerLight,e as DatePickerLightElement};
-//# sourceMappingURL=DatePickerLight.js.map

package/DatePickerLight.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["src/DatePickerLight.ts", "src/generated/DatePickerLight.ts"],
-  "sourcesContent": ["export * from \"@vaadin/date-picker/vaadin-date-picker-light.js\";\nexport * from './generated/DatePickerLight.js';\n", "import type { EventName } from \"@lit/react\";\nimport { DatePickerLight as DatePickerLightElement, type DatePickerLightEventMap as _DatePickerLightEventMap, } from \"@vaadin/date-picker/vaadin-date-picker-light.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DatePickerLightElement, };\nexport type DatePickerLightEventMap = Readonly<{\n    onValidated: EventName<_DatePickerLightEventMap[\"validated\"]>;\n    onChange: EventName<_DatePickerLightEventMap[\"change\"]>;\n    onOpenedChanged: EventName<_DatePickerLightEventMap[\"opened-changed\"]>;\n    onValueChanged: EventName<_DatePickerLightEventMap[\"value-changed\"]>;\n    onInvalidChanged: EventName<_DatePickerLightEventMap[\"invalid-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onOpenedChanged: \"opened-changed\", onValueChanged: \"value-changed\", onInvalidChanged: \"invalid-changed\" } as DatePickerLightEventMap;\nexport type DatePickerLightProps = WebComponentProps<DatePickerLightElement, DatePickerLightEventMap>;\nexport const DatePickerLight = createComponent({\n    elementClass: DatePickerLightElement, events, react: React, tagName: \"vaadin-date-picker-light\"\n});\n"],
-  "mappings": "AAAA,WAAc,kDCCd,OAAS,mBAAmBA,MAAyF,kDACrH,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,gBAAiB,iBAAkB,eAAgB,gBAAiB,iBAAkB,iBAAkB,EAE1JC,EAAkBC,EAAgB,CAC3C,aAAcC,EAAwB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,0BACzE,CAAC",
-  "names": ["DatePickerLightElement", "React", "createComponent", "events", "DatePickerLight", "createComponent", "DatePickerLightElement", "React"]
-}

package/css/Material.css

@@ -1,13 +0,0 @@
-/* Generated file, do not edit */
-
-@import url(./material/FontIcons.css);
-
-@import url(./material/ColorBase.css);
-
-@import url(./material/Font.css);
-
-@import url(./material/Typography.css);
-
-@import url(./material/Shadow.css);
-
-@import url(./material/UserColors.css);

package/css/lumo/Globals.css

@@ -1,85 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    /* Button */
-    --vaadin-button-background: var(--lumo-contrast-5pct);
-    --vaadin-button-border: none;
-    --vaadin-button-border-radius: var(--lumo-border-radius-m);
-    --vaadin-button-font-size: var(--lumo-font-size-m);
-    --vaadin-button-font-weight: 500;
-    --vaadin-button-height: var(--lumo-size-m);
-    --vaadin-button-margin: var(--lumo-space-xs) 0;
-    --vaadin-button-min-width: calc(var(--vaadin-button-height) * 2);
-    --vaadin-button-padding: 0 calc(var(--vaadin-button-height) / 3 + var(--lumo-border-radius-m) / 2);
-    --vaadin-button-text-color: var(--lumo-primary-text-color);
-    --vaadin-button-primary-background: var(--lumo-primary-color);
-    --vaadin-button-primary-border: none;
-    --vaadin-button-primary-font-weight: 600;
-    --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);
-    --vaadin-button-tertiary-background: transparent !important;
-    --vaadin-button-tertiary-text-color: var(--lumo-primary-text-color);
-    --vaadin-button-tertiary-font-weight: 500;
-    --vaadin-button-tertiary-padding: 0 calc(var(--vaadin-button-height) / 6);
-    /* Checkbox */
-    --vaadin-checkbox-background: var(--lumo-contrast-20pct);
-    --vaadin-checkbox-background-hover: var(--lumo-contrast-30pct);
-    --vaadin-checkbox-border-radius: var(--lumo-border-radius-s);
-    --vaadin-checkbox-checkmark-char: var(--lumo-icons-checkmark);
-    --vaadin-checkbox-checkmark-char-indeterminate: '';
-    --vaadin-checkbox-checkmark-color: var(--lumo-primary-contrast-color);
-    --vaadin-checkbox-checkmark-size: calc(var(--vaadin-checkbox-size) + 2px);
-    --vaadin-checkbox-label-color: var(--lumo-body-text-color);
-    --vaadin-checkbox-label-font-size: var(--lumo-font-size-m);
-    --vaadin-checkbox-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs);
-    --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
-    --vaadin-checkbox-disabled-checkmark-color: var(--lumo-contrast-30pct);
-    --vaadin-checkbox-disabled-background: var(--lumo-contrast-10pct);
-    /* Radio button */
-    --vaadin-radio-button-background: var(--lumo-contrast-20pct);
-    --vaadin-radio-button-background-hover: var(--lumo-contrast-30pct);
-    --vaadin-radio-button-dot-color: var(--lumo-primary-contrast-color);
-    --vaadin-radio-button-dot-size: 3px;
-    --vaadin-radio-button-label-color: var(--lumo-body-text-color);
-    --vaadin-radio-button-label-font-size: var(--lumo-font-size-m);
-    --vaadin-radio-button-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs)
-      var(--lumo-space-xs);
-    --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
-    --vaadin-radio-button-disabled-background: var(--lumo-contrast-10pct);
-    --vaadin-radio-button-disabled-dot-color: var(--lumo-contrast-30pct);
-    --vaadin-selection-color: var(--lumo-primary-color);
-    --vaadin-selection-color-text: var(--lumo-primary-text-color);
-    --vaadin-input-field-border-radius: var(--lumo-border-radius-m);
-    --vaadin-focus-ring-color: var(--lumo-primary-color-50pct);
-    --vaadin-focus-ring-width: 2px;
-    /* Label */
-    --vaadin-input-field-label-color: var(--lumo-secondary-text-color);
-    --vaadin-input-field-focused-label-color: var(--lumo-primary-text-color);
-    --vaadin-input-field-hovered-label-color: var(--lumo-body-text-color);
-    --vaadin-input-field-label-font-size: var(--lumo-font-size-s);
-    --vaadin-input-field-label-font-weight: 500;
-    /* Helper */
-    --vaadin-input-field-helper-color: var(--lumo-secondary-text-color);
-    --vaadin-input-field-helper-font-size: var(--lumo-font-size-xs);
-    --vaadin-input-field-helper-font-weight: 400;
-    --vaadin-input-field-helper-spacing: 0.4em;
-    /* Error message */
-    --vaadin-input-field-error-color: var(--lumo-error-text-color);
-    --vaadin-input-field-error-font-size: var(--lumo-font-size-xs);
-    --vaadin-input-field-error-font-weight: 400;
-    /* Input field */
-    --vaadin-input-field-background: var(--lumo-contrast-10pct);
-    --vaadin-input-field-icon-color: var(--lumo-contrast-60pct);
-    --vaadin-input-field-icon-size: var(--lumo-icon-size-m);
-    --vaadin-input-field-invalid-background: var(--lumo-error-color-10pct);
-    --vaadin-input-field-invalid-hover-highlight: var(--lumo-error-color-50pct);
-    --vaadin-input-field-disabled-background: var(--lumo-contrast-5pct);
-    --vaadin-input-field-disabled-value-color: var(--lumo-disabled-text-color);
-    --vaadin-input-field-height: var(--lumo-size-m);
-    --vaadin-input-field-hover-highlight: var(--lumo-contrast-50pct);
-    --vaadin-input-field-placeholder-color: var(--lumo-secondary-text-color);
-    --vaadin-input-field-readonly-border: 1px dashed var(--lumo-contrast-30pct);
-    --vaadin-input-field-value-color: var(--lumo-body-text-color);
-    --vaadin-input-field-value-font-size: var(--lumo-font-size-m);
-    --vaadin-input-field-value-font-weight: 500;
-  }

package/css/material/Color.css

@@ -1,7 +0,0 @@
-/* Generated file, do not edit */
-
-@import url(./ColorLight.css);
-
-@import url(./ColorDark.css);
-
-@import url(./ColorBase.css);

package/css/material/ColorBase.css

@@ -1,26 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    /* Text colors */
-    --material-body-text-color: var(--light-theme-text-color, rgba(0, 0, 0, 0.87));
-    --material-secondary-text-color: var(--light-theme-secondary-color, rgba(0, 0, 0, 0.54));
-    --material-disabled-text-color: var(--light-theme-disabled-color, rgba(0, 0, 0, 0.38));
-
-    /* Primary colors */
-    --material-primary-color: var(--primary-color, #6200ee);
-    --material-primary-contrast-color: var(--dark-theme-base-color, #fff);
-    --material-primary-text-color: var(--material-primary-color);
-
-    /* Error colors */
-    --material-error-color: var(--error-color, #b00020);
-    --material-error-text-color: var(--material-error-color);
-
-    /* Background colors */
-    --material-background-color: var(--light-theme-background-color, #fff);
-    --material-secondary-background-color: var(--light-theme-secondary-background-color, #f5f5f5);
-    --material-disabled-color: rgba(0, 0, 0, 0.26);
-
-    /* Divider colors */
-    --material-divider-color: rgba(0, 0, 0, 0.12);
-  }

package/css/material/ColorDark.css

@@ -1,47 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    /* Text colors */
-    --material-body-text-color: var(--dark-theme-text-color, rgba(255, 255, 255, 1));
-    --material-secondary-text-color: var(--dark-theme-secondary-color, rgba(255, 255, 255, 0.7));
-    --material-disabled-text-color: var(--dark-theme-disabled-color, rgba(255, 255, 255, 0.5));
-
-    /* Primary colors */
-    --material-primary-color: var(--light-primary-color, #7e3ff2);
-    --material-primary-text-color: #b794f6;
-
-    /* Error colors */
-    --material-error-color: var(--error-color, #de2839);
-    --material-error-text-color: var(--material-error-color);
-
-    /* Background colors */
-    --material-background-color: var(--dark-theme-background-color, #303030);
-    --material-secondary-background-color: var(--dark-theme-secondary-background-color, #3b3b3b);
-    --material-disabled-color: rgba(255, 255, 255, 0.3);
-
-    /* Divider colors */
-    --material-divider-color: rgba(255, 255, 255, 0.12);
-
-    /* Undocumented internal properties (prefixed with three dashes) */
-
-    /* Text field tweaks */
-    --_material-text-field-input-line-background-color: #fff;
-    --_material-text-field-input-line-opacity: 0.7;
-    --_material-text-field-input-line-hover-opacity: 1;
-    --_material-text-field-focused-label-opacity: 1;
-
-    /* Button tweaks */
-    --_material-button-raised-background-color: rgba(255, 255, 255, 0.08);
-    --_material-button-outline-color: rgba(255, 255, 255, 0.2);
-
-    /* Grid tweaks */
-    --_material-grid-row-hover-background-color: rgba(255, 255, 255, 0.08);
-    --_material-grid-row-selected-overlay-opacity: 0.16;
-
-    /* Split layout tweaks */
-    --_material-split-layout-splitter-background-color: rgba(255, 255, 255, 0.8);
-
-    background-color: var(--material-background-color);
-    color: var(--material-body-text-color);
-  }

package/css/material/ColorLight.css

@@ -1,96 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    /* Text colors */
-    --material-body-text-color: var(--light-theme-text-color, rgba(0, 0, 0, 0.87));
-    --material-secondary-text-color: var(--light-theme-secondary-color, rgba(0, 0, 0, 0.54));
-    --material-disabled-text-color: var(--light-theme-disabled-color, rgba(0, 0, 0, 0.38));
-
-    /* Primary colors */
-    --material-primary-color: var(--primary-color, #6200ee);
-    --material-primary-contrast-color: var(--dark-theme-base-color, #fff);
-    --material-primary-text-color: var(--material-primary-color);
-
-    /* Error colors */
-    --material-error-color: var(--error-color, #b00020);
-    --material-error-text-color: var(--material-error-color);
-
-    /* Background colors */
-    --material-background-color: var(--light-theme-background-color, #fff);
-    --material-secondary-background-color: var(--light-theme-secondary-background-color, #f5f5f5);
-    --material-disabled-color: rgba(0, 0, 0, 0.26);
-
-    /* Divider colors */
-    --material-divider-color: rgba(0, 0, 0, 0.12);
-
-    /* Undocumented internal properties (prefixed with three dashes) */
-
-    /* Text field tweaks */
-    --_material-text-field-input-line-background-color: initial;
-    --_material-text-field-input-line-opacity: initial;
-    --_material-text-field-input-line-hover-opacity: initial;
-    --_material-text-field-focused-label-opacity: initial;
-
-    /* Button tweaks */
-    --_material-button-raised-background-color: initial;
-    --_material-button-outline-color: initial;
-
-    /* Grid tweaks */
-    --_material-grid-row-hover-background-color: initial;
-
-    /* Split layout tweaks */
-    --_material-split-layout-splitter-background-color: initial;
-
-    background-color: var(--material-background-color);
-    color: var(--material-body-text-color);
-  }
-
-  [theme~='dark'] {
-    /* Text colors */
-    --material-body-text-color: var(--dark-theme-text-color, rgba(255, 255, 255, 1));
-    --material-secondary-text-color: var(--dark-theme-secondary-color, rgba(255, 255, 255, 0.7));
-    --material-disabled-text-color: var(--dark-theme-disabled-color, rgba(255, 255, 255, 0.5));
-
-    /* Primary colors */
-    --material-primary-color: var(--light-primary-color, #7e3ff2);
-    --material-primary-text-color: #b794f6;
-
-    /* Error colors */
-    --material-error-color: var(--error-color, #de2839);
-    --material-error-text-color: var(--material-error-color);
-
-    /* Background colors */
-    --material-background-color: var(--dark-theme-background-color, #303030);
-    --material-secondary-background-color: var(--dark-theme-secondary-background-color, #3b3b3b);
-    --material-disabled-color: rgba(255, 255, 255, 0.3);
-
-    /* Divider colors */
-    --material-divider-color: rgba(255, 255, 255, 0.12);
-
-    /* Undocumented internal properties (prefixed with three dashes) */
-
-    /* Text field tweaks */
-    --_material-text-field-input-line-background-color: #fff;
-    --_material-text-field-input-line-opacity: 0.7;
-    --_material-text-field-input-line-hover-opacity: 1;
-    --_material-text-field-focused-label-opacity: 1;
-
-    /* Button tweaks */
-    --_material-button-raised-background-color: rgba(255, 255, 255, 0.08);
-    --_material-button-outline-color: rgba(255, 255, 255, 0.2);
-
-    /* Grid tweaks */
-    --_material-grid-row-hover-background-color: rgba(255, 255, 255, 0.08);
-    --_material-grid-row-selected-overlay-opacity: 0.16;
-
-    /* Split layout tweaks */
-    --_material-split-layout-splitter-background-color: rgba(255, 255, 255, 0.8);
-
-    background-color: var(--material-background-color);
-    color: var(--material-body-text-color);
-  }
-
-  a {
-    color: inherit;
-  }

package/css/material/Font.css

@@ -1,22 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    /* Font family */
-    --material-font-family: 'Roboto', sans-serif;
-
-    /* Font sizes */
-    --material-h1-font-size: 6rem;
-    --material-h2-font-size: 3.75rem;
-    --material-h3-font-size: 3rem;
-    --material-h4-font-size: 2.125rem;
-    --material-h5-font-size: 1.5rem;
-    --material-h6-font-size: 1.25rem;
-    --material-body-font-size: 1rem;
-    --material-small-font-size: 0.875rem;
-    --material-button-font-size: 0.875rem;
-    --material-caption-font-size: 0.75rem;
-
-    /* Icon size */
-    --material-icon-font-size: 20px;
-  }