@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.6 → 0.0.0-pr624.60

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 (138) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +12 -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 +1214 -83
  5. package/components/bibtemplate/dist/registered.js +1214 -83
  6. package/components/checkbox/README.md +1 -1
  7. package/components/checkbox/demo/api.html +16 -10
  8. package/components/checkbox/demo/api.md +47 -14
  9. package/components/checkbox/demo/api.min.js +49 -37
  10. package/components/checkbox/demo/index.html +16 -10
  11. package/components/checkbox/demo/index.md +2 -2
  12. package/components/checkbox/demo/index.min.js +49 -37
  13. package/components/checkbox/demo/readme.html +16 -9
  14. package/components/checkbox/demo/readme.md +1 -1
  15. package/components/checkbox/dist/auro-checkbox-group.d.ts +1 -1
  16. package/components/checkbox/dist/auro-checkbox.d.ts +3 -3
  17. package/components/checkbox/dist/index.js +49 -37
  18. package/components/checkbox/dist/registered.js +49 -37
  19. package/components/combobox/demo/api.html +16 -10
  20. package/components/combobox/demo/api.md +112 -8
  21. package/components/combobox/demo/api.min.js +2941 -851
  22. package/components/combobox/demo/index.html +16 -10
  23. package/components/combobox/demo/index.md +6 -30
  24. package/components/combobox/demo/index.min.js +2941 -851
  25. package/components/combobox/demo/readme.html +16 -9
  26. package/components/combobox/dist/auro-combobox.d.ts +37 -8
  27. package/components/combobox/dist/index.js +2730 -736
  28. package/components/combobox/dist/registered.js +2730 -736
  29. package/components/counter/demo/api.html +17 -10
  30. package/components/counter/demo/api.md +156 -21
  31. package/components/counter/demo/api.min.js +6696 -4097
  32. package/components/counter/demo/index.html +17 -10
  33. package/components/counter/demo/index.md +185 -34
  34. package/components/counter/demo/index.min.js +6696 -4097
  35. package/components/counter/demo/readme.html +16 -9
  36. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  37. package/components/counter/dist/auro-counter-group.d.ts +151 -11
  38. package/components/counter/dist/auro-counter.d.ts +16 -0
  39. package/components/counter/dist/helptextVersion.d.ts +2 -0
  40. package/components/counter/dist/iconVersion.d.ts +1 -1
  41. package/components/counter/dist/index.js +6696 -4097
  42. package/components/counter/dist/registered.js +6696 -4097
  43. package/components/datepicker/demo/api.html +16 -10
  44. package/components/datepicker/demo/api.md +24 -16
  45. package/components/datepicker/demo/api.min.js +11749 -8230
  46. package/components/datepicker/demo/index.html +16 -10
  47. package/components/datepicker/demo/index.md +71 -4
  48. package/components/datepicker/demo/index.min.js +11749 -8230
  49. package/components/datepicker/demo/readme.html +16 -9
  50. package/components/datepicker/dist/auro-datepicker.d.ts +84 -11
  51. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  52. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  53. package/components/datepicker/dist/index.js +6531 -3012
  54. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  55. package/components/datepicker/dist/registered.js +6531 -3012
  56. package/components/dropdown/demo/api.html +16 -10
  57. package/components/dropdown/demo/api.md +81 -274
  58. package/components/dropdown/demo/api.min.js +429 -195
  59. package/components/dropdown/demo/index.html +16 -10
  60. package/components/dropdown/demo/index.md +92 -362
  61. package/components/dropdown/demo/index.min.js +429 -195
  62. package/components/dropdown/demo/readme.html +16 -9
  63. package/components/dropdown/dist/auro-dropdown.d.ts +41 -76
  64. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  65. package/components/dropdown/dist/index.js +429 -195
  66. package/components/dropdown/dist/registered.js +429 -195
  67. package/components/form/demo/api.html +16 -9
  68. package/components/form/demo/api.min.js +1 -1
  69. package/components/form/demo/autocomplete.html +19 -3
  70. package/components/form/demo/index.html +16 -9
  71. package/components/form/demo/index.min.js +1 -1
  72. package/components/form/demo/readme.html +16 -9
  73. package/components/form/demo/working.html +19 -13
  74. package/components/form/dist/index.js +1 -1
  75. package/components/form/dist/registered.js +1 -1
  76. package/components/helptext/dist/index.js +2 -2
  77. package/components/helptext/dist/registered.js +2 -2
  78. package/components/input/README.md +5 -2
  79. package/components/input/demo/api.html +16 -10
  80. package/components/input/demo/api.md +226 -129
  81. package/components/input/demo/api.min.js +828 -234
  82. package/components/input/demo/index.html +16 -10
  83. package/components/input/demo/index.md +48 -32
  84. package/components/input/demo/index.min.js +828 -234
  85. package/components/input/demo/readme.html +16 -9
  86. package/components/input/demo/readme.md +5 -2
  87. package/components/input/dist/auro-input.d.ts +3 -3
  88. package/components/input/dist/base-input.d.ts +33 -9
  89. package/components/input/dist/buttonVersion.d.ts +1 -1
  90. package/components/input/dist/iconVersion.d.ts +1 -1
  91. package/components/input/dist/index.js +828 -234
  92. package/components/input/dist/registered.js +828 -234
  93. package/components/layoutElement/dist/index.js +13 -10
  94. package/components/menu/demo/api.html +32 -10
  95. package/components/menu/demo/api.md +69 -8
  96. package/components/menu/demo/api.min.js +238 -47
  97. package/components/menu/demo/index.html +16 -10
  98. package/components/menu/demo/index.min.js +238 -47
  99. package/components/menu/demo/readme.html +16 -9
  100. package/components/menu/dist/auro-menu.d.ts +41 -7
  101. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  102. package/components/menu/dist/iconVersion.d.ts +1 -1
  103. package/components/menu/dist/index.js +238 -47
  104. package/components/menu/dist/registered.js +238 -47
  105. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  106. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  107. package/components/radio/demo/api.html +16 -10
  108. package/components/radio/demo/api.md +7 -8
  109. package/components/radio/demo/api.min.js +72 -85
  110. package/components/radio/demo/index.html +16 -10
  111. package/components/radio/demo/index.min.js +72 -85
  112. package/components/radio/demo/readme.html +16 -9
  113. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  114. package/components/radio/dist/auro-radio.d.ts +9 -12
  115. package/components/radio/dist/index.js +72 -85
  116. package/components/radio/dist/registered.js +72 -85
  117. package/components/select/demo/api.html +16 -10
  118. package/components/select/demo/api.js +0 -2
  119. package/components/select/demo/api.md +104 -57
  120. package/components/select/demo/api.min.js +2107 -639
  121. package/components/select/demo/index.html +16 -11
  122. package/components/select/demo/index.md +45 -158
  123. package/components/select/demo/index.min.js +2104 -624
  124. package/components/select/demo/readme.html +16 -9
  125. package/components/select/dist/auro-select.d.ts +57 -16
  126. package/components/select/dist/index.js +2028 -644
  127. package/components/select/dist/registered.js +2028 -644
  128. package/package.json +29 -26
  129. /package/components/{datepicker/dist/styles/emphasized/style-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  130. /package/components/{dropdown/dist/styles/default → datepicker/dist/styles/snowflake}/color-css.d.ts +0 -0
  131. /package/components/{dropdown/dist/styles/default → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  132. /package/components/dropdown/dist/styles/{default → classic}/bibColors-css.d.ts +0 -0
  133. /package/components/dropdown/dist/styles/{default → classic}/bibStyles-css.d.ts +0 -0
  134. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  135. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  136. /package/components/menu/dist/styles/{style-menu-css.d.ts → default/color-menu-css.d.ts} +0 -0
  137. /package/components/menu/dist/styles/{style-menuoption-css.d.ts → default/color-menuoption-css.d.ts} +0 -0
  138. /package/components/menu/dist/styles/{tokens-css.d.ts → default/style-menu-css.d.ts} +0 -0
package/components/datepicker/demo/readme.html CHANGED
@@ -16,17 +16,24 @@
16
16
  <head>
17
17
  <meta charset="UTF-8" />
18
18
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
19
- <title>Auro Web Component Generator | auro-datepicker custom element</title>
20
- <link
21
- rel="stylesheet"
22
- type="text/css"
23
- href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
24
- />
25
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/auro-classic/CSSCustomProperties.css">
26
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/alaska/CSSCustomProperties--alaska.css">
19
+ <title>Auro Web Component Demo | auro-datepicker</title>
20
+
21
+ <!-- Prism.js Stylesheet -->
22
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"/>
23
+
24
+ <!-- Legacy reference is still needed to support auro-datepicker's use of legacy token values at this time -->
25
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
26
+
27
+ <!-- Design Token Alaska Theme -->
28
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
29
+
30
+ <!-- Webcore Stylesheet Alaska Theme -->
31
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
+
33
+ <!-- Demo Specific Styles -->
27
34
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
28
35
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
29
- </head>
36
+ </head>
30
37
  <body class="auro-markdown">
31
38
  <main></main>
32
39
 
package/components/datepicker/dist/auro-datepicker.d.ts CHANGED
@@ -70,6 +70,17 @@ export class AuroDatePicker extends AuroElement {
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 AuroElement {
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 AuroElement {
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,22 @@ export class AuroDatePicker extends AuroElement {
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;
319
357
  layout: string;
320
358
  shape: string;
321
359
  size: string;
@@ -437,6 +475,16 @@ export class AuroDatePicker extends AuroElement {
437
475
  * @returns {void}
438
476
  */
439
477
  private pushSlotContent;
478
+ /**
479
+ * Handle enter/space keydown on the reset button.
480
+ * @private
481
+ * @param {KeyboardEvent} event - The keydown event.
482
+ */
483
+ private handleKeydownReset;
484
+ /**
485
+ * Resets values without resetting validation.
486
+ */
487
+ resetValues(): void;
440
488
  /**
441
489
  * Resets component to initial state.
442
490
  * @returns {void}
@@ -447,7 +495,13 @@ export class AuroDatePicker extends AuroElement {
447
495
  * @param {boolean} [force=false] - Whether to force validation.
448
496
  */
449
497
  validate(force?: boolean): void;
498
+ setHasFocus(): void;
499
+ hasFocus: boolean;
500
+ setHasValue(): void;
501
+ hasValue: boolean;
502
+ get hasError(): boolean;
450
503
  updated(changedProperties: any): void;
504
+ monthFirst: boolean;
451
505
  formattedFocusDate: boolean;
452
506
  formattedEndDate: boolean;
453
507
  formattedValue: boolean;
@@ -465,21 +519,40 @@ export class AuroDatePicker extends AuroElement {
465
519
  private handleSlotToSlot;
466
520
  firstUpdated(): void;
467
521
  /**
468
- * Base wrapper for the datepicker layout - every layout follows this same structure
469
- * with minor variations in DOM structure.
470
- * @param {import("lit").TemplateResult} content - The content to be rendered inside the base layout.
471
- * @return {import("lit").TemplateResult}
522
+ * Renders the snowflake layout for the datepicker.
523
+ * @private
524
+ * @returns {import("lit").TemplateResult}
525
+ */
526
+ private renderSnowflakeLayout;
527
+ /**
528
+ * @private
529
+ */
530
+ private renderLayoutFromAttributes;
531
+ /**
532
+ * Simple formatter that ONLY WORKS FOR US DATES.
533
+ * Returns formatted date like Apr 21 or Dec 25.
534
+ * @private
535
+ * @param {string} date - Date format should be in a format Date constructor accepts, like '2023-04-21' or '2023/04/21'.
536
+ * @return {string}
537
+ */
538
+ private formatShortDate;
539
+ /**
540
+ * Format and render the provided date value.
472
541
  * @private
542
+ * @param dateValue
543
+ * @return {TemplateResult}
473
544
  */
474
- private _renderBaseLayout;
545
+ private renderDisplayTextDate;
546
+ renderHtmlInputs(): import("lit-html").TemplateResult;
547
+ renderHtmlActionClear(): import("lit-html").TemplateResult;
548
+ renderHtmlIconError(): import("lit-html").TemplateResult;
549
+ renderHtmlIconCalendar(): import("lit-html").TemplateResult;
475
550
  /**
476
- * Renders the emphasized layout for the datepicker.
551
+ * Returns HTML for the help text and error message.
477
552
  * @private
478
- * @return {import("lit").TemplateResult}
553
+ * @returns {html} - Returns HTML for the help text and error message.
479
554
  */
480
- private renderEmphasizedLayout;
481
- renderLayoutFromAttributes(): import("lit-html").TemplateResult;
482
- renderTempInputs(): import("lit-html").TemplateResult;
555
+ private renderHtmlHelpText;
483
556
  render(): import("lit-html").TemplateResult;
484
557
  }
485
558
  import { AuroElement } from "@aurodesignsystem/auro-layout-element";
package/components/datepicker/dist/buttonVersion.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "9.0.0";
1
+ declare const _default: "10.0.0";
2
2
  export default _default;
package/components/datepicker/dist/iconVersion.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: "8.0.1";
2
+ export default _default;