@likec4/styles 1.57.0 → 1.58.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.
|
@@ -3,10 +3,7 @@ import type { ConditionalValue } from '../types/index.d.mts';
|
|
|
3
3
|
import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
|
|
4
4
|
|
|
5
5
|
interface Likec4tagVariant {
|
|
6
|
-
|
|
7
|
-
* @default false
|
|
8
|
-
*/
|
|
9
|
-
autoTextColor: boolean
|
|
6
|
+
|
|
10
7
|
}
|
|
11
8
|
|
|
12
9
|
type Likec4tagVariantMap = {
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
import { memo, splitProps } from '../helpers.mjs';
|
|
2
2
|
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
3
|
|
|
4
|
-
const likec4tagFn = /* @__PURE__ */ createRecipe('likec4-tag', {
|
|
5
|
-
"autoTextColor": false
|
|
6
|
-
}, [])
|
|
4
|
+
const likec4tagFn = /* @__PURE__ */ createRecipe('likec4-tag', {}, [])
|
|
7
5
|
|
|
8
|
-
const likec4tagVariantMap = {
|
|
9
|
-
"autoTextColor": [
|
|
10
|
-
"false",
|
|
11
|
-
"true"
|
|
12
|
-
]
|
|
13
|
-
}
|
|
6
|
+
const likec4tagVariantMap = {}
|
|
14
7
|
|
|
15
8
|
const likec4tagVariantKeys = Object.keys(likec4tagVariantMap)
|
|
16
9
|
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@likec4/styles",
|
|
3
3
|
"description": "Shared PandaCSS preset and generated styles, used in LikeC4",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.58.0",
|
|
6
6
|
"bugs": "https://github.com/likec4/likec4/issues",
|
|
7
7
|
"homepage": "https://likec4.dev",
|
|
8
8
|
"author": "Denis Davydkov <denis@davydkov.com>",
|
|
@@ -98,15 +98,15 @@
|
|
|
98
98
|
"@pandabox/unplugin": "^0.2.2",
|
|
99
99
|
"@pandacss/dev": "^1.11.1",
|
|
100
100
|
"@types/picomatch": "^4.0.3",
|
|
101
|
-
"@types/react": "19.2.
|
|
101
|
+
"@types/react": "19.2.16",
|
|
102
102
|
"postcss": "8.5.15",
|
|
103
|
-
"remeda": "^2.
|
|
104
|
-
"nano-spawn": "^2.
|
|
103
|
+
"remeda": "^2.37.0",
|
|
104
|
+
"nano-spawn": "^2.1.0",
|
|
105
105
|
"obuild": "0.4.31",
|
|
106
|
-
"typescript": "
|
|
107
|
-
"@likec4/style-preset": "1.
|
|
108
|
-
"@likec4/
|
|
109
|
-
"@likec4/
|
|
106
|
+
"typescript": "6.0.3",
|
|
107
|
+
"@likec4/style-preset": "1.58.0",
|
|
108
|
+
"@likec4/tsconfig": "1.58.0",
|
|
109
|
+
"@likec4/devops": "1.58.0"
|
|
110
110
|
},
|
|
111
111
|
"scripts": {
|
|
112
112
|
"typecheck": "tsc --noEmit",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as colors_exports } from "./@radix-ui/colors.mjs";
|
|
2
2
|
import { definePreset } from "@pandacss/dev";
|
|
3
|
-
//#region ../../node_modules/.pnpm/pandacss-preset-radix-colors@0.2.1_@pandacss+dev@1.11.1_typescript@
|
|
3
|
+
//#region ../../node_modules/.pnpm/pandacss-preset-radix-colors@0.2.1_@pandacss+dev@1.11.1_typescript@6.0.3__@radix-ui+colors@3.0.0/node_modules/pandacss-preset-radix-colors/index.mjs
|
|
4
4
|
var SCALE_TAGS_REGEX = new RegExp(`(${["P3"].join("|")})|(?=[A-Z0-9])`, "g");
|
|
5
5
|
function getScaleTags(fullName) {
|
|
6
6
|
return fullName.split(SCALE_TAGS_REGEX).filter(Boolean).map((x) => x.toLowerCase());
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
1
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/lazyDataLastImpl-DtF3cihj.js
|
|
2
2
|
function e$4(e, t, n) {
|
|
3
3
|
let r = (n) => e(n, ...t);
|
|
4
4
|
return n === void 0 ? r : Object.assign(r, {
|
|
@@ -7,7 +7,7 @@ function e$4(e, t, n) {
|
|
|
7
7
|
});
|
|
8
8
|
}
|
|
9
9
|
//#endregion
|
|
10
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
10
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/purry.js
|
|
11
11
|
function t$10(t, n, r) {
|
|
12
12
|
let i = t.length - n.length;
|
|
13
13
|
if (i === 0) return t(...n);
|
|
@@ -15,7 +15,7 @@ function t$10(t, n, r) {
|
|
|
15
15
|
throw Error(`Wrong number of arguments`);
|
|
16
16
|
}
|
|
17
17
|
//#endregion
|
|
18
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
18
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/capitalize.js
|
|
19
19
|
function t$9(...t) {
|
|
20
20
|
return t$10(n$6, t);
|
|
21
21
|
}
|
|
@@ -24,7 +24,7 @@ const n$6 = (e) => `${e[0]?.toUpperCase() ?? ``}${e.slice(1)}`, t$8 = {
|
|
|
24
24
|
hasNext: !1
|
|
25
25
|
};
|
|
26
26
|
//#endregion
|
|
27
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
27
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/pipe.js
|
|
28
28
|
function t$7(e, ...t) {
|
|
29
29
|
let a = e, o = t.map((e) => `lazy` in e ? r(e) : void 0), s = 0;
|
|
30
30
|
for (; s < t.length;) {
|
|
@@ -74,23 +74,23 @@ function i(e) {
|
|
|
74
74
|
return typeof e == `string` || typeof e == `object` && !!e && Symbol.iterator in e;
|
|
75
75
|
}
|
|
76
76
|
//#endregion
|
|
77
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
77
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/hasAtLeast.js
|
|
78
78
|
function t$6(...t) {
|
|
79
79
|
return t$10(n$3, t);
|
|
80
80
|
}
|
|
81
81
|
const n$3 = (e, t) => e.length >= t;
|
|
82
82
|
//#endregion
|
|
83
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
83
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/isString.js
|
|
84
84
|
function e$2(e) {
|
|
85
85
|
return typeof e == `string`;
|
|
86
86
|
}
|
|
87
87
|
//#endregion
|
|
88
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
88
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/keys.js
|
|
89
89
|
function t$5(...t) {
|
|
90
90
|
return t$10(Object.keys, t);
|
|
91
91
|
}
|
|
92
92
|
//#endregion
|
|
93
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
93
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/mapKeys.js
|
|
94
94
|
function t$4(...t) {
|
|
95
95
|
return t$10(n$2, t);
|
|
96
96
|
}
|
|
@@ -103,7 +103,7 @@ function n$2(e, t) {
|
|
|
103
103
|
return n;
|
|
104
104
|
}
|
|
105
105
|
//#endregion
|
|
106
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
106
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/mapToObj.js
|
|
107
107
|
function t$3(...t) {
|
|
108
108
|
return t$10(n$1, t);
|
|
109
109
|
}
|
|
@@ -116,7 +116,7 @@ function n$1(e, t) {
|
|
|
116
116
|
return n;
|
|
117
117
|
}
|
|
118
118
|
//#endregion
|
|
119
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
119
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/mapValues.js
|
|
120
120
|
function t$2(...t) {
|
|
121
121
|
return t$10(n, t);
|
|
122
122
|
}
|
|
@@ -126,7 +126,7 @@ function n(e, t) {
|
|
|
126
126
|
return n;
|
|
127
127
|
}
|
|
128
128
|
//#endregion
|
|
129
|
-
//#region ../../node_modules/.pnpm/remeda@2.
|
|
129
|
+
//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/prop.js
|
|
130
130
|
function e$1(e, ...n) {
|
|
131
131
|
return typeof e == `string` || typeof e == `number` || typeof e == `symbol` ? (r) => t$1(r, e, ...n) : t$1(e, ...n);
|
|
132
132
|
}
|
package/preset/preset.mjs
CHANGED
|
@@ -2740,29 +2740,13 @@ const likec4tag = defineRecipe({
|
|
|
2740
2740
|
layerStyle: "likec4.tag",
|
|
2741
2741
|
whiteSpace: "nowrap",
|
|
2742
2742
|
px: "1",
|
|
2743
|
-
py: "0"
|
|
2744
|
-
|
|
2745
|
-
variants: { autoTextColor: {
|
|
2746
|
-
false: { "& > span": {
|
|
2743
|
+
py: "0",
|
|
2744
|
+
"& > span": {
|
|
2747
2745
|
color: "likec4.tag.text",
|
|
2748
2746
|
_first: { opacity: .65 }
|
|
2749
|
-
}
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
filter: "invert(1) grayscale(1) brightness(1.3) contrast(1000)",
|
|
2753
|
-
backgroundColor: "likec4.tag.bg",
|
|
2754
|
-
backgroundClip: "text",
|
|
2755
|
-
mixBlendMode: {
|
|
2756
|
-
base: "plus-lighter",
|
|
2757
|
-
_print: "normal!"
|
|
2758
|
-
}
|
|
2759
|
-
} }
|
|
2760
|
-
} },
|
|
2761
|
-
defaultVariants: { autoTextColor: false },
|
|
2762
|
-
staticCss: [{
|
|
2763
|
-
autoTextColor: ["true", "false"],
|
|
2764
|
-
conditions: ["hover"]
|
|
2765
|
-
}]
|
|
2747
|
+
}
|
|
2748
|
+
},
|
|
2749
|
+
staticCss: [{ conditions: ["hover"] }]
|
|
2766
2750
|
});
|
|
2767
2751
|
//#endregion
|
|
2768
2752
|
//#region ../preset/src/recipes/markdownBlock.ts
|
|
@@ -3196,7 +3180,11 @@ const overlay = defineRecipe({
|
|
|
3196
3180
|
[inset]: "calc((1 + var(--_level) * 0.75) * var(--_offset))",
|
|
3197
3181
|
[backdropOpacity]: "0%",
|
|
3198
3182
|
[borderRadius]: "0px",
|
|
3199
|
-
_backdrop: {
|
|
3183
|
+
_backdrop: {
|
|
3184
|
+
cursor: "zoom-out",
|
|
3185
|
+
backdropFilter: `blur(var(${backdropBlur}))`,
|
|
3186
|
+
background: `color-mix(in oklab, {colors.likec4.overlay.backdrop} var(${backdropOpacity}), transparent)`
|
|
3187
|
+
},
|
|
3200
3188
|
inset: "0",
|
|
3201
3189
|
padding: "0"
|
|
3202
3190
|
},
|
|
@@ -3235,21 +3223,19 @@ const overlay = defineRecipe({
|
|
|
3235
3223
|
} }
|
|
3236
3224
|
},
|
|
3237
3225
|
withBackdrop: {
|
|
3238
|
-
false: { dialog: { _backdrop: {
|
|
3239
|
-
|
|
3240
|
-
backdropFilter:
|
|
3241
|
-
background:
|
|
3242
|
-
} } }
|
|
3226
|
+
false: { dialog: { _backdrop: {
|
|
3227
|
+
display: "none",
|
|
3228
|
+
backdropFilter: "none",
|
|
3229
|
+
background: "[transparent]"
|
|
3230
|
+
} } },
|
|
3231
|
+
true: {}
|
|
3243
3232
|
}
|
|
3244
3233
|
},
|
|
3245
3234
|
defaultVariants: {
|
|
3246
3235
|
fullscreen: false,
|
|
3247
3236
|
withBackdrop: true
|
|
3248
3237
|
},
|
|
3249
|
-
staticCss: [
|
|
3250
|
-
fullscreen: ["*"],
|
|
3251
|
-
withBackdrop: ["*"]
|
|
3252
|
-
}]
|
|
3238
|
+
staticCss: ["*"]
|
|
3253
3239
|
});
|
|
3254
3240
|
//#endregion
|
|
3255
3241
|
//#region ../preset/src/recipes/index.ts
|