@aurodesignsystem/auro-formkit 1.6.0-beta.9 → 2.0.0-beta.2

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 (334) hide show
  1. package/.turbo/cache/013a48308b893dac-meta.json +1 -0
  2. package/.turbo/cache/0663fcbb1d711029-meta.json +1 -0
  3. package/.turbo/cache/0663fcbb1d711029.tar.zst +0 -0
  4. package/.turbo/cache/07ca42419b9f050c-meta.json +1 -0
  5. package/.turbo/cache/0a2b0a4df8a0443f-meta.json +1 -0
  6. package/.turbo/cache/0a2b0a4df8a0443f.tar.zst +0 -0
  7. package/.turbo/cache/0cea4c1f34f3683b-meta.json +1 -0
  8. package/.turbo/cache/120c8e207aa1ba35-meta.json +1 -0
  9. package/.turbo/cache/120c8e207aa1ba35.tar.zst +0 -0
  10. package/.turbo/cache/17259cf94d8f8925-meta.json +1 -0
  11. package/.turbo/cache/17dd4bdef6550a07-meta.json +1 -0
  12. package/.turbo/cache/17dd4bdef6550a07.tar.zst +0 -0
  13. package/.turbo/cache/1c99a949ec63ab35-meta.json +1 -0
  14. package/.turbo/cache/1de15d89eed2d760-meta.json +1 -0
  15. package/.turbo/cache/1de15d89eed2d760.tar.zst +0 -0
  16. package/.turbo/cache/257a7a26ea72dbc5-meta.json +1 -0
  17. package/.turbo/cache/2990aaa7ebc5b967-meta.json +1 -0
  18. package/.turbo/cache/2990aaa7ebc5b967.tar.zst +0 -0
  19. package/.turbo/cache/32c0b9995fb5f8dd-meta.json +1 -0
  20. package/.turbo/cache/32c0b9995fb5f8dd.tar.zst +0 -0
  21. package/.turbo/cache/3bf45120d0cc9bd8-meta.json +1 -0
  22. package/.turbo/cache/45035bf5c4147ccd-meta.json +1 -0
  23. package/.turbo/cache/47ba2b5ebdb579e9-meta.json +1 -0
  24. package/.turbo/cache/47ba2b5ebdb579e9.tar.zst +0 -0
  25. package/.turbo/cache/4f92cea2d8c63de2-meta.json +1 -0
  26. package/.turbo/cache/4f92cea2d8c63de2.tar.zst +0 -0
  27. package/.turbo/cache/56cb35d4c7473a23-meta.json +1 -0
  28. package/.turbo/cache/56cb35d4c7473a23.tar.zst +0 -0
  29. package/.turbo/cache/5c16ce3cff5c9dff-meta.json +1 -0
  30. package/.turbo/cache/5f304c0f37ef25f3-meta.json +1 -0
  31. package/.turbo/cache/626afdc67e0cb540-meta.json +1 -0
  32. package/.turbo/cache/626afdc67e0cb540.tar.zst +0 -0
  33. package/.turbo/cache/64de7a53e02db647-meta.json +1 -0
  34. package/.turbo/cache/691a74627ec57993-meta.json +1 -0
  35. package/.turbo/cache/69aae513b7ec6c7d-meta.json +1 -0
  36. package/.turbo/cache/6dd7058e6703cb35-meta.json +1 -0
  37. package/.turbo/cache/6ef81cf9a66f982a-meta.json +1 -0
  38. package/.turbo/cache/6ef81cf9a66f982a.tar.zst +0 -0
  39. package/.turbo/cache/73e9073a5274616d-meta.json +1 -0
  40. package/.turbo/cache/773edc0f83c8c5a5-meta.json +1 -0
  41. package/.turbo/cache/784c03fe9fd5ac05-meta.json +1 -0
  42. package/.turbo/cache/784c03fe9fd5ac05.tar.zst +0 -0
  43. package/.turbo/cache/786a822763403879-meta.json +1 -0
  44. package/.turbo/cache/80b5d974184a01df-meta.json +1 -0
  45. package/.turbo/cache/87219c41a4ace9cd-meta.json +1 -0
  46. package/.turbo/cache/87219c41a4ace9cd.tar.zst +0 -0
  47. package/.turbo/cache/8954c6073396fadd-meta.json +1 -0
  48. package/.turbo/cache/8b735250fa5a62bf-meta.json +1 -0
  49. package/.turbo/cache/8b735250fa5a62bf.tar.zst +0 -0
  50. package/.turbo/cache/9154e8fe6ab767ea-meta.json +1 -0
  51. package/.turbo/cache/9154e8fe6ab767ea.tar.zst +0 -0
  52. package/.turbo/cache/92daa6d7c389d548-meta.json +1 -0
  53. package/.turbo/cache/993dff2edb7b6766-meta.json +1 -0
  54. package/.turbo/cache/993dff2edb7b6766.tar.zst +0 -0
  55. package/.turbo/cache/9a097d6576dadd64-meta.json +1 -0
  56. package/.turbo/cache/a49cc58242467fdc-meta.json +1 -0
  57. package/.turbo/cache/a49cc58242467fdc.tar.zst +0 -0
  58. package/.turbo/cache/a6a56bb802e1c20f-meta.json +1 -0
  59. package/.turbo/cache/a6a56bb802e1c20f.tar.zst +0 -0
  60. package/.turbo/cache/a77bc920ea508bb8-meta.json +1 -0
  61. package/.turbo/cache/{06f476671015e973.tar.zst → a77bc920ea508bb8.tar.zst} +0 -0
  62. package/.turbo/cache/af061e7a077a9ba5-meta.json +1 -0
  63. package/.turbo/cache/af061e7a077a9ba5.tar.zst +0 -0
  64. package/.turbo/cache/b50f1b283b4b81cd-meta.json +1 -0
  65. package/.turbo/cache/b50f1b283b4b81cd.tar.zst +0 -0
  66. package/.turbo/cache/b54fc4f664a7a5a0-meta.json +1 -0
  67. package/.turbo/cache/ba4418918621fbcd-meta.json +1 -0
  68. package/.turbo/cache/be7c23c37b8ec74b-meta.json +1 -0
  69. package/.turbo/cache/be7c23c37b8ec74b.tar.zst +0 -0
  70. package/.turbo/cache/bf85bc040b7e64db-meta.json +1 -0
  71. package/.turbo/cache/bf85bc040b7e64db.tar.zst +0 -0
  72. package/.turbo/cache/caa0b4ac8d2a04dd-meta.json +1 -0
  73. package/.turbo/cache/caa0b4ac8d2a04dd.tar.zst +0 -0
  74. package/.turbo/cache/cc81de9c0b452a7c-meta.json +1 -0
  75. package/.turbo/cache/cd5f6987783fb56d-meta.json +1 -0
  76. package/.turbo/cache/cd5f6987783fb56d.tar.zst +0 -0
  77. package/.turbo/cache/ce67b6522dd09e64-meta.json +1 -0
  78. package/.turbo/cache/ce67b6522dd09e64.tar.zst +0 -0
  79. package/.turbo/cache/d716cb7a08152beb-meta.json +1 -0
  80. package/.turbo/cache/d716cb7a08152beb.tar.zst +0 -0
  81. package/.turbo/cache/d7a47b77deb3d9a4-meta.json +1 -0
  82. package/.turbo/cache/d7a47b77deb3d9a4.tar.zst +0 -0
  83. package/.turbo/cache/dad1301ac69bcb85-meta.json +1 -0
  84. package/.turbo/cache/e992dab20aeefbaf-meta.json +1 -0
  85. package/.turbo/cache/e992dab20aeefbaf.tar.zst +0 -0
  86. package/.turbo/cache/fa132b5b5f0e75f8-meta.json +1 -0
  87. package/.turbo/cache/fbbe2704bf9cb90b-meta.json +1 -0
  88. package/.turbo/cache/ff58f630c9d69af4-meta.json +1 -0
  89. package/.turbo/cache/ff58f630c9d69af4.tar.zst +0 -0
  90. package/CHANGELOG.md +74 -0
  91. package/components/checkbox/.turbo/turbo-build.log +6 -3
  92. package/components/checkbox/.turbo/turbo-bundler.log +3 -3
  93. package/components/checkbox/README.md +8 -8
  94. package/components/checkbox/demo/api.html +6 -1
  95. package/components/checkbox/demo/api.js +16 -0
  96. package/components/checkbox/demo/api.md +104 -45
  97. package/components/checkbox/demo/api.min.js +85 -14
  98. package/components/checkbox/demo/index.md +62 -62
  99. package/components/checkbox/demo/index.min.js +60 -14
  100. package/components/checkbox/dist/auro-checkbox-group.d.ts +6 -1
  101. package/components/checkbox/dist/auro-checkbox-group.d.ts.map +1 -1
  102. package/components/checkbox/dist/auro-checkbox.d.ts +6 -1
  103. package/components/checkbox/dist/auro-checkbox.d.ts.map +1 -1
  104. package/components/checkbox/dist/index.js +60 -14
  105. package/components/checkbox/src/auro-checkbox-group.js +18 -6
  106. package/components/checkbox/src/auro-checkbox.js +10 -1
  107. package/components/combobox/.turbo/turbo-build.log +6 -3
  108. package/components/combobox/demo/api.js +4 -2
  109. package/components/combobox/demo/api.md +60 -1
  110. package/components/combobox/demo/api.min.js +159 -113
  111. package/components/combobox/demo/index.min.js +150 -113
  112. package/components/combobox/dist/auro-combobox.d.ts +5 -1
  113. package/components/combobox/dist/auro-combobox.d.ts.map +1 -1
  114. package/components/combobox/dist/index.js +145 -76
  115. package/components/combobox/src/auro-combobox.js +14 -3
  116. package/components/counter/.turbo/turbo-build.log +3 -3
  117. package/components/counter/.turbo/turbo-bundler.log +3 -3
  118. package/components/datepicker/.turbo/turbo-build.log +6 -3
  119. package/components/datepicker/demo/api.js +2 -0
  120. package/components/datepicker/demo/api.md +46 -1
  121. package/components/datepicker/demo/api.min.js +155 -78
  122. package/components/datepicker/demo/index.min.js +146 -78
  123. package/components/datepicker/dist/auro-datepicker.d.ts +5 -2
  124. package/components/datepicker/dist/auro-datepicker.d.ts.map +1 -1
  125. package/components/datepicker/dist/index.js +146 -78
  126. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  127. package/components/datepicker/package.json +1 -1
  128. package/components/datepicker/src/auro-datepicker.js +14 -4
  129. package/components/datepicker/src/popoverVersion.js +1 -1
  130. package/components/dropdown/.turbo/turbo-build.log +3 -3
  131. package/components/dropdown/.turbo/turbo-bundler.log +3 -3
  132. package/components/dropdown/demo/api.min.js +37 -25
  133. package/components/dropdown/demo/index.min.js +37 -25
  134. package/components/dropdown/dist/iconVersion.d.ts +1 -1
  135. package/components/dropdown/dist/index.js +37 -25
  136. package/components/dropdown/package.json +1 -1
  137. package/components/dropdown/src/auro-dropdown.js +2 -2
  138. package/components/dropdown/src/iconVersion.js +1 -1
  139. package/components/dropdown/src/styles/bibStyles-css.js +1 -1
  140. package/components/dropdown/src/styles/bibStyles.css +0 -5
  141. package/components/dropdown/src/styles/bibStyles.scss +0 -7
  142. package/components/dropdown/src/styles/color-css.js +1 -1
  143. package/components/dropdown/src/styles/color.css +6 -7
  144. package/components/dropdown/src/styles/color.scss +7 -7
  145. package/components/dropdown/src/styles/style-css.js +1 -1
  146. package/components/dropdown/src/styles/style.css +1 -0
  147. package/components/dropdown/src/styles/style.scss +1 -0
  148. package/components/form/.turbo/turbo-build.log +3 -3
  149. package/components/form/.turbo/turbo-bundler.log +3 -3
  150. package/components/input/.turbo/turbo-build$colon$sass.log +2 -2
  151. package/components/input/.turbo/turbo-build.log +16 -13
  152. package/components/input/.turbo/turbo-bundler.log +3 -3
  153. package/components/input/demo/api.js +2 -0
  154. package/components/input/demo/api.md +183 -135
  155. package/components/input/demo/api.min.js +74 -44
  156. package/components/input/demo/index.min.js +62 -41
  157. package/components/input/dist/base-input.d.ts +8 -18
  158. package/components/input/dist/base-input.d.ts.map +1 -1
  159. package/components/input/dist/buttonVersion.d.ts +1 -1
  160. package/components/input/dist/iconVersion.d.ts +1 -1
  161. package/components/input/dist/index.js +62 -41
  162. package/components/input/package.json +2 -2
  163. package/components/input/src/base-input.js +23 -29
  164. package/components/input/src/buttonVersion.js +1 -1
  165. package/components/input/src/iconVersion.js +1 -1
  166. package/components/input/src/styles/input-css.js +1 -1
  167. package/components/input/src/styles/input.css +13 -0
  168. package/components/input/src/styles/input.scss +21 -0
  169. package/components/input/src/styles/label-css.js +1 -1
  170. package/components/input/src/styles/label.css +3 -3
  171. package/components/input/src/styles/label.scss +1 -2
  172. package/components/input/src/styles/notificationIcons-css.js +1 -1
  173. package/components/input/src/styles/notificationIcons.css +7 -0
  174. package/components/input/src/styles/notificationIcons.scss +14 -0
  175. package/components/input/src/styles/style-css.js +1 -1
  176. package/components/input/src/styles/style.css +23 -3
  177. package/components/menu/.turbo/turbo-build.log +3 -3
  178. package/components/menu/.turbo/turbo-bundler.log +3 -3
  179. package/components/menu/demo/api.md +1 -5
  180. package/components/menu/demo/api.min.js +5 -37
  181. package/components/menu/demo/index.min.js +5 -37
  182. package/components/menu/dist/auro-menu.d.ts +0 -4
  183. package/components/menu/dist/auro-menu.d.ts.map +1 -1
  184. package/components/menu/dist/auro-menuoption.d.ts +0 -1
  185. package/components/menu/dist/auro-menuoption.d.ts.map +1 -1
  186. package/components/menu/dist/iconVersion.d.ts +1 -1
  187. package/components/menu/dist/index.js +5 -37
  188. package/components/menu/package.json +1 -1
  189. package/components/menu/src/auro-menu.js +0 -32
  190. package/components/menu/src/auro-menuoption.js +1 -2
  191. package/components/menu/src/iconVersion.js +1 -1
  192. package/components/radio/.turbo/turbo-build.log +6 -3
  193. package/components/radio/.turbo/turbo-bundler.log +3 -3
  194. package/components/radio/demo/api.html +1 -0
  195. package/components/radio/demo/api.js +2 -0
  196. package/components/radio/demo/api.md +57 -3
  197. package/components/radio/demo/api.min.js +55 -12
  198. package/components/radio/demo/index.min.js +46 -12
  199. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  200. package/components/radio/dist/auro-radio.d.ts +5 -0
  201. package/components/radio/dist/auro-radio.d.ts.map +1 -1
  202. package/components/radio/dist/index.js +46 -12
  203. package/components/radio/src/auro-radio-group.js +5 -5
  204. package/components/radio/src/auro-radio.js +9 -0
  205. package/components/select/.turbo/turbo-build.log +10 -7
  206. package/components/select/demo/api.js +6 -2
  207. package/components/select/demo/api.md +137 -70
  208. package/components/select/demo/api.min.js +105 -73
  209. package/components/select/demo/index.min.js +85 -73
  210. package/components/select/dist/auro-select.d.ts +5 -1
  211. package/components/select/dist/auro-select.d.ts.map +1 -1
  212. package/components/select/dist/index.js +80 -36
  213. package/components/select/src/auro-select.js +11 -4
  214. package/package.json +2 -2
  215. package/packages/form-validation/src/validation.js +32 -7
  216. package/.turbo/cache/0008b92c8752bf75-meta.json +0 -1
  217. package/.turbo/cache/0008b92c8752bf75.tar.zst +0 -0
  218. package/.turbo/cache/00cb38bef1105dac-meta.json +0 -1
  219. package/.turbo/cache/0157ec8abdaf2a9c-meta.json +0 -1
  220. package/.turbo/cache/0636e9cedc83238b-meta.json +0 -1
  221. package/.turbo/cache/0636e9cedc83238b.tar.zst +0 -0
  222. package/.turbo/cache/06f476671015e973-meta.json +0 -1
  223. package/.turbo/cache/09df74d672102662-meta.json +0 -1
  224. package/.turbo/cache/09df74d672102662.tar.zst +0 -0
  225. package/.turbo/cache/0cd109fb3183c2e6-meta.json +0 -1
  226. package/.turbo/cache/17c429ade621ffcb-meta.json +0 -1
  227. package/.turbo/cache/1c47128a0e12fcfa-meta.json +0 -1
  228. package/.turbo/cache/1c47128a0e12fcfa.tar.zst +0 -0
  229. package/.turbo/cache/1db02f756ce85784-meta.json +0 -1
  230. package/.turbo/cache/21705fa179d5f820-meta.json +0 -1
  231. package/.turbo/cache/21705fa179d5f820.tar.zst +0 -0
  232. package/.turbo/cache/249d9ba3ee6aa1cb-meta.json +0 -1
  233. package/.turbo/cache/2666b96bfcf4e9cd-meta.json +0 -1
  234. package/.turbo/cache/2666b96bfcf4e9cd.tar.zst +0 -0
  235. package/.turbo/cache/2778d5e895240cd1-meta.json +0 -1
  236. package/.turbo/cache/300b59df2de12b46-meta.json +0 -1
  237. package/.turbo/cache/300b59df2de12b46.tar.zst +0 -0
  238. package/.turbo/cache/31729e74fccaafb0-meta.json +0 -1
  239. package/.turbo/cache/32702694d62a08ac-meta.json +0 -1
  240. package/.turbo/cache/3482a3cba9a51c2d-meta.json +0 -1
  241. package/.turbo/cache/3482a3cba9a51c2d.tar.zst +0 -0
  242. package/.turbo/cache/3a9d73752f23a40a-meta.json +0 -1
  243. package/.turbo/cache/3a9d73752f23a40a.tar.zst +0 -0
  244. package/.turbo/cache/3afe2e6f714a4fcb-meta.json +0 -1
  245. package/.turbo/cache/3afe2e6f714a4fcb.tar.zst +0 -0
  246. package/.turbo/cache/408ea1754276298c-meta.json +0 -1
  247. package/.turbo/cache/408ea1754276298c.tar.zst +0 -0
  248. package/.turbo/cache/42066c793c3816f3-meta.json +0 -1
  249. package/.turbo/cache/42066c793c3816f3.tar.zst +0 -0
  250. package/.turbo/cache/4bec46ffff6fd2e8-meta.json +0 -1
  251. package/.turbo/cache/50b275350abe14dd-meta.json +0 -1
  252. package/.turbo/cache/50b275350abe14dd.tar.zst +0 -0
  253. package/.turbo/cache/51078a087b52c65e-meta.json +0 -1
  254. package/.turbo/cache/51078a087b52c65e.tar.zst +0 -0
  255. package/.turbo/cache/593ddf689673e305-meta.json +0 -1
  256. package/.turbo/cache/593ddf689673e305.tar.zst +0 -0
  257. package/.turbo/cache/64e4f18395bd4461-meta.json +0 -1
  258. package/.turbo/cache/64e4f18395bd4461.tar.zst +0 -0
  259. package/.turbo/cache/68843ecab6e09320-meta.json +0 -1
  260. package/.turbo/cache/68843ecab6e09320.tar.zst +0 -0
  261. package/.turbo/cache/7419ef01dc18b433-meta.json +0 -1
  262. package/.turbo/cache/748faca09d14fea7-meta.json +0 -1
  263. package/.turbo/cache/75495b0bbd6c06a7-meta.json +0 -1
  264. package/.turbo/cache/75495b0bbd6c06a7.tar.zst +0 -0
  265. package/.turbo/cache/7a6a8af4392c4b05-meta.json +0 -1
  266. package/.turbo/cache/7a6a8af4392c4b05.tar.zst +0 -0
  267. package/.turbo/cache/7e81141e0140dd3a-meta.json +0 -1
  268. package/.turbo/cache/7e81141e0140dd3a.tar.zst +0 -0
  269. package/.turbo/cache/7eb50d96639e6dd4-meta.json +0 -1
  270. package/.turbo/cache/7eb50d96639e6dd4.tar.zst +0 -0
  271. package/.turbo/cache/83bb78fec13808d0-meta.json +0 -1
  272. package/.turbo/cache/8605f60efb7d3957-meta.json +0 -1
  273. package/.turbo/cache/8605f60efb7d3957.tar.zst +0 -0
  274. package/.turbo/cache/892a90b62716ded5-meta.json +0 -1
  275. package/.turbo/cache/8cac06ca809bd2b1-meta.json +0 -1
  276. package/.turbo/cache/9a908bf8f82c84a6-meta.json +0 -1
  277. package/.turbo/cache/9a908bf8f82c84a6.tar.zst +0 -0
  278. package/.turbo/cache/9ed3089ffd7d0c00-meta.json +0 -1
  279. package/.turbo/cache/a3a879aea25debf8-meta.json +0 -1
  280. package/.turbo/cache/a8dbafaf6177f677-meta.json +0 -1
  281. package/.turbo/cache/a8dbafaf6177f677.tar.zst +0 -0
  282. package/.turbo/cache/a8f6418b830ef0ba-meta.json +0 -1
  283. package/.turbo/cache/b37b0eb5597e160f-meta.json +0 -1
  284. package/.turbo/cache/b7e7a8c425673f7c-meta.json +0 -1
  285. package/.turbo/cache/b7e7a8c425673f7c.tar.zst +0 -0
  286. package/.turbo/cache/bc8eed3d7216f5b7-meta.json +0 -1
  287. package/.turbo/cache/bde11c3029373459-meta.json +0 -1
  288. package/.turbo/cache/c8e5fe6aec4479f5-meta.json +0 -1
  289. package/.turbo/cache/c8e5fe6aec4479f5.tar.zst +0 -0
  290. package/.turbo/cache/d0e874a9a71c9468-meta.json +0 -1
  291. package/.turbo/cache/d61b4e1bde4c0a12-meta.json +0 -1
  292. package/.turbo/cache/db6dedc0e7a12575-meta.json +0 -1
  293. package/.turbo/cache/db6dedc0e7a12575.tar.zst +0 -0
  294. package/.turbo/cache/de9737607345ec54-meta.json +0 -1
  295. package/.turbo/cache/de9737607345ec54.tar.zst +0 -0
  296. package/.turbo/cache/e234aa902b2c5b30-meta.json +0 -1
  297. package/.turbo/cache/e234aa902b2c5b30.tar.zst +0 -0
  298. package/.turbo/cache/e541225f46f7cf86-meta.json +0 -1
  299. package/.turbo/cache/e67ac30b07d9e800-meta.json +0 -1
  300. package/.turbo/cache/e67ac30b07d9e800.tar.zst +0 -0
  301. package/.turbo/cache/e7244fdd3397eba7-meta.json +0 -1
  302. package/.turbo/cache/e7cf2cc625bd92b3-meta.json +0 -1
  303. package/.turbo/cache/e89a401ebdda3fc2-meta.json +0 -1
  304. package/components/dropdown/dist/floatingUI.d.mts +0 -68
  305. package/components/dropdown/dist/floatingUI.d.mts.map +0 -1
  306. package/components/dropdown/src/floatingUI.mjs +0 -381
  307. package/components/select/demo/alertValue.js +0 -6
  308. /package/.turbo/cache/{b37b0eb5597e160f.tar.zst → 013a48308b893dac.tar.zst} +0 -0
  309. /package/.turbo/cache/{8cac06ca809bd2b1.tar.zst → 07ca42419b9f050c.tar.zst} +0 -0
  310. /package/.turbo/cache/{e7244fdd3397eba7.tar.zst → 0cea4c1f34f3683b.tar.zst} +0 -0
  311. /package/.turbo/cache/{e89a401ebdda3fc2.tar.zst → 17259cf94d8f8925.tar.zst} +0 -0
  312. /package/.turbo/cache/{a3a879aea25debf8.tar.zst → 1c99a949ec63ab35.tar.zst} +0 -0
  313. /package/.turbo/cache/{17c429ade621ffcb.tar.zst → 257a7a26ea72dbc5.tar.zst} +0 -0
  314. /package/.turbo/cache/{d0e874a9a71c9468.tar.zst → 3bf45120d0cc9bd8.tar.zst} +0 -0
  315. /package/.turbo/cache/{0cd109fb3183c2e6.tar.zst → 45035bf5c4147ccd.tar.zst} +0 -0
  316. /package/.turbo/cache/{bde11c3029373459.tar.zst → 5c16ce3cff5c9dff.tar.zst} +0 -0
  317. /package/.turbo/cache/{1db02f756ce85784.tar.zst → 5f304c0f37ef25f3.tar.zst} +0 -0
  318. /package/.turbo/cache/{9ed3089ffd7d0c00.tar.zst → 64de7a53e02db647.tar.zst} +0 -0
  319. /package/.turbo/cache/{32702694d62a08ac.tar.zst → 691a74627ec57993.tar.zst} +0 -0
  320. /package/.turbo/cache/{00cb38bef1105dac.tar.zst → 69aae513b7ec6c7d.tar.zst} +0 -0
  321. /package/.turbo/cache/{e7cf2cc625bd92b3.tar.zst → 6dd7058e6703cb35.tar.zst} +0 -0
  322. /package/.turbo/cache/{748faca09d14fea7.tar.zst → 73e9073a5274616d.tar.zst} +0 -0
  323. /package/.turbo/cache/{83bb78fec13808d0.tar.zst → 773edc0f83c8c5a5.tar.zst} +0 -0
  324. /package/.turbo/cache/{892a90b62716ded5.tar.zst → 786a822763403879.tar.zst} +0 -0
  325. /package/.turbo/cache/{7419ef01dc18b433.tar.zst → 80b5d974184a01df.tar.zst} +0 -0
  326. /package/.turbo/cache/{0157ec8abdaf2a9c.tar.zst → 8954c6073396fadd.tar.zst} +0 -0
  327. /package/.turbo/cache/{bc8eed3d7216f5b7.tar.zst → 92daa6d7c389d548.tar.zst} +0 -0
  328. /package/.turbo/cache/{e541225f46f7cf86.tar.zst → 9a097d6576dadd64.tar.zst} +0 -0
  329. /package/.turbo/cache/{2778d5e895240cd1.tar.zst → b54fc4f664a7a5a0.tar.zst} +0 -0
  330. /package/.turbo/cache/{a8f6418b830ef0ba.tar.zst → ba4418918621fbcd.tar.zst} +0 -0
  331. /package/.turbo/cache/{4bec46ffff6fd2e8.tar.zst → cc81de9c0b452a7c.tar.zst} +0 -0
  332. /package/.turbo/cache/{31729e74fccaafb0.tar.zst → dad1301ac69bcb85.tar.zst} +0 -0
  333. /package/.turbo/cache/{d61b4e1bde4c0a12.tar.zst → fa132b5b5f0e75f8.tar.zst} +0 -0
  334. /package/.turbo/cache/{249d9ba3ee6aa1cb.tar.zst → fbbe2704bf9cb90b.tar.zst} +0 -0
