@codemonster-ru/vueforge-core 1.7.0 → 1.8.0

package/dist/tokens.css

@@ -3,8 +3,8 @@
 @import "./generated-breakpoints.css";
 
 :root {
-  --vf-font-family-base: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  --vf-font-family-heading: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --vf-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --vf-font-family-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --vf-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
   --vf-font-weight-regular: 400;
   --vf-font-weight-medium: 500;
@@ -20,6 +20,10 @@
   --vf-line-height-tight: 1.2;
   --vf-line-height-normal: 1.5;
   --vf-line-height-relaxed: 1.65;
+  --vf-selectable-hover-color: var(--vf-color-primary);
+  --vf-selectable-hover-background: transparent;
+  --vf-selectable-active-color: var(--vf-color-primary);
+  --vf-selectable-active-background: color-mix(in srgb, var(--vf-color-primary) 20%, var(--vf-color-surface));
   --vf-text-body-font-size: var(--vf-font-size-xl);
   --vf-text-body-line-height: var(--vf-line-height-normal);
   --vf-text-body-font-weight: var(--vf-font-weight-regular);
@@ -34,17 +38,16 @@
   --vf-heading-font-size-lg: var(--vf-font-size-2xl);
   --vf-heading-font-size-xl: var(--vf-font-size-3xl);
   --vf-heading-font-weight: var(--vf-font-weight-semibold);
-  --vf-button-secondary-hover-background: color-mix(in srgb, var(--vf-color-surface-muted) 92%, var(--vf-color-text));
+  --vf-button-secondary-hover-background: color-mix(in srgb, var(--vf-color-surface-muted) 94%, var(--vf-color-text));
   --vf-button-secondary-hover-border-color: var(--vf-color-border);
-  --vf-button-ghost-hover-background: var(--vf-color-surface-muted);
+  --vf-button-secondary-active-background: color-mix(in srgb, var(--vf-color-surface-muted) 90%, var(--vf-color-text));
+  --vf-button-secondary-active-border-color: var(--vf-color-border);
+  --vf-button-ghost-hover-background: color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface));
   --vf-button-ghost-hover-border-color: transparent;
-  --vf-button-primary-hover-filter: brightness(0.96);
-  --vf-button-success-hover-filter: brightness(0.96);
-  --vf-button-info-hover-filter: brightness(0.96);
-  --vf-button-warn-hover-filter: brightness(0.96);
-  --vf-button-help-hover-filter: brightness(0.96);
-  --vf-button-danger-hover-filter: brightness(0.96);
-  --vf-button-contrast-hover-filter: brightness(0.96);
+  --vf-button-ghost-active-background: color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface));
+  --vf-button-ghost-active-border-color: transparent;
+  --vf-button-solid-hover-filter: brightness(0.95) saturate(1.03);
+  --vf-button-solid-active-filter: brightness(0.9) saturate(1.04);
   --vf-radio-control-background: color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface));
   --vf-radio-hover-border-color: var(--vf-color-primary-border-soft);
   --vf-switch-track-background: color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface));
@@ -53,12 +56,12 @@
   --vf-switch-track-checked-hover-background: color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface));
   --vf-switch-thumb-background: color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted));
   --vf-switch-thumb-border-color: color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border));
-  --vf-switch-thumb-shadow: 0 1px 2px color-mix(in srgb, var(--vf-color-text) 18%, transparent);
+  --vf-switch-thumb-shadow: none;
   --vf-switch-thumb-color: color-mix(in srgb, var(--vf-color-text) 55%, transparent);
   --vf-switch-thumb-icon-size: 0.625rem;
   --vf-switch-thumb-checked-background: var(--vf-color-surface);
   --vf-switch-thumb-checked-border-color: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));
