dap-design-system 0.60.1 → 0.60.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/combobox/comboboxBase.d.ts +8 -0
- package/dist/components/icon-button/icon-button.component.d.ts +1 -0
- package/dist/components/search/search.component.d.ts +2 -0
- package/dist/{components-BgYJ2t-9.js → components-CYRx8ecv.js} +366 -356
- package/dist/components-CYRx8ecv.js.map +1 -0
- package/dist/components.js +1 -1
- package/dist/dds.js +1 -1
- package/dist/manifest/types/vue/index.d.ts +279 -276
- package/dist/manifest/vscode.html-custom-data.json +299 -299
- package/dist/manifest/web-types.json +664 -659
- package/dist/react/dap-ds-icon-button/index.d.ts +1 -0
- package/dist/react/dap-ds-search/index.d.ts +2 -0
- package/dist/react/index.d.ts +7 -7
- package/dist/react-types.ts +7 -7
- package/dist/react.js +88 -88
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/dist/components-BgYJ2t-9.js.map +0 -1
|
@@ -29,6 +29,14 @@ export default class ComboboxBaseElement extends GenericFormElement {
|
|
|
29
29
|
clearButtonTestId: string;
|
|
30
30
|
/** `data-testid` for the search button. */
|
|
31
31
|
searchButtonTestId: string;
|
|
32
|
+
/**
|
|
33
|
+
* When enabled, the search button (the trailing icon button in search mode) is
|
|
34
|
+
* automatically disabled while the input is empty and re-enabled as soon as the
|
|
35
|
+
* user types. Opt-in; does not affect the input itself, which stays editable.
|
|
36
|
+
*/
|
|
37
|
+
disableSearchWhenEmpty: boolean;
|
|
38
|
+
/** True when the search input currently holds non-whitespace text. */
|
|
39
|
+
private get hasSearchText();
|
|
32
40
|
selectedItem: any;
|
|
33
41
|
selectedItems: any[];
|
|
34
42
|
currentItem: any;
|
|
@@ -57,6 +57,7 @@ export type ButtonSize = Extract<Size, 'lg' | 'md' | 'sm' | 'xs'>;
|
|
|
57
57
|
* @cssproperty --dds-icon-button-inverted-brand-hover-bg - Hover background color for inverted brand variant (default: var(--dds-button-primary-background-enabled))
|
|
58
58
|
* @cssproperty --dds-icon-button-inverted-brand-active-bg - Active background color for inverted brand variant (default: var(--dds-button-primary-background-enabled))
|
|
59
59
|
* @cssproperty --dds-icon-button-disabled-color - Color for disabled state (default: var(--dds-icon-neutral-disabled))
|
|
60
|
+
* @cssproperty --dds-icon-button-disabled-bg - Background color for disabled state (default: transparent)
|
|
60
61
|
*/
|
|
61
62
|
export default class DapDSIconButton extends IconButtonBaseWithSized {
|
|
62
63
|
/** The type of the button.
|
|
@@ -33,6 +33,7 @@ import { default as ComboboxBaseElement } from '../combobox/comboboxBase';
|
|
|
33
33
|
* @property {boolean} searchForText - Whether the search should search for the selected item text.
|
|
34
34
|
* @property {boolean} textComplete - Whether the search should not complete the text.
|
|
35
35
|
* @property {string} searchButtonAriaLabel - The aria label of the search button.
|
|
36
|
+
* @property {boolean} disableSearchWhenEmpty - When true, the search button is automatically disabled while the input is empty and re-enabled once the user types. Default is false.
|
|
36
37
|
* @property {boolean} openOnEmpty - Whether the search should open on empty results.
|
|
37
38
|
* @property {string} selectable - Show the selected item check mark in the dropdown. Default is 'false'.
|
|
38
39
|
* @property {boolean} noAnimation - Whether the search open indicator should be animated. Default is true.
|
|
@@ -72,6 +73,7 @@ import { default as ComboboxBaseElement } from '../combobox/comboboxBase';
|
|
|
72
73
|
*
|
|
73
74
|
* @csspart base - The main search container.
|
|
74
75
|
* @csspart trigger - The trigger button of the search.
|
|
76
|
+
* @csspart search-button - The trailing search icon button.
|
|
75
77
|
* @csspart label - The label of the search.
|
|
76
78
|
* @csspart description - The description of the search.
|
|
77
79
|
* @csspart feedback - The feedback of the search.
|