vira 28.19.4 → 28.19.6

package/dist/icons/icon-svgs/x-24.icon.d.ts

@@ -1,8 +0,0 @@
-/**
- * A plain X icon.
- *
- * @category Icon
- * @category SVG
- * @see https://electrovir.github.io/vira/book/icons/x24icon
- */
-export declare const X24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/index.d.ts

@@ -1,86 +0,0 @@
-/** This file is automatically updated by update-icon-exports.ts */
-export * from './icon-css-vars.js';
-export * from './icon-svg.js';
-export * from './icon-svgs/bell-24.icon.js';
-export * from './icon-svgs/chat-24.icon.js';
-export * from './icon-svgs/check-24.icon.js';
-export * from './icon-svgs/chevron-down-24.icon.js';
-export * from './icon-svgs/chevron-up-24.icon.js';
-export * from './icon-svgs/close-x-24.icon.js';
-export * from './icon-svgs/commit-24.icon.js';
-export * from './icon-svgs/copy-24.icon.js';
-export * from './icon-svgs/document-24.icon.js';
-export * from './icon-svgs/document-search-24.icon.js';
-export * from './icon-svgs/double-chevron-24.icon.js';
-export * from './icon-svgs/element-16.icon.js';
-export * from './icon-svgs/element-24.icon.js';
-export * from './icon-svgs/external-link-24.icon.js';
-export * from './icon-svgs/eye-closed-24.icon.js';
-export * from './icon-svgs/eye-open-24.icon.js';
-export * from './icon-svgs/filter-24.icon.js';
-export * from './icon-svgs/link-24.icon.js';
-export * from './icon-svgs/loader-24.icon.js';
-export * from './icon-svgs/loader-animated-24.icon.js';
-export * from './icon-svgs/lock-24.icon.js';
-export * from './icon-svgs/options-24.icon.js';
-export * from './icon-svgs/pencil-24.icon.js';
-export * from './icon-svgs/shield-24.icon.js';
-export * from './icon-svgs/sort-ascending-24.icon.js';
-export * from './icon-svgs/sort-descending-24.icon.js';
-export * from './icon-svgs/speaker-loud-24.icon.js';
-export * from './icon-svgs/speaker-medium-24.icon.js';
-export * from './icon-svgs/speaker-muted-24.icon.js';
-export * from './icon-svgs/speaker-quiet-24.icon.js';
-export * from './icon-svgs/star-24.icon.js';
-export * from './icon-svgs/status-failure-24.icon.js';
-export * from './icon-svgs/status-in-progress-24.icon.js';
-export * from './icon-svgs/status-success-24.icon.js';
-export * from './icon-svgs/status-unknown-24.icon.js';
-export * from './icon-svgs/status-warning-24.icon.js';
-export * from './icon-svgs/upload-24.icon.js';
-export * from './icon-svgs/x-24.icon.js';
-/**
- * All icons within vira by name.
- *
- * @category Icon
- */
-export declare const allIconsByName: {
-    readonly Bell24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Chat24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Check24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly ChevronDown24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly ChevronUp24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly CloseX24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Commit24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Copy24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Document24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly DocumentSearch24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly DoubleChevron24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Element16Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Element24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly ExternalLink24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly EyeClosed24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly EyeOpen24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Filter24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Link24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Loader24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly LoaderAnimated24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Lock24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Options24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Pencil24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Shield24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly SortAscending24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly SortDescending24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly SpeakerLoud24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly SpeakerMedium24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly SpeakerMuted24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly SpeakerQuiet24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Star24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly StatusFailure24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly StatusInProgress24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly StatusSuccess24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly StatusUnknown24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly StatusWarning24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly Upload24Icon: import("./icon-svg.js").ViraIconSvg;
-    readonly X24Icon: import("./icon-svg.js").ViraIconSvg;
-};

package/dist/index.js

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

package/dist/styles/border.d.ts

@@ -1,9 +0,0 @@
-/**
- * Border CSS vars used by Vira elements.
- *
- * @category CSS Vars
- * @category Styles
- */
-export declare const viraBorders: import("lit-css-vars").CssVarDefinitions<{
-    readonly 'vira-form-input-radius': "8px";
-}>;

