support arbitrary grow-[x] (issue 146)

jaredh159 · Mar 22, 2024 · a368561 · a368561
1 parent b935eea
commit a368561
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/__tests__/flex.spec.ts b/src/__tests__/flex.spec.ts
@@ -15,6 +15,7 @@ describe(`flex grow/shrink`, () => {
     [`grow`, { flexGrow: 1 }],
     [`grow-0`, { flexGrow: 0 }],
     [`grow-33`, { flexGrow: 33 }],
+    [`grow-[33]`, { flexGrow: 33 }],
     [`shrink`, { flexShrink: 1 }],
     [`shrink-0`, { flexShrink: 0 }],
     [`shrink-77`, { flexShrink: 77 }],

diff --git a/src/resolve/flex.ts b/src/resolve/flex.ts
@@ -8,6 +8,9 @@ export function flexGrowShrink(
   config?: TwTheme['flexGrow'] | TwTheme['flexShrink'],
 ): StyleIR | null {
   value = value.replace(/^-/, ``);
+  if (value[0] === `[` && value.endsWith(`]`)) {
+    value = value.slice(1, -1);
+  }
   const configKey = value === `` ? `DEFAULT` : value;
   const numericValue = Number(config?.[configKey] ?? value);
   if (!Number.isNaN(numericValue)) {