@likec4/styles 1.59.3 → 1.59.4

package/dev.mjs

@@ -1,8 +1,4 @@
 import { likec4preset } from '@likec4/style-preset/src'
-import {
-  pluginRemoveNegativeSpacing,
-  pluginStrictTokensScope,
-} from '@pandabox/panda-plugins'
 import { defineConfig as pandaDefineConfig } from '@pandacss/dev'
 
 /**
@@ -18,48 +14,9 @@ export function defineConfig(config) {
     ],
     cssVarRoot: ':where(:root,:host)',
     forceConsistentTypeExtension: true,
-    // hash: isProduction,
-    // globalVars: {},
-    // hash: true,
     strictTokens: true,
     validation: 'error',
     jsxFramework: 'react',
-    plugins: [
-      //   // @ts-ignore
-      //   // pluginRemoveUnusedCss(),
-      //   // @ts-ignore
-      pluginStrictTokensScope({
-        categories: [
-          'fonts',
-          'colors',
-          'animations',
-          'easings',
-          'spacing',
-          'fontWeights',
-          // 'cursor',
-          // 'fontSizes',
-          // 'sizes',
-          // 'lineHeights',
-          'shadows',
-          // 'zIndex',
-          // 'opacity',
-          'radii',
-          // 'borders',
-          // 'durations',
-          // 'letterSpacings',
-          // 'gradients',
-          // 'assets',
-          // 'borderWidths',
-          // 'aspectRatios',
-          'containerNames',
-        ],
-        props: [
-          'textStyle',
-          'layerStyle',
-        ],
-      }),
-      pluginRemoveNegativeSpacing({ spacingTokenType: true, tokenType: true }),
-    ],
     ...config,
   })
 }

package/dist/jsx/is-valid-prop.d.mts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import type { DistributiveOmit, HTMLPandaProps, JsxStyleProps, Pretty } from '../types';
+import type { DistributiveOmit, JsxStyleProps, Pretty } from '../types';
 
 declare const isCssProperty: (value: string) => boolean;
 

package/dist/jsx/txt.mjs

@@ -5,7 +5,7 @@ import { getTxtStyle } from '../patterns/txt.mjs';
 import { styled } from './factory.mjs';
 
 export const Txt = /* @__PURE__ */ forwardRef(function Txt(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["inline","dimmed","noUserSelect","lh","size","likec4color"])
+  const [patternProps, restProps] = splitProps(props, ["inline","medium","semibold","dimmed","nouserselect","lh","size","fw","likec4color"])
 
 const styleProps = getTxtStyle(patternProps)
 const mergedProps = { ref, ...styleProps, ...restProps }

package/dist/patterns/txt.d.mts

@@ -7,10 +7,13 @@ import type { Tokens } from '../tokens/index.d.mts';
 
 export interface TxtProperties {
    inline?: ConditionalValue<boolean>
+	medium?: ConditionalValue<boolean>
+	semibold?: ConditionalValue<boolean>
 	dimmed?: ConditionalValue<boolean>
-	noUserSelect?: ConditionalValue<boolean>
+	nouserselect?: ConditionalValue<boolean>
 	lh?: ConditionalValue<Tokens["lineHeights"]>
 	size?: ConditionalValue<Tokens["fontSizes"]>
+	fw?: ConditionalValue<Tokens["fontWeights"]>
 	likec4color?: ConditionalValue<"amber" | "blue" | "gray" | "slate" | "green" | "indigo" | "muted" | "primary" | "red" | "secondary" | "sky">
 }
 

package/dist/patterns/txt.mjs

@@ -3,27 +3,32 @@ import { css } from '../css/index.mjs';
 
 const txtConfig = {
 transform(props, _helpers) {
-  const { inline, size, dimmed, lh, likec4color, noUserSelect, ...rest } = props;
+  const { inline, size, dimmed, lh, fw, likec4color, nouserselect, medium, semibold, ...rest } = props;
   if (dimmed && likec4color) {
     throw new Error("dimmed and likec4color are mutually exclusive");
   }
-  const hasNoTextStyle = rest["textStyle"] == null;
+  const hasNoTextStyle = !(typeof rest["textStyle"] === "string" && rest["textStyle"] !== "");
+  const hasLhOrFw = !!lh || !!fw;
   return {
     cursor: "default",
     ...inline && { display: "inline-block" },
     ...likec4color && { "data-likec4-color": likec4color },
-    ...noUserSelect && { userSelect: "none" },
-    ...lh && { lineHeight: lh },
-    ...hasNoTextStyle ? {
+    ...nouserselect && { userSelect: "none" },
+    ...hasNoTextStyle && !hasLhOrFw && {
       textStyle: dimmed ? `dimmed.${size}` : size
-    } : {
-      fontSize: size,
-      color: dimmed ? "text.dimmed" : "text"
     },
+    ...hasNoTextStyle && hasLhOrFw && {
+      fontSize: size
+      // color: dimmed ? 'text.dimmed' : 'text',
+    },
+    ...medium && { fontWeight: "medium" },
+    ...semibold && { fontWeight: "semibold" },
+    ...lh && { lineHeight: lh },
+    ...fw && { fontWeight: fw },
     ...rest
   };
 },
-defaultValues:{inline:false,dimmed:false,size:'md',noUserSelect:false}}
+defaultValues:{size:'md'}}
 
 export const getTxtStyle = (styles = {}) => {
   const _styles = getPatternStyles(txtConfig, styles)

package/dist/recipes/empty-box.d.mts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
+
+interface EmptyBoxVariant {
+  fullsize: boolean
+}
+
+type EmptyBoxVariantMap = {
+  [key in keyof EmptyBoxVariant]: Array<EmptyBoxVariant[key]>
+}
+
+
+
+export type EmptyBoxVariantProps = {
+  [key in keyof EmptyBoxVariant]?: ConditionalValue<EmptyBoxVariant[key]> | undefined
+}
+
+export interface EmptyBoxRecipe {
+  
+  __type: EmptyBoxVariantProps
+  (props?: EmptyBoxVariantProps): string
+  raw: (props?: EmptyBoxVariantProps) => EmptyBoxVariantProps
+  variantMap: EmptyBoxVariantMap
+  variantKeys: Array<keyof EmptyBoxVariant>
+  splitVariantProps<Props extends EmptyBoxVariantProps>(props: Props): [EmptyBoxVariantProps, Pretty<DistributiveOmit<Props, keyof EmptyBoxVariantProps>>]
+  getVariantProps: (props?: EmptyBoxVariantProps) => EmptyBoxVariantProps
+}
+
+
+export declare const emptyBox: EmptyBoxRecipe

package/dist/recipes/empty-box.mjs

@@ -0,0 +1,28 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const emptyBoxFn = /* @__PURE__ */ createRecipe('empty-box', {}, [])
+
+const emptyBoxVariantMap = {
+  "fullsize": [
+    "true"
+  ]
+}
+
+const emptyBoxVariantKeys = Object.keys(emptyBoxVariantMap)
+
+export const emptyBox = /* @__PURE__ */ Object.assign(memo(emptyBoxFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'emptyBox',
+  __getCompoundVariantCss__: emptyBoxFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: emptyBoxVariantKeys,
+  variantMap: emptyBoxVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, emptyBoxVariantKeys)
+  },
+  getVariantProps: emptyBoxFn.getVariantProps,
+})

