vira 31.31.0 → 31.31.2

package/dist/elements/vira-text-area.element.js

@@ -20,112 +20,114 @@ export const ViraTextArea = defineViraElement()({
         'vira-text-area-padding-horizontal': '12px',
         'vira-text-area-padding-vertical': '8px',
     },
-    styles: ({ hostClasses, cssVars }) => css `
-        :host {
-            position: relative;
-            display: inline-flex;
-            width: 320px;
-            box-sizing: border-box;
-            color: ${viraFormCssVars['vira-form-foreground-color'].value};
-        }
-
-        label {
-            display: flex;
-            flex-direction: column;
-            justify-content: flex-start;
-            gap: 2px;
-            width: 100%;
-            max-width: 100%;
-            cursor: text;
-
-            & .text-area-label {
-                font-weight: ${viraFormCssVars['vira-form-label-font-weight'].value};
-                text-align: left;
-                flex-shrink: 0;
-                flex-wrap: wrap;
+    styles: ({ hostClasses, cssVars }) => {
+        return css `
+            :host {
+                position: relative;
+                display: inline-flex;
+                width: 320px;
+                box-sizing: border-box;
+                color: ${viraFormCssVars['vira-form-foreground-color'].value};
             }
-        }
 
-        .text-area-wrapper {
-            position: relative;
-            display: inline-flex;
-            width: 100%;
-            max-width: 100%;
-            box-sizing: border-box;
-        }
-
-        textarea {
-            ${noNativeFormStyles};
-            overscroll-behavior: contain;
-            font: inherit;
-            cursor: text;
-            width: 100%;
-            box-sizing: border-box;
-            padding: ${cssVars['vira-text-area-padding-vertical'].value}
-                ${cssVars['vira-text-area-padding-horizontal'].value};
-            border-radius: ${viraFormCssVars['vira-form-radius'].value};
-            background-color: ${viraFormCssVars['vira-form-background-color'].value};
-            border: 1px solid ${viraFormCssVars['vira-form-border-color'].value};
-            color: inherit;
-            resize: vertical;
-            outline: none;
-
-            &::placeholder {
-                color: ${viraFormCssVars['vira-form-placeholder-color'].value};
+            label {
+                display: flex;
+                flex-direction: column;
+                justify-content: flex-start;
+                gap: 2px;
+                width: 100%;
+                max-width: 100%;
+                cursor: text;
+
+                & .text-area-label {
+                    font-weight: ${viraFormCssVars['vira-form-label-font-weight'].value};
+                    text-align: left;
+                    flex-shrink: 0;
+                    flex-wrap: wrap;
+                }
             }
 
-            &::selection {
-                background: ${viraFormCssVars['vira-form-text-selection-color'].value};
+            .text-area-wrapper {
+                position: relative;
+                display: inline-flex;
+                width: 100%;
+                max-width: 100%;
+                box-sizing: border-box;
             }
 
-            &:focus:focus-visible:not([disabled]) ~ .focus-border {
-                ${createFocusStyles({
-        elementBorderSize: '1px',
-        noNesting: true,
-    })}
+            textarea {
+                ${noNativeFormStyles};
+                overscroll-behavior: contain;
+                font: inherit;
+                cursor: text;
+                width: 100%;
+                box-sizing: border-box;
+                padding: ${cssVars['vira-text-area-padding-vertical'].value}
+                    ${cssVars['vira-text-area-padding-horizontal'].value};
+                border-radius: ${viraFormCssVars['vira-form-radius'].value};
+                background-color: ${viraFormCssVars['vira-form-background-color'].value};
+                border: 1px solid ${viraFormCssVars['vira-form-border-color'].value};
+                color: inherit;
+                resize: vertical;
+                outline: none;
+
+                &::placeholder {
+                    color: ${viraFormCssVars['vira-form-placeholder-color'].value};
+                }
+
+                &::selection {
+                    background: ${viraFormCssVars['vira-form-text-selection-color'].value};
+                }
+
+                &:focus:focus-visible:not([disabled]) ~ .focus-border {
+                    ${createFocusStyles({
+            elementBorderSize: '1px',
+            noNesting: true,
+        })}
+                }
             }
-        }
-
-        .border-style {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            border-radius: ${viraFormCssVars['vira-form-radius'].value};
-            z-index: 0;
-            pointer-events: none;
-        }
 
-        .readonly-value {
-            white-space: pre-wrap;
-            overflow-wrap: anywhere;
-        }
+            .border-style {
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                border-radius: ${viraFormCssVars['vira-form-radius'].value};
+                z-index: 0;
+                pointer-events: none;
+            }
 
-        ${hostClasses['vira-text-area-prevent-resize'].selector} textarea {
-            resize: none;
-        }
+            .readonly-value {
+                white-space: pre-wrap;
+                overflow-wrap: anywhere;
+            }
 
-        ${hostClasses['vira-text-area-error'].selector} textarea {
-            border-color: ${viraFormCssVars['vira-form-error-color'].value};
-        }
+            ${hostClasses['vira-text-area-prevent-resize'].selector} textarea {
+                resize: none;
+            }
 
-        ${hostClasses['vira-text-area-disabled'].selector} {
-            cursor: not-allowed;
+            ${hostClasses['vira-text-area-error'].selector} textarea {
+                border-color: ${viraFormCssVars['vira-form-error-color'].value};
+            }
 
-            & * {
+            ${hostClasses['vira-text-area-disabled'].selector} {
                 cursor: not-allowed;
-            }
 
-            & > * {
-                ${viraDisabledStyles};
-            }
+                & * {
+                    cursor: not-allowed;
+                }
+
+                & > * {
+                    ${viraDisabledStyles};
+                }
 
-            & .focus-border {
-                display: none;
+                & .focus-border {
+                    display: none;
+                }
             }
-        }
-    `,
+        `;
+    },
     events: {
         /**
          * Fires whenever a user input created a new value. Does not fire if all input letters are

package/dist/icons/lucide-icons.js

@@ -14,11 +14,13 @@ function setSvgAttribute({ svgString, attributeName, value, }) {
         : svgString.replace(/<svg\b/, `<svg ${attributeName}="${value}"`);
 }
 function applySvgAttributes(svgString, attributes) {
-    return Object.entries(attributes).reduce((result, [key, value,]) => setSvgAttribute({
-        svgString: result,
-        attributeName: key,
-        value,
-    }), svgString);
+    return Object.entries(attributes).reduce((result, [key, value,]) => {
+        return setSvgAttribute({
+            svgString: result,
+            attributeName: key,
+            value,
+        });
+    }, svgString);
 }
 function isLucideIconKey(key) {
     return key in lucideStaticImport;

package/dist/util/shared-text-input-logic.js

@@ -5,10 +5,12 @@ function doesMatch({ input, matcher }) {
         return true;
     }
     else if (input.length > 1) {
-        return input.split('').every((singleInput) => doesMatch({
-            input: singleInput,
-            matcher,
-        }));
+        return input.split('').every((singleInput) => {
+            return doesMatch({
+                input: singleInput,
+                matcher,
+            });
+        });
     }
     else if (matcher instanceof RegExp) {
         return !!input.match(matcher);

package/dist/util/vira-form-fields.d.ts

@@ -1,5 +1,5 @@
 import { type PartialWithUndefined } from '@augment-vir/common';
-import { type FullDate } from 'date-vir';
+import { type FullDate, type Timezone } from 'date-vir';
 import { type HtmlInterpolation } from 'element-vir';
 import { type ViraIconSvg } from '../icons/icon-svg.js';
 import { type ViraSelectOption } from './vira-select-option.js';
@@ -115,7 +115,7 @@ export type ViraFormField = ({
     /** Upper bound for selectable dates. Defaults to 10 years from now when omitted. */
     max: FullDate;
     /** Timezone used to interpret the selected date. Defaults to the user's timezone. */
-    timezone: string;
+    timezone: Timezone;
     /** Only show the date part of the selected date when in readonly mode. */
     showDateOnly: boolean;
     /** Only show the time part of the selected date when in readonly mode. */

package/dist/util/vira-json-schema.js

@@ -174,10 +174,12 @@ export function expandSchemaBranches(schema, context) {
     if (branches.length === 0) {
         return [resolved];
     }
-    return branches.flatMap((branch) => expandSchemaBranches(branch, {
-        root: context.root,
-        seenRefs: context.seenRefs,
-    }));
+    return branches.flatMap((branch) => {
+        return expandSchemaBranches(branch, {
+            root: context.root,
+            seenRefs: context.seenRefs,
+        });
+    });
 }
 /**
  * Computes the set of JSON types that a given schema allows.
@@ -538,10 +540,12 @@ function validateBranch({ value, branch, path, context, errors, }) {
         return;
     }
     if ('enum' in branch && check.isArray(branch.enum)) {
-        const matched = branch.enum.some((entry) => deepEqualsJson({
-            a: value,
-            b: entry,
-        }));
+        const matched = branch.enum.some((entry) => {
+            return deepEqualsJson({
+                a: value,
+                b: entry,
+            });
+        });
         if (!matched) {
             errors.push(`${formatPathLabel(path)} must be one of the enum values.`);
             return;
@@ -625,10 +629,12 @@ function deepEqualsJson({ a, b }) {
     }
     else if (check.isArray(a) && check.isArray(b)) {
         return (a.length === b.length &&
-            a.every((entry, i) => deepEqualsJson({
-                a: entry,
-                b: b[i] ?? null,
-            })));
+            a.every((entry, i) => {
+                return deepEqualsJson({
+                    a: entry,
+                    b: b[i] ?? null,
+                });
+            }));
     }
     else if (check.isObject(a) && check.isObject(b)) {
         const aKeys = Object.keys(a);
@@ -636,10 +642,12 @@ function deepEqualsJson({ a, b }) {
         if (aKeys.length !== bKeys.length) {
             return false;
         }
-        return aKeys.every((key) => deepEqualsJson({
-            a: a[key] ?? null,
-            b: b[key] ?? null,
-        }));
+        return aKeys.every((key) => {
+            return deepEqualsJson({
+                a: a[key] ?? null,
+                b: b[key] ?? null,
+            });
+        });
     }
     else {
         return false;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "31.31.0",
+    "version": "31.31.2",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -38,36 +38,36 @@
         "test:docs": "virmator docs check"
     },
     "dependencies": {
-        "@augment-vir/assert": "^32.2.1",
-        "@augment-vir/common": "^32.2.1",
-        "@augment-vir/web": "^32.2.1",
+        "@augment-vir/assert": "^32.2.2",
+        "@augment-vir/common": "^32.2.2",
+        "@augment-vir/web": "^32.2.2",
         "@electrovir/color": "^1.7.11",
         "@electrovir/local-storage-client": "^0.1.1",
-        "date-vir": "^8.6.2",
+        "date-vir": "^9.1.0",
         "device-navigation": "^4.7.3",
         "json-schema-to-ts": "^3.1.1",
         "lit-css-vars": "^3.6.3",
-        "object-shape-tester": "^6.14.1",
+        "object-shape-tester": "^6.15.0",
         "observavir": "^2.3.3",
         "page-active": "^1.0.4",
         "spa-router-vir": "^6.6.1",
-        "typed-event-target": "^4.3.2"
+        "typed-event-target": "^4.3.3"
     },
     "devDependencies": {
-        "@augment-vir/test": "^32.2.1",
+        "@augment-vir/test": "^32.2.2",
         "@web/dev-server-esbuild": "^2.0.0",
         "@web/test-runner": "^1.0.0",
         "@web/test-runner-commands": "^1.0.1",
         "@web/test-runner-playwright": "^1.0.0",
         "@web/test-runner-visual-regression": "^1.0.1",
-        "esbuild": "^0.28.1",
+        "esbuild": "^0.28.2",
         "istanbul-smart-text-reporter": "^1.1.5",
-        "lucide-static": "^1.26.0",
+        "lucide-static": "^1.31.0",
         "markdown-code-example-inserter": "^3.0.6",
         "theme-vir": "^28.25.1",
         "typedoc": "^0.28.20",
         "typescript": "^6.0.3",
-        "vite": "^8.1.5",
+        "vite": "^8.2.1",
         "vite-tsconfig-paths": "^6.1.1"
     },
     "peerDependencies": {