@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.7 → 0.0.0-pr624.70

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 +1262 -81
  5. package/components/bibtemplate/dist/registered.js +1262 -81
  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 +65 -42
  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 +65 -42
  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 +65 -42
  18. package/components/checkbox/dist/registered.js +65 -42
  19. package/components/combobox/demo/api.html +16 -10
  20. package/components/combobox/demo/api.md +113 -8
  21. package/components/combobox/demo/api.min.js +3096 -870
  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 +3096 -870
  25. package/components/combobox/demo/readme.html +16 -9
  26. package/components/combobox/dist/auro-combobox.d.ts +42 -8
  27. package/components/combobox/dist/index.js +2878 -748
  28. package/components/combobox/dist/registered.js +2878 -748
  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 +3363 -652
  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 +3363 -652
  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 +3364 -653
  42. package/components/counter/dist/registered.js +3364 -653
  43. package/components/datepicker/demo/api.html +16 -10
  44. package/components/datepicker/demo/api.md +25 -16
  45. package/components/datepicker/demo/api.min.js +11857 -8105
  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 +11857 -8105
  49. package/components/datepicker/demo/readme.html +16 -9
  50. package/components/datepicker/dist/auro-datepicker.d.ts +89 -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 +8691 -4939
  54. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  55. package/components/datepicker/dist/registered.js +8691 -4939
  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 +228 -130
  81. package/components/input/demo/api.min.js +908 -246
  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 +908 -246
  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 +38 -10
  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 +908 -246
  92. package/components/input/dist/registered.js +908 -246
  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 +88 -90
  110. package/components/radio/demo/index.html +16 -10
  111. package/components/radio/demo/index.min.js +88 -90
  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 +88 -90
  116. package/components/radio/dist/registered.js +88 -90
  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 +2148 -635
  121. package/components/select/demo/index.html +17 -11
  122. package/components/select/demo/index.md +45 -158
  123. package/components/select/demo/index.min.js +2148 -623
  124. package/components/select/demo/readme.html +16 -9
  125. package/components/select/dist/auro-select.d.ts +49 -16
  126. package/components/select/dist/index.js +2078 -649
  127. package/components/select/dist/registered.js +2078 -649
  128. package/package.json +30 -27
  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,17 +475,38 @@ 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}
443
491
  */
444
492
  reset(): void;
493
+ /**
494
+ * Clears the current value(s) of the datepicker.
495
+ * @returns {void}
496
+ */
497
+ clear(): void;
445
498
  /**
446
499
  * Validates value.
447
500
  * @param {boolean} [force=false] - Whether to force validation.
448
501
  */
449
502
  validate(force?: boolean): void;
503
+ setHasFocus(): void;
504
+ hasFocus: boolean;
505
+ setHasValue(): void;
506
+ hasValue: boolean;
507
+ get hasError(): boolean;
450
508
  updated(changedProperties: any): void;
509
+ monthFirst: boolean;
451
510
  formattedFocusDate: boolean;
452
511
  formattedEndDate: boolean;
453
512
  formattedValue: boolean;
@@ -465,21 +524,40 @@ export class AuroDatePicker extends AuroElement {
465
524
  private handleSlotToSlot;
466
525
  firstUpdated(): void;
467
526
  /**
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}
527
+ * Renders the snowflake layout for the datepicker.
528
+ * @private
529
+ * @returns {import("lit").TemplateResult}
530
+ */
531
+ private renderSnowflakeLayout;
532
+ /**
533
+ * @private
534
+ */
535
+ private renderLayoutFromAttributes;
536
+ /**
537
+ * Simple formatter that ONLY WORKS FOR US DATES.
538
+ * Returns formatted date like Apr 21 or Dec 25.
539
+ * @private
540
+ * @param {string} date - Date format should be in a format Date constructor accepts, like '2023-04-21' or '2023/04/21'.
541
+ * @return {string}
542
+ */
543
+ private formatShortDate;
544
+ /**
545
+ * Format and render the provided date value.
472
546
  * @private
547
+ * @param dateValue
548
+ * @return {TemplateResult}
473
549
  */
474
- private _renderBaseLayout;
550
+ private renderDisplayTextDate;
551
+ renderHtmlInputs(): import("lit-html").TemplateResult;
552
+ renderHtmlActionClear(): import("lit-html").TemplateResult;
553
+ renderHtmlIconError(): import("lit-html").TemplateResult;
554
+ renderHtmlIconCalendar(): import("lit-html").TemplateResult;
475
555
  /**
476
- * Renders the emphasized layout for the datepicker.
556
+ * Returns HTML for the help text and error message.
477
557
  * @private
478
- * @return {import("lit").TemplateResult}
558
+ * @returns {html} - Returns HTML for the help text and error message.
479
559
  */
480
- private renderEmphasizedLayout;
481
- renderLayoutFromAttributes(): import("lit-html").TemplateResult;
482
- renderTempInputs(): import("lit-html").TemplateResult;
560
+ private renderHtmlHelpText;
483
561
  render(): import("lit-html").TemplateResult;
484
562
  }
485
563
  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;