abaabil.icon
Advanced tools
Comparing version 0.0.26 to 0.0.27
@@ -1,1 +0,1 @@ | ||
import*as s from"react";import"prop-types";import n from"classnames";const t=({id:e,size:o,className:a,"aria-label":r,"aria-hidden":i=!r})=>s.createElement("svg",{className:n("grow-0 shrink-0 stroke-current stroke-2 fill-none stroke-round",{cp:"w-4 h-4",sp:"w-8 h-8"}[o]||"w-6 h-6",a),"aria-label":r,"aria-hidden":i},s.createElement("use",{xlinkHref:`/sprite.svg#${e}`}));var d=t;export{d as default}; | ||
import*as e from"react";import r from"prop-types";import t from"classnames";const i=({id:o,className:a,size:n,"aria-label":s,"aria-hidden":p=!s})=>e.createElement("svg",{className:t("grow-0 shrink-0 stroke-current stroke-2 fill-none stroke-round",{cp:"w-4 h-4",sp:"w-8 h-8"}[n]||"w-6 h-6",a),"aria-label":s,"aria-hidden":p},e.createElement("use",{xlinkHref:`/sprite.svg#${o}`}));i.propTypes={id:r.string.isRequired,className:r.string,size:r.oneOf(["cp","sp"]),"aria-label":r.string,"aria-hidden":r.bool};var m=i;export{m as default}; |
{ | ||
"name": "abaabil.icon", | ||
"author": "Abaabil", | ||
"version": "0.0.26", | ||
"version": "0.0.27", | ||
"main": "dist/index.esm.min.js", | ||
@@ -30,3 +30,3 @@ "files": [ | ||
], | ||
"gitHead": "5abe81d2b244da49c8743cb5c9190afbf99bf6b4" | ||
"gitHead": "d63d2e6d9f5f5b1f28c3d7ec1cebab0280225243" | ||
} |
@@ -33,8 +33,8 @@ # Icon Component Documentation | ||
- **Type:** `string` | ||
- **Default:** `'base'` | ||
- **Options:** `'sm'`, `'base'`, `'lg'` | ||
- **Default:** `'df'` | ||
- **Options:** `'cp'`, `'df'`, `'sp'` | ||
- **Description:** Specifies the size of the icon. The available options correspond to different width and height values: | ||
- `'sm'`: Small size (`w-4 h-4`) | ||
- `'base'`: Base size (`w-6 h-6`) | ||
- `'lg'`: Large size (`w-8 h-8`) | ||
- `'cp'`: Small size (`w-4 h-4`) | ||
- `'df'`: Base size (`w-6 h-6`) | ||
- `'sp'`: Large size (`w-8 h-8`) | ||
@@ -78,3 +78,3 @@ ### className | ||
```jsx | ||
<Icon id="alert" size="lg" className="text-red-500" /> | ||
<Icon id="alert" size="sp" className="text-red-500" /> | ||
``` | ||
@@ -81,0 +81,0 @@ |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Trivial Package
Supply chain riskPackages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Trivial Package
Supply chain riskPackages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.
Found 1 instance in 1 package
6836
3