package/dist/recipes/floating-window.d.mts

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
+
+interface FloatingWindowVariant {
+  
+}
+
+type FloatingWindowVariantMap = {
+  [key in keyof FloatingWindowVariant]: Array<FloatingWindowVariant[key]>
+}
+
+
+
+export type FloatingWindowVariantProps = {
+  [key in keyof FloatingWindowVariant]?: ConditionalValue<FloatingWindowVariant[key]> | undefined
+}
+
+export interface FloatingWindowRecipe {
+  
+  __type: FloatingWindowVariantProps
+  (props?: FloatingWindowVariantProps): string
+  raw: (props?: FloatingWindowVariantProps) => FloatingWindowVariantProps
+  variantMap: FloatingWindowVariantMap
+  variantKeys: Array<keyof FloatingWindowVariant>
+  splitVariantProps<Props extends FloatingWindowVariantProps>(props: Props): [FloatingWindowVariantProps, Pretty<DistributiveOmit<Props, keyof FloatingWindowVariantProps>>]
+  getVariantProps: (props?: FloatingWindowVariantProps) => FloatingWindowVariantProps
+}
+
+/**
+ * Recipe for Floating Window
+ */
+export declare const floatingWindow: FloatingWindowRecipe

package/dist/recipes/floating-window.mjs

@@ -0,0 +1,24 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const floatingWindowFn = /* @__PURE__ */ createRecipe('likec4-floating-window', {}, [])
+
+const floatingWindowVariantMap = {}
+
+const floatingWindowVariantKeys = Object.keys(floatingWindowVariantMap)
+
+export const floatingWindow = /* @__PURE__ */ Object.assign(memo(floatingWindowFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'floatingWindow',
+  __getCompoundVariantCss__: floatingWindowFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: floatingWindowVariantKeys,
+  variantMap: floatingWindowVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, floatingWindowVariantKeys)
+  },
+  getVariantProps: floatingWindowFn.getVariantProps,
+})

package/dist/recipes/index.d.mts

@@ -8,6 +8,8 @@ export * from './edge-path.d.mts';
 export * from './element-node.d.mts';
 export * from './element-node-data.d.mts';
 export * from './element-shape-recipe.d.mts';
+export * from './empty-box.d.mts';
+export * from './floating-window.d.mts';
 export * from './likec4tag.d.mts';
 export * from './markdown-block.d.mts';
 export * from './navigation-panel-action-icon.d.mts';

package/dist/recipes/index.mjs

@@ -7,6 +7,8 @@ export * from './edge-path.mjs';
 export * from './element-node.mjs';
 export * from './element-node-data.mjs';
 export * from './element-shape-recipe.mjs';
+export * from './empty-box.mjs';
+export * from './floating-window.mjs';
 export * from './likec4tag.mjs';
 export * from './markdown-block.mjs';
 export * from './navigation-panel-action-icon.mjs';