@primitiv-ui/icons 0.1.28 → 0.1.29

package/README.md

@@ -76,6 +76,8 @@ All other [SVG element attributes](https://developer.mozilla.org/en-US/docs/Web/
 | [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"` |
+| [Pause](src/icons/Pause.tsx) | `import { Pause } from "@primitiv-ui/icons"` |
+| [Play](src/icons/Play.tsx) | `import { Play } from "@primitiv-ui/icons"` |
 | [Plus](src/icons/Plus.tsx) | `import { Plus } from "@primitiv-ui/icons"` |
 | [Search](src/icons/Search.tsx) | `import { Search } from "@primitiv-ui/icons"` |
 | [Settings](src/icons/Settings.tsx) | `import { Settings } from "@primitiv-ui/icons"` |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primitiv-ui/icons",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "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/Pause.tsx

@@ -0,0 +1,20 @@
+import type { ReactElement } from 'react'
+import type { IconProps } from '../types.ts'
+import { IconBase } from '../IconBase.tsx'
+
+/**
+ * The Pause icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Pause size={20} aria-label="Pause" />
+ * ```
+ */
+export const Pause = (props: IconProps): ReactElement => (
+  <IconBase {...props}>
+    <path d="M10.25 18.5h-1.5v-13h1.5zM15.25 18.5h-1.5v-13h1.5z"/>
+  </IconBase>
+)

package/src/icons/Play.tsx

@@ -0,0 +1,20 @@
+import type { ReactElement } from 'react'
+import type { IconProps } from '../types.ts'
+import { IconBase } from '../IconBase.tsx'
+
+/**
+ * The Play icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Play size={20} aria-label="Play" />
+ * ```
+ */
+export const Play = (props: IconProps): ReactElement => (
+  <IconBase {...props}>
+    <path fillRule="evenodd" d="M19.978 12 7.92 20.44V3.56zM9.42 17.56 17.362 12 9.42 6.44z" clipRule="evenodd"/>
+  </IconBase>
+)

package/src/icons/index.ts

@@ -31,6 +31,8 @@ export { Menu } from './Menu.tsx'
 export { Minimize } from './Minimize.tsx'
 export { Minus } from './Minus.tsx'
 export { Moon } from './Moon.tsx'
+export { Pause } from './Pause.tsx'
+export { Play } from './Play.tsx'
 export { Plus } from './Plus.tsx'
 export { Search } from './Search.tsx'
 export { Settings } from './Settings.tsx'