-  --vf-switch-thumb-checked-shadow: 0 1px 1.5px color-mix(in srgb, var(--vf-color-text) 12%, transparent);
+  --vf-switch-thumb-checked-shadow: none;
   --vf-prose-heading-margin: 1.5em;
   --vf-prose-heading-gap: 0.5em;
   --vf-prose-block-spacing: 1em;
@@ -71,28 +74,28 @@
   --vf-prose-inline-code-padding: 0.125rem 0.375rem;
   --vf-prose-code-block-padding: 0.75rem 1rem;
   --vf-prose-hr-margin: 1.5rem;
-  --vf-color-bg: #fcfcfd;
+  --vf-color-bg: #f6f8fb;
   --vf-color-surface: #ffffff;
-  --vf-color-surface-muted: #f5f7fb;
-  --vf-color-text: #172033;
-  --vf-color-muted: #69738a;
-  --vf-color-border: #d8e0ef;
-  --vf-color-primary: #0b63f6;
+  --vf-color-surface-muted: #f3f3f3;
+  --vf-color-text: #1f232b;
+  --vf-color-muted: #616773;
+  --vf-color-border: #d9dde3;
+  --vf-color-primary: #0e639c;
   --vf-color-primary-contrast: #ffffff;
   --vf-color-primary-soft: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));
   --vf-color-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));
   --vf-color-focus-ring: color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface));
-  --vf-color-success: #16a34a;
+  --vf-color-success: #2e7d32;
   --vf-color-success-contrast: #ffffff;
-  --vf-color-info: #0ea5e9;
+  --vf-color-info: #0069ba;
   --vf-color-info-contrast: #ffffff;
-  --vf-color-warn: #f59e0b;
+  --vf-color-warn: #9f8400;
   --vf-color-warn-contrast: #1f1300;
-  --vf-color-help: #8b5cf6;
+  --vf-color-help: #7245ae;
   --vf-color-help-contrast: #ffffff;
-  --vf-color-danger: #dc2626;
+  --vf-color-danger: #c72e39;
   --vf-color-danger-contrast: #ffffff;
-  --vf-color-contrast: #111827;
+  --vf-color-contrast: #252526;
   --vf-color-contrast-contrast: #ffffff;
   --vf-color-success-soft: color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface));
   --vf-color-info-soft: color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface));
@@ -115,15 +118,15 @@
   --vf-control-height-sm: 1.75rem;
   --vf-control-height-md: 2.25rem;
   --vf-control-height-lg: 2.5rem;
-  --vf-control-font-size-sm: var(--vf-font-size-md);
-  --vf-control-font-size-md: var(--vf-font-size-lg);
+  --vf-control-font-size-sm: var(--vf-text-label-font-size);
+  --vf-control-font-size-md: var(--vf-text-body-font-size);
   --vf-control-font-size-lg: var(--vf-font-size-xl);
   --vf-button-padding-sm: 0.25rem 0.5rem;
-  --vf-button-padding-md: 0.375rem 0.75rem;
+  --vf-button-padding-md: 0.3125rem 0.75rem;
   --vf-button-padding-lg: 0.5rem 1rem;
   --vf-button-gap: 0.5rem;
   --vf-field-padding-sm: 0.25rem 0.5rem;
-  --vf-field-padding-md: 0.375rem 0.75rem;
+  --vf-field-padding-md: 0.3125rem 0.75rem;
   --vf-field-padding-lg: 0.5rem 1rem;
   --vf-checkbox-size-sm: 1rem;
   --vf-checkbox-size-md: 1.125rem;
@@ -178,7 +181,7 @@
   --vf-nav-menu-node-group-spacing: 0.25rem;
   --vf-nav-menu-group-padding: 0.375rem 0.75rem;
   --vf-nav-menu-group-font-size: var(--vf-text-label-font-size);
-  --vf-nav-menu-item-padding: 0.375rem 0.75rem;
+  --vf-nav-menu-item-padding: var(--vf-field-padding-md);
   --vf-nav-menu-item-gap: 0.5rem;
   --vf-nav-menu-leading-icon-size: 1rem;
   --vf-nav-menu-leading-icon-column-size: 1.25rem;
