@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.10 → 0.0.0-pr624.100

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 (148) 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/headerVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  5. package/components/bibtemplate/dist/index.js +1242 -94
  6. package/components/bibtemplate/dist/registered.js +1242 -94
  7. package/components/checkbox/README.md +1 -1
  8. package/components/checkbox/demo/api.html +16 -10
  9. package/components/checkbox/demo/api.md +54 -19
  10. package/components/checkbox/demo/api.min.js +71 -46
  11. package/components/checkbox/demo/index.html +16 -10
  12. package/components/checkbox/demo/index.md +2 -2
  13. package/components/checkbox/demo/index.min.js +71 -46
  14. package/components/checkbox/demo/readme.html +16 -9
  15. package/components/checkbox/demo/readme.md +1 -1
  16. package/components/checkbox/dist/auro-checkbox-group.d.ts +1 -1
  17. package/components/checkbox/dist/auro-checkbox.d.ts +6 -3
  18. package/components/checkbox/dist/index.js +70 -45
  19. package/components/checkbox/dist/registered.js +70 -45
  20. package/components/combobox/README.md +2 -0
  21. package/components/combobox/demo/api.html +16 -10
  22. package/components/combobox/demo/api.md +121 -8
  23. package/components/combobox/demo/api.min.js +3314 -1013
  24. package/components/combobox/demo/index.html +16 -10
  25. package/components/combobox/demo/index.md +20 -34
  26. package/components/combobox/demo/index.min.js +3314 -1013
  27. package/components/combobox/demo/readme.html +16 -9
  28. package/components/combobox/demo/readme.md +2 -0
  29. package/components/combobox/dist/auro-combobox.d.ts +59 -14
  30. package/components/combobox/dist/index.js +3008 -850
  31. package/components/combobox/dist/registered.js +3008 -850
  32. package/components/counter/demo/api.html +17 -10
  33. package/components/counter/demo/api.md +167 -21
  34. package/components/counter/demo/api.min.js +3419 -773
  35. package/components/counter/demo/index.html +17 -10
  36. package/components/counter/demo/index.md +191 -34
  37. package/components/counter/demo/index.min.js +3419 -773
  38. package/components/counter/demo/readme.html +16 -9
  39. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  40. package/components/counter/dist/auro-counter-group.d.ts +162 -11
  41. package/components/counter/dist/auro-counter.d.ts +16 -0
  42. package/components/counter/dist/helptextVersion.d.ts +2 -0
  43. package/components/counter/dist/iconVersion.d.ts +1 -1
  44. package/components/counter/dist/index.js +3419 -773
  45. package/components/counter/dist/registered.js +3419 -773
  46. package/components/datepicker/README.md +2 -1
  47. package/components/datepicker/demo/api.html +16 -10
  48. package/components/datepicker/demo/api.md +70 -28
  49. package/components/datepicker/demo/api.min.js +11970 -8081
  50. package/components/datepicker/demo/index.html +16 -10
  51. package/components/datepicker/demo/index.md +87 -8
  52. package/components/datepicker/demo/index.min.js +11970 -8081
  53. package/components/datepicker/demo/readme.html +16 -9
  54. package/components/datepicker/demo/readme.md +2 -1
  55. package/components/datepicker/dist/auro-datepicker.d.ts +152 -12
  56. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  57. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  58. package/components/datepicker/dist/index.js +14577 -10688
  59. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  60. package/components/datepicker/dist/registered.js +14577 -10688
  61. package/components/dropdown/demo/api.html +16 -10
  62. package/components/dropdown/demo/api.md +89 -281
  63. package/components/dropdown/demo/api.min.js +451 -271
  64. package/components/dropdown/demo/index.html +16 -10
  65. package/components/dropdown/demo/index.md +92 -362
  66. package/components/dropdown/demo/index.min.js +451 -271
  67. package/components/dropdown/demo/readme.html +16 -9
  68. package/components/dropdown/dist/auro-dropdown.d.ts +43 -82
  69. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  70. package/components/dropdown/dist/index.js +450 -270
  71. package/components/dropdown/dist/registered.js +450 -270
  72. package/components/form/demo/api.html +16 -9
  73. package/components/form/demo/api.md +1 -1
  74. package/components/form/demo/api.min.js +3 -3
  75. package/components/form/demo/autocomplete.html +19 -3
  76. package/components/form/demo/index.html +16 -9
  77. package/components/form/demo/index.min.js +3 -3
  78. package/components/form/demo/readme.html +16 -9
  79. package/components/form/demo/working.html +19 -13
  80. package/components/form/dist/auro-form.d.ts +1 -1
  81. package/components/form/dist/index.js +2 -2
  82. package/components/form/dist/registered.js +2 -2
  83. package/components/helptext/dist/auro-helptext.d.ts +0 -2
  84. package/components/helptext/dist/index.js +3 -5
  85. package/components/helptext/dist/registered.js +3 -5
  86. package/components/input/README.md +6 -2
  87. package/components/input/demo/api.html +16 -10
  88. package/components/input/demo/api.md +235 -135
  89. package/components/input/demo/api.min.js +1046 -301
  90. package/components/input/demo/index.html +16 -10
  91. package/components/input/demo/index.md +55 -32
  92. package/components/input/demo/index.min.js +1062 -317
  93. package/components/input/demo/readme.html +16 -9
  94. package/components/input/demo/readme.md +6 -2
  95. package/components/input/dist/auro-input.d.ts +26 -2
  96. package/components/input/dist/base-input.d.ts +47 -11
  97. package/components/input/dist/buttonVersion.d.ts +1 -1
  98. package/components/input/dist/iconVersion.d.ts +1 -1
  99. package/components/input/dist/index.js +1061 -316
  100. package/components/input/dist/registered.js +1061 -316
  101. package/components/layoutElement/dist/index.js +11 -8
  102. package/components/layoutElement/dist/registered.js +97 -0
  103. package/components/menu/demo/api.html +17 -10
  104. package/components/menu/demo/api.md +65 -8
  105. package/components/menu/demo/api.min.js +301 -63
  106. package/components/menu/demo/index.html +16 -10
  107. package/components/menu/demo/index.min.js +301 -63
  108. package/components/menu/demo/readme.html +16 -9
  109. package/components/menu/dist/auro-menu.d.ts +53 -7
  110. package/components/menu/dist/auro-menuoption.d.ts +21 -3
  111. package/components/menu/dist/iconVersion.d.ts +1 -1
  112. package/components/menu/dist/index.js +286 -48
  113. package/components/menu/dist/registered.js +286 -48
  114. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  115. package/components/radio/demo/api.html +16 -10
  116. package/components/radio/demo/api.md +41 -9
  117. package/components/radio/demo/api.min.js +95 -97
  118. package/components/radio/demo/index.html +16 -10
  119. package/components/radio/demo/index.min.js +95 -97
  120. package/components/radio/demo/readme.html +16 -9
  121. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  122. package/components/radio/dist/auro-radio.d.ts +11 -12
  123. package/components/radio/dist/index.js +94 -96
  124. package/components/radio/dist/registered.js +94 -96
  125. package/components/select/README.md +1 -0
  126. package/components/select/demo/api.html +16 -10
  127. package/components/select/demo/api.js +0 -2
  128. package/components/select/demo/api.md +159 -125
  129. package/components/select/demo/api.min.js +2281 -730
  130. package/components/select/demo/index.html +17 -11
  131. package/components/select/demo/index.md +1074 -259
  132. package/components/select/demo/index.min.js +2283 -720
  133. package/components/select/demo/readme.html +16 -9
  134. package/components/select/demo/readme.md +1 -0
  135. package/components/select/dist/auro-select.d.ts +86 -25
  136. package/components/select/dist/index.js +2175 -755
  137. package/components/select/dist/registered.js +2175 -755
  138. package/package.json +31 -28
  139. /package/components/{datepicker/dist/styles/default/color-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  140. /package/components/datepicker/dist/styles/{emphasized/style-css.d.ts → classic/color-css.d.ts} +0 -0
  141. /package/components/{input/dist/styles/default/input-css.d.ts → datepicker/dist/styles/classic/style-css.d.ts} +0 -0
  142. /package/components/{input/dist/styles/default/label-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  143. /package/components/{input/dist/styles/input-css.d.ts → datepicker/dist/styles/snowflake/style-css.d.ts} +0 -0
  144. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/style-css.d.ts} +0 -0
  145. /package/components/menu/dist/styles/{color-menuoption-css.d.ts → default/color-menu-css.d.ts} +0 -0
  146. /package/components/menu/dist/styles/{style-menu-css.d.ts → default/color-menuoption-css.d.ts} +0 -0
  147. /package/components/menu/dist/styles/{style-menuoption-css.d.ts → default/style-menu-css.d.ts} +0 -0
  148. /package/components/menu/dist/styles/{tokens-css.d.ts → default/style-menuoption-css.d.ts} +0 -0
package/components/combobox/demo/index.html CHANGED
@@ -16,18 +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-combobox 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-combobox</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-combobox'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
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/essentials-as.css" />
30
- </head>
36
+ </head>
31
37
  <body class="auro-markdown">
32
38
  <main></main>
33
39
 
package/components/combobox/demo/index.md CHANGED
@@ -28,6 +28,8 @@ The `<auro-combobox>` element should be used in situations where users may:
28
28
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/basic.html) -->
29
29
  <!-- The below content is automatically added from ./../apiExamples/classic/basic.html -->
