@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.57.0",
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.15",
101
+ "@types/react": "19.2.16",
102
102
  "postcss": "8.5.15",
103
- "remeda": "^2.33.7",
104
- "nano-spawn": "^2.0.0",
103
+ "remeda": "^2.37.0",
104
+ "nano-spawn": "^2.1.0",
105
105
  "obuild": "0.4.31",
106
- "typescript": "5.9.3",
107
- "@likec4/style-preset": "1.57.0",
108
- "@likec4/devops": "1.57.0",
109
- "@likec4/tsconfig": "1.57.0"
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@5.9.3__@radix-ui+colors@3.0.0/node_modules/pandacss-preset-radix-colors/index.mjs
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.33.7/node_modules/remeda/dist/lazyDataLastImpl-DtF3cihj.js
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.33.7/node_modules/remeda/dist/purry.js
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.33.7/node_modules/remeda/dist/capitalize.js
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.33.7/node_modules/remeda/dist/pipe.js
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.33.7/node_modules/remeda/dist/hasAtLeast.js
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.33.7/node_modules/remeda/dist/isString.js
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.33.7/node_modules/remeda/dist/keys.js
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.33.7/node_modules/remeda/dist/mapKeys.js
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.33.7/node_modules/remeda/dist/mapToObj.js
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.33.7/node_modules/remeda/dist/mapValues.js
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.33.7/node_modules/remeda/dist/prop.js
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
- true: { "& > span": {
2751
- color: "transparent",
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: { cursor: "zoom-out" },
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: { display: "none" } } },
3239
- true: { dialog: { _backdrop: {
3240
- backdropFilter: `blur(var(${backdropBlur}))`,
3241
- background: `color-mix(in oklab, {colors.likec4.overlay.backdrop} var(${backdropOpacity}), transparent)`
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