@purpurds/icon 7.6.1 → 7.8.0

package/dist/icon.d.ts

@@ -1,14 +1,14 @@
 import { default as React } from 'react';
+import { BaseProps } from '@purpurds/common-types';
 import { iconList } from './icon-imports';
 
 export declare type IconName = keyof typeof iconList;
 export declare const sizes: readonly ["xxs", "xs", "sm", "md", "lg", "xl"];
 export declare const DEFAULT_SIZE: "md";
 export type Size = (typeof sizes)[number];
-export type IconBaseProps = React.HTMLAttributes<HTMLSpanElement> & {
+export type IconBaseProps = Omit<BaseProps<"span">, "children"> & {
     size?: Size;
     allyTitle?: string;
-    ["data-testid"]?: string;
 };
 export type IconProps = {
     svg: {
@@ -17,7 +17,7 @@ export type IconProps = {
     };
 } & IconBaseProps;
 export declare const Icon: {
-    ({ ["data-testid"]: dataTestid, svg, allyTitle, className, size, ...props }: IconProps): React.JSX.Element;
+    ({ svg, allyTitle, className, size, ...props }: IconProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=icon.d.ts.map

package/dist/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../src/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,MAAM,CAAC,OAAO,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAKrD,eAAO,MAAM,KAAK,gDAAiD,CAAC;AACpE,eAAO,MAAM,YAAY,MAAgB,CAAC;AAE1C,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAQ1C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC,GAAG,aAAa,CAAC;AAwBlB,eAAO,MAAM,IAAI;iFAOd,SAAS;;CAgBX,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../src/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAIxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAKrD,eAAO,MAAM,KAAK,gDAAiD,CAAC;AACpE,eAAO,MAAM,YAAY,MAAgB,CAAC;AAE1C,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAQ1C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAChE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC,GAAG,aAAa,CAAC;AAwBlB,eAAO,MAAM,IAAI;oDAAkE,SAAS;;CAS3F,CAAC"}

package/dist/icon.es.js

@@ -42,7 +42,7 @@ function m() {
   }(c)), c.exports;
 }
 var _ = m();
-const d = /* @__PURE__ */ f(_), v = {
+const v = /* @__PURE__ */ f(_), d = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -50,7 +50,7 @@ const d = /* @__PURE__ */ f(_), v = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, x = d.bind(v), l = "purpur-icon", w = ["xxs", "xs", "sm", "md", "lg", "xl"], g = "md", h = (r) => r.filter((e) => Object.keys(e).length >= 1).map((e) => `${e.name}="${e.value}"`).join(" "), y = ({ content: r = "", title: e } = {}) => {
+}, x = v.bind(d), l = "purpur-icon", w = ["xxs", "xs", "sm", "md", "lg", "xl"], g = "md", h = (r) => r.filter((e) => Object.keys(e).length >= 1).map((e) => `${e.name}="${e.value}"`).join(" "), y = ({ content: r = "", title: e } = {}) => {
   const s = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -58,27 +58,12 @@ const d = /* @__PURE__ */ f(_), v = {
     e ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], u = e ? `<title>${e}</title>` : "";
   return `<svg ${h(s)}>${u}${r}</svg>`;
-}, S = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), b = ({
-  ["data-testid"]: r,
-  svg: e,
-  allyTitle: s,
-  className: u,
-  size: i = g,
-  ...t
-}) => {
-  const n = y({
-    content: S(e.svg),
-    title: s
-  }), o = x(u, l, `${l}--${i}`);
-  return /* @__PURE__ */ a(
-    "span",
-    {
-      className: o,
-      "data-testid": r,
-      dangerouslySetInnerHTML: { __html: n },
-      ...t
-    }
-  );
+}, S = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), b = ({ svg: r, allyTitle: e, className: s, size: u = g, ...i }) => {
+  const t = y({
+    content: S(r.svg),
+    title: e
+  }), n = x(s, l, `${l}--${u}`);
+  return /* @__PURE__ */ a("span", { className: n, dangerouslySetInnerHTML: { __html: t }, ...i });
 };
 b.displayName = "Icon";
 export {

package/dist/icon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/icon.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./icon.module.scss\";\nimport type { iconList } from \"./icon-imports\";\nexport declare type IconName = keyof typeof iconList;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-icon\";\n\nexport const sizes = [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\ntype CreateSvg = {\n  content?: string;\n  title?: string;\n  ariaHidden?: boolean;\n};\n\nexport type IconBaseProps = React.HTMLAttributes<HTMLSpanElement> & {\n  size?: Size;\n  allyTitle?: string;\n  [\"data-testid\"]?: string;\n};\n\nexport type IconProps = {\n  svg: { svg: string; name: string };\n} & IconBaseProps;\n\n// Create string from array of attributes\nconst getAttributesString = (attributeCollection: Record<string, unknown>[]) =>\n  attributeCollection\n    .filter((attr) => Object.keys(attr).length >= 1) // remove empty object\n    .map((item) => `${item.name}=\"${item.value}\"`)\n    .join(\" \");\n\nconst createSvg = ({ content = \"\", title }: CreateSvg = {}) => {\n  const attributeCollection = [\n    { name: \"xmlns\", value: \"http://www.w3.org/2000/svg\" },\n    { name: \"fill\", value: \"currentColor\" },\n    { name: \"viewBox\", value: \"0 0 24 24\" },\n    title ? { name: \"role\", value: \"img\" } : { name: \"aria-hidden\", value: \"true\" },\n  ];\n\n  const titleElement = title ? `<title>${title}</title>` : \"\";\n  return `<svg ${getAttributesString(attributeCollection)}>${titleElement}${content}</svg>`;\n};\n\n// Remove svg tags\nconst getSvgContent = (svg: string): string => svg.replace(/<(\\/?)svg([^>]*)>/g, \"\").trim();\n\nexport const Icon = ({\n  [\"data-testid\"]: dataTestid,\n  svg,\n  allyTitle,\n  className,\n  size = DEFAULT_SIZE,\n  ...props\n}: IconProps) => {\n  const svgString = createSvg({\n    content: getSvgContent(svg.svg),\n    title: allyTitle,\n  });\n\n  const classes = cx(className, rootClassName, `${rootClassName}--${size}`);\n\n  return (\n    <span\n      className={classes}\n      data-testid={dataTestid}\n      dangerouslySetInnerHTML={{ __html: svgString }}\n      {...props}\n    />\n  );\n};\n\nIcon.displayName = \"Icon\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","sizes","DEFAULT_SIZE","getAttributesString","attributeCollection","attr","item","createSvg","content","title","titleElement","getSvgContent","svg","Icon","dataTestid","allyTitle","className","size","props","svgString","jsx"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"icon.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/icon.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./icon.module.scss\";\nimport type { iconList } from \"./icon-imports\";\n\nexport declare type IconName = keyof typeof iconList;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-icon\";\n\nexport const sizes = [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\ntype CreateSvg = {\n  content?: string;\n  title?: string;\n  ariaHidden?: boolean;\n};\n\nexport type IconBaseProps = Omit<BaseProps<\"span\">, \"children\"> & {\n  size?: Size;\n  allyTitle?: string;\n};\n\nexport type IconProps = {\n  svg: { svg: string; name: string };\n} & IconBaseProps;\n\n// Create string from array of attributes\nconst getAttributesString = (attributeCollection: Record<string, unknown>[]) =>\n  attributeCollection\n    .filter((attr) => Object.keys(attr).length >= 1) // remove empty object\n    .map((item) => `${item.name}=\"${item.value}\"`)\n    .join(\" \");\n\nconst createSvg = ({ content = \"\", title }: CreateSvg = {}) => {\n  const attributeCollection = [\n    { name: \"xmlns\", value: \"http://www.w3.org/2000/svg\" },\n    { name: \"fill\", value: \"currentColor\" },\n    { name: \"viewBox\", value: \"0 0 24 24\" },\n    title ? { name: \"role\", value: \"img\" } : { name: \"aria-hidden\", value: \"true\" },\n  ];\n\n  const titleElement = title ? `<title>${title}</title>` : \"\";\n  return `<svg ${getAttributesString(attributeCollection)}>${titleElement}${content}</svg>`;\n};\n\n// Remove svg tags\nconst getSvgContent = (svg: string): string => svg.replace(/<(\\/?)svg([^>]*)>/g, \"\").trim();\n\nexport const Icon = ({ svg, allyTitle, className, size = DEFAULT_SIZE, ...props }: IconProps) => {\n  const svgString = createSvg({\n    content: getSvgContent(svg.svg),\n    title: allyTitle,\n  });\n\n  const classes = cx(className, rootClassName, `${rootClassName}--${size}`);\n\n  return <span className={classes} dangerouslySetInnerHTML={{ __html: svgString }} {...props} />;\n};\n\nIcon.displayName = \"Icon\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","sizes","DEFAULT_SIZE","getAttributesString","attributeCollection","attr","item","createSvg","content","title","titleElement","getSvgContent","svg","Icon","allyTitle","className","size","props","svgString","jsx"],"mappings":";;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;;;GCnEMU,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,eAETC,IAAQ,CAAC,OAAO,MAAM,MAAM,MAAM,MAAM,IAAI,GAC5CC,IAAe,MAoBtBC,IAAsB,CAACC,MAC3BA,EACG,OAAO,CAACC,MAAS,OAAO,KAAKA,CAAI,EAAE,UAAU,CAAC,EAC9C,IAAI,CAACC,MAAS,GAAGA,EAAK,IAAI,KAAKA,EAAK,KAAK,GAAG,EAC5C,KAAK,GAAG,GAEPC,IAAY,CAAC,EAAE,SAAAC,IAAU,IAAI,OAAAC,EAAM,IAAe,CAAA,MAAO;AAC7D,QAAML,IAAsB;AAAA,IAC1B,EAAE,MAAM,SAAS,OAAO,6BAA6B;AAAA,IACrD,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,IACtC,EAAE,MAAM,WAAW,OAAO,YAAY;AAAA,IACtCK,IAAQ,EAAE,MAAM,QAAQ,OAAO,MAAM,IAAI,EAAE,MAAM,eAAe,OAAO,OAAO;AAAA,EAChF,GAEMC,IAAeD,IAAQ,UAAUA,CAAK,aAAa;AACzD,SAAO,QAAQN,EAAoBC,CAAmB,CAAC,IAAIM,CAAY,GAAGF,CAAO;AACnF,GAGMG,IAAgB,CAACC,MAAwBA,EAAI,QAAQ,sBAAsB,EAAE,EAAE,KAAK,GAE7EC,IAAO,CAAC,EAAE,KAAAD,GAAK,WAAAE,GAAW,WAAAC,GAAW,MAAAC,IAAOd,GAAc,GAAGe,QAAuB;AAC/F,QAAMC,IAAYX,EAAU;AAAA,IAC1B,SAASI,EAAcC,EAAI,GAAG;AAAA,IAC9B,OAAOE;AAAA,EAAA,CACR,GAEK1B,IAAUS,EAAGkB,GAAWf,GAAe,GAAGA,CAAa,KAAKgB,CAAI,EAAE;AAEjE,SAAA,gBAAAG,EAAC,QAAK,EAAA,WAAW/B,GAAS,yBAAyB,EAAE,QAAQ8B,KAAc,GAAGD,EAAO,CAAA;AAC9F;AAEAJ,EAAK,cAAc;","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/icon",
-  "version": "7.6.1",
+  "version": "7.8.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/icon.cjs.js",
   "types": "./dist/icon.d.ts",
@@ -40,11 +40,11 @@
   "source": "src/icon.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/tokens": "7.6.1"
+    "@purpurds/common-types": "7.8.0",
+    "@purpurds/tokens": "7.8.0"
   },
   "devDependencies": {
-    "@storybook/blocks": "^8.6.4",
-    "@storybook/react": "^8.6.4",
+    "@storybook/react-vite": "^9.0.18",
     "@testing-library/dom": "~10.4.0",
     "@testing-library/jest-dom": "~6.4.0",
     "@testing-library/react": "~16.2.0",
@@ -63,7 +63,7 @@
     "prettier": "~2.8.8",
     "react-dom": "^19.0.0",
     "react": "^19.0.0",
-    "storybook": "^8.6.4",
+    "storybook": "^9.0.18",
     "svgo": "3.2.0",
     "tsx": "^4.19.3",
     "typescript": "^5.6.3",
@@ -71,9 +71,9 @@
     "vite": "^6.2.1",
     "vitest-axe": "~0.1.0",
     "vitest": "^3.1.2",
-    "@purpurds/paragraph": "7.6.1",
-    "@purpurds/heading": "7.6.1",
-    "@purpurds/component-rig": "1.0.0"
+    "@purpurds/component-rig": "1.0.0",
+    "@purpurds/paragraph": "7.8.0",
+    "@purpurds/heading": "7.8.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",

package/src/dynamic-icon.tsx

@@ -8,14 +8,11 @@ export type DynamicIconProps = {
 } & IconBaseProps;
 
 export const DynamicIcon = ({
-  ["data-testid"]: dataTestId,
   name,
-  className,
   allyTitle,
   size = DEFAULT_SIZE,
   ...props
 }: DynamicIconProps) => {
-
   const [asset, setAsset] = useState<IconProps["svg"]>();
 
   useEffect(() => {
@@ -24,7 +21,6 @@ export const DynamicIcon = ({
         const module = await import(`./assets/${name}.ts`);
         setAsset(module[camelCase(name, { mergeAmbiguousCharacters: true })]);
       } catch (error) {
-
         console.error(`Error importing asset "${name}":`, error);
       }
     };
@@ -32,16 +28,7 @@ export const DynamicIcon = ({
     importAsset();
   }, [name]);
 
-  return asset ? (
-    <Icon
-      allyTitle={allyTitle}
-      className={className}
-      size={size}
-      data-testid={dataTestId}
-      svg={asset}
-      {...props}
-    />
-  ) : null;
+  return asset ? <Icon allyTitle={allyTitle} size={size} svg={asset} {...props} /> : null;
 };
 
 DynamicIcon.displayName = "DynamicIcon";

package/src/icon.stories.tsx

@@ -1,7 +1,7 @@
 import React, { type ReactNode, useLayoutEffect, useState } from "react";
 import { Heading, type HeadingProps } from "@purpurds/heading";
 import { Paragraph } from "@purpurds/paragraph";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 
 import "@purpurds/heading/styles";
 import "@purpurds/tokens";

package/src/icon.tsx

@@ -1,8 +1,10 @@
 import React from "react";
+import type { BaseProps } from "@purpurds/common-types";
 import c from "classnames/bind";
 
 import styles from "./icon.module.scss";
 import type { iconList } from "./icon-imports";
+
 export declare type IconName = keyof typeof iconList;
 
 const cx = c.bind(styles);
@@ -19,10 +21,9 @@ type CreateSvg = {
   ariaHidden?: boolean;
 };
 
-export type IconBaseProps = React.HTMLAttributes<HTMLSpanElement> & {
+export type IconBaseProps = Omit<BaseProps<"span">, "children"> & {
   size?: Size;
   allyTitle?: string;
-  ["data-testid"]?: string;
 };
 
 export type IconProps = {
@@ -51,14 +52,7 @@ const createSvg = ({ content = "", title }: CreateSvg = {}) => {
 // Remove svg tags
 const getSvgContent = (svg: string): string => svg.replace(/<(\/?)svg([^>]*)>/g, "").trim();
 
-export const Icon = ({
-  ["data-testid"]: dataTestid,
-  svg,
-  allyTitle,
-  className,
-  size = DEFAULT_SIZE,
-  ...props
-}: IconProps) => {
+export const Icon = ({ svg, allyTitle, className, size = DEFAULT_SIZE, ...props }: IconProps) => {
   const svgString = createSvg({
     content: getSvgContent(svg.svg),
     title: allyTitle,
@@ -66,14 +60,7 @@ export const Icon = ({
 
   const classes = cx(className, rootClassName, `${rootClassName}--${size}`);
 
-  return (
-    <span
-      className={classes}
-      data-testid={dataTestid}
-      dangerouslySetInnerHTML={{ __html: svgString }}
-      {...props}
-    />
-  );
+  return <span className={classes} dangerouslySetInnerHTML={{ __html: svgString }} {...props} />;
 };
 
 Icon.displayName = "Icon";

package/dist/icon-B-zR9urs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-B-zR9urs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/icon.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./icon.module.scss\";\nimport type { iconList } from \"./icon-imports\";\nexport declare type IconName = keyof typeof iconList;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-icon\";\n\nexport const sizes = [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\ntype CreateSvg = {\n  content?: string;\n  title?: string;\n  ariaHidden?: boolean;\n};\n\nexport type IconBaseProps = React.HTMLAttributes<HTMLSpanElement> & {\n  size?: Size;\n  allyTitle?: string;\n  [\"data-testid\"]?: string;\n};\n\nexport type IconProps = {\n  svg: { svg: string; name: string };\n} & IconBaseProps;\n\n// Create string from array of attributes\nconst getAttributesString = (attributeCollection: Record<string, unknown>[]) =>\n  attributeCollection\n    .filter((attr) => Object.keys(attr).length >= 1) // remove empty object\n    .map((item) => `${item.name}=\"${item.value}\"`)\n    .join(\" \");\n\nconst createSvg = ({ content = \"\", title }: CreateSvg = {}) => {\n  const attributeCollection = [\n    { name: \"xmlns\", value: \"http://www.w3.org/2000/svg\" },\n    { name: \"fill\", value: \"currentColor\" },\n    { name: \"viewBox\", value: \"0 0 24 24\" },\n    title ? { name: \"role\", value: \"img\" } : { name: \"aria-hidden\", value: \"true\" },\n  ];\n\n  const titleElement = title ? `<title>${title}</title>` : \"\";\n  return `<svg ${getAttributesString(attributeCollection)}>${titleElement}${content}</svg>`;\n};\n\n// Remove svg tags\nconst getSvgContent = (svg: string): string => svg.replace(/<(\\/?)svg([^>]*)>/g, \"\").trim();\n\nexport const Icon = ({\n  [\"data-testid\"]: dataTestid,\n  svg,\n  allyTitle,\n  className,\n  size = DEFAULT_SIZE,\n  ...props\n}: IconProps) => {\n  const svgString = createSvg({\n    content: getSvgContent(svg.svg),\n    title: allyTitle,\n  });\n\n  const classes = cx(className, rootClassName, `${rootClassName}--${size}`);\n\n  return (\n    <span\n      className={classes}\n      data-testid={dataTestid}\n      dangerouslySetInnerHTML={{ __html: svgString }}\n      {...props}\n    />\n  );\n};\n\nIcon.displayName = \"Icon\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","DEFAULT_SIZE","getAttributesString","attributeCollection","attr","item","createSvg","content","title","titleElement","getSvgContent","svg","Icon","dataTestid","allyTitle","className","size","props","svgString","jsx"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,wWCrEMU,EAAKC,EAAE,KAAKC,CAAM,EAClBC,EAAgB,cAGTC,EAAe,KAqBtBC,EAAuBC,GAC3BA,EACG,OAAQC,GAAS,OAAO,KAAKA,CAAI,EAAE,QAAU,CAAC,EAC9C,IAAKC,GAAS,GAAGA,EAAK,IAAI,KAAKA,EAAK,KAAK,GAAG,EAC5C,KAAK,GAAG,EAEPC,EAAY,CAAC,CAAE,QAAAC,EAAU,GAAI,MAAAC,CAAM,EAAe,CAAA,IAAO,CAC7D,MAAML,EAAsB,CAC1B,CAAE,KAAM,QAAS,MAAO,4BAA6B,EACrD,CAAE,KAAM,OAAQ,MAAO,cAAe,EACtC,CAAE,KAAM,UAAW,MAAO,WAAY,EACtCK,EAAQ,CAAE,KAAM,OAAQ,MAAO,KAAM,EAAI,CAAE,KAAM,cAAe,MAAO,MAAO,CAChF,EAEMC,EAAeD,EAAQ,UAAUA,CAAK,WAAa,GACzD,MAAO,QAAQN,EAAoBC,CAAmB,CAAC,IAAIM,CAAY,GAAGF,CAAO,QACnF,EAGMG,EAAiBC,GAAwBA,EAAI,QAAQ,qBAAsB,EAAE,EAAE,KAAK,EAE7EC,EAAO,CAAC,CACnB,CAAC,eAAgBC,EACjB,IAAAF,EACA,UAAAG,EACA,UAAAC,EACA,KAAAC,EAAOf,EACP,GAAGgB,CACL,IAAiB,CACf,MAAMC,EAAYZ,EAAU,CAC1B,QAASI,EAAcC,EAAI,GAAG,EAC9B,MAAOG,CAAA,CACR,EAEK1B,EAAUS,EAAGkB,EAAWf,EAAe,GAAGA,CAAa,KAAKgB,CAAI,EAAE,EAGtE,OAAAG,EAAA,IAAC,OAAA,CACC,UAAW/B,EACX,cAAayB,EACb,wBAAyB,CAAE,OAAQK,CAAU,EAC5C,GAAGD,CAAA,CACN,CAEJ,EAEAL,EAAK,YAAc","x_google_ignoreList":[0]}

package/dist/icon-BqK8slmm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-BqK8slmm.mjs","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/icon.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./icon.module.scss\";\nimport type { iconList } from \"./icon-imports\";\nexport declare type IconName = keyof typeof iconList;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-icon\";\n\nexport const sizes = [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\ntype CreateSvg = {\n  content?: string;\n  title?: string;\n  ariaHidden?: boolean;\n};\n\nexport type IconBaseProps = React.HTMLAttributes<HTMLSpanElement> & {\n  size?: Size;\n  allyTitle?: string;\n  [\"data-testid\"]?: string;\n};\n\nexport type IconProps = {\n  svg: { svg: string; name: string };\n} & IconBaseProps;\n\n// Create string from array of attributes\nconst getAttributesString = (attributeCollection: Record<string, unknown>[]) =>\n  attributeCollection\n    .filter((attr) => Object.keys(attr).length >= 1) // remove empty object\n    .map((item) => `${item.name}=\"${item.value}\"`)\n    .join(\" \");\n\nconst createSvg = ({ content = \"\", title }: CreateSvg = {}) => {\n  const attributeCollection = [\n    { name: \"xmlns\", value: \"http://www.w3.org/2000/svg\" },\n    { name: \"fill\", value: \"currentColor\" },\n    { name: \"viewBox\", value: \"0 0 24 24\" },\n    title ? { name: \"role\", value: \"img\" } : { name: \"aria-hidden\", value: \"true\" },\n  ];\n\n  const titleElement = title ? `<title>${title}</title>` : \"\";\n  return `<svg ${getAttributesString(attributeCollection)}>${titleElement}${content}</svg>`;\n};\n\n// Remove svg tags\nconst getSvgContent = (svg: string): string => svg.replace(/<(\\/?)svg([^>]*)>/g, \"\").trim();\n\nexport const Icon = ({\n  [\"data-testid\"]: dataTestid,\n  svg,\n  allyTitle,\n  className,\n  size = DEFAULT_SIZE,\n  ...props\n}: IconProps) => {\n  const svgString = createSvg({\n    content: getSvgContent(svg.svg),\n    title: allyTitle,\n  });\n\n  const classes = cx(className, rootClassName, `${rootClassName}--${size}`);\n\n  return (\n    <span\n      className={classes}\n      data-testid={dataTestid}\n      dangerouslySetInnerHTML={{ __html: svgString }}\n      {...props}\n    />\n  );\n};\n\nIcon.displayName = \"Icon\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","DEFAULT_SIZE","getAttributesString","attributeCollection","attr","item","createSvg","content","title","titleElement","getSvgContent","svg","Icon","dataTestid","allyTitle","className","size","props","svgString","jsx"],"mappings":";;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;;;GCrEMU,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,eAGTC,IAAe,MAqBtBC,IAAsB,CAACC,MAC3BA,EACG,OAAO,CAACC,MAAS,OAAO,KAAKA,CAAI,EAAE,UAAU,CAAC,EAC9C,IAAI,CAACC,MAAS,GAAGA,EAAK,IAAI,KAAKA,EAAK,KAAK,GAAG,EAC5C,KAAK,GAAG,GAEPC,IAAY,CAAC,EAAE,SAAAC,IAAU,IAAI,OAAAC,EAAM,IAAe,CAAA,MAAO;AAC7D,QAAML,IAAsB;AAAA,IAC1B,EAAE,MAAM,SAAS,OAAO,6BAA6B;AAAA,IACrD,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,IACtC,EAAE,MAAM,WAAW,OAAO,YAAY;AAAA,IACtCK,IAAQ,EAAE,MAAM,QAAQ,OAAO,MAAM,IAAI,EAAE,MAAM,eAAe,OAAO,OAAO;AAAA,EAChF,GAEMC,IAAeD,IAAQ,UAAUA,CAAK,aAAa;AACzD,SAAO,QAAQN,EAAoBC,CAAmB,CAAC,IAAIM,CAAY,GAAGF,CAAO;AACnF,GAGMG,IAAgB,CAACC,MAAwBA,EAAI,QAAQ,sBAAsB,EAAE,EAAE,KAAK,GAE7EC,IAAO,CAAC;AAAA,EACnB,CAAC,gBAAgBC;AAAA,EACjB,KAAAF;AAAA,EACA,WAAAG;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAOf;AAAA,EACP,GAAGgB;AACL,MAAiB;AACf,QAAMC,IAAYZ,EAAU;AAAA,IAC1B,SAASI,EAAcC,EAAI,GAAG;AAAA,IAC9B,OAAOG;AAAA,EAAA,CACR,GAEK1B,IAAUS,EAAGkB,GAAWf,GAAe,GAAGA,CAAa,KAAKgB,CAAI,EAAE;AAGtE,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW/B;AAAA,MACX,eAAayB;AAAA,MACb,yBAAyB,EAAE,QAAQK,EAAU;AAAA,MAC5C,GAAGD;AAAA,IAAA;AAAA,EACN;AAEJ;AAEAL,EAAK,cAAc;","x_google_ignoreList":[0]}