@codemonster-ru/vueforge-core 1.1.1 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemonster-ru/vueforge-core",
-  "version": "1.1.1",
+  "version": "1.3.0",
   "description": "Foundation layer for the VueForge design system.",
   "type": "module",
   "license": "MIT",
@@ -62,13 +62,12 @@
     }
   },
   "scripts": {
-    "build": "npm run sync:breakpoints && vue-tsc --noEmit && vite build && node scripts/copy-css-entries.mjs",
+    "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",
-    "sync:breakpoints": "node scripts/sync-breakpoint-css.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck": "vue-tsc --noEmit"
@@ -98,6 +97,7 @@
   },
   "dependencies": {
     "@codemonster-ru/floater.js": "^1.0.8",
+    "@codemonster-ru/vueforge-theme": "^1.0.0",
     "@codemonster-ru/vueiconify": "^1.0.1"
   }
 }

package/dist/public-D2viaiWv.js

@@ -1,202 +0,0 @@
-import { b as t } from "./breakpoints-hxAiWC8U.js";
-const m = {
-  breakpointXs: `${t.xs}px`,
-  breakpointSm: `${t.sm}px`,
-  breakpointMd: `${t.md}px`,
-  breakpointLg: `${t.lg}px`,
-  breakpointXl: `${t.xl}px`,
-  breakpoint2xl: `${t["2xl"]}px`
-}, d = {
-  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) 52%, var(--vf-color-surface))",
-    colorSuccess: "#16a34a",
-    colorDanger: "#dc2626",
-    colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
-    colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
-    colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
-    colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
-    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)",
-    ...m,
-    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",
-    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",
-    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)",
-    dialogTitleFontSize: "1.125rem",
-    dialogHeaderGap: "0.75rem",
-    dialogActionsGap: "0.5rem",
-    popoverWidth: "min(100vw - 2rem, 22rem)",
-    floatingArrowSize: "0.625rem",
-    overlayBackdrop: "rgba(15, 23, 42, 0.56)",
-    overlayBackdropBlur: "6px",
-    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",
-    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) 52%, var(--vf-color-surface))",
-    colorSuccess: "#4ade80",
-    colorDanger: "#f87171",
-    colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
-    colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
-    colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
-    colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
-    shadow: "none"
-  }
-}, f = "vf-theme", g = "data-vf-theme";
-function T(r) {
-  return r === "light" || r === "dark" || r === "system";
-}
-function y(r, e) {
-  return r === "system" ? e : r;
-}
-const l = "vf", v = "vf-theme-preset", u = ":root";
-function p(r) {
-  return r.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-}
-function c(...r) {
-  return Object.assign({}, ...r);
-}
-function P(r) {
-  return r;
-}
-function b(r = {}) {
-  const e = r.prefix ?? l, o = r.rootSelector ?? u, a = r.attribute ?? g;
-  return {
-    prefix: e,
-    rootSelector: o,
-    darkModeSelector: r.darkModeSelector ?? `${o}[${a}='dark']`,
-    attribute: a,
-    storageKey: r.storageKey ?? f,
-    styleId: r.styleId ?? v
-  };
-}
-function S(r = {}) {
-  const e = r.preset ?? d, o = r.extend, a = c(e.tokens, o, r.light), i = c(e.tokens, e.dark, o, r.dark);
-  return {
-    name: e.name,
-    light: a,
-    dark: i
-  };
-}
-function k(r = {}) {
-  return {
-    preset: S(r),
-    options: b(r.options)
-  };
-}
-function n(r, e = l) {
-  return Object.fromEntries(
-    Object.entries(r).map(([o, a]) => [`--${e}-${p(o)}`, a])
-  );
-}
-function s(r) {
-  return Object.entries(r).map(([e, o]) => `  ${e}: ${o};`).join(`
-`);
-}
-function h(r) {
-  const { preset: e, options: o } = r, a = s(n(e.light, o.prefix)), i = s(n(e.dark, o.prefix));
-  return [
-    `${o.rootSelector} {
-${a}
-}`,
-    `${o.darkModeSelector} {
-${i}
-}`
-  ].join(`
-
-`);
-}
-function M(r, e = document) {
-  const o = r.options.styleId, a = e.getElementById(o) ?? Object.assign(e.createElement("style"), { id: o });
-  return a.textContent = h(r), a.parentNode || e.head.appendChild(a), a;
-}
-export {
-  f as D,
-  M as a,
-  y as b,
-  g as c,
-  P as d,
-  d as e,
-  T as i,
-  k as r
-};