package/components/checkbox/demo/index.md CHANGED
@@ -32,10 +32,10 @@ The `<auro-checkbox>` element should be used in situations where users may:
32
32
  <!-- The below content is automatically added from ./../apiExamples/basic.html -->
33
33
  <auro-checkbox-group>
34
34
  <span slot="legend">Form label goes here</span>
35
- <auro-checkbox value="checkbox option" name="example1" id="checkbox-basic1">Checkbox option</auro-checkbox>
36
- <auro-checkbox value="checkbox option" name="example2" id="checkbox-basic2" checked>Checkbox option</auro-checkbox>
37
- <auro-checkbox value="checkbox option" name="example3" id="checkbox-basic3">Checkbox option</auro-checkbox>
38
- <auro-checkbox value="checkbox option" name="example4" id="checkbox-basic4">Checkbox option</auro-checkbox>
35
+ <auro-checkbox value="value1" name="example1" id="checkbox-basic1">Checkbox option</auro-checkbox>
36
+ <auro-checkbox value="value2" name="example2" id="checkbox-basic2" checked>Checkbox option</auro-checkbox>
37
+ <auro-checkbox value="value3" name="example3" id="checkbox-basic3">Checkbox option</auro-checkbox>
38
+ <auro-checkbox value="value4" name="example4" id="checkbox-basic4">Checkbox option</auro-checkbox>
39
39
  </auro-checkbox-group>
