vira 2.5.5 → 20.0.1

package/README.md

@@ -2,6 +2,6 @@
 
 The Vira design system.
 
-https://electrovir.github.io/vira/book/
+https://electrovir.github.io/element-vir/vira/book/
 
 WIP.

package/dist/elements/define-vira-element.d.ts

@@ -1,3 +1,3 @@
 export declare const ViraTagNamePrefix = "vira-";
 export type ViraTagName = `${typeof ViraTagNamePrefix}${string}`;
-export declare const defineViraElement: <InputsGeneric extends {}>() => <TagName extends `vira-${string}`, StateInit extends {}, EventsInit extends {}, HostClassKeys extends `${TagName}-${string}`, CssVarKeys extends `${TagName}-${string}`, RenderOutput extends any>(inputs: import("element-vir").DeclarativeElementInit<TagName, InputsGeneric, StateInit, EventsInit, HostClassKeys, CssVarKeys, RenderOutput>) => import("element-vir").DeclarativeElementDefinition<TagName, InputsGeneric, StateInit, EventsInit, HostClassKeys, CssVarKeys, RenderOutput>, defineViraElementNoInputs: <TagName_1 extends `vira-${string}`, Inputs extends {}, StateInit_1 extends {}, EventsInit_1 extends {}, HostClassKeys_1 extends `${TagName_1}-${string}`, CssVarKeys_1 extends `${TagName_1}-${string}`, RenderOutput_1 extends any>(inputs: import("element-vir").DeclarativeElementInit<TagName_1, Inputs, StateInit_1, EventsInit_1, HostClassKeys_1, CssVarKeys_1, RenderOutput_1>) => import("element-vir").DeclarativeElementDefinition<TagName_1, Inputs, StateInit_1, EventsInit_1, HostClassKeys_1, CssVarKeys_1, RenderOutput_1>;
+export declare const defineViraElement: <Inputs extends {}>() => <TagName extends `vira-${string}`, StateInit extends {}, EventsInit extends {}, HostClassKeys extends `${TagName}-${string}`, CssVarKeys extends `${TagName}-${string}`, SlotNames extends readonly string[]>(inputs: import("element-vir").VerifiedElementInit<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>) => import("element-vir").DeclarativeElementDefinition<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>, defineViraElementNoInputs: <TagName_1 extends `vira-${string}`, Inputs_1 extends {}, StateInit_1 extends {}, EventsInit_1 extends {}, HostClassKeys_1 extends `${TagName_1}-${string}`, CssVarKeys_1 extends `${TagName_1}-${string}`, SlotNames_1 extends readonly string[]>(inputs: import("element-vir").VerifiedElementNoInputsInit<TagName_1, Inputs_1, StateInit_1, EventsInit_1, HostClassKeys_1, CssVarKeys_1, SlotNames_1>) => import("element-vir").DeclarativeElementDefinition<TagName_1, Inputs_1, StateInit_1, EventsInit_1, HostClassKeys_1, CssVarKeys_1, SlotNames_1>;

package/dist/elements/index.d.ts

@@ -1,8 +1,8 @@
 /** This file is automatically updated by update-index-exports.ts */
 export * from './define-vira-element';
-export * from './vira-button/vira-button.element';
-export * from './vira-collapsible/vira-collapsible-wrapper.element';
-export * from './vira-icon/vira-icon.element';
-export * from './vira-image/vira-image.element';
-export * from './vira-input/vira-input.element';
-export * from './vira-link/vira-link.element';
+export * from './vira-button.element';
+export * from './vira-collapsible-wrapper.element';
+export * from './vira-icon.element';
+export * from './vira-image.element';
+export * from './vira-input.element';
+export * from './vira-link.element';

package/dist/elements/index.js

@@ -1,8 +1,8 @@
 /** This file is automatically updated by update-index-exports.ts */
 export * from './define-vira-element';