@@ -187,26 +190,26 @@
   --vf-table-of-contents-title-font-size: var(--vf-text-caption-font-size);
   --vf-table-of-contents-title-color: var(--vf-color-muted);
   --vf-table-of-contents-item-padding: var(--vf-nav-menu-item-padding);
-  --vf-table-of-contents-level-step: 0.5rem;
+  --vf-table-of-contents-level-step: calc(var(--vf-nav-menu-collapse-inset-simple-level-0-margin) + var(--vf-nav-menu-collapse-inset-simple-level-0-padding));
   --vf-table-of-contents-color: var(--vf-color-text);
-  --vf-table-of-contents-hover-color: var(--vf-color-primary);
-  --vf-table-of-contents-hover-background: color-mix(in srgb, var(--vf-color-primary) 10%, var(--vf-color-surface));
-  --vf-table-of-contents-active-color: var(--vf-color-primary);
-  --vf-table-of-contents-active-background: color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface));
-  --vf-badge-height: 1.5rem;
-  --vf-badge-padding: 0.25rem 0.5rem;
+  --vf-table-of-contents-hover-color: var(--vf-selectable-hover-color);
+  --vf-table-of-contents-hover-background: var(--vf-selectable-hover-background);
+  --vf-table-of-contents-active-color: var(--vf-selectable-active-color);
+  --vf-table-of-contents-active-background: var(--vf-selectable-active-background);
+  --vf-badge-height: 1.375rem;
+  --vf-badge-padding: 0.0625rem 0.25rem;
   --vf-badge-gap: 0.25rem;
-  --vf-badge-radius: 999px;
-  --vf-badge-font-size: var(--vf-text-caption-font-size);
-  --vf-badge-line-height: var(--vf-text-caption-line-height);
-  --vf-tag-height: 1.75rem;
-  --vf-tag-padding: 0.25rem 0.5rem;
-  --vf-tag-font-size: var(--vf-text-caption-font-size);
-  --vf-tag-line-height: var(--vf-text-caption-line-height);
+  --vf-badge-radius: var(--vf-radius-control-tight);
+  --vf-badge-font-size: var(--vf-text-label-font-size);
+  --vf-badge-line-height: var(--vf-text-label-line-height);
+  --vf-tag-height: 1.5rem;
+  --vf-tag-padding: 0.125rem 0.3125rem;
+  --vf-tag-font-size: var(--vf-text-label-font-size);
+  --vf-tag-line-height: var(--vf-text-label-line-height);
   --vf-tooltip-padding: 0.5rem 0.75rem;
   --vf-tooltip-max-width: 16rem;
-  --vf-tooltip-font-size: var(--vf-text-caption-font-size);
-  --vf-tooltip-line-height: var(--vf-text-caption-line-height);
+  --vf-tooltip-font-size: var(--vf-text-body-font-size);
+  --vf-tooltip-line-height: var(--vf-text-body-line-height);
   --vf-dialog-width-sm: 28rem;
   --vf-dialog-width-md: 36rem;
   --vf-dialog-width-lg: 48rem;
@@ -216,21 +219,18 @@
   --vf-drawer-size-lg: 32rem;
   --vf-drawer-offset-top: 0px;
   --vf-drawer-body-padding: var(--vf-overlay-padding);
-  --vf-dialog-title-font-size: var(--vf-heading-font-size-lg);
+  --vf-dialog-title-font-size: var(--vf-text-body-font-size);
   --vf-dialog-header-gap: 0.75rem;
   --vf-dialog-actions-gap: 0.5rem;
   --vf-popover-width: min(100vw - 2rem, 22rem);
   --vf-floating-arrow-size: 0.625rem;
