@openremote/or-vaadin-components 1.32.0-snapshot.20261012115031 → 1.32.0

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.
@@ -53,8 +53,8 @@ import type { OrVaadinTimePicker } from "./lib/or-vaadin-time-picker.d.ts";
53
53
  import type { OrVaadinToggleGroup } from "./lib/or-vaadin-toggle-group.d.ts";
54
54
  import type { OrVaadinToggle } from "./lib/or-vaadin-toggle.d.ts";
55
55
  import type { Badge } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/badge/./lib/vaadin-badge.js";
56
- import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.js";
57
56
  import type { Checkbox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox/./lib/vaadin-checkbox.js";
57
+ import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.js";
58
58
  import type { CheckboxGroup } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox-group/./lib/vaadin-checkbox-group.js";
59
59
  import type { ComboBoxItem } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/combo-box/./lib/vaadin-combo-box-item.js";
60
60
  import type { ComboBoxOverlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/combo-box/./lib/vaadin-combo-box-overlay.js";
@@ -6109,81 +6109,6 @@ export type BadgeSolidJsProps = {
6109
6109
  textContent?: string | number;
6110
6110
  };
6111
6111
 
6112
- export type ButtonProps = {
6113
- /** The theme variants to apply to the component. */
6114
- theme?: unknown;
6115
- /** The theme variants to apply to the component. */
6116
- undefined?: unknown;
6117
- /** When disabled, the button is rendered as "dimmed".
6118
-
6119
- By default, disabled buttons are not focusable and don't react to hover.
6120
- As a result, they are hidden from assistive technologies, and it's not
6121
- possible to show a tooltip to explain why they are disabled. This can
6122
- be addressed by enabling the feature flag `accessibleDisabledButtons`,
6123
- which makes disabled buttons focusable and hoverable, while still
6124
- preventing them from being activated:
6125
-
6126
- ```js
6127
- // Set before any button is attached to the DOM.
6128
- window.Vaadin.featureFlags.accessibleDisabledButtons = true
6129
- ``` */
6130
- disabled?: Button["disabled"];
6131
- /** Set when the button is pressed down, either with mouse, touch or the keyboard */
6132
- active?: unknown;
6133
- /** Set when the button is focused using the keyboard */
6134
- "focus-ring"?: unknown;
6135
- /** Set when the button is focused */
6136
- focused?: unknown;
6137
- /** Set when the button has a slotted tooltip */
6138
- "has-tooltip"?: unknown;
6139
- /** Indicates whether the element can be focused and where it participates in sequential keyboard navigation. */
6140
- tabindex?: Button["tabindex"];
6141
- /** Stores the last known tabindex since the element has been disabled. */
6142
- _lastTabIndex?: Button["_lastTabIndex"];
6143
- /** */
6144
- dir?: Button["dir"];
6145
- };
6146
-
6147
- export type ButtonSolidJsProps = {
6148
- /** The theme variants to apply to the component. */
6149
- "attr:theme"?: unknown;
6150
- /** The theme variants to apply to the component. */
6151
- "prop:undefined"?: unknown;
6152
- /** When disabled, the button is rendered as "dimmed".
6153
-
6154
- By default, disabled buttons are not focusable and don't react to hover.
6155
- As a result, they are hidden from assistive technologies, and it's not
6156
- possible to show a tooltip to explain why they are disabled. This can
6157
- be addressed by enabling the feature flag `accessibleDisabledButtons`,
6158
- which makes disabled buttons focusable and hoverable, while still
6159
- preventing them from being activated:
6160
-
6161
- ```js
6162
- // Set before any button is attached to the DOM.
6163
- window.Vaadin.featureFlags.accessibleDisabledButtons = true
6164
- ``` */
6165
- "prop:disabled"?: Button["disabled"];
6166
- /** Set when the button is pressed down, either with mouse, touch or the keyboard */
6167
- "bool:active"?: unknown;
6168
- /** Set when the button is focused using the keyboard */
6169
- "bool:focus-ring"?: unknown;
6170
- /** Set when the button is focused */
6171
- "bool:focused"?: unknown;
6172
- /** Set when the button has a slotted tooltip */
6173
- "bool:has-tooltip"?: unknown;
6174
- /** Indicates whether the element can be focused and where it participates in sequential keyboard navigation. */
6175
- "prop:tabindex"?: Button["tabindex"];
6176
- /** Stores the last known tabindex since the element has been disabled. */
6177
- "prop:_lastTabIndex"?: Button["_lastTabIndex"];
6178
- /** */
6179
- "prop:dir"?: Button["dir"];
6180
-
6181
- /** Set the innerHTML of the element */
6182
- innerHTML?: string;
6183
- /** Set the textContent of the element */
6184
- textContent?: string | number;
6185
- };
6186
-
6187
6112
  export type CheckboxProps = {
6188
6113
  /** The theme variants to apply to the component. */
6189
6114
  theme?: unknown;
@@ -6372,6 +6297,81 @@ will be restored to `0` after re-enabling the element. */
6372
6297
  textContent?: string | number;
6373
6298
  };
6374
6299
 
6300
+ export type ButtonProps = {
6301
+ /** The theme variants to apply to the component. */
6302
+ theme?: unknown;
6303
+ /** The theme variants to apply to the component. */
6304
+ undefined?: unknown;
6305
+ /** When disabled, the button is rendered as "dimmed".
6306
+
6307
+ By default, disabled buttons are not focusable and don't react to hover.
6308
+ As a result, they are hidden from assistive technologies, and it's not
6309
+ possible to show a tooltip to explain why they are disabled. This can
6310
+ be addressed by enabling the feature flag `accessibleDisabledButtons`,
6311
+ which makes disabled buttons focusable and hoverable, while still
6312
+ preventing them from being activated:
6313
+
6314
+ ```js
6315
+ // Set before any button is attached to the DOM.
6316
+ window.Vaadin.featureFlags.accessibleDisabledButtons = true
6317
+ ``` */
6318
+ disabled?: Button["disabled"];
6319
+ /** Set when the button is pressed down, either with mouse, touch or the keyboard */
6320
+ active?: unknown;
6321
+ /** Set when the button is focused using the keyboard */
6322
+ "focus-ring"?: unknown;
6323
+ /** Set when the button is focused */
6324
+ focused?: unknown;
6325
+ /** Set when the button has a slotted tooltip */
6326
+ "has-tooltip"?: unknown;
6327
+ /** Indicates whether the element can be focused and where it participates in sequential keyboard navigation. */
6328
+ tabindex?: Button["tabindex"];
6329
+ /** Stores the last known tabindex since the element has been disabled. */
6330
+ _lastTabIndex?: Button["_lastTabIndex"];
6331
+ /** */
6332
+ dir?: Button["dir"];
6333
+ };
6334
+
6335
+ export type ButtonSolidJsProps = {
6336
+ /** The theme variants to apply to the component. */
6337
+ "attr:theme"?: unknown;
6338
+ /** The theme variants to apply to the component. */
6339
+ "prop:undefined"?: unknown;
6340
+ /** When disabled, the button is rendered as "dimmed".
6341
+
6342
+ By default, disabled buttons are not focusable and don't react to hover.
6343
+ As a result, they are hidden from assistive technologies, and it's not
6344
+ possible to show a tooltip to explain why they are disabled. This can
6345
+ be addressed by enabling the feature flag `accessibleDisabledButtons`,
6346
+ which makes disabled buttons focusable and hoverable, while still
6347
+ preventing them from being activated:
6348
+
6349
+ ```js
6350
+ // Set before any button is attached to the DOM.
6351
+ window.Vaadin.featureFlags.accessibleDisabledButtons = true
6352
+ ``` */
6353
+ "prop:disabled"?: Button["disabled"];
6354
+ /** Set when the button is pressed down, either with mouse, touch or the keyboard */
6355
+ "bool:active"?: unknown;
6356
+ /** Set when the button is focused using the keyboard */
6357
+ "bool:focus-ring"?: unknown;
6358
+ /** Set when the button is focused */
6359
+ "bool:focused"?: unknown;
6360
+ /** Set when the button has a slotted tooltip */
6361
+ "bool:has-tooltip"?: unknown;
6362
+ /** Indicates whether the element can be focused and where it participates in sequential keyboard navigation. */
6363
+ "prop:tabindex"?: Button["tabindex"];
6364
+ /** Stores the last known tabindex since the element has been disabled. */
6365
+ "prop:_lastTabIndex"?: Button["_lastTabIndex"];
6366
+ /** */
6367
+ "prop:dir"?: Button["dir"];
6368
+
6369
+ /** Set the innerHTML of the element */
6370
+ innerHTML?: string;
6371
+ /** Set the textContent of the element */
6372
+ textContent?: string | number;
6373
+ };
6374
+
6375
6375
  export type CheckboxGroupProps = {
6376
6376
  /** The theme variants to apply to the component. */
6377
6377
  theme?: unknown;
@@ -17793,50 +17793,67 @@ export type CustomElements = {
17793
17793
  "vaadin-badge": Partial<BadgeProps & BaseProps<Badge> & BaseEvents>;
17794
17794
 
17795
17795
  /**
17796
- * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
17796
+ * `<vaadin-checkbox>` is an input field representing a binary choice.
17797
17797
  *
17798
17798
  * ```html
17799
- * <vaadin-button>Press me</vaadin-button>
17799
+ * <vaadin-checkbox label="I accept the terms and conditions"></vaadin-checkbox>
17800
17800
  * ```
17801
17801
  *
17802
17802
  * ### Styling
17803
17803
  *
17804
17804
  * The following shadow DOM parts are available for styling:
17805
17805
  *
17806
- * Part name | Description
17807
- * ----------|-------------
17808
- * `label` | The label (text) inside the button.
17809
- * `prefix` | A slot for content before the label (e.g. an icon).
17810
- * `suffix` | A slot for content after the label (e.g. an icon).
17806
+ * Part name | Description
17807
+ * ---------------------|-------------
17808
+ * `checkbox` | The element representing a stylable custom checkbox
17809
+ * `label` | The slotted label element wrapper
17810
+ * `helper-text` | The slotted helper text element wrapper
17811
+ * `error-message` | The slotted error message element wrapper
17812
+ * `required-indicator` | The `required` state indicator element
17811
17813
  *
17812
17814
  * The following state attributes are available for styling:
17813
17815
  *
17814
- * Attribute | Description
17815
- * ---------------|-------------
17816
- * `active` | Set when the button is pressed down, either with mouse, touch or the keyboard
17817
- * `disabled` | Set when the button is disabled
17818
- * `focus-ring` | Set when the button is focused using the keyboard
17819
- * `focused` | Set when the button is focused
17820
- * `has-tooltip` | Set when the button has a slotted tooltip
17816
+ * Attribute | Description
17817
+ * ---------------------|-------------
17818
+ * `active` | Set when the checkbox is activated with mouse, touch or the keyboard.
17819
+ * `checked` | Set when the checkbox is checked.
17820
+ * `disabled` | Set when the checkbox is disabled.
17821
+ * `readonly` | Set when the checkbox is readonly.
17822
+ * `focus-ring` | Set when the checkbox is focused using the keyboard.
17823
+ * `focused` | Set when the checkbox is focused.
17824
+ * `indeterminate` | Set when the checkbox is in the indeterminate state.
17825
+ * `invalid` | Set when the checkbox is invalid.
17826
+ * `has-label` | Set when the checkbox has a label.
17827
+ * `has-helper` | Set when the checkbox has helper text.
17828
+ * `has-error-message` | Set when the checkbox has an error message.
17829
+ * `has-tooltip` | Set when the checkbox has a slotted tooltip.
17821
17830
  *
17822
17831
  * The following custom CSS properties are available for styling:
17823
17832
  *
17824
- * Custom CSS property |
17825
- * :----------------------------------|
17826
- * | `--vaadin-button-background` |
17827
- * | `--vaadin-button-border-color` |
17828
- * | `--vaadin-button-border-radius` |
17829
- * | `--vaadin-button-border-width` |
17830
- * | `--vaadin-button-font-family` |
17831
- * | `--vaadin-button-font-size` |
17832
- * | `--vaadin-button-font-weight` |
17833
- * | `--vaadin-button-gap` |
17834
- * | `--vaadin-button-height` |
17835
- * | `--vaadin-button-label-wrap` |
17836
- * | `--vaadin-button-line-height` |
17837
- * | `--vaadin-button-margin` |
17838
- * | `--vaadin-button-padding` |
17839
- * | `--vaadin-button-text-color` |
17833
+ * Custom CSS property |
17834
+ * :--------------------------------------------------|
17835
+ * | `--vaadin-checkbox-background` |
17836
+ * | `--vaadin-checkbox-border-color` |
17837
+ * | `--vaadin-checkbox-border-radius` |
17838
+ * | `--vaadin-checkbox-border-width` |
17839
+ * | `--vaadin-checkbox-gap` |
17840
+ * | `--vaadin-checkbox-label-color` |
17841
+ * | `--vaadin-checkbox-label-font-size` |
17842
+ * | `--vaadin-checkbox-label-font-weight` |
17843
+ * | `--vaadin-checkbox-label-line-height` |
17844
+ * | `--vaadin-checkbox-marker-color` |
17845
+ * | `--vaadin-checkbox-marker-size` |
17846
+ * | `--vaadin-checkbox-size` |
17847
+ * | `--vaadin-input-field-error-color` |
17848
+ * | `--vaadin-input-field-error-font-size` |
17849
+ * | `--vaadin-input-field-error-font-weight` |
17850
+ * | `--vaadin-input-field-error-line-height` |
17851
+ * | `--vaadin-input-field-helper-color` |
17852
+ * | `--vaadin-input-field-helper-font-size` |
17853
+ * | `--vaadin-input-field-helper-font-weight` |
17854
+ * | `--vaadin-input-field-helper-line-height` |
17855
+ * | `--vaadin-input-field-required-indicator` |
17856
+ * | `--vaadin-input-field-required-indicator-color` |
17840
17857
  *
17841
17858
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
17842
17859
  *
@@ -17845,137 +17862,9 @@ export type CustomElements = {
17845
17862
  * Component attributes and properties that can be applied to the element or by using JavaScript.
17846
17863
  *
17847
17864
  * - `theme`/`undefined`: The theme variants to apply to the component.
17848
- * - `disabled`: When disabled, the button is rendered as "dimmed".
17849
- *
17850
- * By default, disabled buttons are not focusable and don't react to hover.
17851
- * As a result, they are hidden from assistive technologies, and it's not
17852
- * possible to show a tooltip to explain why they are disabled. This can
17853
- * be addressed by enabling the feature flag `accessibleDisabledButtons`,
17854
- * which makes disabled buttons focusable and hoverable, while still
17855
- * preventing them from being activated:
17856
- *
17857
- * ```js
17858
- * // Set before any button is attached to the DOM.
17859
- * window.Vaadin.featureFlags.accessibleDisabledButtons = true
17860
- * ```
17861
- * - `active`/`undefined`: Set when the button is pressed down, either with mouse, touch or the keyboard
17862
- * - `disabled`/`undefined`: Set when the button is disabled
17863
- * - `focus-ring`/`undefined`: Set when the button is focused using the keyboard
17864
- * - `focused`/`undefined`: Set when the button is focused
17865
- * - `has-tooltip`/`undefined`: Set when the button has a slotted tooltip
17866
- * - `tabindex`: Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
17867
- * - `_lastTabIndex`: Stores the last known tabindex since the element has been disabled.
17868
- * - `dir`: undefined
17869
- *
17870
- * ## Events
17871
- *
17872
- * Events that will be emitted by the component.
17873
- *
17874
- * - `undefined`: undefined
17875
- *
17876
- * ## Methods
17877
- *
17878
- * Methods that can be called to access component functionality.
17879
- *
17880
- * - `createProperty(name, options) => void`: undefined
17881
- * - `getOrCreateMap(name) => void`: undefined
17882
- * - `addCheckedInitializer(initializer) => void`: undefined
17883
- * - `getPropertyDescriptor(name, key, options) => void`: undefined
17884
- *
17885
- * ## CSS Custom Properties
17886
- *
17887
- * CSS variables available for styling the component.
17888
- *
17889
- * - `--vaadin-button-background`: undefined (default: `undefined`)
17890
- * - `--vaadin-button-border-color`: undefined (default: `undefined`)
17891
- * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
17892
- * - `--vaadin-button-border-width`: undefined (default: `undefined`)
17893
- * - `--vaadin-button-font-family`: undefined (default: `undefined`)
17894
- * - `--vaadin-button-font-size`: undefined (default: `undefined`)
17895
- * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
17896
- * - `--vaadin-button-gap`: undefined (default: `undefined`)
17897
- * - `--vaadin-button-height`: undefined (default: `undefined`)
17898
- * - `--vaadin-button-label-wrap`: undefined (default: `undefined`)
17899
- * - `--vaadin-button-line-height`: undefined (default: `undefined`)
17900
- * - `--vaadin-button-margin`: undefined (default: `undefined`)
17901
- * - `--vaadin-button-padding`: undefined (default: `undefined`)
17902
- * - `--vaadin-button-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
17903
- */
17904
- "vaadin-button": Partial<ButtonProps & BaseProps<Button> & BaseEvents>;
17905
-
17906
- /**
17907
- * `<vaadin-checkbox>` is an input field representing a binary choice.
17908
- *
17909
- * ```html
17910
- * <vaadin-checkbox label="I accept the terms and conditions"></vaadin-checkbox>
17911
- * ```
17912
- *
17913
- * ### Styling
17914
- *
17915
- * The following shadow DOM parts are available for styling:
17916
- *
17917
- * Part name | Description
17918
- * ---------------------|-------------
17919
- * `checkbox` | The element representing a stylable custom checkbox
17920
- * `label` | The slotted label element wrapper
17921
- * `helper-text` | The slotted helper text element wrapper
17922
- * `error-message` | The slotted error message element wrapper
17923
- * `required-indicator` | The `required` state indicator element
17924
- *
17925
- * The following state attributes are available for styling:
17926
- *
17927
- * Attribute | Description
17928
- * ---------------------|-------------
17929
- * `active` | Set when the checkbox is activated with mouse, touch or the keyboard.
17930
- * `checked` | Set when the checkbox is checked.
17931
- * `disabled` | Set when the checkbox is disabled.
17932
- * `readonly` | Set when the checkbox is readonly.
17933
- * `focus-ring` | Set when the checkbox is focused using the keyboard.
17934
- * `focused` | Set when the checkbox is focused.
17935
- * `indeterminate` | Set when the checkbox is in the indeterminate state.
17936
- * `invalid` | Set when the checkbox is invalid.
17937
- * `has-label` | Set when the checkbox has a label.
17938
- * `has-helper` | Set when the checkbox has helper text.
17939
- * `has-error-message` | Set when the checkbox has an error message.
17940
- * `has-tooltip` | Set when the checkbox has a slotted tooltip.
17941
- *
17942
- * The following custom CSS properties are available for styling:
17943
- *
17944
- * Custom CSS property |
17945
- * :--------------------------------------------------|
17946
- * | `--vaadin-checkbox-background` |
17947
- * | `--vaadin-checkbox-border-color` |
17948
- * | `--vaadin-checkbox-border-radius` |
17949
- * | `--vaadin-checkbox-border-width` |
17950
- * | `--vaadin-checkbox-gap` |
17951
- * | `--vaadin-checkbox-label-color` |
17952
- * | `--vaadin-checkbox-label-font-size` |
17953
- * | `--vaadin-checkbox-label-font-weight` |
17954
- * | `--vaadin-checkbox-label-line-height` |
17955
- * | `--vaadin-checkbox-marker-color` |
17956
- * | `--vaadin-checkbox-marker-size` |
17957
- * | `--vaadin-checkbox-size` |
17958
- * | `--vaadin-input-field-error-color` |
17959
- * | `--vaadin-input-field-error-font-size` |
17960
- * | `--vaadin-input-field-error-font-weight` |
17961
- * | `--vaadin-input-field-error-line-height` |
17962
- * | `--vaadin-input-field-helper-color` |
17963
- * | `--vaadin-input-field-helper-font-size` |
17964
- * | `--vaadin-input-field-helper-font-weight` |
17965
- * | `--vaadin-input-field-helper-line-height` |
17966
- * | `--vaadin-input-field-required-indicator` |
17967
- * | `--vaadin-input-field-required-indicator-color` |
17968
- *
17969
- * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
17970
- *
17971
- * ## Attributes & Properties
17972
- *
17973
- * Component attributes and properties that can be applied to the element or by using JavaScript.
17974
- *
17975
- * - `theme`/`undefined`: The theme variants to apply to the component.
17976
- * - `indeterminate`: True if the checkbox is in the indeterminate state which means
17977
- * it is not possible to say whether it is checked or unchecked.
17978
- * The state is reset once the user switches the checkbox by hand.
17865
+ * - `indeterminate`: True if the checkbox is in the indeterminate state which means
17866
+ * it is not possible to say whether it is checked or unchecked.
17867
+ * The state is reset once the user switches the checkbox by hand.
17979
17868
  *
17980
17869
  * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/checkbox#indeterminate_state_checkboxes
17981
17870
  * - `active`/`undefined`: Set when the checkbox is activated with mouse, touch or the keyboard.
@@ -18070,6 +17959,117 @@ export type CustomElements = {
18070
17959
  */
18071
17960
  "vaadin-checkbox": Partial<CheckboxProps & BaseProps<Checkbox> & BaseEvents>;
18072
17961
 
17962
+ /**
17963
+ * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
17964
+ *
17965
+ * ```html
17966
+ * <vaadin-button>Press me</vaadin-button>
17967
+ * ```
17968
+ *
17969
+ * ### Styling
17970
+ *
17971
+ * The following shadow DOM parts are available for styling:
17972
+ *
17973
+ * Part name | Description
17974
+ * ----------|-------------
17975
+ * `label` | The label (text) inside the button.
17976
+ * `prefix` | A slot for content before the label (e.g. an icon).
17977
+ * `suffix` | A slot for content after the label (e.g. an icon).
17978
+ *
17979
+ * The following state attributes are available for styling:
17980
+ *
17981
+ * Attribute | Description
17982
+ * ---------------|-------------
17983
+ * `active` | Set when the button is pressed down, either with mouse, touch or the keyboard
17984
+ * `disabled` | Set when the button is disabled
17985
+ * `focus-ring` | Set when the button is focused using the keyboard
17986
+ * `focused` | Set when the button is focused
17987
+ * `has-tooltip` | Set when the button has a slotted tooltip
17988
+ *
17989
+ * The following custom CSS properties are available for styling:
17990
+ *
17991
+ * Custom CSS property |
17992
+ * :----------------------------------|
17993
+ * | `--vaadin-button-background` |
17994
+ * | `--vaadin-button-border-color` |
17995
+ * | `--vaadin-button-border-radius` |
17996
+ * | `--vaadin-button-border-width` |
17997
+ * | `--vaadin-button-font-family` |
17998
+ * | `--vaadin-button-font-size` |
17999
+ * | `--vaadin-button-font-weight` |
18000
+ * | `--vaadin-button-gap` |
18001
+ * | `--vaadin-button-height` |
18002
+ * | `--vaadin-button-label-wrap` |
18003
+ * | `--vaadin-button-line-height` |
18004
+ * | `--vaadin-button-margin` |
18005
+ * | `--vaadin-button-padding` |
18006
+ * | `--vaadin-button-text-color` |
18007
+ *
18008
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
18009
+ *
18010
+ * ## Attributes & Properties
18011
+ *
18012
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
18013
+ *
18014
+ * - `theme`/`undefined`: The theme variants to apply to the component.
18015
+ * - `disabled`: When disabled, the button is rendered as "dimmed".
18016
+ *
18017
+ * By default, disabled buttons are not focusable and don't react to hover.
18018
+ * As a result, they are hidden from assistive technologies, and it's not
18019
+ * possible to show a tooltip to explain why they are disabled. This can
18020
+ * be addressed by enabling the feature flag `accessibleDisabledButtons`,
18021
+ * which makes disabled buttons focusable and hoverable, while still
18022
+ * preventing them from being activated:
18023
+ *
18024
+ * ```js
18025
+ * // Set before any button is attached to the DOM.
18026
+ * window.Vaadin.featureFlags.accessibleDisabledButtons = true
18027
+ * ```
18028
+ * - `active`/`undefined`: Set when the button is pressed down, either with mouse, touch or the keyboard
18029
+ * - `disabled`/`undefined`: Set when the button is disabled
18030
+ * - `focus-ring`/`undefined`: Set when the button is focused using the keyboard
18031
+ * - `focused`/`undefined`: Set when the button is focused
18032
+ * - `has-tooltip`/`undefined`: Set when the button has a slotted tooltip
18033
+ * - `tabindex`: Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
18034
+ * - `_lastTabIndex`: Stores the last known tabindex since the element has been disabled.
18035
+ * - `dir`: undefined
18036
+ *
18037
+ * ## Events
18038
+ *
18039
+ * Events that will be emitted by the component.
18040
+ *
18041
+ * - `undefined`: undefined
18042
+ *
18043
+ * ## Methods
18044
+ *
18045
+ * Methods that can be called to access component functionality.
18046
+ *
18047
+ * - `createProperty(name, options) => void`: undefined
18048
+ * - `getOrCreateMap(name) => void`: undefined
18049
+ * - `addCheckedInitializer(initializer) => void`: undefined
18050
+ * - `getPropertyDescriptor(name, key, options) => void`: undefined
18051
+ *
18052
+ * ## CSS Custom Properties
18053
+ *
18054
+ * CSS variables available for styling the component.
18055
+ *
18056
+ * - `--vaadin-button-background`: undefined (default: `undefined`)
18057
+ * - `--vaadin-button-border-color`: undefined (default: `undefined`)
18058
+ * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
18059
+ * - `--vaadin-button-border-width`: undefined (default: `undefined`)
18060
+ * - `--vaadin-button-font-family`: undefined (default: `undefined`)
18061
+ * - `--vaadin-button-font-size`: undefined (default: `undefined`)
18062
+ * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
18063
+ * - `--vaadin-button-gap`: undefined (default: `undefined`)
18064
+ * - `--vaadin-button-height`: undefined (default: `undefined`)
18065
+ * - `--vaadin-button-label-wrap`: undefined (default: `undefined`)
18066
+ * - `--vaadin-button-line-height`: undefined (default: `undefined`)
18067
+ * - `--vaadin-button-margin`: undefined (default: `undefined`)
18068
+ * - `--vaadin-button-padding`: undefined (default: `undefined`)
18069
+ * - `--vaadin-button-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
18070
+ */
18071
+ "vaadin-button": Partial<ButtonProps & BaseProps<Button> & BaseEvents>;
18072
+
18073
18073
  /**
18074
18074
  * `<vaadin-checkbox-group>` is a web component that allows the user to choose several items from a group of binary choices.
18075
18075
  *
@@ -28494,119 +28494,6 @@ export type CustomElementsSolidJs = {
28494
28494
  BadgeProps & BadgeSolidJsProps & BaseProps<Badge> & BaseEvents
28495
28495
  >;
28496
28496
 
28497
- /**
28498
- * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
28499
- *
28500
- * ```html
28501
- * <vaadin-button>Press me</vaadin-button>
28502
- * ```
28503
- *
28504
- * ### Styling
28505
- *
28506
- * The following shadow DOM parts are available for styling:
28507
- *
28508
- * Part name | Description
28509
- * ----------|-------------
28510
- * `label` | The label (text) inside the button.
28511
- * `prefix` | A slot for content before the label (e.g. an icon).
28512
- * `suffix` | A slot for content after the label (e.g. an icon).
28513
- *
28514
- * The following state attributes are available for styling:
28515
- *
28516
- * Attribute | Description
28517
- * ---------------|-------------
28518
- * `active` | Set when the button is pressed down, either with mouse, touch or the keyboard
28519
- * `disabled` | Set when the button is disabled
28520
- * `focus-ring` | Set when the button is focused using the keyboard
28521
- * `focused` | Set when the button is focused
28522
- * `has-tooltip` | Set when the button has a slotted tooltip
28523
- *
28524
- * The following custom CSS properties are available for styling:
28525
- *
28526
- * Custom CSS property |
28527
- * :----------------------------------|
28528
- * | `--vaadin-button-background` |
28529
- * | `--vaadin-button-border-color` |
28530
- * | `--vaadin-button-border-radius` |
28531
- * | `--vaadin-button-border-width` |
28532
- * | `--vaadin-button-font-family` |
28533
- * | `--vaadin-button-font-size` |
28534
- * | `--vaadin-button-font-weight` |
28535
- * | `--vaadin-button-gap` |
28536
- * | `--vaadin-button-height` |
28537
- * | `--vaadin-button-label-wrap` |
28538
- * | `--vaadin-button-line-height` |
28539
- * | `--vaadin-button-margin` |
28540
- * | `--vaadin-button-padding` |
28541
- * | `--vaadin-button-text-color` |
28542
- *
28543
- * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
28544
- *
28545
- * ## Attributes & Properties
28546
- *
28547
- * Component attributes and properties that can be applied to the element or by using JavaScript.
28548
- *
28549
- * - `theme`/`undefined`: The theme variants to apply to the component.
28550
- * - `disabled`: When disabled, the button is rendered as "dimmed".
28551
- *
28552
- * By default, disabled buttons are not focusable and don't react to hover.
28553
- * As a result, they are hidden from assistive technologies, and it's not
28554
- * possible to show a tooltip to explain why they are disabled. This can
28555
- * be addressed by enabling the feature flag `accessibleDisabledButtons`,
28556
- * which makes disabled buttons focusable and hoverable, while still
28557
- * preventing them from being activated:
28558
- *
28559
- * ```js
28560
- * // Set before any button is attached to the DOM.
28561
- * window.Vaadin.featureFlags.accessibleDisabledButtons = true
28562
- * ```
28563
- * - `active`/`undefined`: Set when the button is pressed down, either with mouse, touch or the keyboard
28564
- * - `disabled`/`undefined`: Set when the button is disabled
28565
- * - `focus-ring`/`undefined`: Set when the button is focused using the keyboard
28566
- * - `focused`/`undefined`: Set when the button is focused
28567
- * - `has-tooltip`/`undefined`: Set when the button has a slotted tooltip
28568
- * - `tabindex`: Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
28569
- * - `_lastTabIndex`: Stores the last known tabindex since the element has been disabled.
28570
- * - `dir`: undefined
28571
- *
28572
- * ## Events
28573
- *
28574
- * Events that will be emitted by the component.
28575
- *
28576
- * - `undefined`: undefined
28577
- *
28578
- * ## Methods
28579
- *
28580
- * Methods that can be called to access component functionality.
28581
- *
28582
- * - `createProperty(name, options) => void`: undefined
28583
- * - `getOrCreateMap(name) => void`: undefined
28584
- * - `addCheckedInitializer(initializer) => void`: undefined
28585
- * - `getPropertyDescriptor(name, key, options) => void`: undefined
28586
- *
28587
- * ## CSS Custom Properties
28588
- *
28589
- * CSS variables available for styling the component.
28590
- *
28591
- * - `--vaadin-button-background`: undefined (default: `undefined`)
28592
- * - `--vaadin-button-border-color`: undefined (default: `undefined`)
28593
- * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
28594
- * - `--vaadin-button-border-width`: undefined (default: `undefined`)
28595
- * - `--vaadin-button-font-family`: undefined (default: `undefined`)
28596
- * - `--vaadin-button-font-size`: undefined (default: `undefined`)
28597
- * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
28598
- * - `--vaadin-button-gap`: undefined (default: `undefined`)
28599
- * - `--vaadin-button-height`: undefined (default: `undefined`)
28600
- * - `--vaadin-button-label-wrap`: undefined (default: `undefined`)
28601
- * - `--vaadin-button-line-height`: undefined (default: `undefined`)
28602
- * - `--vaadin-button-margin`: undefined (default: `undefined`)
28603
- * - `--vaadin-button-padding`: undefined (default: `undefined`)
28604
- * - `--vaadin-button-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
28605
- */
28606
- "vaadin-button": Partial<
28607
- ButtonProps & ButtonSolidJsProps & BaseProps<Button> & BaseEvents
28608
- >;
28609
-
28610
28497
  /**
28611
28498
  * `<vaadin-checkbox>` is an input field representing a binary choice.
28612
28499
  *
@@ -28776,6 +28663,119 @@ export type CustomElementsSolidJs = {
28776
28663
  CheckboxProps & CheckboxSolidJsProps & BaseProps<Checkbox> & BaseEvents
28777
28664
  >;
28778
28665
 
28666
+ /**
28667
+ * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
28668
+ *
28669
+ * ```html
28670
+ * <vaadin-button>Press me</vaadin-button>
28671
+ * ```
28672
+ *
28673
+ * ### Styling
28674
+ *
28675
+ * The following shadow DOM parts are available for styling:
28676
+ *
28677
+ * Part name | Description
28678
+ * ----------|-------------
28679
+ * `label` | The label (text) inside the button.
28680
+ * `prefix` | A slot for content before the label (e.g. an icon).
28681
+ * `suffix` | A slot for content after the label (e.g. an icon).
28682
+ *
28683
+ * The following state attributes are available for styling:
28684
+ *
28685
+ * Attribute | Description
28686
+ * ---------------|-------------
28687
+ * `active` | Set when the button is pressed down, either with mouse, touch or the keyboard
28688
+ * `disabled` | Set when the button is disabled
28689
+ * `focus-ring` | Set when the button is focused using the keyboard
28690
+ * `focused` | Set when the button is focused
28691
+ * `has-tooltip` | Set when the button has a slotted tooltip
28692
+ *
28693
+ * The following custom CSS properties are available for styling:
28694
+ *
28695
+ * Custom CSS property |
28696
+ * :----------------------------------|
28697
+ * | `--vaadin-button-background` |
28698
+ * | `--vaadin-button-border-color` |
28699
+ * | `--vaadin-button-border-radius` |
28700
+ * | `--vaadin-button-border-width` |
28701
+ * | `--vaadin-button-font-family` |
28702
+ * | `--vaadin-button-font-size` |
28703
+ * | `--vaadin-button-font-weight` |
28704
+ * | `--vaadin-button-gap` |
28705
+ * | `--vaadin-button-height` |
28706
+ * | `--vaadin-button-label-wrap` |
28707
+ * | `--vaadin-button-line-height` |
28708
+ * | `--vaadin-button-margin` |
28709
+ * | `--vaadin-button-padding` |
28710
+ * | `--vaadin-button-text-color` |
28711
+ *
28712
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
28713
+ *
28714
+ * ## Attributes & Properties
28715
+ *
28716
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
28717
+ *
28718
+ * - `theme`/`undefined`: The theme variants to apply to the component.
28719
+ * - `disabled`: When disabled, the button is rendered as "dimmed".
28720
+ *
28721
+ * By default, disabled buttons are not focusable and don't react to hover.
28722
+ * As a result, they are hidden from assistive technologies, and it's not
28723
+ * possible to show a tooltip to explain why they are disabled. This can
28724
+ * be addressed by enabling the feature flag `accessibleDisabledButtons`,
28725
+ * which makes disabled buttons focusable and hoverable, while still
28726
+ * preventing them from being activated:
28727
+ *
28728
+ * ```js
28729
+ * // Set before any button is attached to the DOM.
28730
+ * window.Vaadin.featureFlags.accessibleDisabledButtons = true
28731
+ * ```
28732
+ * - `active`/`undefined`: Set when the button is pressed down, either with mouse, touch or the keyboard
28733
+ * - `disabled`/`undefined`: Set when the button is disabled
28734
+ * - `focus-ring`/`undefined`: Set when the button is focused using the keyboard
28735
+ * - `focused`/`undefined`: Set when the button is focused
28736
+ * - `has-tooltip`/`undefined`: Set when the button has a slotted tooltip
28737
+ * - `tabindex`: Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
28738
+ * - `_lastTabIndex`: Stores the last known tabindex since the element has been disabled.
28739
+ * - `dir`: undefined
28740
+ *
28741
+ * ## Events
28742
+ *
28743
+ * Events that will be emitted by the component.
28744
+ *
28745
+ * - `undefined`: undefined
28746
+ *
28747
+ * ## Methods
28748
+ *
28749
+ * Methods that can be called to access component functionality.
28750
+ *
28751
+ * - `createProperty(name, options) => void`: undefined
28752
+ * - `getOrCreateMap(name) => void`: undefined
28753
+ * - `addCheckedInitializer(initializer) => void`: undefined
28754
+ * - `getPropertyDescriptor(name, key, options) => void`: undefined
28755
+ *
28756
+ * ## CSS Custom Properties
28757
+ *
28758
+ * CSS variables available for styling the component.
28759
+ *
28760
+ * - `--vaadin-button-background`: undefined (default: `undefined`)
28761
+ * - `--vaadin-button-border-color`: undefined (default: `undefined`)
28762
+ * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
28763
+ * - `--vaadin-button-border-width`: undefined (default: `undefined`)
28764
+ * - `--vaadin-button-font-family`: undefined (default: `undefined`)
28765
+ * - `--vaadin-button-font-size`: undefined (default: `undefined`)
28766
+ * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
28767
+ * - `--vaadin-button-gap`: undefined (default: `undefined`)
28768
+ * - `--vaadin-button-height`: undefined (default: `undefined`)
28769
+ * - `--vaadin-button-label-wrap`: undefined (default: `undefined`)
28770
+ * - `--vaadin-button-line-height`: undefined (default: `undefined`)
28771
+ * - `--vaadin-button-margin`: undefined (default: `undefined`)
28772
+ * - `--vaadin-button-padding`: undefined (default: `undefined`)
28773
+ * - `--vaadin-button-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
28774
+ */
28775
+ "vaadin-button": Partial<
28776
+ ButtonProps & ButtonSolidJsProps & BaseProps<Button> & BaseEvents
28777
+ >;
28778
+
28779
28779
  /**
28780
28780
  * `<vaadin-checkbox-group>` is a web component that allows the user to choose several items from a group of binary choices.
28781
28781
  *