vira 28.19.6 → 28.20.0

package/{src/styles/form-styles.ts → dist/styles/form-styles.js}

@@ -1,5 +1,4 @@
-import {defineCssVars} from 'lit-css-vars';
-
+import { defineCssVars } from 'lit-css-vars';
 /**
  * CSS vars for vira form elements.
  *
@@ -9,18 +8,14 @@ import {defineCssVars} from 'lit-css-vars';
 export const viraFormCssVars = defineCssVars({
     'vira-form-border-color': '#cccccc',
     'vira-form-placeholder-color': '#cccccc',
-
     'vira-form-background-color': 'white',
     'vira-form-foreground-color': 'black',
-
     'vira-form-text-selection-color': '#cfe9ff',
     'vira-form-selection-hover-background-color': '#e6f9fe',
     'vira-form-selection-hover-foreground-color': 'black',
     'vira-form-selection-active-background-color': '#e6f9fe',
     'vira-form-selection-active-foreground-color': 'black',
-
     'vira-form-error-foreground-color': 'red',
     'vira-form-success-foreground-color': 'green',
-
     'vira-form-label-font-weight': 'bold',
 });

package/{src/styles/index.ts → dist/styles/index.d.ts}

@@ -1,5 +1,4 @@
 /** This file is automatically updated by update-index-exports.ts */
-
 export * from './border.js';
 export * from './disabled.js';
 export * from './durations.js';

package/dist/styles/index.js

@@ -0,0 +1,13 @@
+/** This file is automatically updated by update-index-exports.ts */
+export * from './border.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';
+export * from './shadows.js';
+export * from './user-select.js';
+export * from './vira-color-palette.js';
+export * from './vira-color-theme.js';

package/dist/styles/native-styles.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A chunk of CSS that succinctly removes all padding and margin from an element.
+ *
+ * @category Styles
+ */
+export declare const noNativeSpacing: import("element-vir").CSSResult;
+/**
+ * A chunk of CSS that succinctly removes all default built-in form element styles. This is
+ * particularly useful for `<button>` elements.
+ *
+ * @category Styles
+ */
+export declare const noNativeFormStyles: import("element-vir").CSSResult;

package/{src/styles/native-styles.ts → dist/styles/native-styles.js}

@@ -1,22 +1,20 @@
-import {css} from 'element-vir';
-
+import { css } from 'element-vir';
 /**
  * A chunk of CSS that succinctly removes all padding and margin from an element.
  *
  * @category Styles
  */