-  --vf-overlay-backdrop: rgba(15, 23, 42, 0.56);
+  --vf-overlay-backdrop: rgba(0, 0, 0, 0.44);
   --vf-alert-primary-soft: color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface));
   --vf-alert-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));
   --vf-alert-content-gap: 0.25rem;
-  --vf-alert-title-font-size: var(--vf-heading-font-size-sm);
-  --vf-card-title-font-size: var(--vf-heading-font-size-md);
-  --vf-panel-title-font-size: var(--vf-heading-font-size-sm);
-  --vf-text-line-height: var(--vf-text-body-line-height);
-  --vf-heading-line-height: var(--vf-line-height-tight);
-  --vf-tabs-line-height: 1.2;
+  --vf-alert-title-font-size: var(--vf-text-body-font-size);
+  --vf-card-title-font-size: var(--vf-text-body-font-size);
+  --vf-panel-title-font-size: var(--vf-text-body-font-size);
   --vf-motion-duration-fast: 220ms;
   --vf-motion-duration-normal: 320ms;
   --vf-motion-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);

package/dist/types/components.d.ts

@@ -1,10 +1,8 @@
 import { IconName } from '@codemonster-ru/vueiconify';
 export type VfButtonVariant = "primary" | "secondary" | "success" | "info" | "warn" | "help" | "danger" | "contrast" | "ghost";
 export type VfControlSize = "sm" | "md" | "lg";
-export type VfHeadingSize = "sm" | "md" | "lg" | "xl";
 export type VfLinkTone = "default" | "muted";
-export type VfTextSize = "body" | "label" | "caption";
-export type VfTextTone = "default" | "muted";
+export type VfLinkUnderline = "none" | "hover" | "always";
 export type VfBadgeTone = "neutral" | "primary" | "success" | "info" | "warn" | "help" | "danger" | "contrast";
 export type VfFeedbackTone = "neutral" | "primary" | "success" | "info" | "warn" | "help" | "danger" | "contrast";
 export type VfDividerOrientation = "horizontal" | "vertical";
@@ -12,6 +10,20 @@ export type VfDialogSize = "sm" | "md" | "lg";
 export type VfDrawerPlacement = "left" | "right" | "top" | "bottom";
 export type VfDropdownPlacement = "bottom-start" | "bottom-end";
 export type VfTooltipPlacement = "top" | "bottom";
