n8n-editor-ui 1.115.0 → 1.116.0

package/dist/assets/{ProjectBreadcrumb-B1Hnf5da.css → ProjectBreadcrumb-BNbnf7Ir.css}

@@ -120,7 +120,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1kcxp_123 {
+._container_h86sc_123 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -128,17 +128,17 @@
       -ms-flex-align: center;
           align-items: center;
 }
-._container_1kcxp_123._small_1kcxp_127 {
+._container_h86sc_123._small_h86sc_127 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  padding: var(--spacing-4xs) var(--spacing-3xs);
+  padding: var(--spacing--4xs) var(--spacing--3xs);
 }
-._container_1kcxp_123._border_1kcxp_131 {
-  border: var(--border-base);
-  border-radius: var(--border-radius-base);
+._container_h86sc_123._border_h86sc_131 {
+  border: var(--border);
+  border-radius: var(--radius);
 }
-._list_1kcxp_136 {
+._list_h86sc_136 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -147,74 +147,74 @@
       -ms-flex-align: center;
           align-items: center;
 }
-._item_1kcxp_142 {
-  border: var(--border-width-base) var(--border-style-base) transparent;
+._item_h86sc_142 {
+  border: var(--border-width) var(--border-style) transparent;
 }
-._item_1kcxp_142._dragging_1kcxp_146:hover {
-  border: var(--border-width-base) var(--border-style-base) var(--color-secondary);
-  border-radius: var(--border-radius-base);
+._item_h86sc_142._dragging_h86sc_146:hover {
+  border: var(--border-width) var(--border-style) var(--color--secondary);
+  border-radius: var(--radius);
   background-color: var(--color-callout-secondary-background);
 }
-._item_1kcxp_142._dragging_1kcxp_146:hover a {
+._item_h86sc_142._dragging_h86sc_146:hover a {
   cursor: -webkit-grabbing;
   cursor: grabbing;
 }
-._item_1kcxp_142 * {
+._item_h86sc_142 * {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._item_1kcxp_142._current_1kcxp_162 span {
-  color: var(--color-text-dark);
+._item_h86sc_142._current_h86sc_162 span {
+  color: var(--color--text--shade-1);
 }
-._ellipsis_1kcxp_166 ._dots_1kcxp_166,
-._ellipsis_1kcxp_166 ._tooltip-ellipsis_1kcxp_167 {
+._ellipsis_h86sc_166 ._dots_h86sc_166,
+._ellipsis_h86sc_166 ._tooltip-ellipsis_h86sc_167 {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  color: var(--color-text-base);
+  color: var(--color--text);
 }
-._ellipsis_1kcxp_166._disabled_1kcxp_172 ._dots_1kcxp_166,
-._ellipsis_1kcxp_166._disabled_1kcxp_172 ._tooltip-ellipsis_1kcxp_167 {
+._ellipsis_h86sc_166._disabled_h86sc_172 ._dots_h86sc_166,
+._ellipsis_h86sc_166._disabled_h86sc_172 ._tooltip-ellipsis_h86sc_167 {
   cursor: default;
 }
-._ellipsis_1kcxp_166._disabled_1kcxp_172 ._dots_1kcxp_166 {
+._ellipsis_h86sc_166._disabled_h86sc_172 ._dots_h86sc_166 {
   cursor: default;
-  color: var(--color-text-base);
+  color: var(--color--text);
 }
-._ellipsis_1kcxp_166._disabled_1kcxp_172 ._dots_1kcxp_166:hover {
-  color: var(--color-text-base);
+._ellipsis_h86sc_166._disabled_h86sc_172 ._dots_h86sc_166:hover {
+  color: var(--color--text);
 }
-._hidden-items-menu_1kcxp_184 {
+._hidden-items-menu_h86sc_184 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  color: var(--color-text-base);
+  color: var(--color--text);
 }
-._hidden-items-menu-popper_1kcxp_189 > div ul {
+._hidden-items-menu-popper_h86sc_189 > div ul {
   max-height: 250px;
   overflow: auto;
 }
-._hidden-items-menu-popper_1kcxp_189._dragging_1kcxp_146 li:hover {
+._hidden-items-menu-popper_h86sc_189._dragging_h86sc_146 li:hover {
   cursor: -webkit-grabbing;
   cursor: grabbing;
   background-color: var(--color-callout-secondary-background);
 }
-._hidden-items-menu-popper_1kcxp_189 li {
-  max-width: var(--spacing-5xl);
+._hidden-items-menu-popper_h86sc_189 li {
+  max-width: var(--spacing--5xl);
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._tooltip-loading_1kcxp_205 {
-  min-width: var(--spacing-3xl);
+._tooltip-loading_h86sc_205 {
+  min-width: var(--spacing--3xl);
   width: 100%;
 }
-._tooltip-loading_1kcxp_205 .n8n-loading > div {
+._tooltip-loading_h86sc_205 .n8n-loading > div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -222,78 +222,78 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  gap: var(--spacing-xs);
+  gap: var(--spacing--xs);
 }
-._tooltip-loading_1kcxp_205 .el-skeleton__item {
+._tooltip-loading_h86sc_205 .el-skeleton__item {
   margin: 0;
 }
-._tooltip_1kcxp_167 {
-  padding: var(--spacing-xs) var(--spacing-2xs);
+._tooltip_h86sc_167 {
+  padding: var(--spacing--xs) var(--spacing--2xs);
   text-align: center;
 }
-._tooltip_1kcxp_167 > div {
-  color: var(--color-text-lighter);
+._tooltip_h86sc_167 > div {
+  color: var(--color--text--tint-2);
 }
-._tooltip_1kcxp_167 > div span {
-  font-size: var(--font-size-2xs);
+._tooltip_h86sc_167 > div span {
+  font-size: var(--font-size--2xs);
 }
-._tooltip_1kcxp_167 ._tooltip-loading_1kcxp_205 {
-  min-width: var(--spacing-4xl);
+._tooltip_h86sc_167 ._tooltip-loading_h86sc_205 {
+  min-width: var(--spacing--4xl);
 }
-._dots_1kcxp_166 {
-  padding: 0 var(--spacing-4xs);
-  color: var(--color-text-light);
-  border-radius: var(--border-radius-base);
+._dots_h86sc_166 {
+  padding: 0 var(--spacing--4xs);
+  color: var(--color--text--tint-1);
+  border-radius: var(--radius);
 }
-._dots_1kcxp_166:hover, ._dots_1kcxp_166:focus {
-  background-color: var(--color-background-base);
-  color: var(--color-primary);
+._dots_h86sc_166:hover, ._dots_h86sc_166:focus {
+  background-color: var(--color--background);
+  color: var(--color--primary);
 }
-._small_1kcxp_127 ._list_1kcxp_136 {
-  gap: var(--spacing-5xs);
+._small_h86sc_127 ._list_h86sc_136 {
+  gap: var(--spacing--5xs);
 }
-._small_1kcxp_127 ._item_1kcxp_142 {
-  max-width: var(--spacing-3xl);
+._small_h86sc_127 ._item_h86sc_142 {
+  max-width: var(--spacing--3xl);
 }
-._small_1kcxp_127 ._item_1kcxp_142,
-._small_1kcxp_127 ._item_1kcxp_142 * {
-  color: var(--color-text-base);
-  font-size: var(--font-size-2xs);
-  line-height: var(--font-line-height-xsmall);
+._small_h86sc_127 ._item_h86sc_142,
+._small_h86sc_127 ._item_h86sc_142 * {
+  color: var(--color--text);
+  font-size: var(--font-size--2xs);
+  line-height: var(--line-height--xs);
 }
-._small_1kcxp_127 ._item_1kcxp_142 a:hover * {
-  color: var(--color-text-dark);
+._small_h86sc_127 ._item_h86sc_142 a:hover * {
+  color: var(--color--text--shade-1);
 }
-._small_1kcxp_127 ._separator_1kcxp_257 {
-  font-size: var(--font-size-s);
-  color: var(--color-text-base);
+._small_h86sc_127 ._separator_h86sc_257 {
+  font-size: var(--font-size--sm);
+  color: var(--color--text);
 }
-._medium_1kcxp_262 li {
-  padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
+._medium_h86sc_262 li {
+  padding: var(--spacing--3xs) var(--spacing--4xs) var(--spacing--4xs);
 }
-._medium_1kcxp_262 ._item_1kcxp_142,
-._medium_1kcxp_262 ._item_1kcxp_142 * {
-  color: var(--color-text-base);
-  font-size: var(--font-size-s);
-  line-height: var(--font-line-height-xsmall);
+._medium_h86sc_262 ._item_h86sc_142,
+._medium_h86sc_262 ._item_h86sc_142 * {
+  color: var(--color--text);
+  font-size: var(--font-size--sm);
+  line-height: var(--line-height--xs);
 }
-._medium_1kcxp_262 ._item_1kcxp_142 {
-  max-width: var(--spacing-5xl);
+._medium_h86sc_262 ._item_h86sc_142 {
+  max-width: var(--spacing--5xl);
 }
-._medium_1kcxp_262 ._item_1kcxp_142:not(._dragging_1kcxp_146) a:hover * {
-  color: var(--color-text-dark);
+._medium_h86sc_262 ._item_h86sc_142:not(._dragging_h86sc_146) a:hover * {
+  color: var(--color--text--shade-1);
 }
-._medium_1kcxp_262 ._ellipsis_1kcxp_166 {
+._medium_h86sc_262 ._ellipsis_h86sc_166 {
   padding-right: 0;
   padding-left: 0;
-  color: var(--color-text-light);
+  color: var(--color--text--tint-1);
 }
-._medium_1kcxp_262 ._ellipsis_1kcxp_166:hover {
-  color: var(--color-text-base);
+._medium_h86sc_262 ._ellipsis_h86sc_166:hover {
+  color: var(--color--text);
 }
-._medium_1kcxp_262 ._separator_1kcxp_257 {
-  font-size: var(--font-size-xl);
-  color: var(--color-foreground-base);
+._medium_h86sc_262 ._separator_h86sc_257 {
+  font-size: var(--font-size--xl);
+  color: var(--color--foreground);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -416,30 +416,30 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._home-project_1gp09_123 {
+._home-project_1l61d_123 {
   display: flex;
-  padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
-  border: var(--border-width-base) var(--border-style-base) transparent;
+  padding: var(--spacing--3xs) var(--spacing--4xs) var(--spacing--4xs);
+  border: var(--border-width) var(--border-style) transparent;
 }
-._home-project_1gp09_123._dragging_1gp09_128:hover {
-  border: var(--border-width-base) var(--border-style-base) var(--color-secondary);
-  border-radius: var(--border-radius-base);
+._home-project_1l61d_123._dragging_1l61d_128:hover {
+  border: var(--border-width) var(--border-style) var(--color--secondary);
+  border-radius: var(--radius);
   background-color: var(--color-callout-secondary-background);
 }
-._home-project_1gp09_123._dragging_1gp09_128:hover * {
+._home-project_1l61d_123._dragging_1l61d_128:hover * {
   cursor: grabbing;
-  color: var(--color-text-base);
+  color: var(--color--text);
 }
-._home-project_1gp09_123:hover .n8n-text {
-  color: var(--color-text-dark);
+._home-project_1l61d_123:hover .n8n-text {
+  color: var(--color--text--shade-1);
 }
-._project-link_1gp09_141 .n8n-text {
+._project-link_1l61d_141 .n8n-text {
   display: flex;
   align-items: center;
-  gap: var(--spacing-4xs);
+  gap: var(--spacing--4xs);
 }
 @media (max-width: 992px) {
-.n8n-text._project-label_1gp09_148 {
+.n8n-text._project-label_1l61d_148 {
     display: none;
 }
 }

package/dist/assets/{ProjectBreadcrumb-Crv1wnrE.js → ProjectBreadcrumb-DzdWVcqt.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, r as ref, x as computed, a8 as watch, h as createElementBlock, g as openBlock, n as normalizeClass, Y as renderSlot, j as createBaseVNode, f as createCommentVNode, t as toDisplayString, e as createBlock, i as createVNode, k as unref, eV as N8nActionToggle, w as withCtx, p as N8nText, l as createTextVNode, aa as N8nTooltip, eo as N8nLoading, F as Fragment, A as renderList, B as withModifiers, C as N8nLink, _ as _export_sfc, aG as ProjectTypes, gc as isIconOrEmoji, c as useI18n, gd as ProjectIcon } from "./index-2jyPHFNT.js";
+import { d as defineComponent, r as ref, x as computed, a8 as watch, h as createElementBlock, g as openBlock, n as normalizeClass, Y as renderSlot, j as createBaseVNode, f as createCommentVNode, t as toDisplayString, e as createBlock, i as createVNode, k as unref, ee as N8nActionToggle, w as withCtx, p as N8nText, l as createTextVNode, aa as N8nTooltip, dI as N8nLoading, F as Fragment, A as renderList, B as withModifiers, C as N8nLink, _ as _export_sfc, aG as ProjectTypes, fA as isIconOrEmoji, c as useI18n, fB as ProjectIcon } from "./index-CW8ZBeS3.js";
 const _hoisted_1 = { "data-test-id": "hidden-items-tooltip" };
 const _hoisted_2 = ["title", "data-resourceid", "onClick", "onMouseenter", "onMouseup"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -256,19 +256,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_1kcxp_123";
-const small = "_small_1kcxp_127";
-const border = "_border_1kcxp_131";
-const list = "_list_1kcxp_136";
-const item = "_item_1kcxp_142";
-const dragging$1 = "_dragging_1kcxp_146";
-const current = "_current_1kcxp_162";
-const ellipsis = "_ellipsis_1kcxp_166";
-const dots = "_dots_1kcxp_166";
-const disabled = "_disabled_1kcxp_172";
-const tooltip = "_tooltip_1kcxp_167";
-const separator = "_separator_1kcxp_257";
-const medium = "_medium_1kcxp_262";
+const container = "_container_h86sc_123";
+const small = "_small_h86sc_127";
+const border = "_border_h86sc_131";
+const list = "_list_h86sc_136";
+const item = "_item_h86sc_142";
+const dragging$1 = "_dragging_h86sc_146";
+const current = "_current_h86sc_162";
+const ellipsis = "_ellipsis_h86sc_166";
+const dots = "_dots_h86sc_166";
+const disabled = "_disabled_h86sc_172";
+const tooltip = "_tooltip_h86sc_167";
+const separator = "_separator_h86sc_257";
+const medium = "_medium_h86sc_262";
 const style0$1 = {
   container,
   small,
@@ -279,11 +279,11 @@ const style0$1 = {
   current,
   ellipsis,
   dots,
-  "tooltip-ellipsis": "_tooltip-ellipsis_1kcxp_167",
+  "tooltip-ellipsis": "_tooltip-ellipsis_h86sc_167",
   disabled,
-  "hidden-items-menu": "_hidden-items-menu_1kcxp_184",
-  "hidden-items-menu-popper": "_hidden-items-menu-popper_1kcxp_189",
-  "tooltip-loading": "_tooltip-loading_1kcxp_205",
+  "hidden-items-menu": "_hidden-items-menu_h86sc_184",
+  "hidden-items-menu-popper": "_hidden-items-menu-popper_h86sc_189",
+  "tooltip-loading": "_tooltip-loading_h86sc_205",
   tooltip,
   separator,
   medium
@@ -377,12 +377,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dragging = "_dragging_1gp09_128";
+const dragging = "_dragging_1l61d_128";
 const style0 = {
-  "home-project": "_home-project_1gp09_123",
+  "home-project": "_home-project_1l61d_123",
   dragging,
-  "project-link": "_project-link_1gp09_141",
-  "project-label": "_project-label_1gp09_148"
+  "project-link": "_project-link_1l61d_141",
+  "project-label": "_project-label_1l61d_148"
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{ProjectHeader-D_iqfwVY.js → ProjectHeader-C2cvg4nB.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, a3 as useRoute, r as ref, x as computed, V as VIEWS, c as useI18n, a8 as watch, e as createBlock, g as openBlock, k as unref, h1 as N8nTabs, aH as useTemplateRef, h as createElementBlock, n as normalizeClass, Y as renderSlot, i as createVNode, eV as N8nActionToggle, w as withCtx, ab as _sfc_main$4, _ as _export_sfc, a as useToast, av as useProjectsStore, af as useSourceControlStore, aw as useFoldersStore, aC as getResourcePermissions, f as createCommentVNode, q as N8nButton, l as createTextVNode, t as toDisplayString, b as useRouter, v as useSettingsStore, Q as useUIStore, aG as ProjectTypes, gc as isIconOrEmoji, h2 as useElementSize, h3 as useResizeObserver, j as createBaseVNode, gd as ProjectIcon, m as N8nHeading, p as N8nText, K as mergeProps, aa as N8nTooltip, h4 as PROJECT_DATA_STORES } from "./index-2jyPHFNT.js";
-import { u as useProjectPages } from "./useProjectPages-B4d3gOYv.js";
-import { u as useReadyToRunWorkflowsV2Store } from "./readyToRunWorkflowsV2.store-DBbp_mHW.js";
+import { d as defineComponent, a3 as useRoute, bn as usePostHog, av as useProjectsStore, x as computed, bp as PROJECT_VARIABLES_EXPERIMENT, r as ref, aG as ProjectTypes, V as VIEWS, c as useI18n, a8 as watch, e as createBlock, g as openBlock, k as unref, h5 as N8nTabs, aH as useTemplateRef, h as createElementBlock, n as normalizeClass, Y as renderSlot, i as createVNode, ee as N8nActionToggle, w as withCtx, ab as _sfc_main$4, _ as _export_sfc, a as useToast, af as useSourceControlStore, aw as useFoldersStore, aC as getResourcePermissions, f as createCommentVNode, q as N8nButton, l as createTextVNode, t as toDisplayString, b as useRouter, v as useSettingsStore, Q as useUIStore, fA as isIconOrEmoji, h6 as useElementSize, h7 as useResizeObserver, j as createBaseVNode, fB as ProjectIcon, m as N8nHeading, p as N8nText, K as mergeProps, aa as N8nTooltip, h8 as PROJECT_DATA_TABLES } from "./index-CW8ZBeS3.js";
+import { u as useProjectPages } from "./useProjectPages-CGrunDRk.js";
+import { u as useReadyToRunWorkflowsV2Store } from "./readyToRunWorkflowsV2.store-DKvoEeBj.js";
 function processDynamicTab(tab, projectId) {
   if (!tab.dynamicRoute) {
     return tab;
@@ -32,11 +32,20 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const locale = useI18n();
     const route = useRoute();
+    const posthogStore = usePostHog();
+    const projectStore = useProjectsStore();
+    const isProjectVariablesEnabled = computed(
+      () => posthogStore.isVariantEnabled(
+        PROJECT_VARIABLES_EXPERIMENT.name,
+        PROJECT_VARIABLES_EXPERIMENT.variant
+      )
+    );
     const selectedTab = ref("");
     const selectedTabLabel = computed(() => selectedTab.value ? String(selectedTab.value) : "");
     const projectId = computed(() => {
       return Array.isArray(route?.params?.projectId) ? route.params.projectId[0] : route?.params?.projectId;
     });
+    const isTeamProject = computed(() => projectStore.currentProject?.type === ProjectTypes.Team);
     const getRouteConfigs = () => {
       if (projectId.value) {
         return {
@@ -51,6 +60,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           executions: {
             name: VIEWS.PROJECTS_EXECUTIONS,
             params: { projectId: projectId.value }
+          },
+          variables: {
+            name: VIEWS.PROJECTS_VARIABLES,
+            params: { projectId: projectId.value }
           }
         };
       }
@@ -58,13 +71,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         return {
           workflows: { name: VIEWS.SHARED_WORKFLOWS },
           credentials: { name: VIEWS.SHARED_CREDENTIALS },
-          executions: { name: VIEWS.NOT_FOUND }
+          executions: { name: VIEWS.NOT_FOUND },
+          variables: { name: VIEWS.NOT_FOUND }
         };
       }
       return {
         workflows: { name: VIEWS.WORKFLOWS },
         credentials: { name: VIEWS.CREDENTIALS },
-        executions: { name: VIEWS.EXECUTIONS }
+        executions: { name: VIEWS.EXECUTIONS },
+        variables: { name: VIEWS.HOME_VARIABLES }
       };
     };
     const createTab = (label, routeKey, routes) => {
@@ -83,6 +98,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       if (props.showExecutions) {
         tabs.push(createTab("mainSidebar.executions", "executions", routes));
       }
+      if ((props.pageType === "overview" || isTeamProject.value) && isProjectVariablesEnabled.value) {
+        tabs.push(createTab("mainSidebar.variables", "variables", routes));
+      }
       if (props.additionalTabs?.length) {
         const processedAdditionalTabs = processDynamicTabs(props.additionalTabs, projectId.value);
         tabs.push(...processedAdditionalTabs);
@@ -239,7 +257,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { style: { "display": "flex", "gap": "var(--spacing-xs)", "align-items": "center" } };
+const _hoisted_1 = { style: { "display": "flex", "gap": "var(--spacing--xs)", "align-items": "center" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectHeader",
   props: {
@@ -311,7 +329,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       WORKFLOW: "workflow",
       CREDENTIAL: "credential",
       FOLDER: "folder",
-      DATA_STORE: "dataStore"
+      DATA_TABLE: "dataTable"
     };
     const createWorkflowButton = computed(() => ({
       value: ACTION_TYPES.WORKFLOW,
@@ -337,9 +355,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       if (settingsStore.isDataTableFeatureEnabled) {
         items.push({
-          value: ACTION_TYPES.DATA_STORE,
-          label: i18n.baseText("dataStore.add.button.label"),
-          disabled: sourceControlStore.preferences.branchReadOnly || !getResourcePermissions(homeProject.value?.scopes)?.dataStore?.create
+          value: ACTION_TYPES.DATA_TABLE,
+          label: i18n.baseText("dataTable.add.button.label"),
+          disabled: sourceControlStore.preferences.branchReadOnly || !getResourcePermissions(homeProject.value?.scopes)?.dataTable?.create
         });
       }
       return items;
@@ -399,9 +417,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       [ACTION_TYPES.FOLDER]: () => {
         emit("createFolder");
       },
-      [ACTION_TYPES.DATA_STORE]: (projectId) => {
+      [ACTION_TYPES.DATA_TABLE]: (projectId) => {
         void router.push({
-          name: PROJECT_DATA_STORES,
+          name: PROJECT_DATA_TABLES,
           params: { projectId, new: "new" }
         });
       }
@@ -583,12 +601,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const projectHeader = "_projectHeader_ndbd0_123";
-const projectDetails = "_projectDetails_ndbd0_131";
-const actions = "_actions_ndbd0_136";
-const projectDescriptionWrapper = "_projectDescriptionWrapper_ndbd0_140";
-const tooltip = "_tooltip_ndbd0_144";
-const headerActions = "_headerActions_ndbd0_167";
+const projectHeader = "_projectHeader_ckjzo_123";
+const projectDetails = "_projectDetails_ckjzo_131";
+const actions = "_actions_ckjzo_136";
+const projectDescriptionWrapper = "_projectDescriptionWrapper_ckjzo_140";
+const tooltip = "_tooltip_ckjzo_144";
+const headerActions = "_headerActions_ckjzo_167";
 const style0 = {
   projectHeader,
   projectDetails,

package/dist/assets/{ProjectHeader-BNMKpvzV.css → ProjectHeader-TKKq6OrY.css}

@@ -258,46 +258,46 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._projectHeader_ndbd0_123 {
+._projectHeader_ckjzo_123 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
-  padding-bottom: var(--spacing-l);
-  min-height: var(--spacing-3xl);
+  padding-bottom: var(--spacing--lg);
+  min-height: var(--spacing--3xl);
 }
-._projectDetails_ndbd0_131 {
+._projectDetails_ckjzo_131 {
   display: flex;
   align-items: center;
 }
-._actions_ndbd0_136 {
-  padding: var(--spacing-2xs) 0 var(--spacing-xs);
+._actions_ckjzo_136 {
+  padding: var(--spacing--2xs) 0 var(--spacing--xs);
 }
-._projectDescriptionWrapper_ndbd0_140 {
+._projectDescriptionWrapper_ckjzo_140 {
   position: relative;
   display: inline-block;
 }
-._projectDescriptionWrapper_ndbd0_140:hover ._tooltip_ndbd0_144 {
+._projectDescriptionWrapper_ckjzo_140:hover ._tooltip_ckjzo_144 {
   display: block;
 }
-._tooltip_ndbd0_144 {
+._tooltip_ckjzo_144 {
   display: none;
   position: absolute;
   top: 0;
-  left: calc(-1 * var(--spacing-3xs));
-  background-color: var(--color-background-light);
-  padding: 0 var(--spacing-3xs) var(--spacing-3xs);
+  left: calc(-1 * var(--spacing--3xs));
+  background-color: var(--color--background--light-2);
+  padding: 0 var(--spacing--3xs) var(--spacing--3xs);
   z-index: 10;
   white-space: normal;
   border-radius: 6px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 @media screen and (max-width: 767px) {
-._projectHeader_ndbd0_123 {
+._projectHeader_ckjzo_123 {
     flex-direction: column;
     align-items: flex-start;
-    gap: var(--spacing-xs);
+    gap: var(--spacing--xs);
 }
-._headerActions_ndbd0_167 {
+._headerActions_ckjzo_167 {
     margin-left: auto;
 }
 }