40
40
  <!-- AURO-GENERATED-CONTENT:END -->
41
41
  </div>
@@ -47,10 +47,10 @@ The `<auro-checkbox>` element should be used in situations where users may:
47
47
  ```html
48
48
  <auro-checkbox-group>
49
49
  <span slot="legend">Form label goes here</span>
50
- <auro-checkbox value="checkbox option" name="example1" id="checkbox-basic1">Checkbox option</auro-checkbox>
51
- <auro-checkbox value="checkbox option" name="example2" id="checkbox-basic2" checked>Checkbox option</auro-checkbox>
52
- <auro-checkbox value="checkbox option" name="example3" id="checkbox-basic3">Checkbox option</auro-checkbox>
53
- <auro-checkbox value="checkbox option" name="example4" id="checkbox-basic4">Checkbox option</auro-checkbox>
50
+ <auro-checkbox value="value1" name="example1" id="checkbox-basic1">Checkbox option</auro-checkbox>
51
+ <auro-checkbox value="value2" name="example2" id="checkbox-basic2" checked>Checkbox option</auro-checkbox>
52
+ <auro-checkbox value="value3" name="example3" id="checkbox-basic3">Checkbox option</auro-checkbox>
53
+ <auro-checkbox value="value4" name="example4" id="checkbox-basic4">Checkbox option</auro-checkbox>
54
54
  </auro-checkbox-group>
55
55
  ```