+export interface VfSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface VfBreadcrumbItem {
+    label: string;
+    href?: string;
+    to?: string | Record<string, unknown>;
+    target?: string;
+    rel?: string;
+    disabled?: boolean;
+    current?: boolean;
+}
 export interface VfTabItem {
     value: string;
     label: string;

package/dist/types/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/types/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,GACV,OAAO,CAAC;AACZ,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,YAAY,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/types/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,GACV,OAAO,CAAC;AACZ,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,YAAY,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/types/theme.d.ts

@@ -3,7 +3,8 @@ import { VfResolvedTheme as BaseVfResolvedTheme, VfResolvedThemeConfig as BaseVf
 export type VfResolvedTheme = BaseVfResolvedTheme;
 export type VfThemeMode = BaseVfThemeMode;
 export type { VfResolvedThemePresetOptions, VfThemePresetOptions };
-export interface VfThemeTokens extends BaseVfThemeTokens {
+type BaseVfThemeTokensWithoutLegacyTypography = Omit<BaseVfThemeTokens, "textLineHeight" | "headingLineHeight" | "tabsLineHeight">;
+export interface VfThemeTokens extends BaseVfThemeTokensWithoutLegacyTypography {
     fontFamilyBase: string;
     fontFamilyHeading: string;
     fontFamilyMono: string;
@@ -21,6 +22,10 @@ export interface VfThemeTokens extends BaseVfThemeTokens {
     lineHeightTight: string;
     lineHeightNormal: string;
     lineHeightRelaxed: string;
+    selectableHoverColor: string;
+    selectableHoverBackground: string;
+    selectableActiveColor: string;
+    selectableActiveBackground: string;
     textBodyFontSize: string;
     textBodyLineHeight: string;
     textBodyFontWeight: string;
@@ -37,15 +42,14 @@ export interface VfThemeTokens extends BaseVfThemeTokens {
     headingFontWeight: string;
     buttonSecondaryHoverBackground: string;
     buttonSecondaryHoverBorderColor: string;
+    buttonSecondaryActiveBackground: string;
+    buttonSecondaryActiveBorderColor: string;
     buttonGhostHoverBackground: string;
     buttonGhostHoverBorderColor: string;
-    buttonPrimaryHoverFilter: string;
-    buttonSuccessHoverFilter: string;
-    buttonInfoHoverFilter: string;
-    buttonWarnHoverFilter: string;
-    buttonHelpHoverFilter: string;
-    buttonDangerHoverFilter: string;
-    buttonContrastHoverFilter: string;
+    buttonGhostActiveBackground: string;
+    buttonGhostActiveBorderColor: string;
+    buttonSolidHoverFilter: string;
+    buttonSolidActiveFilter: string;
     radioControlBackground: string;
     radioHoverBorderColor: string;
     switchTrackBackground: string;

package/dist/types/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"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"}

package/dist/{utils-T2JkaeUr.js → utils-BJVEoCfQ.js}

@@ -1,4 +1,4 @@
-import { vfMotionTokens as e, createThemePreset as t, resolveThemeConfig as i, applyThemeConfig as n } from "@codemonster-ru/vueforge-theme";
+import { vfMotionTokens as e, createThemePreset as t, resolveThemeConfig as n, applyThemeConfig as i } from "@codemonster-ru/vueforge-theme";
 import { b as o } from "./breakpoints-hxAiWC8U.js";
 const l = {
   breakpointXs: `${o.xs}px`,
@@ -10,8 +10,8 @@ const l = {
 }, c = {
   name: "vueforge-default",
   tokens: {
-    fontFamilyBase: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
-    fontFamilyHeading: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontFamilyBase: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontFamilyHeading: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
     fontFamilyMono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace',
     fontWeightRegular: "400",
     fontWeightMedium: "500",
@@ -27,6 +27,10 @@ const l = {
     lineHeightTight: "1.2",
     lineHeightNormal: "1.5",
     lineHeightRelaxed: "1.65",
+    selectableHoverColor: "var(--vf-color-primary)",
+    selectableHoverBackground: "transparent",
+    selectableActiveColor: "var(--vf-color-primary)",
+    selectableActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 20%, var(--vf-color-surface))",
     textBodyFontSize: "var(--vf-font-size-xl)",
     textBodyLineHeight: "var(--vf-line-height-normal)",
     textBodyFontWeight: "var(--vf-font-weight-regular)",
@@ -41,17 +45,16 @@ const l = {
     headingFontSizeLg: "var(--vf-font-size-2xl)",
     headingFontSizeXl: "var(--vf-font-size-3xl)",
     headingFontWeight: "var(--vf-font-weight-semibold)",
-    buttonSecondaryHoverBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 92%, var(--vf-color-text))",
+    buttonSecondaryHoverBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 94%, var(--vf-color-text))",
     buttonSecondaryHoverBorderColor: "var(--vf-color-border)",
-    buttonGhostHoverBackground: "var(--vf-color-surface-muted)",
+    buttonSecondaryActiveBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 90%, var(--vf-color-text))",
+    buttonSecondaryActiveBorderColor: "var(--vf-color-border)",
+    buttonGhostHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface))",
     buttonGhostHoverBorderColor: "transparent",
-    buttonPrimaryHoverFilter: "brightness(0.96)",
-    buttonSuccessHoverFilter: "brightness(0.96)",
-    buttonInfoHoverFilter: "brightness(0.96)",
-    buttonWarnHoverFilter: "brightness(0.96)",
-    buttonHelpHoverFilter: "brightness(0.96)",
-    buttonDangerHoverFilter: "brightness(0.96)",
-    buttonContrastHoverFilter: "brightness(0.96)",
+    buttonGhostActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface))",
+    buttonGhostActiveBorderColor: "transparent",
+    buttonSolidHoverFilter: "brightness(0.95) saturate(1.03)",
+    buttonSolidActiveFilter: "brightness(0.9) saturate(1.04)",
     radioControlBackground: "color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface))",
     radioHoverBorderColor: "var(--vf-color-primary-border-soft)",
     switchTrackBackground: "color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface))",
@@ -60,12 +63,12 @@ const l = {
     switchTrackCheckedHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface))",
     switchThumbBackground: "color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted))",
     switchThumbBorderColor: "color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border))",
-    switchThumbShadow: "0 1px 2px color-mix(in srgb, var(--vf-color-text) 18%, transparent)",
+    switchThumbShadow: "none",
     switchThumbColor: "color-mix(in srgb, var(--vf-color-text) 55%, transparent)",
     switchThumbIconSize: "0.625rem",
     switchThumbCheckedBackground: "var(--vf-color-surface)",
     switchThumbCheckedBorderColor: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
-    switchThumbCheckedShadow: "0 1px 1.5px color-mix(in srgb, var(--vf-color-text) 12%, transparent)",
+    switchThumbCheckedShadow: "none",
     proseHeadingMargin: "1.5em",
     proseHeadingGap: "0.5em",
     proseBlockSpacing: "1em",
@@ -78,28 +81,28 @@ const l = {
     proseInlineCodePadding: "0.125rem 0.375rem",
     proseCodeBlockPadding: "0.75rem 1rem",
     proseHrMargin: "1.5rem",
-    colorBg: "#fcfcfd",
+    colorBg: "#f6f8fb",
     colorSurface: "#ffffff",
-    colorSurfaceMuted: "#f5f7fb",
-    colorText: "#172033",
-    colorMuted: "#69738a",
-    colorBorder: "#d8e0ef",
-    colorPrimary: "#0b63f6",
+    colorSurfaceMuted: "#f3f3f3",
+    colorText: "#1f232b",
+    colorMuted: "#616773",
+    colorBorder: "#d9dde3",
+    colorPrimary: "#0e639c",
     colorPrimaryContrast: "#ffffff",
     colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
     colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
     colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface))",
