@tabler/icons-solidjs 3.46.0 → 3.47.0

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 (47) hide show
  1. package/README.md +28 -34
  2. package/dist/cjs/tabler-icons-solidjs.js +248 -2
  3. package/dist/cjs/tabler-icons-solidjs.js.map +1 -1
  4. package/dist/esm/tabler-icons-solidjs.js +231 -3
  5. package/dist/esm/tabler-icons-solidjs.js.map +1 -1
  6. package/dist/source/createSolidComponent.jsx +1 -1
  7. package/dist/source/icons/IconAirpodsL.js +2 -0
  8. package/dist/source/icons/IconAirpodsR.js +2 -0
  9. package/dist/source/icons/IconCashCoin.js +2 -0
  10. package/dist/source/icons/IconEditBulk.js +2 -0
  11. package/dist/source/icons/IconFolderStats.js +2 -0
  12. package/dist/source/icons/IconFolderUser.js +2 -0
  13. package/dist/source/icons/IconGpu.js +2 -0
  14. package/dist/source/icons/IconGpu2.js +2 -0
  15. package/dist/source/icons/IconMapPinned.js +2 -0
  16. package/dist/source/icons/IconOrbit.js +2 -0
  17. package/dist/source/icons/IconOrbitVertical.js +2 -0
  18. package/dist/source/icons/IconOrbits.js +2 -0
  19. package/dist/source/icons/IconReduceMotion.js +2 -0
  20. package/dist/source/icons/IconReferenceImage.js +2 -0
  21. package/dist/source/icons/IconSecretPhrases.js +2 -0
  22. package/dist/source/icons/IconStickerSmile.js +2 -0
  23. package/dist/source/icons/IconVoice.js +2 -0
  24. package/dist/source/icons/IconVoice2.js +2 -0
  25. package/dist/source/icons/index.js +18 -0
  26. package/dist/source/icons-list.js +18 -0
  27. package/dist/types/icons/IconAirpodsL.d.ts +5 -0
  28. package/dist/types/icons/IconAirpodsR.d.ts +5 -0
  29. package/dist/types/icons/IconCashCoin.d.ts +5 -0
  30. package/dist/types/icons/IconEditBulk.d.ts +5 -0
  31. package/dist/types/icons/IconFolderStats.d.ts +5 -0
  32. package/dist/types/icons/IconFolderUser.d.ts +5 -0
  33. package/dist/types/icons/IconGpu.d.ts +5 -0
  34. package/dist/types/icons/IconGpu2.d.ts +5 -0
  35. package/dist/types/icons/IconMapPinned.d.ts +5 -0
  36. package/dist/types/icons/IconOrbit.d.ts +5 -0
  37. package/dist/types/icons/IconOrbitVertical.d.ts +5 -0
  38. package/dist/types/icons/IconOrbits.d.ts +5 -0
  39. package/dist/types/icons/IconReduceMotion.d.ts +5 -0
  40. package/dist/types/icons/IconReferenceImage.d.ts +5 -0
  41. package/dist/types/icons/IconSecretPhrases.d.ts +5 -0
  42. package/dist/types/icons/IconStickerSmile.d.ts +5 -0
  43. package/dist/types/icons/IconVoice.d.ts +5 -0
  44. package/dist/types/icons/IconVoice2.d.ts +5 -0
  45. package/dist/types/icons/index.d.ts +18 -0
  46. package/package.json +3 -3
  47. /package/dist/source/{tabler-icons-solidjs.js → tabler-icons-solidjs.jsx} +0 -0
package/README.md CHANGED
@@ -5,21 +5,21 @@
5
5
  </p>
6
6
 
7
7
  <p align="center">
8
- Implementation of the Tabler Icons library for SolidJS applications.
9
- <p>
8
+ Implementation of the Tabler Icons library for SolidJS applications.
9
+ </p>
10
10
 
11
11
  <p align="center">
12
12
  <a href="https://tabler.io/icons"><strong>Browse all icons at tabler.io &rarr;</strong></a>
13
13
  </p>
14
14
 
15
15
  <p align="center">
16
- <a href="https://github.com/tabler/tabler-icons/releases"><img src="https://img.shields.io/npm/v/@tabler/icons" alt="Latest Release"></a>
17
- <a href="https://github.com/tabler/tabler-icons/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@tabler/icons.svg" alt="License"></a>
16
+ <a href="https://www.npmjs.com/package/@tabler/icons-solidjs"><img src="https://img.shields.io/npm/v/@tabler/icons-solidjs" alt="Latest release"></a>
17
+ <a href="https://github.com/tabler/tabler-icons/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@tabler/icons-solidjs.svg" alt="License"></a>
18
18
  </p>
