tinkiet 0.2.50 → 0.2.62

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.
Files changed (122) hide show
  1. package/accordion/accordion.d.ts +1 -1
  2. package/accordion/accordion.js +3 -2
  3. package/accordion/accordion.scss.js +3 -2
  4. package/accordion/index.d.ts +1 -0
  5. package/accordion/index.js +1 -0
  6. package/badge/badge.d.ts +2 -2
  7. package/badge/badge.js +2 -1
  8. package/badge/badge.scss.js +2 -1
  9. package/badge/index.d.ts +1 -0
  10. package/badge/index.js +1 -0
  11. package/box/box.d.ts +1 -1
  12. package/box/box.js +1 -2
  13. package/box/box.scss.js +2 -1
  14. package/box/index.d.ts +1 -0
  15. package/box/index.js +1 -0
  16. package/button/button.d.ts +2 -2
  17. package/button/button.js +4 -4
  18. package/button/button.scss.js +3 -2
  19. package/button/index.d.ts +1 -0
  20. package/button/index.js +1 -0
  21. package/checkbox/checkbox.d.ts +1 -1
  22. package/checkbox/checkbox.js +2 -2
  23. package/checkbox/checkbox.scss.js +2 -1
  24. package/checkbox/index.d.ts +1 -0
  25. package/checkbox/index.js +1 -0
  26. package/dialog/dialog.d.ts +1 -1
  27. package/dialog/dialog.js +1 -1
  28. package/dialog/dialog.scss.js +2 -1
  29. package/dialog/index.d.ts +1 -0
  30. package/dialog/index.js +1 -0
  31. package/drawer/drawer.d.ts +1 -1
  32. package/drawer/drawer.js +3 -3
  33. package/drawer/drawer.scss.js +2 -1
  34. package/drawer/index.d.ts +1 -0
  35. package/drawer/index.js +1 -0
  36. package/icon/icon.d.ts +2 -2
  37. package/icon/icon.js +22 -23
  38. package/icon/icon.scss.js +2 -1
  39. package/icon/index.d.ts +2 -0
  40. package/icon/index.js +2 -0
  41. package/index.d.ts +23 -24
  42. package/index.js +23 -0
  43. package/list-item/index.d.ts +1 -0
  44. package/list-item/index.js +1 -0
  45. package/list-item/list-item.d.ts +1 -1
  46. package/list-item/list-item.js +3 -4
  47. package/list-item/list-item.scss.js +2 -1
  48. package/loading/index.d.ts +1 -0
  49. package/loading/index.js +1 -0
  50. package/loading/loading.d.ts +2 -2
  51. package/loading/loading.js +2 -1
  52. package/loading/loading.scss.js +2 -1
  53. package/navbar/index.d.ts +1 -0
  54. package/navbar/index.js +1 -0
  55. package/navbar/navbar.d.ts +2 -2
  56. package/navbar/navbar.js +2 -1
  57. package/navbar/navbar.scss.js +2 -1
  58. package/notie/index.d.ts +1 -0
  59. package/notie/index.js +1 -0
  60. package/notie/notie.d.ts +18 -7
  61. package/notie/notie.js +21 -6
  62. package/notie/notie.scss.js +3 -2
  63. package/package.json +1 -1
  64. package/pages/index.d.ts +1 -0
  65. package/pages/index.js +1 -0
  66. package/pages/pages.d.ts +1 -1
  67. package/pages/pages.js +2 -3
  68. package/pages/pages.scss.js +2 -1
  69. package/progress/index.d.ts +1 -0
  70. package/progress/index.js +1 -0
  71. package/progress/progress.d.ts +1 -1
  72. package/progress/progress.js +1 -1
  73. package/progress/progress.scss.js +2 -1
  74. package/radio/index.d.ts +1 -0
  75. package/radio/index.js +1 -0
  76. package/radio/radio.d.ts +2 -2
  77. package/radio/radio.js +2 -2
  78. package/radio/radio.scss.js +2 -1
  79. package/select/index.d.ts +1 -0
  80. package/select/index.js +1 -0
  81. package/select/select.d.ts +2 -2
  82. package/select/select.js +3 -4
  83. package/select/select.scss.js +2 -1
  84. package/slider/index.d.ts +1 -0
  85. package/slider/index.js +1 -0
  86. package/slider/slider.d.ts +4 -4
  87. package/slider/slider.js +1 -1
  88. package/slider/slider.scss.js +2 -1
  89. package/switch/index.d.ts +1 -0
  90. package/switch/index.js +1 -0
  91. package/switch/switch.d.ts +2 -2
  92. package/switch/switch.js +2 -2
  93. package/switch/switch.scss.js +2 -1
  94. package/tab-group/index.d.ts +1 -0
  95. package/tab-group/index.js +1 -0
  96. package/tab-group/tab-group.d.ts +5 -5
  97. package/tab-group/tab-group.js +6 -5
  98. package/tab-group/tab-group.scss.js +2 -1
  99. package/tag/index.d.ts +1 -0
  100. package/tag/index.js +1 -0
  101. package/tag/tag.d.ts +1 -1
  102. package/tag/tag.js +1 -1
  103. package/tag/tag.scss.js +2 -1
  104. package/textarea/index.d.ts +1 -0
  105. package/textarea/index.js +1 -0
  106. package/textarea/textarea.d.ts +1 -1
  107. package/textarea/textarea.js +2 -3
  108. package/textarea/textarea.scss.js +2 -1
  109. package/textfield/index.d.ts +1 -0
  110. package/textfield/index.js +1 -0
  111. package/textfield/textfield.d.ts +1 -1
  112. package/textfield/textfield.js +2 -3
  113. package/textfield/textfield.scss.js +2 -1
  114. package/theme/index.d.ts +1 -0
  115. package/theme/index.js +1 -0
  116. package/theme/theme.d.ts +1 -1
  117. package/theme/theme.js +1 -1
  118. package/theme/theme.scss.js +2 -1
  119. package/umd/tinkiet.min.d.ts +80 -68
  120. package/umd/tinkiet.min.js +26 -20
  121. package/index-69fd0699.d.ts +0 -1
  122. package/index-70f39703.d.ts +0 -1
