@likec4/styles 1.47.0 → 1.49.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/css/package.json +1 -1
- package/dev.d.mts +3 -0
- package/{dev.ts → dev.mjs} +8 -4
- package/dist/css/conditions.mjs +1 -1
- package/dist/css/{css.d.ts → css.d.mts} +1 -1
- package/dist/css/{cva.d.ts → cva.d.mts} +2 -2
- package/dist/css/index.d.mts +5 -0
- package/dist/css/sva.d.mts +4 -0
- package/dist/jsx/{aspect-ratio.d.ts → aspect-ratio.d.mts} +3 -3
- package/dist/jsx/bleed.d.mts +10 -0
- package/dist/jsx/box.d.mts +10 -0
- package/dist/jsx/center.d.mts +10 -0
- package/dist/jsx/circle.d.mts +10 -0
- package/dist/jsx/{container.d.ts → container.d.mts} +3 -3
- package/dist/jsx/cq.d.mts +10 -0
- package/dist/jsx/{create-style-context.d.ts → create-style-context.d.mts} +3 -3
- package/dist/jsx/divider.d.mts +10 -0
- package/dist/jsx/factory.d.mts +3 -0
- package/dist/jsx/flex.d.mts +10 -0
- package/dist/jsx/float.d.mts +10 -0
- package/dist/jsx/grid-item.d.mts +10 -0
- package/dist/jsx/grid.d.mts +10 -0
- package/dist/jsx/hstack.d.mts +10 -0
- package/dist/jsx/index.d.mts +26 -0
- package/dist/jsx/index.mjs +2 -1
- package/dist/jsx/is-valid-prop.mjs +1 -1
- package/dist/jsx/{link-overlay.d.ts → link-overlay.d.mts} +3 -3
- package/dist/jsx/spacer.d.mts +10 -0
- package/dist/jsx/square.d.mts +10 -0
- package/dist/jsx/stack.d.mts +10 -0
- package/dist/jsx/txt.d.mts +10 -0
- package/dist/jsx/txt.mjs +14 -0
- package/dist/jsx/{visually-hidden.d.ts → visually-hidden.d.mts} +3 -3
- package/dist/jsx/vstack.d.mts +10 -0
- package/dist/jsx/wrap.d.mts +10 -0
- package/dist/patterns/{aspect-ratio.d.ts → aspect-ratio.d.mts} +5 -5
- package/dist/patterns/{bleed.d.ts → bleed.d.mts} +5 -5
- package/dist/patterns/{box.d.ts → box.d.mts} +5 -5
- package/dist/patterns/{center.d.ts → center.d.mts} +5 -5
- package/dist/patterns/{circle.d.ts → circle.d.mts} +5 -5
- package/dist/patterns/{container.d.ts → container.d.mts} +5 -5
- package/dist/patterns/{cq.d.ts → cq.d.mts} +5 -5
- package/dist/patterns/{divider.d.ts → divider.d.mts} +5 -5
- package/dist/patterns/{flex.d.ts → flex.d.mts} +5 -5
- package/dist/patterns/{float.d.ts → float.d.mts} +5 -5
- package/dist/patterns/{grid-item.d.ts → grid-item.d.mts} +5 -5
- package/dist/patterns/{grid.d.ts → grid.d.mts} +5 -5
- package/dist/patterns/{hstack.d.ts → hstack.d.mts} +5 -5
- package/dist/patterns/index.d.mts +22 -0
- package/dist/patterns/index.mjs +2 -1
- package/dist/patterns/{link-overlay.d.ts → link-overlay.d.mts} +5 -5
- package/dist/patterns/{spacer.d.ts → spacer.d.mts} +5 -5
- package/dist/patterns/{square.d.ts → square.d.mts} +5 -5
- package/dist/patterns/{stack.d.ts → stack.d.mts} +5 -5
- package/dist/patterns/txt.d.mts +24 -0
- package/dist/patterns/txt.mjs +28 -0
- package/dist/patterns/{visually-hidden.d.ts → visually-hidden.d.mts} +5 -5
- package/dist/patterns/{vstack.d.ts → vstack.d.mts} +5 -5
- package/dist/patterns/{wrap.d.ts → wrap.d.mts} +5 -5
- package/dist/recipes/{action-btn.d.ts → action-btn.d.mts} +2 -2
- package/dist/recipes/action-buttons.d.mts +33 -0
- package/dist/recipes/action-buttons.mjs +24 -0
- package/dist/recipes/{compound-node.d.ts → compound-node.d.mts} +12 -3
- package/dist/recipes/compound-node.mjs +5 -1
- package/dist/recipes/{edge-action-btn.d.ts → edge-action-btn.d.mts} +2 -2
- package/dist/recipes/{edge-label.d.ts → edge-label.d.mts} +2 -2
- package/dist/recipes/{edge-path.d.ts → edge-path.d.mts} +2 -2
- package/dist/recipes/{element-node-data.d.ts → element-node-data.d.mts} +10 -3
- package/dist/recipes/element-node-data.mjs +16 -2
- package/dist/recipes/{element-node.d.ts → element-node.d.mts} +2 -2
- package/dist/recipes/{element-shape-recipe.d.ts → element-shape-recipe.d.mts} +6 -2
- package/dist/recipes/element-shape-recipe.mjs +6 -1
- package/dist/recipes/index.d.mts +17 -0
- package/dist/recipes/index.mjs +2 -0
- package/dist/recipes/{likec4tag.d.ts → likec4tag.d.mts} +2 -2
- package/dist/recipes/{markdown-block.d.ts → markdown-block.d.mts} +2 -2
- package/dist/recipes/{navigation-link.d.ts → navigation-link.d.mts} +2 -2
- package/dist/recipes/{navigation-panel-action-icon.d.ts → navigation-panel-action-icon.d.mts} +2 -2
- package/dist/recipes/{navigation-panel.d.ts → navigation-panel.d.mts} +6 -2
- package/dist/recipes/navigation-panel.mjs +8 -2
- package/dist/recipes/node-notes.d.mts +34 -0
- package/dist/recipes/node-notes.mjs +31 -0
- package/dist/recipes/{overlay.d.ts → overlay.d.mts} +2 -2
- package/dist/tokens/{index.d.ts → index.d.mts} +2 -2
- package/dist/tokens/index.mjs +328 -184
- package/dist/tokens/tokens.d.mts +54 -0
- package/dist/types/{composition.d.ts → composition.d.mts} +4 -1
- package/dist/types/{conditions.d.ts → conditions.d.mts} +4 -6
- package/dist/types/{global.d.ts → global.d.mts} +5 -5
- package/dist/types/index.d.mts +8 -0
- package/dist/types/{jsx.d.ts → jsx.d.mts} +2 -2
- package/dist/types/{pattern.d.ts → pattern.d.mts} +2 -2
- package/dist/types/{prop-type.d.ts → prop-type.d.mts} +21 -5
- package/dist/types/{recipe.d.ts → recipe.d.mts} +2 -2
- package/dist/types/{selectors.d.ts → selectors.d.mts} +1 -1
- package/dist/types/{style-props.d.ts → style-props.d.mts} +59 -59
- package/dist/types/{system-types.d.ts → system-types.d.mts} +3 -3
- package/jsx/package.json +1 -1
- package/package.json +42 -34
- package/patterns/package.json +1 -1
- package/preset/_chunks/libs/@radix-ui/colors.mjs +3784 -0
- package/preset/_chunks/libs/pandacss-preset-radix-colors.mjs +147 -0
- package/preset/_chunks/libs/remeda.mjs +120 -0
- package/preset/_chunks/rolldown-runtime.mjs +11 -0
- package/preset/package.json +2 -2
- package/preset/preset.d.mts +1466 -0
- package/preset/preset.mjs +3943 -0
- package/recipes/package.json +1 -1
- package/tokens/package.json +1 -1
- package/types/package.json +1 -1
- package/vars/package.json +4 -0
- package/vars/vars.d.mts +417 -0
- package/vars/vars.mjs +415 -0
- package/dist/css/index.d.ts +0 -5
- package/dist/css/sva.d.ts +0 -4
- package/dist/jsx/bleed.d.ts +0 -10
- package/dist/jsx/box.d.ts +0 -10
- package/dist/jsx/center.d.ts +0 -10
- package/dist/jsx/circle.d.ts +0 -10
- package/dist/jsx/cq.d.ts +0 -10
- package/dist/jsx/divider.d.ts +0 -10
- package/dist/jsx/factory.d.ts +0 -3
- package/dist/jsx/flex.d.ts +0 -10
- package/dist/jsx/float.d.ts +0 -10
- package/dist/jsx/grid-item.d.ts +0 -10
- package/dist/jsx/grid.d.ts +0 -10
- package/dist/jsx/hstack.d.ts +0 -10
- package/dist/jsx/index.d.ts +0 -25
- package/dist/jsx/spacer.d.ts +0 -10
- package/dist/jsx/square.d.ts +0 -10
- package/dist/jsx/stack.d.ts +0 -10
- package/dist/jsx/vstack.d.ts +0 -10
- package/dist/jsx/wrap.d.ts +0 -10
- package/dist/patterns/index.d.ts +0 -21
- package/dist/preset.d.mts +0 -1232
- package/dist/preset.mjs +0 -7553
- package/dist/recipes/index.d.ts +0 -15
- package/dist/tokens/tokens.d.ts +0 -51
- package/dist/types/index.d.ts +0 -8
- package/panda.config.ts +0 -10
- package/preset.ts +0 -3
- /package/dist/css/{cx.d.ts → cx.d.mts} +0 -0
- /package/dist/jsx/{is-valid-prop.d.ts → is-valid-prop.d.mts} +0 -0
- /package/dist/types/{csstype.d.ts → csstype.d.mts} +0 -0
- /package/dist/types/{parts.d.ts → parts.d.mts} +0 -0
- /package/dist/types/{static-css.d.ts → static-css.d.mts} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface DividerProperties {
|
|
9
9
|
orientation?: "horizontal" | "vertical"
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface FlexProperties {
|
|
9
9
|
align?: SystemProperties["alignItems"]
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface FloatProperties {
|
|
9
9
|
offsetX?: ConditionalValue<Tokens["spacing"] | Properties["left"]>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface GridItemProperties {
|
|
9
9
|
colSpan?: ConditionalValue<number>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface GridProperties {
|
|
9
9
|
gap?: SystemProperties["gap"]
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface HstackProperties {
|
|
9
9
|
justify?: SystemProperties["justifyContent"]
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
export * from './box.d.mts';
|
|
3
|
+
export * from './flex.d.mts';
|
|
4
|
+
export * from './stack.d.mts';
|
|
5
|
+
export * from './vstack.d.mts';
|
|
6
|
+
export * from './hstack.d.mts';
|
|
7
|
+
export * from './spacer.d.mts';
|
|
8
|
+
export * from './square.d.mts';
|
|
9
|
+
export * from './circle.d.mts';
|
|
10
|
+
export * from './center.d.mts';
|
|
11
|
+
export * from './link-overlay.d.mts';
|
|
12
|
+
export * from './aspect-ratio.d.mts';
|
|
13
|
+
export * from './grid.d.mts';
|
|
14
|
+
export * from './grid-item.d.mts';
|
|
15
|
+
export * from './wrap.d.mts';
|
|
16
|
+
export * from './container.d.mts';
|
|
17
|
+
export * from './divider.d.mts';
|
|
18
|
+
export * from './float.d.mts';
|
|
19
|
+
export * from './bleed.d.mts';
|
|
20
|
+
export * from './visually-hidden.d.mts';
|
|
21
|
+
export * from './cq.d.mts';
|
|
22
|
+
export * from './txt.d.mts';
|
package/dist/patterns/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface LinkOverlayProperties {
|
|
9
9
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface SpacerProperties {
|
|
9
9
|
size?: ConditionalValue<Tokens["spacing"]>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface SquareProperties {
|
|
9
9
|
size?: SystemProperties["width"]
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface StackProperties {
|
|
9
9
|
align?: SystemProperties["alignItems"]
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
|
+
|
|
8
|
+
export interface TxtProperties {
|
|
9
|
+
inline?: ConditionalValue<boolean>
|
|
10
|
+
dimmed?: ConditionalValue<boolean>
|
|
11
|
+
lh?: ConditionalValue<Tokens["lineHeights"]>
|
|
12
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl"
|
|
13
|
+
likec4color?: "amber" | "blue" | "gray" | "slate" | "green" | "indigo" | "muted" | "primary" | "red" | "secondary" | "sky"
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
interface TxtStyles extends TxtProperties, DistributiveOmit<SystemStyleObject, keyof TxtProperties > {}
|
|
17
|
+
|
|
18
|
+
interface TxtPatternFn {
|
|
19
|
+
(styles?: TxtStyles): string
|
|
20
|
+
raw: (styles?: TxtStyles) => SystemStyleObject
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
export declare const txt: TxtPatternFn;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { getPatternStyles, patternFns } from '../helpers.mjs';
|
|
2
|
+
import { css } from '../css/index.mjs';
|
|
3
|
+
|
|
4
|
+
const txtConfig = {
|
|
5
|
+
transform(props, _helpers) {
|
|
6
|
+
const { inline, size, dimmed, lh, likec4color, ...rest } = props;
|
|
7
|
+
if (dimmed && likec4color) {
|
|
8
|
+
throw new Error("dimmed and likec4color are mutually exclusive");
|
|
9
|
+
}
|
|
10
|
+
return {
|
|
11
|
+
userSelect: "all",
|
|
12
|
+
cursor: "default",
|
|
13
|
+
textStyle: dimmed ? `dimmed.${size}` : size,
|
|
14
|
+
...inline && { display: "inline-block" },
|
|
15
|
+
...lh && { lineHeight: lh },
|
|
16
|
+
...likec4color && { "data-likec4-color": likec4color },
|
|
17
|
+
...rest
|
|
18
|
+
};
|
|
19
|
+
},
|
|
20
|
+
defaultValues:{inline:false,dimmed:false,size:'md'}}
|
|
21
|
+
|
|
22
|
+
export const getTxtStyle = (styles = {}) => {
|
|
23
|
+
const _styles = getPatternStyles(txtConfig, styles)
|
|
24
|
+
return txtConfig.transform(_styles, patternFns)
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export const txt = (styles) => css(getTxtStyle(styles))
|
|
28
|
+
txt.raw = getTxtStyle
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface VisuallyHiddenProperties {
|
|
9
9
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface VstackProperties {
|
|
9
9
|
justify?: SystemProperties["justifyContent"]
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { SystemStyleObject, ConditionalValue } from '../types/index';
|
|
3
|
-
import type { Properties } from '../types/csstype';
|
|
4
|
-
import type { SystemProperties } from '../types/style-props';
|
|
5
|
-
import type { DistributiveOmit } from '../types/system-types';
|
|
6
|
-
import type { Tokens } from '../tokens/index';
|
|
2
|
+
import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { Properties } from '../types/csstype.d.mts';
|
|
4
|
+
import type { SystemProperties } from '../types/style-props.d.mts';
|
|
5
|
+
import type { DistributiveOmit } from '../types/system-types.d.mts';
|
|
6
|
+
import type { Tokens } from '../tokens/index.d.mts';
|
|
7
7
|
|
|
8
8
|
export interface WrapProperties {
|
|
9
9
|
gap?: SystemProperties["gap"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface ActionBtnVariant {
|
|
6
6
|
/**
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
|
+
|
|
5
|
+
interface ActionButtonsVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type ActionButtonsVariantMap = {
|
|
10
|
+
[key in keyof ActionButtonsVariant]: Array<ActionButtonsVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
export type ActionButtonsVariantProps = {
|
|
16
|
+
[key in keyof ActionButtonsVariant]?: ConditionalValue<ActionButtonsVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface ActionButtonsRecipe {
|
|
20
|
+
|
|
21
|
+
__type: ActionButtonsVariantProps
|
|
22
|
+
(props?: ActionButtonsVariantProps): string
|
|
23
|
+
raw: (props?: ActionButtonsVariantProps) => ActionButtonsVariantProps
|
|
24
|
+
variantMap: ActionButtonsVariantMap
|
|
25
|
+
variantKeys: Array<keyof ActionButtonsVariant>
|
|
26
|
+
splitVariantProps<Props extends ActionButtonsVariantProps>(props: Props): [ActionButtonsVariantProps, Pretty<DistributiveOmit<Props, keyof ActionButtonsVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: ActionButtonsVariantProps) => ActionButtonsVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Action Buttons Container within Diagram Node (Bottom-Center)
|
|
32
|
+
*/
|
|
33
|
+
export declare const actionButtons: ActionButtonsRecipe
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const actionButtonsFn = /* @__PURE__ */ createRecipe('action-buttons', {}, [])
|
|
5
|
+
|
|
6
|
+
const actionButtonsVariantMap = {}
|
|
7
|
+
|
|
8
|
+
const actionButtonsVariantKeys = Object.keys(actionButtonsVariantMap)
|
|
9
|
+
|
|
10
|
+
export const actionButtons = /* @__PURE__ */ Object.assign(memo(actionButtonsFn.recipeFn), {
|
|
11
|
+
__recipe__: true,
|
|
12
|
+
__name__: 'actionButtons',
|
|
13
|
+
__getCompoundVariantCss__: actionButtonsFn.__getCompoundVariantCss__,
|
|
14
|
+
raw: (props) => props,
|
|
15
|
+
variantKeys: actionButtonsVariantKeys,
|
|
16
|
+
variantMap: actionButtonsVariantMap,
|
|
17
|
+
merge(recipe) {
|
|
18
|
+
return mergeRecipes(this, recipe)
|
|
19
|
+
},
|
|
20
|
+
splitVariantProps(props) {
|
|
21
|
+
return splitProps(props, actionButtonsVariantKeys)
|
|
22
|
+
},
|
|
23
|
+
getVariantProps: actionButtonsFn.getVariantProps,
|
|
24
|
+
})
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface CompoundNodeVariant {
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* @default false
|
|
8
|
+
*/
|
|
9
|
+
isTransparent: boolean
|
|
10
|
+
/**
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
7
13
|
inverseColor: boolean
|
|
14
|
+
/**
|
|
15
|
+
* @default "none"
|
|
16
|
+
*/
|
|
8
17
|
borderStyle: "solid" | "dashed" | "dotted" | "none"
|
|
9
18
|
}
|
|
10
19
|
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { memo, splitProps } from '../helpers.mjs';
|
|
2
2
|
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
3
|
|
|
4
|
-
const compoundNodeFn = /* @__PURE__ */ createRecipe('likec4-compound-node', {
|
|
4
|
+
const compoundNodeFn = /* @__PURE__ */ createRecipe('likec4-compound-node', {
|
|
5
|
+
"isTransparent": false,
|
|
6
|
+
"inverseColor": false,
|
|
7
|
+
"borderStyle": "none"
|
|
8
|
+
}, [])
|
|
5
9
|
|
|
6
10
|
const compoundNodeVariantMap = {
|
|
7
11
|
"isTransparent": [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface EdgeActionBtnVariant {
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface EdgeLabelVariant {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface EdgePathVariant {
|
|
6
6
|
|
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface ElementNodeDataVariant {
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* @default "left"
|
|
8
|
+
*/
|
|
9
|
+
iconPosition: "left" | "right" | "top" | "bottom"
|
|
10
|
+
/**
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
13
|
+
withIconColor: boolean
|
|
7
14
|
}
|
|
8
15
|
|
|
9
16
|
type ElementNodeDataVariantMap = {
|
|
@@ -1,9 +1,23 @@
|
|
|
1
1
|
import { memo, splitProps } from '../helpers.mjs';
|
|
2
2
|
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
3
|
|
|
4
|
-
const elementNodeDataFn = /* @__PURE__ */ createRecipe('likec4-element-node-data', {
|
|
4
|
+
const elementNodeDataFn = /* @__PURE__ */ createRecipe('likec4-element-node-data', {
|
|
5
|
+
"iconPosition": "left",
|
|
6
|
+
"withIconColor": false
|
|
7
|
+
}, [])
|
|
5
8
|
|
|
6
|
-
const elementNodeDataVariantMap = {
|
|
9
|
+
const elementNodeDataVariantMap = {
|
|
10
|
+
"iconPosition": [
|
|
11
|
+
"left",
|
|
12
|
+
"right",
|
|
13
|
+
"top",
|
|
14
|
+
"bottom"
|
|
15
|
+
],
|
|
16
|
+
"withIconColor": [
|
|
17
|
+
"true",
|
|
18
|
+
"false"
|
|
19
|
+
]
|
|
20
|
+
}
|
|
7
21
|
|
|
8
22
|
const elementNodeDataVariantKeys = Object.keys(elementNodeDataVariantMap)
|
|
9
23
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface ElementNodeVariant {
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface ElementShapeRecipeVariant {
|
|
6
6
|
shapetype: "html" | "svg"
|
|
@@ -8,6 +8,10 @@ interface ElementShapeRecipeVariant {
|
|
|
8
8
|
* @default false
|
|
9
9
|
*/
|
|
10
10
|
withBorder: boolean
|
|
11
|
+
/**
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
14
|
+
withOutline: boolean
|
|
11
15
|
}
|
|
12
16
|
|
|
13
17
|
type ElementShapeRecipeVariantMap = {
|
|
@@ -2,7 +2,8 @@ import { memo, splitProps } from '../helpers.mjs';
|
|
|
2
2
|
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
3
|
|
|
4
4
|
const elementShapeRecipeFn = /* @__PURE__ */ createRecipe('likec4-element-shape', {
|
|
5
|
-
"withBorder": false
|
|
5
|
+
"withBorder": false,
|
|
6
|
+
"withOutline": false
|
|
6
7
|
}, [
|
|
7
8
|
{
|
|
8
9
|
"shapetype": "html",
|
|
@@ -29,6 +30,10 @@ const elementShapeRecipeVariantMap = {
|
|
|
29
30
|
"withBorder": [
|
|
30
31
|
"true",
|
|
31
32
|
"false"
|
|
33
|
+
],
|
|
34
|
+
"withOutline": [
|
|
35
|
+
"true",
|
|
36
|
+
"false"
|
|
32
37
|
]
|
|
33
38
|
}
|
|
34
39
|
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
export * from './action-btn.d.mts';
|
|
3
|
+
export * from './action-buttons.d.mts';
|
|
4
|
+
export * from './compound-node.d.mts';
|
|
5
|
+
export * from './edge-action-btn.d.mts';
|
|
6
|
+
export * from './edge-label.d.mts';
|
|
7
|
+
export * from './edge-path.d.mts';
|
|
8
|
+
export * from './element-node.d.mts';
|
|
9
|
+
export * from './element-node-data.d.mts';
|
|
10
|
+
export * from './element-shape-recipe.d.mts';
|
|
11
|
+
export * from './likec4tag.d.mts';
|
|
12
|
+
export * from './markdown-block.d.mts';
|
|
13
|
+
export * from './navigation-panel-action-icon.d.mts';
|
|
14
|
+
export * from './node-notes.d.mts';
|
|
15
|
+
export * from './overlay.d.mts';
|
|
16
|
+
export * from './navigation-link.d.mts';
|
|
17
|
+
export * from './navigation-panel.d.mts';
|
package/dist/recipes/index.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './action-btn.mjs';
|
|
2
|
+
export * from './action-buttons.mjs';
|
|
2
3
|
export * from './compound-node.mjs';
|
|
3
4
|
export * from './edge-action-btn.mjs';
|
|
4
5
|
export * from './edge-label.mjs';
|
|
@@ -9,6 +10,7 @@ export * from './element-shape-recipe.mjs';
|
|
|
9
10
|
export * from './likec4tag.mjs';
|
|
10
11
|
export * from './markdown-block.mjs';
|
|
11
12
|
export * from './navigation-panel-action-icon.mjs';
|
|
13
|
+
export * from './node-notes.mjs';
|
|
12
14
|
export * from './overlay.mjs';
|
|
13
15
|
export * from './navigation-link.mjs';
|
|
14
16
|
export * from './navigation-panel.mjs';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface Likec4tagVariant {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface MarkdownBlockVariant {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface NavigationLinkVariant {
|
|
6
6
|
/**
|
package/dist/recipes/{navigation-panel-action-icon.d.ts → navigation-panel-action-icon.d.mts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface NavigationPanelActionIconVariant {
|
|
6
6
|
/**
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
2
|
+
import type { ConditionalValue } from '../types/index.d.mts';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface NavigationPanelVariant {
|
|
6
6
|
/**
|
|
7
7
|
* @default "md"
|
|
8
8
|
*/
|
|
9
9
|
size: "md" | "lg"
|
|
10
|
+
/**
|
|
11
|
+
* @default "left"
|
|
12
|
+
*/
|
|
13
|
+
panelPosition: "left" | "right"
|
|
10
14
|
}
|
|
11
15
|
|
|
12
16
|
type NavigationPanelVariantMap = {
|