vira 28.19.6 → 28.19.7

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 (188) hide show
  1. package/dist/elements/define-vira-element.d.ts +18 -0
  2. package/dist/elements/define-vira-element.js +19 -0
  3. package/dist/elements/form/vira-form-fields.d.ts +100 -0
  4. package/dist/elements/form/vira-form-fields.js +60 -0
  5. package/dist/elements/form/vira-form.element.d.ts +35 -0
  6. package/dist/elements/form/vira-form.element.js +151 -0
  7. package/dist/elements/index.js +25 -0
  8. package/dist/elements/pop-up/pop-up-helpers.d.ts +33 -0
  9. package/dist/elements/pop-up/pop-up-helpers.js +58 -0
  10. package/{src/elements/pop-up/pop-up-menu-item.ts → dist/elements/pop-up/pop-up-menu-item.d.ts} +3 -4
  11. package/dist/elements/pop-up/pop-up-menu-item.js +1 -0
  12. package/dist/elements/pop-up/vira-menu-item.element.d.ts +19 -0
  13. package/{src/elements/pop-up/vira-menu-item.element.ts → dist/elements/pop-up/vira-menu-item.element.js} +11 -28
  14. package/dist/elements/pop-up/vira-menu-trigger.element.d.ts +41 -0
  15. package/dist/elements/pop-up/vira-menu-trigger.element.js +121 -0
  16. package/dist/elements/pop-up/vira-menu.element.d.ts +38 -0
  17. package/{src/elements/pop-up/vira-menu.element.ts → dist/elements/pop-up/vira-menu.element.js} +49 -76
  18. package/dist/elements/pop-up/vira-pop-up-menu.element.d.ts +35 -0
  19. package/{src/elements/pop-up/vira-pop-up-menu.element.ts → dist/elements/pop-up/vira-pop-up-menu.element.js} +22 -34
  20. package/dist/elements/pop-up/vira-pop-up-trigger.element.d.ts +105 -0
  21. package/{src/elements/pop-up/vira-pop-up-trigger.element.ts → dist/elements/pop-up/vira-pop-up-trigger.element.js} +104 -199
  22. package/dist/elements/shared-text-input-logic.d.ts +63 -0
  23. package/dist/elements/shared-text-input-logic.js +101 -0
  24. package/dist/elements/vira-bold-text.element.d.ts +9 -0
  25. package/{src/elements/vira-bold-text.element.ts → dist/elements/vira-bold-text.element.js} +7 -8
  26. package/dist/elements/vira-button.element.d.ts +31 -0
  27. package/{src/elements/vira-button.element.ts → dist/elements/vira-button.element.js} +35 -66
  28. package/dist/elements/vira-card.element.d.ts +18 -0
  29. package/{src/elements/vira-card.element.ts → dist/elements/vira-card.element.js} +13 -16
  30. package/dist/elements/vira-checkbox.element.d.ts +34 -0
  31. package/{src/elements/vira-checkbox.element.ts → dist/elements/vira-checkbox.element.js} +28 -71
  32. package/dist/elements/vira-collapsible-wrapper.element.d.ts +14 -0
  33. package/{src/elements/vira-collapsible-wrapper.element.ts → dist/elements/vira-collapsible-wrapper.element.js} +16 -18
  34. package/dist/elements/vira-dropdown.element.d.ts +46 -0
  35. package/{src/elements/vira-dropdown.element.ts → dist/elements/vira-dropdown.element.js} +48 -94
  36. package/dist/elements/vira-error.element.d.ts +7 -0
  37. package/{src/elements/vira-error.element.ts → dist/elements/vira-error.element.js} +5 -6
  38. package/dist/elements/vira-icon.element.d.ts +13 -0
  39. package/{src/elements/vira-icon.element.ts → dist/elements/vira-icon.element.js} +6 -13
  40. package/dist/elements/vira-image.element.d.ts +45 -0
  41. package/{src/elements/vira-image.element.ts → dist/elements/vira-image.element.js} +43 -63
  42. package/dist/elements/vira-input.element.d.ts +62 -0
  43. package/{src/elements/vira-input.element.ts → dist/elements/vira-input.element.js} +85 -151
  44. package/dist/elements/vira-link.element.d.ts +73 -0
  45. package/{src/elements/vira-link.element.ts → dist/elements/vira-link.element.js} +11 -62
  46. package/dist/elements/vira-modal.element.d.ts +39 -0
  47. package/{src/elements/vira-modal.element.ts → dist/elements/vira-modal.element.js} +50 -89
  48. package/dist/elements/vira-overflow-switch.element.d.ts +21 -0
  49. package/dist/elements/vira-overflow-switch.element.js +110 -0
  50. package/dist/elements/vira-progress.element.d.ts +18 -0
  51. package/{src/elements/vira-progress.element.ts → dist/elements/vira-progress.element.js} +11 -26
  52. package/dist/elements/vira-select.element.d.ts +48 -0
  53. package/{src/elements/vira-select.element.ts → dist/elements/vira-select.element.js} +41 -96
  54. package/dist/icons/icon-color.test-helper.d.ts +6 -0
  55. package/dist/icons/icon-color.test-helper.js +9 -0
  56. package/dist/icons/icon-css-vars.d.ts +14 -0
  57. package/{src/icons/icon-css-vars.ts → dist/icons/icon-css-vars.js} +1 -2
  58. package/dist/icons/icon-svg.d.ts +27 -0
  59. package/dist/icons/icon-svg.js +48 -0
  60. package/dist/icons/icon-svgs/bell-24.icon.d.ts +8 -0
  61. package/{src/icons/icon-svgs/bell-24.icon.ts → dist/icons/icon-svgs/bell-24.icon.js} +4 -5
  62. package/dist/icons/icon-svgs/chat-24.icon.d.ts +8 -0
  63. package/{src/icons/icon-svgs/chat-24.icon.ts → dist/icons/icon-svgs/chat-24.icon.js} +4 -5
  64. package/dist/icons/icon-svgs/check-24.icon.d.ts +8 -0
  65. package/{src/icons/icon-svgs/check-24.icon.ts → dist/icons/icon-svgs/check-24.icon.js} +4 -5
  66. package/dist/icons/icon-svgs/chevron-down-24.icon.d.ts +8 -0
  67. package/{src/icons/icon-svgs/chevron-down-24.icon.ts → dist/icons/icon-svgs/chevron-down-24.icon.js} +4 -5
  68. package/dist/icons/icon-svgs/chevron-up-24.icon.d.ts +8 -0
  69. package/{src/icons/icon-svgs/chevron-up-24.icon.ts → dist/icons/icon-svgs/chevron-up-24.icon.js} +4 -5
  70. package/dist/icons/icon-svgs/close-x-24.icon.d.ts +8 -0
  71. package/{src/icons/icon-svgs/close-x-24.icon.ts → dist/icons/icon-svgs/close-x-24.icon.js} +4 -5
  72. package/dist/icons/icon-svgs/commit-24.icon.d.ts +8 -0
  73. package/{src/icons/icon-svgs/commit-24.icon.ts → dist/icons/icon-svgs/commit-24.icon.js} +4 -5
  74. package/dist/icons/icon-svgs/copy-24.icon.d.ts +8 -0
  75. package/{src/icons/icon-svgs/copy-24.icon.ts → dist/icons/icon-svgs/copy-24.icon.js} +4 -5
  76. package/dist/icons/icon-svgs/document-24.icon.d.ts +8 -0
  77. package/{src/icons/icon-svgs/document-24.icon.ts → dist/icons/icon-svgs/document-24.icon.js} +4 -5
  78. package/dist/icons/icon-svgs/document-search-24.icon.d.ts +8 -0
  79. package/{src/icons/icon-svgs/document-search-24.icon.ts → dist/icons/icon-svgs/document-search-24.icon.js} +4 -5
  80. package/dist/icons/icon-svgs/double-chevron-24.icon.d.ts +8 -0
  81. package/{src/icons/icon-svgs/double-chevron-24.icon.ts → dist/icons/icon-svgs/double-chevron-24.icon.js} +4 -5
  82. package/dist/icons/icon-svgs/element-16.icon.d.ts +8 -0
  83. package/{src/icons/icon-svgs/element-16.icon.ts → dist/icons/icon-svgs/element-16.icon.js} +4 -5
  84. package/dist/icons/icon-svgs/element-24.icon.d.ts +8 -0
  85. package/{src/icons/icon-svgs/element-24.icon.ts → dist/icons/icon-svgs/element-24.icon.js} +4 -5
  86. package/dist/icons/icon-svgs/external-link-24.icon.d.ts +8 -0
  87. package/{src/icons/icon-svgs/external-link-24.icon.ts → dist/icons/icon-svgs/external-link-24.icon.js} +4 -5
  88. package/dist/icons/icon-svgs/eye-closed-24.icon.d.ts +8 -0
  89. package/{src/icons/icon-svgs/eye-closed-24.icon.ts → dist/icons/icon-svgs/eye-closed-24.icon.js} +4 -5
  90. package/dist/icons/icon-svgs/eye-open-24.icon.d.ts +8 -0
  91. package/{src/icons/icon-svgs/eye-open-24.icon.ts → dist/icons/icon-svgs/eye-open-24.icon.js} +4 -5
  92. package/dist/icons/icon-svgs/filter-24.icon.d.ts +8 -0
  93. package/{src/icons/icon-svgs/filter-24.icon.ts → dist/icons/icon-svgs/filter-24.icon.js} +4 -5
  94. package/dist/icons/icon-svgs/link-24.icon.d.ts +8 -0
  95. package/{src/icons/icon-svgs/link-24.icon.ts → dist/icons/icon-svgs/link-24.icon.js} +4 -5
  96. package/dist/icons/icon-svgs/loader-24.icon.d.ts +8 -0
  97. package/{src/icons/icon-svgs/loader-24.icon.ts → dist/icons/icon-svgs/loader-24.icon.js} +4 -5
  98. package/dist/icons/icon-svgs/loader-animated-24.icon.d.ts +8 -0
  99. package/{src/icons/icon-svgs/loader-animated-24.icon.ts → dist/icons/icon-svgs/loader-animated-24.icon.js} +6 -8
  100. package/dist/icons/icon-svgs/lock-24.icon.d.ts +8 -0
  101. package/{src/icons/icon-svgs/lock-24.icon.ts → dist/icons/icon-svgs/lock-24.icon.js} +4 -5
  102. package/dist/icons/icon-svgs/options-24.icon.d.ts +8 -0
  103. package/{src/icons/icon-svgs/options-24.icon.ts → dist/icons/icon-svgs/options-24.icon.js} +4 -5
  104. package/dist/icons/icon-svgs/pencil-24.icon.d.ts +8 -0
  105. package/{src/icons/icon-svgs/pencil-24.icon.ts → dist/icons/icon-svgs/pencil-24.icon.js} +4 -5
  106. package/dist/icons/icon-svgs/shield-24.icon.d.ts +8 -0
  107. package/{src/icons/icon-svgs/shield-24.icon.ts → dist/icons/icon-svgs/shield-24.icon.js} +4 -5
  108. package/dist/icons/icon-svgs/sort-ascending-24.icon.d.ts +8 -0
  109. package/{src/icons/icon-svgs/sort-ascending-24.icon.ts → dist/icons/icon-svgs/sort-ascending-24.icon.js} +4 -5
  110. package/dist/icons/icon-svgs/sort-descending-24.icon.d.ts +8 -0
  111. package/{src/icons/icon-svgs/sort-descending-24.icon.ts → dist/icons/icon-svgs/sort-descending-24.icon.js} +4 -5
  112. package/dist/icons/icon-svgs/speaker-loud-24.icon.d.ts +8 -0
  113. package/{src/icons/icon-svgs/speaker-loud-24.icon.ts → dist/icons/icon-svgs/speaker-loud-24.icon.js} +4 -5
  114. package/dist/icons/icon-svgs/speaker-medium-24.icon.d.ts +8 -0
  115. package/{src/icons/icon-svgs/speaker-medium-24.icon.ts → dist/icons/icon-svgs/speaker-medium-24.icon.js} +4 -5
  116. package/dist/icons/icon-svgs/speaker-muted-24.icon.d.ts +8 -0
  117. package/{src/icons/icon-svgs/speaker-muted-24.icon.ts → dist/icons/icon-svgs/speaker-muted-24.icon.js} +4 -5
  118. package/dist/icons/icon-svgs/speaker-quiet-24.icon.d.ts +8 -0
  119. package/{src/icons/icon-svgs/speaker-quiet-24.icon.ts → dist/icons/icon-svgs/speaker-quiet-24.icon.js} +4 -5
  120. package/dist/icons/icon-svgs/star-24.icon.d.ts +8 -0
  121. package/{src/icons/icon-svgs/star-24.icon.ts → dist/icons/icon-svgs/star-24.icon.js} +4 -5
  122. package/dist/icons/icon-svgs/status-failure-24.icon.d.ts +8 -0
  123. package/{src/icons/icon-svgs/status-failure-24.icon.ts → dist/icons/icon-svgs/status-failure-24.icon.js} +4 -5
  124. package/dist/icons/icon-svgs/status-in-progress-24.icon.d.ts +8 -0
  125. package/{src/icons/icon-svgs/status-in-progress-24.icon.ts → dist/icons/icon-svgs/status-in-progress-24.icon.js} +4 -5
  126. package/dist/icons/icon-svgs/status-success-24.icon.d.ts +8 -0
  127. package/{src/icons/icon-svgs/status-success-24.icon.ts → dist/icons/icon-svgs/status-success-24.icon.js} +4 -5
  128. package/dist/icons/icon-svgs/status-unknown-24.icon.d.ts +8 -0
  129. package/{src/icons/icon-svgs/status-unknown-24.icon.ts → dist/icons/icon-svgs/status-unknown-24.icon.js} +4 -5
  130. package/dist/icons/icon-svgs/status-warning-24.icon.d.ts +8 -0
  131. package/{src/icons/icon-svgs/status-warning-24.icon.ts → dist/icons/icon-svgs/status-warning-24.icon.js} +4 -5
  132. package/dist/icons/icon-svgs/upload-24.icon.d.ts +8 -0
  133. package/{src/icons/icon-svgs/upload-24.icon.ts → dist/icons/icon-svgs/upload-24.icon.js} +4 -5
  134. package/dist/icons/icon-svgs/x-24.icon.d.ts +8 -0
  135. package/{src/icons/icon-svgs/x-24.icon.ts → dist/icons/icon-svgs/x-24.icon.js} +4 -5
  136. package/dist/icons/index.d.ts +86 -0
  137. package/{src/icons/index.ts → dist/icons/index.js} +39 -43
  138. package/dist/index.js +4 -0
  139. package/dist/styles/border.d.ts +9 -0
  140. package/{src/styles/border.ts → dist/styles/border.js} +1 -2
  141. package/dist/styles/disabled.d.ts +6 -0
  142. package/{src/styles/disabled.ts → dist/styles/disabled.js} +2 -3
  143. package/dist/styles/durations.d.ts +22 -0
  144. package/{src/styles/durations.ts → dist/styles/durations.js} +1 -2
  145. package/dist/styles/focus.d.ts +34 -0
  146. package/{src/styles/focus.ts → dist/styles/focus.js} +8 -29
  147. package/dist/styles/font.d.ts +9 -0
  148. package/{src/styles/font.ts → dist/styles/font.js} +1 -2
  149. package/dist/styles/form-styles.d.ts +20 -0
  150. package/{src/styles/form-styles.ts → dist/styles/form-styles.js} +1 -6
  151. package/{src/styles/index.ts → dist/styles/index.d.ts} +0 -1
  152. package/dist/styles/index.js +13 -0
  153. package/dist/styles/native-styles.d.ts +13 -0
  154. package/{src/styles/native-styles.ts → dist/styles/native-styles.js} +3 -5
  155. package/dist/styles/scrollbar.d.ts +6 -0
  156. package/{src/styles/scrollbar.ts → dist/styles/scrollbar.js} +3 -4
  157. package/dist/styles/shadows.d.ts +20 -0
  158. package/{src/styles/shadows.ts → dist/styles/shadows.js} +6 -8
  159. package/dist/styles/user-select.d.ts +6 -0
  160. package/{src/styles/user-select.ts → dist/styles/user-select.js} +2 -3
  161. package/dist/styles/vira-color-palette.d.ts +95 -0
  162. package/{src/styles/vira-color-palette.ts → dist/styles/vira-color-palette.js} +1 -11
  163. package/dist/styles/vira-color-theme.d.ts +1184 -0
  164. package/dist/styles/vira-color-theme.js +1138 -0
  165. package/dist/util/define-table.d.ts +110 -0
  166. package/dist/util/define-table.js +115 -0
  167. package/dist/util/dynamic-element.d.ts +63 -0
  168. package/dist/util/dynamic-element.js +61 -0
  169. package/dist/util/index.js +3 -0
  170. package/dist/util/pop-up-manager.d.ts +186 -0
  171. package/dist/util/pop-up-manager.js +214 -0
  172. package/package.json +6 -6
  173. package/src/elements/define-vira-element.ts +0 -29
  174. package/src/elements/form/vira-form-fields.ts +0 -140
  175. package/src/elements/form/vira-form.element.ts +0 -204
  176. package/src/elements/pop-up/pop-up-helpers.ts +0 -85
  177. package/src/elements/pop-up/vira-menu-trigger.element.ts +0 -158
  178. package/src/elements/shared-text-input-logic.ts +0 -173
  179. package/src/elements/vira-overflow-switch.element.ts +0 -137
  180. package/src/icons/icon-color.test-helper.ts +0 -9
  181. package/src/icons/icon-svg.ts +0 -71
  182. package/src/styles/vira-color-theme.ts +0 -1142
  183. package/src/util/define-table.ts +0 -279
  184. package/src/util/dynamic-element.ts +0 -129
  185. package/src/util/pop-up-manager.ts +0 -380
  186. /package/{src/elements/index.ts → dist/elements/index.d.ts} +0 -0
  187. /package/{src/index.ts → dist/index.d.ts} +0 -0
  188. /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 icon with two opposing chevrons.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