30
30
  <auro-combobox layout="classic" shape="classic" size="lg" placeholder="Placeholder content" required style="width: 249px;">
31
+ <span slot="ariaLabel.bib.close">Close combobox</span>
32
+ <span slot="ariaLabel.input.clear">Clear All</span>
31
33
  <span slot="bib.fullscreen.headline">Bib Header</span>
32
34
  <span slot="label">Name</span>
33
35
  <auro-menu>
@@ -48,6 +50,8 @@ The `<auro-combobox>` element should be used in situations where users may:
48
50
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/onDark.html) -->
49
51
  <!-- The below content is automatically added from ./../apiExamples/classic/onDark.html -->
50
52
  <auro-combobox layout="classic" shape="classic" size="lg" placeholder="Placeholder content" ondark required style="width: 249px;">
53
+ <span slot="ariaLabel.bib.close">Close combobox</span>
54
+ <span slot="ariaLabel.input.clear">Clear All</span>
51
55
  <span slot="bib.fullscreen.headline">Bib Header</span>
52
56
  <span slot="label">Name</span>
53
57
  <auro-menu>
@@ -70,7 +74,9 @@ The `<auro-combobox>` element should be used in situations where users may:
70
74
  <div class="exampleWrapper--ondark">
71
75
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
72
76
  <!-- The below content is automatically added from ./../apiExamples/emphasized/basic.html -->
