@keyline-icons/react 0.9.0 → 1.0.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.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @keyline-icons/react
2
2
 
3
- 851 icons on one 24×24 grid, as React components. Built for shadcn/ui, free
3
+ 1,000 icons on one 24×24 grid, as React components. Built for shadcn/ui, free
4
4
  under MIT.
5
5
 
6
6
  [keylineicons.com](https://keylineicons.com) to browse the full set.
@@ -38,20 +38,30 @@ scope. There is no provider, no context and no theme object.
38
38
 
39
39
  ## Notes
40
40
 
41
- **Three weights, three entry points.**
41
+ **Four styles, two corner treatments, eight entry points.**
42
42
 
43
43
  ```tsx
44
- import { Bell } from "@keyline-icons/react" // stroke, 851 icons
45
- import { Bell } from "@keyline-icons/react/duotone" // duotone, 698 icons
46
- import { Bell } from "@keyline-icons/react/fill" // fill, 648 icons
44
+ import { Bell } from "@keyline-icons/react" // stroke, 1,000 icons
45
+ import { Bell } from "@keyline-icons/react/two-tone" // two-tone, 1,000 icons
46
+ import { Bell } from "@keyline-icons/react/duotone" // duotone, 1,000 icons
47
+ import { Bell } from "@keyline-icons/react/fill" // fill, 1,000 icons
48
+
49
+ import { Bell } from "@keyline-icons/react/sharp" // the same four,
50
+ import { Bell } from "@keyline-icons/react/sharp/two-tone" // cut sharp,
51
+ import { Bell } from "@keyline-icons/react/sharp/duotone" // with butt caps and
52
+ import { Bell } from "@keyline-icons/react/sharp/fill" // square corners
47
53
  ```
48
54
 
49
- Separate imports rather than one component with a `weight` prop, because the
50
- three styles do not cover the same icons. Duotone and fill need a region to
51
- fill, and an open glyph like `bar-chart` has none. A single component taking a
52
- weight would have to accept a combination that does not exist and decide what
53
- to do at runtime; a missing import is a build error, which is the better time
54
- to find out.
55
+ Sharp covers exactly the names the rounded entry point beside it does, and the
56
+ export is called the same thing in both, so switching a file over is a change
57
+ to the import path and nothing else.
58
+
59
+ Separate imports rather than one component with a `weight` prop, so an app
60
+ ships only the styles it imports. Since 1.0.0 all four cover every name.
61
+ `two-tone` is what `/duotone` exported until 0.9.0, the outline over a 40%
62
+ plate; `/duotone` now has no outline, a grey body with the detail at full
63
+ strength. If you imported `/duotone` before 1.0.0 and want the old look, change
64
+ the path to `/two-tone`.
55
65
 
56
66
  **Each icon carries its own root attributes** rather than inheriting a shared
57
67
  preset. Some drawings are solid by definition, `square-half` and the other