@solar-icons/react 2.0.0-beta.0 → 2.0.0-beta.2
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.
- package/README.md +30 -65
- package/dist/icons/broken/radial-blur.d.mts +1 -1
- package/dist/icons/broken/radial-blur.mjs +1 -1
- package/dist/icons/dynamic/airbuds-left.d.mts +1 -1
- package/dist/icons/dynamic/airbuds-right.d.mts +1 -1
- package/dist/icons/dynamic/radial-blur.d.mts +3 -3
- package/dist/icons/line-duotone/airbuds-left.d.mts +1 -1
- package/dist/icons/line-duotone/airbuds-left.mjs +1 -1
- package/dist/icons/line-duotone/airbuds-right.d.mts +1 -1
- package/dist/icons/line-duotone/airbuds-right.mjs +1 -1
- package/dist/icons/line-duotone/radial-blur.d.mts +1 -1
- package/dist/icons/line-duotone/radial-blur.mjs +1 -1
- package/dist/icons/linear/radial-blur.d.mts +1 -1
- package/dist/icons/linear/radial-blur.mjs +1 -1
- package/dist/lib/IconBase.mjs +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,93 +1,58 @@
|
|
|
1
|
-
# @solar-icons/react
|
|
1
|
+
# @solar-icons/react
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
React components for Solar Icons. This package provides 7,476 SVG icons across 6 styles (Bold, Broken, Linear, Outline, Bold Duotone, Line Duotone), optimized for React applications.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
## Features
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
- **7,476 SVGs:** 1,246 unique icons in 6 styles. Designed by 480 Design.
|
|
8
|
+
- **Tree-shakeable:** Import only the icons you use.
|
|
9
|
+
- **Global configuration:** Set defaults for size, color, and stroke width using `<SolarProvider>`.
|
|
10
|
+
- **Customizable:** Override size, color, and stroke width per icon via props or CSS variables.
|
|
11
|
+
- **Duotone support:** Secondary color controls for `bold-duotone` and `line-duotone` styles.
|
|
12
|
+
- **TypeScript:** Typed components and props.
|
|
8
13
|
|
|
9
|
-
Install
|
|
14
|
+
## Install
|
|
10
15
|
|
|
11
|
-
```
|
|
12
|
-
npm install @solar-icons/react
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
or
|
|
16
|
-
|
|
17
|
-
```bash
|
|
18
|
-
yarn add @solar-icons/react-perf
|
|
16
|
+
```sh
|
|
17
|
+
npm install @solar-icons/react
|
|
19
18
|
```
|
|
20
19
|
|
|
21
20
|
## Usage
|
|
22
21
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
Import icons from the package:
|
|
26
|
-
|
|
27
|
-
```jsx
|
|
28
|
-
import { AltArrowLeft, CheckCircle } from '@solar-icons/react-perf/Linear'
|
|
22
|
+
```tsx
|
|
23
|
+
import { HomeIcon, LoginIcon } from '@solar-icons/react/linear'
|
|
29
24
|
|
|
30
25
|
function App() {
|
|
31
26
|
return (
|
|
32
27
|
<div>
|
|
33
|
-
<
|
|
34
|
-
<
|
|
28
|
+
<HomeIcon />
|
|
29
|
+
<LoginIcon color="#3b82f6" size={32} strokeWidth={2} />
|
|
35
30
|
</div>
|
|
36
31
|
)
|
|
37
32
|
}
|
|
38
33
|
```
|
|
39
34
|
|
|
40
|
-
###
|
|
41
|
-
|
|
42
|
-
```jsx
|
|
43
|
-
import { AltArrowLeft, ArrowUp } from '@solar-icons/react-perf/category/arrows/Linear'
|
|
44
|
-
import { Cart, Bag } from '@solar-icons/react-perf/category/shopping/Bold'
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
## Key Features
|
|
48
|
-
|
|
49
|
-
- **Performance-Oriented**: Each icon is packaged individually, ensuring that only the required assets are included in the final bundle.
|
|
50
|
-
- **Single-Style Icons**: Icons are separated by style (e.g., `Bold`, `Linear`), enabling more precise imports.
|
|
51
|
-
- **Lightweight SVGs**: Each icon is optimized for minimal SVG size to reduce load times.
|
|
52
|
-
|
|
53
|
-
### Properties
|
|
54
|
-
|
|
55
|
-
Each icon component supports the following properties:
|
|
56
|
-
|
|
57
|
-
- **`size`**: Defines the size of the icon (e.g., `24`, `"1.5em"`).
|
|
58
|
-
- **`color`**: Sets the color of the icon (e.g., `"#000"`, `"currentColor"`).
|
|
59
|
-
- **`mirrored`**: Flips the icon horizontally when set to `true`.
|
|
35
|
+
### Global Configuration (Provider)
|
|
60
36
|
|
|
61
|
-
|
|
37
|
+
Wrap your application in `<SolarProvider>` to set default properties:
|
|
62
38
|
|
|
63
|
-
|
|
39
|
+
```tsx
|
|
40
|
+
import { SolarProvider } from '@solar-icons/react'
|
|
41
|
+
import { HomeIcon } from '@solar-icons/react/linear'
|
|
64
42
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
return <ArrowUpBold size="48" className="custom-class" />
|
|
43
|
+
function App() {
|
|
44
|
+
return (
|
|
45
|
+
<SolarProvider size={24} color="currentColor" strokeWidth={1.5}>
|
|
46
|
+
<HomeIcon />
|
|
47
|
+
</SolarProvider>
|
|
48
|
+
)
|
|
72
49
|
}
|
|
73
50
|
```
|
|
74
51
|
|
|
75
|
-
##
|
|
76
|
-
|
|
77
|
-
Unlike the versatile `@solar-icons/react` package, `@solar-icons/react-perf` focuses solely on direct imports for enhanced performance and reduced overhead. This package avoids using a provider or dual SSR/CSR support to ensure lightweight integration.
|
|
52
|
+
## Documentation
|
|
78
53
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
Contributions to further optimize and expand the `@solar-icons/react-perf` package are welcome. If you wish to contribute, please follow our [contribution guidelines](../../CONTRIBUTING.md).
|
|
54
|
+
For installation guides, API reference, and a searchable icon catalog, visit the [React Documentation](https://solar-icons.vercel.app/docs/v2/frameworks/react).
|
|
82
55
|
|
|
83
56
|
## License
|
|
84
57
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
## Acknowledgements
|
|
88
|
-
|
|
89
|
-
Special thanks to **480 Design** for creating the original Solar icon pack. Additional appreciation goes to **Phosphor Icons** and **Lucide Icons** for their inspiration in shaping the design and approach of the Solar icon packages.
|
|
90
|
-
|
|
91
|
-
---
|
|
92
|
-
|
|
93
|
-
For more details on other packages and usage examples, refer to the [project's main documentation](../../README.md).
|
|
58
|
+
MIT License. Icons by 480 Design (CC BY 4.0).
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Icon } from "../../lib/types.mjs";
|
|
2
2
|
//#region src/icons/broken/radial-blur.d.ts
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*/
|
|
6
6
|
declare const RadialBlurIcon: Icon;
|
|
7
7
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`radial-blur-broken`,children:[n(`path`,{d:`M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`
|
|
1
|
+
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`radial-blur-broken`,children:[n(`path`,{d:`M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7`,stroke:`currentColor`,strokeLinecap:`round`}),n(`path`,{d:`M9.75 5.75H9.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M5.75 9.75H5.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M5.75 14.25H5.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M9.75 18.25H9.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M14.25 18.25H14.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M18.25 14.25H18.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M18.25 9.75H18.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M14.25 5.75H14.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`})]}));export{i as RadialBlurIcon};
|
|
@@ -9,7 +9,7 @@ import { DynamicIconProps } from "../../lib/dynamic-icon.mjs";
|
|
|
9
9
|
*
|
|
10
10
|
*  Linear
|
|
11
11
|
*
|
|
12
|
-
*  LineDuotone
|
|
13
13
|
*
|
|
14
14
|
*  Outline
|
|
15
15
|
*/
|
|
@@ -9,7 +9,7 @@ import { DynamicIconProps } from "../../lib/dynamic-icon.mjs";
|
|
|
9
9
|
*
|
|
10
10
|
*  Linear
|
|
11
11
|
*
|
|
12
|
-
*  LineDuotone
|
|
13
13
|
*
|
|
14
14
|
*  Outline
|
|
15
15
|
*/
|
|
@@ -5,11 +5,11 @@ import { DynamicIconProps } from "../../lib/dynamic-icon.mjs";
|
|
|
5
5
|
*
|
|
6
6
|
*  BoldDuotone
|
|
7
7
|
*
|
|
8
|
-
*  Broken
|
|
9
9
|
*
|
|
10
|
-
*  Linear
|
|
11
11
|
*
|
|
12
|
-
*  LineDuotone
|
|
13
13
|
*
|
|
14
14
|
*  Outline
|
|
15
15
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Icon } from "../../lib/types.mjs";
|
|
2
2
|
//#region src/icons/line-duotone/airbuds-left.d.ts
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*/
|
|
6
6
|
declare const AirbudsLeftIcon: Icon;
|
|
7
7
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`airbuds-left-line-duotone`,children:[n(`path`,{d:`M8 5V8`,stroke:`currentColor`,
|
|
1
|
+
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`airbuds-left-line-duotone`,children:[n(`path`,{d:`M8 5V8`,stroke:`currentColor`,strokeLinecap:`round`,style:{color:`var(--solar-secondary-color, currentColor)`,opacity:`var(--solar-secondary-opacity, 0.5)`}}),n(`circle`,{cx:`5.5`,cy:`5.5`,r:`5.5`,transform:`matrix(-1 0 0 1 21 11)`,stroke:`currentColor`,style:{color:`var(--solar-secondary-color, currentColor)`,opacity:`var(--solar-secondary-opacity, 0.5)`}}),n(`path`,{d:`M14.0009 5.09961C15.96 5.49729 17.5032 7.04046 17.9009 8.99959`,stroke:`currentColor`,strokeLinecap:`round`,style:{color:`var(--solar-secondary-color, currentColor)`,opacity:`var(--solar-secondary-opacity, 0.5)`}}),n(`path`,{d:`M2 18.6667V19.5C2 20.8807 3.11929 22 4.5 22C5.88071 22 7 20.8807 7 19.5V18.6667M2 18.6667V7.625L2.00007 7.55936C2.01591 4.49563 4.49563 2.01591 7.55936 2.00007L7.625 2L7.66438 2.00004C9.50262 2.00954 10.9905 3.49738 11 5.33562L11 5.375V8C11 9.65685 9.65685 11 8 11C7.44772 11 7 11.4477 7 12V18.6667M2 18.6667H7`,stroke:`currentColor`}),n(`path`,{d:`M14 14V19H17`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`})]}));export{i as AirbudsLeftIcon};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Icon } from "../../lib/types.mjs";
|
|
2
2
|
//#region src/icons/line-duotone/airbuds-right.d.ts
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*/
|
|
6
6
|
declare const AirbudsRightIcon: Icon;
|
|
7
7
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`airbuds-right-line-duotone`,children:[n(`path`,{d:`M15 5V8`,stroke:`currentColor`,
|
|
1
|
+
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`airbuds-right-line-duotone`,children:[n(`path`,{d:`M15 5V8`,stroke:`currentColor`,strokeLinecap:`round`,style:{color:`var(--solar-secondary-color, currentColor)`,opacity:`var(--solar-secondary-opacity, 0.5)`}}),n(`circle`,{cx:`7.5`,cy:`16.5`,r:`5.5`,stroke:`currentColor`,style:{color:`var(--solar-secondary-color, currentColor)`,opacity:`var(--solar-secondary-opacity, 0.5)`}}),n(`path`,{d:`M9.00008 5.09961C7.04095 5.49729 5.49778 7.04046 5.1001 8.99959`,stroke:`currentColor`,strokeLinecap:`round`,style:{color:`var(--solar-secondary-color, currentColor)`,opacity:`var(--solar-secondary-opacity, 0.5)`}}),n(`path`,{d:`M16 18.6667V12C16 11.4477 15.5523 11 15 11C13.3431 11 12 9.65685 12 8V5.375L12 5.33562C12.0095 3.49738 13.4974 2.00954 15.3356 2.00004L15.375 2L15.4406 2.00007C18.5044 2.01591 20.9841 4.49563 20.9999 7.55936L21 7.625V18.6667M16 18.6667V19.5C16 19.6393 16 19.7089 16.003 19.7678C16.0634 20.973 17.027 21.9366 18.2322 21.997C18.2911 22 18.3607 22 18.5 22C18.6393 22 18.7089 22 18.7678 21.997C19.973 21.9366 20.9366 20.973 20.997 19.7678C21 19.7089 21 19.6393 21 19.5V18.6667M16 18.6667H21`,stroke:`currentColor`}),n(`path`,{d:`M6 19V14H7.5C8.32843 14 9 14.5596 9 15.25C9 15.9404 8.32843 16.5 7.5 16.5M6 14V16.5H7.5M7.5 16.5L9 19`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`})]}));export{i as AirbudsRightIcon};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Icon } from "../../lib/types.mjs";
|
|
2
2
|
//#region src/icons/line-duotone/radial-blur.d.ts
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*/
|
|
6
6
|
declare const RadialBlurIcon: Icon;
|
|
7
7
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`radial-blur-line-duotone`,children:[n(`path`,{d:`M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z`,stroke:`currentColor`,style:{color:`var(--solar-secondary-color, currentColor)`,opacity:`var(--solar-secondary-opacity, 0.5)`}}),n(`path`,{d:`M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`
|
|
1
|
+
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`radial-blur-line-duotone`,children:[n(`path`,{d:`M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z`,stroke:`currentColor`,style:{color:`var(--solar-secondary-color, currentColor)`,opacity:`var(--solar-secondary-opacity, 0.5)`}}),n(`path`,{d:`M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`M9.75 5.75H9.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M5.75 9.75H5.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M5.75 14.25H5.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M9.75 18.25H9.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M14.25 18.25H14.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M18.25 14.25H18.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M18.25 9.75H18.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M14.25 5.75H14.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`})]}));export{i as RadialBlurIcon};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Icon } from "../../lib/types.mjs";
|
|
2
2
|
//#region src/icons/linear/radial-blur.d.ts
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*/
|
|
6
6
|
declare const RadialBlurIcon: Icon;
|
|
7
7
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`radial-blur-linear`,children:[n(`path`,{d:`M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z`,stroke:`currentColor`}),n(`path`,{d:`M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`
|
|
1
|
+
import e from"../../lib/IconBase.mjs";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t((t,i)=>r(e,{ref:i,...t,iconName:`radial-blur-linear`,children:[n(`path`,{d:`M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z`,stroke:`currentColor`}),n(`path`,{d:`M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z`,stroke:`currentColor`}),n(`path`,{d:`M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z`,stroke:`currentColor`}),n(`path`,{d:`M9.75 5.75H9.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M5.75 9.75H5.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M5.75 14.25H5.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M9.75 18.25H9.7501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M14.25 18.25H14.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M18.25 14.25H18.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M18.25 9.75H18.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`}),n(`path`,{d:`M14.25 5.75H14.2501`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`})]}));export{i as RadialBlurIcon};
|
package/dist/lib/IconBase.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{forwardRef as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=`solar`;function i(e){return e[`aria-label`]!==void 0||e.title!==void 0}const a=e(({alt:e,color:a,size:o,strokeWidth:s,secondaryColor:c,secondaryOpacity:l,iconName:u,isolated:d,children:f,...p},m)=>{let h=u?`${r} solar-${u}`:r,g=p.className,_=g?`${h} ${g}`:h,v=!!e||i(p),y={...p.style??{}};if(d&&(y[`--solar-secondary-color`]=`initial`,y[`--solar-secondary-opacity`]=`initial`),a!==void 0&&(y.color=a),o!==void 0){let e=typeof o==`number`?`${o}px`:o;y.width=e,y.height=e}s!==void 0&&(y.strokeWidth=String(s)),c&&(y[`--solar-secondary-color`]=c),l!=null&&(y[`--solar-secondary-opacity`]=String(l));let b=o===void 0
|
|
1
|
+
import{forwardRef as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=`solar`;function i(e){return e[`aria-label`]!==void 0||e.title!==void 0}const a=e(({alt:e,color:a,size:o,strokeWidth:s,secondaryColor:c,secondaryOpacity:l,iconName:u,isolated:d,children:f,...p},m)=>{let h=u?`${r} solar-${u}`:r,g=p.className,_=g?`${h} ${g}`:h,v=!!e||i(p),y={...p.style??{}};if(d&&(y[`--solar-secondary-color`]=`initial`,y[`--solar-secondary-opacity`]=`initial`),a!==void 0&&(y.color=a),o!==void 0){let e=typeof o==`number`?`${o}px`:o;y.width=e,y.height=e}s!==void 0&&(y.strokeWidth=String(s)),c&&(y[`--solar-secondary-color`]=c),l!=null&&(y[`--solar-secondary-opacity`]=String(l));let b=o===void 0&&d?`24px`:void 0,x=o===void 0&&d?`24px`:void 0;o===void 0&&!d&&(y.width??(y.width=`var(--solar-size, 24px)`),y.height??(y.height=`var(--solar-size, 24px)`));let S=a===void 0?d?`currentColor`:`var(--solar-color, currentColor)`:void 0,C=s===void 0?d?`1.5`:`var(--solar-stroke-width, 1.5)`:void 0;return n(`svg`,{ref:m,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,...p,className:_,style:Object.keys(y).length>0?y:void 0,width:b,height:x,color:S,strokeWidth:C,...!v&&{"aria-hidden":`true`},children:[!!e&&t(`title`,{children:e}),f]})});export{a as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@solar-icons/react",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"tsdown": "^0.22.4",
|
|
85
85
|
"typescript": "^6.0.3",
|
|
86
86
|
"vitest": "^4.1.10",
|
|
87
|
-
"@solar-icons/core": "
|
|
87
|
+
"@solar-icons/core": "2.0.0-beta.1"
|
|
88
88
|
},
|
|
89
89
|
"peerDependencies": {
|
|
90
90
|
"react": ">= 16.8",
|