19
19
 
20
20
  ## Sponsors
21
21
 
22
- **If you want to support my project and help me grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or just [donate on PayPal](https://paypal.me/codecalm) :)**
22
+ **If you want to support our project and help us grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or [donate on PayPal](https://paypal.me/codecalm).**
23
23
 
24
24
  <a href="https://github.com/sponsors/codecalm">
25
25
  <img src="https://cdn.jsdelivr.net/gh/tabler/sponsors@latest/sponsors.svg" alt="Tabler sponsors">
@@ -27,29 +27,25 @@ Implementation of the Tabler Icons library for SolidJS applications.
27
27
 
28
28
  ## Installation
29
29
 
30
- ```
31
- yarn add @tabler/icons-solidjs
32
- ```
33
-
34
- or
35
-
36
- ```
30
+ ```sh
37
31
  npm install @tabler/icons-solidjs
38
32
  ```
39
33
 
40
- or
41
-
34
+ ```sh
35
+ yarn add @tabler/icons-solidjs
42
36
  ```
43
- pnpm install @tabler/icons-solidjs
37
+
38
+ ```sh
39
+ pnpm add @tabler/icons-solidjs
44
40
  ```
45
41
 
46
- or just [download from GitHub](https://github.com/tabler/tabler-icons/releases).
42
+ You can also [download the latest release from GitHub](https://github.com/tabler/tabler-icons/releases).
47
43
 
48
- ## How to use
44
+ ## Usage
49
45
 
50
- It's build with ESmodules so it's completely tree-shakable. Each icon can be imported as a component.
46
+ The package is built with ES modules, so unused icons are tree-shaken from your bundle. Each icon is exported as a component.
51
47
 
52
- ```js
48
+ ```jsx
53
49
  import { IconArrowRight } from '@tabler/icons-solidjs';
54
50
 
55
51
  const App = () => {
@@ -59,30 +55,28 @@ const App = () => {
59
55
  export default App;
60
56
  ```
61
57
 
62
- You can pass additional props to adjust the icon.
58
+ Pass props to adjust the icon:
63
59
 
64
- ```js
65
- <IconArrowRight color="red" size={48} />
60
+ ```jsx
61
+ <IconArrowRight color="red" size={48} stroke={1.5} />
66
62
  ```
67
63
 
68
64
  ### Props
69
65
 
70
- | name | type | default |
71
- | ------------- | -------- | ------------ |
72
- | `size` | _Number_ | 24 |
73
- | `color` | _String_ | currentColor |
74
- | `stroke` | _Number_ | 2 |
66
+ | Name | Type | Default | Description |
67
+ | --- | --- | --- | --- |
68
+ | `size` | _number | string_ | 24 | Width and height of the icon |
69
+ | `color` | _string_ | currentColor | Stroke color for outline icons, fill color for filled icons |
70
+ | `stroke` | _number | string_ | 2 | Stroke width, outline icons only. `strokeWidth` is accepted as an alias |
71
+ | `title` | _string_ | – | Adds a `<title>` element for accessibility |
72
+ | `class` | _string_ | – | Extra classes added to `tabler-icon tabler-icon-{{name}}` |
75
73
 
76
- ## Contributing
74
+ Any other attribute is forwarded to the rendered `<svg>` element. The package ships with TypeScript declarations.
77
75
 
78
- For more info on how to contribute please see the [contribution guidelines](https://github.com/tabler/tabler-icons/blob/main/CONTRIBUTING.md).
76
+ ## Contributing
79
77
 
80
- Caught a mistake or want to contribute to the documentation? [Edit this page on GitHub](https://github.com/tabler/tabler-icons/blob/main/packages/icons-solidjs/README.md)
78
+ Bug reports and icon requests are welcome in the [issue tracker](https://github.com/tabler/tabler-icons/issues). Caught a mistake in this page? [Edit it on GitHub](https://github.com/tabler/tabler-icons/blob/main/packages/icons-solidjs/README.md).
81
79
 
82
80
  ## License
83
81
 
84
82
  Tabler Icons is licensed under the [MIT License](https://github.com/tabler/tabler-icons/blob/main/LICENSE).
85
-
86
- ## Sponsor Tabler
87
-
88
- <a href="https://github.com/sponsors/codecalm" target="_blank"><img src="https://github.com/tabler/tabler/raw/dev/src/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>