-export const noNativeSpacing = css`
+export const noNativeSpacing = css `
     padding: 0;
     margin: 0;
 `;
-
 /**
  * A chunk of CSS that succinctly removes all default built-in form element styles. This is
  * particularly useful for `<button>` elements.
  *
  * @category Styles
  */
-export const noNativeFormStyles = css`
+export const noNativeFormStyles = css `
     ${noNativeSpacing};
     cursor: unset;
     background: none;

package/dist/styles/scrollbar.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A function that generates CSS to hide scrollbars for the given CSS selector.
+ *
+ * @category Styles
+ */
+export declare function hideScrollbars(selector: string): import("element-vir").CSSResult;

package/{src/styles/scrollbar.ts → dist/styles/scrollbar.js}

@@ -1,12 +1,11 @@
-import {css, unsafeCSS} from 'element-vir';
-
+import { css, unsafeCSS } from 'element-vir';
 /**
  * A function that generates CSS to hide scrollbars for the given CSS selector.
  *
  * @category Styles
  */
-export function hideScrollbars(selector: string) {
-    return css`
+export function hideScrollbars(selector) {
+    return css `
         ${unsafeCSS(selector)} {
             /* hide scrollbars in Firefox */
             scrollbar-width: none;

package/dist/styles/shadows.d.ts

@@ -0,0 +1,20 @@
+import { type CSSResult } from 'element-vir';
+/**
+ * CSS Vars for shadows.
+ *
+ * @category Styles
+ */
+export declare const shadowCssVars: import("lit-css-vars").CssVarDefinitions<{
+    readonly 'menu-shadow-color': "#e2e2e2";
+    readonly 'modal-shadow-color': "#4f4f4f";
+}>;
+/**
+ * CSS chunks for default Vira shadow styles.
+ *
+ * @category Styles
+ */
+export declare const viraShadows: {
+    readonly menuShadow: CSSResult;
+    readonly menuShadowReversed: CSSResult;
+    readonly modal: CSSResult;
+};

package/{src/styles/shadows.ts → dist/styles/shadows.js}

@@ -1,6 +1,5 @@
-import {type CSSResult, css} from 'element-vir';
-import {defineCssVars} from 'lit-css-vars';
-
+import { css } from 'element-vir';
+import { defineCssVars } from 'lit-css-vars';
 /**
  * CSS Vars for shadows.
  *
@@ -10,28 +9,27 @@ export const shadowCssVars = defineCssVars({
     'menu-shadow-color': '#e2e2e2',
     'modal-shadow-color': '#4f4f4f',
 });
-
 /**
  * CSS chunks for default Vira shadow styles.
  *
  * @category Styles
  */
 export const viraShadows = {
-    menuShadow: css`
+    menuShadow: css `
         filter: drop-shadow(0px 5px 5px ${shadowCssVars['menu-shadow-color'].value});
         /*
            This helps force the drop shadow to re-render when the element moves or the page changes.
        */
         will-change: filter;
     `,
-    menuShadowReversed: css`
+    menuShadowReversed: css `
         filter: drop-shadow(0px -5px 5px ${shadowCssVars['menu-shadow-color'].value});
         /*
            This helps force the drop shadow to re-render when the element moves or the page changes.
        */
         will-change: filter;
     `,
-    modal: css`
+    modal: css `
         box-shadow: 0 5px 15px ${shadowCssVars['modal-shadow-color'].value};
     `,
-} as const satisfies Record<string, CSSResult>;
+};

package/dist/styles/user-select.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A chunk of CSS that disables user selection.
+ *
+ * @category Styles
+ */
+export declare const noUserSelect: import("element-vir").CSSResult;

package/{src/styles/user-select.ts → dist/styles/user-select.js}

@@ -1,11 +1,10 @@
-import {css} from 'element-vir';
-
+import { css } from 'element-vir';
 /**
  * A chunk of CSS that disables user selection.
  *
  * @category Styles
  */
-export const noUserSelect = css`
+export const noUserSelect = css `
     /* iOS Safari */
     -webkit-touch-callout: none;
     /* Safari */

package/dist/styles/vira-color-palette.d.ts

