From 622b08dc4d74448abd78041586f5888bd82bb655 Mon Sep 17 00:00:00 2001
From: Sascha Tandel <s.tandel@kenoxa.de>
Date: Tue, 13 Dec 2022 09:17:31 +0100
Subject: [PATCH] Add fill-none and stroke-none utilities

---
 .changeset/late-bananas-switch.md                      |  5 +++++
 .../src/__snapshots__/enumerate.test.ts.snap           |  2 ++
 .../src/__snapshots__/suggest-at.test.ts.snap          |  2 ++
 packages/intellisense/src/suggest.test.ts              |  2 +-
 packages/preset-tailwind/src/defaultTheme.ts           | 10 ++++++++--
 packages/preset-tailwind/src/rules.test.json           |  2 ++
 6 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/late-bananas-switch.md

diff --git a/.changeset/late-bananas-switch.md b/.changeset/late-bananas-switch.md
new file mode 100644
index 000000000..6909312ec
--- /dev/null
+++ b/.changeset/late-bananas-switch.md
@@ -0,0 +1,5 @@
+---
+'@twind/preset-tailwind': minor
+---
+
+Add `fill-none` and `stroke-none` utilities
diff --git a/packages/intellisense/src/__snapshots__/enumerate.test.ts.snap b/packages/intellisense/src/__snapshots__/enumerate.test.ts.snap
index b25bd7955..1e4056ccc 100644
--- a/packages/intellisense/src/__snapshots__/enumerate.test.ts.snap
+++ b/packages/intellisense/src/__snapshots__/enumerate.test.ts.snap
@@ -6349,6 +6349,7 @@ exports[`enumerate 1`] = `
   "ease-in-out",
   "fill-current",
   "fill-inherit",
+  "fill-none",
   "fill-black",
   "fill-transparent",
   "fill-white",
@@ -12487,6 +12488,7 @@ exports[`enumerate 1`] = `
   "stroke-2",
   "stroke-current",
   "stroke-inherit",
+  "stroke-none",
   "stroke-black",
   "stroke-transparent",
   "stroke-white",
diff --git a/packages/intellisense/src/__snapshots__/suggest-at.test.ts.snap b/packages/intellisense/src/__snapshots__/suggest-at.test.ts.snap
index 46a624aa3..6c4c65678 100644
--- a/packages/intellisense/src/__snapshots__/suggest-at.test.ts.snap
+++ b/packages/intellisense/src/__snapshots__/suggest-at.test.ts.snap
@@ -6835,6 +6835,7 @@ exports[`suggestAt html 5`] = `
     "ease-in-out",
     "fill-current",
     "fill-inherit",
+    "fill-none",
     "fill-black",
     "fill-transparent",
     "fill-white",
@@ -12973,6 +12974,7 @@ exports[`suggestAt html 5`] = `
     "stroke-2",
     "stroke-current",
     "stroke-inherit",
+    "stroke-none",
     "stroke-black",
     "stroke-transparent",
     "stroke-white",
diff --git a/packages/intellisense/src/suggest.test.ts b/packages/intellisense/src/suggest.test.ts
index 988a85e77..6c559266e 100644
--- a/packages/intellisense/src/suggest.test.ts
+++ b/packages/intellisense/src/suggest.test.ts
@@ -16,7 +16,7 @@ const $ = (suggestions: Promise<Suggestion[]>) =>
   suggestions.then((suggestions) => suggestions.map(({ value }) => value))
 
 test('suggest with empty input', async () => {
-  await expect(intellisense.suggest('')).resolves.toHaveLength(14712)
+  await expect(intellisense.suggest('')).resolves.toHaveLength(14714)
 })
 
 test('suggest with single char input', async () => {
diff --git a/packages/preset-tailwind/src/defaultTheme.ts b/packages/preset-tailwind/src/defaultTheme.ts
index fc7ab58cc..ac1b0a9f3 100644
--- a/packages/preset-tailwind/src/defaultTheme.ts
+++ b/packages/preset-tailwind/src/defaultTheme.ts
@@ -300,7 +300,10 @@ const theme: DefaultTheme = {
     '2xl': '0 25px 25px rgba(0,0,0,0.15)',
     none: '0 0 #0000',
   },
-  fill: /* #__PURE__ */ alias('colors'),
+  fill: ({ theme }) => ({
+    ...theme('colors'),
+    none: 'none',
+  }),
   grayscale: {
     DEFAULT: '100%',
     0: '0',
@@ -725,7 +728,10 @@ const theme: DefaultTheme = {
     // 12: '12deg',
   },
   space: /* #__PURE__ */ alias('spacing'),
-  stroke: /* #__PURE__ */ alias('colors'),
+  stroke: ({ theme }) => ({
+    ...theme('colors'),
+    none: 'none',
+  }),
   strokeWidth: /* #__PURE__ */ linear(2),
   // 0: '0',
   // 1: '1',
diff --git a/packages/preset-tailwind/src/rules.test.json b/packages/preset-tailwind/src/rules.test.json
index 914a130d5..39c6980bf 100644
--- a/packages/preset-tailwind/src/rules.test.json
+++ b/packages/preset-tailwind/src/rules.test.json
@@ -348,9 +348,11 @@
   "resize-y": ".resize-y{resize:vertical}",
   "resize-none": ".resize-none{resize:none}",
   "fill-current": ".fill-current{fill:currentColor}",
+  "fill-none": ".fill-none{fill:none}",
   "fill-zinc-100": ".fill-zinc-100{fill:rgba(244,244,245,1)}",
   "fill-zinc-100/50": ".fill-zinc-100\\/50{fill:rgba(244,244,245,0.5)}",
   "stroke-current": ".stroke-current{stroke:currentColor}",
+  "stroke-none": ".stroke-none{stroke:none}",
   "stroke-1": ".stroke-1{stroke-width:1}",
   "sr-only": ".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);border-width:0}",
   "not-sr-only": ".not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;white-space:normal;clip:auto}",