vira 28.19.5 → 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 +12 -12
  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} +199 -104
  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 -186
  185. package/dist/util/pop-up-manager.js +0 -214
  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,8 +0,0 @@
1
- /**
2
- * A plain X icon.
3
- *
4
- * @category Icon
5
- * @category SVG
6
- * @see https://electrovir.github.io/vira/book/icons/x24icon
7
- */
8
- export declare const X24Icon: import("../icon-svg.js").ViraIconSvg;
@@ -1,86 +0,0 @@
1
- /** This file is automatically updated by update-icon-exports.ts */
2
- export * from './icon-css-vars.js';
3
- export * from './icon-svg.js';
4
- export * from './icon-svgs/bell-24.icon.js';
5
- export * from './icon-svgs/chat-24.icon.js';
6
- export * from './icon-svgs/check-24.icon.js';
7
- export * from './icon-svgs/chevron-down-24.icon.js';
8
- export * from './icon-svgs/chevron-up-24.icon.js';
9
- export * from './icon-svgs/close-x-24.icon.js';
10
- export * from './icon-svgs/commit-24.icon.js';
11
- export * from './icon-svgs/copy-24.icon.js';
12
- export * from './icon-svgs/document-24.icon.js';
13
- export * from './icon-svgs/document-search-24.icon.js';
14
- export * from './icon-svgs/double-chevron-24.icon.js';
15
- export * from './icon-svgs/element-16.icon.js';
16
- export * from './icon-svgs/element-24.icon.js';
17
- export * from './icon-svgs/external-link-24.icon.js';
18
- export * from './icon-svgs/eye-closed-24.icon.js';
19
- export * from './icon-svgs/eye-open-24.icon.js';
20
- export * from './icon-svgs/filter-24.icon.js';
21
- export * from './icon-svgs/link-24.icon.js';
22
- export * from './icon-svgs/loader-24.icon.js';
23
- export * from './icon-svgs/loader-animated-24.icon.js';
24
- export * from './icon-svgs/lock-24.icon.js';
25
- export * from './icon-svgs/options-24.icon.js';
26
- export * from './icon-svgs/pencil-24.icon.js';
27
- export * from './icon-svgs/shield-24.icon.js';
28
- export * from './icon-svgs/sort-ascending-24.icon.js';
29
- export * from './icon-svgs/sort-descending-24.icon.js';
30
- export * from './icon-svgs/speaker-loud-24.icon.js';
31
- export * from './icon-svgs/speaker-medium-24.icon.js';
32
- export * from './icon-svgs/speaker-muted-24.icon.js';
33
- export * from './icon-svgs/speaker-quiet-24.icon.js';
34
- export * from './icon-svgs/star-24.icon.js';
35
- export * from './icon-svgs/status-failure-24.icon.js';
36
- export * from './icon-svgs/status-in-progress-24.icon.js';
37
- export * from './icon-svgs/status-success-24.icon.js';
38
- export * from './icon-svgs/status-unknown-24.icon.js';
39
- export * from './icon-svgs/status-warning-24.icon.js';
40
- export * from './icon-svgs/upload-24.icon.js';
41
- export * from './icon-svgs/x-24.icon.js';
42
- /**
43
- * All icons within vira by name.
44
- *
45
- * @category Icon
46
- */
47
- export declare const allIconsByName: {
48
- readonly Bell24Icon: import("./icon-svg.js").ViraIconSvg;
49
- readonly Chat24Icon: import("./icon-svg.js").ViraIconSvg;
50
- readonly Check24Icon: import("./icon-svg.js").ViraIconSvg;
51
- readonly ChevronDown24Icon: import("./icon-svg.js").ViraIconSvg;
52
- readonly ChevronUp24Icon: import("./icon-svg.js").ViraIconSvg;
53
- readonly CloseX24Icon: import("./icon-svg.js").ViraIconSvg;
54
- readonly Commit24Icon: import("./icon-svg.js").ViraIconSvg;
55
- readonly Copy24Icon: import("./icon-svg.js").ViraIconSvg;
56
- readonly Document24Icon: import("./icon-svg.js").ViraIconSvg;
57
- readonly DocumentSearch24Icon: import("./icon-svg.js").ViraIconSvg;
58
- readonly DoubleChevron24Icon: import("./icon-svg.js").ViraIconSvg;
59
- readonly Element16Icon: import("./icon-svg.js").ViraIconSvg;
60
- readonly Element24Icon: import("./icon-svg.js").ViraIconSvg;
61
- readonly ExternalLink24Icon: import("./icon-svg.js").ViraIconSvg;
62
- readonly EyeClosed24Icon: import("./icon-svg.js").ViraIconSvg;
63
- readonly EyeOpen24Icon: import("./icon-svg.js").ViraIconSvg;
64
- readonly Filter24Icon: import("./icon-svg.js").ViraIconSvg;
65
- readonly Link24Icon: import("./icon-svg.js").ViraIconSvg;
66
- readonly Loader24Icon: import("./icon-svg.js").ViraIconSvg;
67
- readonly LoaderAnimated24Icon: import("./icon-svg.js").ViraIconSvg;
68
- readonly Lock24Icon: import("./icon-svg.js").ViraIconSvg;
69
- readonly Options24Icon: import("./icon-svg.js").ViraIconSvg;
70
- readonly Pencil24Icon: import("./icon-svg.js").ViraIconSvg;
71
- readonly Shield24Icon: import("./icon-svg.js").ViraIconSvg;
72
- readonly SortAscending24Icon: import("./icon-svg.js").ViraIconSvg;
73
- readonly SortDescending24Icon: import("./icon-svg.js").ViraIconSvg;
74
- readonly SpeakerLoud24Icon: import("./icon-svg.js").ViraIconSvg;
75
- readonly SpeakerMedium24Icon: import("./icon-svg.js").ViraIconSvg;
76
- readonly SpeakerMuted24Icon: import("./icon-svg.js").ViraIconSvg;
77
- readonly SpeakerQuiet24Icon: import("./icon-svg.js").ViraIconSvg;
78
- readonly Star24Icon: import("./icon-svg.js").ViraIconSvg;
79
- readonly StatusFailure24Icon: import("./icon-svg.js").ViraIconSvg;
80
- readonly StatusInProgress24Icon: import("./icon-svg.js").ViraIconSvg;
81
- readonly StatusSuccess24Icon: import("./icon-svg.js").ViraIconSvg;
82
- readonly StatusUnknown24Icon: import("./icon-svg.js").ViraIconSvg;
83
- readonly StatusWarning24Icon: import("./icon-svg.js").ViraIconSvg;
84
- readonly Upload24Icon: import("./icon-svg.js").ViraIconSvg;
85
- readonly X24Icon: import("./icon-svg.js").ViraIconSvg;
86
- };
package/dist/index.js DELETED
@@ -1,4 +0,0 @@
1
- export * from './elements/index.js';
2
- export * from './icons/index.js';
3
- export * from './styles/index.js';
4
- export * from './util/index.js';
@@ -1,9 +0,0 @@
1
- /**
2
- * Border CSS vars used by Vira elements.
3
- *
4
- * @category CSS Vars
5
- * @category Styles
6
- */
7
- export declare const viraBorders: import("lit-css-vars").CssVarDefinitions<{
8
- readonly 'vira-form-input-radius': "8px";
9
- }>;
@@ -1,6 +0,0 @@
1
- /**
2
- * A chunk of CSS that styles an element with Vira's default disabled styles.
3
- *
4
- * @category Styles
5
- */
6
- export declare const viraDisabledStyles: import("element-vir").CSSResult;
@@ -1,22 +0,0 @@
1
- /**
2
- * CSS vars for animation or transition durations from Vira.
3
- *
4
- * @category Styles
5
- * @category CSS Vars
6
- */
7
- export declare const viraAnimationDurations: import("lit-css-vars").CssVarDefinitions<{
8
- /**
9
- * A longer duration used to show a full animation. Use this sparingly; make sure to not block
10
- * any user input with this animation.
11
- */
12
- readonly 'vira-extended-animation-duration': "1.2s";
13
- /** A longer duration used to emphasize the animation without totally aggravating a user. */
14
- readonly 'vira-pretty-animation-duration': "300ms";
15
- /**
16
- * A short duration used for user interactions. This duration is very short to ensure snappy
17
- * responses to user interactions.
18
- *
19
- * The default duration of 84ms gives us 5 frames on a 60Hz screen.
20
- */
21
- readonly 'vira-interaction-animation-duration': "84ms";
22
- }>;
@@ -1,31 +0,0 @@
1
- import { type PartialWithUndefined } from '@augment-vir/common';
2
- /**
3
- * CSS vars for Vira focus colors.
4
- *
5
- * @category CSS Vars
6
- * @category Styles
7
- */
8
- export declare const viraFocusCssVars: import("lit-css-vars").CssVarDefinitions<{
9
- readonly 'vira-focus-outline-color': "#59b1ff";
10
- readonly 'vira-focus-outline-border-radius': import("element-vir").CSSResult;
11
- }>;
12
- /**
13
- * Create styles that look like an outline for the given selector.
14
- *
15
- * It is recommended to use the pseudo selector chain ":focus:focus-visible:not(:active)" to
16
- * preventing clicking an element from creating focus styles in Chrome.
17
- *
18
- * @category Styles
19
- */
20
- export declare function createFocusStyles({ elementBorderSize, outlineGap, outlineWidth, noNesting, }: {
21
- /**
22
- * ElementBorderSize here is used to fix the outline when the element these styles are attached
23
- * to has a border. The dev must specify that border size here for the offsets to be calculated
24
- * correctly.
25
- */
26
- elementBorderSize: number;
27
- } & PartialWithUndefined<{
28
- outlineGap: number;
29
- outlineWidth: number;
30
- noNesting: boolean;
31
- }>): import("element-vir").CSSResult;
@@ -1,9 +0,0 @@
1
- /**
2
- * Use this to set font values so they can be controlled via CSS vars.
3
- *
4
- * @category CSS Vars
5
- * @category Styles
6
- */
7
- export declare const viraFontCssVars: import("lit-css-vars").CssVarDefinitions<{
8
- readonly 'vira-monospace': "monospace";
9
- }>;
@@ -1,20 +0,0 @@
1
- /**
2
- * CSS vars for vira form elements.
3
- *
4
- * @category CSS Vars
5
- * @category Styles
6
- */
7
- export declare const viraFormCssVars: import("lit-css-vars").CssVarDefinitions<{
8
- readonly 'vira-form-border-color': "#cccccc";
9
- readonly 'vira-form-placeholder-color': "#cccccc";
10
- readonly 'vira-form-background-color': "white";
11
- readonly 'vira-form-foreground-color': "black";
12
- readonly 'vira-form-text-selection-color': "#cfe9ff";
13
- readonly 'vira-form-selection-hover-background-color': "#e6f9fe";
14
- readonly 'vira-form-selection-hover-foreground-color': "black";
15
- readonly 'vira-form-selection-active-background-color': "#e6f9fe";
16
- readonly 'vira-form-selection-active-foreground-color': "black";
17
- readonly 'vira-form-error-foreground-color': "red";
18
- readonly 'vira-form-success-foreground-color': "green";
19
- readonly 'vira-form-label-font-weight': "bold";
20
- }>;
@@ -1,13 +0,0 @@
1
- /** This file is automatically updated by update-index-exports.ts */
2
- export * from './border.js';
3
- export * from './disabled.js';
4
- export * from './durations.js';
5
- export * from './focus.js';
6
- export * from './font.js';
7
- export * from './form-styles.js';
8
- export * from './native-styles.js';
9
- export * from './scrollbar.js';
10
- export * from './shadows.js';
11
- export * from './user-select.js';
12
- export * from './vira-color-palette.js';
13
- export * from './vira-color-theme.js';
@@ -1,13 +0,0 @@
1
- /**
2
- * A chunk of CSS that succinctly removes all padding and margin from an element.
3
- *
4
- * @category Styles
5
- */
6
- export declare const noNativeSpacing: import("element-vir").CSSResult;
7
- /**
8
- * A chunk of CSS that succinctly removes all default built-in form element styles. This is
9
- * particularly useful for `<button>` elements.
10
- *
11
- * @category Styles
12
- */
13
- export declare const noNativeFormStyles: import("element-vir").CSSResult;
@@ -1,6 +0,0 @@
1
- /**
2
- * A function that generates CSS to hide scrollbars for the given CSS selector.
3
- *
4
- * @category Styles
5
- */
6
- export declare function hideScrollbars(selector: string): import("element-vir").CSSResult;
@@ -1,20 +0,0 @@
1
- import { type CSSResult } from 'element-vir';
2
- /**
3
- * CSS Vars for shadows.
4
- *
5
- * @category Styles
6
- */
7
- export declare const shadowCssVars: import("lit-css-vars").CssVarDefinitions<{
8
- readonly 'menu-shadow-color': "#e2e2e2";
9
- readonly 'modal-shadow-color': "#4f4f4f";
10
- }>;
11
- /**
12
- * CSS chunks for default Vira shadow styles.
13
- *
14
- * @category Styles
15
- */
16
- export declare const viraShadows: {
17
- readonly menuShadow: CSSResult;
18
- readonly menuShadowReversed: CSSResult;
19
- readonly modal: CSSResult;
20
- };
@@ -1,6 +0,0 @@
1
- /**
2
- * A chunk of CSS that disables user selection.
3
- *
4
- * @category Styles
5
- */
6
- export declare const noUserSelect: import("element-vir").CSSResult;
@@ -1,95 +0,0 @@
1
- /** Generously contributed by Trent Hazy, modified to more uniform contrast levels. */
2
- export declare const viraColorPalette: import("lit-css-vars").CssVarDefinitions<{
3
- readonly 'vira-white': "#ffffff";
4
- readonly 'vira-black': "#000000";
5
- readonly 'vira-red-5': "#ffe9e6";
6
- readonly 'vira-red-10': "#ffd9d6";
7
- readonly 'vira-red-20': "#ffc1bc";
8
- readonly 'vira-red-30': "#ffa6a2";
9
- readonly 'vira-red-40': "#ff8887";
10
- readonly 'vira-red-50': "#ff6065";
11
- readonly 'vira-red-60': "#f9163a";
12
- readonly 'vira-red-70': "#d2001e";
13
- readonly 'vira-red-80': "#a60012";
14
- readonly 'vira-red-90': "#760004";
15
- readonly 'vira-orange-5': "#ffebd1";
16
- readonly 'vira-orange-10': "#ffdcab";
17
- readonly 'vira-orange-20': "#ffc768";
18
- readonly 'vira-orange-30': "#ffac3a";
19
- readonly 'vira-orange-40': "#f49400";
20
- readonly 'vira-orange-50': "#dd8100";
21
- readonly 'vira-orange-60': "#c66b00";
22
- readonly 'vira-orange-70': "#a85800";
23
- readonly 'vira-orange-80': "#884400";
24
- readonly 'vira-orange-90': "#682800";
25
- readonly 'vira-yellow-5': "#f5f0c6";
26
- readonly 'vira-yellow-10': "#eee399";
27
- readonly 'vira-yellow-20': "#e9d100";
28
- readonly 'vira-yellow-30': "#d6bf00";
29
- readonly 'vira-yellow-40': "#c1ac00";
30
- readonly 'vira-yellow-50': "#ad9800";
31
- readonly 'vira-yellow-60': "#958400";
32
- readonly 'vira-yellow-70': "#7d6e00";
33
- readonly 'vira-yellow-80': "#635700";
34
- readonly 'vira-yellow-90': "#473d00";
35
- readonly 'vira-green-5': "#def6cc";
36
- readonly 'vira-green-10': "#c4eea3";
37
- readonly 'vira-green-20': "#94e53b";
38
- readonly 'vira-green-30': "#81d316";
39
- readonly 'vira-green-40': "#71bf00";
40
- readonly 'vira-green-50': "#5eaa00";
41
- readonly 'vira-green-60': "#509400";
42
- readonly 'vira-green-70': "#427c00";
43
- readonly 'vira-green-80': "#316200";
44
- readonly 'vira-green-90': "#1f4600";
45
- readonly 'vira-teal-5': "#d3f5ed";
46
- readonly 'vira-teal-10': "#aeeedf";
47
- readonly 'vira-teal-20': "#4ce6cc";
48
- readonly 'vira-teal-30': "#31d3ba";
49
- readonly 'vira-teal-40': "#00c0a7";
50
- readonly 'vira-teal-50': "#00aa93";
51
- readonly 'vira-teal-60': "#00937e";
52
- readonly 'vira-teal-70': "#007c68";
53
- readonly 'vira-teal-80': "#006252";
54
- readonly 'vira-teal-90': "#004539";
55
- readonly 'vira-blue-5': "#def1ff";
56
- readonly 'vira-blue-10': "#c0e7ff";
57
- readonly 'vira-blue-20': "#9dd7ff";
58
- readonly 'vira-blue-30': "#78c5ff";
59
- readonly 'vira-blue-40': "#5fb1fc";
60
- readonly 'vira-blue-50': "#4d9de7";
61
- readonly 'vira-blue-60': "#3588d0";
62
- readonly 'vira-blue-70': "#1971b7";
63
- readonly 'vira-blue-80': "#00579a";
64
- readonly 'vira-blue-90': "#003a7b";
65
- readonly 'vira-purple-5': "#f3ebff";
66
- readonly 'vira-purple-10': "#e8dcff";
67
- readonly 'vira-purple-20': "#e1c5ff";
68
- readonly 'vira-purple-30': "#d1afff";
69
- readonly 'vira-purple-40': "#c198ff";
70
- readonly 'vira-purple-50': "#b07dff";
71
- readonly 'vira-purple-60': "#a25cff";
72
- readonly 'vira-purple-70': "#8a3cf2";
73
- readonly 'vira-purple-80': "#710dd3";
74
- readonly 'vira-purple-90': "#4c0099";
75
- readonly 'vira-pink-5': "#ffe7fb";
76
- readonly 'vira-pink-10': "#ffd5f7";
77
- readonly 'vira-pink-20': "#ffbaf5";
78
- readonly 'vira-pink-30': "#ff9ee6";
79
- readonly 'vira-pink-40': "#fa82cc";
80
- readonly 'vira-pink-50': "#e46eb8";
81
- readonly 'vira-pink-60': "#cd58a2";
82
- readonly 'vira-pink-70': "#b3408b";
83
- readonly 'vira-pink-80': "#962472";
84
- readonly 'vira-pink-90': "#6f0050";
85
- readonly 'vira-grey-5': "#eeeef1";
86
- readonly 'vira-grey-10': "#e1e1e4";
87
- readonly 'vira-grey-20': "#d0d0d6";
88
- readonly 'vira-grey-30': "#bebec3";
89
- readonly 'vira-grey-40': "#ababb2";
90
- readonly 'vira-grey-50': "#98989c";
91
- readonly 'vira-grey-60': "#838489";
92
- readonly 'vira-grey-70': "#6e6e73";
93
- readonly 'vira-grey-80': "#57575c";
94
- readonly 'vira-grey-90': "#3d3d43";
95
- }>;