@ganpatiinfo/gids-core-web 3.0.0 → 4.0.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.
- package/dist/css/index.css +901 -0
- package/dist/css/index.css.map +1 -1
- package/dist/custom-elements.json +90 -0
- package/dist/gids-field.d.ts +11 -0
- package/dist/gids-field.js +1 -0
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.d.ts +11 -0
- package/dist/gids-input.js +1 -0
- package/dist/gids-notification.d.ts +11 -0
- package/dist/gids-notification.js +1 -0
- package/dist/gids-overlay-provider.d.ts +11 -0
- package/dist/gids-overlay-provider.js +1 -0
- package/dist/gids-password-field.d.ts +11 -0
- package/dist/gids-password-field.js +1 -0
- package/dist/gids-snackbar.d.ts +11 -0
- package/dist/gids-snackbar.js +1 -0
- package/dist/gids-text-field.d.ts +11 -0
- package/dist/gids-text-field.js +1 -0
- package/dist/gids-toggle-button.js +1 -1
- package/dist/index.js +1 -1
- package/dist/p-B2zUuNXz.js +1 -0
- package/dist/p-CVtNa0cL.js +1 -0
- package/dist/p-CWdkmFbc.js +1 -0
- package/dist/p-D4xtPT_U.js +1 -0
- package/dist/p-DijVkS9b.js +1 -0
- package/dist/p-DybsMR13.js +1 -0
- package/dist/p-RqpjvEHh.js +1 -0
- package/dist/p-ibikYq-w.js +1 -0
- package/dist/p-veoOgDXg.js +1 -0
- package/dist/types/components/html/GidsDismissButton/GidsDismissButton.d.ts +6 -0
- package/dist/types/components/html/GidsHeading/GidsHeading.d.ts +6 -0
- package/dist/types/components/html/GidsLogo/GidsLogo.d.ts +9 -0
- package/dist/types/components/html/GidsRequirementsMeter/GidsRequirementsMeter.d.ts +4 -0
- package/dist/types/components/html/GidsSearchBar/GidsSearchBar.d.ts +10 -0
- package/dist/types/components/html/GidsSegmentedControl/GidsSegmentedControl.d.ts +6 -0
- package/dist/types/components/html/GidsSegmentedTabItem/GidsSegmentedTabItem.d.ts +6 -0
- package/dist/types/components/html/GidsStatusTag/GidsStatusTag.d.ts +5 -0
- package/dist/types/components/html/GidsStepper/GidsStepper.d.ts +7 -0
- package/dist/types/components/html/GidsStrengthMeter/GidsStrengthMeter.d.ts +5 -0
- package/dist/types/components/html/GidsTopNavigation/GidsTopNavigation.d.ts +8 -0
- package/dist/types/components/html/_GidsNotificationContainer/GidsNotificationContainer.d.ts +7 -0
- package/dist/types/components/html/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.d.ts +4 -0
- package/dist/types/components/html/_GidsSnackbarContainer/GidsSnackbarContainer.d.ts +6 -0
- package/dist/types/components/webComponents/GidsField/GidsField.d.ts +54 -0
- package/dist/types/components/webComponents/GidsInput/GidsInput.d.ts +27 -0
- package/dist/types/components/webComponents/GidsNotification/GidsNotification.d.ts +17 -0
- package/dist/types/components/webComponents/GidsOverlayProvider/GidsOverlayProvider.d.ts +23 -0
- package/dist/types/components/webComponents/GidsOverlayProvider/GidsOverlayProviderUtils.d.ts +8 -0
- package/dist/types/components/webComponents/GidsPasswordField/GidsPasswordField.d.ts +49 -0
- package/dist/types/components/webComponents/GidsSnackbar/GidsSnackbar.d.ts +15 -0
- package/dist/types/components/webComponents/GidsTextField/GidsTextField.d.ts +39 -0
- package/dist/types/components.d.ts +437 -4
- package/dist-bundled/es/gids-field.js +6 -0
- package/dist-bundled/es/gids-icon.js +16 -200
- package/dist-bundled/es/gids-input.js +6 -0
- package/dist-bundled/es/gids-notification.js +31 -0
- package/dist-bundled/es/gids-overlay-provider.js +209 -0
- package/dist-bundled/es/gids-password-field.js +221 -0
- package/dist-bundled/es/gids-snackbar.js +31 -0
- package/dist-bundled/es/gids-text-field.js +78 -0
- package/dist-bundled/es/gids-toggle-button.js +14 -55
- package/dist-bundled/es/index.js +8 -7
- package/dist-bundled/es/p-B2zUuNXz-BLBgQDu7.js +45 -0
- package/dist-bundled/es/p-CVtNa0cL-sSVeJsR3.js +15 -0
- package/dist-bundled/es/p-CWdkmFbc-D89ZE8Mi.js +24 -0
- package/dist-bundled/es/p-D4xtPT_U-04HkZiXU.js +181 -0
- package/dist-bundled/es/p-DijVkS9b-CtFkEtlE.js +35 -0
- package/dist-bundled/es/p-DybsMR13-DpmsG3Q1.js +31 -0
- package/dist-bundled/es/p-RqpjvEHh-BGGYsIBf.js +74 -0
- package/dist-bundled/es/p-ibikYq-w-BsGxk8ro.js +635 -0
- package/dist-bundled/es/p-veoOgDXg-DElc87c0.js +192 -0
- package/dist-bundled/umd/gids-field.umd.js +5 -0
- package/dist-bundled/umd/gids-icon.umd.js +5 -1
- package/dist-bundled/umd/gids-input.umd.js +5 -0
- package/dist-bundled/umd/gids-notification.umd.js +5 -0
- package/dist-bundled/umd/gids-overlay-provider.umd.js +5 -0
- package/dist-bundled/umd/gids-password-field.umd.js +5 -0
- package/dist-bundled/umd/gids-snackbar.umd.js +5 -0
- package/dist-bundled/umd/gids-text-field.umd.js +5 -0
- package/dist-bundled/umd/gids-toggle-button.umd.js +6 -2
- package/dist-bundled/umd/index.umd.js +5 -1
- package/dist-bundled/umd-complete/gids-core-web.umd.js +6 -2
- package/package.json +65 -9
- package/dist/p-CgujYzVX.js +0 -1
- package/dist-bundled/es/p-CgujYzVX-xo1axnk6.js +0 -465
|
@@ -5,13 +5,26 @@
|
|
|
5
5
|
* It contains typing information for all components that exist in this project.
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
|
+
import { GidsComponentButtonClickHandler, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
|
|
8
9
|
import { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
10
|
+
import { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
|
|
11
|
+
import { JSXBase } from "./stencil-public-runtime";
|
|
12
|
+
export { GidsComponentButtonClickHandler, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
|
|
11
13
|
export { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
|
|
12
|
-
export {
|
|
13
|
-
export {
|
|
14
|
+
export { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
|
|
15
|
+
export { JSXBase } from "./stencil-public-runtime";
|
|
14
16
|
export namespace Components {
|
|
17
|
+
interface GidsField {
|
|
18
|
+
"count"?: string;
|
|
19
|
+
"disabled"?: boolean;
|
|
20
|
+
"helperText"?: string;
|
|
21
|
+
"reScanControl": () => Promise<void>;
|
|
22
|
+
/**
|
|
23
|
+
* @default 'implicit'
|
|
24
|
+
*/
|
|
25
|
+
"status": GidsWebFieldStatus;
|
|
26
|
+
"statusText"?: string;
|
|
27
|
+
}
|
|
15
28
|
interface GidsIcon {
|
|
16
29
|
"alt"?: string;
|
|
17
30
|
"appearance"?: IconAppearance;
|
|
@@ -19,6 +32,123 @@ export namespace Components {
|
|
|
19
32
|
"size"?: GidsIconWebProps<IconName, IconAppearance>['size'];
|
|
20
33
|
"titleId"?: string;
|
|
21
34
|
}
|
|
35
|
+
interface GidsInput {
|
|
36
|
+
"appearance"?: GidsInputAppearance;
|
|
37
|
+
"defaultValue": string;
|
|
38
|
+
"disabled"?: boolean;
|
|
39
|
+
"inputProps"?: RemoveGidsInputProps<
|
|
40
|
+
JSXBase.InputHTMLAttributes<HTMLInputElement>
|
|
41
|
+
>;
|
|
42
|
+
"leadingLabel"?: string;
|
|
43
|
+
"loading"?: boolean;
|
|
44
|
+
"name"?: string;
|
|
45
|
+
"readOnly"?: boolean;
|
|
46
|
+
"required"?: boolean;
|
|
47
|
+
"status"?: GidsInputWebStatus;
|
|
48
|
+
"trailingLabel"?: string;
|
|
49
|
+
"value": string;
|
|
50
|
+
}
|
|
51
|
+
interface GidsNotification {
|
|
52
|
+
/**
|
|
53
|
+
* @default 'default'
|
|
54
|
+
*/
|
|
55
|
+
"appearance"?: GidsSnackbarContainerAppearance;
|
|
56
|
+
"buttonLabel"?: string;
|
|
57
|
+
"message": string;
|
|
58
|
+
"notificationTitle"?: string;
|
|
59
|
+
"onButtonClick"?: GidsComponentButtonClickHandler;
|
|
60
|
+
"onQueueNotification"?: () => void;
|
|
61
|
+
/**
|
|
62
|
+
* @default 'top-right'
|
|
63
|
+
*/
|
|
64
|
+
"position"?: GidsComponentPosition;
|
|
65
|
+
/**
|
|
66
|
+
* @default 'standard'
|
|
67
|
+
*/
|
|
68
|
+
"pronunciation"?: GidsNotificationPronunciation;
|
|
69
|
+
/**
|
|
70
|
+
* @default false
|
|
71
|
+
*/
|
|
72
|
+
"show"?: boolean;
|
|
73
|
+
"timerInMs"?: number | undefined;
|
|
74
|
+
}
|
|
75
|
+
interface GidsOverlayProvider {
|
|
76
|
+
"queueComponent": (props: RemovedGidsOverlayProviderSnackbarQueueWebProps | RemovedGidsOverlayProviderNotificationQueueWebProps) => Promise<void>;
|
|
77
|
+
}
|
|
78
|
+
interface GidsPasswordField {
|
|
79
|
+
"defaultValue"?: string;
|
|
80
|
+
"disabled"?: boolean;
|
|
81
|
+
"fieldRequirement"?: GidsLabelFieldRequirement;
|
|
82
|
+
"fieldRequirementOptionalText"?: string | GidsLabelFieldRequirementTextFn;
|
|
83
|
+
"fieldRequirementRequiredText"?: string | GidsLabelFieldRequirementTextFn;
|
|
84
|
+
"helperText"?: string;
|
|
85
|
+
"inputProps"?: RemoveGidsPasswordFieldProps<
|
|
86
|
+
RemoveGidsInputProps<Omit<JSXBase.IntrinsicElements['input'], 'ref'>>
|
|
87
|
+
>;
|
|
88
|
+
"isLabelSentence"?: IsLabelSentenceFn<string>;
|
|
89
|
+
"label"?: string;
|
|
90
|
+
"loading"?: boolean;
|
|
91
|
+
"maxLength"?: number;
|
|
92
|
+
"name"?: string;
|
|
93
|
+
"readOnly"?: boolean;
|
|
94
|
+
"required"?: boolean;
|
|
95
|
+
/**
|
|
96
|
+
* This is an array of requirements. Pass data as GidsRequirementsProps type
|
|
97
|
+
* @default []
|
|
98
|
+
*/
|
|
99
|
+
"requirements"?: GidsRequirementsProps[];
|
|
100
|
+
"showClearButton"?: boolean;
|
|
101
|
+
"showRevealPasswordButton"?: boolean;
|
|
102
|
+
"status"?: GidsInputWebStatus;
|
|
103
|
+
"statusText"?: string;
|
|
104
|
+
"textMinLength"?: number;
|
|
105
|
+
"value"?: string;
|
|
106
|
+
}
|
|
107
|
+
interface GidsSnackbar {
|
|
108
|
+
/**
|
|
109
|
+
* @default 'default'
|
|
110
|
+
*/
|
|
111
|
+
"appearance"?: GidsSnackbarContainerAppearance;
|
|
112
|
+
"buttonLabel"?: string;
|
|
113
|
+
"message": string;
|
|
114
|
+
"onButtonClick"?: GidsComponentButtonClickHandler;
|
|
115
|
+
"onQueueSnackbar"?: () => void;
|
|
116
|
+
/**
|
|
117
|
+
* @default 'bottom-center'
|
|
118
|
+
*/
|
|
119
|
+
"position"?: GidsComponentPosition;
|
|
120
|
+
/**
|
|
121
|
+
* @default false
|
|
122
|
+
*/
|
|
123
|
+
"show"?: boolean;
|
|
124
|
+
"timerInMs"?: number | undefined;
|
|
125
|
+
}
|
|
126
|
+
interface GidsTextField {
|
|
127
|
+
"appearance"?: GidsInputAppearance;
|
|
128
|
+
"defaultValue"?: string;
|
|
129
|
+
"disabled"?: boolean;
|
|
130
|
+
"fieldRequirement"?: GidsLabelFieldRequirement;
|
|
131
|
+
"fieldRequirementOptionalText"?: string | GidsLabelFieldRequirementTextFn;
|
|
132
|
+
"fieldRequirementRequiredText"?: string | GidsLabelFieldRequirementTextFn;
|
|
133
|
+
"helperText"?: string;
|
|
134
|
+
"inputProps"?: RemoveGidsTextFieldProps<
|
|
135
|
+
RemoveGidsInputProps<Omit<JSXBase.IntrinsicElements['input'], 'ref'>>
|
|
136
|
+
>;
|
|
137
|
+
"isLabelSentence"?: IsLabelSentenceFn<string>;
|
|
138
|
+
"label"?: string;
|
|
139
|
+
"leadingLabel"?: string;
|
|
140
|
+
"loading"?: boolean;
|
|
141
|
+
"maxLength"?: number;
|
|
142
|
+
"name"?: string;
|
|
143
|
+
"readOnly"?: boolean;
|
|
144
|
+
"required"?: boolean;
|
|
145
|
+
"showClearButton"?: boolean;
|
|
146
|
+
"status"?: GidsInputWebStatus;
|
|
147
|
+
"statusText"?: string;
|
|
148
|
+
"trailingLabel"?: string;
|
|
149
|
+
"type"?: TextInputTypes;
|
|
150
|
+
"value"?: string;
|
|
151
|
+
}
|
|
22
152
|
interface GidsToggleButton {
|
|
23
153
|
/**
|
|
24
154
|
* Reflected by `appearance` property
|
|
@@ -52,17 +182,90 @@ export namespace Components {
|
|
|
52
182
|
"width"?: GidsButtonWidth;
|
|
53
183
|
}
|
|
54
184
|
}
|
|
185
|
+
export interface GidsPasswordFieldCustomEvent<T> extends CustomEvent<T> {
|
|
186
|
+
detail: T;
|
|
187
|
+
target: HTMLGidsPasswordFieldElement;
|
|
188
|
+
}
|
|
189
|
+
export interface GidsTextFieldCustomEvent<T> extends CustomEvent<T> {
|
|
190
|
+
detail: T;
|
|
191
|
+
target: HTMLGidsTextFieldElement;
|
|
192
|
+
}
|
|
55
193
|
export interface GidsToggleButtonCustomEvent<T> extends CustomEvent<T> {
|
|
56
194
|
detail: T;
|
|
57
195
|
target: HTMLGidsToggleButtonElement;
|
|
58
196
|
}
|
|
59
197
|
declare global {
|
|
198
|
+
interface HTMLGidsFieldElement extends Components.GidsField, HTMLStencilElement {
|
|
199
|
+
}
|
|
200
|
+
var HTMLGidsFieldElement: {
|
|
201
|
+
prototype: HTMLGidsFieldElement;
|
|
202
|
+
new (): HTMLGidsFieldElement;
|
|
203
|
+
};
|
|
60
204
|
interface HTMLGidsIconElement extends Components.GidsIcon, HTMLStencilElement {
|
|
61
205
|
}
|
|
62
206
|
var HTMLGidsIconElement: {
|
|
63
207
|
prototype: HTMLGidsIconElement;
|
|
64
208
|
new (): HTMLGidsIconElement;
|
|
65
209
|
};
|
|
210
|
+
interface HTMLGidsInputElement extends Components.GidsInput, HTMLStencilElement {
|
|
211
|
+
}
|
|
212
|
+
var HTMLGidsInputElement: {
|
|
213
|
+
prototype: HTMLGidsInputElement;
|
|
214
|
+
new (): HTMLGidsInputElement;
|
|
215
|
+
};
|
|
216
|
+
interface HTMLGidsNotificationElement extends Components.GidsNotification, HTMLStencilElement {
|
|
217
|
+
}
|
|
218
|
+
var HTMLGidsNotificationElement: {
|
|
219
|
+
prototype: HTMLGidsNotificationElement;
|
|
220
|
+
new (): HTMLGidsNotificationElement;
|
|
221
|
+
};
|
|
222
|
+
interface HTMLGidsOverlayProviderElement extends Components.GidsOverlayProvider, HTMLStencilElement {
|
|
223
|
+
}
|
|
224
|
+
var HTMLGidsOverlayProviderElement: {
|
|
225
|
+
prototype: HTMLGidsOverlayProviderElement;
|
|
226
|
+
new (): HTMLGidsOverlayProviderElement;
|
|
227
|
+
};
|
|
228
|
+
interface HTMLGidsPasswordFieldElementEventMap {
|
|
229
|
+
"gidsPasswordFieldClear": void;
|
|
230
|
+
"gidsPasswordFieldRevealPassword": { passwordRevealed: boolean };
|
|
231
|
+
}
|
|
232
|
+
interface HTMLGidsPasswordFieldElement extends Components.GidsPasswordField, HTMLStencilElement {
|
|
233
|
+
addEventListener<K extends keyof HTMLGidsPasswordFieldElementEventMap>(type: K, listener: (this: HTMLGidsPasswordFieldElement, ev: GidsPasswordFieldCustomEvent<HTMLGidsPasswordFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
234
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
235
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
236
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
237
|
+
removeEventListener<K extends keyof HTMLGidsPasswordFieldElementEventMap>(type: K, listener: (this: HTMLGidsPasswordFieldElement, ev: GidsPasswordFieldCustomEvent<HTMLGidsPasswordFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
238
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
239
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
240
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
241
|
+
}
|
|
242
|
+
var HTMLGidsPasswordFieldElement: {
|
|
243
|
+
prototype: HTMLGidsPasswordFieldElement;
|
|
244
|
+
new (): HTMLGidsPasswordFieldElement;
|
|
245
|
+
};
|
|
246
|
+
interface HTMLGidsSnackbarElement extends Components.GidsSnackbar, HTMLStencilElement {
|
|
247
|
+
}
|
|
248
|
+
var HTMLGidsSnackbarElement: {
|
|
249
|
+
prototype: HTMLGidsSnackbarElement;
|
|
250
|
+
new (): HTMLGidsSnackbarElement;
|
|
251
|
+
};
|
|
252
|
+
interface HTMLGidsTextFieldElementEventMap {
|
|
253
|
+
"gidsTextFieldClear": void;
|
|
254
|
+
}
|
|
255
|
+
interface HTMLGidsTextFieldElement extends Components.GidsTextField, HTMLStencilElement {
|
|
256
|
+
addEventListener<K extends keyof HTMLGidsTextFieldElementEventMap>(type: K, listener: (this: HTMLGidsTextFieldElement, ev: GidsTextFieldCustomEvent<HTMLGidsTextFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
257
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
258
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
259
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
260
|
+
removeEventListener<K extends keyof HTMLGidsTextFieldElementEventMap>(type: K, listener: (this: HTMLGidsTextFieldElement, ev: GidsTextFieldCustomEvent<HTMLGidsTextFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
261
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
262
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
263
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
264
|
+
}
|
|
265
|
+
var HTMLGidsTextFieldElement: {
|
|
266
|
+
prototype: HTMLGidsTextFieldElement;
|
|
267
|
+
new (): HTMLGidsTextFieldElement;
|
|
268
|
+
};
|
|
66
269
|
interface HTMLGidsToggleButtonElementEventMap {
|
|
67
270
|
"select": boolean;
|
|
68
271
|
}
|
|
@@ -81,13 +284,30 @@ declare global {
|
|
|
81
284
|
new (): HTMLGidsToggleButtonElement;
|
|
82
285
|
};
|
|
83
286
|
interface HTMLElementTagNameMap {
|
|
287
|
+
"gids-field": HTMLGidsFieldElement;
|
|
84
288
|
"gids-icon": HTMLGidsIconElement;
|
|
289
|
+
"gids-input": HTMLGidsInputElement;
|
|
290
|
+
"gids-notification": HTMLGidsNotificationElement;
|
|
291
|
+
"gids-overlay-provider": HTMLGidsOverlayProviderElement;
|
|
292
|
+
"gids-password-field": HTMLGidsPasswordFieldElement;
|
|
293
|
+
"gids-snackbar": HTMLGidsSnackbarElement;
|
|
294
|
+
"gids-text-field": HTMLGidsTextFieldElement;
|
|
85
295
|
"gids-toggle-button": HTMLGidsToggleButtonElement;
|
|
86
296
|
}
|
|
87
297
|
}
|
|
88
298
|
declare namespace LocalJSX {
|
|
89
299
|
type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
|
|
90
300
|
|
|
301
|
+
interface GidsField {
|
|
302
|
+
"count"?: string;
|
|
303
|
+
"disabled"?: boolean;
|
|
304
|
+
"helperText"?: string;
|
|
305
|
+
/**
|
|
306
|
+
* @default 'implicit'
|
|
307
|
+
*/
|
|
308
|
+
"status"?: GidsWebFieldStatus;
|
|
309
|
+
"statusText"?: string;
|
|
310
|
+
}
|
|
91
311
|
interface GidsIcon {
|
|
92
312
|
"alt"?: string;
|
|
93
313
|
"appearance"?: IconAppearance;
|
|
@@ -95,6 +315,125 @@ declare namespace LocalJSX {
|
|
|
95
315
|
"size"?: GidsIconWebProps<IconName, IconAppearance>['size'];
|
|
96
316
|
"titleId"?: string;
|
|
97
317
|
}
|
|
318
|
+
interface GidsInput {
|
|
319
|
+
"appearance"?: GidsInputAppearance;
|
|
320
|
+
"defaultValue"?: string;
|
|
321
|
+
"disabled"?: boolean;
|
|
322
|
+
"inputProps"?: RemoveGidsInputProps<
|
|
323
|
+
JSXBase.InputHTMLAttributes<HTMLInputElement>
|
|
324
|
+
>;
|
|
325
|
+
"leadingLabel"?: string;
|
|
326
|
+
"loading"?: boolean;
|
|
327
|
+
"name"?: string;
|
|
328
|
+
"readOnly"?: boolean;
|
|
329
|
+
"required"?: boolean;
|
|
330
|
+
"status"?: GidsInputWebStatus;
|
|
331
|
+
"trailingLabel"?: string;
|
|
332
|
+
"value"?: string;
|
|
333
|
+
}
|
|
334
|
+
interface GidsNotification {
|
|
335
|
+
/**
|
|
336
|
+
* @default 'default'
|
|
337
|
+
*/
|
|
338
|
+
"appearance"?: GidsSnackbarContainerAppearance;
|
|
339
|
+
"buttonLabel"?: string;
|
|
340
|
+
"message"?: string;
|
|
341
|
+
"notificationTitle"?: string;
|
|
342
|
+
"onButtonClick"?: GidsComponentButtonClickHandler;
|
|
343
|
+
"onQueueNotification"?: () => void;
|
|
344
|
+
/**
|
|
345
|
+
* @default 'top-right'
|
|
346
|
+
*/
|
|
347
|
+
"position"?: GidsComponentPosition;
|
|
348
|
+
/**
|
|
349
|
+
* @default 'standard'
|
|
350
|
+
*/
|
|
351
|
+
"pronunciation"?: GidsNotificationPronunciation;
|
|
352
|
+
/**
|
|
353
|
+
* @default false
|
|
354
|
+
*/
|
|
355
|
+
"show"?: boolean;
|
|
356
|
+
"timerInMs"?: number | undefined;
|
|
357
|
+
}
|
|
358
|
+
interface GidsOverlayProvider {
|
|
359
|
+
}
|
|
360
|
+
interface GidsPasswordField {
|
|
361
|
+
"defaultValue"?: string;
|
|
362
|
+
"disabled"?: boolean;
|
|
363
|
+
"fieldRequirement"?: GidsLabelFieldRequirement;
|
|
364
|
+
"fieldRequirementOptionalText"?: string | GidsLabelFieldRequirementTextFn;
|
|
365
|
+
"fieldRequirementRequiredText"?: string | GidsLabelFieldRequirementTextFn;
|
|
366
|
+
"helperText"?: string;
|
|
367
|
+
"inputProps"?: RemoveGidsPasswordFieldProps<
|
|
368
|
+
RemoveGidsInputProps<Omit<JSXBase.IntrinsicElements['input'], 'ref'>>
|
|
369
|
+
>;
|
|
370
|
+
"isLabelSentence"?: IsLabelSentenceFn<string>;
|
|
371
|
+
"label"?: string;
|
|
372
|
+
"loading"?: boolean;
|
|
373
|
+
"maxLength"?: number;
|
|
374
|
+
"name"?: string;
|
|
375
|
+
"onGidsPasswordFieldClear"?: (event: GidsPasswordFieldCustomEvent<void>) => void;
|
|
376
|
+
"onGidsPasswordFieldRevealPassword"?: (event: GidsPasswordFieldCustomEvent<{ passwordRevealed: boolean }>) => void;
|
|
377
|
+
"readOnly"?: boolean;
|
|
378
|
+
"required"?: boolean;
|
|
379
|
+
/**
|
|
380
|
+
* This is an array of requirements. Pass data as GidsRequirementsProps type
|
|
381
|
+
* @default []
|
|
382
|
+
*/
|
|
383
|
+
"requirements"?: GidsRequirementsProps[];
|
|
384
|
+
"showClearButton"?: boolean;
|
|
385
|
+
"showRevealPasswordButton"?: boolean;
|
|
386
|
+
"status"?: GidsInputWebStatus;
|
|
387
|
+
"statusText"?: string;
|
|
388
|
+
"textMinLength"?: number;
|
|
389
|
+
"value"?: string;
|
|
390
|
+
}
|
|
391
|
+
interface GidsSnackbar {
|
|
392
|
+
/**
|
|
393
|
+
* @default 'default'
|
|
394
|
+
*/
|
|
395
|
+
"appearance"?: GidsSnackbarContainerAppearance;
|
|
396
|
+
"buttonLabel"?: string;
|
|
397
|
+
"message"?: string;
|
|
398
|
+
"onButtonClick"?: GidsComponentButtonClickHandler;
|
|
399
|
+
"onQueueSnackbar"?: () => void;
|
|
400
|
+
/**
|
|
401
|
+
* @default 'bottom-center'
|
|
402
|
+
*/
|
|
403
|
+
"position"?: GidsComponentPosition;
|
|
404
|
+
/**
|
|
405
|
+
* @default false
|
|
406
|
+
*/
|
|
407
|
+
"show"?: boolean;
|
|
408
|
+
"timerInMs"?: number | undefined;
|
|
409
|
+
}
|
|
410
|
+
interface GidsTextField {
|
|
411
|
+
"appearance"?: GidsInputAppearance;
|
|
412
|
+
"defaultValue"?: string;
|
|
413
|
+
"disabled"?: boolean;
|
|
414
|
+
"fieldRequirement"?: GidsLabelFieldRequirement;
|
|
415
|
+
"fieldRequirementOptionalText"?: string | GidsLabelFieldRequirementTextFn;
|
|
416
|
+
"fieldRequirementRequiredText"?: string | GidsLabelFieldRequirementTextFn;
|
|
417
|
+
"helperText"?: string;
|
|
418
|
+
"inputProps"?: RemoveGidsTextFieldProps<
|
|
419
|
+
RemoveGidsInputProps<Omit<JSXBase.IntrinsicElements['input'], 'ref'>>
|
|
420
|
+
>;
|
|
421
|
+
"isLabelSentence"?: IsLabelSentenceFn<string>;
|
|
422
|
+
"label"?: string;
|
|
423
|
+
"leadingLabel"?: string;
|
|
424
|
+
"loading"?: boolean;
|
|
425
|
+
"maxLength"?: number;
|
|
426
|
+
"name"?: string;
|
|
427
|
+
"onGidsTextFieldClear"?: (event: GidsTextFieldCustomEvent<void>) => void;
|
|
428
|
+
"readOnly"?: boolean;
|
|
429
|
+
"required"?: boolean;
|
|
430
|
+
"showClearButton"?: boolean;
|
|
431
|
+
"status"?: GidsInputWebStatus;
|
|
432
|
+
"statusText"?: string;
|
|
433
|
+
"trailingLabel"?: string;
|
|
434
|
+
"type"?: TextInputTypes;
|
|
435
|
+
"value"?: string;
|
|
436
|
+
}
|
|
98
437
|
interface GidsToggleButton {
|
|
99
438
|
/**
|
|
100
439
|
* Reflected by `appearance` property
|
|
@@ -129,6 +468,13 @@ declare namespace LocalJSX {
|
|
|
129
468
|
"width"?: GidsButtonWidth;
|
|
130
469
|
}
|
|
131
470
|
|
|
471
|
+
interface GidsFieldAttributes {
|
|
472
|
+
"disabled": boolean;
|
|
473
|
+
"count": string;
|
|
474
|
+
"helperText": string;
|
|
475
|
+
"statusText": string;
|
|
476
|
+
"status": GidsWebFieldStatus;
|
|
477
|
+
}
|
|
132
478
|
interface GidsIconAttributes {
|
|
133
479
|
"name": IconName;
|
|
134
480
|
"size": GidsIconWebProps<IconName, IconAppearance>['size'];
|
|
@@ -136,6 +482,79 @@ declare namespace LocalJSX {
|
|
|
136
482
|
"alt": string;
|
|
137
483
|
"titleId": string;
|
|
138
484
|
}
|
|
485
|
+
interface GidsInputAttributes {
|
|
486
|
+
"appearance": GidsInputAppearance;
|
|
487
|
+
"defaultValue": string;
|
|
488
|
+
"disabled": boolean;
|
|
489
|
+
"leadingLabel": string;
|
|
490
|
+
"trailingLabel": string;
|
|
491
|
+
"loading": boolean;
|
|
492
|
+
"name": string;
|
|
493
|
+
"readOnly": boolean;
|
|
494
|
+
"required": boolean;
|
|
495
|
+
"status": GidsInputWebStatus;
|
|
496
|
+
"value": string;
|
|
497
|
+
}
|
|
498
|
+
interface GidsNotificationAttributes {
|
|
499
|
+
"notificationTitle": string;
|
|
500
|
+
"message": string;
|
|
501
|
+
"pronunciation": GidsNotificationPronunciation;
|
|
502
|
+
"appearance": GidsSnackbarContainerAppearance;
|
|
503
|
+
"show": boolean;
|
|
504
|
+
"buttonLabel": string;
|
|
505
|
+
"position": GidsComponentPosition;
|
|
506
|
+
"timerInMs": number | undefined;
|
|
507
|
+
}
|
|
508
|
+
interface GidsPasswordFieldAttributes {
|
|
509
|
+
"label": string;
|
|
510
|
+
"showClearButton": boolean;
|
|
511
|
+
"showRevealPasswordButton": boolean;
|
|
512
|
+
"helperText": string;
|
|
513
|
+
"statusText": string;
|
|
514
|
+
"status": GidsInputWebStatus;
|
|
515
|
+
"loading": boolean;
|
|
516
|
+
"name": string;
|
|
517
|
+
"required": boolean;
|
|
518
|
+
"maxLength": number;
|
|
519
|
+
"value": string;
|
|
520
|
+
"defaultValue": string;
|
|
521
|
+
"disabled": boolean;
|
|
522
|
+
"readOnly": boolean;
|
|
523
|
+
"fieldRequirement": GidsLabelFieldRequirement;
|
|
524
|
+
"fieldRequirementOptionalText": string | GidsLabelFieldRequirementTextFn;
|
|
525
|
+
"fieldRequirementRequiredText": string | GidsLabelFieldRequirementTextFn;
|
|
526
|
+
"textMinLength": number;
|
|
527
|
+
}
|
|
528
|
+
interface GidsSnackbarAttributes {
|
|
529
|
+
"message": string;
|
|
530
|
+
"appearance": GidsSnackbarContainerAppearance;
|
|
531
|
+
"show": boolean;
|
|
532
|
+
"buttonLabel": string;
|
|
533
|
+
"position": GidsComponentPosition;
|
|
534
|
+
"timerInMs": number | undefined;
|
|
535
|
+
}
|
|
536
|
+
interface GidsTextFieldAttributes {
|
|
537
|
+
"label": string;
|
|
538
|
+
"showClearButton": boolean;
|
|
539
|
+
"helperText": string;
|
|
540
|
+
"statusText": string;
|
|
541
|
+
"appearance": GidsInputAppearance;
|
|
542
|
+
"status": GidsInputWebStatus;
|
|
543
|
+
"leadingLabel": string;
|
|
544
|
+
"trailingLabel": string;
|
|
545
|
+
"loading": boolean;
|
|
546
|
+
"type": TextInputTypes;
|
|
547
|
+
"name": string;
|
|
548
|
+
"required": boolean;
|
|
549
|
+
"maxLength": number;
|
|
550
|
+
"value": string;
|
|
551
|
+
"defaultValue": string;
|
|
552
|
+
"disabled": boolean;
|
|
553
|
+
"readOnly": boolean;
|
|
554
|
+
"fieldRequirement": GidsLabelFieldRequirement;
|
|
555
|
+
"fieldRequirementOptionalText": string | GidsLabelFieldRequirementTextFn;
|
|
556
|
+
"fieldRequirementRequiredText": string | GidsLabelFieldRequirementTextFn;
|
|
557
|
+
}
|
|
139
558
|
interface GidsToggleButtonAttributes {
|
|
140
559
|
"disabled": boolean;
|
|
141
560
|
"appearance": GidsToggleButtonAppearance;
|
|
@@ -146,7 +565,14 @@ declare namespace LocalJSX {
|
|
|
146
565
|
}
|
|
147
566
|
|
|
148
567
|
interface IntrinsicElements {
|
|
568
|
+
"gids-field": Omit<GidsField, keyof GidsFieldAttributes> & { [K in keyof GidsField & keyof GidsFieldAttributes]?: GidsField[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `attr:${K}`]?: GidsFieldAttributes[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `prop:${K}`]?: GidsField[K] };
|
|
149
569
|
"gids-icon": Omit<GidsIcon, keyof GidsIconAttributes> & { [K in keyof GidsIcon & keyof GidsIconAttributes]?: GidsIcon[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `attr:${K}`]?: GidsIconAttributes[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `prop:${K}`]?: GidsIcon[K] } & OneOf<"name", GidsIcon["name"], GidsIconAttributes["name"]>;
|
|
570
|
+
"gids-input": Omit<GidsInput, keyof GidsInputAttributes> & { [K in keyof GidsInput & keyof GidsInputAttributes]?: GidsInput[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `attr:${K}`]?: GidsInputAttributes[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `prop:${K}`]?: GidsInput[K] };
|
|
571
|
+
"gids-notification": Omit<GidsNotification, keyof GidsNotificationAttributes> & { [K in keyof GidsNotification & keyof GidsNotificationAttributes]?: GidsNotification[K] } & { [K in keyof GidsNotification & keyof GidsNotificationAttributes as `attr:${K}`]?: GidsNotificationAttributes[K] } & { [K in keyof GidsNotification & keyof GidsNotificationAttributes as `prop:${K}`]?: GidsNotification[K] };
|
|
572
|
+
"gids-overlay-provider": GidsOverlayProvider;
|
|
573
|
+
"gids-password-field": Omit<GidsPasswordField, keyof GidsPasswordFieldAttributes> & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes]?: GidsPasswordField[K] } & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes as `attr:${K}`]?: GidsPasswordFieldAttributes[K] } & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes as `prop:${K}`]?: GidsPasswordField[K] };
|
|
574
|
+
"gids-snackbar": Omit<GidsSnackbar, keyof GidsSnackbarAttributes> & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes]?: GidsSnackbar[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `attr:${K}`]?: GidsSnackbarAttributes[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `prop:${K}`]?: GidsSnackbar[K] };
|
|
575
|
+
"gids-text-field": Omit<GidsTextField, keyof GidsTextFieldAttributes> & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes]?: GidsTextField[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `attr:${K}`]?: GidsTextFieldAttributes[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `prop:${K}`]?: GidsTextField[K] };
|
|
150
576
|
"gids-toggle-button": Omit<GidsToggleButton, keyof GidsToggleButtonAttributes> & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes]?: GidsToggleButton[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `attr:${K}`]?: GidsToggleButtonAttributes[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `prop:${K}`]?: GidsToggleButton[K] };
|
|
151
577
|
}
|
|
152
578
|
}
|
|
@@ -154,7 +580,14 @@ export { LocalJSX as JSX };
|
|
|
154
580
|
declare module "@stencil/core" {
|
|
155
581
|
export namespace JSX {
|
|
156
582
|
interface IntrinsicElements {
|
|
583
|
+
"gids-field": LocalJSX.IntrinsicElements["gids-field"] & JSXBase.HTMLAttributes<HTMLGidsFieldElement>;
|
|
157
584
|
"gids-icon": LocalJSX.IntrinsicElements["gids-icon"] & JSXBase.HTMLAttributes<HTMLGidsIconElement>;
|
|
585
|
+
"gids-input": LocalJSX.IntrinsicElements["gids-input"] & JSXBase.HTMLAttributes<HTMLGidsInputElement>;
|
|
586
|
+
"gids-notification": LocalJSX.IntrinsicElements["gids-notification"] & JSXBase.HTMLAttributes<HTMLGidsNotificationElement>;
|
|
587
|
+
"gids-overlay-provider": LocalJSX.IntrinsicElements["gids-overlay-provider"] & JSXBase.HTMLAttributes<HTMLGidsOverlayProviderElement>;
|
|
588
|
+
"gids-password-field": LocalJSX.IntrinsicElements["gids-password-field"] & JSXBase.HTMLAttributes<HTMLGidsPasswordFieldElement>;
|
|
589
|
+
"gids-snackbar": LocalJSX.IntrinsicElements["gids-snackbar"] & JSXBase.HTMLAttributes<HTMLGidsSnackbarElement>;
|
|
590
|
+
"gids-text-field": LocalJSX.IntrinsicElements["gids-text-field"] & JSXBase.HTMLAttributes<HTMLGidsTextFieldElement>;
|
|
158
591
|
"gids-toggle-button": LocalJSX.IntrinsicElements["gids-toggle-button"] & JSXBase.HTMLAttributes<HTMLGidsToggleButtonElement>;
|
|
159
592
|
}
|
|
160
593
|
}
|