vira 32.0.0-beta.0 → 32.0.0

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

@@ -0,0 +1,117 @@
+/**
+ * All available variants for controlling vira form colors.
+ *
+ * @category Internal
+ */
+export declare enum ViraColorVariant {
+    /** @default blue colored */
+    Info = "info",
+    /**
+     * Applied when no `color` input is set on a color-aware element.
+     *
+     * @default black colored
+     */
+    Plain = "plain",
+    /** @default grey colored */
+    Neutral = "neutral",
+    /** @default red colored */
+    Danger = "danger",
+    /** @default orange colored */
+    Warning = "warning",
+    /** @default green colored */
+    Positive = "positive",
+    /** @default brand colored */
+    Brand = "brand",
+    /** @default purple colored */
+    Special = "special",
+    /**
+     * No color variant styles will be applied at all, allowing the element's colors to be fully
+     * customized via its CSS vars.
+     */
+    Custom = "custom"
+}
+/**
+ * All defined color variants starting with the default.
+ *
+ * @category Internal
+ */
+export declare const viraColorVariants: readonly [ViraColorVariant.Info, ViraColorVariant.Plain, ViraColorVariant.Neutral, ViraColorVariant.Danger, ViraColorVariant.Warning, ViraColorVariant.Positive, ViraColorVariant.Brand, ViraColorVariant.Special];
+/**
+ * Maps themed {@link ViraColorVariant} members to the {@link ViraThemeColorName} used as their host
+ * class suffix on color-aware elements (`vira-*-color-${themeColor}`). `Plain` and `Neutral` are
+ * intentionally omitted: they are always special-cased by each element so their host classes stay
+ * distinct from any theme color class (including `grey`).
+ *
+ * @category Internal
+ */
+export declare const viraColorVariantToHostClassKey: {
+    readonly info: "blue";
+    readonly danger: "red";
+    readonly warning: "yellow";
+    readonly positive: "green";
+    readonly brand: "brand";
+    readonly special: "purple";
+};
+/**
+ * {@link ViraThemeColorName} values that have no corresponding themed {@link ViraColorVariant} in
+ * {@link viraColorVariantToHostClassKey}. Color-aware elements generate a standalone host class for
+ * each so every {@link ViraThemeColorName} (including `grey`) can be passed as a `color` input.
+ *
+ * @category Internal
+ */
+export declare const standaloneThemeColorNames: ("red" | "yellow" | "green" | "teal" | "blue" | "brand" | "purple" | "pink" | "grey")[];
+/**
+ * All available variants for controlling vira form sizes.
+ *
+ * @category Internal
+ */
+export declare enum ViraSize {
+    /** @default 40px tall */
+    Large = "large",
+    /**
+     * This is the default.
+     *
+     * @default 32px tall
+     */
+    Medium = "medium",
+    /** @default 24px tall */
+    Small = "small",
+    /**
+     * No size styles will be applied at all. All related CSS vars are free to customize to your
+     * wishes.
+     */
+    None = "none"
+}
+/**
+ * All defined size variants starting with the default.
+ *
+ * @category Internal
+ */
+export declare const viraSizeVariants: readonly [ViraSize.Small, ViraSize.Medium, ViraSize.Large];
+/**
+ * All available variants for controlling vira form emphasis.
+ *
+ * @category Internal
+ */
+export declare enum ViraEmphasis {
+    /** This is the default. */
+    Standard = "standard",
+    Subtle = "subtle",
+    /**
+     * No emphasis styles will be applied at all. All related CSS vars are free to customize to your
+     * wishes.
+     */
+    None = "none"
+}
+/**
+ * All defined emphasis variants starting with the default.
+ *
+ * @category Internal
+ */
+export declare const viraEmphasisVariants: readonly [ViraEmphasis.Standard, ViraEmphasis.Subtle];
+/**
+ * Default heights for {@link ViraSize} values.
+ *
+ * @category Internal
+ */
+export declare const viraSizeHeights: Record<Exclude<ViraSize, ViraSize.None>, number>;

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

