@primitiv-ui/icons 0.1.37 → 0.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/dist/IconBase.d.ts +14 -0
  2. package/dist/IconBase.js +9 -0
  3. package/dist/icons/ArrowLeft.d.ts +14 -0
  4. package/dist/icons/ArrowLeft.js +14 -0
  5. package/dist/icons/ArrowRight.d.ts +14 -0
  6. package/dist/icons/ArrowRight.js +14 -0
  7. package/dist/icons/Bell.d.ts +14 -0
  8. package/dist/icons/Bell.js +14 -0
  9. package/dist/icons/Bold.d.ts +14 -0
  10. package/dist/icons/Bold.js +14 -0
  11. package/dist/icons/Calendar.d.ts +14 -0
  12. package/dist/icons/Calendar.js +14 -0
  13. package/dist/icons/Check.d.ts +14 -0
  14. package/dist/icons/Check.js +14 -0
  15. package/dist/icons/ChevronDown.d.ts +14 -0
  16. package/dist/icons/ChevronDown.js +14 -0
  17. package/dist/icons/ChevronLeft.d.ts +14 -0
  18. package/dist/icons/ChevronLeft.js +14 -0
  19. package/dist/icons/ChevronRight.d.ts +14 -0
  20. package/dist/icons/ChevronRight.js +14 -0
  21. package/dist/icons/ChevronUp.d.ts +14 -0
  22. package/dist/icons/ChevronUp.js +14 -0
  23. package/dist/icons/Close.d.ts +14 -0
  24. package/dist/icons/Close.js +14 -0
  25. package/dist/icons/Copy.d.ts +14 -0
  26. package/dist/icons/Copy.js +14 -0
  27. package/dist/icons/Delete.d.ts +14 -0
  28. package/dist/icons/Delete.js +14 -0
  29. package/dist/icons/Download.d.ts +14 -0
  30. package/dist/icons/Download.js +14 -0
  31. package/dist/icons/Edit.d.ts +14 -0
  32. package/dist/icons/Edit.js +14 -0
  33. package/dist/icons/Error.d.ts +14 -0
  34. package/dist/icons/Error.js +14 -0
  35. package/dist/icons/ExternalLink.d.ts +14 -0
  36. package/dist/icons/ExternalLink.js +14 -0
  37. package/dist/icons/Eye.d.ts +14 -0
  38. package/dist/icons/Eye.js +14 -0
  39. package/dist/icons/EyeOff.d.ts +14 -0
  40. package/dist/icons/EyeOff.js +14 -0
  41. package/dist/icons/Eyedropper.d.ts +14 -0
  42. package/dist/icons/Eyedropper.js +14 -0
  43. package/dist/icons/File.d.ts +14 -0
  44. package/dist/icons/File.js +14 -0
  45. package/dist/icons/Filter.d.ts +14 -0
  46. package/dist/icons/Filter.js +14 -0
  47. package/dist/icons/Folder.d.ts +14 -0
  48. package/dist/icons/Folder.js +14 -0
  49. package/dist/icons/GridIcon.d.ts +14 -0
  50. package/dist/icons/GridIcon.js +14 -0
  51. package/dist/icons/Home.d.ts +14 -0
  52. package/dist/icons/Home.js +14 -0
  53. package/dist/icons/Image.d.ts +14 -0
  54. package/dist/icons/Image.js +14 -0
  55. package/dist/icons/Info.d.ts +14 -0
  56. package/dist/icons/Info.js +14 -0
  57. package/dist/icons/Italic.d.ts +14 -0
  58. package/dist/icons/Italic.js +14 -0
  59. package/dist/icons/Link.d.ts +14 -0
  60. package/dist/icons/Link.js +14 -0
  61. package/dist/icons/List.d.ts +14 -0
  62. package/dist/icons/List.js +14 -0
  63. package/dist/icons/Mail.d.ts +14 -0
  64. package/dist/icons/Mail.js +14 -0
  65. package/dist/icons/Maximize.d.ts +14 -0
  66. package/dist/icons/Maximize.js +14 -0
  67. package/dist/icons/Menu.d.ts +14 -0
  68. package/dist/icons/Menu.js +14 -0
  69. package/dist/icons/Minimize.d.ts +14 -0
  70. package/dist/icons/Minimize.js +14 -0
  71. package/dist/icons/Minus.d.ts +14 -0
  72. package/dist/icons/Minus.js +14 -0
  73. package/dist/icons/Moon.d.ts +14 -0
  74. package/dist/icons/Moon.js +14 -0
  75. package/dist/icons/Pause.d.ts +14 -0
  76. package/dist/icons/Pause.js +14 -0
  77. package/dist/icons/Play.d.ts +14 -0
  78. package/dist/icons/Play.js +14 -0
  79. package/dist/icons/Plus.d.ts +14 -0
  80. package/dist/icons/Plus.js +14 -0
  81. package/dist/icons/Search.d.ts +14 -0
  82. package/dist/icons/Search.js +14 -0
  83. package/dist/icons/Settings.d.ts +14 -0
  84. package/dist/icons/Settings.js +14 -0
  85. package/dist/icons/Share.d.ts +14 -0
  86. package/dist/icons/Share.js +14 -0
  87. package/dist/icons/Sort.d.ts +14 -0
  88. package/dist/icons/Sort.js +14 -0
  89. package/dist/icons/Success.d.ts +14 -0
  90. package/dist/icons/Success.js +14 -0
  91. package/dist/icons/Sun.d.ts +14 -0
  92. package/dist/icons/Sun.js +14 -0
  93. package/dist/icons/Underline.d.ts +14 -0
  94. package/dist/icons/Underline.js +14 -0
  95. package/dist/icons/Upload.d.ts +14 -0
  96. package/dist/icons/Upload.js +14 -0
  97. package/dist/icons/User.d.ts +14 -0
  98. package/dist/icons/User.js +14 -0
  99. package/dist/icons/Warning.d.ts +14 -0
  100. package/dist/icons/Warning.js +14 -0
  101. package/dist/icons/index.d.ts +49 -0
  102. package/dist/icons/index.js +49 -0
  103. package/dist/index.d.ts +3 -0
  104. package/dist/index.js +2 -0
  105. package/{src/types.ts → dist/types.d.ts} +6 -7
  106. package/dist/types.js +1 -0
  107. package/package.json +7 -6
  108. package/src/IconBase.test.tsx +0 -81
  109. package/src/IconBase.tsx +0 -33
  110. package/src/icons/ArrowLeft.tsx +0 -20
  111. package/src/icons/ArrowRight.tsx +0 -20
  112. package/src/icons/Bell.tsx +0 -20
  113. package/src/icons/Bold.tsx +0 -20
  114. package/src/icons/Calendar.tsx +0 -20
  115. package/src/icons/Check.test.tsx +0 -27
  116. package/src/icons/Check.tsx +0 -20
  117. package/src/icons/ChevronDown.tsx +0 -20
  118. package/src/icons/ChevronLeft.tsx +0 -20
  119. package/src/icons/ChevronRight.tsx +0 -20
  120. package/src/icons/ChevronUp.tsx +0 -20
  121. package/src/icons/Close.tsx +0 -20
  122. package/src/icons/Copy.tsx +0 -20
  123. package/src/icons/Delete.tsx +0 -20
  124. package/src/icons/Download.tsx +0 -20
  125. package/src/icons/Edit.tsx +0 -20
  126. package/src/icons/Error.tsx +0 -20
  127. package/src/icons/ExternalLink.tsx +0 -20
  128. package/src/icons/Eye.tsx +0 -20
  129. package/src/icons/EyeOff.tsx +0 -20
  130. package/src/icons/Eyedropper.tsx +0 -20
  131. package/src/icons/File.tsx +0 -20
  132. package/src/icons/Filter.tsx +0 -20
  133. package/src/icons/Folder.tsx +0 -20
  134. package/src/icons/GridIcon.tsx +0 -20
  135. package/src/icons/Home.tsx +0 -20
  136. package/src/icons/Image.tsx +0 -20
  137. package/src/icons/Info.tsx +0 -20
  138. package/src/icons/Italic.tsx +0 -20
  139. package/src/icons/Link.tsx +0 -20
  140. package/src/icons/List.tsx +0 -20
  141. package/src/icons/Mail.tsx +0 -20
  142. package/src/icons/Maximize.tsx +0 -20
  143. package/src/icons/Menu.tsx +0 -20
  144. package/src/icons/Minimize.tsx +0 -20
  145. package/src/icons/Minus.tsx +0 -20
  146. package/src/icons/Moon.tsx +0 -20
  147. package/src/icons/Pause.tsx +0 -20
  148. package/src/icons/Play.tsx +0 -20
  149. package/src/icons/Plus.tsx +0 -20
  150. package/src/icons/Search.tsx +0 -20
  151. package/src/icons/Settings.tsx +0 -20
  152. package/src/icons/Share.tsx +0 -20
  153. package/src/icons/Sort.tsx +0 -20
  154. package/src/icons/Success.tsx +0 -20
  155. package/src/icons/Sun.tsx +0 -20
  156. package/src/icons/Underline.tsx +0 -20
  157. package/src/icons/Upload.tsx +0 -20
  158. package/src/icons/User.tsx +0 -20
  159. package/src/icons/Warning.tsx +0 -20
  160. package/src/icons/icons.test.tsx +0 -20
  161. package/src/icons/index.ts +0 -49
  162. package/src/index.ts +0 -3
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Calendar icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Calendar size={20} aria-label="Calendar" />
14
- * ```
15
- */
16
- export const Calendar = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M21.75 4.25v17.5H2.25V4.25zm-18 16h16.5V5.75H3.75z"/><path d="M21.75 9.25v1.5H2.25v-1.5zm-14.5-7h1.5v5.5h-1.5zm8 0h1.5v5.5h-1.5z"/>
19
- </IconBase>
20
- )
@@ -1,27 +0,0 @@
1
- import { render, screen } from '@testing-library/react'
2
- import { describe, expect, it } from 'vitest'
3
- import { Check } from './Check'
4
-
5
- describe('Check icon', () => {
6
- it('renders an svg element', () => {
7
- render(<Check data-testid="icon" />)
8
- expect(screen.getByTestId('icon').tagName).toBe('svg')
9
- })
10
-
11
- it('passes size prop through to the underlying svg', () => {
12
- render(<Check data-testid="icon" size={32} />)
13
- const svg = screen.getByTestId('icon')
14
- expect(svg).toHaveAttribute('width', '32')
15
- expect(svg).toHaveAttribute('height', '32')
16
- })
17
-
18
- it('passes className through to the underlying svg', () => {
19
- render(<Check data-testid="icon" className="text-green-500" />)
20
- expect(screen.getByTestId('icon')).toHaveClass('text-green-500')
21
- })
22
-
23
- it('is aria-hidden by default', () => {
24
- render(<Check data-testid="icon" />)
25
- expect(screen.getByTestId('icon')).toHaveAttribute('aria-hidden', 'true')
26
- })
27
- })
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Check icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Check size={20} aria-label="Check" />
14
- * ```
15
- */
16
- export const Check = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M21.057 5.904 10.05 19.111 2.939 12 4 10.94l5.95 5.949 9.954-11.946z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The ChevronDown icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <ChevronDown size={20} aria-label="ChevronDown" />
14
- * ```
15
- */
16
- export const ChevronDown = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M20.06 9 12 17.06 3.94 9 5 7.94l7 7 7-7z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The ChevronLeft icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <ChevronLeft size={20} aria-label="ChevronLeft" />
14
- * ```
15
- */
16
- export const ChevronLeft = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="m16.06 5-7 7 7 7L15 20.06 6.94 12 15 3.94z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The ChevronRight icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <ChevronRight size={20} aria-label="ChevronRight" />
14
- * ```
15
- */
16
- export const ChevronRight = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M17.06 12 9 20.06 7.94 19l7-7-7-7L9 3.94z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The ChevronUp icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <ChevronUp size={20} aria-label="ChevronUp" />
14
- * ```
15
- */
16
- export const ChevronUp = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M20.06 15 19 16.06l-7-7-7 7L3.94 15 12 6.94z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Close icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Close size={20} aria-label="Close" />
14
- * ```
15
- */
16
- export const Close = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M20.06 19 19 20.06 3.94 5 5 3.94z"/><path d="M20.06 5 5 20.06 3.94 19 19 3.94z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Copy icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Copy size={20} aria-label="Copy" />
14
- * ```
15
- */
16
- export const Copy = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M20.75 7.25v13.5H7.25V7.25zm-12 12h10.5V8.75H8.75z"/><path d="M15.25 4.75H4.75v10.5h4v1.5h-5.5V3.25h13.5v5.5h-1.5z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Delete icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Delete size={20} aria-label="Delete" />
14
- * ```
15
- */
16
- export const Delete = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M20.75 6.25v1.5H3.25v-1.5z"/><path d="M18.81 7.314 17.69 20.75H6.31L5.19 7.314l1.496-.124 1.003 12.06h8.622l1.003-12.06z"/><path d="M14.25 4.75h-4.5v3h-1.5v-4.5h7.5v4.5h-1.5zm-5 5.5h1.5v7.5h-1.5zm4 0h1.5v7.5h-1.5z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Download icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Download size={20} aria-label="Download" />
14
- * ```
15
- */
16
- export const Download = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M11 3h1.5v13H11z"/><path d="m18.81 10.75-7.06 7.06-7.06-7.06 1.06-1.06 6 6 6-6zM20.5 19v1.5H3V19z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Edit icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Edit size={20} aria-label="Edit" />
14
- * ```
15
- */
16
- export const Edit = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M21.06 8 8.31 20.75H3.25v-5.06L16 2.94zM4.75 16.31v2.94h2.94L18.94 8 16 5.06z"/><path d="M18.06 11 17 12.06 11.94 7 13 5.94z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Error icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Error size={20} aria-label="Error" />
14
- * ```
15
- */
16
- export const Error = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <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="M17.06 16 16 17.06 6.94 8 8 6.94z"/><path d="M17.06 8 8 17.06 6.94 16 16 6.94z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The ExternalLink icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <ExternalLink size={20} aria-label="ExternalLink" />
14
- * ```
15
- */
16
- export const ExternalLink = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M19.25 4.75h-6v-1.5h7.5v7.5h-1.5z"/><path d="M20.06 5 11 14.06 9.94 13 19 3.94z"/><path d="M10.75 5.25v1.5h-6v12.5h12.5v-6h1.5v7.5H3.25V5.25z"/>
19
- </IconBase>
20
- )
package/src/icons/Eye.tsx DELETED
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Eye icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Eye size={20} aria-label="Eye" />
14
- * ```
15
- */
16
- export const Eye = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M12 4.25c2.06 0 3.972.256 5.769 1.361 1.789 1.101 3.368 2.987 4.902 6.054l.168.335-.168.335c-1.534 3.067-3.113 4.953-4.902 6.054-1.797 1.105-3.71 1.361-5.769 1.361s-3.972-.256-5.769-1.361c-1.789-1.101-3.368-2.987-4.902-6.054L1.161 12l.168-.335c1.534-3.067 3.113-4.953 4.902-6.054C8.028 4.506 9.941 4.25 12 4.25m0 1.5c-1.94 0-3.528.244-4.981 1.139-1.405.864-2.77 2.39-4.176 5.111 1.406 2.721 2.771 4.247 4.176 5.111 1.453.895 3.04 1.139 4.981 1.139s3.528-.244 4.981-1.139c1.404-.864 2.77-2.39 4.175-5.111-1.406-2.721-2.77-4.247-4.175-5.111C15.528 5.994 13.941 5.75 12 5.75"/><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"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The EyeOff icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <EyeOff size={20} aria-label="EyeOff" />
14
- * ```
15
- */
16
- export const EyeOff = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="m22.059 19.938-.997 1.12L1.942 4.064l.996-1.122 19.12 16.996Z"/><path d="m7.06 7-.53.53c-.956.956-1.678 1.917-2.295 2.78-.461.647-.899 1.29-1.332 1.807 1.385 2.648 2.732 4.143 4.116 4.994 1.453.895 3.04 1.139 4.981 1.139 1.432 0 2.832-.19 4.222-.746l.696-.278.557 1.392-.697.279c-1.61.644-3.21.853-4.778.853-2.06 0-3.972-.256-5.769-1.361-1.789-1.101-3.368-2.987-4.902-6.054l-.241-.483.382-.382c.442-.443.89-1.114 1.545-2.03.633-.887 1.41-1.926 2.455-2.97L6 5.94zM12 4.25c2.06 0 3.972.256 5.769 1.361 1.789 1.101 3.368 2.987 4.902 6.054l.155.31-.137.32a19.5 19.5 0 0 1-2.182 3.847l-.442.606-1.213-.883.441-.606a18 18 0 0 0 1.875-3.236c-1.41-2.736-2.779-4.268-4.187-5.134C15.528 5.994 13.941 5.75 12 5.75c-.262 0-.553.103-.944.305-.331.17-.84.477-1.292.647l-.702.264-.528-1.404.702-.264c.347-.13.64-.323 1.133-.577.434-.224.993-.471 1.631-.471"/><path d="M8.25 12c0-.697.276-1.335.606-1.886l.387-.643 1.286.772-.385.643c-.27.45-.394.81-.394 1.114 0 1.286.964 2.25 2.25 2.25.303 0 .665-.124 1.114-.394l.643-.385.772 1.286-.643.387c-.55.33-1.19.606-1.886.606-2.114 0-3.75-1.636-3.75-3.75"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Eyedropper icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Eyedropper size={20} aria-label="Eyedropper" />
14
- * ```
15
- */
16
- export const Eyedropper = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M12.645 6.952a.7.7 0 0 1 .99 0l3.394 3.395a.7.7 0 0 1 0 .99l-.354.353a.7.7 0 0 1-.99 0l-3.394-3.394a.7.7 0 0 1 0-.99z"/><path d="M14.704 6.166a1.6 1.6 0 0 1 2.263 0l.849.848a1.6 1.6 0 1 1-2.263 2.263l-.849-.849a1.6 1.6 0 0 1 0-2.262m-.925 4.672a.45.45 0 0 0-.636-.635L9.04 14.304a.45.45 0 0 0 .636.636zm-3.183 5.021a1.75 1.75 0 0 1-2.475-2.475l4.102-4.101a1.75 1.75 0 0 1 2.475 2.475z"/><path d="M8.316 16.353a.65.65 0 1 0-1.3.001.65.65 0 0 0 1.3-.001m1.3 0a1.95 1.95 0 1 1-3.9 0 1.95 1.95 0 0 1 3.9 0"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The File icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <File size={20} aria-label="File" />
14
- * ```
15
- */
16
- export const File = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="m14.31 2.25 5.44 5.44v14.06H4.25V2.25zm-8.56 18h12.5V8.31l-4.56-4.56H5.75z"/><path d="M13.25 2.75h1.5v4.5h4.5v1.5h-6z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Filter icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Filter size={20} aria-label="Filter" />
14
- * ```
15
- */
16
- export const Filter = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M22.533 3.25 14.75 13.257v7.493h-5.5v-7.493L1.467 3.25zM10.75 12.742v6.508h2.5v-6.508l6.217-7.992H4.533z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Folder icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Folder size={20} aria-label="Folder" />
14
- * ```
15
- */
16
- export const Folder = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="m10.31 5.25 2 2h9.44v12.5H2.25V5.25zm-6.56 13h16.5v-9.5h-8.56l-2-2H3.75z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Grid icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <GridIcon size={20} aria-label="Grid" />
14
- * ```
15
- */
16
- export const GridIcon = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M11.75 2.25v9.5h-9.5v-9.5zm-8 8h6.5v-6.5h-6.5zm18-8v9.5h-9.5v-9.5zm-8 8h6.5v-6.5h-6.5zm-2 2v9.5h-9.5v-9.5zm-8 8h6.5v-6.5h-6.5zm18-8v9.5h-9.5v-9.5zm-8 8h6.5v-6.5h-6.5z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Home icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Home size={20} aria-label="Home" />
14
- * ```
15
- */
16
- export const Home = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="m22.059 10.938-.997 1.12L12 4.004 2.937 12.06l-.996-1.121L12 1.995l10.059 8.941Z"/><path d="M4.25 9.25h1.5v10h12.5v-10h1.5v11.5H4.25z"/><path d="M13.25 14.75h-2.5v6h-1.5v-7.5h5.5v7.5h-1.5z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Image icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Image size={20} aria-label="Image" />
14
- * ```
15
- */
16
- export const Image = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M21.75 3.25v17.5H2.25V3.25zm-18 16h16.5V4.75H3.75z"/><path d="M10.25 9a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0m1.5 0a2.75 2.75 0 1 1-5.5 0 2.75 2.75 0 0 1 5.5 0"/><path d="m21.56 11.042-7.525 6.946-5.057-4.045-5.643 4.105-.883-1.213 6.57-4.778 4.943 3.954 6.577-6.07z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Info icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Info size={20} aria-label="Info" />
14
- * ```
15
- */
16
- export const Info = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <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="M11.25 10.25h1.5v7.5h-1.5zm0-4h1.5v2.5h-1.5z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Italic icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Italic size={20} aria-label="Italic" />
14
- * ```
15
- */
16
- export const Italic = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M18.5 5.75h-3.472l-4.465 12.5H14v1.5H5.5v-1.5h3.472l4.465-12.5H10v-1.5h8.5z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Link icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Link size={20} aria-label="Link" />
14
- * ```
15
- */
16
- export const Link = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M10.75 7.25v1.5H4c-.053 0-.233.029-.44.492-.194.438-.31 1.076-.31 1.758s.116 1.32.31 1.758c.207.463.387.492.44.492h6.75v1.5H4c-.947 0-1.517-.721-1.81-1.383-.306-.687-.44-1.549-.44-2.367s.134-1.68.44-2.367C2.482 7.97 3.052 7.25 4 7.25zm9.25 2c.947 0 1.517.721 1.81 1.383.306.687.44 1.549.44 2.367s-.134 1.68-.44 2.367c-.293.662-.863 1.383-1.81 1.383h-6.75v-1.5H20c.053 0 .233-.029.44-.492.194-.438.31-1.076.31-1.758s-.116-1.32-.31-1.758c-.207-.463-.387-.492-.44-.492h-6.75v-1.5z"/><path d="M16.75 11.25v1.5h-9.5v-1.5z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The List icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <List size={20} aria-label="List" />
14
- * ```
15
- */
16
- export const List = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M21.75 5.25v1.5H7.25v-1.5zm0 6v1.5H7.25v-1.5zm0 6v1.5H7.25v-1.5zm-17-12v1.5h-2.5v-1.5zm0 6v1.5h-2.5v-1.5zm0 6v1.5h-2.5v-1.5z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Mail icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Mail size={20} aria-label="Mail" />
14
- * ```
15
- */
16
- export const Mail = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M21.75 4.25v15.5H2.25V4.25zm-18 14h16.5V5.75H3.75z"/><path d="m20.542 5.406.86 1.232L12 13.95 2.673 6.696 3.577 5.5 12 12.049z"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Maximize icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Maximize size={20} aria-label="Maximize" />
14
- * ```
15
- */
16
- export const Maximize = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <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"/>
19
- </IconBase>
20
- )
@@ -1,20 +0,0 @@
1
- import type { ReactElement } from 'react'
2
- import type { IconProps } from '../types.ts'
3
- import { IconBase } from '../IconBase.tsx'
4
-
5
- /**
6
- * The Menu icon.
7
- *
8
- * A fill-based SVG that inherits `currentColor` and scales via the
9
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
10
- *
11
- * @example
12
- * ```tsx
13
- * <Menu size={20} aria-label="Menu" />
14
- * ```
15
- */
16
- export const Menu = (props: IconProps): ReactElement => (
17
- <IconBase {...props}>
18
- <path d="M21.75 6.25v1.5H2.25v-1.5zm0 5v1.5H2.25v-1.5zm0 5v1.5H2.25v-1.5z"/>
19
- </IconBase>
20
- )