73
- <auro-combobox layout="emphasized" shape="pill" size="xl" placeholder="Placeholder content" required ondark style="width: 249px;">
77
+ <auro-combobox layout="emphasized" value="Oranges" shape="pill" size="xl" placeholder="Placeholder content" required ondark style="width: 249px;">
78
+ <span slot="ariaLabel.bib.close">Close combobox</span>
79
+ <span slot="ariaLabel.input.clear">Clear All</span>
74
80
  <span slot="bib.fullscreen.headline">Bib Header</span>
75
81
  <span slot="label">Name</span>
76
82
  <auro-menu>
@@ -84,35 +90,11 @@ The `<auro-combobox>` element should be used in situations where users may:
84
90
  <span slot="helpText">
85
91
  Help text - Lorem ipsum solar lorem ipsum solar
86
92
  </span>
87
- </auro-combobox>
88
- <auro-combobox layout="emphasized" shape="pill-left" size="xl" placeholder="Placeholder content" required ondark style="width: 249px;">
89
- <span slot="bib.fullscreen.headline">Bib Header</span>
90
- <span slot="label">Name</span>
91
- <auro-menu>
92
- <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
93
- <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
94
- <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
95
- <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
96
- <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
97
- <auro-menuoption static nomatch>No matching option</auro-menuoption>
98
- </auro-menu>
99
- <span slot="helpText">
100
- Help text - Lorem ipsum solar lorem ipsum solar
101
- </span>
102
- </auro-combobox>
103
- <auro-combobox layout="emphasized" shape="pill-right" size="xl" placeholder="Placeholder content" required ondark style="width: 249px;">
104
- <span slot="bib.fullscreen.headline">Bib Header</span>
105
- <span slot="label">Name</span>
106
- <auro-menu>
107
- <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
108
- <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
109
- <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
110
- <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
111
- <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
112
- <auro-menuoption static nomatch>No matching option</auro-menuoption>
113
- </auro-menu>
114
- <span slot="helpText">
115
- Help text - Lorem ipsum solar lorem ipsum solar
93
+ <span slot="displayValue">
94
+ <div>
95
+ <div class="mainText">Apples</div>
96
+ <div class="subText">Fruit</div>
97
+ </div>
116
98
  </span>