-export * from './vira-button/vira-button.element';
-export * from './vira-collapsible/vira-collapsible-wrapper.element';
-export * from './vira-icon/vira-icon.element';
-export * from './vira-image/vira-image.element';
-export * from './vira-input/vira-input.element';
-export * from './vira-link/vira-link.element';
+export * from './vira-button.element';
+export * from './vira-collapsible-wrapper.element';
+export * from './vira-icon.element';
+export * from './vira-image.element';
+export * from './vira-input.element';
+export * from './vira-link.element';

package/dist/elements/{vira-button/vira-button.element.d.ts → vira-button.element.d.ts}

@@ -1,4 +1,4 @@
-import { ViraIconSvg } from '../../icons';
+import { ViraIconSvg } from '../icons';
 export declare enum ViraButtonStyleEnum {
     Default = "vira-button-default",
     Outline = "vira-button-outline"
@@ -8,4 +8,4 @@ export declare const ViraButton: import("element-vir").DeclarativeElementDefinit
     icon?: undefined | Pick<ViraIconSvg, 'svgTemplate'>;
     disabled?: boolean | undefined;
     buttonStyle?: ViraButtonStyleEnum | undefined;
-}, {}, {}, "vira-button-outline-style" | "vira-button-disabled", "vira-button-primary-color" | "vira-button-primary-hover-color" | "vira-button-primary-active-color" | "vira-button-secondary-color" | "vira-button-padding" | "vira-button-internal-foreground-color" | "vira-button-internal-background-color", import("lit-html").HTMLTemplateResult>;
+}, {}, {}, "vira-button-outline-style" | "vira-button-disabled", "vira-button-primary-color" | "vira-button-primary-hover-color" | "vira-button-primary-active-color" | "vira-button-secondary-color" | "vira-button-padding" | "vira-button-internal-foreground-color" | "vira-button-internal-background-color", readonly string[]>;

package/dist/elements/{vira-button/vira-button.element.js → vira-button.element.js}

@@ -1,12 +1,12 @@
 import { css, html } from 'element-vir';
-import { noUserSelect } from '../../styles';
-import { viraDisabledStyles } from '../../styles/disabled';
-import { viraAnimationDurations } from '../../styles/durations';
-import { createFocusStyles, viraFocusCssVars } from '../../styles/focus';
-import { noNativeFormStyles } from '../../styles/native-styles';
-import { viraCssVars } from '../../styles/vira-css-vars';
-import { defineViraElement } from '../define-vira-element';
-import { ViraIcon } from '../vira-icon/vira-icon.element';
+import { noUserSelect } from '../styles';
+import { viraDisabledStyles } from '../styles/disabled';
+import { viraAnimationDurations } from '../styles/durations';
+import { createFocusStyles, viraFocusCssVars } from '../styles/focus';
+import { noNativeFormStyles } from '../styles/native-styles';
+import { viraCssVars } from '../styles/vira-css-vars';
+import { defineViraElement } from './define-vira-element';
+import { ViraIcon } from './vira-icon.element';
 export var ViraButtonStyleEnum;
 (function (ViraButtonStyleEnum) {
     ViraButtonStyleEnum["Default"] = "vira-button-default";

package/dist/elements/{vira-collapsible/vira-collapsible-wrapper.element.d.ts → vira-collapsible-wrapper.element.d.ts}

@@ -7,4 +7,4 @@ export declare const ViraCollapsibleWrapper: import("element-vir").DeclarativeEl
     contentHeight: number;
 }, {
     expandChange: import("element-vir").DefinedTypedEventNameDefinition<boolean>;
-}, "vira-collapsible-wrapper-expanded", `vira-collapsible-wrapper-${string}`, import("lit-html").HTMLTemplateResult>;
+}, "vira-collapsible-wrapper-expanded", `vira-collapsible-wrapper-${string}`, readonly string[]>;

package/dist/elements/{vira-collapsible/vira-collapsible-wrapper.element.js → vira-collapsible-wrapper.element.js}

