@codemonster-ru/vueforge-core 1.2.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemonster-ru/vueforge-core",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Foundation layer for the VueForge design system.",
   "type": "module",
   "license": "MIT",
@@ -64,7 +64,7 @@
   "scripts": {
     "build": "vue-tsc --noEmit && vite build",
     "check": "npm run lint && npm run test && npm run build",
-    "dev": "vite",
+    "dev": "vite --force",
     "format": "prettier --write .",
     "lint": "eslint .",
     "prepack": "npm run build",
@@ -97,6 +97,7 @@
   },
   "dependencies": {
     "@codemonster-ru/floater.js": "^1.0.8",
+    "@codemonster-ru/vueforge-theme": "^1.1.0",
     "@codemonster-ru/vueiconify": "^1.0.1"
   }
 }

package/dist/public-CFcLjh0P.js

@@ -1,306 +0,0 @@
-import { b as t } from "./breakpoints-hxAiWC8U.js";
-const n = {
-  durationFast: "220ms",
-  durationNormal: "320ms",
-  easeStandard: "cubic-bezier(0.16, 1, 0.3, 1)"
-};
-function i(r) {
-  return Number.parseInt(r, 10);
-}
-const C = {
-  fast: i(n.durationFast),
-  normal: i(n.durationNormal)
-}, d = {
-  breakpointXs: `${t.xs}px`,
-  breakpointSm: `${t.sm}px`,
-  breakpointMd: `${t.md}px`,
-  breakpointLg: `${t.lg}px`,
-  breakpointXl: `${t.xl}px`,
-  breakpoint2xl: `${t["2xl"]}px`
-}, v = {
-  name: "vueforge-default",
-  tokens: {
-    colorBg: "#fcfcfd",
-    colorSurface: "#ffffff",
-    colorSurfaceMuted: "#f5f7fb",
-    colorText: "#172033",
-    colorMuted: "#69738a",
-    colorBorder: "#d8e0ef",
-    colorPrimary: "#0b63f6",
-    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",
-    colorSuccessContrast: "#ffffff",
-    colorInfo: "#0ea5e9",
-    colorInfoContrast: "#ffffff",
-    colorWarn: "#f59e0b",
-    colorWarnContrast: "#1f1300",
-    colorHelp: "#8b5cf6",
-    colorHelpContrast: "#ffffff",
-    colorDanger: "#dc2626",
-    colorDangerContrast: "#ffffff",
-    colorContrast: "#111827",
-    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))",
-    colorWarnSoft: "color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface))",
-    colorHelpSoft: "color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface))",
-    colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
-    colorContrastSoft: "color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface))",
-    colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
-    colorInfoBorderSoft: "color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border))",
-    colorWarnBorderSoft: "color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border))",
-    colorHelpBorderSoft: "color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border))",
-    colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
-    colorContrastBorderSoft: "color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border))",
-    focusRingWidth: "3px",
-    radius: "0.75rem",
-    radiusControl: "calc(var(--vf-radius) - 0.125rem)",
-    radiusControlTight: "calc(var(--vf-radius) - 0.25rem)",
-    radiusSurface: "var(--vf-radius)",
-    radiusOverlay: "calc(var(--vf-radius) + 0.125rem)",
-    ...d,
-    controlHeightSm: "1.75rem",
-    controlHeightMd: "2.25rem",
-    controlHeightLg: "2.5rem",
-    controlFontSizeSm: "0.875rem",
-    controlFontSizeMd: "0.9375rem",
-    controlFontSizeLg: "1rem",
-    buttonPaddingSm: "0.25rem 0.55rem",
-    buttonPaddingMd: "0.375rem 0.75rem",
-    buttonPaddingLg: "0.5rem 0.875rem",
-    buttonGap: "0.5rem",
-    fieldPaddingSm: "0.25rem 0.55rem",
-    fieldPaddingMd: "0.375rem 0.65rem",
-    fieldPaddingLg: "0.5rem 0.75rem",
-    checkboxSizeSm: "1rem",
-    checkboxSizeMd: "1.125rem",
-    checkboxSizeLg: "1.25rem",
-    selectionGap: "0.65rem",
-    checkboxMarkWidth: "0.3rem",
-    checkboxMarkHeight: "0.55rem",
-    checkboxMarkStrokeWidth: "2px",
-    checkboxMarkOffsetY: "-0.05rem",
-    radioDotSize: "0.5rem",
-    switchWidthSm: "2rem",
-    switchWidthMd: "2.25rem",
-    switchWidthLg: "2.5rem",
-    switchHeightSm: "1.125rem",
-    switchHeightMd: "1.25rem",
-    switchHeightLg: "1.375rem",
-    switchThumbSizeSm: "0.75rem",
-    switchThumbSizeMd: "0.875rem",
-    switchThumbSizeLg: "1rem",
-    switchThumbInset: "0.1875rem",
-    textareaMinHeightSm: "4.5rem",
-    textareaMinHeightMd: "6rem",
-    textareaMinHeightLg: "7rem",
-    overlayPadding: "0.875rem",
-    overlayGap: "0.75rem",
-    overlayViewportPadding: "1rem",
-    menuPadding: "0.4rem",
-    menuGap: "0.2rem",
-    menuMinWidth: "12rem",
-    surfacePadding: "0.95rem",
-    surfaceGap: "0.625rem",
-    surfacePaddingCompact: "0.7rem",
-    surfaceGapCompact: "0.5rem",
-    sectionPadding: "0.75rem 0.9rem",
-    sectionGap: "0.75rem",
-    tabsGap: "0.875rem",
-    tabsListGap: "0.375rem",
-    tabsListPadding: "0.25rem",
-    tabsTabPaddingInline: "0.8rem",
-    tabsPanelPaddingTop: "0.75rem",
-    navMenuListGap: "0.2rem",
-    navMenuNestedGap: "0.15rem",
-    navMenuCollapseOffsetTop: "0.1rem",
-    navMenuCollapseInsetLevel0Margin: "1.275rem",
-    navMenuCollapseInsetLevel0Padding: "0.7rem",
-    navMenuCollapseInsetSimpleLevel0Margin: "0.75rem",
-    navMenuCollapseInsetSimpleLevel0Padding: "0.45rem",
-    navMenuCollapseInsetDeepMargin: "0.35rem",
-    navMenuCollapseInsetDeepPadding: "0.35rem",
-    navMenuCollapseInsetSimpleDeepMargin: "0.2rem",
-    navMenuCollapseInsetSimpleDeepPadding: "0.2rem",
-    navMenuNodeGroupSpacing: "0.1rem",
-    navMenuGroupPadding: "0.35rem 0.65rem",
-    navMenuGroupFontSize: "0.875rem",
-    navMenuItemPadding: "0.35rem 0.65rem",
-    navMenuItemGap: "0.55rem",
-    navMenuLeadingIconSize: "1rem",
-    navMenuLeadingIconColumnSize: "1.25rem",
-    badgeHeight: "1.625rem",
-    badgePadding: "0.2rem 0.55rem",
-    badgeGap: "0.375rem",
-    badgeRadius: "999px",
-    badgeFontSize: "0.8125rem",
-    badgeLineHeight: "1.2",
-    tagHeight: "1.75rem",
-    tagPadding: "0.25rem 0.6rem",
-    tagFontSize: "0.8125rem",
-    tagLineHeight: "1.2",
-    tooltipPadding: "0.45rem 0.65rem",
-    tooltipMaxWidth: "16rem",
-    tooltipFontSize: "0.8125rem",
-    tooltipLineHeight: "1.4",
-    dialogWidthSm: "28rem",
-    dialogWidthMd: "36rem",
-    dialogWidthLg: "48rem",
-    dialogMaxHeight: "min(85vh, 48rem)",
-    drawerSizeSm: "20rem",
-    drawerSizeMd: "26rem",
-    drawerSizeLg: "32rem",
-    drawerOffsetTop: "0px",
-    drawerBodyPadding: "var(--vf-overlay-padding)",
-    dialogTitleFontSize: "1.125rem",
-    dialogHeaderGap: "0.75rem",
-    dialogActionsGap: "0.5rem",
-    popoverWidth: "min(100vw - 2rem, 22rem)",
-    floatingArrowSize: "0.625rem",
-    overlayBackdrop: "rgba(15, 23, 42, 0.56)",
-    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: "0.9375rem",
-    cardTitleFontSize: "1rem",
-    panelTitleFontSize: "0.9375rem",
-    textLineHeight: "1.5",
-    headingLineHeight: "1.3",
-    tabsLineHeight: "1.2",
-    motionDurationFast: n.durationFast,
-    motionDurationNormal: n.durationNormal,
-    motionEaseStandard: n.easeStandard,
-    zOverlay: "1000",
-    zDrawer: "1000",
-    zDropdown: "900",
-    zPopover: "925",
-    zTooltip: "950",
-    spacing: "1rem",
-    shadow: "none"
-  },
-  dark: {
-    colorBg: "#0f172a",
-    colorSurface: "#162033",
-    colorSurfaceMuted: "#1b2840",
-    colorText: "#eff4ff",
-    colorMuted: "#9fb0cf",
-    colorBorder: "#2d405f",
-    colorPrimary: "#6ea8fe",
-    colorPrimaryContrast: "#081120",
-    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",
-    colorWarnContrast: "#1f1300",
-    colorHelp: "#a78bfa",
-    colorHelpContrast: "#081120",
-    colorDanger: "#f87171",
-    colorDangerContrast: "#081120",
-    colorContrast: "#f3f4f6",
-    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))",
-    colorWarnSoft: "color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface))",
-    colorHelpSoft: "color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface))",
-    colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
-    colorContrastSoft: "color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface))",
-    colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
-    colorInfoBorderSoft: "color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border))",
-    colorWarnBorderSoft: "color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border))",
-    colorHelpBorderSoft: "color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border))",
-    colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
-    colorContrastBorderSoft: "color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border))",
-    focusRingWidth: "3px",
-    zOverlay: "1000",
-    zDrawer: "1000",
-    zDropdown: "900",
-    zPopover: "925",
-    zTooltip: "950",
-    shadow: "none"
-  }
-}, g = "vf-theme", u = "data-vf-theme";
-function P(r) {
-  return r === "light" || r === "dark" || r === "system";
-}
-function k(r, o) {
-  return r === "system" ? o : r;
-}
-const m = "vf", p = "vf-theme-preset", b = ":root";
-function S(r) {
-  return r.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
-}
-function l(...r) {
-  return Object.assign({}, ...r);
-}
-function y(r) {
-  return r;
-}
-function h(r = {}) {
-  const o = r.prefix ?? m, e = r.rootSelector ?? b, a = r.attribute ?? u;
-  return {
-    prefix: o,
-    rootSelector: e,
-    darkModeSelector: r.darkModeSelector ?? `${e}[${a}='dark']`,
-    attribute: a,
-    storageKey: r.storageKey ?? g,
-    styleId: r.styleId ?? p
-  };
-}
-function x(r = {}) {
-  const o = r.preset ?? v, e = r.extend, a = l(o.tokens, e, r.light), c = l(o.tokens, o.dark, e, r.dark);
-  return {
-    name: o.name,
-    light: a,
-    dark: c
-  };
-}
-function z(r = {}) {
-  return {
-    preset: x(r),
-    options: h(r.options)
-  };
-}
-function s(r, o = m) {
-  return Object.fromEntries(
-    Object.entries(r).map(([e, a]) => [`--${o}-${S(e)}`, a])
-  );
-}
-function f(r) {
-  return Object.entries(r).map(([o, e]) => `  ${o}: ${e};`).join(`
-`);
-}
-function M(r) {
-  const { preset: o, options: e } = r, a = f(s(o.light, e.prefix)), c = f(s(o.dark, e.prefix));
-  return [
-    `${e.rootSelector} {
-${a}
-}`,
-    `${e.darkModeSelector} {
-${c}
-}`
-  ].join(`
-
-`);
-}
-function L(r, o = document) {
-  const e = r.options.styleId, a = o.getElementById(e) ?? Object.assign(o.createElement("style"), { id: e });
-  return a.textContent = M(r), a.parentNode || o.head.appendChild(a), a;
-}
-export {
-  g as D,
-  L as a,
-  k as b,
-  u as c,
-  y as d,
-  v as e,
-  P as i,
-  z as r,
-  C as v
-};