@primitiv-ui/icons 0.1.25 → 0.1.26

package/README.md

@@ -71,7 +71,9 @@ All other [SVG element attributes](https://developer.mozilla.org/en-US/docs/Web/
 | [Link](src/icons/Link.tsx) | `import { Link } from "@primitiv-ui/icons"` |
 | [List](src/icons/List.tsx) | `import { List } from "@primitiv-ui/icons"` |
 | [Mail](src/icons/Mail.tsx) | `import { Mail } from "@primitiv-ui/icons"` |
+| [Maximize](src/icons/Maximize.tsx) | `import { Maximize } from "@primitiv-ui/icons"` |
 | [Menu](src/icons/Menu.tsx) | `import { Menu } from "@primitiv-ui/icons"` |
+| [Minimize](src/icons/Minimize.tsx) | `import { Minimize } from "@primitiv-ui/icons"` |
 | [Minus](src/icons/Minus.tsx) | `import { Minus } from "@primitiv-ui/icons"` |
 | [Moon](src/icons/Moon.tsx) | `import { Moon } from "@primitiv-ui/icons"` |
 | [Plus](src/icons/Plus.tsx) | `import { Plus } from "@primitiv-ui/icons"` |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primitiv-ui/icons",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "description": "Fill-based SVG icon library for the Primitiv ecosystem. Icons inherit currentColor, scale via a size prop, accept all native SVG attributes, and tree-shake cleanly.",
   "type": "module",
   "main": "./src/index.ts",

package/src/icons/Maximize.tsx

@@ -0,0 +1,20 @@
+import type { ReactElement } from 'react'
+import type { IconProps } from '../types.ts'
+import { IconBase } from '../IconBase.tsx'
+
+/**
+ * The Maximize icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Maximize size={20} aria-label="Maximize" />
+ * ```
+ */
+export const Maximize = (props: IconProps): ReactElement => (
+  <IconBase {...props}>
+    <path d="M3.25 3.25H9v1.5H4.75V9h-1.5ZM20.75 9h-1.5V4.75H15v-1.5h5.75Zm0 11.75H15v-1.5h4.25V15h1.5ZM3.25 15h1.5v4.25H9v1.5H3.25ZM4.28 3.22l6.5 6.5-1.06 1.06-6.5-6.5Zm16.5 1.06-6.5 6.5-1.06-1.06 6.5-6.5Zm-1.06 16.5-6.5-6.5 1.06-1.06 6.5 6.5Zm-16.5-1.06 6.5-6.5 1.06 1.06-6.5 6.5Z"/>
+  </IconBase>
+)

package/src/icons/Minimize.tsx

@@ -0,0 +1,20 @@
+import type { ReactElement } from 'react'
+import type { IconProps } from '../types.ts'
+import { IconBase } from '../IconBase.tsx'
+
+/**
+ * The Minimize icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Minimize size={20} aria-label="Minimize" />
+ * ```
+ */
+export const Minimize = (props: IconProps): ReactElement => (
+  <IconBase {...props}>
+    <path d="M10.75 6v4.75H6v-1.5h3.25V6Zm4 0v3.25H18v1.5h-4.75V6Zm-5.5 12v-3.25H6v-1.5h4.75V18Zm4 0v-4.75H18v1.5h-3.25V18ZM4.28 3.22l6.5 6.5-1.06 1.06-6.5-6.5Zm16.5 1.06-6.5 6.5-1.06-1.06 6.5-6.5Zm-1.06 16.5-6.5-6.5 1.06-1.06 6.5 6.5Zm-16.5-1.06 6.5-6.5 1.06 1.06-6.5 6.5Z"/>
+  </IconBase>
+)

package/src/icons/index.ts

@@ -26,7 +26,9 @@ export { Info } from './Info.tsx'
 export { Link } from './Link.tsx'
 export { List } from './List.tsx'
 export { Mail } from './Mail.tsx'
+export { Maximize } from './Maximize.tsx'
 export { Menu } from './Menu.tsx'
+export { Minimize } from './Minimize.tsx'
 export { Minus } from './Minus.tsx'
 export { Moon } from './Moon.tsx'
 export { Plus } from './Plus.tsx'