@@ -1,40 +1,39 @@
-import {check} from '@augment-vir/assert';
-import {type ArrayElement, getObjectTypedValues} from '@augment-vir/common';
-import {ViraThemeColorName} from './vira-color-theme-object.js';
-
+import { check } from '@augment-vir/assert';
+import { getObjectTypedValues } from '@augment-vir/common';
+import { ViraThemeColorName } from './vira-color-theme-object.js';
 /**
  * All available variants for controlling vira form colors.
  *
  * @category Internal
  */
-export enum ViraColorVariant {
+export var ViraColorVariant;
+(function (ViraColorVariant) {
     /** @default blue colored */
-    Info = 'info',
+    ViraColorVariant["Info"] = "info";
     /**
      * Applied when no `color` input is set on a color-aware element.
      *
      * @default black colored
      */
-    Plain = 'plain',
+    ViraColorVariant["Plain"] = "plain";
     /** @default grey colored */
-    Neutral = 'neutral',
+    ViraColorVariant["Neutral"] = "neutral";
     /** @default red colored */
-    Danger = 'danger',
+    ViraColorVariant["Danger"] = "danger";
     /** @default orange colored */
-    Warning = 'warning',
+    ViraColorVariant["Warning"] = "warning";
     /** @default green colored */
-    Positive = 'positive',
+    ViraColorVariant["Positive"] = "positive";
     /** @default brand colored */
-    Brand = 'brand',
+    ViraColorVariant["Brand"] = "brand";
     /** @default purple colored */
-    Special = 'special',
+    ViraColorVariant["Special"] = "special";
     /**
      * No color variant styles will be applied at all, allowing the element's colors to be fully
      * customized via its CSS vars.
      */
-    Custom = 'custom',
-}
-
+    ViraColorVariant["Custom"] = "custom";
+})(ViraColorVariant || (ViraColorVariant = {}));
 /**
  * All defined color variants starting with the default.
  *
@@ -49,8 +48,7 @@ export const viraColorVariants = [
     ViraColorVariant.Positive,
     ViraColorVariant.Brand,
     ViraColorVariant.Special,
-] as const;
-
+];
 /**
  * Maps themed {@link ViraColorVariant} members to the {@link ViraThemeColorName} used as their host
  * class suffix on color-aware elements (`vira-*-color-${themeColor}`). `Plain` and `Neutral` are
@@ -66,8 +64,7 @@ export const viraColorVariantToHostClassKey = {
     [ViraColorVariant.Positive]: ViraThemeColorName.green,
     [ViraColorVariant.Brand]: ViraThemeColorName.brand,
     [ViraColorVariant.Special]: ViraThemeColorName.purple,
-} as const satisfies Partial<Record<ArrayElement<typeof viraColorVariants>, ViraThemeColorName>>;
-
+};
 /**
  * {@link ViraThemeColorName} values that have no corresponding themed {@link ViraColorVariant} in
  * {@link viraColorVariantToHostClassKey}. Color-aware elements generate a standalone host class for
@@ -75,33 +72,30 @@ export const viraColorVariantToHostClassKey = {
  *
  * @category Internal
  */
-export const standaloneThemeColorNames = getObjectTypedValues(ViraThemeColorName).filter(
-    (colorName) => !check.hasValue(getObjectTypedValues(viraColorVariantToHostClassKey), colorName),
-);
-
+export const standaloneThemeColorNames = getObjectTypedValues(ViraThemeColorName).filter((colorName) => !check.hasValue(getObjectTypedValues(viraColorVariantToHostClassKey), colorName));
 /**
  * All available variants for controlling vira form sizes.
  *
  * @category Internal
  */
-export enum ViraSize {
+export var ViraSize;
+(function (ViraSize) {
     /** @default 40px tall */
-    Large = 'large',
+    ViraSize["Large"] = "large";
     /**
      * This is the default.
      *
      * @default 32px tall
      */
-    Medium = 'medium',
+    ViraSize["Medium"] = "medium";
     /** @default 24px tall */
-    Small = 'small',
+    ViraSize["Small"] = "small";
     /**
      * No size styles will be applied at all. All related CSS vars are free to customize to your
      * wishes.
      */
-    None = 'none',
-}
-
+    ViraSize["None"] = "none";
+})(ViraSize || (ViraSize = {}));
 /**
  * All defined size variants starting with the default.
  *
@@ -111,24 +105,23 @@ export const viraSizeVariants = [
     ViraSize.Small,
     ViraSize.Medium,
     ViraSize.Large,
-] as const;
-
+];
 /**
  * All available variants for controlling vira form emphasis.
  *
  * @category Internal
  */