package/dist/styles/disabled.d.ts

@@ -1,6 +0,0 @@
-/**
- * A chunk of CSS that styles an element with Vira's default disabled styles.
- *
- * @category Styles
- */
-export declare const viraDisabledStyles: import("element-vir").CSSResult;

package/dist/styles/durations.d.ts

@@ -1,22 +0,0 @@
-/**
- * CSS vars for animation or transition durations from Vira.
- *
- * @category Styles
- * @category CSS Vars
- */
-export declare const viraAnimationDurations: import("lit-css-vars").CssVarDefinitions<{
-    /**
-     * A longer duration used to show a full animation. Use this sparingly; make sure to not block
-     * any user input with this animation.
-     */
-    readonly 'vira-extended-animation-duration': "1.2s";
-    /** A longer duration used to emphasize the animation without totally aggravating a user. */
-    readonly 'vira-pretty-animation-duration': "300ms";
-    /**
-     * A short duration used for user interactions. This duration is very short to ensure snappy
-     * responses to user interactions.
-     *
-     * The default duration of 84ms gives us 5 frames on a 60Hz screen.
-     */
-    readonly 'vira-interaction-animation-duration': "84ms";
-}>;

package/dist/styles/focus.d.ts

@@ -1,31 +0,0 @@
-import { type PartialWithUndefined } from '@augment-vir/common';
-/**
- * CSS vars for Vira focus colors.
- *
- * @category CSS Vars
- * @category Styles
- */
-export declare const viraFocusCssVars: import("lit-css-vars").CssVarDefinitions<{
-    readonly 'vira-focus-outline-color': "#59b1ff";
-    readonly 'vira-focus-outline-border-radius': import("element-vir").CSSResult;
-}>;
-/**
- * Create styles that look like an outline for the given selector.
- *
- * It is recommended to use the pseudo selector chain ":focus:focus-visible:not(:active)" to
- * preventing clicking an element from creating focus styles in Chrome.
- *
- * @category Styles
- */
-export declare function createFocusStyles({ elementBorderSize, outlineGap, outlineWidth, noNesting, }: {
-    /**
-     * ElementBorderSize here is used to fix the outline when the element these styles are attached
-     * to has a border. The dev must specify that border size here for the offsets to be calculated
-     * correctly.
-     */
-    elementBorderSize: number;
-} & PartialWithUndefined<{
-    outlineGap: number;
-    outlineWidth: number;
-    noNesting: boolean;
-}>): import("element-vir").CSSResult;

package/dist/styles/font.d.ts

@@ -1,9 +0,0 @@
-/**
- * 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/form-styles.d.ts

@@ -1,20 +0,0 @@
-/**
- * CSS vars for vira form elements.
- *
- * @category CSS Vars
- * @category Styles
- */
-export declare const viraFormCssVars: import("lit-css-vars").CssVarDefinitions<{
-    readonly 'vira-form-border-color': "#cccccc";
-    readonly 'vira-form-placeholder-color': "#cccccc";
-    readonly 'vira-form-background-color': "white";
-    readonly 'vira-form-foreground-color': "black";
-    readonly 'vira-form-text-selection-color': "#cfe9ff";
-    readonly 'vira-form-selection-hover-background-color': "#e6f9fe";
-    readonly 'vira-form-selection-hover-foreground-color': "black";
-    readonly 'vira-form-selection-active-background-color': "#e6f9fe";
-    readonly 'vira-form-selection-active-foreground-color': "black";
-    readonly 'vira-form-error-foreground-color': "red";
-    readonly 'vira-form-success-foreground-color': "green";
-    readonly 'vira-form-label-font-weight': "bold";
-}>;

package/dist/styles/index.d.ts

@@ -1,13 +0,0 @@
-/** 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

@@ -1,13 +0,0 @@
-/**
- * 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/dist/styles/scrollbar.d.ts

@@ -1,6 +0,0 @@
-/**
- * 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/dist/styles/shadows.d.ts

@@ -1,20 +0,0 @@
-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/dist/styles/user-select.d.ts

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

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

@@ -1,95 +0,0 @@
-/** 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";
-}>;