@@ -0,0 +1,95 @@
+/** Generously contributed by Trent Hazy, modified to more uniform contrast levels. */
+export declare const viraColorPalette: import("lit-css-vars").CssVarDefinitions<{
+    readonly 'vira-white': "#ffffff";
+    readonly 'vira-black': "#000000";
+    readonly 'vira-red-5': "#ffe9e6";
+    readonly 'vira-red-10': "#ffd9d6";
+    readonly 'vira-red-20': "#ffc1bc";
+    readonly 'vira-red-30': "#ffa6a2";
+    readonly 'vira-red-40': "#ff8887";
+    readonly 'vira-red-50': "#ff6065";
+    readonly 'vira-red-60': "#f9163a";
+    readonly 'vira-red-70': "#d2001e";
+    readonly 'vira-red-80': "#a60012";
+    readonly 'vira-red-90': "#760004";
+    readonly 'vira-orange-5': "#ffebd1";
+    readonly 'vira-orange-10': "#ffdcab";
+    readonly 'vira-orange-20': "#ffc768";
+    readonly 'vira-orange-30': "#ffac3a";
+    readonly 'vira-orange-40': "#f49400";
+    readonly 'vira-orange-50': "#dd8100";
+    readonly 'vira-orange-60': "#c66b00";
+    readonly 'vira-orange-70': "#a85800";
+    readonly 'vira-orange-80': "#884400";
+    readonly 'vira-orange-90': "#682800";
+    readonly 'vira-yellow-5': "#f5f0c6";
+    readonly 'vira-yellow-10': "#eee399";
+    readonly 'vira-yellow-20': "#e9d100";
+    readonly 'vira-yellow-30': "#d6bf00";
+    readonly 'vira-yellow-40': "#c1ac00";
+    readonly 'vira-yellow-50': "#ad9800";
+    readonly 'vira-yellow-60': "#958400";
+    readonly 'vira-yellow-70': "#7d6e00";
+    readonly 'vira-yellow-80': "#635700";
+    readonly 'vira-yellow-90': "#473d00";
+    readonly 'vira-green-5': "#def6cc";
+    readonly 'vira-green-10': "#c4eea3";
+    readonly 'vira-green-20': "#94e53b";
+    readonly 'vira-green-30': "#81d316";
+    readonly 'vira-green-40': "#71bf00";
+    readonly 'vira-green-50': "#5eaa00";
+    readonly 'vira-green-60': "#509400";
+    readonly 'vira-green-70': "#427c00";
+    readonly 'vira-green-80': "#316200";
+    readonly 'vira-green-90': "#1f4600";
+    readonly 'vira-teal-5': "#d3f5ed";
+    readonly 'vira-teal-10': "#aeeedf";
+    readonly 'vira-teal-20': "#4ce6cc";
+    readonly 'vira-teal-30': "#31d3ba";
+    readonly 'vira-teal-40': "#00c0a7";
+    readonly 'vira-teal-50': "#00aa93";
+    readonly 'vira-teal-60': "#00937e";
+    readonly 'vira-teal-70': "#007c68";
+    readonly 'vira-teal-80': "#006252";
+    readonly 'vira-teal-90': "#004539";
+    readonly 'vira-blue-5': "#def1ff";
+    readonly 'vira-blue-10': "#c0e7ff";
+    readonly 'vira-blue-20': "#9dd7ff";
+    readonly 'vira-blue-30': "#78c5ff";
+    readonly 'vira-blue-40': "#5fb1fc";
+    readonly 'vira-blue-50': "#4d9de7";
+    readonly 'vira-blue-60': "#3588d0";
+    readonly 'vira-blue-70': "#1971b7";
+    readonly 'vira-blue-80': "#00579a";
+    readonly 'vira-blue-90': "#003a7b";
+    readonly 'vira-purple-5': "#f3ebff";
+    readonly 'vira-purple-10': "#e8dcff";
+    readonly 'vira-purple-20': "#e1c5ff";
+    readonly 'vira-purple-30': "#d1afff";
+    readonly 'vira-purple-40': "#c198ff";
+    readonly 'vira-purple-50': "#b07dff";
+    readonly 'vira-purple-60': "#a25cff";
+    readonly 'vira-purple-70': "#8a3cf2";
+    readonly 'vira-purple-80': "#710dd3";
+    readonly 'vira-purple-90': "#4c0099";
+    readonly 'vira-pink-5': "#ffe7fb";
+    readonly 'vira-pink-10': "#ffd5f7";
+    readonly 'vira-pink-20': "#ffbaf5";
+    readonly 'vira-pink-30': "#ff9ee6";
+    readonly 'vira-pink-40': "#fa82cc";
+    readonly 'vira-pink-50': "#e46eb8";
+    readonly 'vira-pink-60': "#cd58a2";
+    readonly 'vira-pink-70': "#b3408b";
+    readonly 'vira-pink-80': "#962472";
+    readonly 'vira-pink-90': "#6f0050";
+    readonly 'vira-grey-5': "#eeeef1";
+    readonly 'vira-grey-10': "#e1e1e4";
+    readonly 'vira-grey-20': "#d0d0d6";
+    readonly 'vira-grey-30': "#bebec3";
+    readonly 'vira-grey-40': "#ababb2";
+    readonly 'vira-grey-50': "#98989c";
+    readonly 'vira-grey-60': "#838489";
+    readonly 'vira-grey-70': "#6e6e73";
+    readonly 'vira-grey-80': "#57575c";
+    readonly 'vira-grey-90': "#3d3d43";
+}>;