-export enum ViraEmphasis {
+export var ViraEmphasis;
+(function (ViraEmphasis) {
     /** This is the default. */
-    Standard = 'standard',
-    Subtle = 'subtle',
+    ViraEmphasis["Standard"] = "standard";
+    ViraEmphasis["Subtle"] = "subtle";
     /**
      * No emphasis styles will be applied at all. All related CSS vars are free to customize to your
      * wishes.
      */
-    None = 'none',
-}
-
+    ViraEmphasis["None"] = "none";
+})(ViraEmphasis || (ViraEmphasis = {}));
 /**
  * All defined emphasis variants starting with the default.
  *
@@ -137,14 +130,13 @@ export enum ViraEmphasis {
 export const viraEmphasisVariants = [
     ViraEmphasis.Standard,
     ViraEmphasis.Subtle,
-] as const;
-
+];
 /**
  * Default heights for {@link ViraSize} values.
  *
  * @category Internal
  */
-export const viraSizeHeights: Record<Exclude<ViraSize, ViraSize.None>, number> = {
+export const viraSizeHeights = {
     [ViraSize.Large]: 40,
     [ViraSize.Medium]: 32,
     [ViraSize.Small]: 24,

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 './disabled.js';
 export * from './durations.js';
 export * from './focus.js';

package/dist/styles/index.js

@@ -0,0 +1,14 @@
+/** This file is automatically updated by update-index-exports.ts */
+export * from './disabled.js';
+export * from './durations.js';
+export * from './focus.js';
+export * from './font.js';
+export * from './form-styles.js';
+export * from './form-variants.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-object.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};
     background: none;
     border: 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,19 @@
+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 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,21 +9,20 @@ 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;
     `,
-    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,178 @@
+/**
+ * The base Vira color theme palette.
+ *
+ * @category Color
+ */
+export declare const viraColorPalette: import("lit-css-vars").CssVarDefinitions<{
+    readonly 'vira-red-100': "#FFF6F5";
+    readonly 'vira-red-150': "#FFEDEB";
+    readonly 'vira-red-200': "#FFE4E1";
+    readonly 'vira-red-250': "#FFDCD8";
+    readonly 'vira-red-300': "#FFD1CB";
+    readonly 'vira-red-350': "#FFC1B8";
+    readonly 'vira-red-400': "#FFA79B";
+    readonly 'vira-red-450': "#FF8274";
+    readonly 'vira-red-500': "#FF564A";
+    readonly 'vira-red-550': "#F43A32";
+    readonly 'vira-red-600': "#E2322C";
+    readonly 'vira-red-650': "#D02C27";
+    readonly 'vira-red-700': "#BB2520";
+    readonly 'vira-red-750': "#9E231D";
+    readonly 'vira-red-800': "#82211A";
+    readonly 'vira-red-850': "#701A13";
+    readonly 'vira-red-900': "#611710";
+    readonly 'vira-red-950': "#52140D";
+    readonly 'vira-red-1000': "#43130D";
+    readonly 'vira-yellow-100': "#FEF9E4";
+    readonly 'vira-yellow-150': "#FDF2D1";
+    readonly 'vira-yellow-200': "#FDEABF";
+    readonly 'vira-yellow-250': "#FEE2AD";
+    readonly 'vira-yellow-300': "#FDD89B";
+    readonly 'vira-yellow-350': "#FAC986";
+    readonly 'vira-yellow-400': "#EFB669";
+    readonly 'vira-yellow-450': "#E29D34";
+    readonly 'vira-yellow-500': "#CE8800";
+    readonly 'vira-yellow-550': "#BB7B00";
+    readonly 'vira-yellow-600': "#AC7100";
+    readonly 'vira-yellow-650': "#9E6800";
+    readonly 'vira-yellow-700': "#8C5C00";
+    readonly 'vira-yellow-750': "#794D00";
+    readonly 'vira-yellow-800': "#683E00";
+    readonly 'vira-yellow-850': "#5B3301";
+    readonly 'vira-yellow-900': "#502A05";
+    readonly 'vira-yellow-950': "#442308";
+    readonly 'vira-yellow-1000': "#381D0B";
+    readonly 'vira-green-100': "#EBFFEE";
+    readonly 'vira-green-150': "#DDFBE2";
+    readonly 'vira-green-200': "#CDF8D6";
+    readonly 'vira-green-250': "#BFF5CC";
+    readonly 'vira-green-300': "#AFF0C0";
+    readonly 'vira-green-350': "#9AE8B1";
+    readonly 'vira-green-400': "#7FD99C";
+    readonly 'vira-green-450': "#52C87F";
+    readonly 'vira-green-500': "#1BB565";
+    readonly 'vira-green-550': "#04A559";
+    readonly 'vira-green-600': "#009852";
+    readonly 'vira-green-650': "#008C4A";
+    readonly 'vira-green-700': "#007C41";
+    readonly 'vira-green-750': "#016A38";
+    readonly 'vira-green-800': "#095831";
+    readonly 'vira-green-850': "#024B29";
+    readonly 'vira-green-900': "#014024";
+    readonly 'vira-green-950': "#02371F";
+    readonly 'vira-green-1000': "#062D1B";
+    readonly 'vira-teal-100': "#E8FEFD";
+    readonly 'vira-teal-150': "#D9FAF8";
+    readonly 'vira-teal-200': "#C9F6F3";
+    readonly 'vira-teal-250': "#BAF2ED";
+    readonly 'vira-teal-300': "#A9EDE6";
+    readonly 'vira-teal-350': "#95E4DB";
+    readonly 'vira-teal-400': "#79D5CA";
+    readonly 'vira-teal-450': "#47C3B7";
+    readonly 'vira-teal-500': "#00B0A4";
+    readonly 'vira-teal-550': "#00A094";
+    readonly 'vira-teal-600': "#009389";
+    readonly 'vira-teal-650': "#00877D";
+    readonly 'vira-teal-700': "#00786F";
+    readonly 'vira-teal-750': "#00665F";
+    readonly 'vira-teal-800': "#01554F";
+    readonly 'vira-teal-850': "#004843";
+    readonly 'vira-teal-900': "#003E3A";
+    readonly 'vira-teal-950': "#033531";
+    readonly 'vira-teal-1000': "#072B29";
+    readonly 'vira-blue-100': "#F5F9FF";
+    readonly 'vira-blue-150': "#EAF3FF";
+    readonly 'vira-blue-200': "#E0EDFF";
+    readonly 'vira-blue-250': "#D6E7FF";
+    readonly 'vira-blue-300': "#CBDFFF";
+    readonly 'vira-blue-350': "#B9D4FF";
+    readonly 'vira-blue-400': "#9EC3FF";
+    readonly 'vira-blue-450': "#7AADFF";
+    readonly 'vira-blue-500': "#5697FF";
+    readonly 'vira-blue-550': "#4988ED";
+    readonly 'vira-blue-600': "#427DDC";
+    readonly 'vira-blue-650': "#3B72CA";
+    readonly 'vira-blue-700': "#3365B6";
+    readonly 'vira-blue-750': "#2D569A";
+    readonly 'vira-blue-800': "#27487E";
+    readonly 'vira-blue-850': "#203D6C";
+    readonly 'vira-blue-900': "#1B345D";
+    readonly 'vira-blue-950': "#172C4F";
+    readonly 'vira-blue-1000': "#142540";
+    readonly 'vira-brand-100': "#F5F9FF";
+    readonly 'vira-brand-150': "#EAF3FF";
+    readonly 'vira-brand-200': "#E0EDFF";
+    readonly 'vira-brand-250': "#D6E7FF";
+    readonly 'vira-brand-300': "#CBDFFF";
+    readonly 'vira-brand-350': "#B9D4FF";
+    readonly 'vira-brand-400': "#9EC3FF";
+    readonly 'vira-brand-450': "#7AADFF";
+    readonly 'vira-brand-500': "#5697FF";
+    readonly 'vira-brand-550': "#4988ED";
+    readonly 'vira-brand-600': "#427DDC";
+    readonly 'vira-brand-650': "#3B72CA";
+    readonly 'vira-brand-700': "#3365B6";
+    readonly 'vira-brand-750': "#2D569A";
+    readonly 'vira-brand-800': "#27487E";
+    readonly 'vira-brand-850': "#203D6C";
+    readonly 'vira-brand-900': "#1B345D";
+    readonly 'vira-brand-950': "#172C4F";
+    readonly 'vira-brand-1000': "#142540";
+    readonly 'vira-purple-100': "#F9F7FF";
+    readonly 'vira-purple-150': "#F3EFFF";
+    readonly 'vira-purple-200': "#EDE8FF";
+    readonly 'vira-purple-250': "#E6E1FF";
+    readonly 'vira-purple-300': "#DED8FF";
+    readonly 'vira-purple-350': "#D2CBFF";
+    readonly 'vira-purple-400': "#C1B7FF";
+    readonly 'vira-purple-450': "#AD9BFF";
+    readonly 'vira-purple-500': "#9B80FF";
+    readonly 'vira-purple-550': "#8D6EF4";
+    readonly 'vira-purple-600': "#8265E3";
+    readonly 'vira-purple-650': "#775BD1";
+    readonly 'vira-purple-700': "#6A50BB";
+    readonly 'vira-purple-750': "#5A459E";
+    readonly 'vira-purple-800': "#4A3B82";
+    readonly 'vira-purple-850': "#3E3170";
+    readonly 'vira-purple-900': "#352A61";
+    readonly 'vira-purple-950': "#2D2452";
+    readonly 'vira-purple-1000': "#251F43";
+    readonly 'vira-pink-100': "#FEF5FF";
+    readonly 'vira-pink-150': "#FFEAFF";
+    readonly 'vira-pink-200': "#FFE0FC";
+    readonly 'vira-pink-250': "#FFD7F8";
+    readonly 'vira-pink-300': "#FFCBF2";
+    readonly 'vira-pink-350': "#FFB9E9";
+    readonly 'vira-pink-400': "#FF9BDF";
+    readonly 'vira-pink-450': "#FF6DD6";
+    readonly 'vira-pink-500': "#F04AC5";
+    readonly 'vira-pink-550': "#DD3EB4";
+    readonly 'vira-pink-600': "#CC37A7";
+    readonly 'vira-pink-650': "#BC3099";
+    readonly 'vira-pink-700': "#A82988";
+    readonly 'vira-pink-750': "#8F2674";
+    readonly 'vira-pink-800': "#752361";
+    readonly 'vira-pink-850': "#641C53";
+    readonly 'vira-pink-900': "#561848";
+    readonly 'vira-pink-950': "#49153E";
+    readonly 'vira-pink-1000': "#3B1333";
+    readonly 'vira-grey-100': "#F9F9F9";
+    readonly 'vira-grey-150': "#F2F2F2";
+    readonly 'vira-grey-200': "#EBEBEB";
+    readonly 'vira-grey-250': "#E5E5E5";
+    readonly 'vira-grey-300': "#DEDEDE";
+    readonly 'vira-grey-350': "#D2D2D2";
+    readonly 'vira-grey-400': "#C2C2C2";
+    readonly 'vira-grey-450': "#ADADAD";
+    readonly 'vira-grey-500': "#999999";
+    readonly 'vira-grey-550': "#8A8A8A";
+    readonly 'vira-grey-600': "#7F7F7F";
+    readonly 'vira-grey-650': "#747474";
+    readonly 'vira-grey-700': "#676767";
+    readonly 'vira-grey-750': "#585858";
+    readonly 'vira-grey-800': "#494949";
+    readonly 'vira-grey-850': "#3E3E3E";
+    readonly 'vira-grey-900': "#353535";
+    readonly 'vira-grey-950': "#2D2D2D";
+    readonly 'vira-grey-1000': "#252525";
+}>;

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

@@ -1,11 +1,9 @@
-import {defineCssVars} from 'lit-css-vars';
-
+import { defineCssVars } from 'lit-css-vars';
 /**
  * The base Vira color theme palette.
  *
  * @category Color
  */
-
 export const viraColorPalette = defineCssVars({
     'vira-red-100': '#FFF6F5',
     'vira-red-150': '#FFEDEB',