@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.8 → 0.0.0-pr624.81

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 (146) 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 +49 -15
  9. package/components/checkbox/demo/api.min.js +74 -46
  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 +74 -46
  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 +73 -45
  18. package/components/checkbox/dist/registered.js +73 -45
  19. package/components/combobox/demo/api.html +16 -10
  20. package/components/combobox/demo/api.md +115 -8
  21. package/components/combobox/demo/api.min.js +3148 -929
  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 +3148 -929
  25. package/components/combobox/demo/readme.html +16 -9
  26. package/components/combobox/dist/auro-combobox.d.ts +44 -12
  27. package/components/combobox/dist/index.js +2895 -816
  28. package/components/combobox/dist/registered.js +2895 -816
  29. package/components/counter/demo/api.html +17 -10
  30. package/components/counter/demo/api.md +158 -21
  31. package/components/counter/demo/api.min.js +3413 -729
  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 +3413 -729
  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 +161 -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 +3416 -732
  42. package/components/counter/dist/registered.js +3416 -732
  43. package/components/datepicker/README.md +1 -1
  44. package/components/datepicker/demo/api.html +16 -10
  45. package/components/datepicker/demo/api.md +59 -28
  46. package/components/datepicker/demo/api.min.js +7096 -3260
  47. package/components/datepicker/demo/index.html +16 -10
  48. package/components/datepicker/demo/index.md +75 -8
  49. package/components/datepicker/demo/index.min.js +7096 -3260
  50. package/components/datepicker/demo/readme.html +16 -9
  51. package/components/datepicker/demo/readme.md +1 -1
  52. package/components/datepicker/dist/auro-datepicker.d.ts +151 -12
  53. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  54. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  55. package/components/datepicker/dist/index.js +6810 -2974
  56. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  57. package/components/datepicker/dist/registered.js +6810 -2974
  58. package/components/dropdown/demo/api.html +16 -10
  59. package/components/dropdown/demo/api.md +82 -275
  60. package/components/dropdown/demo/api.min.js +450 -261
  61. package/components/dropdown/demo/index.html +16 -10
  62. package/components/dropdown/demo/index.md +92 -362
  63. package/components/dropdown/demo/index.min.js +450 -261
  64. package/components/dropdown/demo/readme.html +16 -9
  65. package/components/dropdown/dist/auro-dropdown.d.ts +43 -83
  66. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  67. package/components/dropdown/dist/index.js +449 -260
  68. package/components/dropdown/dist/registered.js +449 -260
  69. package/components/form/demo/api.html +16 -9
  70. package/components/form/demo/api.min.js +2 -2
  71. package/components/form/demo/autocomplete.html +19 -3
  72. package/components/form/demo/index.html +16 -9
  73. package/components/form/demo/index.min.js +2 -2
  74. package/components/form/demo/readme.html +16 -9
  75. package/components/form/demo/working.html +19 -13
  76. package/components/form/dist/index.js +1 -1
  77. package/components/form/dist/registered.js +1 -1
  78. package/components/helptext/dist/auro-helptext.d.ts +0 -2
  79. package/components/helptext/dist/index.js +3 -5
  80. package/components/helptext/dist/registered.js +3 -5
  81. package/components/input/README.md +5 -2
  82. package/components/input/demo/api.html +16 -10
  83. package/components/input/demo/api.md +228 -130
  84. package/components/input/demo/api.min.js +908 -248
  85. package/components/input/demo/index.html +16 -10
  86. package/components/input/demo/index.md +48 -32
  87. package/components/input/demo/index.min.js +908 -248
  88. package/components/input/demo/readme.html +16 -9
  89. package/components/input/demo/readme.md +5 -2
  90. package/components/input/dist/auro-input.d.ts +3 -3
  91. package/components/input/dist/base-input.d.ts +38 -10
  92. package/components/input/dist/buttonVersion.d.ts +1 -1
  93. package/components/input/dist/iconVersion.d.ts +1 -1
  94. package/components/input/dist/index.js +907 -247
  95. package/components/input/dist/registered.js +907 -247
  96. package/components/layoutElement/dist/index.js +11 -8
  97. package/components/layoutElement/dist/registered.js +97 -0
  98. package/components/menu/demo/api.html +17 -10
  99. package/components/menu/demo/api.md +65 -8
  100. package/components/menu/demo/api.min.js +298 -63
  101. package/components/menu/demo/index.html +16 -10
  102. package/components/menu/demo/index.min.js +298 -63
  103. package/components/menu/demo/readme.html +16 -9
  104. package/components/menu/dist/auro-menu.d.ts +53 -7
  105. package/components/menu/dist/auro-menuoption.d.ts +21 -3
  106. package/components/menu/dist/iconVersion.d.ts +1 -1
  107. package/components/menu/dist/index.js +283 -48
  108. package/components/menu/dist/registered.js +283 -48
  109. package/components/menu/dist/styles/default/color-menuoption-css.d.ts +2 -0
  110. package/components/menu/dist/styles/default/style-menu-css.d.ts +2 -0
  111. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  112. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  113. package/components/menu/dist/styles/shapeSize-css.d.ts +2 -0
  114. package/components/radio/demo/api.html +16 -10
  115. package/components/radio/demo/api.md +39 -9
  116. package/components/radio/demo/api.min.js +92 -96
  117. package/components/radio/demo/index.html +16 -10
  118. package/components/radio/demo/index.min.js +92 -96
  119. package/components/radio/demo/readme.html +16 -9
  120. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  121. package/components/radio/dist/auro-radio.d.ts +9 -12
  122. package/components/radio/dist/index.js +91 -95
  123. package/components/radio/dist/registered.js +91 -95
  124. package/components/select/demo/api.html +16 -10
  125. package/components/select/demo/api.js +0 -2
  126. package/components/select/demo/api.md +150 -121
  127. package/components/select/demo/api.min.js +2213 -693
  128. package/components/select/demo/index.html +17 -11
  129. package/components/select/demo/index.md +1066 -259
  130. package/components/select/demo/index.min.js +2214 -682
  131. package/components/select/demo/readme.html +16 -9
  132. package/components/select/dist/auro-select.d.ts +59 -21
  133. package/components/select/dist/index.js +2108 -716
  134. package/components/select/dist/registered.js +2108 -716
  135. package/package.json +31 -28
  136. /package/components/{datepicker/dist/styles/default/color-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  137. /package/components/{dropdown/dist/styles/default → datepicker/dist/styles/classic}/color-css.d.ts +0 -0
  138. /package/components/datepicker/dist/styles/{emphasized → classic}/style-css.d.ts +0 -0
  139. /package/components/{dropdown/dist/styles/default/bibColors-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  140. /package/components/{dropdown/dist/styles/default → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  141. /package/components/dropdown/dist/styles/{default/bibStyles-css.d.ts → classic/bibColors-css.d.ts} +0 -0
  142. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  143. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  144. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  145. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/style-css.d.ts} +0 -0
  146. /package/components/menu/dist/styles/{tokens-css.d.ts → default/color-menu-css.d.ts} +0 -0
package/components/menu/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-menu 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-menu</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-menu'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/menu/dist/auro-menu.d.ts CHANGED
@@ -7,7 +7,6 @@
7
7
  * @attr {boolean} nocheckmark - When true, selected option will not show the checkmark.
8
8
  * @attr {boolean} loading - When true, displays a loading state using the loadingIcon and loadingText slots if provided.
9
9
  * @attr {boolean} multiselect - When true, the selected option can be multiple options.
10
- * @attr {String|Array<string>} value - Value selected for the menu, type `string` by default. In multi-select mode, `value` is an array of strings.
11
10
  * @prop {boolean} hasLoadingPlaceholder - Indicates whether the menu has a loadingIcon or loadingText to render when in a loading state.
12
11
  * @event {CustomEvent<Element>} auroMenu-activatedOption - Notifies that a menuoption has been made `active`.
13
12
  * @event {CustomEvent<any>} auroMenu-customEventFired - Notifies that a custom event has been fired.
@@ -19,7 +18,7 @@
19
18
  * @slot loadingIcon - Icon to show while loading attribute is set
20
19
  * @slot - Slot for insertion of menu options.
21
20
  */
22
- export class AuroMenu extends LitElement {
21
+ export class AuroMenu extends AuroElement {
23
22
  static get properties(): {
24
23
  noCheckmark: {
25
24
  type: BooleanConstructor;
@@ -50,8 +49,27 @@ export class AuroMenu extends LitElement {
50
49
  reflect: boolean;
51
50
  attribute: string;
52
51
  };
52
+ /**
53
+ * Value selected for the component.
54
+ */
53
55
  value: {
54
- type: ObjectConstructor;
56
+ type: StringConstructor;
57
+ reflect: boolean;
58
+ attribute: string;
59
+ };
60
+ /**
61
+ * Indent level for submenus.
62
+ * @private
63
+ */
64
+ level: {
65
+ type: NumberConstructor;
66
+ reflect: boolean;
67
+ attribute: boolean;
68
+ };
69
+ layout: {
70
+ type: StringConstructor;
71
+ attribute: string;
72
+ reflect: boolean;
55
73
  };
56
74
  };
57
75
  static get styles(): import("lit").CSSResult[];
@@ -64,6 +82,14 @@ export class AuroMenu extends LitElement {
64
82
  *
65
83
  */
66
84
  static register(name?: string): void;
85
+ /**
86
+ * @private
87
+ */
88
+ private shape;
89
+ /**
90
+ * @private
91
+ */
92
+ private size;
67
93
  value: any;
68
94
  optionSelected: any;
69
95
  matchWord: any;
@@ -94,8 +120,21 @@ export class AuroMenu extends LitElement {
94
120
  * @private
95
121
  */
96
122
  private handleSlotChange;
123
+ /**
124
+ * Formatted value based on `multiSelect` state.
125
+ * Default type is `String`, changing to `Array<String>` when `multiSelect` is true.
126
+ * @private
127
+ * @returns {String|Array<String>}
128
+ */
129
+ private get formattedValue();
97
130
  firstUpdated(): void;
98
131
  loadingSlots: NodeListOf<Element>;
132
+ /**
133
+ * Sets an attribute that matches the default tag name if the tag name is not the default.
134
+ * @param {string} tagName - The tag name to set as an attribute.
135
+ * @private
136
+ */
137
+ private setTagAttribute;
99
138
  updated(changedProperties: any): void;
100
139
  index: any;
101
140
  /**
@@ -192,9 +231,16 @@ export class AuroMenu extends LitElement {
192
231
  */
193
232
  get hasLoadingPlaceholder(): boolean;
194
233
  /**
195
- * Renders the component.
196
- * @returns {boolean} - True if loading slots are present and non-empty.
234
+ * Getter for wrapper classes based on size.
235
+ * @returns {Object} - Class map for the wrapper element.
236
+ * @private
237
+ */
238
+ private get wrapperClasses();
239
+ /**
240
+ * Logic to determine the layout of the component.
241
+ * @protected
242
+ * @returns {void}
197
243
  */
198
- render(): boolean;
244
+ protected renderLayout(): void;
199
245
  }
200
- import { LitElement } from "lit";
246
+ import { AuroElement } from "../../layoutElement/src/auroElement.js";
package/components/menu/dist/auro-menuoption.d.ts CHANGED
@@ -8,7 +8,7 @@
8
8
  * @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
9
9
  * @slot - Specifies text for an option, but is not the value.
10
10
  */
11
- export class AuroMenuOption extends LitElement {
11
+ export class AuroMenuOption extends AuroElement {
12
12
  static get properties(): {
13
13
  nocheckmark: {
14
14
  type: BooleanConstructor;
@@ -29,6 +29,11 @@ export class AuroMenuOption extends LitElement {
29
29
  type: NumberConstructor;
30
30
  reflect: boolean;
31
31
  };
32
+ layout: {
33
+ type: StringConstructor;
34
+ attribute: string;
35
+ reflect: boolean;
36
+ };
32
37
  };
33
38
  static get styles(): import("lit").CSSResult[];
34
39
  /**
@@ -40,6 +45,14 @@ export class AuroMenuOption extends LitElement {
40
45
  *
41
46
  */
42
47
  static register(name?: string): void;
48
+ /**
49
+ * @private
50
+ */
51
+ private shape;
52
+ /**
53
+ * @private
54
+ */
55
+ private size;
43
56
  iconTag: any;
44
57
  selected: boolean;
45
58
  nocheckmark: boolean;
@@ -58,6 +71,11 @@ export class AuroMenuOption extends LitElement {
58
71
  * @returns {Element} The HTML element containing the SVG icon.
59
72
  */
60
73
  private generateIconHtml;
61
- render(): import("lit-html").TemplateResult;
74
+ /**
75
+ * Logic to determine the layout of the component.
76
+ * @protected
77
+ * @returns {void}
78
+ */
79
+ protected renderLayout(): void;
62
80
  }
63
- import { LitElement } from "lit";
81
+ import { AuroElement } from "../../layoutElement/src/auroElement.js";
package/components/menu/dist/iconVersion.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "8.0.3";
1
+ declare const _default: "8.1.0";
2
2
  export default _default;