vira 32.0.0-beta.0 → 32.1.0

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 (288) hide show
  1. package/dist/elements/color/vira-all-color-space-sliders.element.d.ts +11 -0
  2. package/dist/elements/color/vira-all-color-space-sliders.element.js +55 -0
  3. package/dist/elements/color/vira-all-spaces-color-picker.element.d.ts +15 -0
  4. package/dist/elements/color/vira-all-spaces-color-picker.element.js +73 -0
  5. package/dist/elements/color/vira-color-details.element.d.ts +14 -0
  6. package/{src/elements/color/vira-color-details.element.ts → dist/elements/color/vira-color-details.element.js} +43 -59
  7. package/dist/elements/color/vira-color-format-sliders.element.d.ts +14 -0
  8. package/dist/elements/color/vira-color-format-sliders.element.js +60 -0
  9. package/dist/elements/color/vira-color-pair-contrast-summary.element.d.ts +9 -0
  10. package/{src/elements/color/vira-color-pair-contrast-summary.element.ts → dist/elements/color/vira-color-pair-contrast-summary.element.js} +68 -100
  11. package/dist/elements/color/vira-color-pair.element.d.ts +17 -0
  12. package/{src/elements/color/vira-color-pair.element.ts → dist/elements/color/vira-color-pair.element.js} +50 -71
  13. package/dist/elements/color/vira-color-picker.element.d.ts +20 -0
  14. package/{src/elements/color/vira-color-picker.element.ts → dist/elements/color/vira-color-picker.element.js} +92 -117
  15. package/dist/elements/color/vira-color-slider.element.d.ts +14 -0
  16. package/dist/elements/color/vira-color-slider.element.js +124 -0
  17. package/dist/elements/color/vira-color-swatch.element.d.ts +20 -0
  18. package/{src/elements/color/vira-color-swatch.element.ts → dist/elements/color/vira-color-swatch.element.js} +6 -16
  19. package/dist/elements/color/vira-contrast-indicator.element.d.ts +10 -0
  20. package/{src/elements/color/vira-contrast-indicator.element.ts → dist/elements/color/vira-contrast-indicator.element.js} +13 -28
  21. package/dist/elements/index.js +39 -0
  22. package/dist/elements/pop-up/vira-menu-item.element.d.ts +38 -0
  23. package/{src/elements/pop-up/vira-menu-item.element.ts → dist/elements/pop-up/vira-menu-item.element.js} +80 -117
  24. package/dist/elements/pop-up/vira-menu-trigger.element.d.ts +45 -0
  25. package/dist/elements/pop-up/vira-menu-trigger.element.js +100 -0
  26. package/dist/elements/pop-up/vira-menu.element.d.ts +36 -0
  27. package/{src/elements/pop-up/vira-menu.element.ts → dist/elements/pop-up/vira-menu.element.js} +28 -31
  28. package/dist/elements/pop-up/vira-pop-up-trigger.element.d.ts +109 -0
  29. package/dist/elements/pop-up/vira-pop-up-trigger.element.js +408 -0
  30. package/dist/elements/vira-absolute-time.element.d.ts +35 -0
  31. package/dist/elements/vira-absolute-time.element.js +43 -0
  32. package/dist/elements/vira-bold-text.element.d.ts +9 -0
  33. package/{src/elements/vira-bold-text.element.ts → dist/elements/vira-bold-text.element.js} +11 -10
  34. package/dist/elements/vira-button.element.d.ts +40 -0
  35. package/{src/elements/vira-button.element.ts → dist/elements/vira-button.element.js} +114 -261
  36. package/dist/elements/vira-card.element.d.ts +18 -0
  37. package/{src/elements/vira-card.element.ts → dist/elements/vira-card.element.js} +19 -18
  38. package/dist/elements/vira-checkbox.element.d.ts +44 -0
  39. package/{src/elements/vira-checkbox.element.ts → dist/elements/vira-checkbox.element.js} +48 -95
  40. package/dist/elements/vira-collapsible-card.element.d.ts +36 -0
  41. package/{src/elements/vira-collapsible-card.element.ts → dist/elements/vira-collapsible-card.element.js} +44 -71
  42. package/dist/elements/vira-collapsible-wrapper.element.d.ts +30 -0
  43. package/{src/elements/vira-collapsible-wrapper.element.ts → dist/elements/vira-collapsible-wrapper.element.js} +47 -59
  44. package/dist/elements/vira-date-input.element.d.ts +47 -0
  45. package/dist/elements/vira-date-input.element.js +142 -0
  46. package/dist/elements/vira-drawer.element.d.ts +24 -0
  47. package/{src/elements/vira-drawer.element.ts → dist/elements/vira-drawer.element.js} +98 -125
  48. package/dist/elements/vira-dropdown.element.d.ts +43 -0
  49. package/dist/elements/vira-dropdown.element.js +247 -0
  50. package/dist/elements/vira-error.element.d.ts +7 -0
  51. package/{src/elements/vira-error.element.ts → dist/elements/vira-error.element.js} +7 -8
  52. package/dist/elements/vira-form.element.d.ts +56 -0
  53. package/dist/elements/vira-form.element.js +376 -0
  54. package/dist/elements/vira-icon.element.d.ts +13 -0
  55. package/{src/elements/vira-icon.element.ts → dist/elements/vira-icon.element.js} +12 -16
  56. package/dist/elements/vira-image.element.d.ts +45 -0
  57. package/{src/elements/vira-image.element.ts → dist/elements/vira-image.element.js} +50 -70
  58. package/dist/elements/vira-input.element.d.ts +64 -0
  59. package/{src/elements/vira-input.element.ts → dist/elements/vira-input.element.js} +112 -167
  60. package/dist/elements/vira-json-form.element.d.ts +35 -0
  61. package/{src/elements/vira-json-form.element.ts → dist/elements/vira-json-form.element.js} +356 -522
  62. package/dist/elements/vira-link.element.d.ts +78 -0
  63. package/{src/elements/vira-link.element.ts → dist/elements/vira-link.element.js} +24 -83
  64. package/dist/elements/vira-modal.element.d.ts +40 -0
  65. package/{src/elements/vira-modal.element.ts → dist/elements/vira-modal.element.js} +68 -104
  66. package/dist/elements/vira-progress.element.d.ts +18 -0
  67. package/{src/elements/vira-progress.element.ts → dist/elements/vira-progress.element.js} +12 -25
  68. package/dist/elements/vira-relative-time.element.d.ts +42 -0
  69. package/dist/elements/vira-relative-time.element.js +96 -0
  70. package/dist/elements/vira-select.element.d.ts +44 -0
  71. package/{src/elements/vira-select.element.ts → dist/elements/vira-select.element.js} +89 -138
  72. package/dist/elements/vira-tabs.element.d.ts +124 -0
  73. package/{src/elements/vira-tabs.element.ts → dist/elements/vira-tabs.element.js} +243 -446
  74. package/dist/elements/vira-tag.element.d.ts +40 -0
  75. package/{src/elements/vira-tag.element.ts → dist/elements/vira-tag.element.js} +152 -266
  76. package/dist/elements/vira-text-area.element.d.ts +48 -0
  77. package/{src/elements/vira-text-area.element.ts → dist/elements/vira-text-area.element.js} +52 -70
  78. package/dist/elements/vira-theme-switcher.element.d.ts +17 -0
  79. package/{src/elements/vira-theme-switcher.element.ts → dist/elements/vira-theme-switcher.element.js} +34 -49
  80. package/dist/icons/colored-icon.d.ts +11 -0
  81. package/{src/icons/colored-icon.ts → dist/icons/colored-icon.js} +17 -24
  82. package/dist/icons/icon-css-vars.d.ts +14 -0
  83. package/{src/icons/icon-css-vars.ts → dist/icons/icon-css-vars.js} +1 -2
  84. package/{src/icons/icon-svg.ts → dist/icons/icon-svg.d.ts} +3 -15
  85. package/dist/icons/icon-svg.js +12 -0
  86. package/dist/icons/icon-svgs/16/check-16.icon.d.ts +8 -0
  87. package/{src/icons/icon-svgs/16/check-16.icon.ts → dist/icons/icon-svgs/16/check-16.icon.js} +4 -5
  88. package/dist/icons/icon-svgs/16/chevron-down-16.icon.d.ts +8 -0
  89. package/{src/icons/icon-svgs/16/chevron-down-16.icon.ts → dist/icons/icon-svgs/16/chevron-down-16.icon.js} +4 -5
  90. package/dist/icons/icon-svgs/16/chevron-up-16.icon.d.ts +8 -0
  91. package/{src/icons/icon-svgs/16/chevron-up-16.icon.ts → dist/icons/icon-svgs/16/chevron-up-16.icon.js} +4 -5
  92. package/dist/icons/icon-svgs/16/dash-16.icon.d.ts +8 -0
  93. package/{src/icons/icon-svgs/16/dash-16.icon.ts → dist/icons/icon-svgs/16/dash-16.icon.js} +4 -5
  94. package/dist/icons/icon-svgs/16/element-16.icon.d.ts +8 -0
  95. package/{src/icons/icon-svgs/16/element-16.icon.ts → dist/icons/icon-svgs/16/element-16.icon.js} +4 -5
  96. package/dist/icons/icon-svgs/16/plus-16.icon.d.ts +8 -0
  97. package/{src/icons/icon-svgs/16/plus-16.icon.ts → dist/icons/icon-svgs/16/plus-16.icon.js} +4 -5
  98. package/dist/icons/icon-svgs/16/upload-16.icon.d.ts +8 -0
  99. package/{src/icons/icon-svgs/16/upload-16.icon.ts → dist/icons/icon-svgs/16/upload-16.icon.js} +4 -5
  100. package/dist/icons/icon-svgs/16/x-16.icon.d.ts +8 -0
  101. package/{src/icons/icon-svgs/16/x-16.icon.ts → dist/icons/icon-svgs/16/x-16.icon.js} +4 -5
  102. package/dist/icons/icon-svgs/24/arrow-down-24.icon.d.ts +8 -0
  103. package/{src/icons/icon-svgs/24/arrow-down-24.icon.ts → dist/icons/icon-svgs/24/arrow-down-24.icon.js} +4 -5
  104. package/dist/icons/icon-svgs/24/arrow-left-24.icon.d.ts +8 -0
  105. package/{src/icons/icon-svgs/24/arrow-left-24.icon.ts → dist/icons/icon-svgs/24/arrow-left-24.icon.js} +4 -5
  106. package/dist/icons/icon-svgs/24/arrow-right-24.icon.d.ts +8 -0
  107. package/{src/icons/icon-svgs/24/arrow-right-24.icon.ts → dist/icons/icon-svgs/24/arrow-right-24.icon.js} +4 -5
  108. package/dist/icons/icon-svgs/24/arrow-up-24.icon.d.ts +8 -0
  109. package/{src/icons/icon-svgs/24/arrow-up-24.icon.ts → dist/icons/icon-svgs/24/arrow-up-24.icon.js} +4 -5
  110. package/dist/icons/icon-svgs/24/auto-theme-24.icon.d.ts +8 -0
  111. package/{src/icons/icon-svgs/24/auto-theme-24.icon.ts → dist/icons/icon-svgs/24/auto-theme-24.icon.js} +4 -5
  112. package/dist/icons/icon-svgs/24/bell-24.icon.d.ts +8 -0
  113. package/{src/icons/icon-svgs/24/bell-24.icon.ts → dist/icons/icon-svgs/24/bell-24.icon.js} +4 -5
  114. package/dist/icons/icon-svgs/24/chat-24.icon.d.ts +8 -0
  115. package/{src/icons/icon-svgs/24/chat-24.icon.ts → dist/icons/icon-svgs/24/chat-24.icon.js} +4 -5
  116. package/dist/icons/icon-svgs/24/check-24.icon.d.ts +8 -0
  117. package/{src/icons/icon-svgs/24/check-24.icon.ts → dist/icons/icon-svgs/24/check-24.icon.js} +4 -5
  118. package/dist/icons/icon-svgs/24/chevron-down-24.icon.d.ts +8 -0
  119. package/{src/icons/icon-svgs/24/chevron-down-24.icon.ts → dist/icons/icon-svgs/24/chevron-down-24.icon.js} +4 -5
  120. package/dist/icons/icon-svgs/24/chevron-up-24.icon.d.ts +8 -0
  121. package/{src/icons/icon-svgs/24/chevron-up-24.icon.ts → dist/icons/icon-svgs/24/chevron-up-24.icon.js} +4 -5
  122. package/dist/icons/icon-svgs/24/close-x-24.icon.d.ts +8 -0
  123. package/{src/icons/icon-svgs/24/close-x-24.icon.ts → dist/icons/icon-svgs/24/close-x-24.icon.js} +4 -5
  124. package/dist/icons/icon-svgs/24/commit-24.icon.d.ts +8 -0
  125. package/{src/icons/icon-svgs/24/commit-24.icon.ts → dist/icons/icon-svgs/24/commit-24.icon.js} +4 -5
  126. package/dist/icons/icon-svgs/24/copy-24.icon.d.ts +8 -0
  127. package/{src/icons/icon-svgs/24/copy-24.icon.ts → dist/icons/icon-svgs/24/copy-24.icon.js} +4 -5
  128. package/dist/icons/icon-svgs/24/document-24.icon.d.ts +8 -0
  129. package/{src/icons/icon-svgs/24/document-24.icon.ts → dist/icons/icon-svgs/24/document-24.icon.js} +4 -5
  130. package/dist/icons/icon-svgs/24/document-search-24.icon.d.ts +8 -0
  131. package/{src/icons/icon-svgs/24/document-search-24.icon.ts → dist/icons/icon-svgs/24/document-search-24.icon.js} +4 -5
  132. package/dist/icons/icon-svgs/24/double-chevron-24.icon.d.ts +8 -0
  133. package/{src/icons/icon-svgs/24/double-chevron-24.icon.ts → dist/icons/icon-svgs/24/double-chevron-24.icon.js} +4 -5
  134. package/dist/icons/icon-svgs/24/element-24.icon.d.ts +8 -0
  135. package/{src/icons/icon-svgs/24/element-24.icon.ts → dist/icons/icon-svgs/24/element-24.icon.js} +4 -5
  136. package/dist/icons/icon-svgs/24/external-link-24.icon.d.ts +8 -0
  137. package/{src/icons/icon-svgs/24/external-link-24.icon.ts → dist/icons/icon-svgs/24/external-link-24.icon.js} +4 -5
  138. package/dist/icons/icon-svgs/24/eye-closed-24.icon.d.ts +8 -0
  139. package/{src/icons/icon-svgs/24/eye-closed-24.icon.ts → dist/icons/icon-svgs/24/eye-closed-24.icon.js} +4 -5
  140. package/dist/icons/icon-svgs/24/eye-open-24.icon.d.ts +8 -0
  141. package/{src/icons/icon-svgs/24/eye-open-24.icon.ts → dist/icons/icon-svgs/24/eye-open-24.icon.js} +4 -5
  142. package/dist/icons/icon-svgs/24/filter-24.icon.d.ts +8 -0
  143. package/{src/icons/icon-svgs/24/filter-24.icon.ts → dist/icons/icon-svgs/24/filter-24.icon.js} +4 -5
  144. package/dist/icons/icon-svgs/24/globe-24.icon.d.ts +8 -0
  145. package/{src/icons/icon-svgs/24/globe-24.icon.ts → dist/icons/icon-svgs/24/globe-24.icon.js} +4 -5
  146. package/dist/icons/icon-svgs/24/link-24.icon.d.ts +8 -0
  147. package/{src/icons/icon-svgs/24/link-24.icon.ts → dist/icons/icon-svgs/24/link-24.icon.js} +4 -5
  148. package/dist/icons/icon-svgs/24/loader-24.icon.d.ts +8 -0
  149. package/{src/icons/icon-svgs/24/loader-24.icon.ts → dist/icons/icon-svgs/24/loader-24.icon.js} +4 -5
  150. package/dist/icons/icon-svgs/24/loader-animated-24.icon.d.ts +8 -0
  151. package/{src/icons/icon-svgs/24/loader-animated-24.icon.ts → dist/icons/icon-svgs/24/loader-animated-24.icon.js} +6 -8
  152. package/dist/icons/icon-svgs/24/lock-24.icon.d.ts +8 -0
  153. package/{src/icons/icon-svgs/24/lock-24.icon.ts → dist/icons/icon-svgs/24/lock-24.icon.js} +4 -5
  154. package/dist/icons/icon-svgs/24/magnifying-glass-24.icon.d.ts +8 -0
  155. package/{src/icons/icon-svgs/24/magnifying-glass-24.icon.ts → dist/icons/icon-svgs/24/magnifying-glass-24.icon.js} +4 -5
  156. package/dist/icons/icon-svgs/24/moon-24.icon.d.ts +8 -0
  157. package/{src/icons/icon-svgs/24/moon-24.icon.ts → dist/icons/icon-svgs/24/moon-24.icon.js} +4 -5
  158. package/dist/icons/icon-svgs/24/options-24.icon.d.ts +8 -0
  159. package/{src/icons/icon-svgs/24/options-24.icon.ts → dist/icons/icon-svgs/24/options-24.icon.js} +4 -5
  160. package/dist/icons/icon-svgs/24/pencil-24.icon.d.ts +8 -0
  161. package/{src/icons/icon-svgs/24/pencil-24.icon.ts → dist/icons/icon-svgs/24/pencil-24.icon.js} +4 -5
  162. package/dist/icons/icon-svgs/24/plus-24.icon.d.ts +8 -0
  163. package/{src/icons/icon-svgs/24/plus-24.icon.ts → dist/icons/icon-svgs/24/plus-24.icon.js} +4 -5
  164. package/dist/icons/icon-svgs/24/printer-24.icon.d.ts +8 -0
  165. package/{src/icons/icon-svgs/24/printer-24.icon.ts → dist/icons/icon-svgs/24/printer-24.icon.js} +4 -5
  166. package/dist/icons/icon-svgs/24/shield-24.icon.d.ts +8 -0
  167. package/{src/icons/icon-svgs/24/shield-24.icon.ts → dist/icons/icon-svgs/24/shield-24.icon.js} +4 -5
  168. package/dist/icons/icon-svgs/24/sort-ascending-24.icon.d.ts +8 -0
  169. package/{src/icons/icon-svgs/24/sort-ascending-24.icon.ts → dist/icons/icon-svgs/24/sort-ascending-24.icon.js} +4 -5
  170. package/dist/icons/icon-svgs/24/sort-descending-24.icon.d.ts +8 -0
  171. package/{src/icons/icon-svgs/24/sort-descending-24.icon.ts → dist/icons/icon-svgs/24/sort-descending-24.icon.js} +4 -5
  172. package/dist/icons/icon-svgs/24/sparkle-24.icon.d.ts +8 -0
  173. package/{src/icons/icon-svgs/24/sparkle-24.icon.ts → dist/icons/icon-svgs/24/sparkle-24.icon.js} +4 -5
  174. package/dist/icons/icon-svgs/24/speaker-loud-24.icon.d.ts +8 -0
  175. package/{src/icons/icon-svgs/24/speaker-loud-24.icon.ts → dist/icons/icon-svgs/24/speaker-loud-24.icon.js} +4 -5
  176. package/dist/icons/icon-svgs/24/speaker-medium-24.icon.d.ts +8 -0
  177. package/{src/icons/icon-svgs/24/speaker-medium-24.icon.ts → dist/icons/icon-svgs/24/speaker-medium-24.icon.js} +4 -5
  178. package/dist/icons/icon-svgs/24/speaker-muted-24.icon.d.ts +8 -0
  179. package/{src/icons/icon-svgs/24/speaker-muted-24.icon.ts → dist/icons/icon-svgs/24/speaker-muted-24.icon.js} +4 -5
  180. package/dist/icons/icon-svgs/24/speaker-quiet-24.icon.d.ts +8 -0
  181. package/{src/icons/icon-svgs/24/speaker-quiet-24.icon.ts → dist/icons/icon-svgs/24/speaker-quiet-24.icon.js} +4 -5
  182. package/dist/icons/icon-svgs/24/star-24.icon.d.ts +8 -0
  183. package/{src/icons/icon-svgs/24/star-24.icon.ts → dist/icons/icon-svgs/24/star-24.icon.js} +4 -5
  184. package/dist/icons/icon-svgs/24/status-failure-24.icon.d.ts +8 -0
  185. package/{src/icons/icon-svgs/24/status-failure-24.icon.ts → dist/icons/icon-svgs/24/status-failure-24.icon.js} +4 -5
  186. package/dist/icons/icon-svgs/24/status-in-progress-24.icon.d.ts +8 -0
  187. package/{src/icons/icon-svgs/24/status-in-progress-24.icon.ts → dist/icons/icon-svgs/24/status-in-progress-24.icon.js} +4 -5
  188. package/dist/icons/icon-svgs/24/status-success-24.icon.d.ts +8 -0
  189. package/{src/icons/icon-svgs/24/status-success-24.icon.ts → dist/icons/icon-svgs/24/status-success-24.icon.js} +4 -5
  190. package/dist/icons/icon-svgs/24/status-unknown-24.icon.d.ts +8 -0
  191. package/{src/icons/icon-svgs/24/status-unknown-24.icon.ts → dist/icons/icon-svgs/24/status-unknown-24.icon.js} +4 -5
  192. package/dist/icons/icon-svgs/24/status-warning-24.icon.d.ts +8 -0
  193. package/{src/icons/icon-svgs/24/status-warning-24.icon.ts → dist/icons/icon-svgs/24/status-warning-24.icon.js} +4 -5
  194. package/dist/icons/icon-svgs/24/sun-24.icon.d.ts +8 -0
  195. package/{src/icons/icon-svgs/24/sun-24.icon.ts → dist/icons/icon-svgs/24/sun-24.icon.js} +4 -5
  196. package/dist/icons/icon-svgs/24/upload-24.icon.d.ts +8 -0
  197. package/{src/icons/icon-svgs/24/upload-24.icon.ts → dist/icons/icon-svgs/24/upload-24.icon.js} +4 -5
  198. package/dist/icons/icon-svgs/24/x-24.icon.d.ts +8 -0
  199. package/{src/icons/icon-svgs/24/x-24.icon.ts → dist/icons/icon-svgs/24/x-24.icon.js} +4 -5
  200. package/dist/icons/index.d.ts +197 -0
  201. package/{src/icons/index.ts → dist/icons/index.js} +60 -65
  202. package/dist/icons/lucide-icons.d.ts +15 -0
  203. package/dist/icons/lucide-icons.js +79 -0
  204. package/dist/icons/sized-icon.d.ts +8 -0
  205. package/{src/icons/sized-icon.ts → dist/icons/sized-icon.js} +1 -3
  206. package/dist/index.js +4 -0
  207. package/dist/styles/disabled.d.ts +6 -0
  208. package/{src/styles/disabled.ts → dist/styles/disabled.js} +2 -3
  209. package/dist/styles/durations.d.ts +22 -0
  210. package/{src/styles/durations.ts → dist/styles/durations.js} +1 -2
  211. package/dist/styles/focus.d.ts +26 -0
  212. package/{src/styles/focus.ts → dist/styles/focus.js} +12 -40
  213. package/dist/styles/font.d.ts +12 -0
  214. package/{src/styles/font.ts → dist/styles/font.js} +1 -3
  215. package/dist/styles/form-styles.d.ts +46 -0
  216. package/dist/styles/form-styles.js +53 -0
  217. package/dist/styles/form-variants.d.ts +117 -0
  218. package/{src/styles/form-variants.ts → dist/styles/form-variants.js} +34 -42
  219. package/{src/styles/index.ts → dist/styles/index.d.ts} +0 -1
  220. package/dist/styles/index.js +14 -0
  221. package/dist/styles/native-styles.d.ts +13 -0
  222. package/{src/styles/native-styles.ts → dist/styles/native-styles.js} +3 -5
  223. package/dist/styles/scrollbar.d.ts +6 -0
  224. package/{src/styles/scrollbar.ts → dist/styles/scrollbar.js} +3 -4
  225. package/dist/styles/shadows.d.ts +19 -0
  226. package/{src/styles/shadows.ts → dist/styles/shadows.js} +5 -7
  227. package/dist/styles/user-select.d.ts +6 -0
  228. package/{src/styles/user-select.ts → dist/styles/user-select.js} +2 -3
  229. package/dist/styles/vira-color-palette.d.ts +178 -0
  230. package/{src/styles/vira-color-palette.ts → dist/styles/vira-color-palette.js} +1 -3
  231. package/dist/styles/vira-color-theme-object.d.ts +65 -0
  232. package/dist/styles/vira-color-theme-object.js +65 -0
  233. package/dist/styles/vira-color-theme.d.ts +2785 -0
  234. package/{src/styles/vira-color-theme.ts → dist/styles/vira-color-theme.js} +1222 -1227
  235. package/dist/util/color-local-storage.client.d.ts +4 -0
  236. package/dist/util/color-local-storage.client.js +6 -0
  237. package/dist/util/define-table.d.ts +115 -0
  238. package/dist/util/define-table.js +115 -0
  239. package/dist/util/define-vira-element.d.ts +18 -0
  240. package/dist/util/define-vira-element.js +19 -0
  241. package/dist/util/dynamic-element.d.ts +62 -0
  242. package/dist/util/dynamic-element.js +61 -0
  243. package/dist/util/index.js +11 -0
  244. package/dist/util/overflow-observer.d.ts +25 -0
  245. package/{src/util/overflow-observer.ts → dist/util/overflow-observer.js} +1 -30
  246. package/dist/util/pop-up-helpers.d.ts +59 -0
  247. package/dist/util/pop-up-helpers.js +66 -0
  248. package/dist/util/pop-up-manager.d.ts +200 -0
  249. package/dist/util/pop-up-manager.js +258 -0
  250. package/dist/util/shared-text-input-logic.d.ts +69 -0
  251. package/dist/util/shared-text-input-logic.js +114 -0
  252. package/dist/util/vira-form-fields.d.ts +145 -0
  253. package/dist/util/vira-form-fields.js +66 -0
  254. package/dist/util/vira-json-schema.d.ts +206 -0
  255. package/{src/util/vira-json-schema.ts → dist/util/vira-json-schema.js} +155 -298
  256. package/{src/util/vira-select-option.ts → dist/util/vira-select-option.d.ts} +2 -9
  257. package/dist/util/vira-select-option.js +8 -0
  258. package/dist/util/vira-theme-client.d.ts +83 -0
  259. package/dist/util/vira-theme-client.js +93 -0
  260. package/package.json +13 -13
  261. package/src/elements/color/vira-all-color-space-sliders.element.ts +0 -66
  262. package/src/elements/color/vira-all-spaces-color-picker.element.ts +0 -85
  263. package/src/elements/color/vira-color-format-sliders.element.ts +0 -78
  264. package/src/elements/color/vira-color-slider.element.ts +0 -169
  265. package/src/elements/pop-up/vira-menu-trigger.element.ts +0 -135
  266. package/src/elements/pop-up/vira-pop-up-trigger.element.ts +0 -539
  267. package/src/elements/vira-absolute-time.element.ts +0 -81
  268. package/src/elements/vira-date-input.element.ts +0 -185
  269. package/src/elements/vira-dropdown.element.ts +0 -310
  270. package/src/elements/vira-form.element.ts +0 -466
  271. package/src/elements/vira-relative-time.element.ts +0 -135
  272. package/src/icons/icon-color.test-helper.ts +0 -9
  273. package/src/icons/lucide-icons.ts +0 -120
  274. package/src/styles/form-styles.ts +0 -86
  275. package/src/styles/vira-color-palette.json +0 -170
  276. package/src/styles/vira-color-theme-object.ts +0 -170
  277. package/src/util/color-local-storage.client.ts +0 -7
  278. package/src/util/define-table.ts +0 -286
  279. package/src/util/define-vira-element.ts +0 -29
  280. package/src/util/dynamic-element.ts +0 -128
  281. package/src/util/pop-up-helpers.ts +0 -133
  282. package/src/util/pop-up-manager.ts +0 -434
  283. package/src/util/shared-text-input-logic.ts +0 -192
  284. package/src/util/vira-form-fields.ts +0 -195
  285. package/src/util/vira-theme-client.ts +0 -140
  286. /package/{src/elements/index.ts → dist/elements/index.d.ts} +0 -0
  287. /package/{src/index.ts → dist/index.d.ts} +0 -0
  288. /package/{src/util/index.ts → dist/util/index.d.ts} +0 -0
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A closed or disable eye icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const EyeClosed24Icon = defineIcon({
13
12
  name: 'EyeClosed24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  fill=${viraIconCssVars['vira-icon-fill-color'].value}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * An open eye icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/eyeopen24icon
7
+ */
8
+ export declare const EyeOpen24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * An open eye icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const EyeOpen24Icon = defineIcon({
13
12
  name: 'EyeOpen24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  fill=${viraIconCssVars['vira-icon-fill-color'].value}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * An icon symbol that represents filtering.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/filter24icon
7
+ */
8
+ export declare const Filter24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * An icon symbol that represents filtering.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Filter24Icon = defineIcon({
13
12
  name: 'Filter24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A globe icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/globe24icon
7
+ */
8
+ export declare const Globe24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A globe icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Globe24Icon = defineIcon({
13
12
  name: 'Globe24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A link icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/link24icon
7
+ */
8
+ export declare const Link24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A link icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Link24Icon = defineIcon({
13
12
  name: 'Link24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A static loading icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/loader24icon
7
+ */
8
+ export declare const Loader24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A static loading icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Loader24Icon = defineIcon({
13
12
  name: 'Loader24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  width="24"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A variation of {@link Loader24Icon} that spins on its own.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/loaderanimated24icon
7
+ */
8
+ export declare const LoaderAnimated24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,9 +1,8 @@
1
- import {css, html} from 'element-vir';
2
- import {viraAnimationDurations} from '../../../styles/durations.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
- import {Loader24Icon} from './loader-24.icon.js';
5
-
6
- const animatedLoaderStyles = css`
1
+ import { css, html } from 'element-vir';
2
+ import { viraAnimationDurations } from '../../../styles/durations.js';
3
+ import { defineIcon } from '../../icon-svg.js';
4
+ import { Loader24Icon } from './loader-24.icon.js';
5
+ const animatedLoaderStyles = css `
7
6
  @keyframes loader-animated-spin {
8
7
  from {
9
8
  transform: rotate(0deg);
@@ -18,7 +17,6 @@ const animatedLoaderStyles = css`
18
17
  loader-animated-spin infinite;
19
18
  }
20
19
  `;
21
-
22
20
  /**
23
21
  * A variation of {@link Loader24Icon} that spins on its own.
24
22
  *
@@ -28,7 +26,7 @@ const animatedLoaderStyles = css`
28
26
  */
29
27
  export const LoaderAnimated24Icon = defineIcon({
30
28
  name: 'LoaderAnimated24Icon',
31
- svgTemplate: html`
29
+ svgTemplate: html `
32
30
  <style>
33
31
  ${animatedLoaderStyles}
34
32
  </style>
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A lock icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/lock24icon
7
+ */
8
+ export declare const Lock24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A lock icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Lock24Icon = defineIcon({
13
12
  name: 'Lock24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A magnifying glass icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/magnifyingglass24icon
7
+ */
8
+ export declare const MagnifyingGlass24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A magnifying glass icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const MagnifyingGlass24Icon = defineIcon({
13
12
  name: 'MagnifyingGlass24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A moon icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/moon24icon
7
+ */
8
+ export declare const Moon24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A moon icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Moon24Icon = defineIcon({
13
12
  name: 'Moon24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  width="24"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * An icon that represents configuration options.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/options24icon
7
+ */
8
+ export declare const Options24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * An icon that represents configuration options.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Options24Icon = defineIcon({
13
12
  name: 'Options24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
16
15
  <g
17
16
  fill=${viraIconCssVars['vira-icon-fill-color'].value}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A pencil icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/pencil24icon
7
+ */
8
+ export declare const Pencil24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A pencil icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Pencil24Icon = defineIcon({
13
12
  name: 'Pencil24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
16
15
  <path
17
16
  d="M20.041 4.966c.303-.418.097-1.085-.459-1.489l-1.771-1.285c-.557-.404-1.255-.393-1.558.025L5.12 17.561l-.167 4.215 3.955-1.467S19.965 5.071 20.041 4.966"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A plus icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/plus24icon
7
+ */
8
+ export declare const Plus24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A plus icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Plus24Icon = defineIcon({
13
12
  name: 'Plus24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
16
15
  <path
17
16
  d="M12 5v14M5 12h14"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A printer icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/printer24icon
7
+ */
8
+ export declare const Printer24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A printer icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Printer24Icon = defineIcon({
13
12
  name: 'Printer24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A shield icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/shield24icon
7
+ */
8
+ export declare const Shield24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A shield icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Shield24Icon = defineIcon({
13
12
  name: 'Shield24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A icon indicating ascending sorting.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/sortascending24icon
7
+ */
8
+ export declare const SortAscending24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A icon indicating ascending sorting.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const SortAscending24Icon = defineIcon({
13
12
  name: 'SortAscending24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A icon indicating descending sorting.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/sortdescending24icon
7
+ */
8
+ export declare const SortDescending24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A icon indicating descending sorting.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const SortDescending24Icon = defineIcon({
13
12
  name: 'SortDescending24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A sparkle icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/sparkle24icon
7
+ */
8
+ export declare const Sparkle24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A sparkle icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const Sparkle24Icon = defineIcon({
13
12
  name: 'Sparkle24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  xml:space="preserve"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A speaker icon at maximum volume.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/speakerloud24icon
7
+ */
8
+ export declare const SpeakerLoud24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A speaker icon at maximum volume.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const SpeakerLoud24Icon = defineIcon({
13
12
  name: 'SpeakerLoud24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
16
15
  <path
17
16
  d="M18.2 8.67c.91.7 1.5 1.83 1.5 3.33s-.59 2.63-1.5 3.33M19.7 5c1.94 1.48 3.2 3.85 3.2 7s-1.26 5.53-3.2 7"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A speaker icon at medium volume.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/speakermedium24icon
7
+ */
8
+ export declare const SpeakerMedium24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A speaker icon at medium volume.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const SpeakerMedium24Icon = defineIcon({
13
12
  name: 'SpeakerMedium24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
16
15
  <path
17
16
  d="M18.2 8.67c.91.7 1.5 1.83 1.5 3.33s-.59 2.63-1.5 3.33"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A speaker icon that is muted.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/speakermuted24icon
7
+ */
8
+ export declare const SpeakerMuted24Icon: import("../../icon-svg.js").ViraIconSvg;
@@ -1,7 +1,6 @@
1
- import {html} from 'element-vir';
2
- import {viraIconCssVars} from '../../icon-css-vars.js';
3
- import {defineIcon} from '../../icon-svg.js';
4
-
1
+ import { html } from 'element-vir';
2
+ import { viraIconCssVars } from '../../icon-css-vars.js';
3
+ import { defineIcon } from '../../icon-svg.js';
5
4
  /**
6
5
  * A speaker icon that is muted.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
11
10
  */
12
11
  export const SpeakerMuted24Icon = defineIcon({
13
12
  name: 'SpeakerMuted24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
16
15
  <path
17
16
  d="M5 16V8h5l6-5v2.2m0 5.6V21l-5.6-4.7"