56
56
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -69,10 +69,10 @@ The `disabled` attribute used to disable the entire `<auro-checkbox-group>`.
69
69
  <!-- The below content is automatically added from ./../apiExamples/disabledGroup.html -->
70
70
  <auro-checkbox-group disabled>
71
71
  <span slot="legend">Form label goes here</span>
72
- <auro-checkbox value="disabled checkbox option" name="example1" id="checkbox-disabledGroup1">Disabled checkbox option</auro-checkbox>
73
- <auro-checkbox value="disabled checkbox option" name="example2" id="checkbox-disabledGroup2" checked>Disabled checkbox option</auro-checkbox>
74
- <auro-checkbox value="disabled checkbox option" name="example3" id="checkbox-disabledGroup3">Disabled checkbox option</auro-checkbox>
75
- <auro-checkbox value="disabled checkbox option" name="example4" id="checkbox-disabledGroup4">Disabled checkbox option</auro-checkbox>
72
+ <auro-checkbox value="disabled-value1" name="example1" id="checkbox-disabledGroup1">Disabled checkbox option</auro-checkbox>
73
+ <auro-checkbox value="disabled-value2" name="example2" id="checkbox-disabledGroup2" checked>Disabled checkbox option</auro-checkbox>
74
+ <auro-checkbox value="disabled-value3" name="example3" id="checkbox-disabledGroup3">Disabled checkbox option</auro-checkbox>
75
+ <auro-checkbox value="disabled-value4" name="example4" id="checkbox-disabledGroup4">Disabled checkbox option</auro-checkbox>
76
76
  </auro-checkbox-group>
77
77
  <!-- AURO-GENERATED-CONTENT:END -->
78
78
  </div>
@@ -84,10 +84,10 @@ The `disabled` attribute used to disable the entire `<auro-checkbox-group>`.
84
84
  ```html
85
85
  <auro-checkbox-group disabled>
86
86
  <span slot="legend">Form label goes here</span>
87
- <auro-checkbox value="disabled checkbox option" name="example1" id="checkbox-disabledGroup1">Disabled checkbox option</auro-checkbox>
88
- <auro-checkbox value="disabled checkbox option" name="example2" id="checkbox-disabledGroup2" checked>Disabled checkbox option</auro-checkbox>
89
- <auro-checkbox value="disabled checkbox option" name="example3" id="checkbox-disabledGroup3">Disabled checkbox option</auro-checkbox>
90
- <auro-checkbox value="disabled checkbox option" name="example4" id="checkbox-disabledGroup4">Disabled checkbox option</auro-checkbox>
87
+ <auro-checkbox value="disabled-value1" name="example1" id="checkbox-disabledGroup1">Disabled checkbox option</auro-checkbox>
88
+ <auro-checkbox value="disabled-value2" name="example2" id="checkbox-disabledGroup2" checked>Disabled checkbox option</auro-checkbox>
89
+ <auro-checkbox value="disabled-value3" name="example3" id="checkbox-disabledGroup3">Disabled checkbox option</auro-checkbox>
90
+ <auro-checkbox value="disabled-value4" name="example4" id="checkbox-disabledGroup4">Disabled checkbox option</auro-checkbox>
91
91
  </auro-checkbox-group>
92
92
  ```
93
93
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -102,10 +102,10 @@ The `disabled` attribute used to disable a single `<auro-checkbox>` element.
102
102
  <!-- The below content is automatically added from ./../apiExamples/disabled.html -->
103
103
  <auro-checkbox-group>
104
104
  <span slot="legend">Form label goes here</span>
105
- <auro-checkbox value="disabled checkbox option" name="example1" id="checkbox-disabled1">Checkbox option</auro-checkbox>
106
- <auro-checkbox value="disabled checkbox option" name="example2" id="checkbox-disabled2" checked disabled>Disabled checkbox option</auro-checkbox>
107
- <auro-checkbox value="disabled checkbox option" name="example3" id="checkbox-disabled3" disabled>Disabled checkbox option</auro-checkbox>
108
- <auro-checkbox value="disabled checkbox option" name="example4" id="checkbox-disabled4" checked>Checkbox option</auro-checkbox>
105
+ <auro-checkbox value="disabled-value1" name="example1" id="checkbox-disabled1">Checkbox option</auro-checkbox>
106
+ <auro-checkbox value="disabled-value2" name="example2" id="checkbox-disabled2" checked disabled>Disabled checkbox option</auro-checkbox>
107
+ <auro-checkbox value="disabled-value3" name="example3" id="checkbox-disabled3" disabled>Disabled checkbox option</auro-checkbox>
108
+ <auro-checkbox value="disabled-value4" name="example4" id="checkbox-disabled4" checked>Checkbox option</auro-checkbox>
109
109
  </auro-checkbox-group>
