@primitiv-ui/icons 0.1.38 → 0.1.40

package/src/icons/Minimize.tsx

@@ -1,20 +0,0 @@
-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/Minus.tsx

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

package/src/icons/Moon.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Moon icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Moon size={20} aria-label="Moon" />
- * ```
- */
-export const Moon = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path fillRule="evenodd" d="M8.41 3.745a8.7 8.7 0 0 0 11.844 11.842A9 9 0 1 1 8.41 3.745M5.806 7.771a7.5 7.5 0 0 0 10.422 10.422c-.076.002-.152.007-.228.007-5.633 0-10.2-4.567-10.2-10.2q.001-.114.006-.229" clipRule="evenodd"/>
-  </IconBase>
-)

package/src/icons/Pause.tsx

@@ -1,20 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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/Plus.tsx

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

package/src/icons/Search.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Search icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Search size={20} aria-label="Search" />
- * ```
- */
-export const Search = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M16.25 10.5a5.75 5.75 0 1 0-11.5 0 5.75 5.75 0 0 0 11.5 0m1.5 0a7.25 7.25 0 1 1-14.5 0 7.25 7.25 0 0 1 14.5 0"/><path d="M21.06 20 20 21.06l-5.56-5.56 1.06-1.06z"/>
-  </IconBase>
-)

package/src/icons/Settings.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Settings icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Settings size={20} aria-label="Settings" />
- * ```
- */
-export const Settings = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M14.25 12a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0"/><path d="m13.335 3.993 2-.999 1.129 2.256h2.286v2.286l2.256 1.129-1 2L22.676 12l-2.67 1.335 1 2-2.256 1.128v2.287h-2.286l-1.129 2.256-2-1L12 22.676l-1.336-2.67-1.999 1-1.129-2.256H5.25v-2.287l-2.256-1.128 1-2L1.323 12l2.67-1.336-1-1.999L5.25 7.536V5.25h2.286l1.129-2.256 2 1L12 1.323zm-2 2.013-2-1-.871 1.744H6.75v1.714l-1.744.871 1 2-1.33.665 1.33.665-1 2 1.329.664.415.207v1.714h1.714l.871 1.743 2-.999.665 1.33.665-1.33 2 1 .664-1.329.207-.415h1.714v-1.714l.415-.207 1.328-.665-.999-1.999 1.33-.665-1.33-.665 1-2-1.744-.871V6.75h-1.714l-.207-.415-.665-1.33-1.999 1L12 4.678z"/>
-  </IconBase>
-)

package/src/icons/Share.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Share icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Share size={20} aria-label="Share" />
- * ```
- */
-export const Share = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M8.25 12a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0m10.5-6a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0m-1.5 12a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0"/><path d="m15.91 7.335-7.414 4.17-.596-1.34 7.414-4.17zm0 9.33-.596 1.34-7.414-4.17.596-1.34z"/>
-  </IconBase>
-)

package/src/icons/Sort.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Sort icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Sort size={20} aria-label="Sort" />
- * ```
- */
-export const Sort = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M5.25 4.25h1.5v16.5h-1.5z"/><path d="M10.06 7 9 8.06l-3-3-3 3L1.94 7 6 2.94zm7.19-3.75h1.5v16.5h-1.5z"/><path d="M22.06 17 18 21.06 13.94 17 15 15.94l3 3 3-3z"/>
-  </IconBase>
-)

package/src/icons/Success.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Success icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Success size={20} aria-label="Success" />
- * ```
- */
-export const Success = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M20.25 12a8.25 8.25 0 1 0-16.5 0 8.25 8.25 0 0 0 16.5 0m1.5 0c0 5.385-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12 6.615 2.25 12 2.25s9.75 4.365 9.75 9.75"/><path d="m18.058 8.919-7.016 8.183L5.939 12 7 10.94l3.957 3.957 5.962-6.955z"/>
-  </IconBase>
-)

package/src/icons/Sun.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Sun icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Sun size={20} aria-label="Sun" />
- * ```
- */
-export const Sun = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path fillRule="evenodd" d="M12.75 21.5h-1.5v-3h1.5zm-4.82-4.37-2.12 2.12-1.06-1.06 2.12-2.12zm11.32 1.06-1.06 1.06-2.12-2.12 1.06-1.06zM12 7.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6m-6.5 3.75h-3v-1.5h3zm16 0h-3v-1.5h3zM7.93 6.87 6.87 7.93 4.75 5.81l1.06-1.06zm11.32-1.06-2.12 2.12-1.06-1.06 2.12-2.12zm-6.5-.31h-1.5v-3h1.5z" clipRule="evenodd"/>
-  </IconBase>
-)

package/src/icons/Underline.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Underline icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Underline size={20} aria-label="Underline" />
- * ```
- */
-export const Underline = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M18.5 21.25h-13v-1.5h13zM7.75 11.5c0 2.615 1.893 4.5 4.25 4.5s4.25-1.885 4.25-4.5v-8h1.5v8c0 3.385-2.507 6-5.75 6s-5.75-2.615-5.75-6v-8h1.5z"/>
-  </IconBase>
-)

