@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/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
@@ -70,7 +70,7 @@ The `<auro-combobox>` element should be used in situations where users may:
70
70
  <div class="exampleWrapper--ondark">
71
71
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
72
72
  <!-- 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;">
73
+ <auro-combobox layout="emphasized" value="Oranges" shape="pill" size="xl" placeholder="Placeholder content" required ondark style="width: 249px;">
74
74
  <span slot="bib.fullscreen.headline">Bib Header</span>
75
75
  <span slot="label">Name</span>
76
76
  <auro-menu>
@@ -84,35 +84,11 @@ The `<auro-combobox>` element should be used in situations where users may:
84
84
  <span slot="helpText">
85
85
  Help text - Lorem ipsum solar lorem ipsum solar
86
86
  </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
87
+ <span slot="displayValue">
88
+ <div>
89
+ <div class="mainText">Apples</div>
90
+ <div class="subText">Fruit</div>
91
+ </div>
116
92
  </span>
117
93
  </auro-combobox>
118
94
  <!-- AURO-GENERATED-CONTENT:END -->