vira 28.15.0 → 28.16.0

package/dist/icons/icon-svg.js

@@ -1,6 +1,6 @@
-import { getObjectTypedKeys } from '@augment-vir/common';
+import { getObjectTypedKeys, stringify } from '@augment-vir/common';
+import Color from 'colorjs.io';
 import { html } from 'element-vir';
-import { getAssertedValidColor } from '../styles/color.js';
 import { viraIconCssVars } from './icon-css-vars.js';
 /**
  * A function used to define an individual Vira icon SVG.
@@ -14,6 +14,17 @@ export function defineIcon({ name, svgTemplate, }) {
     };
     return iconSvg;
 }
+function getAssertedValidColor(input) {
+    try {
+        if (!input) {
+            throw new Error('invalid empty color');
+        }
+        return new Color(input);
+    }
+    catch {
+        throw new Error(`Invalid color: ${stringify(input)}`);
+    }
+}
 /**
  * Wraps an existing icon with a specific color and outputs another icon that can be used anywhere
  * the original icon can be used.

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 export * from './elements/index.js';
 export * from './icons/index.js';
-export * from './re-exports/index.js';
 export * from './styles/index.js';
 export * from './util/index.js';

package/dist/index.js

@@ -1,5 +1,4 @@
 export * from './elements/index.js';
 export * from './icons/index.js';
-export * from './re-exports/index.js';
 export * from './styles/index.js';
 export * from './util/index.js';

package/dist/styles/font.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Use this to set font values so they can be controlled via CSS vars.
+ *
+ * @category CSS Vars
+ * @category Styles
+ */
+export declare const viraFontCssVars: import("lit-css-vars").CssVarDefinitions<{
+    readonly 'vira-monospace': "monospace";
+}>;

package/dist/styles/font.js

@@ -0,0 +1,10 @@
+import { defineCssVars } from 'lit-css-vars';
+/**
+ * Use this to set font values so they can be controlled via CSS vars.
+ *
+ * @category CSS Vars
+ * @category Styles
+ */
+export const viraFontCssVars = defineCssVars({
+    'vira-monospace': 'monospace',
+});

package/dist/styles/index.d.ts

@@ -1,9 +1,9 @@
 /** This file is automatically updated by update-index-exports.ts */
 export * from './border.js';
-export * from './color.js';
 export * from './disabled.js';
 export * from './durations.js';
 export * from './focus.js';
+export * from './font.js';
 export * from './form-styles.js';
 export * from './native-styles.js';
 export * from './scrollbar.js';

package/dist/styles/index.js

@@ -1,9 +1,9 @@
 /** This file is automatically updated by update-index-exports.ts */
 export * from './border.js';
-export * from './color.js';
 export * from './disabled.js';
 export * from './durations.js';
 export * from './focus.js';
+export * from './font.js';
 export * from './form-styles.js';
 export * from './native-styles.js';
 export * from './scrollbar.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "28.15.0",
+    "version": "28.16.0",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -41,7 +41,7 @@
         "@augment-vir/assert": "^31.57.3",
         "@augment-vir/common": "^31.57.3",
         "@augment-vir/web": "^31.57.3",
-        "colorjs.io": "0.5.2",
+        "colorjs.io": "^0.6.0",
         "date-vir": "^8.1.0",
         "device-navigation": "^4.5.5",
         "lit-css-vars": "^3.0.11",
@@ -61,7 +61,7 @@
         "esbuild": "^0.27.2",
         "istanbul-smart-text-reporter": "^1.1.5",
         "markdown-code-example-inserter": "^3.0.3",
-        "theme-vir": "^28.15.1",
+        "theme-vir": "^28.15.3",
         "typedoc": "^0.28.15",
         "typescript": "5.9.3",
         "vite": "^7.3.0",

package/dist/re-exports/colorjs-io.d.ts

@@ -1,17 +0,0 @@
-import ColorImport from 'colorjs.io';
-export type { ColorTypes } from 'colorjs.io/types/src/color';
-export type { Format } from 'colorjs.io/types/src/space';
-/**
- * An individual color represented as a class. This is from the
- * [colorjs.io](https://www.npmjs.com/package/colorjs.io) package.
- *
- * @category Internal
- */
-export type Color = typeof ColorImport;
-/**
- * An individual color represented as a class. This is from the
- * [colorjs.io](https://www.npmjs.com/package/colorjs.io) package.
- *
- * @category Internal
- */
-export declare const Color: Color;

package/dist/re-exports/colorjs-io.js

@@ -1,8 +0,0 @@
-import ColorImport from 'colorjs.io';
-/**
- * An individual color represented as a class. This is from the
- * [colorjs.io](https://www.npmjs.com/package/colorjs.io) package.
- *
- * @category Internal
- */
-export const Color = ColorImport;

package/dist/re-exports/index.d.ts

@@ -1,2 +0,0 @@
-/** This file is automatically updated by update-index-exports.ts */
-export * from './colorjs-io.js';

package/dist/re-exports/index.js

@@ -1,2 +0,0 @@
-/** This file is automatically updated by update-index-exports.ts */
-export * from './colorjs-io.js';

package/dist/styles/color.d.ts

@@ -1,14 +0,0 @@
-import { type Format } from 'colorjs.io/types/src/space';
-import { type ColorTypes } from '../re-exports/colorjs-io.js';
-/**
- * Asserts that the given color type is valid.
- *
- * @category Internal
- */
-export declare function getAssertedValidColor(input: ColorTypes | undefined): import("colorjs.io/types/index.js").default;
-/**
- * The colorjs format for CSS RGB colors.
- *
- * @category Internal
- */
-export declare const rgbCssColorFormat: Format;

package/dist/styles/color.js

@@ -1,32 +0,0 @@
-import { stringify } from '@augment-vir/common';
-import { Color } from '../re-exports/colorjs-io.js';
-/**
- * Asserts that the given color type is valid.
- *
- * @category Internal
- */
-export function getAssertedValidColor(input) {
-    try {
-        if (!input) {
-            throw new Error('invalid empty color');
-        }
-        return new Color(input);
-    }
-    catch {
-        throw new Error(`Invalid color: ${stringify(input)}`);
-    }
-}
-/**
- * The colorjs format for CSS RGB colors.
- *
- * @category Internal
- */
-export const rgbCssColorFormat = {
-    name: 'rgb',
-    coords: [
-        '<number>[0, 255]',
-        '<number>[0, 255]',
-        '<number>[0, 255]',
-    ],
-    commas: true,
-};