@central-icons-react/round-filled-radius-0-stroke-1 0.0.33 → 0.0.36

package/README.md

@@ -1,35 +1,39 @@
 # @central-icons-react/round-filled-radius-0-stroke-1
 
-A collection of **1,748 round filled React icons** with 0px radius and 1px stroke width, designed for use in React applications.
+A collection of round filled React icons with 0px radius and 1px stroke width, designed for use in React applications.
 
-## 📋 Table of Contents
+## Table of Contents
 
-- [🚀 Quick Start](#quick-start)
-- [📦 Installation](#installation)
-- [⚙️ Requirements](#requirements)
-- [💡 Usage Examples](#usage-examples)
-- [🎨 Icon Properties](#icon-properties)
-- [♿ Accessibility](#accessibility)
-- [🔍 Icon Discovery](#icon-discovery)
-- [📚 Available Packages](#available-packages)
-- [📖 Complete Icons List](#complete-icons-list)
-- [📄 License](#license)
-- [🔧 Troubleshooting](#troubleshooting)
+- [Quick Start](#quick-start)
+- [Installation](#installation)
+- [Requirements](#requirements)
+- [Usage](#usage)
+- [Icon Properties](#icon-properties)
+- [Accessibility](#accessibility)
+- [Available Packages](#available-packages)
+- [Icons List](#icons)
+- [License](#license)
+- [Troubleshooting](#troubleshooting)
 
-## 🚀 Quick Start
+## Quick Start
+
+```bash
+# Set your license key first
+export CENTRAL_LICENSE_KEY=your_license_key
+
+# Install with alias 'central-icons'
+npm install central-icons@npm:@central-icons-react/round-filled-radius-0-stroke-1
+```
 
 ```jsx
-import { IconHome } from "@central-icons-react/round-filled-radius-0-stroke-1/IconHome";
+import { IconHome } from "central-icons/IconHome";
 
-function App() {
-  return <IconHome size={24} color="#007AFF" />;
+function MyComponent() {
+  return <IconHome />;
 }
 ```
 
-**Style:** Round filled icons with sharp corners (0px radius) and 1px stroke width
-**Total Icons:** 1,748 icons across 34 categories
-
-## 📦 Installation
+## Installation
 
 This package is private and can be installed via your organization's private npm registry. Make sure you have the required license key set up before installation.
 
@@ -45,78 +49,70 @@ yarn add @central-icons-react/round-filled-radius-0-stroke-1
 pnpm add @central-icons-react/round-filled-radius-0-stroke-1
 ```
 
-## ⚙️ Requirements
+## Requirements
 
 - React 14.0.0 or higher
 - Valid license key (set as environment variable)
 
-## 💡 Usage Examples
+## Usage
 
 ### Individual Imports (Recommended)
 
-Import icons individually to keep your bundle size minimal:
+Icons can be imported individually to keep your bundle size minimal:
 
 ```jsx
 import { IconHome } from "@central-icons-react/round-filled-radius-0-stroke-1/IconHome";
 
 function MyComponent() {
-  return <IconHome size={24} color="#007AFF" />;
+  return <IconHome />;
 }
 ```
 
-### Central Icon Component
+### Import alias
+
+If you want to have a bit cleaner imports (and you are just using one icon type), you can use import aliases
+(Requires npm at least v6.9.0 or yarn)
 
-Import from the main entry point (not recommended for production, loads all icons):
+`npm install central-icons@npm:@central-icons-react/round-filled-radius-0-stroke-1`
 
 ```jsx
-import { CentralIcon } from "@central-icons-react/round-filled-radius-0-stroke-1";
+import { IconHome } from "central-icons/IconHome";
 
 function MyComponent() {
-  return <CentralIcon name="IconHome" size={24} color="#007AFF" />;
+  return <IconHome />;
 }
 ```
 
-### Import Aliases
-
-For cleaner imports (requires npm v6.9.0+ or yarn):
+### Central Icon Component
 
-```bash
-npm install central-icons@npm:@central-icons-react/round-filled-radius-0-stroke-1
-```
+Or you can import from the main entry point (not recommended to be used in production, loads all icons):
 
 ```jsx
-import { IconHome } from "central-icons/IconHome";
+import { CentralIcon } from "@central-icons-react/round-filled-radius-0-stroke-1";
 
 function MyComponent() {
-  return <IconHome size={24} color="#007AFF" />;
+  return <CentralIcon name="IconName" />;
 }
 ```
 
-## 🎨 Icon Properties
+## Icon Properties
 
 All icons accept the following properties:
 
-| Prop         | Type                       | Default        | Description                                                                |
-| ------------ | -------------------------- | -------------- | -------------------------------------------------------------------------- |
-| `size`       | `number \| string`         | `24`           | Sets both width and height of the icon                                     |
-| `color`      | `string`                   | `currentColor` | Sets the icon color                                                        |
-| `ariaHidden` | `boolean`                  | `true`         | Controls icon accessibility attributes                                     |
-| `iconJoin`   | `"round" \| "square"`      | `"round"`      | Controls the icon's corner style                                           |
-| `iconFill`   | `"filled" \| "outlined"`   | `"filled"`     | Sets the icon's fill style                                                 |
-| `iconStroke` | `"1" \| "1.5" \| "2"`      | `"1"`          | Controls the stroke width                                                  |
-| `iconRadius` | `"0" \| "1" \| "2" \| "3"` | `"0"`          | Sets the corner radius                                                     |
-| `name`       | `string`                   | none           | Defines which icon should be used - see [Icons List](#complete-icons-list) |
+| Prop         | Type                       | Default        | Description                                                  |
+| ------------ | -------------------------- | -------------- | ------------------------------------------------------------ |
+| `size`       | `number \| string`         | `24`           | Sets both width and height of the icon                       |
+| `color`      | `string`                   | `currentColor` | Sets the icon color                                          |
+| `ariaHidden` | `boolean`                  | `true`         | Controls icon accessibility attributes                       |
+| `iconJoin`   | `"round" \| "square"`      | `"round"`      | Controls the icon's corner style                             |
+| `iconFill`   | `"filled" \| "outlined"`   | `"filled"`     | Sets the icon's fill style                                   |
+| `iconStroke` | `"1" \| "1.5" \| "2"`      | `"1"`          | Controls the stroke width                                    |
+| `iconRadius` | `"0" \| "1" \| "2" \| "3"` | `"1"`          | Sets the corner radius                                       |
+| `name`       | `string`                   | none           | Defines which icon should be used - see [Icons List](#icons) |
 
 Additionally, all standard SVG and HTML attributes are supported.
 
-### Style Properties for This Package
-
-- **iconJoin:** `"round"` (fixed)
-- **iconFill:** `"filled"` (fixed)
-- **iconStroke:** `"1"` (fixed)
-- **iconRadius:** `"0"` (fixed)
-
-## ♿ Accessibility
+## Accessibility
 
 Icons are aria-hidden by default for decorative purposes. When using icons that convey meaning, you should disable aria-hidden:
 
@@ -137,38 +133,7 @@ When `ariaHidden` is `false`:
 - The element gets `role="img"` attribute
 - Screen readers will announce the icon's title
 
-## 🔍 Icon Discovery
-
-### Quick Search by Category
-
-Find icons by browsing categories:
-
-- **🔧 Interface:** Settings, navigation, buttons, forms
-- **📱 Devices:** Phones, computers, tablets, accessories
-- **🎨 Design:** Tools, colors, editing, creative
-- **💼 Business:** Finance, shopping, communication
-- **🎮 Entertainment:** Gaming, media, social platforms
-- **🏠 Home:** Building, furniture, household items
-- **🚗 Transport:** Vehicles, travel, location
-- **⚡ Technology:** Code, development, AI, crypto
-- **🎯 Activities:** Sports, food, weather, time
-
-### Common Icon Searches
-
-- **Navigation:** `IconArrow`, `IconChevron`, `IconHome`, `IconBack`
-- **Actions:** `IconPlus`, `IconMinus`, `IconCheck`, `IconClose`
-- **Communication:** `IconEmail`, `IconCall`, `IconMessage`, `IconShare`
-- **Settings:** `IconSettings`, `IconFilter`, `IconSearch`, `IconMenu`
-- **Files:** `IconFile`, `IconFolder`, `IconDownload`, `IconUpload`
-- **Media:** `IconPlay`, `IconPause`, `IconCamera`, `IconVideo`
-
-### AI-Friendly Resources
-
-- **Complete Index:** See `icons-index.json` for structured data
-- **Category Overview:** Browse icons by category below
-- **Search Terms:** Use common terms to find related icons
-
-## 📚 Available Packages
+## Available Packages
 
 For optimal bundle size, consider using our specific bundles instead of the full package:
 
@@ -203,9 +168,9 @@ https://npmjs.com/package/@central-icons-react/round-filled-radius-2-stroke-1
 https://npmjs.com/package/@central-icons-react/round-outlined-radius-3-stroke-1
 https://npmjs.com/package/@central-icons-react/round-filled-radius-3-stroke-1
 
-## 📖 Complete Icons List
+## Icons
 
-Below is a complete list of available icons organized by category:
+Below is a complete list of available icons:
 
 ### Accessibility
 
@@ -1780,14 +1745,14 @@ Below is a complete list of available icons organized by category:
 - IconThunder
 - IconWind
 
-## 📄 License
+## License
 
 This is a private package with all rights reserved. Unauthorized copying or distribution is prohibited.
 
 - Licenses can be purchased at: https://iconists.co/central
 - License key must be present as an environment variable during installation
 
-## 🔧 Troubleshooting
+## Troubleshooting
 
 Common issues and solutions:
 
@@ -1803,11 +1768,5 @@ Common issues and solutions:
    - Ensure React version meets requirements
 
 3. **Bundle size concerns**
-
    - Use specific imports instead of the main entry point
    - Use a build tool supporting tree shaking
-
-4. **Finding the right icon**
-   - Browse categories in the [Complete Icons List](#complete-icons-list)
-   - Use the search index in `icons-index.json`
-   - Check common search terms in the [Icon Discovery](#icon-discovery) section