@likec4/styles 1.48.0 → 1.50.0

package/{dist → preset}/preset.d.mts

@@ -1,50 +1,53 @@
-import * as _pandacss_types8 from "@pandacss/types";
+import * as _pandacss_types0 from "@pandacss/types";
 
 //#region ../preset/src/recipes/actionBtn.d.ts
-declare const actionButtons: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
-declare const actionBtn: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const actionButtons: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
+declare const actionBtn: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/compoundNode.d.ts
-declare const compoundNode: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const compoundNode: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/edgeActionBtn.d.ts
-declare const edgeActionBtn: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const edgeActionBtn: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/edgeLabel.d.ts
-declare const edgeLabel: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const edgeLabel: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/edgePath.d.ts
-declare const edgePath: _pandacss_types8.SlotRecipeConfig;
+declare const edgePath: _pandacss_types0.SlotRecipeConfig;
 //#endregion
 //#region ../preset/src/recipes/elementNode.d.ts
-declare const elementNode: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const elementNode: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/elementNodeData.d.ts
-declare const elementNodeData: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const elementNodeData: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/elementShape.d.ts
-declare const elementShapeRecipe: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const elementShapeRecipe: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/likec4tag.d.ts
-declare const likec4tag: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const likec4tag: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/markdownBlock.d.ts
-declare const markdownBlock: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const markdownBlock: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/navigationPanelActionIcon.d.ts
-declare const navigationPanelActionIcon: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const navigationPanelActionIcon: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
+//#endregion
+//#region ../preset/src/recipes/nodeNotes.d.ts
+declare const nodeNotes: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 //#endregion
 //#region ../preset/src/recipes/overlay.d.ts
-declare const overlay: _pandacss_types8.RecipeConfig<_pandacss_types8.RecipeVariantRecord>;
+declare const overlay: _pandacss_types0.RecipeConfig<_pandacss_types0.RecipeVariantRecord>;
 declare namespace index_d_exports$1 {
-  export { actionBtn, actionButtons, compoundNode, edgeActionBtn, edgeLabel, edgePath, elementNode, elementNodeData, elementShapeRecipe, likec4tag, markdownBlock, navigationPanelActionIcon, overlay };
+  export { actionBtn, actionButtons, compoundNode, edgeActionBtn, edgeLabel, edgePath, elementNode, elementNodeData, elementShapeRecipe, likec4tag, markdownBlock, navigationPanelActionIcon, nodeNotes, overlay };
 }
 //#endregion
 //#region ../preset/src/stot-recipes/navigationLink.d.ts
-declare const navigationLink: _pandacss_types8.SlotRecipeConfig;
+declare const navigationLink: _pandacss_types0.SlotRecipeConfig;
 //#endregion
 //#region ../preset/src/stot-recipes/navigationPanel.d.ts
-declare const navigationPanel: _pandacss_types8.SlotRecipeConfig;
+declare const navigationPanel: _pandacss_types0.SlotRecipeConfig;
 declare namespace index_d_exports {
   export { navigationLink, navigationPanel };
 }
@@ -58,8 +61,117 @@ declare const theme: {
     lg: string;
     xl: string;
   };