110
110
  <!-- AURO-GENERATED-CONTENT:END -->
111
111
  </div>
@@ -117,10 +117,10 @@ The `disabled` attribute used to disable a single `<auro-checkbox>` element.
117
117
  ```html
118
118
  <auro-checkbox-group>
119
119
  <span slot="legend">Form label goes here</span>
120
- <auro-checkbox value="disabled checkbox option" name="example1" id="checkbox-disabled1">Checkbox option</auro-checkbox>
121
- <auro-checkbox value="disabled checkbox option" name="example2" id="checkbox-disabled2" checked disabled>Disabled checkbox option</auro-checkbox>
122
- <auro-checkbox value="disabled checkbox option" name="example3" id="checkbox-disabled3" disabled>Disabled checkbox option</auro-checkbox>
123
- <auro-checkbox value="disabled checkbox option" name="example4" id="checkbox-disabled4" checked>Checkbox option</auro-checkbox>
120
+ <auro-checkbox value="disabled-value1" name="example1" id="checkbox-disabled1">Checkbox option</auro-checkbox>
121
+ <auro-checkbox value="disabled-value2" name="example2" id="checkbox-disabled2" checked disabled>Disabled checkbox option</auro-checkbox>
122
+ <auro-checkbox value="disabled-value3" name="example3" id="checkbox-disabled3" disabled>Disabled checkbox option</auro-checkbox>
123
+ <auro-checkbox value="disabled-value4" name="example4" id="checkbox-disabled4" checked>Checkbox option</auro-checkbox>
124
124
  </auro-checkbox-group>
125
125
  ```
126
126
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -135,10 +135,10 @@ When present, the `required` attribute specifies that at least one or more `<aur
135
135
  <!-- The below content is automatically added from ./../apiExamples/required.html -->
136
136
  <auro-checkbox-group required setCustomValidityValueMissing="Please select an option">
137
137
  <span slot="legend">Form label goes here</span>
138
- <auro-checkbox value="checked option" name="example1" id="checkbox-required1">Checkbox option</auro-checkbox>
139
- <auro-checkbox value="checkbox Option" name="example2" id="checkbox-required2">Checkbox option</auro-checkbox>
140
- <auro-checkbox value="checkbox Option" name="example3" id="checkbox-required3">Checkbox option</auro-checkbox>
141
- <auro-checkbox value="checkbox Option" name="example4" id="checkbox-required4">Checkbox option</auro-checkbox>
138
+ <auro-checkbox value="value1" name="example1" id="checkbox-required1">Checkbox option</auro-checkbox>
139
+ <auro-checkbox value="value2" name="example2" id="checkbox-required2">Checkbox option</auro-checkbox>
140
+ <auro-checkbox value="value3" name="example3" id="checkbox-required3">Checkbox option</auro-checkbox>
141
+ <auro-checkbox value="value4" name="example4" id="checkbox-required4">Checkbox option</auro-checkbox>
142
142
  </auro-checkbox-group>
143
143
  <!-- AURO-GENERATED-CONTENT:END -->
144
144
  </div>
@@ -150,10 +150,10 @@ When present, the `required` attribute specifies that at least one or more `<aur
150
150
  ```html
151
151
  <auro-checkbox-group required setCustomValidityValueMissing="Please select an option">
152
152
  <span slot="legend">Form label goes here</span>
153
- <auro-checkbox value="checked option" name="example1" id="checkbox-required1">Checkbox option</auro-checkbox>
154
- <auro-checkbox value="checkbox Option" name="example2" id="checkbox-required2">Checkbox option</auro-checkbox>
155
- <auro-checkbox value="checkbox Option" name="example3" id="checkbox-required3">Checkbox option</auro-checkbox>
156
- <auro-checkbox value="checkbox Option" name="example4" id="checkbox-required4">Checkbox option</auro-checkbox>
153
+ <auro-checkbox value="value1" name="example1" id="checkbox-required1">Checkbox option</auro-checkbox>
154
+ <auro-checkbox value="value2" name="example2" id="checkbox-required2">Checkbox option</auro-checkbox>
155
+ <auro-checkbox value="value3" name="example3" id="checkbox-required3">Checkbox option</auro-checkbox>
156
+ <auro-checkbox value="value4" name="example4" id="checkbox-required4">Checkbox option</auro-checkbox>
157
157
  </auro-checkbox-group>
158
158
  ```
159
159
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -172,10 +172,10 @@ The `error` attribute used to set error state on the entire `<auro-checkbox-grou
172
172
  <!-- The below content is automatically added from ./../apiExamples/errorGroup.html -->
173
173
  <auro-checkbox-group error="custom error">
174
174
  <span slot="legend">Form label goes here</span>
175
- <auro-checkbox value="error checkbox option" name="example1" id="checkbox-errorGroup1">Error checkbox option</auro-checkbox>
176
- <auro-checkbox value="error checkbox option" name="example2" id="checkbox-errorGroup2">Error checkbox option</auro-checkbox>
177
- <auro-checkbox value="error checkbox option" name="example3" id="checkbox-errorGroup3">Error checkbox option</auro-checkbox>
178
- <auro-checkbox value="error checkbox option" name="example4" id="checkbox-errorGroup4" checked>Error checkbox option</auro-checkbox>
175
+ <auro-checkbox value="error-value1" name="example1" id="checkbox-errorGroup1">Error checkbox option</auro-checkbox>
176
+ <auro-checkbox value="error-value2" name="example2" id="checkbox-errorGroup2">Error checkbox option</auro-checkbox>
177
+ <auro-checkbox value="error-value3" name="example3" id="checkbox-errorGroup3">Error checkbox option</auro-checkbox>
178
+ <auro-checkbox value="error-value4" name="example4" id="checkbox-errorGroup4" checked>Error checkbox option</auro-checkbox>
179
179
  </auro-checkbox-group>
180
180
  <!-- AURO-GENERATED-CONTENT:END -->
181
181
  </div>
@@ -187,10 +187,10 @@ The `error` attribute used to set error state on the entire `<auro-checkbox-grou
187
187
  ```html
188
188
  <auro-checkbox-group error="custom error">
189
189
  <span slot="legend">Form label goes here</span>
190
- <auro-checkbox value="error checkbox option" name="example1" id="checkbox-errorGroup1">Error checkbox option</auro-checkbox>
191
- <auro-checkbox value="error checkbox option" name="example2" id="checkbox-errorGroup2">Error checkbox option</auro-checkbox>
192
- <auro-checkbox value="error checkbox option" name="example3" id="checkbox-errorGroup3">Error checkbox option</auro-checkbox>
193
- <auro-checkbox value="error checkbox option" name="example4" id="checkbox-errorGroup4" checked>Error checkbox option</auro-checkbox>
190
+ <auro-checkbox value="error-value1" name="example1" id="checkbox-errorGroup1">Error checkbox option</auro-checkbox>
191
+ <auro-checkbox value="error-value2" name="example2" id="checkbox-errorGroup2">Error checkbox option</auro-checkbox>
192
+ <auro-checkbox value="error-value3" name="example3" id="checkbox-errorGroup3">Error checkbox option</auro-checkbox>
193
+ <auro-checkbox value="error-value4" name="example4" id="checkbox-errorGroup4" checked>Error checkbox option</auro-checkbox>
194
194
  </auro-checkbox-group>
195
195
  ```
196
196
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -205,9 +205,9 @@ Using the `horizontal` attribute will render the checkbox options on a horizonta
205
205
  <!-- The below content is automatically added from ./../apiExamples/horizontal.html -->
206
206
  <auro-checkbox-group horizontal>
207
207
  <span slot="legend">Form label goes here</span>
208
- <auro-checkbox value="checkbox option" value="yes" id="checkbox-horizontal1">Yes</auro-checkbox>
209
- <auro-checkbox value="checkbox option" value="no" id="checkbox-horizontal2">No</auro-checkbox>
210
- <auro-checkbox value="checkbox option" value="maybe" id="checkbox-horizontal3">Maybe</auro-checkbox>
208
+ <auro-checkbox value="yes" name="yes" id="checkbox-horizontal1">Yes</auro-checkbox>
209
+ <auro-checkbox value="no" name="no" id="checkbox-horizontal2">No</auro-checkbox>
210
+ <auro-checkbox value="maybe" name="maybe" id="checkbox-horizontal3">Maybe</auro-checkbox>
211
211
  </auro-checkbox-group>
212
212
  <!-- AURO-GENERATED-CONTENT:END -->
213
213
  </div>