@@ -69,7 +69,7 @@ type Color = typeof colors;
69
69
  * @attr [wrap="false"]
70
70
  */
71
71
  declare class TkBox extends LitElement {
72
- static get styles(): import("lit").CSSResultGroup[];
72
+ static get styles(): import("lit").CSSResult[];
73
73
  /**
74
74
  * Activate ripple
75
75
  */
@@ -106,7 +106,7 @@ declare class TkFocusableBox extends TkBox {
106
106
  updated(props: any): void;
107
107
  }
108
108
  declare class TkAccordion extends TkFocusableBox {
109
- static get styles(): import("lit").CSSResultGroup[];
109
+ static get styles(): import("lit").CSSResult[];
110
110
  name: string;
111
111
  checked: boolean;
112
112
  rippleHeader: boolean;
@@ -127,7 +127,7 @@ declare global {
127
127
  * @cssprop --tk-badge-text-color - Text color of widget to --on-primary
128
128
  */
129
129
  declare class TkBadge extends TkBox {
130
- static get styles(): import("lit").CSSResultGroup[];
130
+ static get styles(): import("lit").CSSResult[];
131
131
  }
132
132
  declare global {
133
133
  interface HTMLElementTagNameMap {
@@ -150,7 +150,7 @@ declare global {
150
150
  * @attr {Boolean} small - mini button
151
151
  */
152
152
  declare class TkButton extends TkBox {
153
- static get styles(): import("lit").CSSResultGroup[];
153
+ static get styles(): import("lit").CSSResult[];
154
154
  href: string | null;
155
155
  target: "_blank" | "_parent" | "_self" | "_top";
156
156
  type: "submit" | "reset" | "button";
@@ -171,7 +171,7 @@ declare global {
171
171
  }
172
172
  }
173
173
  declare class TkCheckbox extends LitElement {
174
- static styles: import("lit").CSSResultGroup;
174
+ static styles: import("lit").CSSResult;
175
175
  name: string;
176
176
  value: string;
177
177
  checked: boolean;
@@ -189,7 +189,7 @@ declare global {
189
189
  }
190
190
  }
191
191
  declare class TkDialog extends LitElement {
192
- static styles: import("lit").CSSResultGroup;
192
+ static styles: import("lit").CSSResult;
193
193
  modal: boolean;
194
194
  open: boolean;
195
195
  blurOverlay: boolean;
@@ -205,7 +205,7 @@ declare global {
205
205
  }
206
206
  }
207
207
  declare class TkDrawer extends LitElement {
208
- static styles: import("lit").CSSResultGroup;
208
+ static styles: import("lit").CSSResult;
209
209
  open: boolean;
210
210
  over: boolean;
211
211
  openQuery: string;
@@ -226,7 +226,7 @@ declare global {
226
226
  }
227
227
  }
228
228
  declare class TkIcon extends TkBox {
229
- static get styles(): import("lit").CSSResultGroup[];
229
+ static get styles(): import("lit").CSSResult[];
230
230
  name: string;
231
231
  library: string;
232
232
  path: string;
@@ -246,7 +246,7 @@ declare class TkIcons extends LitElement {
246
246
  firstUpdated(): void;
247
247
  }
248
248
  declare class TkListItem extends LitElement {
249
- static styles: import("lit").CSSResultGroup;
249
+ static styles: import("lit").CSSResult;
250
250
  href: string;
251
251
  target: string;
252
252
  ariaLabel: string;
@@ -263,7 +263,7 @@ declare global {
263
263
  }
264
264
  }
265
265
  declare class TkLoading extends TkBox {
266
- static get styles(): import("lit").CSSResultGroup[];
266
+ static get styles(): import("lit").CSSResult[];
267
267
  circle: boolean;
268
268
  indeterminate: boolean;
269
269
  render(): import("lit-html").TemplateResult<1>;
@@ -274,7 +274,7 @@ declare global {
274
274
  }
275
275
  }
276
276
  declare class TkNavbar extends TkBox {
277
- static get styles(): import("lit").CSSResultGroup[];
277
+ static get styles(): import("lit").CSSResult[];
278
278
  render(): import("lit-html").TemplateResult<1>;
279
279
  }
280
280
  declare global {
@@ -282,40 +282,9 @@ declare global {
282
282
  "tk-navbar": TkNavbar;
283
283
  }
284
284
  }
285
- declare class TkTextfield extends LitElement {
286
- static styles: import("lit").CSSResultGroup;
287
- private _id;
288
- set value(value: string);
289
- get value(): string;
290
- name: string;
291
- list: string;
292
- type: "email" | "number" | "password" | "text" | "search";
293
- required: boolean;
294
- disabled: boolean;
295
- readonly: boolean;
296
- autocomplete: "on" | "off";
297
- autocapitalize: "off" | "none" | "on" | "sentences" | "words" | "characters";
298
- pattern: string;
299
- initialValue: string;
300
- label: string;
301
- min: number;
302
- max: number;
303
- minLength: number;
304
- maxLength: number;
305
- private $input;
306
- render(): import("lit-html").TemplateResult<1>;
307
- private handleChange;
308
- firstUpdated(): void;
309
- private refreshAttributes;
310
- focus(): void;
311
- }
312
- declare global {
313
- interface HTMLElementTagNameMap {
314
- "tk-textfield": TkTextfield;
315
- }
316
- }
317
285
  interface NotieOptions {
318
286
  background?: string;
287
+ level?: NotieLevel;
319
288
  color?: string;
320
289
  text?: string;
321
290
  delay?: number;
@@ -331,18 +300,29 @@ interface NotieConfirmOptions extends NotieOptions {
331
300
  confirmText?: string;
332
301
  cancelText?: string;
333
302
  }
303
+ interface NotieInputOptions extends NotieConfirmOptions {
304
+ password?: boolean;
305
+ }
334
306
  declare enum NotieType {
335
307
  show = "show",
336
308
  force = "force",
337
309
  confirm = "confirm",
338
310
  input = "input"
339
311
  }
312
+ declare enum NotieLevel {
313
+ success = "success",
314
+ warning = "warning",
315
+ error = "error",
316
+ info = "info",
317
+ neutral = "neutral"
318
+ }
340
319
  declare class TkNotie extends TkBox {
341
- static get styles(): import("lit").CSSResultGroup[];
320
+ static get styles(): import("lit").CSSResult[];
342
321
  persistent: boolean;
343
322
  open: boolean;
344
323
  position: NotieOptions["position"];
345
324
  type: NotieType;
325
+ level: NotieLevel;
346
326
  delay: number;
347
327
  animationDelay: number;
348
328
  text: string;
@@ -350,9 +330,9 @@ declare class TkNotie extends TkBox {
350
330
  confirmText: string;
351
331
  cancelText: string;
352
332
  template: TemplateResult;
353
- $input: TkTextfield;
354
- $container: HTMLElement;
355
- resolve: any;
333
+ private $input;
334
+ private $container;
335
+ private resolve;
356
336
  render(): TemplateResult<1>;
357
337
  show(): Promise<string | boolean | null>;
358
338
  hide(value: boolean | string | null): void;
@@ -360,7 +340,7 @@ declare class TkNotie extends TkBox {
360
340
  static show(options: NotieOptions): Promise<boolean | string | null>;
361
341
  static force(options: NotieForceOptions): Promise<boolean | string | null>;
362
342
  static confirm(options: NotieConfirmOptions): Promise<boolean | string | null>;
363
- static input(options: NotieConfirmOptions): Promise<boolean | string | null>;
343
+ static input(options: NotieInputOptions): Promise<boolean | string | null>;
364
344
  private static getNotie;
365
345
  }
366
346
  declare global {
@@ -369,7 +349,7 @@ declare global {
369
349
  }
370
350
  }
371
351
  declare class TkPages extends LitElement {
372
- static styles: import("lit").CSSResultGroup;
352
+ static styles: import("lit").CSSResult;
373
353
  private _page;
374
354
  set page(val: string);
375
355
  get page(): string;
@@ -385,7 +365,7 @@ declare global {
385
365
  }
386
366
  }
387
367
  declare class TkProgress extends LitElement {
388
- static styles: import("lit").CSSResultGroup;
368
+ static styles: import("lit").CSSResult;
389
369
  circle: boolean;
390
370
  indeterminate: boolean;
391
371
  value: number;
@@ -398,14 +378,14 @@ declare global {
398
378
  }
399
379
  }
400
380
  declare class TkRadio extends LitElement {
401
- static styles: import("lit").CSSResultGroup;
381
+ static styles: import("lit").CSSResult;
402
382
  name: string;
403
383
  checked: boolean;
404
384
  required: boolean;
405
385
  disabled: boolean;
406
386
  readonly: boolean;
407
387
  value: string;
408
- $input: HTMLInputElement;
388
+ private $input;
409
389
  render(): import("lit-html").TemplateResult<1>;
410
390
  connectedCallback(): void;
411
391
  disconnectedCallback(): void;
@@ -419,7 +399,7 @@ declare global {
419
399
  }
420
400
  }
421
401
  declare class TkSelect extends LitElement {
422
- static styles: import("lit").CSSResultGroup;
402
+ static styles: import("lit").CSSResult;
423
403
  set value(value: string);
424
404
  get value(): string;
425
405
  name: string;
@@ -436,7 +416,7 @@ declare class TkSelect extends LitElement {
436
416
  max: number;
437
417
  minLength: number;
438
418
  maxLength: number;
439
- $select: HTMLSelectElement;
419
+ private $select;
440
420
  render(): import("lit-html").TemplateResult<1>;
441
421
  private handleChange;
442
422
  firstUpdated(): void;
@@ -448,7 +428,7 @@ declare global {
448
428
  }
449
429
  }
450
430
  declare class TkSlider extends LitElement {
451
- static styles: import("lit").CSSResultGroup;
431
+ static styles: import("lit").CSSResult;
452
432
  name: string;
453
433
  list: string;
454
434
  required: boolean;
@@ -462,10 +442,10 @@ declare class TkSlider extends LitElement {
462
442
  value: number;
463
443
  max: number;
464
444
  step: number;
465
- $slider: HTMLInputElement;
466
- $input: HTMLInputElement;
445
+ private $slider;
446
+ private $input;
467
447
  render(): import("lit-html").TemplateResult<1>;
468
- handleChange(e: any): void;
448
+ private handleChange;
469
449
  firstUpdated(): void;
470
450
  updated(): void;
471
451
  }
@@ -475,14 +455,14 @@ declare global {
475
455
  }
476
456
  }
477
457
  declare class TkSwitch extends LitElement {
478
- static styles: import("lit").CSSResultGroup;
458
+ static styles: import("lit").CSSResult;
479
459
  name: string;
480
460
  checked: boolean;
481
461
  required: boolean;
482
462
  disabled: boolean;
483
463
  readonly: boolean;
484
464
  value: string;
485
- $input: HTMLInputElement;
465
+ private $input;
486
466
  render(): import("lit-html").TemplateResult<1>;
487
467
  connectedCallback(): void;
488
468
  disconnectedCallback(): void;
@@ -496,18 +476,18 @@ declare global {
496
476
  }
497
477
  }
498
478
  declare class TkTabGroup extends LitElement {
499
- static styles: import("lit").CSSResultGroup;
479
+ static styles: import("lit").CSSResult;
500
480
  circle: boolean;
501
481
  observe: string;
502
482
  selected: string;
503
- $underline: HTMLElement;
504
- $circle: HTMLElement;
483
+ private $underline;
484
+ private $circle;
505
485
  render(): import("lit-html").TemplateResult<1>;
506
486
  constructor();
507
487
  firstUpdated(): void;
508
488
  updated(props: any): void;
509
- clickOnTab(tab: HTMLElement): void;
510
- updateUnderline(): void;
489
+ protected clickOnTab(tab: HTMLElement): void;
490
+ protected updateUnderline(): void;
511
491
  }
512
492
  declare global {
513
493
  interface HTMLElementTagNameMap {
@@ -515,7 +495,7 @@ declare global {
515
495
  }
516
496
  }
517
497
  declare class TkTag extends LitElement {
518
- static styles: import("lit").CSSResultGroup;
498
+ static styles: import("lit").CSSResult;
519
499
  render(): import("lit-html").TemplateResult<1>;
520
500
  }
521
501
  declare global {
@@ -524,7 +504,7 @@ declare global {
524
504
  }
525
505
  }
526
506
  declare class TkTextarea extends LitElement {
527
- static styles: import("lit").CSSResultGroup;
507
+ static styles: import("lit").CSSResult;
528
508
  private _id;
529
509
  set value(value: string);
530
510
  get value(): string;
@@ -554,8 +534,40 @@ declare global {
554
534
  "tk-textarea": TkTextarea;
555
535
  }
556
536
  }
537
+ declare class TkTextfield extends LitElement {
538
+ static styles: import("lit").CSSResult;
539
+ private _id;
540
+ set value(value: string);
541
+ get value(): string;
542
+ name: string;
543
+ list: string;
544
+ type: "email" | "number" | "password" | "text" | "search";
545
+ required: boolean;
546
+ disabled: boolean;
547
+ readonly: boolean;
548
+ autocomplete: "on" | "off";
549
+ autocapitalize: "off" | "none" | "on" | "sentences" | "words" | "characters";
550
+ pattern: string;
551
+ initialValue: string;
552
+ label: string;
553
+ min: number;
554
+ max: number;
555
+ minLength: number;
556
+ maxLength: number;
557
+ private $input;
558
+ render(): import("lit-html").TemplateResult<1>;
559
+ private handleChange;
560
+ firstUpdated(): void;
561
+ private refreshAttributes;
562
+ focus(): void;
563
+ }
564
+ declare global {
565
+ interface HTMLElementTagNameMap {
566
+ "tk-textfield": TkTextfield;
567
+ }
568
+ }
557
569
  declare class TkTheme extends LitElement {
558
- static styles: import("lit").CSSResultGroup;
570
+ static styles: import("lit").CSSResult;
559
571
  primary: string;
560
572
  onPrimary: string;
561
573
  accent: string;