vira 28.19.4 → 28.19.6

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/package.json +13 -13
  2. package/src/elements/define-vira-element.ts +29 -0
  3. package/src/elements/form/vira-form-fields.ts +140 -0
  4. package/src/elements/form/vira-form.element.ts +204 -0
  5. package/src/elements/pop-up/pop-up-helpers.ts +85 -0
  6. package/{dist/elements/pop-up/pop-up-menu-item.d.ts → src/elements/pop-up/pop-up-menu-item.ts} +4 -3
  7. package/{dist/elements/pop-up/vira-menu-item.element.js → src/elements/pop-up/vira-menu-item.element.ts} +28 -11
  8. package/src/elements/pop-up/vira-menu-trigger.element.ts +158 -0
  9. package/{dist/elements/pop-up/vira-menu.element.js → src/elements/pop-up/vira-menu.element.ts} +76 -49
  10. package/{dist/elements/pop-up/vira-pop-up-menu.element.js → src/elements/pop-up/vira-pop-up-menu.element.ts} +34 -22
  11. package/{dist/elements/pop-up/vira-pop-up-trigger.element.js → src/elements/pop-up/vira-pop-up-trigger.element.ts} +200 -91
  12. package/src/elements/shared-text-input-logic.ts +173 -0
  13. package/{dist/elements/vira-bold-text.element.js → src/elements/vira-bold-text.element.ts} +8 -7
  14. package/{dist/elements/vira-button.element.js → src/elements/vira-button.element.ts} +64 -33
  15. package/{dist/elements/vira-card.element.js → src/elements/vira-card.element.ts} +16 -13
  16. package/{dist/elements/vira-checkbox.element.js → src/elements/vira-checkbox.element.ts} +71 -28
  17. package/{dist/elements/vira-collapsible-wrapper.element.js → src/elements/vira-collapsible-wrapper.element.ts} +18 -16
  18. package/{dist/elements/vira-dropdown.element.js → src/elements/vira-dropdown.element.ts} +94 -48
  19. package/{dist/elements/vira-error.element.js → src/elements/vira-error.element.ts} +6 -5
  20. package/{dist/elements/vira-icon.element.js → src/elements/vira-icon.element.ts} +13 -6
  21. package/{dist/elements/vira-image.element.js → src/elements/vira-image.element.ts} +63 -43
  22. package/{dist/elements/vira-input.element.js → src/elements/vira-input.element.ts} +151 -85
  23. package/{dist/elements/vira-link.element.js → src/elements/vira-link.element.ts} +62 -11
  24. package/{dist/elements/vira-modal.element.js → src/elements/vira-modal.element.ts} +89 -50
  25. package/src/elements/vira-overflow-switch.element.ts +137 -0
  26. package/{dist/elements/vira-progress.element.js → src/elements/vira-progress.element.ts} +26 -11
  27. package/{dist/elements/vira-select.element.js → src/elements/vira-select.element.ts} +96 -41
  28. package/src/icons/icon-color.test-helper.ts +9 -0
  29. package/{dist/icons/icon-css-vars.js → src/icons/icon-css-vars.ts} +2 -1
  30. package/src/icons/icon-svg.ts +71 -0
  31. package/{dist/icons/icon-svgs/bell-24.icon.js → src/icons/icon-svgs/bell-24.icon.ts} +5 -4
  32. package/{dist/icons/icon-svgs/chat-24.icon.js → src/icons/icon-svgs/chat-24.icon.ts} +5 -4
  33. package/{dist/icons/icon-svgs/check-24.icon.js → src/icons/icon-svgs/check-24.icon.ts} +5 -4
  34. package/{dist/icons/icon-svgs/chevron-down-24.icon.js → src/icons/icon-svgs/chevron-down-24.icon.ts} +5 -4
  35. package/{dist/icons/icon-svgs/chevron-up-24.icon.js → src/icons/icon-svgs/chevron-up-24.icon.ts} +5 -4
  36. package/{dist/icons/icon-svgs/close-x-24.icon.js → src/icons/icon-svgs/close-x-24.icon.ts} +5 -4
  37. package/{dist/icons/icon-svgs/commit-24.icon.js → src/icons/icon-svgs/commit-24.icon.ts} +5 -4
  38. package/{dist/icons/icon-svgs/copy-24.icon.js → src/icons/icon-svgs/copy-24.icon.ts} +5 -4
  39. package/{dist/icons/icon-svgs/document-24.icon.js → src/icons/icon-svgs/document-24.icon.ts} +5 -4
  40. package/{dist/icons/icon-svgs/document-search-24.icon.js → src/icons/icon-svgs/document-search-24.icon.ts} +5 -4
  41. package/{dist/icons/icon-svgs/double-chevron-24.icon.js → src/icons/icon-svgs/double-chevron-24.icon.ts} +5 -4
  42. package/{dist/icons/icon-svgs/element-16.icon.js → src/icons/icon-svgs/element-16.icon.ts} +5 -4
  43. package/{dist/icons/icon-svgs/element-24.icon.js → src/icons/icon-svgs/element-24.icon.ts} +5 -4
  44. package/{dist/icons/icon-svgs/external-link-24.icon.js → src/icons/icon-svgs/external-link-24.icon.ts} +5 -4
  45. package/{dist/icons/icon-svgs/eye-closed-24.icon.js → src/icons/icon-svgs/eye-closed-24.icon.ts} +5 -4
  46. package/{dist/icons/icon-svgs/eye-open-24.icon.js → src/icons/icon-svgs/eye-open-24.icon.ts} +5 -4
  47. package/{dist/icons/icon-svgs/filter-24.icon.js → src/icons/icon-svgs/filter-24.icon.ts} +5 -4
  48. package/{dist/icons/icon-svgs/link-24.icon.js → src/icons/icon-svgs/link-24.icon.ts} +5 -4
  49. package/{dist/icons/icon-svgs/loader-24.icon.js → src/icons/icon-svgs/loader-24.icon.ts} +5 -4
  50. package/{dist/icons/icon-svgs/loader-animated-24.icon.js → src/icons/icon-svgs/loader-animated-24.icon.ts} +8 -6
  51. package/{dist/icons/icon-svgs/lock-24.icon.js → src/icons/icon-svgs/lock-24.icon.ts} +5 -4
  52. package/{dist/icons/icon-svgs/options-24.icon.js → src/icons/icon-svgs/options-24.icon.ts} +5 -4
  53. package/{dist/icons/icon-svgs/pencil-24.icon.js → src/icons/icon-svgs/pencil-24.icon.ts} +5 -4
  54. package/{dist/icons/icon-svgs/shield-24.icon.js → src/icons/icon-svgs/shield-24.icon.ts} +5 -4
  55. package/{dist/icons/icon-svgs/sort-ascending-24.icon.js → src/icons/icon-svgs/sort-ascending-24.icon.ts} +5 -4
  56. package/{dist/icons/icon-svgs/sort-descending-24.icon.js → src/icons/icon-svgs/sort-descending-24.icon.ts} +5 -4
  57. package/{dist/icons/icon-svgs/speaker-loud-24.icon.js → src/icons/icon-svgs/speaker-loud-24.icon.ts} +5 -4
  58. package/{dist/icons/icon-svgs/speaker-medium-24.icon.js → src/icons/icon-svgs/speaker-medium-24.icon.ts} +5 -4
  59. package/{dist/icons/icon-svgs/speaker-muted-24.icon.js → src/icons/icon-svgs/speaker-muted-24.icon.ts} +5 -4
  60. package/{dist/icons/icon-svgs/speaker-quiet-24.icon.js → src/icons/icon-svgs/speaker-quiet-24.icon.ts} +5 -4
  61. package/{dist/icons/icon-svgs/star-24.icon.js → src/icons/icon-svgs/star-24.icon.ts} +5 -4
  62. package/{dist/icons/icon-svgs/status-failure-24.icon.js → src/icons/icon-svgs/status-failure-24.icon.ts} +5 -4
  63. package/{dist/icons/icon-svgs/status-in-progress-24.icon.js → src/icons/icon-svgs/status-in-progress-24.icon.ts} +5 -4
  64. package/{dist/icons/icon-svgs/status-success-24.icon.js → src/icons/icon-svgs/status-success-24.icon.ts} +5 -4
  65. package/{dist/icons/icon-svgs/status-unknown-24.icon.js → src/icons/icon-svgs/status-unknown-24.icon.ts} +5 -4
  66. package/{dist/icons/icon-svgs/status-warning-24.icon.js → src/icons/icon-svgs/status-warning-24.icon.ts} +5 -4
  67. package/{dist/icons/icon-svgs/upload-24.icon.js → src/icons/icon-svgs/upload-24.icon.ts} +5 -4
  68. package/{dist/icons/icon-svgs/x-24.icon.js → src/icons/icon-svgs/x-24.icon.ts} +5 -4
  69. package/{dist/icons/index.js → src/icons/index.ts} +43 -39
  70. package/{dist/styles/border.js → src/styles/border.ts} +2 -1
  71. package/{dist/styles/disabled.js → src/styles/disabled.ts} +3 -2
  72. package/{dist/styles/durations.js → src/styles/durations.ts} +2 -1
  73. package/{dist/styles/focus.js → src/styles/focus.ts} +32 -8
  74. package/{dist/styles/font.js → src/styles/font.ts} +2 -1
  75. package/{dist/styles/form-styles.js → src/styles/form-styles.ts} +6 -1
  76. package/{dist/styles/index.js → src/styles/index.ts} +1 -0
  77. package/{dist/styles/native-styles.js → src/styles/native-styles.ts} +5 -3
  78. package/{dist/styles/scrollbar.js → src/styles/scrollbar.ts} +4 -3
  79. package/{dist/styles/shadows.js → src/styles/shadows.ts} +8 -6
  80. package/{dist/styles/user-select.js → src/styles/user-select.ts} +3 -2
  81. package/{dist/styles/vira-color-palette.js → src/styles/vira-color-palette.ts} +11 -1
  82. package/src/styles/vira-color-theme.ts +1142 -0
  83. package/src/util/define-table.ts +279 -0
  84. package/src/util/dynamic-element.ts +129 -0
  85. package/src/util/pop-up-manager.ts +380 -0
  86. package/dist/elements/define-vira-element.d.ts +0 -18
  87. package/dist/elements/define-vira-element.js +0 -19
  88. package/dist/elements/form/vira-form-fields.d.ts +0 -100
  89. package/dist/elements/form/vira-form-fields.js +0 -60
  90. package/dist/elements/form/vira-form.element.d.ts +0 -35
  91. package/dist/elements/form/vira-form.element.js +0 -151
  92. package/dist/elements/index.js +0 -25
  93. package/dist/elements/pop-up/pop-up-helpers.d.ts +0 -33
  94. package/dist/elements/pop-up/pop-up-helpers.js +0 -58
  95. package/dist/elements/pop-up/pop-up-menu-item.js +0 -1
  96. package/dist/elements/pop-up/vira-menu-item.element.d.ts +0 -19
  97. package/dist/elements/pop-up/vira-menu-trigger.element.d.ts +0 -41
  98. package/dist/elements/pop-up/vira-menu-trigger.element.js +0 -121
  99. package/dist/elements/pop-up/vira-menu.element.d.ts +0 -38
  100. package/dist/elements/pop-up/vira-pop-up-menu.element.d.ts +0 -35
  101. package/dist/elements/pop-up/vira-pop-up-trigger.element.d.ts +0 -105
  102. package/dist/elements/shared-text-input-logic.d.ts +0 -63
  103. package/dist/elements/shared-text-input-logic.js +0 -101
  104. package/dist/elements/vira-bold-text.element.d.ts +0 -9
  105. package/dist/elements/vira-button.element.d.ts +0 -31
  106. package/dist/elements/vira-card.element.d.ts +0 -18
  107. package/dist/elements/vira-checkbox.element.d.ts +0 -34
  108. package/dist/elements/vira-collapsible-wrapper.element.d.ts +0 -14
  109. package/dist/elements/vira-dropdown.element.d.ts +0 -46
  110. package/dist/elements/vira-error.element.d.ts +0 -7
  111. package/dist/elements/vira-icon.element.d.ts +0 -13
  112. package/dist/elements/vira-image.element.d.ts +0 -45
  113. package/dist/elements/vira-input.element.d.ts +0 -62
  114. package/dist/elements/vira-link.element.d.ts +0 -73
  115. package/dist/elements/vira-modal.element.d.ts +0 -39
  116. package/dist/elements/vira-overflow-switch.element.d.ts +0 -21
  117. package/dist/elements/vira-overflow-switch.element.js +0 -110
  118. package/dist/elements/vira-progress.element.d.ts +0 -18
  119. package/dist/elements/vira-select.element.d.ts +0 -48
  120. package/dist/icons/icon-color.test-helper.d.ts +0 -6
  121. package/dist/icons/icon-color.test-helper.js +0 -9
  122. package/dist/icons/icon-css-vars.d.ts +0 -14
  123. package/dist/icons/icon-svg.d.ts +0 -27
  124. package/dist/icons/icon-svg.js +0 -48
  125. package/dist/icons/icon-svgs/bell-24.icon.d.ts +0 -8
  126. package/dist/icons/icon-svgs/chat-24.icon.d.ts +0 -8
  127. package/dist/icons/icon-svgs/check-24.icon.d.ts +0 -8
  128. package/dist/icons/icon-svgs/chevron-down-24.icon.d.ts +0 -8
  129. package/dist/icons/icon-svgs/chevron-up-24.icon.d.ts +0 -8
  130. package/dist/icons/icon-svgs/close-x-24.icon.d.ts +0 -8
  131. package/dist/icons/icon-svgs/commit-24.icon.d.ts +0 -8
  132. package/dist/icons/icon-svgs/copy-24.icon.d.ts +0 -8
  133. package/dist/icons/icon-svgs/document-24.icon.d.ts +0 -8
  134. package/dist/icons/icon-svgs/document-search-24.icon.d.ts +0 -8
  135. package/dist/icons/icon-svgs/double-chevron-24.icon.d.ts +0 -8
  136. package/dist/icons/icon-svgs/element-16.icon.d.ts +0 -8
  137. package/dist/icons/icon-svgs/element-24.icon.d.ts +0 -8
  138. package/dist/icons/icon-svgs/external-link-24.icon.d.ts +0 -8
  139. package/dist/icons/icon-svgs/eye-closed-24.icon.d.ts +0 -8
  140. package/dist/icons/icon-svgs/eye-open-24.icon.d.ts +0 -8
  141. package/dist/icons/icon-svgs/filter-24.icon.d.ts +0 -8
  142. package/dist/icons/icon-svgs/link-24.icon.d.ts +0 -8
  143. package/dist/icons/icon-svgs/loader-24.icon.d.ts +0 -8
  144. package/dist/icons/icon-svgs/loader-animated-24.icon.d.ts +0 -8
  145. package/dist/icons/icon-svgs/lock-24.icon.d.ts +0 -8
  146. package/dist/icons/icon-svgs/options-24.icon.d.ts +0 -8
  147. package/dist/icons/icon-svgs/pencil-24.icon.d.ts +0 -8
  148. package/dist/icons/icon-svgs/shield-24.icon.d.ts +0 -8
  149. package/dist/icons/icon-svgs/sort-ascending-24.icon.d.ts +0 -8
  150. package/dist/icons/icon-svgs/sort-descending-24.icon.d.ts +0 -8
  151. package/dist/icons/icon-svgs/speaker-loud-24.icon.d.ts +0 -8
  152. package/dist/icons/icon-svgs/speaker-medium-24.icon.d.ts +0 -8
  153. package/dist/icons/icon-svgs/speaker-muted-24.icon.d.ts +0 -8
  154. package/dist/icons/icon-svgs/speaker-quiet-24.icon.d.ts +0 -8
  155. package/dist/icons/icon-svgs/star-24.icon.d.ts +0 -8
  156. package/dist/icons/icon-svgs/status-failure-24.icon.d.ts +0 -8
  157. package/dist/icons/icon-svgs/status-in-progress-24.icon.d.ts +0 -8
  158. package/dist/icons/icon-svgs/status-success-24.icon.d.ts +0 -8
  159. package/dist/icons/icon-svgs/status-unknown-24.icon.d.ts +0 -8
  160. package/dist/icons/icon-svgs/status-warning-24.icon.d.ts +0 -8
  161. package/dist/icons/icon-svgs/upload-24.icon.d.ts +0 -8
  162. package/dist/icons/icon-svgs/x-24.icon.d.ts +0 -8
  163. package/dist/icons/index.d.ts +0 -86
  164. package/dist/index.js +0 -4
  165. package/dist/styles/border.d.ts +0 -9
  166. package/dist/styles/disabled.d.ts +0 -6
  167. package/dist/styles/durations.d.ts +0 -22
  168. package/dist/styles/focus.d.ts +0 -31
  169. package/dist/styles/font.d.ts +0 -9
  170. package/dist/styles/form-styles.d.ts +0 -20
  171. package/dist/styles/index.d.ts +0 -13
  172. package/dist/styles/native-styles.d.ts +0 -13
  173. package/dist/styles/scrollbar.d.ts +0 -6
  174. package/dist/styles/shadows.d.ts +0 -20
  175. package/dist/styles/user-select.d.ts +0 -6
  176. package/dist/styles/vira-color-palette.d.ts +0 -95
  177. package/dist/styles/vira-color-theme.d.ts +0 -1184
  178. package/dist/styles/vira-color-theme.js +0 -1137
  179. package/dist/util/define-table.d.ts +0 -110
  180. package/dist/util/define-table.js +0 -115
  181. package/dist/util/dynamic-element.d.ts +0 -63
  182. package/dist/util/dynamic-element.js +0 -61
  183. package/dist/util/index.js +0 -3
  184. package/dist/util/pop-up-manager.d.ts +0 -180
  185. package/dist/util/pop-up-manager.js +0 -203
  186. /package/{dist/elements/index.d.ts → src/elements/index.ts} +0 -0
  187. /package/{dist/index.d.ts → src/index.ts} +0 -0
  188. /package/{dist/util/index.d.ts → src/util/index.ts} +0 -0
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A link icon.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const Link24Icon = defineIcon({
12
13
  name: 'Link24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  xml:space="preserve"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A static loading icon.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const Loader24Icon = defineIcon({
12
13
  name: 'Loader24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  width="24"
@@ -1,8 +1,9 @@
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 `
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`
6
7
  @keyframes loader-animated-spin {
7
8
  from {
8
9
  transform: rotate(0deg);
@@ -17,6 +18,7 @@ const animatedLoaderStyles = css `
17
18
  loader-animated-spin infinite;
18
19
  }
19
20
  `;
21
+
20
22
  /**
21
23
  * A variation of {@link Loader24Icon} that spins on its own.
22
24
  *
@@ -26,7 +28,7 @@ const animatedLoaderStyles = css `
26
28
  */
27
29
  export const LoaderAnimated24Icon = defineIcon({
28
30
  name: 'LoaderAnimated24Icon',
29
- svgTemplate: html `
31
+ svgTemplate: html`
30
32
  <style>
31
33
  ${animatedLoaderStyles}
32
34
  </style>
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A lock icon.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const Lock24Icon = defineIcon({
12
13
  name: 'Lock24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  xml:space="preserve"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * An icon that represents configuration options.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const Options24Icon = defineIcon({
12
13
  name: 'Options24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
15
16
  <g
16
17
  fill=${viraIconCssVars['vira-icon-fill-color'].value}
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A pencil icon.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const Pencil24Icon = defineIcon({
12
13
  name: 'Pencil24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
15
16
  <path
16
17
  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"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A shield icon.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const Shield24Icon = defineIcon({
12
13
  name: 'Shield24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  xml:space="preserve"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A icon indicating ascending sorting.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const SortAscending24Icon = defineIcon({
12
13
  name: 'SortAscending24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  xml:space="preserve"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A icon indicating descending sorting.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const SortDescending24Icon = defineIcon({
12
13
  name: 'SortDescending24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  xml:space="preserve"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A speaker icon at maximum volume.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const SpeakerLoud24Icon = defineIcon({
12
13
  name: 'SpeakerLoud24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
15
16
  <path
16
17
  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"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A speaker icon at medium volume.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const SpeakerMedium24Icon = defineIcon({
12
13
  name: 'SpeakerMedium24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
15
16
  <path
16
17
  d="M18.2 8.67c.91.7 1.5 1.83 1.5 3.33s-.59 2.63-1.5 3.33"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A speaker icon that is muted.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const SpeakerMuted24Icon = defineIcon({
12
13
  name: 'SpeakerMuted24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
15
16
  <path
16
17
  d="M5 16V8h5l6-5v2.2m0 5.6V21l-5.6-4.7"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A speaker icon that is at minimum volume.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const SpeakerQuiet24Icon = defineIcon({
12
13
  name: 'SpeakerQuiet24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
15
16
  <path
16
17
  d="m10 16 6 5V3l-6 5H5v8h5Z"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A star icon.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const Star24Icon = defineIcon({
12
13
  name: 'Star24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  width="24"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A status icon with an x that indicates something failed (like a build pipeline).
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const StatusFailure24Icon = defineIcon({
12
13
  name: 'StatusFailure24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  width="24"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A status icon that indicates that something is still in progress.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const StatusInProgress24Icon = defineIcon({
12
13
  name: 'StatusInProgress24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
15
16
  <circle
16
17
  cx="12"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A status icon that indicates success.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const StatusSuccess24Icon = defineIcon({
12
13
  name: 'StatusSuccess24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
15
16
  <circle
16
17
  cx="12"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A status icon with a ? that indicates the status is unknown.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const StatusUnknown24Icon = defineIcon({
12
13
  name: 'StatusUnknown24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  xml:space="preserve"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A status icon that indicates a warning.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const StatusWarning24Icon = defineIcon({
12
13
  name: 'StatusWarning24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  xml:space="preserve"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * An upload icon.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const Upload24Icon = defineIcon({
12
13
  name: 'Upload24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg
15
16
  xmlns="http://www.w3.org/2000/svg"
16
17
  xml:space="preserve"
@@ -1,6 +1,7 @@
1
- import { html } from 'element-vir';
2
- import { viraIconCssVars } from '../icon-css-vars.js';
3
- import { defineIcon } from '../icon-svg.js';
1
+ import {html} from 'element-vir';
2
+ import {viraIconCssVars} from '../icon-css-vars.js';
3
+ import {defineIcon} from '../icon-svg.js';
4
+
4
5
  /**
5
6
  * A plain X icon.
6
7
  *
@@ -10,7 +11,7 @@ import { defineIcon } from '../icon-svg.js';
10
11
  */
11
12
  export const X24Icon = defineIcon({
12
13
  name: 'X24Icon',
13
- svgTemplate: html `
14
+ svgTemplate: html`
14
15
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
15
16
  <path
16
17
  d="M18 6L6 18M6 6l12 12"
@@ -1,44 +1,47 @@
1
1
  /** This file is automatically updated by update-icon-exports.ts */
2
- import { Bell24Icon } from './icon-svgs/bell-24.icon.js';
3
- import { Chat24Icon } from './icon-svgs/chat-24.icon.js';
4
- import { Check24Icon } from './icon-svgs/check-24.icon.js';
5
- import { ChevronDown24Icon } from './icon-svgs/chevron-down-24.icon.js';
6
- import { ChevronUp24Icon } from './icon-svgs/chevron-up-24.icon.js';
7
- import { CloseX24Icon } from './icon-svgs/close-x-24.icon.js';
8
- import { Commit24Icon } from './icon-svgs/commit-24.icon.js';
9
- import { Copy24Icon } from './icon-svgs/copy-24.icon.js';
10
- import { Document24Icon } from './icon-svgs/document-24.icon.js';
11
- import { DocumentSearch24Icon } from './icon-svgs/document-search-24.icon.js';
12
- import { DoubleChevron24Icon } from './icon-svgs/double-chevron-24.icon.js';
13
- import { Element16Icon } from './icon-svgs/element-16.icon.js';
14
- import { Element24Icon } from './icon-svgs/element-24.icon.js';
15
- import { ExternalLink24Icon } from './icon-svgs/external-link-24.icon.js';
16
- import { EyeClosed24Icon } from './icon-svgs/eye-closed-24.icon.js';
17
- import { EyeOpen24Icon } from './icon-svgs/eye-open-24.icon.js';
18
- import { Filter24Icon } from './icon-svgs/filter-24.icon.js';
19
- import { Link24Icon } from './icon-svgs/link-24.icon.js';
20
- import { Loader24Icon } from './icon-svgs/loader-24.icon.js';
21
- import { LoaderAnimated24Icon } from './icon-svgs/loader-animated-24.icon.js';
22
- import { Lock24Icon } from './icon-svgs/lock-24.icon.js';
23
- import { Options24Icon } from './icon-svgs/options-24.icon.js';
24
- import { Pencil24Icon } from './icon-svgs/pencil-24.icon.js';
25
- import { Shield24Icon } from './icon-svgs/shield-24.icon.js';
26
- import { SortAscending24Icon } from './icon-svgs/sort-ascending-24.icon.js';
27
- import { SortDescending24Icon } from './icon-svgs/sort-descending-24.icon.js';
28
- import { SpeakerLoud24Icon } from './icon-svgs/speaker-loud-24.icon.js';
29
- import { SpeakerMedium24Icon } from './icon-svgs/speaker-medium-24.icon.js';
30
- import { SpeakerMuted24Icon } from './icon-svgs/speaker-muted-24.icon.js';
31
- import { SpeakerQuiet24Icon } from './icon-svgs/speaker-quiet-24.icon.js';
32
- import { Star24Icon } from './icon-svgs/star-24.icon.js';
33
- import { StatusFailure24Icon } from './icon-svgs/status-failure-24.icon.js';
34
- import { StatusInProgress24Icon } from './icon-svgs/status-in-progress-24.icon.js';
35
- import { StatusSuccess24Icon } from './icon-svgs/status-success-24.icon.js';
36
- import { StatusUnknown24Icon } from './icon-svgs/status-unknown-24.icon.js';
37
- import { StatusWarning24Icon } from './icon-svgs/status-warning-24.icon.js';
38
- import { Upload24Icon } from './icon-svgs/upload-24.icon.js';
39
- import { X24Icon } from './icon-svgs/x-24.icon.js';
2
+
3
+ import {Bell24Icon} from './icon-svgs/bell-24.icon.js';
4
+ import {Chat24Icon} from './icon-svgs/chat-24.icon.js';
5
+ import {Check24Icon} from './icon-svgs/check-24.icon.js';
6
+ import {ChevronDown24Icon} from './icon-svgs/chevron-down-24.icon.js';
7
+ import {ChevronUp24Icon} from './icon-svgs/chevron-up-24.icon.js';
8
+ import {CloseX24Icon} from './icon-svgs/close-x-24.icon.js';
9
+ import {Commit24Icon} from './icon-svgs/commit-24.icon.js';
10
+ import {Copy24Icon} from './icon-svgs/copy-24.icon.js';
11
+ import {Document24Icon} from './icon-svgs/document-24.icon.js';
12
+ import {DocumentSearch24Icon} from './icon-svgs/document-search-24.icon.js';
13
+ import {DoubleChevron24Icon} from './icon-svgs/double-chevron-24.icon.js';
14
+ import {Element16Icon} from './icon-svgs/element-16.icon.js';
15
+ import {Element24Icon} from './icon-svgs/element-24.icon.js';
16
+ import {ExternalLink24Icon} from './icon-svgs/external-link-24.icon.js';
17
+ import {EyeClosed24Icon} from './icon-svgs/eye-closed-24.icon.js';
18
+ import {EyeOpen24Icon} from './icon-svgs/eye-open-24.icon.js';
19
+ import {Filter24Icon} from './icon-svgs/filter-24.icon.js';
20
+ import {Link24Icon} from './icon-svgs/link-24.icon.js';
21
+ import {Loader24Icon} from './icon-svgs/loader-24.icon.js';
22
+ import {LoaderAnimated24Icon} from './icon-svgs/loader-animated-24.icon.js';
23
+ import {Lock24Icon} from './icon-svgs/lock-24.icon.js';
24
+ import {Options24Icon} from './icon-svgs/options-24.icon.js';
25
+ import {Pencil24Icon} from './icon-svgs/pencil-24.icon.js';
26
+ import {Shield24Icon} from './icon-svgs/shield-24.icon.js';
27
+ import {SortAscending24Icon} from './icon-svgs/sort-ascending-24.icon.js';
28
+ import {SortDescending24Icon} from './icon-svgs/sort-descending-24.icon.js';
29
+ import {SpeakerLoud24Icon} from './icon-svgs/speaker-loud-24.icon.js';
30
+ import {SpeakerMedium24Icon} from './icon-svgs/speaker-medium-24.icon.js';
31
+ import {SpeakerMuted24Icon} from './icon-svgs/speaker-muted-24.icon.js';
32
+ import {SpeakerQuiet24Icon} from './icon-svgs/speaker-quiet-24.icon.js';
33
+ import {Star24Icon} from './icon-svgs/star-24.icon.js';
34
+ import {StatusFailure24Icon} from './icon-svgs/status-failure-24.icon.js';
35
+ import {StatusInProgress24Icon} from './icon-svgs/status-in-progress-24.icon.js';
36
+ import {StatusSuccess24Icon} from './icon-svgs/status-success-24.icon.js';
37
+ import {StatusUnknown24Icon} from './icon-svgs/status-unknown-24.icon.js';
38
+ import {StatusWarning24Icon} from './icon-svgs/status-warning-24.icon.js';
39
+ import {Upload24Icon} from './icon-svgs/upload-24.icon.js';
40
+ import {X24Icon} from './icon-svgs/x-24.icon.js';
41
+
40
42
  export * from './icon-css-vars.js';
41
43
  export * from './icon-svg.js';
44
+
42
45
  export * from './icon-svgs/bell-24.icon.js';
43
46
  export * from './icon-svgs/chat-24.icon.js';
44
47
  export * from './icon-svgs/check-24.icon.js';
@@ -77,6 +80,7 @@ export * from './icon-svgs/status-unknown-24.icon.js';
77
80
  export * from './icon-svgs/status-warning-24.icon.js';
78
81
  export * from './icon-svgs/upload-24.icon.js';
79
82
  export * from './icon-svgs/x-24.icon.js';
83
+
80
84
  /**
81
85
  * All icons within vira by name.
82
86
  *
@@ -121,4 +125,4 @@ export const allIconsByName = {
121
125
  StatusWarning24Icon,
122
126
  Upload24Icon,
123
127
  X24Icon,
124
- };
128
+ } as const;
@@ -1,4 +1,5 @@
1
- import { defineCssVars } from 'lit-css-vars';
1
+ import {defineCssVars} from 'lit-css-vars';
2
+
2
3
  /**
3
4
  * Border CSS vars used by Vira elements.
4
5
  *
@@ -1,10 +1,11 @@
1
- import { css } from 'element-vir';
1
+ import {css} from 'element-vir';
2
+
2
3
  /**
3
4
  * A chunk of CSS that styles an element with Vira's default disabled styles.
4
5
  *
5
6
  * @category Styles
6
7
  */
7
- export const viraDisabledStyles = css `
8
+ export const viraDisabledStyles = css`
8
9
  pointer-events: none;
9
10
  opacity: 0.3;
10
11
  cursor: not-allowed;
@@ -1,4 +1,5 @@
1
- import { defineCssVars } from 'lit-css-vars';
1
+ import {defineCssVars} from 'lit-css-vars';
2
+
2
3
  /**
3
4
  * CSS vars for animation or transition durations from Vira.
4
5
  *