@redvars/peacock 3.1.1 → 3.1.3

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 (411) hide show
  1. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/LoaderUtils.d.ts +0 -1
  2. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/LoaderUtils.js +0 -1
  3. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/LoaderUtils.js.map +1 -1
  4. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.css.js.map +1 -1
  5. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.d.ts +20 -1
  6. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js +20 -1
  7. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js.map +1 -1
  8. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.d.ts +0 -7
  9. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.js +0 -7
  10. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.js.map +1 -1
  11. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.css.js +5 -4
  12. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.css.js.map +1 -1
  13. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.d.ts +16 -2
  14. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js +28 -11
  15. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js.map +1 -1
  16. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.d.ts +0 -5
  17. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.js +0 -5
  18. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.js.map +1 -1
  19. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/button.d.ts +99 -0
  20. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/button.js +292 -0
  21. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/button.js.map +1 -0
  22. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/index.d.ts +1 -0
  23. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/index.js +2 -0
  24. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/index.js.map +1 -0
  25. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/ClockController.d.ts +10 -0
  26. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/ClockController.js +22 -0
  27. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/ClockController.js.map +1 -0
  28. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.d.ts +1 -0
  29. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.js +12 -0
  30. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.js.map +1 -0
  31. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.d.ts +25 -0
  32. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.js +41 -0
  33. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.js.map +1 -0
  34. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.d.ts +1 -0
  35. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.js +2 -0
  36. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.js.map +1 -0
  37. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.d.ts +26 -0
  38. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.js +60 -0
  39. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.js.map +1 -0
  40. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.d.ts +1 -0
  41. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.js +2 -0
  42. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.js.map +1 -0
  43. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.d.ts +6 -0
  44. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.js +7 -0
  45. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.js.map +1 -0
  46. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.d.ts +1 -0
  47. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js +58 -0
  48. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js.map +1 -0
  49. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.d.ts +27 -0
  50. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js +61 -0
  51. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js.map +1 -0
  52. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.d.ts +1 -0
  53. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js +2 -0
  54. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js.map +1 -0
  55. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.css.d.ts +1 -0
  56. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.css.js +47 -0
  57. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.css.js.map +1 -0
  58. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.d.ts +27 -0
  59. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.js +31 -0
  60. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.js.map +1 -0
  61. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/index.d.ts +1 -0
  62. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/index.js +2 -0
  63. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/index.js.map +1 -0
  64. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/FocusAttachableController.d.ts +9 -0
  65. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/FocusAttachableController.js +25 -0
  66. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/FocusAttachableController.js.map +1 -0
  67. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/focus-ring.d.ts +35 -0
  68. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/focus-ring.js +81 -0
  69. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/focus-ring.js.map +1 -0
  70. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/index.d.ts +1 -0
  71. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/index.js +2 -0
  72. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/index.js.map +1 -0
  73. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.d.ts +23 -2
  74. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js +20 -4
  75. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js.map +1 -1
  76. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.d.ts +0 -7
  77. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js +0 -7
  78. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js.map +1 -1
  79. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.d.ts +6 -0
  80. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.js +6 -0
  81. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.js.map +1 -1
  82. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/peacock-loader.js +35 -19
  83. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/peacock-loader.js.map +1 -1
  84. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/index.d.ts +1 -0
  85. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/index.js +2 -0
  86. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/index.js.map +1 -0
  87. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/ripple.d.ts +9 -0
  88. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/ripple.js +125 -0
  89. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/ripple/ripple.js.map +1 -0
  90. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.d.ts +5 -0
  91. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.js +54 -1
  92. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.js.map +1 -1
  93. package/.rollup.cache/E/git/redvars/peacock/components/dist/tsconfig.tsbuildinfo +1 -1
  94. package/bin/typedoc-gen.mjs +63 -0
  95. package/custom-elements-manifest.config.mjs +5 -6
  96. package/demo/index.html +45 -42
  97. package/dist/LoaderUtils.d.ts +23 -0
  98. package/dist/LoaderUtils.d.ts.map +1 -0
  99. package/dist/assets/styles/tokens.css +21 -53
  100. package/dist/avatar/avatar.d.ts +28 -0
  101. package/dist/avatar/avatar.d.ts.map +1 -0
  102. package/dist/avatar/index.d.ts +2 -0
  103. package/dist/avatar/index.d.ts.map +1 -0
  104. package/dist/avatar/p-avatar.d.ts +4 -0
  105. package/dist/avatar/p-avatar.d.ts.map +1 -0
  106. package/dist/avatar.js +100 -0
  107. package/dist/avatar.js.map +1 -0
  108. package/dist/badge/badge.d.ts +24 -0
  109. package/dist/badge/badge.d.ts.map +1 -0
  110. package/dist/badge/index.d.ts +2 -0
  111. package/dist/badge/index.d.ts.map +1 -0
  112. package/dist/badge/p-badge.d.ts +4 -0
  113. package/dist/badge/p-badge.d.ts.map +1 -0
  114. package/dist/badge.js +90 -0
  115. package/dist/badge.js.map +1 -0
  116. package/dist/button/button.d.ts +103 -0
  117. package/dist/button/button.d.ts.map +1 -0
  118. package/dist/button/index.d.ts +2 -0
  119. package/dist/button/index.d.ts.map +1 -0
  120. package/dist/button.js +710 -0
  121. package/dist/button.js.map +1 -0
  122. package/dist/class-map-BzIzngvN.js +89 -0
  123. package/dist/class-map-BzIzngvN.js.map +1 -0
  124. package/dist/class-map-CBk4-iMN.js +11 -0
  125. package/dist/class-map-CBk4-iMN.js.map +1 -0
  126. package/dist/class-map-Cavm-B1S.js +11 -0
  127. package/dist/class-map-Cavm-B1S.js.map +1 -0
  128. package/dist/class-map-DL5vM0J2.js +11 -0
  129. package/dist/class-map-DL5vM0J2.js.map +1 -0
  130. package/dist/class-map-DpvLRi0h.js +11 -0
  131. package/dist/class-map-DpvLRi0h.js.map +1 -0
  132. package/dist/class-map-IbP5VjmB.js +11 -0
  133. package/dist/class-map-IbP5VjmB.js.map +1 -0
  134. package/dist/clock/ClockController.d.ts +11 -0
  135. package/dist/clock/ClockController.d.ts.map +1 -0
  136. package/dist/clock/clock.d.ts +26 -0
  137. package/dist/clock/clock.d.ts.map +1 -0
  138. package/dist/clock/index.d.ts +2 -0
  139. package/dist/clock/index.d.ts.map +1 -0
  140. package/dist/clock.js +77 -0
  141. package/dist/clock.js.map +1 -0
  142. package/dist/code-highlighter/code-highlighter.d.ts +27 -0
  143. package/dist/code-highlighter/code-highlighter.d.ts.map +1 -0
  144. package/dist/code-highlighter/index.d.ts +2 -0
  145. package/dist/code-highlighter/index.d.ts.map +1 -0
  146. package/dist/code-highlighter/local.d.ts +7 -0
  147. package/dist/code-highlighter/local.d.ts.map +1 -0
  148. package/dist/code-highlighter.js +66 -0
  149. package/dist/code-highlighter.js.map +1 -0
  150. package/dist/custom-elements-jsdocs.json +1211 -0
  151. package/dist/directive-BKuZRRPO.js +9 -0
  152. package/dist/directive-BKuZRRPO.js.map +1 -0
  153. package/dist/directive-CkFJvUQK.js +45 -0
  154. package/dist/directive-CkFJvUQK.js.map +1 -0
  155. package/dist/divider/divider.d.ts +28 -0
  156. package/dist/divider/divider.d.ts.map +1 -0
  157. package/dist/divider/index.d.ts +2 -0
  158. package/dist/divider/index.d.ts.map +1 -0
  159. package/dist/divider.js +117 -0
  160. package/dist/divider.js.map +1 -0
  161. package/dist/elevation/elevation.d.ts +28 -0
  162. package/dist/elevation/elevation.d.ts.map +1 -0
  163. package/dist/elevation/index.d.ts +2 -0
  164. package/dist/elevation/index.d.ts.map +1 -0
  165. package/dist/elevation-Bl1N6qEq.js +100 -0
  166. package/dist/elevation-Bl1N6qEq.js.map +1 -0
  167. package/dist/elevation-CbF5he8B.js +103 -0
  168. package/dist/elevation-CbF5he8B.js.map +1 -0
  169. package/dist/elevation-D3F6Z1jU.js +100 -0
  170. package/dist/elevation-D3F6Z1jU.js.map +1 -0
  171. package/dist/elevation.js +77 -0
  172. package/dist/elevation.js.map +1 -0
  173. package/dist/focus-ring/FocusAttachableController.d.ts +10 -0
  174. package/dist/focus-ring/FocusAttachableController.d.ts.map +1 -0
  175. package/dist/focus-ring/focus-ring.d.ts +36 -0
  176. package/dist/focus-ring/focus-ring.d.ts.map +1 -0
  177. package/dist/focus-ring/index.d.ts +2 -0
  178. package/dist/focus-ring/index.d.ts.map +1 -0
  179. package/dist/focus-ring.js +105 -0
  180. package/dist/focus-ring.js.map +1 -0
  181. package/dist/icon/datasource.d.ts +3 -0
  182. package/dist/icon/datasource.d.ts.map +1 -0
  183. package/dist/icon/icon.d.ts +42 -0
  184. package/dist/icon/icon.d.ts.map +1 -0
  185. package/dist/icon/index.d.ts +2 -0
  186. package/dist/icon/index.d.ts.map +1 -0
  187. package/dist/icon/p-icon.d.ts +4 -0
  188. package/dist/icon/p-icon.d.ts.map +1 -0
  189. package/dist/{component/icon.js → icon.js} +43 -124
  190. package/dist/icon.js.map +1 -0
  191. package/dist/index.d.ts +9 -0
  192. package/dist/index.d.ts.map +1 -0
  193. package/dist/index.js +15 -67
  194. package/dist/index.js.map +1 -1
  195. package/dist/link/link.css.d.ts +3 -0
  196. package/dist/link/link.css.d.ts.map +1 -0
  197. package/dist/lit-element-B7NX__Gq.js +2851 -0
  198. package/dist/lit-element-B7NX__Gq.js.map +1 -0
  199. package/dist/lit-element-Bq5B2QNv.js +28 -0
  200. package/dist/lit-element-Bq5B2QNv.js.map +1 -0
  201. package/dist/lit-element-CkD27PXL.js +28 -0
  202. package/dist/lit-element-CkD27PXL.js.map +1 -0
  203. package/dist/lit-element-DHH1_Q-3.js +28 -0
  204. package/dist/lit-element-DHH1_Q-3.js.map +1 -0
  205. package/dist/peacock-loader.d.ts +2 -0
  206. package/dist/peacock-loader.d.ts.map +1 -0
  207. package/dist/peacock-loader.js +479 -121
  208. package/dist/peacock-loader.js.map +1 -1
  209. package/dist/property-BXcRN0hQ.js +39 -0
  210. package/dist/property-BXcRN0hQ.js.map +1 -0
  211. package/dist/property-CR1ZrEd9.js +45 -0
  212. package/dist/property-CR1ZrEd9.js.map +1 -0
  213. package/dist/property-CqSbFxyM.js +45 -0
  214. package/dist/property-CqSbFxyM.js.map +1 -0
  215. package/dist/{directive-CKEA2P55.js → property-D4Kn9TsY.js} +6 -13
  216. package/dist/property-D4Kn9TsY.js.map +1 -0
  217. package/dist/property-DNaigT7h.js +39 -0
  218. package/dist/property-DNaigT7h.js.map +1 -0
  219. package/dist/property-yt9tIYgR.js +39 -0
  220. package/dist/property-yt9tIYgR.js.map +1 -0
  221. package/dist/query-CV342L_h.js +189 -0
  222. package/dist/query-CV342L_h.js.map +1 -0
  223. package/dist/ripple-Blc5Rqhb.js +102 -0
  224. package/dist/ripple-Blc5Rqhb.js.map +1 -0
  225. package/dist/ripple-BqTcEQAP.js +102 -0
  226. package/dist/ripple-BqTcEQAP.js.map +1 -0
  227. package/dist/ripple-BqUjb18i.js +105 -0
  228. package/dist/ripple-BqUjb18i.js.map +1 -0
  229. package/dist/ripple-Buzs-MON.js +106 -0
  230. package/dist/ripple-Buzs-MON.js.map +1 -0
  231. package/dist/ripple-Bz5B_LoE.js +102 -0
  232. package/dist/ripple-Bz5B_LoE.js.map +1 -0
  233. package/dist/ripple-CAq7Ix6x.js +106 -0
  234. package/dist/ripple-CAq7Ix6x.js.map +1 -0
  235. package/dist/ripple-CDqSm_Vy.js +106 -0
  236. package/dist/ripple-CDqSm_Vy.js.map +1 -0
  237. package/dist/ripple-CJtPH28B.js +102 -0
  238. package/dist/ripple-CJtPH28B.js.map +1 -0
  239. package/dist/ripple-CKTd8obC.js +92 -0
  240. package/dist/ripple-CKTd8obC.js.map +1 -0
  241. package/dist/ripple-CKnDWTVQ.js +107 -0
  242. package/dist/ripple-CKnDWTVQ.js.map +1 -0
  243. package/dist/ripple-CeR8eLuc.js +93 -0
  244. package/dist/ripple-CeR8eLuc.js.map +1 -0
  245. package/dist/ripple-Czp3eR6w.js +127 -0
  246. package/dist/ripple-Czp3eR6w.js.map +1 -0
  247. package/dist/ripple-DIab1MaY.js +106 -0
  248. package/dist/ripple-DIab1MaY.js.map +1 -0
  249. package/dist/ripple-DUFMimxZ.js +120 -0
  250. package/dist/ripple-DUFMimxZ.js.map +1 -0
  251. package/dist/ripple-DVmDdoNV.js +102 -0
  252. package/dist/ripple-DVmDdoNV.js.map +1 -0
  253. package/dist/ripple-DYnhXK5d.js +118 -0
  254. package/dist/ripple-DYnhXK5d.js.map +1 -0
  255. package/dist/ripple-DnudV47f.js +102 -0
  256. package/dist/ripple-DnudV47f.js.map +1 -0
  257. package/dist/ripple-DsC-h31M.js +119 -0
  258. package/dist/ripple-DsC-h31M.js.map +1 -0
  259. package/dist/ripple-DvM0SPd9.js +128 -0
  260. package/dist/ripple-DvM0SPd9.js.map +1 -0
  261. package/dist/ripple-NWIiDgX2.js +128 -0
  262. package/dist/ripple-NWIiDgX2.js.map +1 -0
  263. package/dist/ripple-X3U_R8lT.js +106 -0
  264. package/dist/ripple-X3U_R8lT.js.map +1 -0
  265. package/dist/ripple.js +128 -0
  266. package/dist/ripple.js.map +1 -0
  267. package/dist/src/LoaderUtils.d.ts +0 -1
  268. package/dist/src/avatar/avatar.d.ts +20 -1
  269. package/dist/src/avatar/p-avatar.d.ts +0 -7
  270. package/dist/src/badge/badge.d.ts +16 -2
  271. package/dist/src/badge/p-badge.d.ts +0 -5
  272. package/dist/src/button/button.d.ts +99 -0
  273. package/dist/src/button/index.d.ts +1 -0
  274. package/dist/src/clock/ClockController.d.ts +10 -0
  275. package/dist/src/clock/clock.css.d.ts +1 -0
  276. package/dist/src/clock/clock.d.ts +25 -0
  277. package/dist/src/clock/index.d.ts +1 -0
  278. package/dist/src/code-highlighter/code-highlighter.d.ts +26 -0
  279. package/dist/src/code-highlighter/index.d.ts +1 -0
  280. package/dist/src/code-highlighter/local.d.ts +6 -0
  281. package/dist/src/divider/divider.css.d.ts +1 -0
  282. package/dist/src/divider/divider.d.ts +27 -0
  283. package/dist/src/divider/index.d.ts +1 -0
  284. package/dist/src/elevation/elevation.css.d.ts +1 -0
  285. package/dist/src/elevation/elevation.d.ts +27 -0
  286. package/dist/src/elevation/index.d.ts +1 -0
  287. package/dist/src/focus-ring/FocusAttachableController.d.ts +9 -0
  288. package/dist/src/focus-ring/focus-ring.d.ts +35 -0
  289. package/dist/src/focus-ring/index.d.ts +1 -0
  290. package/dist/src/icon/icon.d.ts +23 -2
  291. package/dist/src/icon/p-icon.d.ts +0 -7
  292. package/dist/src/index.d.ts +6 -0
  293. package/dist/src/ripple/index.d.ts +1 -0
  294. package/dist/src/ripple/ripple.d.ts +9 -0
  295. package/dist/src/utils.d.ts +5 -0
  296. package/dist/state-BXOdKkbT.js +10 -0
  297. package/dist/state-BXOdKkbT.js.map +1 -0
  298. package/dist/state-BfUul2Gq.js +10 -0
  299. package/dist/state-BfUul2Gq.js.map +1 -0
  300. package/dist/state-CNX6DhqO.js +10 -0
  301. package/dist/state-CNX6DhqO.js.map +1 -0
  302. package/dist/state-Cl3mjeR1.js +10 -0
  303. package/dist/state-Cl3mjeR1.js.map +1 -0
  304. package/dist/state-CxzmLNIi.js +10 -0
  305. package/dist/state-CxzmLNIi.js.map +1 -0
  306. package/dist/state-WDFgnqnd.js +36 -0
  307. package/dist/state-WDFgnqnd.js.map +1 -0
  308. package/dist/style-inject.es--nCJ9F_D.js +55 -0
  309. package/dist/style-inject.es--nCJ9F_D.js.map +1 -0
  310. package/dist/style-inject.es-tgCJW-Cu.js +29 -0
  311. package/dist/style-inject.es-tgCJW-Cu.js.map +1 -0
  312. package/dist/styleMixins.css-0Uq-6ouM.js +14 -0
  313. package/dist/styleMixins.css-0Uq-6ouM.js.map +1 -0
  314. package/dist/styleMixins.css-B8H9wDNA.js +17 -0
  315. package/dist/styleMixins.css-B8H9wDNA.js.map +1 -0
  316. package/dist/styleMixins.css-CivfMYtB.js +17 -0
  317. package/dist/styleMixins.css-CivfMYtB.js.map +1 -0
  318. package/dist/styleMixins.css-DrUsqddl.js +17 -0
  319. package/dist/styleMixins.css-DrUsqddl.js.map +1 -0
  320. package/dist/styleMixins.css-fokZCyF-.js +17 -0
  321. package/dist/styleMixins.css-fokZCyF-.js.map +1 -0
  322. package/dist/styleMixins.css.d.ts +10 -0
  323. package/dist/styleMixins.css.d.ts.map +1 -0
  324. package/dist/text/text.css.d.ts +3 -0
  325. package/dist/text/text.css.d.ts.map +1 -0
  326. package/dist/tsconfig.tsbuildinfo +1 -1
  327. package/dist/typedoc.json +340489 -0
  328. package/dist/utils-BVap5huR.js +157 -0
  329. package/dist/utils-BVap5huR.js.map +1 -0
  330. package/dist/utils-CY3RyfcA.js +157 -0
  331. package/dist/utils-CY3RyfcA.js.map +1 -0
  332. package/dist/utils-CdOdn2dW.js +149 -0
  333. package/dist/utils-CdOdn2dW.js.map +1 -0
  334. package/dist/utils-DD_cg6Ms.js +157 -0
  335. package/dist/utils-DD_cg6Ms.js.map +1 -0
  336. package/dist/utils-_5no4mk7.js +128 -0
  337. package/dist/utils-_5no4mk7.js.map +1 -0
  338. package/dist/utils.d.ts +8 -0
  339. package/dist/utils.d.ts.map +1 -0
  340. package/package.json +11 -9
  341. package/readme.md +5 -17
  342. package/rollup.config.js +79 -37
  343. package/scratch.mjs +0 -0
  344. package/scss/mixin.scss +50 -0
  345. package/src/LoaderUtils.ts +122 -122
  346. package/src/avatar/avatar.scss +38 -0
  347. package/src/avatar/avatar.ts +20 -1
  348. package/src/avatar/p-avatar.ts +0 -7
  349. package/src/badge/badge.scss +31 -0
  350. package/src/badge/badge.ts +31 -9
  351. package/src/badge/demo/index.html +9 -1
  352. package/src/badge/p-badge.ts +0 -5
  353. package/src/button/_button-sizes.scss +59 -0
  354. package/src/button/button.scss +430 -0
  355. package/src/button/button.ts +304 -0
  356. package/src/button/demo/index.html +42 -0
  357. package/src/button/index.ts +1 -0
  358. package/src/clock/ClockController.ts +32 -0
  359. package/src/clock/clock.scss +9 -0
  360. package/src/clock/clock.ts +39 -0
  361. package/{demo/int.html → src/clock/demo/index.html} +7 -10
  362. package/src/clock/index.ts +1 -0
  363. package/src/code-highlighter/code-highlighter.scss +0 -0
  364. package/src/code-highlighter/code-highlighter.ts +58 -0
  365. package/src/code-highlighter/demo/index.html +58 -0
  366. package/src/code-highlighter/index.ts +1 -0
  367. package/src/code-highlighter/local.ts +11 -0
  368. package/src/divider/demo/index.html +58 -0
  369. package/src/divider/divider.scss +56 -0
  370. package/src/divider/divider.ts +59 -0
  371. package/src/divider/index.ts +1 -0
  372. package/src/elevation/demo/index.html +58 -0
  373. package/src/elevation/elevation.scss +61 -0
  374. package/src/elevation/elevation.ts +32 -0
  375. package/src/elevation/index.ts +1 -0
  376. package/src/focus-ring/FocusAttachableController.ts +36 -0
  377. package/src/focus-ring/demo/index.html +58 -0
  378. package/src/focus-ring/focus-ring.scss +22 -0
  379. package/src/focus-ring/focus-ring.ts +83 -0
  380. package/src/focus-ring/index.ts +1 -0
  381. package/src/icon/icon.scss +19 -0
  382. package/src/icon/icon.ts +131 -111
  383. package/src/icon/p-icon.ts +0 -7
  384. package/src/index.ts +9 -3
  385. package/src/link/demo/index.html +34 -0
  386. package/src/link/link.scss +24 -0
  387. package/src/peacock-loader.ts +69 -55
  388. package/src/ripple/index.ts +1 -0
  389. package/src/ripple/ripple.ts +134 -0
  390. package/src/styles.d.ts +3 -1
  391. package/src/text/text.scss +48 -0
  392. package/src/utils.ts +72 -1
  393. package/tsconfig.json +23 -22
  394. package/assets/tokens.css +0 -522
  395. package/copyDesignFiles.js +0 -11
  396. package/custom-elements.md +0 -192
  397. package/dist/avatar-GQwWRGRw.js +0 -418
  398. package/dist/avatar-GQwWRGRw.js.map +0 -1
  399. package/dist/avatar-jfcIDB8G.js +0 -424
  400. package/dist/avatar-jfcIDB8G.js.map +0 -1
  401. package/dist/component/avatar.js +0 -92
  402. package/dist/component/avatar.js.map +0 -1
  403. package/dist/component/icon.js.map +0 -1
  404. package/dist/directive-CKEA2P55.js.map +0 -1
  405. package/dist/utils-CSwoJIcG.js +0 -171
  406. package/dist/utils-CSwoJIcG.js.map +0 -1
  407. package/dist/web-types.json +0 -78
  408. package/readme-gen.mjs +0 -24
  409. package/src/avatar/avatar.css.ts +0 -41
  410. package/src/badge/badge.css.ts +0 -33
  411. package/src/icon/icon.css.ts +0 -22