-    colorSuccess: "#16a34a",
+    colorSuccess: "#2e7d32",
     colorSuccessContrast: "#ffffff",
-    colorInfo: "#0ea5e9",
+    colorInfo: "#0069ba",
     colorInfoContrast: "#ffffff",
-    colorWarn: "#f59e0b",
+    colorWarn: "#9f8400",
     colorWarnContrast: "#1f1300",
-    colorHelp: "#8b5cf6",
+    colorHelp: "#7245ae",
     colorHelpContrast: "#ffffff",
-    colorDanger: "#dc2626",
+    colorDanger: "#c72e39",
     colorDangerContrast: "#ffffff",
-    colorContrast: "#111827",
+    colorContrast: "#252526",
     colorContrastContrast: "#ffffff",
     colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
     colorInfoSoft: "color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface))",
@@ -123,15 +126,15 @@ const l = {
     controlHeightSm: "1.75rem",
     controlHeightMd: "2.25rem",
     controlHeightLg: "2.5rem",
-    controlFontSizeSm: "var(--vf-font-size-md)",
-    controlFontSizeMd: "var(--vf-font-size-lg)",
+    controlFontSizeSm: "var(--vf-text-label-font-size)",
+    controlFontSizeMd: "var(--vf-text-body-font-size)",
     controlFontSizeLg: "var(--vf-font-size-xl)",
     buttonPaddingSm: "0.25rem 0.5rem",
-    buttonPaddingMd: "0.375rem 0.75rem",
+    buttonPaddingMd: "0.3125rem 0.75rem",
     buttonPaddingLg: "0.5rem 1rem",
     buttonGap: "0.5rem",
     fieldPaddingSm: "0.25rem 0.5rem",
-    fieldPaddingMd: "0.375rem 0.75rem",
+    fieldPaddingMd: "0.3125rem 0.75rem",
     fieldPaddingLg: "0.5rem 1rem",
     checkboxSizeSm: "1rem",
     checkboxSizeMd: "1.125rem",
@@ -186,7 +189,7 @@ const l = {
     navMenuNodeGroupSpacing: "0.25rem",
     navMenuGroupPadding: "0.375rem 0.75rem",
     navMenuGroupFontSize: "var(--vf-text-label-font-size)",
-    navMenuItemPadding: "0.375rem 0.75rem",
+    navMenuItemPadding: "var(--vf-field-padding-md)",
     navMenuItemGap: "0.5rem",
     navMenuLeadingIconSize: "1rem",
     navMenuLeadingIconColumnSize: "1.25rem",
@@ -195,26 +198,26 @@ const l = {
     tableOfContentsTitleFontSize: "var(--vf-text-caption-font-size)",
     tableOfContentsTitleColor: "var(--vf-color-muted)",
     tableOfContentsItemPadding: "var(--vf-nav-menu-item-padding)",
-    tableOfContentsLevelStep: "0.5rem",
+    tableOfContentsLevelStep: "calc(var(--vf-nav-menu-collapse-inset-simple-level-0-margin) + var(--vf-nav-menu-collapse-inset-simple-level-0-padding))",
     tableOfContentsColor: "var(--vf-color-text)",
-    tableOfContentsHoverColor: "var(--vf-color-primary)",
-    tableOfContentsHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 10%, var(--vf-color-surface))",
-    tableOfContentsActiveColor: "var(--vf-color-primary)",
-    tableOfContentsActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface))",
-    badgeHeight: "1.5rem",
-    badgePadding: "0.25rem 0.5rem",
+    tableOfContentsHoverColor: "var(--vf-selectable-hover-color)",
+    tableOfContentsHoverBackground: "var(--vf-selectable-hover-background)",
+    tableOfContentsActiveColor: "var(--vf-selectable-active-color)",
+    tableOfContentsActiveBackground: "var(--vf-selectable-active-background)",
+    badgeHeight: "1.375rem",
+    badgePadding: "0.0625rem 0.25rem",
     badgeGap: "0.25rem",
