@quilltap/theme-storybook 1.0.40 → 1.0.41

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to `@quilltap/theme-storybook` will be documented in this file.
 
+## [1.0.41] - 2026-06-10
+
+### Changed
+- `Icons` story: the catalogue now lists the new `tag` icon (80 names), and the `brand` note reflects the app-side rule change — an `.svg` brand override is tinted like any other icon; ship `.webp` to keep its own colors.
+
 ## [1.0.40] - 2026-06-09
 
 ### Added

package/dist/{chunk-GXTUADEJ.mjs → chunk-U2PTQQL5.mjs}

@@ -100,6 +100,7 @@ var ICON_GROUPS = [
       "eye-off",
       "star",
       "bookmark",
+      "tag",
       "expand",
       "compress"
     ]
@@ -218,7 +219,11 @@ var Icons = () => {
         /* @__PURE__ */ jsxs2("li", { children: [
           "The ",
           /* @__PURE__ */ jsx2("code", { children: "brand" }),
-          " mark is always drawn in full color, even when overridden with an SVG."
+          " mark follows the same rule: an ",
+          /* @__PURE__ */ jsx2("code", { children: ".svg" }),
+          " override is tinted like any other icon, so ship it as ",
+          /* @__PURE__ */ jsx2("code", { children: ".webp" }),
+          " if it should keep its own colors."
         ] }),
         /* @__PURE__ */ jsxs2("li", { children: [
           "Names must match the built-in names below; unknown names are ignored. Run",

package/dist/index.js

@@ -208,6 +208,7 @@ var ICON_GROUPS = [
       "eye-off",
       "star",
       "bookmark",
+      "tag",
       "expand",
       "compress"
     ]
@@ -326,7 +327,11 @@ var Icons = () => {
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { children: [
           "The ",
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { children: "brand" }),
-          " mark is always drawn in full color, even when overridden with an SVG."
+          " mark follows the same rule: an ",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { children: ".svg" }),
+          " override is tinted like any other icon, so ship it as ",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { children: ".webp" }),
+          " if it should keep its own colors."
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { children: [
           "Names must match the built-in names below; unknown names are ignored. Run",

package/dist/index.mjs

@@ -19,7 +19,7 @@ import {
   Terminal,
   ThemeComparison,
   Typography
-} from "./chunk-GXTUADEJ.mjs";
+} from "./chunk-U2PTQQL5.mjs";
 import "./chunk-WUKYLWAZ.mjs";
 
 // src/preview.tsx

package/dist/stories/index.js

@@ -145,6 +145,7 @@ var ICON_GROUPS = [
       "eye-off",
       "star",
       "bookmark",
+      "tag",
       "expand",
       "compress"
     ]
@@ -263,7 +264,11 @@ var Icons = () => {
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { children: [
           "The ",
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: "brand" }),
-          " mark is always drawn in full color, even when overridden with an SVG."
+          " mark follows the same rule: an ",
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: ".svg" }),
+          " override is tinted like any other icon, so ship it as ",
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: ".webp" }),
+          " if it should keep its own colors."
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { children: [
           "Names must match the built-in names below; unknown names are ignored. Run",

package/dist/stories/index.mjs

@@ -19,7 +19,7 @@ import {
   Terminal,
   ThemeComparison,
   Typography
-} from "../chunk-GXTUADEJ.mjs";
+} from "../chunk-U2PTQQL5.mjs";
 import "../chunk-WUKYLWAZ.mjs";
 export {
   Avatars,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quilltap/theme-storybook",
-  "version": "1.0.40",
+  "version": "1.0.41",
   "description": "Storybook preset and stories for developing Quilltap theme plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/stories/components/Icons.tsx

@@ -24,7 +24,7 @@ const ICON_GROUPS: IconGroup[] = [
     names: [
       'close', 'pencil', 'refresh', 'check', 'check-circle', 'chat', 'info', 'trash',
       'copy', 'plus', 'search', 'download', 'upload', 'cloud-upload', 'external-link',
-      'link', 'send', 'paperclip', 'eye', 'eye-off', 'star', 'bookmark', 'expand', 'compress',
+      'link', 'send', 'paperclip', 'eye', 'eye-off', 'star', 'bookmark', 'tag', 'expand', 'compress',
     ],
   },
   {
@@ -131,7 +131,9 @@ export const Icons: React.FC = () => {
             full color — best for textured or multi-color marks.
           </li>
           <li>
-            The <code>brand</code> mark is always drawn in full color, even when overridden with an SVG.
+            The <code>brand</code> mark follows the same rule: an <code>.svg</code> override is
+            tinted like any other icon, so ship it as <code>.webp</code> if it should keep its own
+            colors.
           </li>
           <li>
             Names must match the built-in names below; unknown names are ignored. Run{' '}