@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.2 → 0.0.0-pr624.21

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 (108) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +13 -2
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +2 -0
  3. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/index.js +1292 -79
  5. package/components/bibtemplate/dist/registered.js +1292 -79
  6. package/components/checkbox/README.md +1 -1
  7. package/components/checkbox/demo/api.md +8 -9
  8. package/components/checkbox/demo/api.min.js +30 -24
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +30 -24
  11. package/components/checkbox/demo/readme.md +1 -1
  12. package/components/checkbox/dist/auro-checkbox.d.ts +3 -3
  13. package/components/checkbox/dist/index.js +30 -24
  14. package/components/checkbox/dist/registered.js +30 -24
  15. package/components/combobox/demo/api.md +53 -0
  16. package/components/combobox/demo/api.min.js +2898 -753
  17. package/components/combobox/demo/index.md +6 -0
  18. package/components/combobox/demo/index.min.js +2898 -753
  19. package/components/combobox/dist/auro-combobox.d.ts +12 -12
  20. package/components/combobox/dist/index.js +2646 -642
  21. package/components/combobox/dist/registered.js +2646 -642
  22. package/components/counter/demo/api.md +21 -19
  23. package/components/counter/demo/api.min.js +3648 -929
  24. package/components/counter/demo/index.md +99 -34
  25. package/components/counter/demo/index.min.js +3648 -929
  26. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  27. package/components/counter/dist/auro-counter-group.d.ts +105 -6
  28. package/components/counter/dist/auro-counter.d.ts +6 -0
  29. package/components/counter/dist/helptextVersion.d.ts +2 -0
  30. package/components/counter/dist/iconVersion.d.ts +1 -1
  31. package/components/counter/dist/index.js +3648 -929
  32. package/components/counter/dist/registered.js +3648 -929
  33. package/components/datepicker/demo/api.md +36 -19
  34. package/components/datepicker/demo/api.min.js +11437 -7744
  35. package/components/datepicker/demo/index.md +80 -0
  36. package/components/datepicker/demo/index.min.js +11437 -7744
  37. package/components/datepicker/dist/auro-datepicker.d.ts +71 -3
  38. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  39. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  40. package/components/datepicker/dist/index.js +13847 -10154
  41. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  42. package/components/datepicker/dist/registered.js +13847 -10154
  43. package/components/dropdown/demo/api.md +6 -7
  44. package/components/dropdown/demo/api.min.js +238 -144
  45. package/components/dropdown/demo/index.md +57 -9
  46. package/components/dropdown/demo/index.min.js +238 -144
  47. package/components/dropdown/dist/auro-dropdown.d.ts +10 -9
  48. package/components/dropdown/dist/auro-dropdownBib.d.ts +22 -0
  49. package/components/dropdown/dist/index.js +238 -144
  50. package/components/dropdown/dist/registered.js +238 -144
  51. package/components/form/demo/api.min.js +1 -1
  52. package/components/form/demo/index.min.js +1 -1
  53. package/components/form/dist/index.js +1 -1
  54. package/components/form/dist/registered.js +1 -1
  55. package/components/helptext/dist/index.js +2 -2
  56. package/components/helptext/dist/registered.js +2 -2
  57. package/components/input/demo/api.md +63 -56
  58. package/components/input/demo/api.min.js +983 -269
  59. package/components/input/demo/index.min.js +982 -268
  60. package/components/input/dist/auro-input.d.ts +202 -14
  61. package/components/input/dist/base-input.d.ts +30 -7
  62. package/components/input/dist/buttonVersion.d.ts +1 -1
  63. package/components/input/dist/iconVersion.d.ts +1 -1
  64. package/components/input/dist/index.js +982 -268
  65. package/components/input/dist/registered.js +982 -268
  66. package/components/layoutElement/dist/index.js +13 -10
  67. package/components/menu/demo/api.html +38 -0
  68. package/components/menu/demo/api.md +68 -7
  69. package/components/menu/demo/api.min.js +278 -42
  70. package/components/menu/demo/index.min.js +278 -42
  71. package/components/menu/dist/auro-menu.d.ts +28 -5
  72. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  73. package/components/menu/dist/iconVersion.d.ts +1 -1
  74. package/components/menu/dist/index.js +278 -42
  75. package/components/menu/dist/registered.js +278 -42
  76. package/components/menu/dist/styles/default/color-menuoption-css.d.ts +2 -0
  77. package/components/menu/dist/styles/default/style-menu-css.d.ts +2 -0
  78. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  79. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  80. package/components/radio/demo/api.md +2 -2
  81. package/components/radio/demo/api.min.js +10 -7
  82. package/components/radio/demo/index.min.js +10 -7
  83. package/components/radio/dist/auro-radio.d.ts +1 -1
  84. package/components/radio/dist/index.js +10 -7
  85. package/components/radio/dist/registered.js +10 -7
  86. package/components/select/demo/api.js +2 -0
  87. package/components/select/demo/api.md +78 -12
  88. package/components/select/demo/api.min.js +2797 -538
  89. package/components/select/demo/index.html +1 -0
  90. package/components/select/demo/index.md +325 -763
  91. package/components/select/demo/index.min.js +2790 -543
  92. package/components/select/dist/auro-select.d.ts +111 -11
  93. package/components/select/dist/helptextVersion.d.ts +2 -0
  94. package/components/select/dist/index.js +2533 -427
  95. package/components/select/dist/registered.js +2533 -427
  96. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  97. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  98. package/package.json +6 -4
  99. /package/components/{dropdown/dist/styles/default/bibColors-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  100. /package/components/{dropdown → datepicker}/dist/styles/default/color-css.d.ts +0 -0
  101. /package/components/{dropdown/dist/styles/default/bibStyles-css.d.ts → datepicker/dist/styles/shapeSize-css.d.ts} +0 -0
  102. /package/components/{dropdown/dist/styles/default/style-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  103. /package/components/{dropdown/dist/styles → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  104. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/bibColors-css.d.ts} +0 -0
  105. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  106. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  107. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  108. /package/components/menu/dist/styles/{tokens-css.d.ts → default/color-menu-css.d.ts} +0 -0
@@ -19,7 +19,7 @@
19
19
  * @event auroFormElement-validated - Notifies that the component value(s) have been validated.
20
20
  * @event auroDatePicker-newSlotContent - Notifies that new slot content has been added to the datepicker.
21
21
  */
22
- export class AuroDatePicker extends LitElement {
22
+ export class AuroDatePicker extends AuroElement {
23
23
  static get properties(): {
24
24
  /**
25
25
  * If declared, bib's position will be automatically calculated where to appear.
@@ -70,6 +70,17 @@ export class AuroDatePicker extends LitElement {
70
70
  type: StringConstructor;
71
71
  reflect: boolean;
72
72
  };
73
+ hasFocus: {
74
+ type: BooleanConstructor;
75
+ reflect: boolean;
76
+ };
77
+ /**
78
+ * @private
79
+ */
80
+ hasValue: {
81
+ type: BooleanConstructor;
82
+ reflect: boolean;
83
+ };
73
84
  /**
74
85
  * Specifies the date format. The default is `mm/dd/yyyy`.
75
86
  */
@@ -160,6 +171,22 @@ export class AuroDatePicker extends LitElement {
160
171
  type: BooleanConstructor;
161
172
  reflect: boolean;
162
173
  };
174
+ /**
175
+ * Placeholder text to display in the input(s) when no value is set.
176
+ */
177
+ placeholder: {
178
+ type: StringConstructor;
179
+ reflect: boolean;
180
+ };
181
+ /**
182
+ * Optional placeholder text to display in the second input when using date range.
183
+ * By default, datepicker will use `placeholder` for both inputs if placeholder is
184
+ * specified, but placeholderendDate is not.
185
+ */
186
+ placeholderEndDate: {
187
+ type: StringConstructor;
188
+ reflect: boolean;
189
+ };
163
190
  /**
164
191
  * Position where the bib should appear relative to the trigger.
165
192
  * Accepted values:
@@ -286,7 +313,6 @@ export class AuroDatePicker extends LitElement {
286
313
  format: string;
287
314
  fullscreenBreakpoint: string;
288
315
  monthNames: string[];
289
- monthFirst: boolean;
290
316
  placement: string;
291
317
  offset: number;
292
318
  noFlip: boolean;
@@ -312,10 +338,25 @@ export class AuroDatePicker extends LitElement {
312
338
  * @private
313
339
  */
314
340
  private dropdownTag;
341
+ /**
342
+ * @private
343
+ */
344
+ private buttonTag;
345
+ /**
346
+ * @private
347
+ */
348
+ private iconTag;
315
349
  /**
316
350
  * @private
317
351
  */
318
352
  private inputTag;
353
+ /**
354
+ * @private
355
+ */
356
+ private helpTextTag;
357
+ layout: string;
358
+ shape: string;
359
+ size: string;
319
360
  /**
320
361
  * A convenience wrapper for `value` and `valueEnd`, uses the new Auro "array value pattern".
321
362
  * @returns {string[]}
@@ -434,6 +475,10 @@ export class AuroDatePicker extends LitElement {
434
475
  * @returns {void}
435
476
  */
436
477
  private pushSlotContent;
478
+ /**
479
+ * Resets values without resetting validation.
480
+ */
481
+ resetValues(): void;
437
482
  /**
438
483
  * Resets component to initial state.
439
484
  * @returns {void}
@@ -444,7 +489,13 @@ export class AuroDatePicker extends LitElement {
444
489
  * @param {boolean} [force=false] - Whether to force validation.
445
490
  */
446
491
  validate(force?: boolean): void;
492
+ setHasFocus(): void;
493
+ hasFocus: boolean;
494
+ setHasValue(): void;
495
+ hasValue: boolean;
496
+ get hasError(): boolean;
447
497
  updated(changedProperties: any): void;
498
+ monthFirst: boolean;
448
499
  formattedFocusDate: boolean;
449
500
  formattedEndDate: boolean;
450
501
  formattedValue: boolean;
@@ -461,6 +512,23 @@ export class AuroDatePicker extends LitElement {
461
512
  */
462
513
  private handleSlotToSlot;
463
514
  firstUpdated(): void;
515
+ /**
516
+ * Renders the snowflake layout for the datepicker.
517
+ * @private
518
+ * @returns {import("lit").TemplateResult}
519
+ */
520
+ private renderSnowflakeLayout;
521
+ renderLayoutFromAttributes(): import("lit-html").TemplateResult;
522
+ renderHtmlInputs(): import("lit-html").TemplateResult;
523
+ renderHtmlActionClear(): import("lit-html").TemplateResult;
524
+ renderHtmlIconError(): import("lit-html").TemplateResult;
525
+ renderHtmlIconCalendar(): import("lit-html").TemplateResult;
526
+ /**
527
+ * Returns HTML for the help text and error message.
528
+ * @private
529
+ * @returns {html} - Returns HTML for the help text and error message.
530
+ */
531
+ private renderHtmlHelpText;
464
532
  render(): import("lit-html").TemplateResult;
465
533
  }
466
- import { LitElement } from "lit";
534
+ import { AuroElement } from "@aurodesignsystem/auro-layout-element";
@@ -1,2 +1,2 @@
1
- declare const _default: "9.0.0";
1
+ declare const _default: "10.0.0";
2
2
  export default _default;
@@ -0,0 +1,2 @@
1
+ declare const _default: "8.0.1";
2
+ export default _default;