vira 32.0.0-beta.0 → 32.0.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/color/vira-all-color-space-sliders.element.d.ts +11 -0
- package/dist/elements/color/vira-all-color-space-sliders.element.js +55 -0
- package/dist/elements/color/vira-all-spaces-color-picker.element.d.ts +15 -0
- package/dist/elements/color/vira-all-spaces-color-picker.element.js +73 -0
- package/dist/elements/color/vira-color-details.element.d.ts +14 -0
- package/{src/elements/color/vira-color-details.element.ts → dist/elements/color/vira-color-details.element.js} +43 -59
- package/dist/elements/color/vira-color-format-sliders.element.d.ts +14 -0
- package/dist/elements/color/vira-color-format-sliders.element.js +60 -0
- package/dist/elements/color/vira-color-pair-contrast-summary.element.d.ts +9 -0
- package/{src/elements/color/vira-color-pair-contrast-summary.element.ts → dist/elements/color/vira-color-pair-contrast-summary.element.js} +68 -100
- package/dist/elements/color/vira-color-pair.element.d.ts +17 -0
- package/{src/elements/color/vira-color-pair.element.ts → dist/elements/color/vira-color-pair.element.js} +50 -71
- package/dist/elements/color/vira-color-picker.element.d.ts +20 -0
- package/{src/elements/color/vira-color-picker.element.ts → dist/elements/color/vira-color-picker.element.js} +92 -117
- package/dist/elements/color/vira-color-slider.element.d.ts +14 -0
- package/dist/elements/color/vira-color-slider.element.js +124 -0
- package/dist/elements/color/vira-color-swatch.element.d.ts +20 -0
- package/{src/elements/color/vira-color-swatch.element.ts → dist/elements/color/vira-color-swatch.element.js} +6 -16
- package/dist/elements/color/vira-contrast-indicator.element.d.ts +10 -0
- package/{src/elements/color/vira-contrast-indicator.element.ts → dist/elements/color/vira-contrast-indicator.element.js} +13 -28
- package/dist/elements/index.js +39 -0
- package/dist/elements/pop-up/vira-menu-item.element.d.ts +38 -0
- package/{src/elements/pop-up/vira-menu-item.element.ts → dist/elements/pop-up/vira-menu-item.element.js} +80 -117
- package/dist/elements/pop-up/vira-menu-trigger.element.d.ts +45 -0
- package/dist/elements/pop-up/vira-menu-trigger.element.js +100 -0
- package/dist/elements/pop-up/vira-menu.element.d.ts +36 -0
- package/{src/elements/pop-up/vira-menu.element.ts → dist/elements/pop-up/vira-menu.element.js} +28 -31
- package/dist/elements/pop-up/vira-pop-up-trigger.element.d.ts +109 -0
- package/dist/elements/pop-up/vira-pop-up-trigger.element.js +408 -0
- package/dist/elements/vira-absolute-time.element.d.ts +35 -0
- package/dist/elements/vira-absolute-time.element.js +43 -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} +11 -10
- package/dist/elements/vira-button.element.d.ts +44 -0
- package/{src/elements/vira-button.element.ts → dist/elements/vira-button.element.js} +107 -255
- package/dist/elements/vira-card.element.d.ts +18 -0
- package/{src/elements/vira-card.element.ts → dist/elements/vira-card.element.js} +19 -18
- package/dist/elements/vira-checkbox.element.d.ts +44 -0
- package/{src/elements/vira-checkbox.element.ts → dist/elements/vira-checkbox.element.js} +48 -95
- package/dist/elements/vira-collapsible-card.element.d.ts +36 -0
- package/{src/elements/vira-collapsible-card.element.ts → dist/elements/vira-collapsible-card.element.js} +44 -71
- package/dist/elements/vira-collapsible-wrapper.element.d.ts +30 -0
- package/{src/elements/vira-collapsible-wrapper.element.ts → dist/elements/vira-collapsible-wrapper.element.js} +47 -59
- package/dist/elements/vira-date-input.element.d.ts +47 -0
- package/dist/elements/vira-date-input.element.js +142 -0
- package/dist/elements/vira-drawer.element.d.ts +24 -0
- package/{src/elements/vira-drawer.element.ts → dist/elements/vira-drawer.element.js} +98 -125
- package/dist/elements/vira-dropdown.element.d.ts +43 -0
- package/dist/elements/vira-dropdown.element.js +247 -0
- package/dist/elements/vira-error.element.d.ts +7 -0
- package/{src/elements/vira-error.element.ts → dist/elements/vira-error.element.js} +7 -8
- package/dist/elements/vira-form.element.d.ts +56 -0
- package/dist/elements/vira-form.element.js +376 -0
- package/dist/elements/vira-icon.element.d.ts +13 -0
- package/{src/elements/vira-icon.element.ts → dist/elements/vira-icon.element.js} +12 -16
- package/dist/elements/vira-image.element.d.ts +45 -0
- package/{src/elements/vira-image.element.ts → dist/elements/vira-image.element.js} +50 -70
- package/dist/elements/vira-input.element.d.ts +64 -0
- package/{src/elements/vira-input.element.ts → dist/elements/vira-input.element.js} +112 -167
- package/dist/elements/vira-json-form.element.d.ts +35 -0
- package/{src/elements/vira-json-form.element.ts → dist/elements/vira-json-form.element.js} +356 -522
- package/dist/elements/vira-link.element.d.ts +78 -0
- package/{src/elements/vira-link.element.ts → dist/elements/vira-link.element.js} +24 -83
- package/dist/elements/vira-modal.element.d.ts +40 -0
- package/{src/elements/vira-modal.element.ts → dist/elements/vira-modal.element.js} +68 -104
- package/dist/elements/vira-progress.element.d.ts +18 -0
- package/{src/elements/vira-progress.element.ts → dist/elements/vira-progress.element.js} +12 -25
- package/dist/elements/vira-relative-time.element.d.ts +42 -0
- package/dist/elements/vira-relative-time.element.js +96 -0
- package/dist/elements/vira-select.element.d.ts +44 -0
- package/{src/elements/vira-select.element.ts → dist/elements/vira-select.element.js} +89 -138
- package/dist/elements/vira-tabs.element.d.ts +124 -0
- package/{src/elements/vira-tabs.element.ts → dist/elements/vira-tabs.element.js} +242 -446
- package/dist/elements/vira-tag.element.d.ts +40 -0
- package/{src/elements/vira-tag.element.ts → dist/elements/vira-tag.element.js} +152 -266
- package/dist/elements/vira-text-area.element.d.ts +48 -0
- package/{src/elements/vira-text-area.element.ts → dist/elements/vira-text-area.element.js} +52 -70
- package/dist/elements/vira-theme-switcher.element.d.ts +17 -0
- package/{src/elements/vira-theme-switcher.element.ts → dist/elements/vira-theme-switcher.element.js} +34 -49
- package/dist/icons/colored-icon.d.ts +11 -0
- package/{src/icons/colored-icon.ts → dist/icons/colored-icon.js} +17 -24
- 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/{src/icons/icon-svg.ts → dist/icons/icon-svg.d.ts} +3 -15
- package/dist/icons/icon-svg.js +12 -0
- package/dist/icons/icon-svgs/16/check-16.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/16/check-16.icon.ts → dist/icons/icon-svgs/16/check-16.icon.js} +4 -5
- package/dist/icons/icon-svgs/16/chevron-down-16.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/16/chevron-down-16.icon.ts → dist/icons/icon-svgs/16/chevron-down-16.icon.js} +4 -5
- package/dist/icons/icon-svgs/16/chevron-up-16.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/16/chevron-up-16.icon.ts → dist/icons/icon-svgs/16/chevron-up-16.icon.js} +4 -5
- package/dist/icons/icon-svgs/16/dash-16.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/16/dash-16.icon.ts → dist/icons/icon-svgs/16/dash-16.icon.js} +4 -5
- package/dist/icons/icon-svgs/16/element-16.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/16/element-16.icon.ts → dist/icons/icon-svgs/16/element-16.icon.js} +4 -5
- package/dist/icons/icon-svgs/16/plus-16.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/16/plus-16.icon.ts → dist/icons/icon-svgs/16/plus-16.icon.js} +4 -5
- package/dist/icons/icon-svgs/16/upload-16.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/16/upload-16.icon.ts → dist/icons/icon-svgs/16/upload-16.icon.js} +4 -5
- package/dist/icons/icon-svgs/16/x-16.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/16/x-16.icon.ts → dist/icons/icon-svgs/16/x-16.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/arrow-down-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/arrow-down-24.icon.ts → dist/icons/icon-svgs/24/arrow-down-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/arrow-left-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/arrow-left-24.icon.ts → dist/icons/icon-svgs/24/arrow-left-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/arrow-right-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/arrow-right-24.icon.ts → dist/icons/icon-svgs/24/arrow-right-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/arrow-up-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/arrow-up-24.icon.ts → dist/icons/icon-svgs/24/arrow-up-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/auto-theme-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/auto-theme-24.icon.ts → dist/icons/icon-svgs/24/auto-theme-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/bell-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/bell-24.icon.ts → dist/icons/icon-svgs/24/bell-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/chat-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/chat-24.icon.ts → dist/icons/icon-svgs/24/chat-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/check-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/check-24.icon.ts → dist/icons/icon-svgs/24/check-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/chevron-down-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/chevron-down-24.icon.ts → dist/icons/icon-svgs/24/chevron-down-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/chevron-up-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/chevron-up-24.icon.ts → dist/icons/icon-svgs/24/chevron-up-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/close-x-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/close-x-24.icon.ts → dist/icons/icon-svgs/24/close-x-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/commit-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/commit-24.icon.ts → dist/icons/icon-svgs/24/commit-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/copy-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/copy-24.icon.ts → dist/icons/icon-svgs/24/copy-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/document-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/document-24.icon.ts → dist/icons/icon-svgs/24/document-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/document-search-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/document-search-24.icon.ts → dist/icons/icon-svgs/24/document-search-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/double-chevron-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/double-chevron-24.icon.ts → dist/icons/icon-svgs/24/double-chevron-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/element-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/element-24.icon.ts → dist/icons/icon-svgs/24/element-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/external-link-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/external-link-24.icon.ts → dist/icons/icon-svgs/24/external-link-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/eye-closed-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/eye-closed-24.icon.ts → dist/icons/icon-svgs/24/eye-closed-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/eye-open-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/eye-open-24.icon.ts → dist/icons/icon-svgs/24/eye-open-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/filter-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/filter-24.icon.ts → dist/icons/icon-svgs/24/filter-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/globe-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/globe-24.icon.ts → dist/icons/icon-svgs/24/globe-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/link-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/link-24.icon.ts → dist/icons/icon-svgs/24/link-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/loader-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/loader-24.icon.ts → dist/icons/icon-svgs/24/loader-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/loader-animated-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/loader-animated-24.icon.ts → dist/icons/icon-svgs/24/loader-animated-24.icon.js} +6 -8
- package/dist/icons/icon-svgs/24/lock-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/lock-24.icon.ts → dist/icons/icon-svgs/24/lock-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/magnifying-glass-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/magnifying-glass-24.icon.ts → dist/icons/icon-svgs/24/magnifying-glass-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/moon-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/moon-24.icon.ts → dist/icons/icon-svgs/24/moon-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/options-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/options-24.icon.ts → dist/icons/icon-svgs/24/options-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/pencil-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/pencil-24.icon.ts → dist/icons/icon-svgs/24/pencil-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/plus-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/plus-24.icon.ts → dist/icons/icon-svgs/24/plus-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/printer-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/printer-24.icon.ts → dist/icons/icon-svgs/24/printer-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/shield-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/shield-24.icon.ts → dist/icons/icon-svgs/24/shield-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/sort-ascending-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/sort-ascending-24.icon.ts → dist/icons/icon-svgs/24/sort-ascending-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/sort-descending-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/sort-descending-24.icon.ts → dist/icons/icon-svgs/24/sort-descending-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/sparkle-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/sparkle-24.icon.ts → dist/icons/icon-svgs/24/sparkle-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/speaker-loud-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/speaker-loud-24.icon.ts → dist/icons/icon-svgs/24/speaker-loud-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/speaker-medium-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/speaker-medium-24.icon.ts → dist/icons/icon-svgs/24/speaker-medium-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/speaker-muted-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/speaker-muted-24.icon.ts → dist/icons/icon-svgs/24/speaker-muted-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/speaker-quiet-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/speaker-quiet-24.icon.ts → dist/icons/icon-svgs/24/speaker-quiet-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/star-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/star-24.icon.ts → dist/icons/icon-svgs/24/star-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/status-failure-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/status-failure-24.icon.ts → dist/icons/icon-svgs/24/status-failure-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/status-in-progress-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/status-in-progress-24.icon.ts → dist/icons/icon-svgs/24/status-in-progress-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/status-success-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/status-success-24.icon.ts → dist/icons/icon-svgs/24/status-success-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/status-unknown-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/status-unknown-24.icon.ts → dist/icons/icon-svgs/24/status-unknown-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/status-warning-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/status-warning-24.icon.ts → dist/icons/icon-svgs/24/status-warning-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/sun-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/sun-24.icon.ts → dist/icons/icon-svgs/24/sun-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/upload-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/upload-24.icon.ts → dist/icons/icon-svgs/24/upload-24.icon.js} +4 -5
- package/dist/icons/icon-svgs/24/x-24.icon.d.ts +8 -0
- package/{src/icons/icon-svgs/24/x-24.icon.ts → dist/icons/icon-svgs/24/x-24.icon.js} +4 -5
- package/dist/icons/index.d.ts +197 -0
- package/{src/icons/index.ts → dist/icons/index.js} +60 -65
- package/dist/icons/lucide-icons.d.ts +15 -0
- package/dist/icons/lucide-icons.js +79 -0
- package/dist/icons/sized-icon.d.ts +8 -0
- package/{src/icons/sized-icon.ts → dist/icons/sized-icon.js} +1 -3
- package/dist/index.js +4 -0
- 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 +26 -0
- package/{src/styles/focus.ts → dist/styles/focus.js} +12 -40
- package/dist/styles/font.d.ts +12 -0
- package/{src/styles/font.ts → dist/styles/font.js} +1 -3
- package/dist/styles/form-styles.d.ts +46 -0
- package/dist/styles/form-styles.js +53 -0
- package/dist/styles/form-variants.d.ts +117 -0
- package/{src/styles/form-variants.ts → dist/styles/form-variants.js} +34 -42
- package/{src/styles/index.ts → dist/styles/index.d.ts} +0 -1
- package/dist/styles/index.js +14 -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 +19 -0
- package/{src/styles/shadows.ts → dist/styles/shadows.js} +5 -7
- 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 +178 -0
- package/{src/styles/vira-color-palette.ts → dist/styles/vira-color-palette.js} +1 -3
- package/dist/styles/vira-color-theme-object.d.ts +65 -0
- package/dist/styles/vira-color-theme-object.js +65 -0
- package/dist/styles/vira-color-theme.d.ts +2785 -0
- package/{src/styles/vira-color-theme.ts → dist/styles/vira-color-theme.js} +1222 -1227
- package/dist/util/color-local-storage.client.d.ts +4 -0
- package/dist/util/color-local-storage.client.js +6 -0
- package/dist/util/define-table.d.ts +115 -0
- package/dist/util/define-table.js +115 -0
- package/dist/util/define-vira-element.d.ts +18 -0
- package/dist/util/define-vira-element.js +19 -0
- package/dist/util/dynamic-element.d.ts +62 -0
- package/dist/util/dynamic-element.js +61 -0
- package/dist/util/index.js +11 -0
- package/dist/util/overflow-observer.d.ts +25 -0
- package/{src/util/overflow-observer.ts → dist/util/overflow-observer.js} +1 -30
- package/dist/util/pop-up-helpers.d.ts +59 -0
- package/dist/util/pop-up-helpers.js +66 -0
- package/dist/util/pop-up-manager.d.ts +200 -0
- package/dist/util/pop-up-manager.js +258 -0
- package/dist/util/shared-text-input-logic.d.ts +69 -0
- package/dist/util/shared-text-input-logic.js +114 -0
- package/dist/util/vira-form-fields.d.ts +145 -0
- package/dist/util/vira-form-fields.js +66 -0
- package/dist/util/vira-json-schema.d.ts +206 -0
- package/{src/util/vira-json-schema.ts → dist/util/vira-json-schema.js} +155 -298
- package/{src/util/vira-select-option.ts → dist/util/vira-select-option.d.ts} +2 -9
- package/dist/util/vira-select-option.js +8 -0
- package/dist/util/vira-theme-client.d.ts +83 -0
- package/dist/util/vira-theme-client.js +93 -0
- package/package.json +13 -13
- package/src/elements/color/vira-all-color-space-sliders.element.ts +0 -66
- package/src/elements/color/vira-all-spaces-color-picker.element.ts +0 -85
- package/src/elements/color/vira-color-format-sliders.element.ts +0 -78
- package/src/elements/color/vira-color-slider.element.ts +0 -169
- package/src/elements/pop-up/vira-menu-trigger.element.ts +0 -135
- package/src/elements/pop-up/vira-pop-up-trigger.element.ts +0 -539
- package/src/elements/vira-absolute-time.element.ts +0 -81
- package/src/elements/vira-date-input.element.ts +0 -185
- package/src/elements/vira-dropdown.element.ts +0 -310
- package/src/elements/vira-form.element.ts +0 -466
- package/src/elements/vira-relative-time.element.ts +0 -135
- package/src/icons/icon-color.test-helper.ts +0 -9
- package/src/icons/lucide-icons.ts +0 -120
- package/src/styles/form-styles.ts +0 -86
- package/src/styles/vira-color-palette.json +0 -170
- package/src/styles/vira-color-theme-object.ts +0 -170
- package/src/util/color-local-storage.client.ts +0 -7
- package/src/util/define-table.ts +0 -286
- package/src/util/define-vira-element.ts +0 -29
- package/src/util/dynamic-element.ts +0 -128
- package/src/util/pop-up-helpers.ts +0 -133
- package/src/util/pop-up-manager.ts +0 -434
- package/src/util/shared-text-input-logic.ts +0 -192
- package/src/util/vira-form-fields.ts +0 -195
- package/src/util/vira-theme-client.ts +0 -140
- /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 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/24/eye-open-24.icon.ts → dist/icons/icon-svgs/24/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}
|
package/{src/icons/icon-svgs/24/filter-24.icon.ts → dist/icons/icon-svgs/24/filter-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 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"
|
package/{src/icons/icon-svgs/24/globe-24.icon.ts → dist/icons/icon-svgs/24/globe-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 globe icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Globe24Icon = defineIcon({
|
|
13
12
|
name: 'Globe24Icon',
|
|
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"
|
package/{src/icons/icon-svgs/24/loader-24.icon.ts → dist/icons/icon-svgs/24/loader-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 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
|
* A magnifying glass icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const MagnifyingGlass24Icon = defineIcon({
|
|
13
12
|
name: 'MagnifyingGlass24Icon',
|
|
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 moon icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Moon24Icon = defineIcon({
|
|
13
12
|
name: 'Moon24Icon',
|
|
14
|
-
svgTemplate: html`
|
|
13
|
+
svgTemplate: html `
|
|
15
14
|
<svg
|
|
16
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
16
|
width="24"
|
package/{src/icons/icon-svgs/24/options-24.icon.ts → dist/icons/icon-svgs/24/options-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 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}
|
package/{src/icons/icon-svgs/24/pencil-24.icon.ts → dist/icons/icon-svgs/24/pencil-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 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 plus icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Plus24Icon = defineIcon({
|
|
13
12
|
name: 'Plus24Icon',
|
|
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="M12 5v14M5 12h14"
|
package/{src/icons/icon-svgs/24/printer-24.icon.ts → dist/icons/icon-svgs/24/printer-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 printer icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Printer24Icon = defineIcon({
|
|
13
12
|
name: 'Printer24Icon',
|
|
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/24/shield-24.icon.ts → dist/icons/icon-svgs/24/shield-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 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/24/sparkle-24.icon.ts → dist/icons/icon-svgs/24/sparkle-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 sparkle icon.
|
|
7
6
|
*
|
|
@@ -11,7 +10,7 @@ import {defineIcon} from '../../icon-svg.js';
|
|
|
11
10
|
*/
|
|
12
11
|
export const Sparkle24Icon = defineIcon({
|
|
13
12
|
name: 'Sparkle24Icon',
|
|
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 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"
|