Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

abaabil.icon

Package Overview
Dependencies
Maintainers
0
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

abaabil.icon - npm Package Compare versions

Comparing version 0.0.26 to 0.0.27

2

dist/index.esm.min.js

@@ -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 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc