@likec4/styles 1.44.0 → 1.46.0

package/dist/recipes/edge-label.d.ts

@@ -21,16 +21,16 @@ type EdgeLabelVariantMap = {
   [key in keyof EdgeLabelVariant]: Array<EdgeLabelVariant[key]>
 }
 
-type EdgeLabelSlot = "root" | "stepNumber" | "labelContents" | "labelText" | "labelTechnology"
+
 
 export type EdgeLabelVariantProps = {
   [key in keyof EdgeLabelVariant]?: ConditionalValue<EdgeLabelVariant[key]> | undefined
 }
 
 export interface EdgeLabelRecipe {
-  __slot: EdgeLabelSlot
+  
   __type: EdgeLabelVariantProps
-  (props?: EdgeLabelVariantProps): Pretty<Record<EdgeLabelSlot, string>>
+  (props?: EdgeLabelVariantProps): string
   raw: (props?: EdgeLabelVariantProps) => EdgeLabelVariantProps
   variantMap: EdgeLabelVariantMap
   variantKeys: Array<keyof EdgeLabelVariant>

package/dist/recipes/edge-label.mjs

@@ -1,55 +1,13 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
-const edgeLabelDefaultVariants = {
+const edgeLabelFn = /* @__PURE__ */ createRecipe('likec4-edge-label', {
   "pointerEvents": "all",
   "isStepEdge": false,
   "cursor": "default"
-}
-const edgeLabelCompoundVariants = []
-
-const edgeLabelSlotNames = [
-  [
-    "root",
-    "likec4-edge-label__root"
-  ],
-  [
-    "stepNumber",
-    "likec4-edge-label__stepNumber"
-  ],
-  [
-    "labelContents",
-    "likec4-edge-label__labelContents"
-  ],
-  [
-    "labelText",
-    "likec4-edge-label__labelText"
-  ],
-  [
-    "labelTechnology",
-    "likec4-edge-label__labelTechnology"
-  ]
-]
-const edgeLabelSlotFns = /* @__PURE__ */ edgeLabelSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, edgeLabelDefaultVariants, getSlotCompoundVariant(edgeLabelCompoundVariants, slotName))])
-
-const edgeLabelFn = memo((props = {}) => {
-  return Object.fromEntries(edgeLabelSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
+}, [])
 
-const edgeLabelVariantKeys = [
-  "pointerEvents",
-  "cursor",
-  "isStepEdge"
-]
-const getVariantProps = (variants) => ({ ...edgeLabelDefaultVariants, ...compact(variants) })
-
-export const edgeLabel = /* @__PURE__ */ Object.assign(edgeLabelFn, {
-  __recipe__: false,
-  __name__: 'edgeLabel',
-  raw: (props) => props,
-  classNameMap: {},
-  variantKeys: edgeLabelVariantKeys,
-  variantMap: {
+const edgeLabelVariantMap = {
   "pointerEvents": [
     "none",
     "all"
@@ -62,9 +20,22 @@ export const edgeLabel = /* @__PURE__ */ Object.assign(edgeLabelFn, {
     "false",
     "true"
   ]
-},
+}
+
+const edgeLabelVariantKeys = Object.keys(edgeLabelVariantMap)
+
+export const edgeLabel = /* @__PURE__ */ Object.assign(memo(edgeLabelFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'edgeLabel',
+  __getCompoundVariantCss__: edgeLabelFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: edgeLabelVariantKeys,
+  variantMap: edgeLabelVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, edgeLabelVariantKeys)
   },
-  getVariantProps
+  getVariantProps: edgeLabelFn.getVariantProps,
 })

package/dist/recipes/edge-path.d.ts

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface EdgePathVariant {
+  
+}
+
+type EdgePathVariantMap = {
+  [key in keyof EdgePathVariant]: Array<EdgePathVariant[key]>
+}
+
+type EdgePathSlot = "path" | "pathBg" | "markersCtx" | "middlePoint"
+
+export type EdgePathVariantProps = {
+  [key in keyof EdgePathVariant]?: ConditionalValue<EdgePathVariant[key]> | undefined
+}
+
+export interface EdgePathRecipe {
+  __slot: EdgePathSlot
+  __type: EdgePathVariantProps
+  (props?: EdgePathVariantProps): Pretty<Record<EdgePathSlot, string>>
+  raw: (props?: EdgePathVariantProps) => EdgePathVariantProps
+  variantMap: EdgePathVariantMap
+  variantKeys: Array<keyof EdgePathVariant>
+  splitVariantProps<Props extends EdgePathVariantProps>(props: Props): [EdgePathVariantProps, Pretty<DistributiveOmit<Props, keyof EdgePathVariantProps>>]
+  getVariantProps: (props?: EdgePathVariantProps) => EdgePathVariantProps
+}
+
+/**
+ * Recipe for Edge Path
+ */
+export declare const edgePath: EdgePathRecipe

package/dist/recipes/edge-path.mjs

@@ -0,0 +1,45 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const edgePathDefaultVariants = {}
+const edgePathCompoundVariants = []
+
+const edgePathSlotNames = [
+  [
+    "path",
+    "likec4-edge__path"
+  ],
+  [
+    "pathBg",
+    "likec4-edge__pathBg"
+  ],
+  [
+    "markersCtx",
+    "likec4-edge__markersCtx"
+  ],
+  [
+    "middlePoint",
+    "likec4-edge__middlePoint"
+  ]
+]
+const edgePathSlotFns = /* @__PURE__ */ edgePathSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, edgePathDefaultVariants, getSlotCompoundVariant(edgePathCompoundVariants, slotName))])
+
+const edgePathFn = memo((props = {}) => {
+  return Object.fromEntries(edgePathSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const edgePathVariantKeys = []
+const getVariantProps = (variants) => ({ ...edgePathDefaultVariants, ...compact(variants) })
+
+export const edgePath = /* @__PURE__ */ Object.assign(edgePathFn, {
+  __recipe__: false,
+  __name__: 'edgePath',
+  raw: (props) => props,
+  classNameMap: {},
+  variantKeys: edgePathVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, edgePathVariantKeys)
+  },
+  getVariantProps
+})

package/dist/recipes/index.d.ts

@@ -2,11 +2,12 @@
 export * from './action-btn';
 export * from './compound-node';
 export * from './edge-action-btn';
+export * from './edge-label';
+export * from './edge-path';
 export * from './element-node-data';
 export * from './element-shape-recipe';
 export * from './likec4tag';
 export * from './markdown-block';
 export * from './navigation-panel-action-icon';
 export * from './overlay';
-export * from './edge-label';
 export * from './navigation-link';

package/dist/recipes/index.mjs

@@ -1,11 +1,12 @@
 export * from './action-btn.mjs';
 export * from './compound-node.mjs';
 export * from './edge-action-btn.mjs';
+export * from './edge-label.mjs';
+export * from './edge-path.mjs';
 export * from './element-node-data.mjs';
 export * from './element-shape-recipe.mjs';
 export * from './likec4tag.mjs';
 export * from './markdown-block.mjs';
 export * from './navigation-panel-action-icon.mjs';
 export * from './overlay.mjs';
-export * from './edge-label.mjs';
 export * from './navigation-link.mjs';

package/dist/tokens/index.mjs

@@ -9643,6 +9643,14 @@ const tokens = {
     "value": "var(--colors-yellow-p3-a-12)",
     "variable": "var(--colors-yellow-p3-a-12)"
   },
+  "colors.text": {
+    "value": "var(--mantine-color-text)",
+    "variable": "var(--colors-text)"
+  },
+  "colors.text.dimmed": {
+    "value": "var(--mantine-color-dimmed)",
+    "variable": "var(--colors-text-dimmed)"
+  },
   "colors.likec4.background": {
     "value": "var(--mantine-color-body)",
     "variable": "var(--colors-likec4-background)"