@duyluonganduin/acl-web-components 0.0.1
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/README.md +187 -0
- package/dist/acl-web-components.cjs +666 -0
- package/dist/acl-web-components.d.ts +341 -0
- package/dist/acl-web-components.js +2781 -0
- package/dist/tailwind-preset.cjs +1 -0
- package/dist/tailwind-preset.d.ts +11 -0
- package/dist/tailwind-preset.js +179 -0
- package/dist/tailwind-theme.css +168 -0
- package/dist/tokens.css +180 -0
- package/package.json +48 -0
|
@@ -0,0 +1,341 @@
|
|
|
1
|
+
import { CSSResult } from 'lit';
|
|
2
|
+
import { LitElement } from 'lit';
|
|
3
|
+
import { TemplateResult } from 'lit-html';
|
|
4
|
+
|
|
5
|
+
export declare class AnduinBadge extends LitElement {
|
|
6
|
+
static styles: CSSResult[];
|
|
7
|
+
variant: string;
|
|
8
|
+
render(): TemplateResult<1>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export declare class AnduinBadgeCount extends LitElement {
|
|
12
|
+
static styles: CSSResult[];
|
|
13
|
+
variant: string;
|
|
14
|
+
count: number;
|
|
15
|
+
private formatCount;
|
|
16
|
+
render(): TemplateResult<1>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export declare class AnduinButton extends LitElement {
|
|
20
|
+
static styles: CSSResult;
|
|
21
|
+
private iconOnly;
|
|
22
|
+
firstUpdated(): void;
|
|
23
|
+
private onSlotChange;
|
|
24
|
+
appearance: ButtonAppearance;
|
|
25
|
+
variant: ButtonVariant | '';
|
|
26
|
+
size: ButtonSize;
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
loading: boolean;
|
|
29
|
+
fullWidth: boolean;
|
|
30
|
+
pill: boolean;
|
|
31
|
+
selected: boolean;
|
|
32
|
+
href: string;
|
|
33
|
+
openNewTab: boolean;
|
|
34
|
+
download: string;
|
|
35
|
+
startIcon: string;
|
|
36
|
+
endIcon: string;
|
|
37
|
+
label: string;
|
|
38
|
+
private getVariant;
|
|
39
|
+
private getSizeKebab;
|
|
40
|
+
private iconSize;
|
|
41
|
+
render(): TemplateResult<1>;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export declare class AnduinCallout extends LitElement {
|
|
45
|
+
static styles: CSSResult;
|
|
46
|
+
variant: string;
|
|
47
|
+
render(): TemplateResult<1>;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export declare class AnduinCheckbox extends LitElement {
|
|
51
|
+
static styles: CSSResult;
|
|
52
|
+
checked: boolean;
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
indeterminate: boolean;
|
|
55
|
+
readonly: boolean;
|
|
56
|
+
inputid: string;
|
|
57
|
+
connectedCallback(): void;
|
|
58
|
+
private toggle;
|
|
59
|
+
private onInputChange;
|
|
60
|
+
render(): TemplateResult<1>;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
export declare class AnduinDivider extends LitElement {
|
|
64
|
+
static styles: CSSResult;
|
|
65
|
+
direction: string;
|
|
66
|
+
private hasContent;
|
|
67
|
+
connectedCallback(): void;
|
|
68
|
+
updated(changed: Map<string, unknown>): void;
|
|
69
|
+
private onSlotChange;
|
|
70
|
+
render(): TemplateResult<1>;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export declare class AnduinDot extends LitElement {
|
|
74
|
+
static styles: CSSResult;
|
|
75
|
+
variant: string;
|
|
76
|
+
render(): TemplateResult<1>;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
export declare class AnduinField extends LitElement {
|
|
80
|
+
static styles: CSSResult;
|
|
81
|
+
orientation: string;
|
|
82
|
+
connectedCallback(): void;
|
|
83
|
+
render(): TemplateResult<1>;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export declare class AnduinFieldDescription extends LitElement {
|
|
87
|
+
static styles: CSSResult;
|
|
88
|
+
render(): TemplateResult<1>;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
export declare class AnduinFieldError extends LitElement {
|
|
92
|
+
static styles: CSSResult;
|
|
93
|
+
render(): TemplateResult<1>;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
export declare class AnduinFieldGroup extends LitElement {
|
|
97
|
+
static styles: CSSResult;
|
|
98
|
+
render(): TemplateResult<1>;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
export declare class AnduinFieldLabel extends LitElement {
|
|
102
|
+
static styles: CSSResult;
|
|
103
|
+
htmlfor: string;
|
|
104
|
+
required: boolean;
|
|
105
|
+
connectedCallback(): void;
|
|
106
|
+
private onLabelClick;
|
|
107
|
+
render(): TemplateResult<1>;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
export declare class AnduinIcon extends LitElement {
|
|
111
|
+
static styles: CSSResult;
|
|
112
|
+
name: string;
|
|
113
|
+
size: number;
|
|
114
|
+
render(): TemplateResult<2>;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
export declare class AnduinInput extends LitElement {
|
|
118
|
+
static styles: CSSResult;
|
|
119
|
+
value: string;
|
|
120
|
+
size: string;
|
|
121
|
+
disabled: boolean;
|
|
122
|
+
readonly: boolean;
|
|
123
|
+
placeholder: string;
|
|
124
|
+
inputid: string;
|
|
125
|
+
status: string;
|
|
126
|
+
private inputEl;
|
|
127
|
+
connectedCallback(): void;
|
|
128
|
+
updated(): void;
|
|
129
|
+
private onInput;
|
|
130
|
+
render(): TemplateResult<1>;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
export declare class AnduinLoadingState extends LitElement {
|
|
134
|
+
static styles: CSSResult;
|
|
135
|
+
height: string;
|
|
136
|
+
render(): TemplateResult<1>;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
export declare class AnduinProgress extends LitElement {
|
|
140
|
+
static styles: CSSResult;
|
|
141
|
+
percent: string;
|
|
142
|
+
height: string;
|
|
143
|
+
render(): TemplateResult<1>;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
export declare class AnduinSkeleton extends LitElement {
|
|
147
|
+
static styles: CSSResult;
|
|
148
|
+
effect: string;
|
|
149
|
+
shape: string;
|
|
150
|
+
height: string;
|
|
151
|
+
width: string;
|
|
152
|
+
duration: number;
|
|
153
|
+
fontSize: string;
|
|
154
|
+
render(): TemplateResult<1>;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
export declare class AnduinSpinner extends LitElement {
|
|
158
|
+
static styles: CSSResult;
|
|
159
|
+
size: string;
|
|
160
|
+
percent: string;
|
|
161
|
+
private getSizeParams;
|
|
162
|
+
render(): TemplateResult<2>;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
export declare class AnduinTabContent extends LitElement {
|
|
166
|
+
static styles: CSSResult;
|
|
167
|
+
value: string;
|
|
168
|
+
private isActive;
|
|
169
|
+
connectedCallback(): void;
|
|
170
|
+
render(): TemplateResult<1>;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
export declare class AnduinTabs extends LitElement {
|
|
174
|
+
static styles: CSSResult;
|
|
175
|
+
defaultValue: string;
|
|
176
|
+
value: string;
|
|
177
|
+
connectedCallback(): void;
|
|
178
|
+
updated(changed: Map<string, unknown>): void;
|
|
179
|
+
private broadcastValueChanged;
|
|
180
|
+
render(): TemplateResult<1>;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
export declare class AnduinTabsList extends LitElement {
|
|
184
|
+
static styles: CSSResult;
|
|
185
|
+
alignment: string;
|
|
186
|
+
private indicator;
|
|
187
|
+
private lastActiveValue;
|
|
188
|
+
private resizeObserver;
|
|
189
|
+
connectedCallback(): void;
|
|
190
|
+
firstUpdated(): void;
|
|
191
|
+
disconnectedCallback(): void;
|
|
192
|
+
private animateIndicator;
|
|
193
|
+
render(): TemplateResult<1>;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
export declare class AnduinTabTrigger extends LitElement {
|
|
197
|
+
static styles: CSSResult;
|
|
198
|
+
value: string;
|
|
199
|
+
startIcon: string;
|
|
200
|
+
disabled: boolean;
|
|
201
|
+
private isActive;
|
|
202
|
+
connectedCallback(): void;
|
|
203
|
+
private onClick;
|
|
204
|
+
render(): TemplateResult<1>;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
export declare class AnduinTag extends LitElement {
|
|
208
|
+
static styles: CSSResult;
|
|
209
|
+
variant: TagVariant;
|
|
210
|
+
icon: string;
|
|
211
|
+
disabled: boolean;
|
|
212
|
+
render(): TemplateResult<1>;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
export declare class AnduinTagClose extends LitElement {
|
|
216
|
+
static styles: CSSResult;
|
|
217
|
+
private onClick;
|
|
218
|
+
render(): TemplateResult<1>;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
export declare class AnduinTextarea extends LitElement {
|
|
222
|
+
static styles: CSSResult;
|
|
223
|
+
value: string;
|
|
224
|
+
disabled: boolean;
|
|
225
|
+
readonly: boolean;
|
|
226
|
+
placeholder: string;
|
|
227
|
+
inputid: string;
|
|
228
|
+
rows: number;
|
|
229
|
+
status: string;
|
|
230
|
+
private textareaEl;
|
|
231
|
+
connectedCallback(): void;
|
|
232
|
+
updated(): void;
|
|
233
|
+
private onInput;
|
|
234
|
+
render(): TemplateResult<1>;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
export declare class AnduinTooltip extends LitElement {
|
|
238
|
+
static styles: CSSResult;
|
|
239
|
+
disabled: boolean;
|
|
240
|
+
placement: string;
|
|
241
|
+
private triggerElement;
|
|
242
|
+
private contentPopupElement;
|
|
243
|
+
private containingBlockLeft;
|
|
244
|
+
private containingBlockTop;
|
|
245
|
+
private rafId;
|
|
246
|
+
private prevTriggerTop;
|
|
247
|
+
private prevTriggerLeft;
|
|
248
|
+
private isVisible;
|
|
249
|
+
connectedCallback(): void;
|
|
250
|
+
updated(changed: Map<string, unknown>): void;
|
|
251
|
+
disconnectedCallback(): void;
|
|
252
|
+
private maybeStartPositionLoop;
|
|
253
|
+
private startPositionLoop;
|
|
254
|
+
private stopPositionLoop;
|
|
255
|
+
private computeContainingBlockOffset;
|
|
256
|
+
private positionPopup;
|
|
257
|
+
private broadcastVisibilityChanged;
|
|
258
|
+
render(): TemplateResult<1>;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
export declare class AnduinTooltipContent extends LitElement {
|
|
262
|
+
static styles: CSSResult;
|
|
263
|
+
private graceArea;
|
|
264
|
+
private triggerEl;
|
|
265
|
+
private popupEl;
|
|
266
|
+
private handlePointerMove;
|
|
267
|
+
private handleTriggerLeave;
|
|
268
|
+
private handleContentLeave;
|
|
269
|
+
connectedCallback(): void;
|
|
270
|
+
disconnectedCallback(): void;
|
|
271
|
+
private createGraceArea;
|
|
272
|
+
private setupGraceAreaListeners;
|
|
273
|
+
private cleanupGraceAreaListeners;
|
|
274
|
+
private showPopup;
|
|
275
|
+
private hidePopup;
|
|
276
|
+
render(): TemplateResult<1>;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
export declare class AnduinTooltipTrigger extends LitElement {
|
|
280
|
+
static styles: CSSResult;
|
|
281
|
+
firstUpdated(): void;
|
|
282
|
+
render(): TemplateResult<1>;
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
export declare class AnduinWell extends LitElement {
|
|
286
|
+
static styles: CSSResult;
|
|
287
|
+
variant: string;
|
|
288
|
+
render(): TemplateResult<1>;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
export declare class AnduinWellClose extends LitElement {
|
|
292
|
+
static styles: CSSResult;
|
|
293
|
+
private onClick;
|
|
294
|
+
render(): TemplateResult<1>;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
export declare const BADGE_STYLES: CSSResult;
|
|
298
|
+
|
|
299
|
+
export declare type ButtonAppearance = 'filled' | 'outlined' | 'plain' | 'text';
|
|
300
|
+
|
|
301
|
+
export declare type ButtonSize = 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free';
|
|
302
|
+
|
|
303
|
+
export declare type ButtonVariant = 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning';
|
|
304
|
+
|
|
305
|
+
export declare const CHECKBOX_CHANGE = "anduin-checkbox:change";
|
|
306
|
+
|
|
307
|
+
export declare const FIELD_LABEL_CLICK = "anduin-field:label-click";
|
|
308
|
+
|
|
309
|
+
export declare const FIELD_LABEL_CLICK_COORDINATED = "anduin-field:label-click-coordinated";
|
|
310
|
+
|
|
311
|
+
export declare function getBadgeVariantClass(variant: string): string;
|
|
312
|
+
|
|
313
|
+
export declare const INPUT_CHANGE = "anduin-input:change";
|
|
314
|
+
|
|
315
|
+
export declare const TAB_CHANGE = "anduin-tab:change";
|
|
316
|
+
|
|
317
|
+
export declare const TAB_TRIGGER_CLICK = "anduin-tab:trigger-click";
|
|
318
|
+
|
|
319
|
+
export declare const TAB_VALUE_CHANGED = "anduin-tab:value-changed";
|
|
320
|
+
|
|
321
|
+
export declare const TAG_CLOSE_CLICK = "anduin-tag-close:click";
|
|
322
|
+
|
|
323
|
+
export declare type TagVariant = 'gray' | 'primary' | 'success' | 'warning' | 'danger' | 'boldGray' | 'boldPrimary' | 'boldSuccess' | 'boldWarning' | 'boldDanger' | 'customAqua' | 'customBlue' | 'customBlueGreen' | 'customGreen' | 'customHotPink' | 'customIndigo' | 'customMagenta' | 'customOrange' | 'customPink' | 'customPurple' | 'customRed' | 'customYellow' | 'customYellowGreen' | 'customYellowOrange';
|
|
324
|
+
|
|
325
|
+
export declare const TEXTAREA_CHANGE = "anduin-textarea:change";
|
|
326
|
+
|
|
327
|
+
export declare const TOOLTIP_CONTENT_POPUP_MOUNTED = "anduin-tooltip:content-popup-mounted";
|
|
328
|
+
|
|
329
|
+
export declare const TOOLTIP_CONTENT_POPUP_UNMOUNTED = "anduin-tooltip:content-popup-unmounted";
|
|
330
|
+
|
|
331
|
+
export declare const TOOLTIP_HIDE = "anduin-tooltip:hide";
|
|
332
|
+
|
|
333
|
+
export declare const TOOLTIP_SHOW = "anduin-tooltip:show";
|
|
334
|
+
|
|
335
|
+
export declare const TOOLTIP_TRIGGER_MOUNTED = "anduin-tooltip:trigger-mounted";
|
|
336
|
+
|
|
337
|
+
export declare const TOOLTIP_VISIBILITY_CHANGED = "anduin-tooltip:visibility-changed";
|
|
338
|
+
|
|
339
|
+
export declare const WELL_CLOSE_CLICK = "anduin-well-close:click";
|
|
340
|
+
|
|
341
|
+
export { }
|