-    badgeRadius: "999px",
-    badgeFontSize: "var(--vf-text-caption-font-size)",
-    badgeLineHeight: "var(--vf-text-caption-line-height)",
-    tagHeight: "1.75rem",
-    tagPadding: "0.25rem 0.5rem",
-    tagFontSize: "var(--vf-text-caption-font-size)",
-    tagLineHeight: "var(--vf-text-caption-line-height)",
+    badgeRadius: "var(--vf-radius-control-tight)",
+    badgeFontSize: "var(--vf-text-label-font-size)",
+    badgeLineHeight: "var(--vf-text-label-line-height)",
+    tagHeight: "1.5rem",
+    tagPadding: "0.125rem 0.3125rem",
+    tagFontSize: "var(--vf-text-label-font-size)",
+    tagLineHeight: "var(--vf-text-label-line-height)",
     tooltipPadding: "0.5rem 0.75rem",
     tooltipMaxWidth: "16rem",
-    tooltipFontSize: "var(--vf-text-caption-font-size)",
-    tooltipLineHeight: "var(--vf-text-caption-line-height)",
+    tooltipFontSize: "var(--vf-text-body-font-size)",
+    tooltipLineHeight: "var(--vf-text-body-line-height)",
     dialogWidthSm: "28rem",
     dialogWidthMd: "36rem",
     dialogWidthLg: "48rem",