package/src/divider/divider.scss ADDED
@@ -0,0 +1,56 @@
1
+ @use '../../scss/mixin';
2
+
3
+ :host {
4
+ display: block;
5
+
6
+ --divider-color: var(--color-outline-variant);
7
+ --divider-padding: var(--spacing-200);
8
+ }
9
+
10
+ .divider {
11
+ display: flex;
12
+ margin: 0;
13
+ @include mixin.get-typography(body-small-emphasized);
14
+ color: var(--divider-color);
15
+
16
+ &:not(.vertical) {
17
+ width: 100%;
18
+ padding: var(--divider-padding) 0;
19
+ align-items: center;
20
+ justify-content: center;
21
+
22
+ .line {
23
+ width: 100%;
24
+ border-top: 1px solid var(--divider-color);
25
+ }
26
+
27
+ &.slot-has-content .slot-container {
28
+ padding: 0 var(--spacing-200);
29
+ }
30
+ }
31
+
32
+ &.vertical {
33
+ height: 100%;
34
+ padding: 0 var(--divider-padding);
35
+ flex-direction: column;
36
+ align-items: center;
37
+ justify-content: center;
38
+
39
+ .line {
40
+ height: 100%;
41
+ border-right: 1px solid var(--divider-color);
42
+ }
43
+
44
+ &.slot-has-content .slot-container {
45
+ padding: var(--spacing-200) 0;
46
+ }
47
+ }
48
+ }
49
+
50
+ :host(:not([vertical])) {
51
+ width: auto;
52
+ }
53
+
54
+ :host([vertical]) {
55
+ height: auto;
56
+ }
package/src/divider/divider.ts ADDED
@@ -0,0 +1,59 @@
1
+ import { html, LitElement } from 'lit';
2
+ import { property, state } from 'lit/decorators.js';
3
+ import { classMap } from 'lit/directives/class-map.js';
4
+ import styles from './divider.scss';
5
+ import { observerSlotChangesWithCallback } from '../utils.js';
6
+
7
+ /**
8
+ * @label Divider
9
+ * @tag p-divider
10
+ * @rawTag divider
11
+ *
12
+ * @summary The divider component is used to visually separate content.
13
+ * @overview
14
+ * - Dividers are used to separate content into clear groups, making it easier for users to scan and understand the information presented.
15
+ * - They can be oriented either vertically or horizontally, depending on the layout requirements.
16
+ *
17
+ * @cssprop --divider-color - Controls the color of the divider.
18
+ * @cssprop --divider-padding - Controls the padding of the divider.
19
+ *
20
+ * @example
21
+ * ```html
22
+ * <p-divider style="width: 12rem;">or</p-divider>
23
+ * ```
24
+ * @tags display
25
+ */
26
+ export class Divider extends LitElement {
27
+ static styles = [styles];
28
+
29
+ @property({ type: Boolean, reflect: true }) vertical = false;
30
+
31
+ @state()
32
+ slotHasContent = false;
33
+
34
+ firstUpdated() {
35
+ observerSlotChangesWithCallback(
36
+ this.renderRoot.querySelector('slot'),
37
+ hasContent => {
38
+ this.slotHasContent = hasContent;
39
+ this.requestUpdate();
40
+ },
41
+ );
42
+ }
43
+
44
+ render() {
45
+ return html`<div
46
+ class=${classMap({
47
+ divider: true,
48
+ vertical: this.vertical,
49
+ 'slot-has-content': this.slotHasContent,
50
+ })}
51
+ >
52
+ <div class="line"></div>
53
+ <div class="slot-container">
54
+ <slot></slot>
55
+ </div>
56
+ <div class="line"></div>
57
+ </div>`;
58
+ }
59
+ }
package/src/divider/index.ts ADDED
@@ -0,0 +1 @@
1
+ export { Divider } from './divider.js';
package/src/elevation/demo/index.html ADDED
@@ -0,0 +1,58 @@
1
+ <!doctype html>
2
+ <html lang='en-GB'>
3
+ <head>
4
+ <meta charset='utf-8'>
5
+ <meta name='viewport' content='width=device-width, initial-scale=1.0, viewport-fit=cover' />
6
+ <link rel='stylesheet' href='/dist/assets/styles/tokens.css' />
7
+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
8
+
9
+ <style>
10
+ body {
11
+ background: #fafafa;
12
+ }
13
+ </style>
14
+ </head>
15
+ <body>
16
+
17
+ <style>
18
+ .elevated-element {
19
+ position: relative;
20
+ border-radius: 4px;
21
+ padding: var(--spacing-200);
22
+ }
23
+ </style>
24
+
25
+ <div class="elevated-element">
26
+ <p-elevation style="--elevation-level: 1"></p-elevation>
27
+ Level 1
28
+ </div>
29
+
30
+ <div class="elevated-element">
31
+ <p-elevation style="--elevation-level: 2"></p-elevation>
32
+ Level 2
33
+ </div>
34
+
35
+
36
+ <div class="elevated-element">
37
+ <p-elevation style="--elevation-level: 3"></p-elevation>
38
+ Level 3
39
+ </div>
40
+
41
+ <div class="elevated-element">
42
+ <p-elevation style="--elevation-level: 4"></p-elevation>
43
+ Level 4
44
+ </div>
45
+
46
+ <div class="elevated-element">
47
+ <p-elevation style="--elevation-level: 5"></p-elevation>
48
+ Level 5
49
+ </div>
50
+
51
+
52
+
53
+ <script type='module'>
54
+ import { Elevation } from '/dist/index.js';
55
+ window.customElements.define('p-elevation', Elevation);
56
+ </script>
57
+ </body>
58
+ </html>
package/src/elevation/elevation.scss ADDED
@@ -0,0 +1,61 @@
1
+ /**
2
+ * Derived from Material Design Elevation
3
+ * https://github.com/material-components/material-web/blob/main/elevation/internal/_elevation.scss
4
+ */
5
+
6
+ :host,
7
+ .shadow,
8
+ .shadow::before,
9
+ .shadow::after {
10
+ border-radius: inherit;
11
+ inset: 0;
12
+ position: absolute;
13
+ transition-duration: inherit;
14
+ transition-property: inherit;
15
+ transition-timing-function: inherit;
16
+ }
17
+
18
+ :host {
19
+ display: flex;
20
+ pointer-events: none;
21
+ transition-property: box-shadow, opacity;
22
+ --elevation-level: 0;
23
+ --elevation-color: var(--elevation-color-default, black);
24
+ }
25
+
26
+ .shadow::before,
27
+ .shadow::after {
28
+ content: '';
29
+ transition-property: box-shadow, opacity;
30
+
31
+ // Elevation doesn't share styles with multiple variants, so we normally
32
+ // would not use private custom properties. However, these variables are
33
+ // repeated several times in the styles below, and a shorter custom property
34
+ // reduces the CSS size, minified and gzip.
35
+ --_level: var(--elevation-level);
36
+ --_shadow-color: var(--elevation-color);
37
+ }
38
+
39
+ // Key box shadow
40
+ .shadow::before {
41
+ // level0: box-shadow: 0px 0px 0px 0px;
42
+ // level1: box-shadow: 0px 1px 2px 0px;
43
+ // level2: box-shadow: 0px 1px 2px 0px;
44
+ // level3: box-shadow: 0px 1px 3px 0px;
45
+ // level4: box-shadow: 0px 2px 3px 0px;
46
+ // level5: box-shadow: 0px 4px 4px 0px;
47
+ box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);
48
+ opacity: 0.3;
49
+ }
50
+
51
+ // Ambient box shadow
52
+ .shadow::after {
53
+ // level0: box-shadow: 0px 0px 0px 0px;
54
+ // level1: box-shadow: 0px 1px 3px 1px;
55
+ // level2: box-shadow: 0px 2px 6px 2px;
56
+ // level3: box-shadow: 0px 4px 8px 3px;
57
+ // level4: box-shadow: 0px 6px 10px 4px;
58
+ // level5: box-shadow: 0px 8px 12px 6px;
59
+ box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);
60
+ opacity: 0.15;
61
+ }
package/src/elevation/elevation.ts ADDED
@@ -0,0 +1,32 @@
1
+ import { html, LitElement } from 'lit';
2
+ import styles from './elevation.scss';
3
+
4
+ /**
5
+ * @label Elevation
6
+ * @tag p-elevation
7
+ * @rawTag elevation
8
+ *
9
+ * @summary Adds elevation to an element.
10
+ * @overview
11
+ * - Elevation adds a shadow effect to an element to give it depth.
12
+ * - It can be used to create a sense of hierarchy or to draw attention to a particular element.
13
+ *
14
+ * @cssprop --elevation-level - Controls the elevation level of the shadow.
15
+ * @cssprop --elevation-color - Controls the color of the shadow.
16
+ *
17
+ * @example
18
+ * ```html
19
+ * <div style="position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);">
20
+ * <p-elevation style='--elevation-level: 2'></p-elevation>
21
+ * Level 2
22
+ * </div>
23
+ * ```
24
+ * @tags display
25
+ */
26
+ export class Elevation extends LitElement {
27
+ static styles = [styles];
28
+
29
+ render() {
30
+ return html`<span class="shadow"></span>`;
31
+ }
32
+ }
package/src/elevation/index.ts ADDED
@@ -0,0 +1 @@
1
+ export { Elevation } from './elevation.js';
package/src/focus-ring/FocusAttachableController.ts ADDED
@@ -0,0 +1,36 @@
1
+ import { ReactiveController, ReactiveControllerHost } from 'lit';
2
+
3
+ export class FocusAttachableController implements ReactiveController {
4
+ host: ReactiveControllerHost;
5
+
6
+ getControlElement: () => HTMLElement;
7
+
8
+ visible = false;
9
+
10
+ constructor(
11
+ host: ReactiveControllerHost,
12
+ getControlElement: () => HTMLElement,
13
+ ) {
14
+ (this.host = host).addController(this);
15
+ this.getControlElement = getControlElement;
16
+ }
17
+
18
+ hostConnected() {
19
+ // Start a timer when the host is connected
20
+ console.log('connected');
21
+ if (this.getControlElement) {
22
+ const element = this.getControlElement();
23
+ element.addEventListener('focus', () => {
24
+ console.log('focus');
25
+ // @ts-ignore
26
+ this.host.handleEvent();
27
+ this.host.requestUpdate();
28
+ });
29
+ }
30
+ }
31
+
32
+ // eslint-disable-next-line class-methods-use-this
33
+ hostDisconnected() {
34
+ console.log('disconnected');
35
+ }
36
+ }
package/src/focus-ring/demo/index.html ADDED
@@ -0,0 +1,58 @@
1
+ <!doctype html>
2
+ <html lang='en-GB'>
3
+ <head>
4
+ <meta charset='utf-8'>
5
+ <meta name='viewport' content='width=device-width, initial-scale=1.0, viewport-fit=cover' />
6
+ <link rel='stylesheet' href='/dist/assets/styles/tokens.css' />
7
+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
8
+
9
+ <style>
10
+ body {
11
+ background: #fafafa;
12
+ }
13
+ </style>
14
+ </head>
15
+ <body>
16
+
17
+ <style>
18
+ .elevated-element {
19
+ position: relative;
20
+ border-radius: 4px;
21
+ padding: var(--spacing-200);
22
+ }
23
+ </style>
24
+
25
+ <div class="elevated-element">
26
+ <p-elevation style="--elevation-level: 1"></p-elevation>
27
+ Level 1
28
+ </div>
29
+
30
+ <div class="elevated-element">
31
+ <p-elevation style="--elevation-level: 2"></p-elevation>
32
+ Level 2
33
+ </div>
34
+
35
+
36
+ <div class="elevated-element">
37
+ <p-elevation style="--elevation-level: 3"></p-elevation>
38
+ Level 3
39
+ </div>
40
+
41
+ <div class="elevated-element">
42
+ <p-elevation style="--elevation-level: 4"></p-elevation>
43
+ Level 4
44
+ </div>
45
+
46
+ <div class="elevated-element">
47
+ <p-elevation style="--elevation-level: 5"></p-elevation>
48
+ Level 5
49
+ </div>
50
+
51
+
52
+
53
+ <script type='module'>
54
+ import { Elevation } from '/dist/index.js';
55
+ window.customElements.define('p-elevation', Elevation);
56
+ </script>
57
+ </body>
58
+ </html>
package/src/focus-ring/focus-ring.scss ADDED
@@ -0,0 +1,22 @@
1
+ :host {
2
+ display: none;
3
+ pointer-events: none;
4
+ position: absolute;
5
+ border-start-start-radius: var(--focus-ring-shape-start-start);
6
+ border-start-end-radius: var(--focus-ring-shape-start-end);
7
+ border-end-start-radius: var(--focus-ring-shape-end-start);
8
+ border-end-end-radius: var(--focus-ring-shape-end-end);
9
+ inset: calc(-1 * var(--focus-ring-inset, 2px));
10
+
11
+ animation-delay: 0s, calc(var(--focus-ring-duration, 600ms) * .25);
12
+ animation-duration: calc(var(--focus-ring-duration, 600ms) * .25), calc(var(--focus-ring-duration, 600ms) * .75);
13
+ animation-timing-function: var(--easing-standard);
14
+ box-sizing: border-box;
15
+
16
+ animation-name: outward-grow, outward-shrink;
17
+ }
18
+
19
+ :host([visible]) {
20
+ display: flex;
21
+ outline: 3px solid var(--color-primary);
22
+ }
package/src/focus-ring/focus-ring.ts ADDED
@@ -0,0 +1,83 @@
1
+ import { LitElement, nothing } from 'lit';
2
+ import { property } from 'lit/decorators.js';
3
+ import styles from './focus-ring.scss';
4
+
5
+ /**
6
+ * @label Elevation
7
+ * @tag p-elevation
8
+ * @rawTag elevation
9
+ *
10
+ * @summary Adds elevation to an element.
11
+ * @overview
12
+ * - Elevation adds a shadow effect to an element to give it depth.
13
+ * - It can be used to create a sense of hierarchy or to draw attention to a particular element.
14
+ *
15
+ * @cssprop --elevation-level - Controls the elevation level of the shadow.
16
+ * @cssprop --elevation-color - Controls the color of the shadow.
17
+ *
18
+ * @example
19
+ * ```html
20
+ * <div style="position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);">
21
+ * <p-elevation style='--elevation-level: 2'></p-elevation>
22
+ * Level 2
23
+ * </div>
24
+ * ```
25
+ * @tags display
26
+ */
27
+ export class FocusRing extends LitElement {
28
+ static styles = [styles];
29
+
30
+ @property({ type: Boolean, reflect: true }) visible: boolean = false;
31
+
32
+ render() {
33
+ return nothing;
34
+ }
35
+
36
+ _control?: HTMLElement;
37
+
38
+ get control() {
39
+ return this._control || null;
40
+ }
41
+
42
+ set control(control: HTMLElement | null) {
43
+ if (control) {
44
+ this._control = control;
45
+ } else {
46
+ this.detach();
47
+ }
48
+ }
49
+
50
+ connectedCallback() {
51
+ super.connectedCallback();
52
+ this.attach();
53
+ }
54
+
55
+ disconnectedCallback() {
56
+ this.detach();
57
+ super.disconnectedCallback();
58
+ }
59
+
60
+ attach() {
61
+ // @ts-ignore - buttonElement is not defined on the base class
62
+ this._control?.buttonElement?.addEventListener('focusin', () => {
63
+ this.visible =
64
+ // @ts-ignore - buttonElement is not defined on the base class
65
+ this._control?.buttonElement?.matches(':focus-visible') ?? false;
66
+ });
67
+ // @ts-ignore - buttonElement is not defined on the base class
68
+ this._control?.buttonElement?.addEventListener('focusout', () => {
69
+ this.visible = false;
70
+ });
71
+ // @ts-ignore - buttonElement is not defined on the base class
72
+ this._control?.buttonElement?.addEventListener('pointerdown', () => {
73
+ this.visible = false;
74
+ });
75
+ }
76
+
77
+ detach() {
78
+ this._control?.removeEventListener('focusin', () => {});
79
+ this._control?.removeEventListener('focusout', () => {});
80
+ this._control?.removeEventListener('pointerdown', () => {});
81
+ this._control = undefined;
82
+ }
83
+ }
package/src/focus-ring/index.ts ADDED
@@ -0,0 +1 @@
1
+ export { FocusRing } from './focus-ring.js';
package/src/icon/icon.scss ADDED
@@ -0,0 +1,19 @@
1
+ :host {
2
+ display: inline-block;
3
+ vertical-align: middle;
4
+ --icon-size: inherit;
5
+ --icon-color: inherit;
6
+ }
7
+
8
+ .icon {
9
+ display: inline-block;
10
+ vertical-align: middle;
11
+ height: var(--icon-size, 1rem);
12
+ width: var(--icon-size, 1rem);
13
+
14
+ svg {
15
+ fill: var(--icon-color);
16
+ height: 100%;
17
+ width: 100%;
18
+ }
19
+ }