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.
- package/package.json +13 -13
- package/src/elements/define-vira-element.ts +29 -0
- package/src/elements/form/vira-form-fields.ts +140 -0
- package/src/elements/form/vira-form.element.ts +204 -0
- package/src/elements/pop-up/pop-up-helpers.ts +85 -0
- package/{dist/elements/pop-up/pop-up-menu-item.d.ts → src/elements/pop-up/pop-up-menu-item.ts} +4 -3
- package/{dist/elements/pop-up/vira-menu-item.element.js → src/elements/pop-up/vira-menu-item.element.ts} +28 -11
- package/src/elements/pop-up/vira-menu-trigger.element.ts +158 -0
- package/{dist/elements/pop-up/vira-menu.element.js → src/elements/pop-up/vira-menu.element.ts} +76 -49
- package/{dist/elements/pop-up/vira-pop-up-menu.element.js → src/elements/pop-up/vira-pop-up-menu.element.ts} +34 -22
- package/{dist/elements/pop-up/vira-pop-up-trigger.element.js → src/elements/pop-up/vira-pop-up-trigger.element.ts} +200 -91
- package/src/elements/shared-text-input-logic.ts +173 -0
- package/{dist/elements/vira-bold-text.element.js → src/elements/vira-bold-text.element.ts} +8 -7
- package/{dist/elements/vira-button.element.js → src/elements/vira-button.element.ts} +64 -33
- package/{dist/elements/vira-card.element.js → src/elements/vira-card.element.ts} +16 -13
- package/{dist/elements/vira-checkbox.element.js → src/elements/vira-checkbox.element.ts} +71 -28
- package/{dist/elements/vira-collapsible-wrapper.element.js → src/elements/vira-collapsible-wrapper.element.ts} +18 -16
- package/{dist/elements/vira-dropdown.element.js → src/elements/vira-dropdown.element.ts} +94 -48
- package/{dist/elements/vira-error.element.js → src/elements/vira-error.element.ts} +6 -5
- package/{dist/elements/vira-icon.element.js → src/elements/vira-icon.element.ts} +13 -6
- package/{dist/elements/vira-image.element.js → src/elements/vira-image.element.ts} +63 -43
- package/{dist/elements/vira-input.element.js → src/elements/vira-input.element.ts} +151 -85
- package/{dist/elements/vira-link.element.js → src/elements/vira-link.element.ts} +62 -11
- package/{dist/elements/vira-modal.element.js → src/elements/vira-modal.element.ts} +89 -50
- package/src/elements/vira-overflow-switch.element.ts +137 -0
- package/{dist/elements/vira-progress.element.js → src/elements/vira-progress.element.ts} +26 -11
- package/{dist/elements/vira-select.element.js → src/elements/vira-select.element.ts} +96 -41
- package/src/icons/icon-color.test-helper.ts +9 -0
- package/{dist/icons/icon-css-vars.js → src/icons/icon-css-vars.ts} +2 -1
- package/src/icons/icon-svg.ts +71 -0
- package/{dist/icons/icon-svgs/bell-24.icon.js → src/icons/icon-svgs/bell-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/chat-24.icon.js → src/icons/icon-svgs/chat-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/check-24.icon.js → src/icons/icon-svgs/check-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/chevron-down-24.icon.js → src/icons/icon-svgs/chevron-down-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/chevron-up-24.icon.js → src/icons/icon-svgs/chevron-up-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/close-x-24.icon.js → src/icons/icon-svgs/close-x-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/commit-24.icon.js → src/icons/icon-svgs/commit-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/copy-24.icon.js → src/icons/icon-svgs/copy-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/document-24.icon.js → src/icons/icon-svgs/document-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/document-search-24.icon.js → src/icons/icon-svgs/document-search-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/double-chevron-24.icon.js → src/icons/icon-svgs/double-chevron-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/element-16.icon.js → src/icons/icon-svgs/element-16.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/element-24.icon.js → src/icons/icon-svgs/element-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/external-link-24.icon.js → src/icons/icon-svgs/external-link-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/eye-closed-24.icon.js → src/icons/icon-svgs/eye-closed-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/eye-open-24.icon.js → src/icons/icon-svgs/eye-open-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/filter-24.icon.js → src/icons/icon-svgs/filter-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/link-24.icon.js → src/icons/icon-svgs/link-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/loader-24.icon.js → src/icons/icon-svgs/loader-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/loader-animated-24.icon.js → src/icons/icon-svgs/loader-animated-24.icon.ts} +8 -6
- package/{dist/icons/icon-svgs/lock-24.icon.js → src/icons/icon-svgs/lock-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/options-24.icon.js → src/icons/icon-svgs/options-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/pencil-24.icon.js → src/icons/icon-svgs/pencil-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/shield-24.icon.js → src/icons/icon-svgs/shield-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/sort-ascending-24.icon.js → src/icons/icon-svgs/sort-ascending-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/sort-descending-24.icon.js → src/icons/icon-svgs/sort-descending-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/speaker-loud-24.icon.js → src/icons/icon-svgs/speaker-loud-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/speaker-medium-24.icon.js → src/icons/icon-svgs/speaker-medium-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/speaker-muted-24.icon.js → src/icons/icon-svgs/speaker-muted-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/speaker-quiet-24.icon.js → src/icons/icon-svgs/speaker-quiet-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/star-24.icon.js → src/icons/icon-svgs/star-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/status-failure-24.icon.js → src/icons/icon-svgs/status-failure-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/status-in-progress-24.icon.js → src/icons/icon-svgs/status-in-progress-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/status-success-24.icon.js → src/icons/icon-svgs/status-success-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/status-unknown-24.icon.js → src/icons/icon-svgs/status-unknown-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/status-warning-24.icon.js → src/icons/icon-svgs/status-warning-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/upload-24.icon.js → src/icons/icon-svgs/upload-24.icon.ts} +5 -4
- package/{dist/icons/icon-svgs/x-24.icon.js → src/icons/icon-svgs/x-24.icon.ts} +5 -4
- package/{dist/icons/index.js → src/icons/index.ts} +43 -39
- package/{dist/styles/border.js → src/styles/border.ts} +2 -1
- package/{dist/styles/disabled.js → src/styles/disabled.ts} +3 -2
- package/{dist/styles/durations.js → src/styles/durations.ts} +2 -1
- package/{dist/styles/focus.js → src/styles/focus.ts} +32 -8
- package/{dist/styles/font.js → src/styles/font.ts} +2 -1
- package/{dist/styles/form-styles.js → src/styles/form-styles.ts} +6 -1
- package/{dist/styles/index.js → src/styles/index.ts} +1 -0
- package/{dist/styles/native-styles.js → src/styles/native-styles.ts} +5 -3
- package/{dist/styles/scrollbar.js → src/styles/scrollbar.ts} +4 -3
- package/{dist/styles/shadows.js → src/styles/shadows.ts} +8 -6
- package/{dist/styles/user-select.js → src/styles/user-select.ts} +3 -2
- package/{dist/styles/vira-color-palette.js → src/styles/vira-color-palette.ts} +11 -1
- package/src/styles/vira-color-theme.ts +1142 -0
- package/src/util/define-table.ts +279 -0
- package/src/util/dynamic-element.ts +129 -0
- package/src/util/pop-up-manager.ts +380 -0
- package/dist/elements/define-vira-element.d.ts +0 -18
- package/dist/elements/define-vira-element.js +0 -19
- package/dist/elements/form/vira-form-fields.d.ts +0 -100
- package/dist/elements/form/vira-form-fields.js +0 -60
- package/dist/elements/form/vira-form.element.d.ts +0 -35
- package/dist/elements/form/vira-form.element.js +0 -151
- package/dist/elements/index.js +0 -25
- package/dist/elements/pop-up/pop-up-helpers.d.ts +0 -33
- package/dist/elements/pop-up/pop-up-helpers.js +0 -58
- package/dist/elements/pop-up/pop-up-menu-item.js +0 -1
- package/dist/elements/pop-up/vira-menu-item.element.d.ts +0 -19
- package/dist/elements/pop-up/vira-menu-trigger.element.d.ts +0 -41
- package/dist/elements/pop-up/vira-menu-trigger.element.js +0 -121
- package/dist/elements/pop-up/vira-menu.element.d.ts +0 -38
- package/dist/elements/pop-up/vira-pop-up-menu.element.d.ts +0 -35
- package/dist/elements/pop-up/vira-pop-up-trigger.element.d.ts +0 -105
- package/dist/elements/shared-text-input-logic.d.ts +0 -63
- package/dist/elements/shared-text-input-logic.js +0 -101
- package/dist/elements/vira-bold-text.element.d.ts +0 -9
- package/dist/elements/vira-button.element.d.ts +0 -31
- package/dist/elements/vira-card.element.d.ts +0 -18
- package/dist/elements/vira-checkbox.element.d.ts +0 -34
- package/dist/elements/vira-collapsible-wrapper.element.d.ts +0 -14
- package/dist/elements/vira-dropdown.element.d.ts +0 -46
- package/dist/elements/vira-error.element.d.ts +0 -7
- package/dist/elements/vira-icon.element.d.ts +0 -13
- package/dist/elements/vira-image.element.d.ts +0 -45
- package/dist/elements/vira-input.element.d.ts +0 -62
- package/dist/elements/vira-link.element.d.ts +0 -73
- package/dist/elements/vira-modal.element.d.ts +0 -39
- package/dist/elements/vira-overflow-switch.element.d.ts +0 -21
- package/dist/elements/vira-overflow-switch.element.js +0 -110
- package/dist/elements/vira-progress.element.d.ts +0 -18
- package/dist/elements/vira-select.element.d.ts +0 -48
- package/dist/icons/icon-color.test-helper.d.ts +0 -6
- package/dist/icons/icon-color.test-helper.js +0 -9
- package/dist/icons/icon-css-vars.d.ts +0 -14
- package/dist/icons/icon-svg.d.ts +0 -27
- package/dist/icons/icon-svg.js +0 -48
- package/dist/icons/icon-svgs/bell-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/chat-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/check-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/chevron-down-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/chevron-up-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/close-x-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/commit-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/copy-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/document-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/document-search-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/double-chevron-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/element-16.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/element-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/external-link-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/eye-closed-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/eye-open-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/filter-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/link-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/loader-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/loader-animated-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/lock-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/options-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/pencil-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/shield-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/sort-ascending-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/sort-descending-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/speaker-loud-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/speaker-medium-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/speaker-muted-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/speaker-quiet-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/star-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/status-failure-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/status-in-progress-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/status-success-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/status-unknown-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/status-warning-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/upload-24.icon.d.ts +0 -8
- package/dist/icons/icon-svgs/x-24.icon.d.ts +0 -8
- package/dist/icons/index.d.ts +0 -86
- package/dist/index.js +0 -4
- package/dist/styles/border.d.ts +0 -9
- package/dist/styles/disabled.d.ts +0 -6
- package/dist/styles/durations.d.ts +0 -22
- package/dist/styles/focus.d.ts +0 -31
- package/dist/styles/font.d.ts +0 -9
- package/dist/styles/form-styles.d.ts +0 -20
- package/dist/styles/index.d.ts +0 -13
- package/dist/styles/native-styles.d.ts +0 -13
- package/dist/styles/scrollbar.d.ts +0 -6
- package/dist/styles/shadows.d.ts +0 -20
- package/dist/styles/user-select.d.ts +0 -6
- package/dist/styles/vira-color-palette.d.ts +0 -95
- package/dist/styles/vira-color-theme.d.ts +0 -1184
- package/dist/styles/vira-color-theme.js +0 -1137
- package/dist/util/define-table.d.ts +0 -110
- package/dist/util/define-table.js +0 -115
- package/dist/util/dynamic-element.d.ts +0 -63
- package/dist/util/dynamic-element.js +0 -61
- package/dist/util/index.js +0 -3
- package/dist/util/pop-up-manager.d.ts +0 -180
- package/dist/util/pop-up-manager.js +0 -203
- /package/{dist/elements/index.d.ts → src/elements/index.ts} +0 -0
- /package/{dist/index.d.ts → src/index.ts} +0 -0
- /package/{dist/util/index.d.ts → src/util/index.ts} +0 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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"
|
package/{dist/icons/icon-svgs/speaker-loud-24.icon.js → src/icons/icon-svgs/speaker-loud-24.icon.ts}
RENAMED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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
|
-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
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,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
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;
|