@@ -224,21 +227,18 @@ const l = {
     drawerSizeLg: "32rem",
     drawerOffsetTop: "0px",
     drawerBodyPadding: "var(--vf-overlay-padding)",
-    dialogTitleFontSize: "var(--vf-heading-font-size-lg)",
+    dialogTitleFontSize: "var(--vf-text-body-font-size)",
     dialogHeaderGap: "0.75rem",
     dialogActionsGap: "0.5rem",
     popoverWidth: "min(100vw - 2rem, 22rem)",
     floatingArrowSize: "0.625rem",
-    overlayBackdrop: "rgba(15, 23, 42, 0.56)",
+    overlayBackdrop: "rgba(0, 0, 0, 0.44)",
     alertPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface))",
     alertPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
     alertContentGap: "0.25rem",
-    alertTitleFontSize: "var(--vf-heading-font-size-sm)",
-    cardTitleFontSize: "var(--vf-heading-font-size-md)",
-    panelTitleFontSize: "var(--vf-heading-font-size-sm)",
-    textLineHeight: "var(--vf-text-body-line-height)",
-    headingLineHeight: "var(--vf-line-height-tight)",
-    tabsLineHeight: "1.2",
+    alertTitleFontSize: "var(--vf-text-body-font-size)",
+    cardTitleFontSize: "var(--vf-text-body-font-size)",
+    panelTitleFontSize: "var(--vf-text-body-font-size)",
     motionDurationFast: e.durationFast,
     motionDurationNormal: e.durationNormal,
     motionEaseStandard: e.easeStandard,
@@ -251,28 +251,28 @@ const l = {
     shadow: "none"
   },
   dark: {
-    colorBg: "#0f172a",
-    colorSurface: "#162033",
-    colorSurfaceMuted: "#1b2840",
-    colorText: "#eff4ff",
-    colorMuted: "#9fb0cf",
-    colorBorder: "#2d405f",
-    colorPrimary: "#6ea8fe",
-    colorPrimaryContrast: "#081120",
+    colorBg: "#1e1e1e",
+    colorSurface: "#252526",
+    colorSurfaceMuted: "#2d2d30",
+    colorText: "#d4d4d4",
+    colorMuted: "#9da0a6",
+    colorBorder: "#3c3c3c",
+    colorPrimary: "#2f7fd6",
+    colorPrimaryContrast: "#ffffff",
     colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
     colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
     colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface))",
-    colorSuccess: "#4ade80",
-    colorSuccessContrast: "#081120",
-    colorInfo: "#38bdf8",
-    colorInfoContrast: "#081120",
-    colorWarn: "#fbbf24",
+    colorSuccess: "#3f8746",
+    colorSuccessContrast: "#ffffff",
+    colorInfo: "#1f76be",
+    colorInfoContrast: "#ffffff",
+    colorWarn: "#c6a25f",
     colorWarnContrast: "#1f1300",
-    colorHelp: "#a78bfa",
-    colorHelpContrast: "#081120",
-    colorDanger: "#f87171",
-    colorDangerContrast: "#081120",
-    colorContrast: "#f3f4f6",
+    colorHelp: "#8553a1",
+    colorHelpContrast: "#ffffff",
+    colorDanger: "#bf3f3f",
+    colorDangerContrast: "#ffffff",
+    colorContrast: "#d7d7d7",
     colorContrastContrast: "#111827",
     colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
     colorInfoSoft: "color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface))",
@@ -296,16 +296,21 @@ const l = {
   }
 }, f = c;
 function m(r) {
-  return t(r);
+  return t(
+    r
+  );
 }
 function d(r = {}) {
-  return i({
+  return n({
     ...r,
     preset: r.preset ?? f
   });
 }
 function g(r, a) {
-  return n(r, a);
+  return i(
+    r,
+    a
+  );
 }
 export {
   g as a,