vira 26.0.1 → 26.0.2

package/dist/elements/pop-up/vira-pop-up-trigger.element.js

@@ -1,8 +1,7 @@
 import { assert } from '@augment-vir/assert';
 import { NavController } from 'device-navigation';
 import { classMap, css, defineElementEvent, html, listen, renderIf } from 'element-vir';
-import { createFocusStyles, viraFocusCssVars } from '../../styles/focus.js';
-import { viraFormCssVars } from '../../styles/form-themes.js';
+import { createFocusStyles } from '../../styles/focus.js';
 import { noNativeFormStyles, noUserSelect, viraDisabledStyles } from '../../styles/index.js';
 import { HidePopUpEvent, NavSelectEvent, PopUpManager, } from '../../util/pop-up-manager.js';
 import { defineViraElement } from '../define-vira-element.js';
@@ -35,7 +34,6 @@ export const ViraPopUpTrigger = defineViraElement()({
             display: inline-flex;
             box-sizing: border-box;
             vertical-align: middle;
-            ${viraFocusCssVars['vira-focus-outline-color'].name}: ${viraFormCssVars['vira-form-focus-color'].value};
             position: relative;
             max-width: 100%;
         }

package/dist/elements/vira-dropdown.element.js

@@ -3,7 +3,6 @@ import { filterMap } from '@augment-vir/common';
 import { classMap, css, defineElementEvent, html, ifDefined, listen, nothing, testId, } from 'element-vir';
 import { ChevronUp24Icon } from '../icons/index.js';
 import { viraBorders } from '../styles/border.js';
-import { viraFocusCssVars } from '../styles/focus.js';
 import { viraFormCssVars } from '../styles/form-themes.js';
 import { noUserSelect, viraAnimationDurations } from '../styles/index.js';
 import { defineViraElement } from './define-vira-element.js';
@@ -33,7 +32,6 @@ export const ViraDropdown = defineViraElement()({
             display: inline-flex;
             vertical-align: middle;
             width: 256px;
-            ${viraFocusCssVars['vira-focus-outline-color'].name}: ${viraFormCssVars['vira-form-focus-color'].value};
             position: relative;
             max-width: 100%;
         }

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

@@ -40,4 +40,4 @@ export declare const ViraInput: import("element-vir").DeclarativeElementDefiniti
      * that was blocked out of programmatic "value" property assignments.
      */
     inputBlocked: import("element-vir").DefineEvent<string>;
-}, "vira-input-disabled" | "vira-input-fit-text" | "vira-input-clear-button-shown", "vira-input-background-color" | "vira-input-placeholder-color" | "vira-input-text-color" | "vira-input-border-color" | "vira-input-focus-border-color" | "vira-input-text-selection-color" | "vira-input-action-button-color" | "vira-input-clear-button-hover-color" | "vira-input-clear-button-active-color" | "vira-input-show-password-button-hover-color" | "vira-input-show-password-button-active-color" | "vira-input-padding-horizontal" | "vira-input-padding-vertical", readonly []>;
+}, "vira-input-disabled" | "vira-input-fit-text" | "vira-input-clear-button-shown", "vira-input-background-color" | "vira-input-placeholder-color" | "vira-input-text-color" | "vira-input-border-color" | "vira-input-text-selection-color" | "vira-input-action-button-color" | "vira-input-clear-button-hover-color" | "vira-input-clear-button-active-color" | "vira-input-show-password-button-hover-color" | "vira-input-show-password-button-active-color" | "vira-input-padding-horizontal" | "vira-input-padding-vertical", readonly []>;

package/dist/elements/vira-input.element.js

@@ -2,7 +2,7 @@ import { assertWrap } from '@augment-vir/assert';
 import { attributes, css, defineElementEvent, html, ifDefined, listen, nothing, onResize, renderIf, } from 'element-vir';
 import { CloseX24Icon } from '../icons/icon-svgs/close-x-24.icon.js';
 import { EyeClosed24Icon, EyeOpen24Icon } from '../icons/index.js';
-import { createFocusStyles, viraFocusCssVars } from '../styles/focus.js';
+import { createFocusStyles } from '../styles/focus.js';
 import { noUserSelect, viraAnimationDurations, viraBorders, viraDisabledStyles, } from '../styles/index.js';
 import { noNativeFormStyles } from '../styles/native-styles.js';
 import { defineViraElement } from './define-vira-element.js';
@@ -35,7 +35,6 @@ export const ViraInput = defineViraElement()({
         'vira-input-placeholder-color': '#cccccc',
         'vira-input-text-color': '#000000',
         'vira-input-border-color': '#cccccc',
-        'vira-input-focus-border-color': viraFocusCssVars['vira-focus-outline-color'].default,
         'vira-input-text-selection-color': '#cfe9ff',
         'vira-input-action-button-color': '#aaaaaa',
         'vira-input-clear-button-hover-color': '#ff0000',
@@ -54,7 +53,6 @@ export const ViraInput = defineViraElement()({
                 display: inline-flex;
                 width: 224px;
                 box-sizing: border-box;
-                ${viraFocusCssVars['vira-focus-outline-color'].name}: ${cssVars['vira-input-focus-border-color'].value};
                 color: ${cssVars['vira-input-text-color'].value};
             }
 

package/dist/styles/form-themes.d.ts

@@ -8,7 +8,6 @@ export declare const viraFormCssVars: import("lit-css-vars").CssVarDefinitions<{
     readonly 'vira-form-border-color': "#cccccc";
     readonly 'vira-form-background-color': "white";
     readonly 'vira-form-foreground-color': "black";
-    readonly 'vira-form-focus-color': import("lit").CSSResult;
     readonly 'vira-form-selection-hover-background-color': "#d2eaff";
     readonly 'vira-form-selection-hover-foreground-color': "black";
     readonly 'vira-form-selection-active-background-color': "#d2eaff";

package/dist/styles/form-themes.js

@@ -1,5 +1,4 @@
 import { defineCssVars } from 'lit-css-vars';
-import { viraFocusCssVars } from './focus.js';
 /**
  * CSS vars for vira form elements.
  *
@@ -10,7 +9,6 @@ export const viraFormCssVars = defineCssVars({
     'vira-form-border-color': '#cccccc',
     'vira-form-background-color': 'white',
     'vira-form-foreground-color': 'black',
-    'vira-form-focus-color': viraFocusCssVars['vira-focus-outline-color'].value,
     'vira-form-selection-hover-background-color': '#d2eaff',
     'vira-form-selection-hover-foreground-color': 'black',
     'vira-form-selection-active-background-color': '#d2eaff',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "26.0.1",
+    "version": "26.0.2",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -67,7 +67,7 @@
         "vite-tsconfig-paths": "^5.1.4"
     },
     "peerDependencies": {
-        "element-vir": "^26.0.1"
+        "element-vir": "^26.0.2"
     },
     "engines": {
         "node": ">=22"