package/src/icons/Upload.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Upload icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Upload size={20} aria-label="Upload" />
- * ```
- */
-export const Upload = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M12.5 17.81H11v-13h1.5z"/><path d="M4.69 10.06 11.75 3l7.06 7.06-1.06 1.061-6-6-6 6zM20.5 19v1.5H3V19z"/>
-  </IconBase>
-)

package/src/icons/User.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The User icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <User size={20} aria-label="User" />
- * ```
- */
-export const User = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M15.25 8a3.25 3.25 0 1 0-6.5 0 3.25 3.25 0 0 0 6.5 0m1.5 0a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 0 1 9.5 0"/><path d="M19.25 21c0-4.526-3.601-7.25-7.25-7.25S4.75 16.474 4.75 21v.75h-1.5V21c0-5.474 4.399-8.75 8.75-8.75s8.75 3.276 8.75 8.75v.75h-1.5z"/>
-  </IconBase>
-)

package/src/icons/Warning.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Warning icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Warning size={20} aria-label="Warning" />
- * ```
- */
-export const Warning = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M23.311 20.75H.688L12 1.52zm-20-1.5H20.69L12 4.479z"/><path d="M11.25 8.25h1.5v6.5h-1.5zm0 7.5h1.5v2.5h-1.5z"/>
-  </IconBase>
-)

package/src/icons/icons.test.tsx

@@ -1,20 +0,0 @@
-import { render } from '@testing-library/react'
-import { describe, expect, it } from 'vitest'
-import type { IconProps } from '../types'
-import * as icons from './index'
-
-type IconComponent = (props: IconProps) => React.ReactElement
-
-const iconEntries = Object.entries(icons) as [string, IconComponent][]
-
-describe('all icons', () => {
-  it.each(iconEntries)('%s renders an svg with correct defaults', (_, Icon) => {
-    const { container } = render(<Icon data-testid="icon" />)
-    const svg = container.querySelector('svg')
-    expect(svg).not.toBeNull()
-    expect(svg).toHaveAttribute('viewBox', '0 0 24 24')
-    expect(svg).toHaveAttribute('width', '24')
-    expect(svg).toHaveAttribute('fill', 'currentColor')
-    expect(svg).toHaveAttribute('aria-hidden', 'true')
-  })
-})

package/src/icons/index.ts

@@ -1,49 +0,0 @@
-export { ArrowLeft } from './ArrowLeft.tsx'
-export { ArrowRight } from './ArrowRight.tsx'
-export { Bell } from './Bell.tsx'
-export { Bold } from './Bold.tsx'
-export { Calendar } from './Calendar.tsx'
-export { Check } from './Check.tsx'
-export { ChevronDown } from './ChevronDown.tsx'
-export { ChevronLeft } from './ChevronLeft.tsx'
-export { ChevronRight } from './ChevronRight.tsx'
-export { ChevronUp } from './ChevronUp.tsx'
-export { Close } from './Close.tsx'
-export { Copy } from './Copy.tsx'
-export { Delete } from './Delete.tsx'
-export { Download } from './Download.tsx'
-export { Edit } from './Edit.tsx'
-export { Error } from './Error.tsx'
-export { ExternalLink } from './ExternalLink.tsx'
-export { EyeOff } from './EyeOff.tsx'
-export { Eye } from './Eye.tsx'
-export { Eyedropper } from './Eyedropper.tsx'
-export { File } from './File.tsx'
-export { Filter } from './Filter.tsx'
-export { Folder } from './Folder.tsx'
-export { GridIcon } from './GridIcon.tsx'
-export { Home } from './Home.tsx'
-export { Image } from './Image.tsx'
-export { Info } from './Info.tsx'
-export { Italic } from './Italic.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 { Pause } from './Pause.tsx'
-export { Play } from './Play.tsx'
-export { Plus } from './Plus.tsx'
-export { Search } from './Search.tsx'
-export { Settings } from './Settings.tsx'
-export { Share } from './Share.tsx'
-export { Sort } from './Sort.tsx'
-export { Success } from './Success.tsx'
-export { Sun } from './Sun.tsx'
-export { Underline } from './Underline.tsx'
-export { Upload } from './Upload.tsx'
-export { User } from './User.tsx'
-export { Warning } from './Warning.tsx'

package/src/index.ts

@@ -1,3 +0,0 @@
-export type { IconProps } from './types.ts'
-export { IconBase } from './IconBase.tsx'
-export * from './icons/index.ts'