@edux-design/icons 0.0.3 → 0.0.5

package/README.md

@@ -0,0 +1,58 @@
+# @edux-design/icons
+
+SVG icon set for the Edux design system. Every icon is a small React component that accepts standard SVG props (`className`, `width`, `height`, etc.) and inherits `currentColor` so you can tint it with CSS/Tailwind utilities.
+
+Exports include `Chevron`, `Close`, `Searchglass`, `Users`, `Warning`, and dozens more – see `src/index.ts` for the full list.
+
+---
+
+## Installation
+
+```bash
+pnpm add @edux-design/icons
+# or
+npm install @edux-design/icons
+```
+
+Peer deps: `react@^19.1.0`.
+
+---
+
+## Usage
+
+```jsx
+import { Close, Searchglass } from "@edux-design/icons";
+
+export function SearchButton() {
+  return (
+    <button className="inline-flex items-center gap-2 text-fg-primary-emphasis">
+      <Searchglass className="h-4 w-4" />
+      Search
+      <Close aria-hidden className="ml-2 h-3 w-3 opacity-60" />
+    </button>
+  );
+}
+```
+
+Icons default to `24px` and `fill="currentColor"`. Override via props when you need custom sizing.
+
+---
+
+## Adding/Updating Icons
+
+1. Drop the SVG into `src/components/YourIcon.tsx`. Follow the existing pattern (functional component returning an `<svg>`).
+2. Export it from `src/index.ts`.
+3. Run `pnpm --filter @edux-design/icons lint && pnpm --filter @edux-design/icons build`.
+4. Bump the package version + changelog if publishing.
+
+---
+
+## Scripts
+
+```bash
+pnpm --filter @edux-design/icons lint
+pnpm --filter @edux-design/icons build
+pnpm --filter @edux-design/icons check-types
+```
+
+Because the icons are plain components, they tree-shake automatically—import only what you need to keep bundles small.

package/dist/index.d.mts

@@ -3,6 +3,8 @@ import { SVGProps } from 'react';
 
 declare const SvgAddimage: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgArrow: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgBoldtext: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgBook: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -21,6 +23,8 @@ declare const SvgCollapse: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime
 
 declare const SvgCopy: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgDraghandle: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgError: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgExternal: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -57,6 +61,10 @@ declare const SvgItalicstext: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgLast: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgList: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SvgListordered: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgNext: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgPersonAvatar: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -75,10 +83,16 @@ declare const SvgSeries: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.J
 
 declare const SvgSettings: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgSigma: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgSuccess: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgSwaporder: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgSwitch: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SvgTable: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgTextAlignCenter: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgTextAlignEnd: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -97,4 +111,4 @@ declare const SvgUsers: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JS
 
 declare const SvgWarning: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { SvgAddimage as Addimage, SvgBoldtext as Boldtext, SvgBook as Book, SvgCheck as Check, SvgChevron as Chevron, SvgClass as Class, SvgClose as Close, SvgCode as Code, SvgCollapse as Collapse, SvgCopy as Copy, SvgError as Error, SvgExternal as External, SvgEye as Eye, SvgEyehide as Eyehide, SvgFirst as First, SvgGologo as Gologo, SvgHamburger as Hamburger, SvgHeadingtext as Headingtext, SvgHeadingtext1 as Headingtext1, SvgHeadingtext2 as Headingtext2, SvgHeadingtext3 as Headingtext3, SvgHeadingtext4 as Headingtext4, SvgHeadingtext5 as Headingtext5, SvgHeadingtext6 as Headingtext6, SvgIndeterminate as Indeterminate, SvgInfo as Info, SvgItalicstext as Italicstext, SvgLast as Last, SvgNext as Next, SvgPersonAvatar as PersonAvatar, SvgPlus as Plus, SvgPrevious as Previous, SvgProduct as Product, SvgRedo as Redo, SvgSearchglass as Searchglass, SvgSeries as Series, SvgSettings as Settings, SvgSuccess as Success, SvgSwaporder as Swaporder, SvgTextAlignCenter as TextAlignCenter, SvgTextAlignEnd as TextAlignEnd, SvgTextAlignJustify as TextAlignJustify, SvgTextAlignStart as TextAlignStart, SvgUnderlinetext as Underlinetext, SvgUndo as Undo, SvgUnknown as Unknown, SvgUsers as Users, SvgWarning as Warning };
