@likec4/styles 1.36.0 → 1.37.0

package/dist/recipes/compound-node.d.ts

@@ -0,0 +1,30 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface CompoundNodeVariant {
+  isTransparent: boolean
+inverseColor: boolean
+borderStyle: "solid" | "dashed" | "dotted" | "none"
+}
+
+type CompoundNodeVariantMap = {
+  [key in keyof CompoundNodeVariant]: Array<CompoundNodeVariant[key]>
+}
+
+export type CompoundNodeVariantProps = {
+  [key in keyof CompoundNodeVariant]?: ConditionalValue<CompoundNodeVariant[key]> | undefined
+}
+
+export interface CompoundNodeRecipe {
+  __type: CompoundNodeVariantProps
+  (props?: CompoundNodeVariantProps): string
+  raw: (props?: CompoundNodeVariantProps) => CompoundNodeVariantProps
+  variantMap: CompoundNodeVariantMap
+  variantKeys: Array<keyof CompoundNodeVariant>
+  splitVariantProps<Props extends CompoundNodeVariantProps>(props: Props): [CompoundNodeVariantProps, Pretty<DistributiveOmit<Props, keyof CompoundNodeVariantProps>>]
+  getVariantProps: (props?: CompoundNodeVariantProps) => CompoundNodeVariantProps
+}
+
+
+export declare const compoundNode: CompoundNodeRecipe

package/dist/recipes/compound-node.mjs

@@ -0,0 +1,39 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const compoundNodeFn = /* @__PURE__ */ createRecipe('likec4-compound-node', {}, [])
+
+const compoundNodeVariantMap = {
+  "isTransparent": [
+    "false",
+    "true"
+  ],
+  "inverseColor": [
+    "true",
+    "false"
+  ],
+  "borderStyle": [
+    "solid",
+    "dashed",
+    "dotted",
+    "none"
+  ]
+}
+
+const compoundNodeVariantKeys = Object.keys(compoundNodeVariantMap)
+
+export const compoundNode = /* @__PURE__ */ Object.assign(memo(compoundNodeFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'compoundNode',
+  __getCompoundVariantCss__: compoundNodeFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: compoundNodeVariantKeys,
+  variantMap: compoundNodeVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, compoundNodeVariantKeys)
+  },
+  getVariantProps: compoundNodeFn.getVariantProps,
+})

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

@@ -4,6 +4,10 @@ import type { DistributiveOmit, Pretty } from '../types/system-types';
 
 interface EdgeLabelVariant {
   /**
+ * @default "default"
+ */
+cursor: "pointer" | "default"
+/**
  * @default false
  */
 isStepEdge: boolean

package/dist/recipes/edge-label.mjs

@@ -2,7 +2,8 @@ import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mj
 import { createRecipe } from './create-recipe.mjs';
 
 const edgeLabelDefaultVariants = {
-  "isStepEdge": false
+  "isStepEdge": false,
+  "cursor": "default"
 }
 const edgeLabelCompoundVariants = []
 
@@ -35,6 +36,7 @@ const edgeLabelFn = memo((props = {}) => {
 })
 
 const edgeLabelVariantKeys = [
+  "cursor",
   "isStepEdge"
 ]
 const getVariantProps = (variants) => ({ ...edgeLabelDefaultVariants, ...compact(variants) })
@@ -45,6 +47,10 @@ export const edgeLabel = /* @__PURE__ */ Object.assign(edgeLabelFn, {
   raw: (props) => props,
   variantKeys: edgeLabelVariantKeys,
   variantMap: {
+  "cursor": [
+    "pointer",
+    "default"
+  ],
   "isStepEdge": [
     "false",
     "true"

package/dist/recipes/element-shape-recipe.d.ts

@@ -0,0 +1,30 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ElementShapeRecipeVariant {
+  shapetype: "html" | "svg"
+}
+
+type ElementShapeRecipeVariantMap = {
+  [key in keyof ElementShapeRecipeVariant]: Array<ElementShapeRecipeVariant[key]>
+}
+
+export type ElementShapeRecipeVariantProps = {
+  [key in keyof ElementShapeRecipeVariant]?: ConditionalValue<ElementShapeRecipeVariant[key]> | undefined
+}
+
+export interface ElementShapeRecipeRecipe {
+  __type: ElementShapeRecipeVariantProps
+  (props?: ElementShapeRecipeVariantProps): string
+  raw: (props?: ElementShapeRecipeVariantProps) => ElementShapeRecipeVariantProps
+  variantMap: ElementShapeRecipeVariantMap
+  variantKeys: Array<keyof ElementShapeRecipeVariant>
+  splitVariantProps<Props extends ElementShapeRecipeVariantProps>(props: Props): [ElementShapeRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ElementShapeRecipeVariantProps>>]
+  getVariantProps: (props?: ElementShapeRecipeVariantProps) => ElementShapeRecipeVariantProps
+}
+
+/**
+ * Recipe for Diagram node shape
+ */
+export declare const elementShapeRecipe: ElementShapeRecipeRecipe

package/dist/recipes/element-shape-recipe.mjs

@@ -0,0 +1,29 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const elementShapeRecipeFn = /* @__PURE__ */ createRecipe('likec4-element-shape', {}, [])
+
+const elementShapeRecipeVariantMap = {
+  "shapetype": [
+    "html",
+    "svg"
+  ]
+}
+
+const elementShapeRecipeVariantKeys = Object.keys(elementShapeRecipeVariantMap)
+
+export const elementShapeRecipe = /* @__PURE__ */ Object.assign(memo(elementShapeRecipeFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'elementShapeRecipe',
+  __getCompoundVariantCss__: elementShapeRecipeFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: elementShapeRecipeVariantKeys,
+  variantMap: elementShapeRecipeVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, elementShapeRecipeVariantKeys)
+  },
+  getVariantProps: elementShapeRecipeFn.getVariantProps,
+})

package/dist/recipes/index.d.ts

@@ -1,7 +1,9 @@
 /* eslint-disable */
 export * from './action-btn';
+export * from './compound-node';
 export * from './edge-action-btn';
 export * from './element-node-icon';
+export * from './element-shape-recipe';
 export * from './likec4tag';
 export * from './markdown-block';
 export * from './navigation-panel-action-icon';

package/dist/recipes/index.mjs

@@ -1,6 +1,8 @@
 export * from './action-btn.mjs';
+export * from './compound-node.mjs';
 export * from './edge-action-btn.mjs';
 export * from './element-node-icon.mjs';
+export * from './element-shape-recipe.mjs';
 export * from './likec4tag.mjs';
 export * from './markdown-block.mjs';
 export * from './navigation-panel-action-icon.mjs';