vira 28.19.6 → 28.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/define-vira-element.d.ts +18 -0
- package/dist/elements/define-vira-element.js +19 -0
- package/dist/elements/form/vira-form-fields.d.ts +100 -0
- package/dist/elements/form/vira-form-fields.js +60 -0
- package/dist/elements/form/vira-form.element.d.ts +35 -0
- package/dist/elements/form/vira-form.element.js +151 -0
- package/dist/elements/index.js +25 -0
- package/dist/elements/pop-up/pop-up-helpers.d.ts +33 -0
- package/dist/elements/pop-up/pop-up-helpers.js +58 -0
- package/{src/elements/pop-up/pop-up-menu-item.ts → dist/elements/pop-up/pop-up-menu-item.d.ts} +3 -4
- package/dist/elements/pop-up/pop-up-menu-item.js +1 -0
- package/dist/elements/pop-up/vira-menu-item.element.d.ts +19 -0
- package/{src/elements/pop-up/vira-menu-item.element.ts → dist/elements/pop-up/vira-menu-item.element.js} +11 -28
- package/dist/elements/pop-up/vira-menu-trigger.element.d.ts +41 -0
- package/dist/elements/pop-up/vira-menu-trigger.element.js +121 -0
- package/dist/elements/pop-up/vira-menu.element.d.ts +38 -0
- package/{src/elements/pop-up/vira-menu.element.ts → dist/elements/pop-up/vira-menu.element.js} +49 -76
- package/dist/elements/pop-up/vira-pop-up-menu.element.d.ts +35 -0
- package/{src/elements/pop-up/vira-pop-up-menu.element.ts → dist/elements/pop-up/vira-pop-up-menu.element.js} +22 -34
- package/dist/elements/pop-up/vira-pop-up-trigger.element.d.ts +105 -0
- package/{src/elements/pop-up/vira-pop-up-trigger.element.ts → dist/elements/pop-up/vira-pop-up-trigger.element.js} +104 -199
- package/dist/elements/shared-text-input-logic.d.ts +63 -0
- package/dist/elements/shared-text-input-logic.js +101 -0
- package/dist/elements/vira-bold-text.element.d.ts +9 -0
- package/{src/elements/vira-bold-text.element.ts → dist/elements/vira-bold-text.element.js} +7 -8
- package/dist/elements/vira-button.element.d.ts +31 -0
- package/{src/elements/vira-button.element.ts → dist/elements/vira-button.element.js} +35 -66
- package/dist/elements/vira-card.element.d.ts +18 -0
- package/{src/elements/vira-card.element.ts → dist/elements/vira-card.element.js} +13 -16
- package/dist/elements/vira-checkbox.element.d.ts +34 -0
- package/{src/elements/vira-checkbox.element.ts → dist/elements/vira-checkbox.element.js} +28 -71
- package/dist/elements/vira-collapsible-wrapper.element.d.ts +16 -0
- package/{src/elements/vira-collapsible-wrapper.element.ts → dist/elements/vira-collapsible-wrapper.element.js} +26 -18
- package/dist/elements/vira-dropdown.element.d.ts +46 -0
- package/{src/elements/vira-dropdown.element.ts → dist/elements/vira-dropdown.element.js} +48 -94
- package/dist/elements/vira-error.element.d.ts +7 -0
- package/{src/elements/vira-error.element.ts → dist/elements/vira-error.element.js} +5 -6
- package/dist/elements/vira-icon.element.d.ts +13 -0
- package/{src/elements/vira-icon.element.ts → dist/elements/vira-icon.element.js} +6 -13
- package/dist/elements/vira-image.element.d.ts +45 -0
- package/{src/elements/vira-image.element.ts → dist/elements/vira-image.element.js} +43 -63
- package/dist/elements/vira-input.element.d.ts +62 -0
- package/{src/elements/vira-input.element.ts → dist/elements/vira-input.element.js} +85 -151
- package/dist/elements/vira-link.element.d.ts +73 -0
- package/{src/elements/vira-link.element.ts → dist/elements/vira-link.element.js} +11 -62
- package/dist/elements/vira-modal.element.d.ts +39 -0
- package/{src/elements/vira-modal.element.ts → dist/elements/vira-modal.element.js} +50 -89
- package/dist/elements/vira-overflow-switch.element.d.ts +21 -0
- package/dist/elements/vira-overflow-switch.element.js +110 -0
- package/dist/elements/vira-progress.element.d.ts +18 -0
- package/{src/elements/vira-progress.element.ts → dist/elements/vira-progress.element.js} +11 -26
- package/dist/elements/vira-select.element.d.ts +48 -0
- package/{src/elements/vira-select.element.ts → dist/elements/vira-select.element.js} +41 -96
- package/dist/icons/icon-color.test-helper.d.ts +6 -0
- package/dist/icons/icon-color.test-helper.js +9 -0
- package/dist/icons/icon-css-vars.d.ts +14 -0
- package/{src/icons/icon-css-vars.ts → dist/icons/icon-css-vars.js} +1 -2
- package/dist/icons/icon-svg.d.ts +27 -0
- package/dist/icons/icon-svg.js +48 -0
- package/dist/icons/icon-svgs/bell-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/bell-24.icon.ts → dist/icons/icon-svgs/bell-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/chat-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/chat-24.icon.ts → dist/icons/icon-svgs/chat-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/check-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/check-24.icon.ts → dist/icons/icon-svgs/check-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/chevron-down-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/chevron-down-24.icon.ts → dist/icons/icon-svgs/chevron-down-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/chevron-up-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/chevron-up-24.icon.ts → dist/icons/icon-svgs/chevron-up-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/close-x-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/close-x-24.icon.ts → dist/icons/icon-svgs/close-x-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/commit-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/commit-24.icon.ts → dist/icons/icon-svgs/commit-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/copy-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/copy-24.icon.ts → dist/icons/icon-svgs/copy-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/document-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/document-24.icon.ts → dist/icons/icon-svgs/document-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/document-search-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/document-search-24.icon.ts → dist/icons/icon-svgs/document-search-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/double-chevron-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/double-chevron-24.icon.ts → dist/icons/icon-svgs/double-chevron-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/element-16.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/element-16.icon.ts → dist/icons/icon-svgs/element-16.icon.js} +4 -5
- package/dist/icons/icon-svgs/element-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/element-24.icon.ts → dist/icons/icon-svgs/element-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/external-link-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/external-link-24.icon.ts → dist/icons/icon-svgs/external-link-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/eye-closed-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/eye-closed-24.icon.ts → dist/icons/icon-svgs/eye-closed-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/eye-open-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/eye-open-24.icon.ts → dist/icons/icon-svgs/eye-open-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/filter-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/filter-24.icon.ts → dist/icons/icon-svgs/filter-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/link-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/link-24.icon.ts → dist/icons/icon-svgs/link-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/loader-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/loader-24.icon.ts → dist/icons/icon-svgs/loader-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/loader-animated-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/loader-animated-24.icon.ts → dist/icons/icon-svgs/loader-animated-24.icon.js} +6 -8
- package/dist/icons/icon-svgs/lock-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/lock-24.icon.ts → dist/icons/icon-svgs/lock-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/options-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/options-24.icon.ts → dist/icons/icon-svgs/options-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/pencil-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/pencil-24.icon.ts → dist/icons/icon-svgs/pencil-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/shield-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/shield-24.icon.ts → dist/icons/icon-svgs/shield-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/sort-ascending-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/sort-ascending-24.icon.ts → dist/icons/icon-svgs/sort-ascending-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/sort-descending-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/sort-descending-24.icon.ts → dist/icons/icon-svgs/sort-descending-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/speaker-loud-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/speaker-loud-24.icon.ts → dist/icons/icon-svgs/speaker-loud-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/speaker-medium-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/speaker-medium-24.icon.ts → dist/icons/icon-svgs/speaker-medium-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/speaker-muted-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/speaker-muted-24.icon.ts → dist/icons/icon-svgs/speaker-muted-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/speaker-quiet-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/speaker-quiet-24.icon.ts → dist/icons/icon-svgs/speaker-quiet-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/star-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/star-24.icon.ts → dist/icons/icon-svgs/star-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/status-failure-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/status-failure-24.icon.ts → dist/icons/icon-svgs/status-failure-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/status-in-progress-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/status-in-progress-24.icon.ts → dist/icons/icon-svgs/status-in-progress-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/status-success-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/status-success-24.icon.ts → dist/icons/icon-svgs/status-success-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/status-unknown-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/status-unknown-24.icon.ts → dist/icons/icon-svgs/status-unknown-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/status-warning-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/status-warning-24.icon.ts → dist/icons/icon-svgs/status-warning-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/upload-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/upload-24.icon.ts → dist/icons/icon-svgs/upload-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/x-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/x-24.icon.ts → dist/icons/icon-svgs/x-24.icon.js} +4 -5
- package/dist/icons/index.d.ts +86 -0
- package/{src/icons/index.ts → dist/icons/index.js} +39 -43
- package/dist/index.js +4 -0
- package/dist/styles/border.d.ts +9 -0
- package/{src/styles/border.ts → dist/styles/border.js} +1 -2
- package/dist/styles/disabled.d.ts +6 -0
- package/{src/styles/disabled.ts → dist/styles/disabled.js} +2 -3
- package/dist/styles/durations.d.ts +22 -0
- package/{src/styles/durations.ts → dist/styles/durations.js} +1 -2
- package/dist/styles/focus.d.ts +34 -0
- package/{src/styles/focus.ts → dist/styles/focus.js} +8 -29
- package/dist/styles/font.d.ts +9 -0
- package/{src/styles/font.ts → dist/styles/font.js} +1 -2
- package/dist/styles/form-styles.d.ts +20 -0
- package/{src/styles/form-styles.ts → dist/styles/form-styles.js} +1 -6
- package/{src/styles/index.ts → dist/styles/index.d.ts} +0 -1
- package/dist/styles/index.js +13 -0
- package/dist/styles/native-styles.d.ts +13 -0
- package/{src/styles/native-styles.ts → dist/styles/native-styles.js} +3 -5
- package/dist/styles/scrollbar.d.ts +6 -0
- package/{src/styles/scrollbar.ts → dist/styles/scrollbar.js} +3 -4
- package/dist/styles/shadows.d.ts +20 -0
- package/{src/styles/shadows.ts → dist/styles/shadows.js} +6 -8
- package/dist/styles/user-select.d.ts +6 -0
- package/{src/styles/user-select.ts → dist/styles/user-select.js} +2 -3
- package/dist/styles/vira-color-palette.d.ts +95 -0
- package/{src/styles/vira-color-palette.ts → dist/styles/vira-color-palette.js} +1 -11
- package/dist/styles/vira-color-theme.d.ts +1184 -0
- package/dist/styles/vira-color-theme.js +1138 -0
- package/dist/util/define-table.d.ts +110 -0
- package/dist/util/define-table.js +115 -0
- package/dist/util/dynamic-element.d.ts +63 -0
- package/dist/util/dynamic-element.js +61 -0
- package/dist/util/index.js +3 -0
- package/dist/util/pop-up-manager.d.ts +186 -0
- package/dist/util/pop-up-manager.js +214 -0
- package/package.json +6 -6
- package/src/elements/define-vira-element.ts +0 -29
- package/src/elements/form/vira-form-fields.ts +0 -140
- package/src/elements/form/vira-form.element.ts +0 -204
- package/src/elements/pop-up/pop-up-helpers.ts +0 -85
- package/src/elements/pop-up/vira-menu-trigger.element.ts +0 -158
- package/src/elements/shared-text-input-logic.ts +0 -173
- package/src/elements/vira-overflow-switch.element.ts +0 -137
- package/src/icons/icon-color.test-helper.ts +0 -9
- package/src/icons/icon-svg.ts +0 -71
- package/src/styles/vira-color-theme.ts +0 -1142
- package/src/util/define-table.ts +0 -279
- package/src/util/dynamic-element.ts +0 -129
- package/src/util/pop-up-manager.ts +0 -380
- /package/{src/elements/index.ts → dist/elements/index.d.ts} +0 -0
- /package/{src/index.ts → dist/index.d.ts} +0 -0
- /package/{src/util/index.ts → dist/util/index.d.ts} +0 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A icon with two opposing chevrons.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const DoubleChevron24Icon = defineIcon({
|
|
13
12
|
name: 'DoubleChevron24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
xml:space="preserve"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* An icon symbol that represents an HTML element.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Element16Icon = defineIcon({
|
|
13
12
|
name: 'Element16Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
|
16
15
|
<path
|
|
17
16
|
d="M4 5 1 8l3 3m8-6 3 3-3 3m-5 0 2-6"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* An icon symbol that represents an HTML element.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Element24Icon = defineIcon({
|
|
13
12
|
name: 'Element24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
16
15
|
<path
|
|
17
16
|
d="m7 7-5 5 5 5M17 7l5 5-5 5m-6 0 2-10"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* An external link icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const ExternalLink24Icon = defineIcon({
|
|
13
12
|
name: 'ExternalLink24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
xml:space="preserve"
|
package/{src/icons/icon-svgs/eye-closed-24.icon.ts → dist/icons/icon-svgs/eye-closed-24.icon.js}
RENAMED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A closed or disable eye icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const EyeClosed24Icon = defineIcon({
|
|
13
12
|
name: 'EyeClosed24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
fill=${viraIconCssVars['vira-icon-fill-color'].value}
|
package/{src/icons/icon-svgs/eye-open-24.icon.ts → dist/icons/icon-svgs/eye-open-24.icon.js}
RENAMED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* An open eye icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const EyeOpen24Icon = defineIcon({
|
|
13
12
|
name: 'EyeOpen24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
fill=${viraIconCssVars['vira-icon-fill-color'].value}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* An icon symbol that represents filtering.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Filter24Icon = defineIcon({
|
|
13
12
|
name: 'Filter24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
xml:space="preserve"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A link icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Link24Icon = defineIcon({
|
|
13
12
|
name: 'Link24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
xml:space="preserve"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A static loading icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Loader24Icon = defineIcon({
|
|
13
12
|
name: 'Loader24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
width="24"
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A variation of {@link Loader24Icon} that spins on its own.
|
|
3
|
+
*
|
|
4
|
+
* @category Icon
|
|
5
|
+
* @category SVG
|
|
6
|
+
* @see https://electrovir.github.io/vira/book/icons/loaderanimated24icon
|
|
7
|
+
*/
|
|
8
|
+
export declare const LoaderAnimated24Icon: import("../icon-svg.js").ViraIconSvg;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import {css, html} from 'element-vir';
|
|
2
|
-
import {viraAnimationDurations} from '../../styles/durations.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
import {Loader24Icon} from './loader-24.icon.js';
|
|
5
|
-
|
|
6
|
-
const animatedLoaderStyles = css`
|
|
1
|
+
import { css, html } from 'element-vir';
|
|
2
|
+
import { viraAnimationDurations } from '../../styles/durations.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
4
|
+
import { Loader24Icon } from './loader-24.icon.js';
|
|
5
|
+
const animatedLoaderStyles = css `
|
|
7
6
|
@keyframes loader-animated-spin {
|
|
8
7
|
from {
|
|
9
8
|
transform: rotate(0deg);
|
|
@@ -18,7 +17,6 @@ const animatedLoaderStyles = css`
|
|
|
18
17
|
loader-animated-spin infinite;
|
|
19
18
|
}
|
|
20
19
|
`;
|
|
21
|
-
|
|
22
20
|
/**
|
|
23
21
|
* A variation of {@link Loader24Icon} that spins on its own.
|
|
24
22
|
*
|
|
@@ -28,7 +26,7 @@ const animatedLoaderStyles = css`
|
|
|
28
26
|
*/
|
|
29
27
|
export const LoaderAnimated24Icon = defineIcon({
|
|
30
28
|
name: 'LoaderAnimated24Icon',
|
|
31
|
-
svgTemplate: html`
|
|
29
|
+
svgTemplate: html `
|
|
32
30
|
<style>
|
|
33
31
|
${animatedLoaderStyles}
|
|
34
32
|
</style>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A lock icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Lock24Icon = defineIcon({
|
|
13
12
|
name: 'Lock24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
xml:space="preserve"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* An icon that represents configuration options.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Options24Icon = defineIcon({
|
|
13
12
|
name: 'Options24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
16
15
|
<g
|
|
17
16
|
fill=${viraIconCssVars['vira-icon-fill-color'].value}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A pencil icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Pencil24Icon = defineIcon({
|
|
13
12
|
name: 'Pencil24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
16
15
|
<path
|
|
17
16
|
d="M20.041 4.966c.303-.418.097-1.085-.459-1.489l-1.771-1.285c-.557-.404-1.255-.393-1.558.025L5.12 17.561l-.167 4.215 3.955-1.467S19.965 5.071 20.041 4.966"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A shield icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Shield24Icon = defineIcon({
|
|
13
12
|
name: 'Shield24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
xml:space="preserve"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A icon indicating ascending sorting.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const SortAscending24Icon = defineIcon({
|
|
13
12
|
name: 'SortAscending24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
xml:space="preserve"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A icon indicating descending sorting.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const SortDescending24Icon = defineIcon({
|
|
13
12
|
name: 'SortDescending24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
xml:space="preserve"
|
package/{src/icons/icon-svgs/speaker-loud-24.icon.ts → dist/icons/icon-svgs/speaker-loud-24.icon.js}
RENAMED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A speaker icon at maximum volume.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const SpeakerLoud24Icon = defineIcon({
|
|
13
12
|
name: 'SpeakerLoud24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
16
15
|
<path
|
|
17
16
|
d="M18.2 8.67c.91.7 1.5 1.83 1.5 3.33s-.59 2.63-1.5 3.33M19.7 5c1.94 1.48 3.2 3.85 3.2 7s-1.26 5.53-3.2 7"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A speaker icon at medium volume.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const SpeakerMedium24Icon = defineIcon({
|
|
13
12
|
name: 'SpeakerMedium24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
16
15
|
<path
|
|
17
16
|
d="M18.2 8.67c.91.7 1.5 1.83 1.5 3.33s-.59 2.63-1.5 3.33"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A speaker icon that is muted.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const SpeakerMuted24Icon = defineIcon({
|
|
13
12
|
name: 'SpeakerMuted24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
16
15
|
<path
|
|
17
16
|
d="M5 16V8h5l6-5v2.2m0 5.6V21l-5.6-4.7"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A speaker icon that is at minimum volume.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const SpeakerQuiet24Icon = defineIcon({
|
|
13
12
|
name: 'SpeakerQuiet24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
16
15
|
<path
|
|
17
16
|
d="m10 16 6 5V3l-6 5H5v8h5Z"
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {html} from 'element-vir';
|
|
2
|
-
import {viraIconCssVars} from '../icon-css-vars.js';
|
|
3
|
-
import {defineIcon} from '../icon-svg.js';
|
|
4
|
-
|
|
1
|
+
import { html } from 'element-vir';
|
|
2
|
+
import { viraIconCssVars } from '../icon-css-vars.js';
|
|
3
|
+
import { defineIcon } from '../icon-svg.js';
|
|
5
4
|
/**
|
|
6
5
|
* A star icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Star24Icon = defineIcon({
|
|
13
12
|
name: 'Star24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
width="24"
|