package/{src/styles/vira-color-palette.ts → dist/styles/vira-color-palette.js}

@@ -1,10 +1,8 @@
-import {defineCssVars} from 'lit-css-vars';
-
+import { defineCssVars } from 'lit-css-vars';
 /** Generously contributed by Trent Hazy, modified to more uniform contrast levels. */
 export const viraColorPalette = defineCssVars({
     'vira-white': '#ffffff',
     'vira-black': '#000000',
-
     'vira-red-5': '#ffe9e6',
     'vira-red-10': '#ffd9d6',
     'vira-red-20': '#ffc1bc',
@@ -15,7 +13,6 @@ export const viraColorPalette = defineCssVars({
     'vira-red-70': '#d2001e',
     'vira-red-80': '#a60012',
     'vira-red-90': '#760004',
-
     'vira-orange-5': '#ffebd1',
     'vira-orange-10': '#ffdcab',
     'vira-orange-20': '#ffc768',
@@ -26,7 +23,6 @@ export const viraColorPalette = defineCssVars({
     'vira-orange-70': '#a85800',
     'vira-orange-80': '#884400',
     'vira-orange-90': '#682800',
-
     'vira-yellow-5': '#f5f0c6',
     'vira-yellow-10': '#eee399',
     'vira-yellow-20': '#e9d100',
@@ -37,7 +33,6 @@ export const viraColorPalette = defineCssVars({
     'vira-yellow-70': '#7d6e00',
     'vira-yellow-80': '#635700',
     'vira-yellow-90': '#473d00',
-
     'vira-green-5': '#def6cc',
     'vira-green-10': '#c4eea3',
     'vira-green-20': '#94e53b',
@@ -48,7 +43,6 @@ export const viraColorPalette = defineCssVars({
     'vira-green-70': '#427c00',
     'vira-green-80': '#316200',
     'vira-green-90': '#1f4600',
-
     'vira-teal-5': '#d3f5ed',
     'vira-teal-10': '#aeeedf',
     'vira-teal-20': '#4ce6cc',
@@ -59,7 +53,6 @@ export const viraColorPalette = defineCssVars({
     'vira-teal-70': '#007c68',
     'vira-teal-80': '#006252',
     'vira-teal-90': '#004539',
-
     'vira-blue-5': '#def1ff',
     'vira-blue-10': '#c0e7ff',
     'vira-blue-20': '#9dd7ff',
@@ -70,7 +63,6 @@ export const viraColorPalette = defineCssVars({
     'vira-blue-70': '#1971b7',
     'vira-blue-80': '#00579a',
     'vira-blue-90': '#003a7b',
-
     'vira-purple-5': '#f3ebff',
     'vira-purple-10': '#e8dcff',
     'vira-purple-20': '#e1c5ff',
@@ -81,7 +73,6 @@ export const viraColorPalette = defineCssVars({
     'vira-purple-70': '#8a3cf2',
     'vira-purple-80': '#710dd3',
     'vira-purple-90': '#4c0099',
-
     'vira-pink-5': '#ffe7fb',
     'vira-pink-10': '#ffd5f7',
     'vira-pink-20': '#ffbaf5',
@@ -92,7 +83,6 @@ export const viraColorPalette = defineCssVars({
     'vira-pink-70': '#b3408b',
     'vira-pink-80': '#962472',
     'vira-pink-90': '#6f0050',
-
     'vira-grey-5': '#eeeef1',
     'vira-grey-10': '#e1e1e4',
     'vira-grey-20': '#d0d0d6',