@likec4/styles 1.32.0 → 1.32.2
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/package.json +14 -16
- package/preset.d.mts +1 -1
- package/preset.mjs +4 -26
- package/vite.d.mts +0 -5
- package/vite.mjs +0 -5
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@likec4/styles",
|
|
3
3
|
"license": "MIT",
|
|
4
|
-
"version": "1.32.
|
|
4
|
+
"version": "1.32.2",
|
|
5
5
|
"bugs": "https://github.com/likec4/likec4/issues",
|
|
6
6
|
"homepage": "https://likec4.dev",
|
|
7
7
|
"author": "Denis Davydkov <denis@davydkov.com>",
|
|
@@ -53,33 +53,31 @@
|
|
|
53
53
|
"default": "./preset.mjs"
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
|
-
"./vite": {
|
|
57
|
-
"types": "./vite.d.mts",
|
|
58
|
-
"default": "./vite.mjs"
|
|
59
|
-
},
|
|
60
56
|
"./dev": "./dev.ts"
|
|
61
57
|
},
|
|
62
58
|
"peerDependencies": {
|
|
63
|
-
"@pandacss/dev": "^0.53.
|
|
59
|
+
"@pandacss/dev": "^0.53.7"
|
|
64
60
|
},
|
|
65
61
|
"devDependencies": {
|
|
66
62
|
"@pandabox/panda-plugins": "^0.0.8",
|
|
67
63
|
"@pandabox/utils": "^0.0.5",
|
|
68
|
-
"@pandabox/unplugin": "^0.2.
|
|
69
|
-
"@types/
|
|
70
|
-
"@types/react
|
|
71
|
-
"@
|
|
72
|
-
"
|
|
64
|
+
"@pandabox/unplugin": "^0.2.2",
|
|
65
|
+
"@types/picomatch": "^4.0.0",
|
|
66
|
+
"@types/react": "19.1.5",
|
|
67
|
+
"@types/react-dom": "19.1.5",
|
|
68
|
+
"@pandacss/dev": "^0.53.7",
|
|
69
|
+
"postcss": "8.5.5",
|
|
73
70
|
"nano-spawn": "^1.0.2",
|
|
74
|
-
"unbuild": "
|
|
75
|
-
"typescript": "
|
|
76
|
-
"@likec4/style-preset": "1.32.
|
|
77
|
-
"@likec4/tsconfig": "1.32.
|
|
71
|
+
"unbuild": "3.5.0",
|
|
72
|
+
"typescript": "5.8.3",
|
|
73
|
+
"@likec4/style-preset": "1.32.2",
|
|
74
|
+
"@likec4/tsconfig": "1.32.2"
|
|
78
75
|
},
|
|
79
76
|
"scripts": {
|
|
80
77
|
"typecheck": "tsc --build --verbose",
|
|
81
78
|
"build": "unbuild",
|
|
82
79
|
"generate": "panda codegen && panda cssgen",
|
|
83
|
-
"emit-pkg": "panda emit-pkg --base dist"
|
|
80
|
+
"emit-pkg": "panda emit-pkg --base dist",
|
|
81
|
+
"clean": "pnpm rimraf dist lib"
|
|
84
82
|
}
|
|
85
83
|
}
|
package/preset.d.mts
CHANGED
package/preset.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { definePreset, defineRecipe,
|
|
1
|
+
import { definePreset, defineRecipe, defineSemanticTokens, defineTokens, defineLayerStyles, defineTextStyles, defineUtility } from '@pandacss/dev';
|
|
2
2
|
|
|
3
3
|
const grayDark = {
|
|
4
4
|
gray1: "#111111",
|
|
@@ -3788,7 +3788,6 @@ const colors = {
|
|
|
3788
3788
|
yellowP3A: yellowP3A
|
|
3789
3789
|
};
|
|
3790
3790
|
|
|
3791
|
-
// src/preset.ts
|
|
3792
3791
|
var SCALE_RESERVED_TAGS = ["P3"];
|
|
3793
3792
|
var SCALE_TAGS_REGEX = new RegExp(
|
|
3794
3793
|
`(${SCALE_RESERVED_TAGS.join("|")})|(?=[A-Z0-9])`,
|
|
@@ -3838,8 +3837,6 @@ function getScales(lightPrefix) {
|
|
|
3838
3837
|
};
|
|
3839
3838
|
});
|
|
3840
3839
|
}
|
|
3841
|
-
|
|
3842
|
-
// src/utils.ts
|
|
3843
3840
|
function keysToObj(keys, value) {
|
|
3844
3841
|
if (keys.length === 0)
|
|
3845
3842
|
return value;
|
|
@@ -3867,8 +3864,6 @@ function mergeObjs(target, ...sources) {
|
|
|
3867
3864
|
}
|
|
3868
3865
|
return mergeObjs(target, ...sources);
|
|
3869
3866
|
}
|
|
3870
|
-
|
|
3871
|
-
// src/semantic-tokens.ts
|
|
3872
3867
|
function getSemanticTokens(darkMode, autoP3, colorScales = []) {
|
|
3873
3868
|
let scales = getScales(darkMode);
|
|
3874
3869
|
if (darkMode)
|
|
@@ -3920,8 +3915,6 @@ function getSemanticTokens(darkMode, autoP3, colorScales = []) {
|
|
|
3920
3915
|
})
|
|
3921
3916
|
);
|
|
3922
3917
|
}
|
|
3923
|
-
|
|
3924
|
-
// src/conditions.ts
|
|
3925
3918
|
function getConditions(darkModeCondition) {
|
|
3926
3919
|
let result = {};
|
|
3927
3920
|
if (darkModeCondition)
|
|
@@ -3933,8 +3926,6 @@ function getConditions(darkModeCondition) {
|
|
|
3933
3926
|
rec2020: "@media (color-gamut: rec2020)"
|
|
3934
3927
|
};
|
|
3935
3928
|
}
|
|
3936
|
-
|
|
3937
|
-
// src/preset.ts
|
|
3938
3929
|
var DEFAULT_DARK_MODE_CONDITION = ".dark &";
|
|
3939
3930
|
function createPreset(options) {
|
|
3940
3931
|
const darkMode = (options == null ? void 0 : options.darkMode) ?? false;
|
|
@@ -3956,7 +3947,6 @@ function createPreset(options) {
|
|
|
3956
3947
|
}
|
|
3957
3948
|
});
|
|
3958
3949
|
}
|
|
3959
|
-
|
|
3960
3950
|
const root = ".likec4-root";
|
|
3961
3951
|
const rootNotReduced = `${root}:not([data-likec4-reduced-graphics])`;
|
|
3962
3952
|
const nodeOrEdge = `:where(.react-flow__node, .react-flow__edge, .likec4-edge-label-container)`;
|
|
@@ -3978,7 +3968,6 @@ const radixColors = [
|
|
|
3978
3968
|
"grass",
|
|
3979
3969
|
"lime"
|
|
3980
3970
|
];
|
|
3981
|
-
|
|
3982
3971
|
const themeColors = [
|
|
3983
3972
|
"amber",
|
|
3984
3973
|
"blue",
|
|
@@ -6258,7 +6247,6 @@ const theme$1 = {
|
|
|
6258
6247
|
}
|
|
6259
6248
|
}
|
|
6260
6249
|
};
|
|
6261
|
-
|
|
6262
6250
|
const conditions = {
|
|
6263
6251
|
extend: {
|
|
6264
6252
|
light: '[data-mantine-color-scheme="light"] &',
|
|
@@ -6293,7 +6281,6 @@ const conditions = {
|
|
|
6293
6281
|
...conditions$1
|
|
6294
6282
|
}
|
|
6295
6283
|
};
|
|
6296
|
-
|
|
6297
6284
|
const patterns = {
|
|
6298
6285
|
extend: {
|
|
6299
6286
|
vstack: {
|
|
@@ -6309,7 +6296,6 @@ const patterns = {
|
|
|
6309
6296
|
}
|
|
6310
6297
|
}
|
|
6311
6298
|
};
|
|
6312
|
-
|
|
6313
6299
|
const actionBtn = defineRecipe({
|
|
6314
6300
|
className: "action-btn",
|
|
6315
6301
|
description: "The styles for the Action Buttons",
|
|
@@ -6436,13 +6422,11 @@ const likec4tag = defineRecipe({
|
|
|
6436
6422
|
conditions: ["hover"]
|
|
6437
6423
|
}]
|
|
6438
6424
|
});
|
|
6439
|
-
|
|
6440
6425
|
const recipes = {
|
|
6441
|
-
|
|
6442
|
-
|
|
6443
|
-
|
|
6426
|
+
__proto__: null,
|
|
6427
|
+
actionBtn,
|
|
6428
|
+
likec4tag
|
|
6444
6429
|
};
|
|
6445
|
-
|
|
6446
6430
|
const layerStyles = defineLayerStyles({
|
|
6447
6431
|
likec4: {
|
|
6448
6432
|
tag: {
|
|
@@ -6459,7 +6443,6 @@ const layerStyles = defineLayerStyles({
|
|
|
6459
6443
|
}
|
|
6460
6444
|
}
|
|
6461
6445
|
});
|
|
6462
|
-
|
|
6463
6446
|
const semanticTokens = defineSemanticTokens({
|
|
6464
6447
|
fontSizes: {
|
|
6465
6448
|
likec4: {
|
|
@@ -6510,7 +6493,6 @@ const semanticTokens = defineSemanticTokens({
|
|
|
6510
6493
|
}
|
|
6511
6494
|
}
|
|
6512
6495
|
});
|
|
6513
|
-
|
|
6514
6496
|
const textStyles = defineTextStyles({
|
|
6515
6497
|
likec4: {
|
|
6516
6498
|
node: {
|
|
@@ -6539,7 +6521,6 @@ const textStyles = defineTextStyles({
|
|
|
6539
6521
|
}
|
|
6540
6522
|
}
|
|
6541
6523
|
});
|
|
6542
|
-
|
|
6543
6524
|
const tokens = defineTokens({
|
|
6544
6525
|
lineHeights: {
|
|
6545
6526
|
"1": {
|
|
@@ -6610,7 +6591,6 @@ const tokens = defineTokens({
|
|
|
6610
6591
|
slowest: { value: "500ms" }
|
|
6611
6592
|
}
|
|
6612
6593
|
});
|
|
6613
|
-
|
|
6614
6594
|
const theme = {
|
|
6615
6595
|
...theme$1,
|
|
6616
6596
|
extend: {
|
|
@@ -6658,7 +6638,6 @@ const theme = {
|
|
|
6658
6638
|
}
|
|
6659
6639
|
}
|
|
6660
6640
|
};
|
|
6661
|
-
|
|
6662
6641
|
const colorPaletteValues = [
|
|
6663
6642
|
...themeColors,
|
|
6664
6643
|
...compoundColors
|
|
@@ -6729,7 +6708,6 @@ const utilities = {
|
|
|
6729
6708
|
likec4RelationPalette
|
|
6730
6709
|
}
|
|
6731
6710
|
};
|
|
6732
|
-
|
|
6733
6711
|
const index = definePreset({
|
|
6734
6712
|
name: "likec4",
|
|
6735
6713
|
// Whether to use css reset
|
package/vite.d.mts
DELETED