@kbach/ui 0.1.0-beta.3 → 0.1.0-beta.4

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.
@@ -3577,9 +3577,12 @@ function formatKbachCSS(tokenCSS, theme, responsiveRe) {
3577
3577
  const replacements = new Map([...colorVars.replacements, ...spacingVars.replacements]);
3578
3578
  const declarations = new Map([...colorVars.declarations, ...spacingVars.declarations]);
3579
3579
  const sortedReplacements = [...replacements].sort(([a], [b]) => b.length - a.length);
3580
+ const varPatternRes = sortedReplacements.map(
3581
+ ([pattern, replacement]) => [new RegExp(`(?<!\\\\)${pattern.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}`, "g"), replacement]
3582
+ );
3580
3583
  function applyVars(css) {
3581
- for (const [pattern, replacement] of sortedReplacements)
3582
- css = css.split(pattern).join(replacement);
3584
+ for (const [re, replacement] of varPatternRes)
3585
+ css = css.replace(re, () => replacement);
3583
3586
  return css;
3584
3587
  }
3585
3588
  const groups = new Map(GROUP_ORDER.map((g) => [g, []]));
@@ -3542,9 +3542,12 @@ function formatKbachCSS(tokenCSS, theme, responsiveRe) {
3542
3542
  const replacements = new Map([...colorVars.replacements, ...spacingVars.replacements]);
3543
3543
  const declarations = new Map([...colorVars.declarations, ...spacingVars.declarations]);
3544
3544
  const sortedReplacements = [...replacements].sort(([a], [b]) => b.length - a.length);
3545
+ const varPatternRes = sortedReplacements.map(
3546
+ ([pattern, replacement]) => [new RegExp(`(?<!\\\\)${pattern.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}`, "g"), replacement]
3547
+ );
3545
3548
  function applyVars(css) {
3546
- for (const [pattern, replacement] of sortedReplacements)
3547
- css = css.split(pattern).join(replacement);
3549
+ for (const [re, replacement] of varPatternRes)
3550
+ css = css.replace(re, () => replacement);
3548
3551
  return css;
3549
3552
  }
3550
3553
  const groups = new Map(GROUP_ORDER.map((g) => [g, []]));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kbach/ui",
3
- "version": "0.1.0-beta.3",
3
+ "version": "0.1.0-beta.4",
4
4
  "description": "Tailwind-like utility classes and components for React — web, React Native, and Expo",
5
5
  "license": "MIT",
6
6
  "repository": {