-  textStyles: _pandacss_types8.TextStyles;
-  layerStyles: _pandacss_types8.LayerStyles;
+  textStyles: {
+    readonly dimmed: {
+      readonly DEFAULT: {
+        readonly description: "Text style for dimmed content";
+        readonly value: {
+          readonly fontSize: "md";
+          readonly lineHeight: "md";
+          readonly color: "text.dimmed";
+        };
+      };
+      readonly xxs: {
+        readonly value: {
+          readonly fontSize: "xxs";
+          readonly lineHeight: "xxs";
+          readonly color: "text.dimmed";
+        };
+      };
+      readonly xs: {
+        readonly value: {
+          readonly fontSize: "xs";
+          readonly lineHeight: "xs";
+          readonly color: "text.dimmed";
+        };
+      };
+      readonly sm: {
+        readonly value: {
+          readonly fontSize: "sm";
+          readonly lineHeight: "sm";
+          readonly color: "text.dimmed";
+        };
+      };
+      readonly md: {
+        readonly value: {
+          readonly fontSize: "md";
+          readonly lineHeight: "md";
+          readonly color: "text.dimmed";
+        };
+      };
+    };
+    readonly xxs: {
+      readonly value: {
+        readonly fontSize: "xxs";
+        readonly lineHeight: "xxs";
+      };
+    };
+    readonly xs: {
+      readonly value: {
+        readonly fontSize: "xs";
+        readonly lineHeight: "xs";
+      };
+    };
+    readonly sm: {
+      readonly value: {
+        readonly fontSize: "sm";
+        readonly lineHeight: "sm";
+      };
+    };
+    readonly md: {
+      readonly value: {
+        readonly fontSize: "md";
+        readonly lineHeight: "md";
+      };
+    };
+    readonly lg: {
+      readonly value: {
+        readonly fontSize: "lg";
+        readonly lineHeight: "lg";
+      };
+    };
+    readonly xl: {
+      readonly value: {
+        readonly fontSize: "xl";
+        readonly lineHeight: "xl";
+      };
+    };
+    readonly likec4: {
+      readonly DEFAULT: {
+        readonly description: "Text style for panel content";
+        readonly value: {
+          readonly fontSize: "md";
+          readonly lineHeight: "md";
+          readonly fontWeight: "normal";
+          readonly color: "text";
+        };
+      };
+      readonly panel: {
+        readonly DEFAULT: {
+          readonly description: "Text style for panel content";
+          readonly value: {
+            readonly fontSize: "sm";
+            readonly lineHeight: "sm";
+            readonly fontWeight: "medium";
+            readonly color: "likec4.panel.text";
+          };
+        };
+        readonly action: {
+          readonly description: "Text style for panel action items";
+          readonly value: {
+            readonly fontSize: "sm";
+            readonly lineHeight: "sm";
+            readonly fontWeight: "medium";
+            readonly color: {
+              readonly base: "likec4.panel.action";
+              readonly _hover: "likec4.panel.action.hover";
+            };
+          };
+        };
+      };
+    };
+  };
+  layerStyles: _pandacss_types0.LayerStyles;
   tokens: {
     fontSizes: {
       xxs: {
@@ -145,6 +257,23 @@ declare const theme: {
         value: string;
       };
     };
+    borderWidths: {
+      '0': {
+        value: string;
+      };
+      '1': {
+        value: string;
+      };
+      '2': {
+        value: string;
+      };
+      '3': {
+        value: string;
+      };
+      '4': {
+        value: string;
+      };
+    };
     spacing: {
       '0': {
         description: string;
@@ -918,15 +1047,8 @@ declare const theme: {
       none: {
         value: string;
       };
-      text: {
-        DEFAULT: {
-          description: string;
-          value: "var(--mantine-color-text)";
-        };
-        dimmed: {
-          description: string;
-          value: "var(--mantine-color-dimmed)";
-        };
+      inherit: {
+        value: string;
       };
     };
     fontWeights: {
@@ -1035,7 +1157,15 @@ declare const theme: {
       likec4: {
         diagram: {
           edge: {
-            value: string;
+            DEFAULT: {
+              value: string;
+            };
+            label: {
+              value: string;
+            };
+            controlPoint: {
+              value: string;
+            };
           };
           node: {
             compound: {
@@ -1062,6 +1192,66 @@ declare const theme: {
   };
   semanticTokens: {
     colors: {
+      white: {
+        value: string;
+      };
+      black: {
+        value: string;
+      };
+      body: {
+        description: string;
+        value: "var(--mantine-color-body)";
+      };
+      text: {
+        DEFAULT: {
+          description: string;
+          value: "var(--mantine-color-text)";
+        };
+        bright: {
+          description: string;
+          value: string;
+        };
+        dimmed: {
+          description: string;
+          value: string;
+        };
+        placeholder: {
+          description: string;
+          value: "var(--mantine-color-placeholder)";
+        };
+      };
+      default: {
+        DEFAULT: {
+          description: string;
+          value: "var(--mantine-color-default)";
+        };
+        color: {
+          description: string;
+          value: "var(--mantine-color-default-color)";
+        };
+        border: {
+          description: string;
+          value: "var(--mantine-color-default-border)";
+        };
+        hover: {
+          description: string;
+          value: "var(--mantine-color-default-hover)";
+        };
+      };
+      disabled: {
+        text: {
+          description: string;
+          value: "var(--mantine-color-disabled-color)";
+        };
+        border: {
+          description: string;
+          value: "var(--mantine-color-disabled-border)";
+        };
+        body: {
+          description: string;
+          value: "var(--mantine-color-disabled)";
+        };
+      };
       likec4: {
         background: {
           DEFAULT: {
@@ -1225,6 +1415,15 @@ declare const theme: {
             value: string;
           };
         };
+        walkthrough: {
+          parallelFrame: {
+            description: string;
+            value: {
+              _light: "var(--mantine-color-orange-8)";
+              _dark: "var(--mantine-color-orange-6)";
+            };
+          };
+        };
         compare: {
           manual: {
             DEFAULT: {
@@ -1259,9 +1458,9 @@ declare const theme: {
     md: string;
     lg: string;
   };
-  keyframes: _pandacss_types8.CssKeyframes;
-  animationStyles: _pandacss_types8.AnimationStyles;
+  keyframes: _pandacss_types0.CssKeyframes;
+  animationStyles: _pandacss_types0.AnimationStyles;
 };
-declare const _default: _pandacss_types8.Preset;
+declare const _default: _pandacss_types0.Preset;
 //#endregion
 export { _default as default, theme };