@@ -219,9 +219,9 @@ Using the `horizontal` attribute will render the checkbox options on a horizonta
219
219
  ```html
220
220
  <auro-checkbox-group horizontal>
221
221
  <span slot="legend">Form label goes here</span>
222
- <auro-checkbox value="checkbox option" value="yes" id="checkbox-horizontal1">Yes</auro-checkbox>
223
- <auro-checkbox value="checkbox option" value="no" id="checkbox-horizontal2">No</auro-checkbox>
224
- <auro-checkbox value="checkbox option" value="maybe" id="checkbox-horizontal3">Maybe</auro-checkbox>
222
+ <auro-checkbox value="yes" name="yes" id="checkbox-horizontal1">Yes</auro-checkbox>
223
+ <auro-checkbox value="no" name="no" id="checkbox-horizontal2">No</auro-checkbox>
224
+ <auro-checkbox value="maybe" name="maybe" id="checkbox-horizontal3">Maybe</auro-checkbox>
225
225
  </auro-checkbox-group>
226
226
  ```
227
227
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -236,10 +236,10 @@ Using the `horizontal` attribute has a limit of 3 options. Beyond three, options
236
236
  <!-- The below content is automatically added from ./../apiExamples/horizontalLimit.html -->
237
237
  <auro-checkbox-group horizontal>
238
238
  <span slot="legend">Form label goes here</span>
239
- <auro-checkbox value="checkbox option" value="yes" id="checkbox-horizontalLimit1">Yes</auro-checkbox>
240
- <auro-checkbox value="checkbox option" value="no" id="checkbox-horizontalLimit2">No</auro-checkbox>
241
- <auro-checkbox value="checkbox option" value="maybe" id="checkbox-horizontalLimit3">Maybe</auro-checkbox>
242
- <auro-checkbox value="checkbox optiom" value="not sure" id="checkbox-horizontalLimit4">Not Sure</auro-checkbox>
239
+ <auro-checkbox value="yes" name="yes" id="checkbox-horizontalLimit1">Yes</auro-checkbox>
240
+ <auro-checkbox value="no" name="no" id="checkbox-horizontalLimit2">No</auro-checkbox>
241
+ <auro-checkbox value="maybe" name="maybe" id="checkbox-horizontalLimit3">Maybe</auro-checkbox>
242
+ <auro-checkbox value="not sure" name="not sure" id="checkbox-horizontalLimit4">Not Sure</auro-checkbox>
243
243
  </auro-checkbox-group>
244
244
  <!-- AURO-GENERATED-CONTENT:END -->
245
245
  </div>
@@ -251,10 +251,10 @@ Using the `horizontal` attribute has a limit of 3 options. Beyond three, options
251
251
  ```html
252
252
  <auro-checkbox-group horizontal>
253
253
  <span slot="legend">Form label goes here</span>
254
- <auro-checkbox value="checkbox option" value="yes" id="checkbox-horizontalLimit1">Yes</auro-checkbox>
255
- <auro-checkbox value="checkbox option" value="no" id="checkbox-horizontalLimit2">No</auro-checkbox>
256
- <auro-checkbox value="checkbox option" value="maybe" id="checkbox-horizontalLimit3">Maybe</auro-checkbox>
257
- <auro-checkbox value="checkbox optiom" value="not sure" id="checkbox-horizontalLimit4">Not Sure</auro-checkbox>
254
+ <auro-checkbox value="yes" name="yes" id="checkbox-horizontalLimit1">Yes</auro-checkbox>
255
+ <auro-checkbox value="no" name="no" id="checkbox-horizontalLimit2">No</auro-checkbox>
256
+ <auro-checkbox value="maybe" name="maybe" id="checkbox-horizontalLimit3">Maybe</auro-checkbox>
257
+ <auro-checkbox value="not sure" name="not sure" id="checkbox-horizontalLimit4">Not Sure</auro-checkbox>
258
258
  </auro-checkbox-group>
259
259
  ```
260
260
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -281,10 +281,10 @@ This will create a new custom element that you can use in your HTML that will fu
281
281
  <!-- The below content is automatically added from ./../apiExamples/customCheckbox.html -->
282
282
  <custom-checkbox-group>
283
283
  <span slot="legend">Form label goes here</span>
284
- <custom-checkbox value="checkbox option" name="example1" id="checkbox-custom1">Custom checkbox option</custom-checkbox>
285
- <custom-checkbox value="checkbox option" name="example2" id="checkbox-custom2" checked>Custom checkbox option</custom-checkbox>
286
- <custom-checkbox value="checkbox option" name="example3" id="checkbox-custom3">Custom checkbox option</custom-checkbox>
287
- <custom-checkbox value="checkbox option" name="example4" id="checkbox-custom4">Custom checkbox option</custom-checkbox>
284
+ <custom-checkbox value="value1" name="example1" id="checkbox-custom1">Custom checkbox option</custom-checkbox>
285
+ <custom-checkbox value="value2" name="example2" id="checkbox-custom2" checked>Custom checkbox option</custom-checkbox>
286
+ <custom-checkbox value="value3" name="example3" id="checkbox-custom3">Custom checkbox option</custom-checkbox>
287
+ <custom-checkbox value="value4" name="example4" id="checkbox-custom4">Custom checkbox option</custom-checkbox>
288
288
  </custom-checkbox-group>
289
289
  <!-- AURO-GENERATED-CONTENT:END -->
290
290
  </div>
@@ -296,10 +296,10 @@ This will create a new custom element that you can use in your HTML that will fu
296
296
  ```html
297
297
  <custom-checkbox-group>
298
298
  <span slot="legend">Form label goes here</span>
299
- <custom-checkbox value="checkbox option" name="example1" id="checkbox-custom1">Custom checkbox option</custom-checkbox>
300
- <custom-checkbox value="checkbox option" name="example2" id="checkbox-custom2" checked>Custom checkbox option</custom-checkbox>
301
- <custom-checkbox value="checkbox option" name="example3" id="checkbox-custom3">Custom checkbox option</custom-checkbox>
302
- <custom-checkbox value="checkbox option" name="example4" id="checkbox-custom4">Custom checkbox option</custom-checkbox>
299
+ <custom-checkbox value="value1" name="example1" id="checkbox-custom1">Custom checkbox option</custom-checkbox>
300
+ <custom-checkbox value="value2" name="example2" id="checkbox-custom2" checked>Custom checkbox option</custom-checkbox>
301
+ <custom-checkbox value="value3" name="example3" id="checkbox-custom3">Custom checkbox option</custom-checkbox>
302
+ <custom-checkbox value="value4" name="example4" id="checkbox-custom4">Custom checkbox option</custom-checkbox>
303
303
  </custom-checkbox-group>
304
304
  ```
305
305
  <!-- AURO-GENERATED-CONTENT:END -->