11
10
  */
12
11
  export const DoubleChevron24Icon = defineIcon({
13
12
  name: 'DoubleChevron24Icon',
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
+ * An icon symbol that represents an HTML element.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/element16icon
7
+ */
8
+ export declare const Element16Icon: 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 an HTML element.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
11
10
  */
12
11
  export const Element16Icon = defineIcon({
13
12
  name: 'Element16Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
16
15
  <path
17
16
  d="M4 5 1 8l3 3m8-6 3 3-3 3m-5 0 2-6"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * An icon symbol that represents an HTML element.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/element24icon
7
+ */
8
+ export declare const Element24Icon: 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 an HTML element.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
11
10
  */
12
11
  export const Element24Icon = defineIcon({
13
12
  name: 'Element24Icon',
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="m7 7-5 5 5 5M17 7l5 5-5 5m-6 0 2-10"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * An external link icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/externallink24icon
7
+ */
8
+ export declare const ExternalLink24Icon: 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 external link icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
11
10
  */
12
11
  export const ExternalLink24Icon = defineIcon({
13
12
  name: 'ExternalLink24Icon',
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 closed or disable eye icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/eyeclosed24icon
7
+ */
8
+ export declare const EyeClosed24Icon: 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 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 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
+ * 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 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 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"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A speaker icon that is at minimum volume.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/speakerquiet24icon
7
+ */
8
+ export declare const SpeakerQuiet24Icon: 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 at minimum volume.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
11
10
  */
12
11
  export const SpeakerQuiet24Icon = defineIcon({
13
12
  name: 'SpeakerQuiet24Icon',
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="m10 16 6 5V3l-6 5H5v8h5Z"
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A star icon.
3
+ *
4
+ * @category Icon
5
+ * @category SVG
6
+ * @see https://electrovir.github.io/vira/book/icons/star24icon
7
+ */
8
+ export declare const Star24Icon: 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 star icon.
7
6
  *
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
11
10
  */
12
11
  export const Star24Icon = defineIcon({
13
12
  name: 'Star24Icon',
14
- svgTemplate: html`
13
+ svgTemplate: html `
15
14
  <svg
16
15
  xmlns="http://www.w3.org/2000/svg"
17
16
  width="24"