@@ -1,6 +1,6 @@
 import { css, defineElementEvent, html, listen, onResize } from 'element-vir';
-import { noNativeFormStyles, viraAnimationDurations } from '../../styles';
-import { defineViraElement } from '../define-vira-element';
+import { noNativeFormStyles, viraAnimationDurations } from '../styles';
+import { defineViraElement } from './define-vira-element';
 export var ViraCollapsibleSlotNameEnum;
 (function (ViraCollapsibleSlotNameEnum) {
     ViraCollapsibleSlotNameEnum["Header"] = "header";

package/dist/elements/{vira-icon/vira-icon.element.d.ts → vira-icon.element.d.ts}

@@ -1,6 +1,6 @@
-import { ViraIconSvg } from '../../icons/icon-svg';
+import { ViraIconSvg } from '../icons/icon-svg';
 export declare const ViraIcon: import("element-vir").DeclarativeElementDefinition<"vira-icon", {
     icon: Pick<ViraIconSvg, 'svgTemplate'> | undefined;
     /** Ignores the given icon's embedded size and causes the <svg> element to fill its parent. */
     fitContainer?: boolean | undefined;
-}, {}, {}, "vira-icon-fit-container", `vira-icon-${string}`, import("lit-html").TemplateResult | "">;
+}, {}, {}, "vira-icon-fit-container", `vira-icon-${string}`, readonly string[]>;

package/dist/elements/{vira-icon/vira-icon.element.js → vira-icon.element.js}

@@ -1,5 +1,5 @@
 import { css } from 'element-vir';
-import { defineViraElement } from '../define-vira-element';
+import { defineViraElement } from './define-vira-element';
 export const ViraIcon = defineViraElement()({
     tagName: 'vira-icon',
     hostClasses: {
@@ -19,12 +19,12 @@ export const ViraIcon = defineViraElement()({
             display: block;
         }
 
-        ${hostClasses['vira-icon-fit-container'].selector} svg {
+        ${hostClasses['vira-icon-fit-container'].selector} svg 
             height: 100%;
             width: 100%;
         }
     `,
-    renderCallback: ({ inputs }) => {
+    renderCallback({ inputs }) {
         if (!inputs.icon) {
             return '';
         }

package/dist/elements/{vira-image/vira-image.element.d.ts → vira-image.element.d.ts}

@@ -1,5 +1,5 @@
+import { Dimensions } from '@augment-vir/common';
 import { Duration, DurationUnit } from 'date-vir';
-import { Dimensions } from '../../util/dimensions';
 export declare enum ViraImageSlotNameEnum {
     Loading = "loading",
     Error = "error"
@@ -42,4 +42,4 @@ export declare const ViraImage: import("element-vir").DeclarativeElementDefiniti
 }, {
     imageLoad: import("element-vir").DefinedTypedEventNameDefinition<void>;
     imageError: import("element-vir").DefinedTypedEventNameDefinition<unknown>;
-}, "vira-image-height-constrained", `vira-image-${string}`, import("lit-html").HTMLTemplateResult>;
+}, "vira-image-height-constrained", `vira-image-${string}`, readonly string[]>;

package/dist/elements/{vira-image/vira-image.element.js → vira-image.element.js}

@@ -1,8 +1,8 @@
 import { wait } from '@augment-vir/common';
 import { classMap, css, defineElementEvent, html, listen, renderIf } from 'element-vir';
-import { LoaderAnimated24Icon, StatusFailure24Icon } from '../../icons';
-import { defineViraElement } from '../define-vira-element';
-import { ViraIcon } from '../vira-icon/vira-icon.element';
+import { LoaderAnimated24Icon, StatusFailure24Icon } from '../icons';
+import { defineViraElement } from './define-vira-element';
+import { ViraIcon } from './vira-icon.element';
 export var ViraImageSlotNameEnum;
 (function (ViraImageSlotNameEnum) {
     ViraImageSlotNameEnum["Loading"] = "loading";

package/dist/elements/{vira-input/vira-input.element.d.ts → vira-input.element.d.ts}

@@ -1,6 +1,6 @@
-import { ViraIconSvg } from '../../icons';
-import { SharedTextInputElementInputs } from '../common/shared-text-input-logic';
-export * from '../common/shared-text-input-logic';
+import { ViraIconSvg } from '../icons';
+import { SharedTextInputElementInputs } from './shared-text-input-logic';
+export * from './shared-text-input-logic';
 export declare const ViraInput: import("element-vir").DeclarativeElementDefinition<"vira-input", {
     icon?: undefined | Pick<ViraIconSvg, 'svgTemplate'>;
     /** A suffix that, if provided, is shown following the user input field. */
@@ -20,4 +20,4 @@ export declare const ViraInput: import("element-vir").DeclarativeElementDefiniti
      * that was blocked out of programmatic "value" property assignments.
      */
     inputBlocked: import("element-vir").DefinedTypedEventNameDefinition<string>;
-}, "vira-input-disabled" | "vira-input-fit-text" | "vira-input-clear-button-shown", "vira-input-placeholder-color" | "vira-input-text-color" | "vira-input-border-color" | "vira-input-focus-border-color" | "vira-input-text-selection-color" | "vira-input-clear-button-color" | "vira-input-clear-button-hover-color" | "vira-input-clear-button-active-color" | "vira-input-padding-horizontal" | "vira-input-padding-vertical", import("lit-html").HTMLTemplateResult>;
+}, "vira-input-disabled" | "vira-input-fit-text" | "vira-input-clear-button-shown", "vira-input-placeholder-color" | "vira-input-text-color" | "vira-input-border-color" | "vira-input-focus-border-color" | "vira-input-text-selection-color" | "vira-input-clear-button-color" | "vira-input-clear-button-hover-color" | "vira-input-clear-button-active-color" | "vira-input-padding-horizontal" | "vira-input-padding-vertical", readonly string[]>;

package/dist/elements/{vira-input/vira-input.element.js → vira-input.element.js}

@@ -1,13 +1,13 @@
 import { css, defineElementEvent, html, listen, onResize, renderIf, } from 'element-vir';
-import { CloseX24Icon } from '../../icons/icon-svgs/close-x-24.icon';
-import { noUserSelect, viraAnimationDurations, viraDisabledStyles } from '../../styles';
-import { createFocusStyles, viraFocusCssVars } from '../../styles/focus';
-import { noNativeFormStyles } from '../../styles/native-styles';
-import { viraCssVars } from '../../styles/vira-css-vars';
-import { filterTextInputValue, textInputListener, } from '../common/shared-text-input-logic';
-import { defineViraElement } from '../define-vira-element';
-import { ViraIcon } from '../vira-icon/vira-icon.element';
-export * from '../common/shared-text-input-logic';
+import { CloseX24Icon } from '../icons/icon-svgs/close-x-24.icon';
+import { noUserSelect, viraAnimationDurations, viraDisabledStyles } from '../styles';
+import { createFocusStyles, viraFocusCssVars } from '../styles/focus';
+import { noNativeFormStyles } from '../styles/native-styles';
+import { viraCssVars } from '../styles/vira-css-vars';
+import { defineViraElement } from './define-vira-element';
+import { filterTextInputValue, textInputListener, } from './shared-text-input-logic';
+import { ViraIcon } from './vira-icon.element';
+export * from './shared-text-input-logic';
 export const ViraInput = defineViraElement()({
     tagName: 'vira-input',
     hostClasses: {

package/dist/elements/{vira-link/vira-link.element.d.ts → vira-link.element.d.ts}

@@ -19,4 +19,4 @@ export declare const ViraLink: import("element-vir").DeclarativeElementDefinitio
     };
 }, {}, {
     routeChange: import("element-vir").DefinedTypedEventNameDefinition<FullRoute>;
-}, `vira-link-${string}`, "vira-link-hover-color", import("lit-html").HTMLTemplateResult>;
+}, `vira-link-${string}`, "vira-link-hover-color", readonly string[]>;

package/dist/elements/{vira-link/vira-link.element.js → vira-link.element.js}

@@ -1,6 +1,6 @@
 import { css, defineElementEvent, html, listen } from 'element-vir';
 import { shouldMouseEventTriggerRoutes } from 'spa-router-vir';
-import { defineViraElement } from '../define-vira-element';
+import { defineViraElement } from './define-vira-element';
 export const ViraLink = defineViraElement()({
     tagName: 'vira-link',
     cssVars: {

package/dist/index.d.ts

@@ -3,4 +3,3 @@ export * from './elements';
 export * from './icons';
 export * from './re-exports';
 export * from './styles';
-export * from './util';

package/dist/index.js

@@ -3,4 +3,3 @@ export * from './elements';
 export * from './icons';
 export * from './re-exports';
 export * from './styles';
-export * from './util';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "2.5.5",
+    "version": "20.0.1",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -12,13 +12,13 @@
         "web",
         "element-vir"
     ],
-    "homepage": "https://github.com/electrovir/vira",
+    "homepage": "https://electrovir.github.io/element-vir/vira",
     "bugs": {
-        "url": "https://github.com/electrovir/vira/issues"
+        "url": "https://github.com/electrovir/element-vir/issues"
     },
     "repository": {
         "type": "git",
-        "url": "https://github.com/electrovir/vira"
+        "url": "https://github.com/electrovir/element-vir"
     },
     "license": "(MIT or CC0 1.0)",
     "author": {
@@ -28,29 +28,21 @@
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "scripts": {
-        "build": "npm run compile && virmator frontend build",
-        "compile": "virmator compile && rm -rf ../../node_modules/element-book/node_modules/vira",
-        "prepublishOnly": "cd ../scripts && npm run publish:pre",
-        "preview": "npm run compile && virmator frontend preview --outDir ./dist-book",
-        "postpublish": "cd ../scripts && npm run publish:post",
-        "start": "npm run compile && virmator frontend",
-        "test": "virmator test-web",
-        "test:all": "concurrently --colors --kill-others-on-fail -c auto --names tests,docs \"npm run test\" \"npm run test:docs\"",
-        "test:coverage": "npm run test",
-        "test:docs": "virmator docs check"
+        "compile": "rm -rf dist && tsc -b -f --pretty",
+        "test": "virmator test-web"
     },
     "dependencies": {
-        "@augment-vir/browser": "^22.1.1",
-        "@augment-vir/common": "^22.1.1",
+        "@augment-vir/browser": "^22.4.0",
+        "@augment-vir/common": "^22.4.0",
         "colorjs.io": "^0.4.5",
         "date-vir": "^5.0.0",
-        "lit-css-vars": "^3.0.7",
+        "lit-css-vars": "^3.0.8",
         "spa-router-vir": "^3.0.3",
-        "type-fest": "^4.8.3"
+        "type-fest": "^4.9.0"
     },
     "devDependencies": {
-        "@augment-vir/browser-testing": "^22.1.1",
-        "@augment-vir/node-js": "^22.1.1",
+        "@augment-vir/browser-testing": "^22.4.0",
+        "@augment-vir/node-js": "^22.4.0",
         "@open-wc/testing": "^4.0.0",
         "@types/chai": "^4.3.11",
         "@types/mocha": "^10.0.6",
@@ -59,17 +51,14 @@
         "@web/test-runner-commands": "^0.9.0",
         "@web/test-runner-playwright": "^0.11.0",
         "@web/test-runner-visual-regression": "^0.9.0",
-        "dependency-cruiser": "^15.5.0",
-        "element-book": "^10.1.9",
-        "esbuild": "^0.19.9",
+        "esbuild": "^0.19.11",
         "istanbul-smart-text-reporter": "^1.1.3",
         "markdown-code-example-inserter": "^0.3.3",
-        "npm-check-updates": "~16.12.3",
-        "run-time-assertions": "^0.2.1",
-        "typedoc": "^0.25.4",
-        "typescript": "~5.2.2",
+        "run-time-assertions": "^0.3.0",
+        "typedoc": "^0.25.7",
+        "typescript": "^5.3.3",
         "vite": "^4.5.0",
-        "vite-tsconfig-paths": "^4.2.2"
+        "vite-tsconfig-paths": "^4.2.3"
     },
     "peerDependencies": {
         "element-vir": ">=17"

package/dist/element-book/all-element-book-entries.d.ts

@@ -1 +0,0 @@
-export declare const allElementBookEntries: (import("element-book").BookPage<{}, undefined, {}> | import("element-book").BookPage<{}, import("element-book").BookPage<{}, undefined, {}>, {}>)[];

package/dist/element-book/all-element-book-entries.js

@@ -1,18 +0,0 @@
-import { elementsBookPage } from '../elements/elements.book';
-import { viraButtonBookPage } from '../elements/vira-button/vira-button.element.book';
-import { viraCollapsibleBookPage } from '../elements/vira-collapsible/vira-collapsible-wrapper.element.book';
-import { viraIconBookPage } from '../elements/vira-icon/vira-icon.element.book';
-import { viraImageBookPage } from '../elements/vira-image/vira-image.element.book';
-import { viraInputBookPage } from '../elements/vira-input/vira-input.element.book';
-import { viraLinkBookPage } from '../elements/vira-link/vira-link.element.book';
-import { iconsBookPage } from '../icons/icons.book';
-export const allElementBookEntries = [
-    elementsBookPage,
-    iconsBookPage,
-    viraButtonBookPage,
-    viraCollapsibleBookPage,
-    viraIconBookPage,
-    viraImageBookPage,
-    viraInputBookPage,
-    viraLinkBookPage,
-];

package/dist/element-book/vira-book-app.element.d.ts

@@ -1 +0,0 @@
-export declare const ViraBookApp: import("element-vir").DeclarativeElementDefinition<"vira-book-app", {}, {}, {}, "vira-book-app-", "vira-book-app-", import("lit-html").HTMLTemplateResult>;

package/dist/element-book/vira-book-app.element.js

@@ -1,39 +0,0 @@
-import { ElementBookApp, ElementBookSlotName } from 'element-book';
-import { css, defineElementNoInputs, html } from 'element-vir';
-import { allElementBookEntries } from './all-element-book-entries';
-export const ViraBookApp = defineElementNoInputs({
-    tagName: 'vira-book-app',
-    styles: css `
-        :host {
-            display: block;
-            height: 100%;
-            width: 100%;
-        }
-
-        ${ElementBookApp} {
-            height: 100%;
-            width: 100%;
-        }
-
-        h1 {
-            margin: 0;
-            margin-bottom: 16px;
-            padding: 0;
-            margin-left: 16px;
-        }
-    `,
-    renderCallback() {
-        return html `
-            <${ElementBookApp.assign({
-            internalRouterConfig: {
-                basePath: 'vira',
-                useInternalRouter: true,
-            },
-            entries: allElementBookEntries,
-            themeColor: '#33ccff',
-        })}>
-                <h1 slot=${ElementBookSlotName.NavHeader}>Vira</h1>
-            </${ElementBookApp}>
-        `;
-    },
-});

package/dist/util/dimensions.d.ts

@@ -1,4 +0,0 @@
-export type Dimensions = {
-    width: number;
-    height: number;
-};

package/dist/util/dimensions.js

@@ -1 +0,0 @@
-export {};

package/dist/util/index.d.ts

@@ -1 +0,0 @@
-export * from './dimensions';

package/dist/util/index.js

@@ -1 +0,0 @@
-export * from './dimensions';