+export { SvgAddimage as Addimage, SvgArrow as Arrow, SvgBoldtext as Boldtext, SvgBook as Book, SvgCheck as Check, SvgChevron as Chevron, SvgClass as Class, SvgClose as Close, SvgCode as Code, SvgCollapse as Collapse, SvgCopy as Copy, SvgDraghandle as Draghandle, SvgError as Error, SvgExternal as External, SvgEye as Eye, SvgEyehide as Eyehide, SvgFirst as First, SvgGologo as Gologo, SvgHamburger as Hamburger, SvgHeadingtext as Headingtext, SvgHeadingtext1 as Headingtext1, SvgHeadingtext2 as Headingtext2, SvgHeadingtext3 as Headingtext3, SvgHeadingtext4 as Headingtext4, SvgHeadingtext5 as Headingtext5, SvgHeadingtext6 as Headingtext6, SvgIndeterminate as Indeterminate, SvgInfo as Info, SvgItalicstext as Italicstext, SvgLast as Last, SvgList as List, SvgListordered as Listordered, SvgNext as Next, SvgPersonAvatar as PersonAvatar, SvgPlus as Plus, SvgPrevious as Previous, SvgProduct as Product, SvgRedo as Redo, SvgSearchglass as Searchglass, SvgSeries as Series, SvgSettings as Settings, SvgSigma as Sigma, SvgSuccess as Success, SvgSwaporder as Swaporder, SvgSwitch as Switch, SvgTable as Table, SvgTextAlignCenter as TextAlignCenter, SvgTextAlignEnd as TextAlignEnd, SvgTextAlignJustify as TextAlignJustify, SvgTextAlignStart as TextAlignStart, SvgUnderlinetext as Underlinetext, SvgUndo as Undo, SvgUnknown as Unknown, SvgUsers as Users, SvgWarning as Warning };

package/dist/index.d.ts

@@ -3,6 +3,8 @@ import { SVGProps } from 'react';
 
 declare const SvgAddimage: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgArrow: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgBoldtext: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgBook: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -21,6 +23,8 @@ declare const SvgCollapse: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime
 
 declare const SvgCopy: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgDraghandle: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgError: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgExternal: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -57,6 +61,10 @@ declare const SvgItalicstext: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgLast: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgList: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SvgListordered: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgNext: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgPersonAvatar: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -75,10 +83,16 @@ declare const SvgSeries: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.J
 
 declare const SvgSettings: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgSigma: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgSuccess: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgSwaporder: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgSwitch: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SvgTable: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgTextAlignCenter: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgTextAlignEnd: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -97,4 +111,4 @@ declare const SvgUsers: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JS
 
 declare const SvgWarning: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { SvgAddimage as Addimage, SvgBoldtext as Boldtext, SvgBook as Book, SvgCheck as Check, SvgChevron as Chevron, SvgClass as Class, SvgClose as Close, SvgCode as Code, SvgCollapse as Collapse, SvgCopy as Copy, SvgError as Error, SvgExternal as External, SvgEye as Eye, SvgEyehide as Eyehide, SvgFirst as First, SvgGologo as Gologo, SvgHamburger as Hamburger, SvgHeadingtext as Headingtext, SvgHeadingtext1 as Headingtext1, SvgHeadingtext2 as Headingtext2, SvgHeadingtext3 as Headingtext3, SvgHeadingtext4 as Headingtext4, SvgHeadingtext5 as Headingtext5, SvgHeadingtext6 as Headingtext6, SvgIndeterminate as Indeterminate, SvgInfo as Info, SvgItalicstext as Italicstext, SvgLast as Last, SvgNext as Next, SvgPersonAvatar as PersonAvatar, SvgPlus as Plus, SvgPrevious as Previous, SvgProduct as Product, SvgRedo as Redo, SvgSearchglass as Searchglass, SvgSeries as Series, SvgSettings as Settings, SvgSuccess as Success, SvgSwaporder as Swaporder, SvgTextAlignCenter as TextAlignCenter, SvgTextAlignEnd as TextAlignEnd, SvgTextAlignJustify as TextAlignJustify, SvgTextAlignStart as TextAlignStart, SvgUnderlinetext as Underlinetext, SvgUndo as Undo, SvgUnknown as Unknown, SvgUsers as Users, SvgWarning as Warning };
+export { SvgAddimage as Addimage, SvgArrow as Arrow, SvgBoldtext as Boldtext, SvgBook as Book, SvgCheck as Check, SvgChevron as Chevron, SvgClass as Class, SvgClose as Close, SvgCode as Code, SvgCollapse as Collapse, SvgCopy as Copy, SvgDraghandle as Draghandle, SvgError as Error, SvgExternal as External, SvgEye as Eye, SvgEyehide as Eyehide, SvgFirst as First, SvgGologo as Gologo, SvgHamburger as Hamburger, SvgHeadingtext as Headingtext, SvgHeadingtext1 as Headingtext1, SvgHeadingtext2 as Headingtext2, SvgHeadingtext3 as Headingtext3, SvgHeadingtext4 as Headingtext4, SvgHeadingtext5 as Headingtext5, SvgHeadingtext6 as Headingtext6, SvgIndeterminate as Indeterminate, SvgInfo as Info, SvgItalicstext as Italicstext, SvgLast as Last, SvgList as List, SvgListordered as Listordered, SvgNext as Next, SvgPersonAvatar as PersonAvatar, SvgPlus as Plus, SvgPrevious as Previous, SvgProduct as Product, SvgRedo as Redo, SvgSearchglass as Searchglass, SvgSeries as Series, SvgSettings as Settings, SvgSigma as Sigma, SvgSuccess as Success, SvgSwaporder as Swaporder, SvgSwitch as Switch, SvgTable as Table, SvgTextAlignCenter as TextAlignCenter, SvgTextAlignEnd as TextAlignEnd, SvgTextAlignJustify as TextAlignJustify, SvgTextAlignStart as TextAlignStart, SvgUnderlinetext as Underlinetext, SvgUndo as Undo, SvgUnknown as Unknown, SvgUsers as Users, SvgWarning as Warning };