117
99
  </auro-combobox>
118
100
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -124,6 +106,8 @@ The `<auro-combobox>` element should be used in situations where users may:
124
106
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic.html) -->
125
107
  <!-- The below content is automatically added from ./../apiExamples/snowflake/basic.html -->
126
108
  <auro-combobox layout="snowflake" shape="snowflake" size="lg" placeholder="Placeholder content" required ondark style="width: 249px;">
109
+ <span slot="ariaLabel.bib.close">Close combobox</span>
110
+ <span slot="ariaLabel.input.clear">Clear All</span>
127
111
  <span slot="bib.fullscreen.headline">Bib Header</span>
128
112
  <span slot="label">Name</span>
129
113
  <auro-menu>
@@ -144,6 +128,8 @@ The `<auro-combobox>` element should be used in situations where users may:
144
128
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
145
129
  <!-- The below content is automatically added from ./../apiExamples/basic.html -->
146
130
  <auro-combobox>
131
+ <span slot="ariaLabel.bib.close">Close combobox</span>
132
+ <span slot="ariaLabel.input.clear">Clear All</span>
147
133
  <span slot="bib.fullscreen.headline">Bib Header</span>
148
134
  <span slot="label">Name</span>
149
135
  <auro-menu>
@@ -181,6 +167,8 @@ The `<auro-combobox>` element should be used in situations where users may:
181
167
 
182
168
  ```html
183
169
  <auro-combobox>
170
+ <span slot="ariaLabel.bib.close">Close combobox</span>
171
+ <span slot="ariaLabel.input.clear">Clear All</span>
184
172
  <span slot="bib.fullscreen.headline">Bib Header</span>
185
173
  <span slot="label">Name</span>
186
174
  <auro-menu>
@@ -641,8 +629,7 @@ This example illustrates using a JavaScript function attached to an auro-button
641
629
  <auro-icon
642
630
  customColor
643
631
  category="terminal"
644
- name="round-trip-arrows"
645
- slot="icon">
632
+ name="round-trip-arrows">
646
633
  </auro-icon>
647
634
  </auro-button>
648
635
  <auro-combobox id="swapExampleRight">
@@ -700,8 +687,7 @@ This example illustrates using a JavaScript function attached to an auro-button
700
687
  <auro-icon
701
688
  customColor
702
689
  category="terminal"
703
- name="round-trip-arrows"
704
- slot="icon">
690
+ name="round-trip-arrows">
705
691
  </auro-icon>
706
692
  </auro-button>
707
693
  <auro-combobox id="swapExampleRight">