package/components/checkbox/demo/index.min.js CHANGED
@@ -133,7 +133,7 @@ class AuroLibraryRuntimeUtils {
133
133
  * @attr {Boolean} error - If set to true, sets an error state on the checkbox.
134
134
  * @attr {String} id - Sets the individual `id` per element.
135
135
  * @attr {String} name - Accepts any string, `DOMString` representing the value of the input.
136
- * @attr {String} value - Sets the element's input value.
136
+ * @attr {String} value - Sets the element's input value. Must be unique within an auro-checkbox-group element.
137
137
  * @csspart checkbox - apply css to a specific checkbox.
138
138
  * @csspart checkbox-input - apply css to a specific checkbox's input.
139
139
  * @csspart checkbox-label - apply css to a specific checkbox's label.
@@ -240,6 +240,15 @@ class AuroCheckbox extends r {
240
240
  return this.svg;
241
241
  }
242
242
 
243
+ /**
244
+ * Resets component to initial state.
245
+ * @returns {void}
246
+ */
247
+ reset() {
248
+ this.checked = false;
249
+ this.error = false;
250
+ }
251
+
243
252
  firstUpdated() {
244
253
  // Add the tag name as an attribute if it is different than the component name
245
254
  this.runtimeUtils.handleComponentTagRename(this, 'auro-checkbox');
@@ -302,6 +311,30 @@ class AuroFormValidation {
302
311
  this.runtimeUtils = new AuroLibraryRuntimeUtils();
303
312
  }
304
313
 
314
+ /**
315
+ * Resets the element to its initial state.
316
+ * @private
317
+ * @param {object} elem - HTML element to reset.
318
+ * @returns {void}
319
+ */
320
+ reset(elem) {
321
+ elem.validity = undefined;
322
+ elem.value = undefined;
323
+
324
+ // Resets the second value of the datepicker in range state
325
+ if (elem.valueEnd) {
326
+ elem.valueEnd = undefined;
327
+ }
328
+
329
+ // Resets selected option of element
330
+ if (elem.optionSelected) {
331
+ elem.optionSelected = undefined;
332
+ }
333
+
334
+ // Runs validation to handle error attribute
335
+ this.validate(elem);
336
+ }
337
+
305
338
  /**
306
339
  * Determines the validity state of the element based on the common attribute restrictions (pattern).
307
340
  * @private
@@ -316,10 +349,15 @@ class AuroFormValidation {
316
349
  elem.validity = 'badInput';
317
350
  elem.setCustomValidity = elem.setCustomValidityBadInput || '';
318
351
  }
319
- } else if (elem.value && elem.value.length > 0 && elem.value.length < elem.minLength) {
352
+ }
353
+
354
+ // Length > 0 is required to prevent the error message from showing when the input is empty
355
+ if (elem.value?.length > 0 && elem.value?.length < elem.minLength) {
320
356
  elem.validity = 'tooShort';
321
357
  elem.setCustomValidity = elem.setCustomValidityTooShort || '';
322
- } else if (elem.value && elem.value.length > elem.maxLength) {
358
+ }
359
+
360
+ if (elem.value?.length > elem.maxLength) {
323
361
  elem.validity = 'tooLong';
324
362
  elem.setCustomValidity = elem.setCustomValidityTooLong || '';
325
363
  }
@@ -345,7 +383,7 @@ class AuroFormValidation {
345
383
  elem.validity = 'tooShort';
346
384
  elem.setCustomValidity = elem.setCustomValidityForType || '';
347
385
  }
348
- } else if (elem.type === 'number' || elem.type === 'numeric') { // 'numeric` is a deprecated alias for number'
386
+ } else if (elem.type === 'number') {
349
387
  if (elem.max !== undefined && Number(elem.max) < Number(elem.value)) {
350
388
  elem.validity = 'rangeOverflow';
351
389
  elem.setCustomValidity = elem.getAttribute('setCustomValidityRangeOverflow') || '';
@@ -450,14 +488,10 @@ class AuroFormValidation {
450
488
 
451
489
  if (validationShouldRun || elem.hasAttribute('error')) {
452
490
  if (elem.validity && elem.validity !== 'valid') {
453
- elem.isValid = false;
454
-
455
491
  // Use the validity message override if it is declared
456
492
  if (elem.ValidityMessageOverride) {
457
493
  elem.setCustomValidity = elem.ValidityMessageOverride;
458
494
  }
459
- } else {
460
- elem.isValid = true;
461
495
  }
462
496
 
463
497
  this.getErrorMessage(elem);
@@ -732,7 +766,7 @@ class AuroCheckboxGroup extends r {
732
766
  handlePreselectedItems() {
733
767
  let preSelectedValues = false;
734
768
 
735
- this.items.forEach((item) => {
769
+ this.checkboxes.forEach((item) => {
736
770
  if (item.hasAttribute('checked') && this.value === undefined) {
737
771
  preSelectedValues = true;
738
772
  }
@@ -743,7 +777,7 @@ class AuroCheckboxGroup extends r {
743
777
  this.value = [];
744
778
  }
745
779
 
746
- this.items.forEach((item) => {
780
+ this.checkboxes.forEach((item) => {
747
781
  this.handleValueUpdate(item.getAttribute('value'), Boolean(item.hasAttribute('checked')));
748
782
  });
749
783
  }
@@ -758,13 +792,25 @@ class AuroCheckboxGroup extends r {
758
792
  const groupTagName = this.tagName.toLowerCase();
759
793
  const checkboxTagName = groupTagName.substring(0, groupTagName.indexOf('-group'));
760
794
 
761
- this.items = Array.from(this.querySelectorAll(checkboxTagName));
795
+ this.checkboxes = Array.from(this.querySelectorAll(checkboxTagName));
762
796
 
763
797
  this.handlePreselectedItems();
764
798
 
765
799
  this.validation.validate(this);
766
800
  }
767
801
 
802
+ /**
803
+ * Resets component to initial state.
804
+ * @returns {void}
805
+ */
806
+ reset() {
807
+ this.checkboxes.forEach((checkbox) => {
808
+ checkbox.reset();
809
+ });
810
+
811
+ this.validation.reset(this);
812
+ }
813
+
768
814
  /**
769
815
  * LitElement lifecycle method. Called after the DOM has been updated.
770
816
  * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
@@ -772,7 +818,7 @@ class AuroCheckboxGroup extends r {
772
818
  */
773
819
  updated(changedProperties) {
774
820
  if (changedProperties.has('disabled')) {
775
- this.items.forEach((el) => {
821
+ this.checkboxes.forEach((el) => {
776
822
  if (this.disabled) {
777
823
  el.setAttribute('disabled', true);
778
824
  } else {
@@ -782,7 +828,7 @@ class AuroCheckboxGroup extends r {
782
828
  }
783
829
 
784
830
  if (changedProperties.has('validity')) {
785
- this.items.forEach((el) => {
831
+ this.checkboxes.forEach((el) => {
786
832
  if (this.validity && this.validity !== 'valid') {
787
833
  el.setAttribute('error', true);
788
834
  } else {
@@ -812,7 +858,7 @@ class AuroCheckboxGroup extends r {
812
858
 
813
859
  render() {
814
860
  const groupClasses = {
815
- 'displayFlex': this.horizontal && this.items.length <= this.maxNumber
861
+ 'displayFlex': this.horizontal && this.checkboxes.length <= this.maxNumber
816
862
  };
817
863
 
818
864
  return x`
package/components/checkbox/dist/auro-checkbox-group.d.ts CHANGED
@@ -106,7 +106,12 @@ export class AuroCheckboxGroup extends LitElement {
106
106
  * @returns {void}
107
107
  */
108
108
  private handleItems;
109
- items: Element[];
109
+ checkboxes: Element[];
110
+ /**
111
+ * Resets component to initial state.
112
+ * @returns {void}
113
+ */
114
+ reset(): void;
110
115
  /**
111
116
  * LitElement lifecycle method. Called after the DOM has been updated.
112
117
  * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
package/components/checkbox/dist/auro-checkbox-group.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"auro-checkbox-group.d.ts","sourceRoot":"","sources":["../src/auro-checkbox-group.js"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;GAeG;AAEH;IA+BE,+CAMC;IAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuCC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAtFC,cAAyB;IACzB,aAAsB;IACtB,cAAyB;IACzB,kBAAqB;IACrB,oBAAuB;IAEvB;;OAEG;IACH,cAAc;IAEd;;OAEG;IACH,kBAAkB;IAElB;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAqEnD;;;;;;OAMG;IACH,0BAoBC;IAED,qBA2CC;IAjBG,qBAAuB;IAmB3B;;;;OAIG;IACH,+BAkBC;IAED;;;;OAIG;IACH,oBASC;IALC,iBAA+D;IAOjE;;;;OAIG;IACH,2BAHW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GACd,IAAI,CAwChB;IAED,+CAyBC;CACF;2BAvTgC,KAAK"}
1
+ {"version":3,"file":"auro-checkbox-group.d.ts","sourceRoot":"","sources":["../src/auro-checkbox-group.js"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;GAeG;AAEH;IA+BE,+CAMC;IAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuCC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAtFC,cAAyB;IACzB,aAAsB;IACtB,cAAyB;IACzB,kBAAqB;IACrB,oBAAuB;IAEvB;;OAEG;IACH,cAAc;IAEd;;OAEG;IACH,kBAAkB;IAElB;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAqEnD;;;;;;OAMG;IACH,0BAoBC;IAED,qBA2CC;IAjBG,qBAAuB;IAmB3B;;;;OAIG;IACH,+BAkBC;IAED;;;;OAIG;IACH,oBASC;IALC,sBAAoE;IAOtE;;;OAGG;IACH,SAFa,IAAI,CAQhB;IAED;;;;OAIG;IACH,2BAHW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GACd,IAAI,CAwChB;IAED,+CAyBC;CACF;2BAnUgC,KAAK"}
package/components/checkbox/dist/auro-checkbox.d.ts CHANGED
@@ -6,7 +6,7 @@
6
6
  * @attr {Boolean} error - If set to true, sets an error state on the checkbox.
7
7
  * @attr {String} id - Sets the individual `id` per element.
8
8
  * @attr {String} name - Accepts any string, `DOMString` representing the value of the input.
9
- * @attr {String} value - Sets the element's input value.
9
+ * @attr {String} value - Sets the element's input value. Must be unique within an auro-checkbox-group element.
10
10
  * @csspart checkbox - apply css to a specific checkbox.
11
11
  * @csspart checkbox-input - apply css to a specific checkbox's input.
12
12
  * @csspart checkbox-label - apply css to a specific checkbox's label.
@@ -68,6 +68,11 @@ export class AuroCheckbox extends LitElement {
68
68
  private generateIconHtml;
69
69
  dom: Document;
70
70
  svg: ChildNode;
71
+ /**
72
+ * Resets component to initial state.
73
+ * @returns {void}
74
+ */
75
+ reset(): void;
71
76
  firstUpdated(): void;
72
77
  render(): import("lit-html").TemplateResult<1>;
73
78
  }
package/components/checkbox/dist/auro-checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"auro-checkbox.d.ts","sourceRoot":"","sources":["../src/auro-checkbox.js"],"names":[],"mappings":"AAiBA;;;;;;;;;;;;GAYG;AAGH;IAaE,+CAMC;IAGD;;;;;;;;;;;;;;;;;;;;;;MAkBC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAjDC,iBAAoB;IACpB,kBAAqB;IACrB,eAAkB;IAElB;;OAEG;IACH,qBAAiD;IA8CnD,+BAKC;IAED,8BAQC;IAED;;;;OAIG;IACH,sBAMC;IAED;;;;OAIG;IACH,yBAOC;IANC,cAAoE;IACpE,eAAmC;IAOrC,qBAmBC;IAGD,+CA4BC;CACF;2BAlLgC,KAAK"}
1
+ {"version":3,"file":"auro-checkbox.d.ts","sourceRoot":"","sources":["../src/auro-checkbox.js"],"names":[],"mappings":"AAiBA;;;;;;;;;;;;GAYG;AAGH;IAaE,+CAMC;IAGD;;;;;;;;;;;;;;;;;;;;;;MAkBC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAjDC,iBAAoB;IACpB,kBAAqB;IACrB,eAAkB;IAElB;;OAEG;IACH,qBAAiD;IA8CnD,+BAKC;IAED,8BAQC;IAED;;;;OAIG;IACH,sBAMC;IAED;;;;OAIG;IACH,yBAOC;IANC,cAAoE;IACpE,eAAmC;IAOrC;;;OAGG;IACH,SAFa,IAAI,CAKhB;IAED,qBAmBC;IAGD,+CA4BC;CACF;2BA3LgC,KAAK"}
package/components/checkbox/dist/index.js CHANGED
@@ -133,7 +133,7 @@ class AuroLibraryRuntimeUtils {
133
133
  * @attr {Boolean} error - If set to true, sets an error state on the checkbox.
134
134
  * @attr {String} id - Sets the individual `id` per element.
135
135
  * @attr {String} name - Accepts any string, `DOMString` representing the value of the input.
136
- * @attr {String} value - Sets the element's input value.
136
+ * @attr {String} value - Sets the element's input value. Must be unique within an auro-checkbox-group element.
137
137
  * @csspart checkbox - apply css to a specific checkbox.
138
138
  * @csspart checkbox-input - apply css to a specific checkbox's input.
139
139
  * @csspart checkbox-label - apply css to a specific checkbox's label.
@@ -240,6 +240,15 @@ class AuroCheckbox extends r {
240
240
  return this.svg;
241
241
  }
242
242
 
243
+ /**
244
+ * Resets component to initial state.
245
+ * @returns {void}
246
+ */
247
+ reset() {
248
+ this.checked = false;
249
+ this.error = false;
250
+ }
251
+
243
252
  firstUpdated() {
244
253
  // Add the tag name as an attribute if it is different than the component name
245
254
  this.runtimeUtils.handleComponentTagRename(this, 'auro-checkbox');
@@ -302,6 +311,30 @@ class AuroFormValidation {
302
311
  this.runtimeUtils = new AuroLibraryRuntimeUtils();
303
312
  }
304
313
 
314
+ /**
315
+ * Resets the element to its initial state.
316
+ * @private
317
+ * @param {object} elem - HTML element to reset.
318
+ * @returns {void}
319
+ */
320
+ reset(elem) {
321
+ elem.validity = undefined;
322
+ elem.value = undefined;
323
+
324
+ // Resets the second value of the datepicker in range state
325
+ if (elem.valueEnd) {
326
+ elem.valueEnd = undefined;
327
+ }
328
+
329
+ // Resets selected option of element
330
+ if (elem.optionSelected) {
331
+ elem.optionSelected = undefined;
332
+ }
333
+
334
+ // Runs validation to handle error attribute
335
+ this.validate(elem);
336
+ }
337
+
305
338
  /**
306
339
  * Determines the validity state of the element based on the common attribute restrictions (pattern).
307
340
  * @private
@@ -316,10 +349,15 @@ class AuroFormValidation {
316
349
  elem.validity = 'badInput';
317
350
  elem.setCustomValidity = elem.setCustomValidityBadInput || '';
318
351
  }
319
- } else if (elem.value && elem.value.length > 0 && elem.value.length < elem.minLength) {
352
+ }
353
+
354
+ // Length > 0 is required to prevent the error message from showing when the input is empty
355
+ if (elem.value?.length > 0 && elem.value?.length < elem.minLength) {
320
356
  elem.validity = 'tooShort';
321
357
  elem.setCustomValidity = elem.setCustomValidityTooShort || '';
322
- } else if (elem.value && elem.value.length > elem.maxLength) {
358
+ }
359
+
360
+ if (elem.value?.length > elem.maxLength) {
323
361
  elem.validity = 'tooLong';
324
362
  elem.setCustomValidity = elem.setCustomValidityTooLong || '';
325
363
  }
@@ -345,7 +383,7 @@ class AuroFormValidation {
345
383
  elem.validity = 'tooShort';
346
384
  elem.setCustomValidity = elem.setCustomValidityForType || '';
347
385
  }
348
- } else if (elem.type === 'number' || elem.type === 'numeric') { // 'numeric` is a deprecated alias for number'
386
+ } else if (elem.type === 'number') {
349
387
  if (elem.max !== undefined && Number(elem.max) < Number(elem.value)) {
350
388
  elem.validity = 'rangeOverflow';
351
389
  elem.setCustomValidity = elem.getAttribute('setCustomValidityRangeOverflow') || '';
@@ -450,14 +488,10 @@ class AuroFormValidation {
450
488
 
451
489
  if (validationShouldRun || elem.hasAttribute('error')) {
452
490
  if (elem.validity && elem.validity !== 'valid') {
453
- elem.isValid = false;
454
-
455
491
  // Use the validity message override if it is declared
456
492
  if (elem.ValidityMessageOverride) {
457
493
  elem.setCustomValidity = elem.ValidityMessageOverride;
458
494
  }
459
- } else {
460
- elem.isValid = true;
461
495
  }
462
496
 
463
497
  this.getErrorMessage(elem);
@@ -732,7 +766,7 @@ class AuroCheckboxGroup extends r {
732
766
  handlePreselectedItems() {
733
767
  let preSelectedValues = false;
734
768
 
735
- this.items.forEach((item) => {
769
+ this.checkboxes.forEach((item) => {
736
770
  if (item.hasAttribute('checked') && this.value === undefined) {
737
771
  preSelectedValues = true;
738
772
  }
@@ -743,7 +777,7 @@ class AuroCheckboxGroup extends r {
743
777
  this.value = [];
744
778
  }
745
779
 
746
- this.items.forEach((item) => {
780
+ this.checkboxes.forEach((item) => {
747
781
  this.handleValueUpdate(item.getAttribute('value'), Boolean(item.hasAttribute('checked')));
748
782
  });
749
783
  }
@@ -758,13 +792,25 @@ class AuroCheckboxGroup extends r {
758
792
  const groupTagName = this.tagName.toLowerCase();
759
793
  const checkboxTagName = groupTagName.substring(0, groupTagName.indexOf('-group'));
760
794
 
761
- this.items = Array.from(this.querySelectorAll(checkboxTagName));
795
+ this.checkboxes = Array.from(this.querySelectorAll(checkboxTagName));
762
796
 
763
797
  this.handlePreselectedItems();
764
798
 
765
799
  this.validation.validate(this);
766
800
  }
767
801
 
802
+ /**
803
+ * Resets component to initial state.
804
+ * @returns {void}
805
+ */
806
+ reset() {
807
+ this.checkboxes.forEach((checkbox) => {
808
+ checkbox.reset();
809
+ });
810
+
811
+ this.validation.reset(this);
812
+ }
813
+
768
814
  /**
769
815
  * LitElement lifecycle method. Called after the DOM has been updated.
770
816
  * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
@@ -772,7 +818,7 @@ class AuroCheckboxGroup extends r {
772
818
  */
773
819
  updated(changedProperties) {
774
820
  if (changedProperties.has('disabled')) {
775
- this.items.forEach((el) => {
821
+ this.checkboxes.forEach((el) => {
776
822
  if (this.disabled) {
777
823
  el.setAttribute('disabled', true);
778
824
  } else {
@@ -782,7 +828,7 @@ class AuroCheckboxGroup extends r {
782
828
  }
783
829
 
784
830
  if (changedProperties.has('validity')) {
785
- this.items.forEach((el) => {
831
+ this.checkboxes.forEach((el) => {
786
832
  if (this.validity && this.validity !== 'valid') {
787
833
  el.setAttribute('error', true);
788
834
  } else {
@@ -812,7 +858,7 @@ class AuroCheckboxGroup extends r {
812
858
 
813
859
  render() {
814
860
  const groupClasses = {
815
- 'displayFlex': this.horizontal && this.items.length <= this.maxNumber
861
+ 'displayFlex': this.horizontal && this.checkboxes.length <= this.maxNumber
816
862
  };
817
863
 
818
864
  return x`