@central-icons-react-native/round-outlined-radius-1-stroke-2 1.1.292 → 1.1.294
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/IconBase44/index.d.ts +4 -0
- package/IconBase44/index.js +3 -0
- package/IconBase44/index.js.map +11 -0
- package/IconBase44/index.mjs +3 -0
- package/IconBase44/index.mjs.map +11 -0
- package/IconBookHeart/index.d.ts +4 -0
- package/IconBookHeart/index.js +3 -0
- package/IconBookHeart/index.js.map +11 -0
- package/IconBookHeart/index.mjs +3 -0
- package/IconBookHeart/index.mjs.map +11 -0
- package/IconDatabricks/index.d.ts +4 -0
- package/IconDatabricks/index.js +3 -0
- package/IconDatabricks/index.js.map +11 -0
- package/IconDatabricks/index.mjs +3 -0
- package/IconDatabricks/index.mjs.map +11 -0
- package/IconDatabricksGenieCode/index.d.ts +4 -0
- package/IconDatabricksGenieCode/index.js +3 -0
- package/IconDatabricksGenieCode/index.js.map +11 -0
- package/IconDatabricksGenieCode/index.mjs +3 -0
- package/IconDatabricksGenieCode/index.mjs.map +11 -0
- package/IconEmail2Block/index.d.ts +4 -0
- package/IconEmail2Block/index.js +3 -0
- package/IconEmail2Block/index.js.map +11 -0
- package/IconEmail2Block/index.mjs +3 -0
- package/IconEmail2Block/index.mjs.map +11 -0
- package/IconEmail2Check/index.d.ts +4 -0
- package/IconEmail2Check/index.js +3 -0
- package/IconEmail2Check/index.js.map +11 -0
- package/IconEmail2Check/index.mjs +3 -0
- package/IconEmail2Check/index.mjs.map +11 -0
- package/IconEmail2Incoming/index.d.ts +4 -0
- package/IconEmail2Incoming/index.js +3 -0
- package/IconEmail2Incoming/index.js.map +11 -0
- package/IconEmail2Incoming/index.mjs +3 -0
- package/IconEmail2Incoming/index.mjs.map +11 -0
- package/IconEmail2Plus/index.d.ts +4 -0
- package/IconEmail2Plus/index.js +3 -0
- package/IconEmail2Plus/index.js.map +11 -0
- package/IconEmail2Plus/index.mjs +3 -0
- package/IconEmail2Plus/index.mjs.map +11 -0
- package/IconEmail2Remove/index.d.ts +4 -0
- package/IconEmail2Remove/index.js +3 -0
- package/IconEmail2Remove/index.js.map +11 -0
- package/IconEmail2Remove/index.mjs +3 -0
- package/IconEmail2Remove/index.mjs.map +11 -0
- package/IconEmail2Unread/index.d.ts +4 -0
- package/IconEmail2Unread/index.js +3 -0
- package/IconEmail2Unread/index.js.map +11 -0
- package/IconEmail2Unread/index.mjs +3 -0
- package/IconEmail2Unread/index.mjs.map +11 -0
- package/IconSuitcase/index.js +2 -2
- package/IconSuitcase/index.js.map +3 -3
- package/IconSuitcase/index.mjs +2 -2
- package/IconSuitcase/index.mjs.map +3 -3
- package/README.md +31 -0
- package/filtered-icons.json +1 -1
- package/icons/index.d.ts +1 -1
- package/icons/index.js +2 -2
- package/icons/index.js.map +3 -3
- package/icons/index.mjs +2 -2
- package/icons/index.mjs.map +3 -3
- package/icons-index.json +4 -4
- package/index.d.ts +10 -0
- package/index.js +30 -0
- package/index.mjs +10 -0
- package/license-check.js +1 -1
- package/package.json +1 -1
- package/skills/central-icons-react-native/SKILL.md +21 -2
package/IconSuitcase/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var
|
|
1
|
+
var H=Object.create;var{getPrototypeOf:P,defineProperty:i,getOwnPropertyNames:c,getOwnPropertyDescriptor:V}=Object,l=Object.prototype.hasOwnProperty;function m(r){return this[r]}var g,j,L=(r,o,e)=>{var t=r!=null&&typeof r==="object";if(t){var k=o?g??=new WeakMap:j??=new WeakMap,C=k.get(r);if(C)return C}e=r!=null?H(P(r)):{};let p=o||!r||!r.__esModule?i(e,"default",{value:r,enumerable:!0}):e;for(let d of c(r))if(!l.call(p,d))i(p,d,{get:m.bind(r,d),enumerable:!0});if(t)k.set(r,p);return p},h=(r)=>{var o=(a??=new WeakMap).get(r),e;if(o)return o;if(o=i({},"__esModule",{value:!0}),r&&typeof r==="object"||typeof r==="function"){for(var t of c(r))if(!l.call(o,t))i(o,t,{get:m.bind(r,t),enumerable:!(e=V(r,t))||e.enumerable})}return a.set(r,o),o},a;var M=(r)=>r;function W(r,o){this[r]=M.bind(null,o)}var f=(r,o)=>{for(var e in o)i(r,e,{get:o[e],enumerable:!0,configurable:!0,set:W.bind(o,e)})};var v={};f(v,{CentralIconBase:()=>u});module.exports=h(v);var B=L(require("react")),I=require("react-native-svg"),u=({children:r,size:o=24,...e})=>{return B.default.createElement(I.Svg,{...e,width:typeof o==="number"?`${o}px`:o,height:typeof o==="number"?`${o}px`:o,viewBox:"0 0 24 24",fill:"none"},r)};var S={};f(S,{default:()=>y,IconSuitcase:()=>x});module.exports=h(S);var n=L(require("react"));var s=require("react-native-svg"),x=(r)=>{return n.default.createElement(u,{...r},n.default.createElement(s.Path,{d:"M17 20V21",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n.default.createElement(s.Path,{d:"M7 20V21",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n.default.createElement(s.Path,{d:"M9 10V16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n.default.createElement(s.Path,{d:"M15 10V16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n.default.createElement(s.Path,{d:"M17 20H19C19.5523 20 20 19.5523 20 19V7C20 6.44772 19.5523 6 19 6H15H9H5C4.44772 6 4 6.44772 4 7V19C4 19.5523 4.44772 20 5 20H7H17Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n.default.createElement(s.Path,{d:"M15 5.75V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4L9 5.75",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},y=x;
|
|
2
2
|
|
|
3
|
-
//# debugId=
|
|
3
|
+
//# debugId=E2A9092064B61BEE64756E2164756E21
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
"sources": ["src/CentralIconBase/index.tsx", "src/IconSuitcase/index.tsx"],
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"import React, { FC } from \"react\";\nimport { Svg, SvgProps } from \"react-native-svg\";\n\nexport type CentralIconBaseProps = {\n size?: string | number;\n} & SvgProps;\n\nexport const CentralIconBase: FC<\n CentralIconBaseProps\n> = ({\n children,\n size = 24,\n ...props\n}) => {\n return (\n <Svg\n {...props}\n width={typeof size === \"number\" ? `${size}px` : size}\n height={typeof size === \"number\" ? `${size}px` : size}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n {children}\n </Svg>\n );\n};\n",
|
|
6
|
-
"import React, { FC } from \"react\";\nimport { CentralIconBase, type CentralIconBaseProps } from \"../CentralIconBase\";\nimport { Path } from \"react-native-svg\";\n\nexport const IconSuitcase: FC<CentralIconBaseProps> = (props) => {\n return <CentralIconBase {...props}><Path d=\"
|
|
6
|
+
"import React, { FC } from \"react\";\nimport { CentralIconBase, type CentralIconBaseProps } from \"../CentralIconBase\";\nimport { Path } from \"react-native-svg\";\n\nexport const IconSuitcase: FC<CentralIconBaseProps> = (props) => {\n return <CentralIconBase {...props}><Path d=\"M17 20V21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M7 20V21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M9 10V16\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M15 10V16\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M17 20H19C19.5523 20 20 19.5523 20 19V7C20 6.44772 19.5523 6 19 6H15H9H5C4.44772 6 4 6.44772 4 7V19C4 19.5523 4.44772 20 5 20H7H17Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M15 5.75V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4L9 5.75\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/></CentralIconBase>;\n};\n\nexport default IconSuitcase;\n"
|
|
7
7
|
],
|
|
8
|
-
"mappings": "w7BAA0B,IAA1B,sBACA,8BAMa,EAET,EACF,WACA,OAAO,MACJ,KACC,CACJ,OACE,wBAQE,MARF,IACM,EACJ,MAAO,OAAO,IAAS,SAAW,GAAG,MAAW,EAChD,OAAQ,OAAO,IAAS,SAAW,GAAG,MAAW,EACjD,QAAQ,YACR,KAAK,QAEJ,CACD,wECvBoB,IAA1B,sBAEqB,IAArB,8BAEa,EAAyC,CAAC,IAAU,CAC/D,OAAO,
|
|
9
|
-
"debugId": "
|
|
8
|
+
"mappings": "w7BAA0B,IAA1B,sBACA,8BAMa,EAET,EACF,WACA,OAAO,MACJ,KACC,CACJ,OACE,wBAQE,MARF,IACM,EACJ,MAAO,OAAO,IAAS,SAAW,GAAG,MAAW,EAChD,OAAQ,OAAO,IAAS,SAAW,GAAG,MAAW,EACjD,QAAQ,YACR,KAAK,QAEJ,CACD,wECvBoB,IAA1B,sBAEqB,IAArB,8BAEa,EAAyC,CAAC,IAAU,CAC/D,OAAO,wBAAm0B,EAAn0B,IAAqB,GAAO,wBAAC,OAAD,CAAM,EAAE,YAAY,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,wBAAC,OAAD,CAAM,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,wBAAC,OAAD,CAAM,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,wBAAC,OAAD,CAAM,EAAE,YAAY,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,wBAAC,OAAD,CAAM,EAAE,sIAAsI,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,wBAAC,OAAD,CAAM,EAAE,yEAAyE,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,CAAI,GAG7zB",
|
|
9
|
+
"debugId": "E2A9092064B61BEE64756E2164756E21",
|
|
10
10
|
"names": []
|
|
11
11
|
}
|
package/IconSuitcase/index.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import i from"react";import{Svg as p}from"react-native-svg";var t=({children:n,size:o=24,...s})=>{return i.createElement(p,{...s,width:typeof o==="number"?`${o}px`:o,height:typeof o==="number"?`${o}px`:o,viewBox:"0 0 24 24",fill:"none"},n)};import r from"react";import{Path as e}from"react-native-svg";var d=(n)=>{return r.createElement(t,{...n},r.createElement(e,{d:"
|
|
1
|
+
import i from"react";import{Svg as p}from"react-native-svg";var t=({children:n,size:o=24,...s})=>{return i.createElement(p,{...s,width:typeof o==="number"?`${o}px`:o,height:typeof o==="number"?`${o}px`:o,viewBox:"0 0 24 24",fill:"none"},n)};import r from"react";import{Path as e}from"react-native-svg";var d=(n)=>{return r.createElement(t,{...n},r.createElement(e,{d:"M17 20V21",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement(e,{d:"M7 20V21",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement(e,{d:"M9 10V16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement(e,{d:"M15 10V16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement(e,{d:"M17 20H19C19.5523 20 20 19.5523 20 19V7C20 6.44772 19.5523 6 19 6H15H9H5C4.44772 6 4 6.44772 4 7V19C4 19.5523 4.44772 20 5 20H7H17Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement(e,{d:"M15 5.75V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4L9 5.75",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},B=d;export{B as default,d as IconSuitcase};
|
|
2
2
|
|
|
3
|
-
//# debugId=
|
|
3
|
+
//# debugId=0FEF6C022209076164756E2164756E21
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
"sources": ["src/CentralIconBase/index.tsx", "src/IconSuitcase/index.tsx"],
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"import React, { FC } from \"react\";\nimport { Svg, SvgProps } from \"react-native-svg\";\n\nexport type CentralIconBaseProps = {\n size?: string | number;\n} & SvgProps;\n\nexport const CentralIconBase: FC<\n CentralIconBaseProps\n> = ({\n children,\n size = 24,\n ...props\n}) => {\n return (\n <Svg\n {...props}\n width={typeof size === \"number\" ? `${size}px` : size}\n height={typeof size === \"number\" ? `${size}px` : size}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n {children}\n </Svg>\n );\n};\n",
|
|
6
|
-
"import React, { FC } from \"react\";\nimport { CentralIconBase, type CentralIconBaseProps } from \"../CentralIconBase\";\nimport { Path } from \"react-native-svg\";\n\nexport const IconSuitcase: FC<CentralIconBaseProps> = (props) => {\n return <CentralIconBase {...props}><Path d=\"
|
|
6
|
+
"import React, { FC } from \"react\";\nimport { CentralIconBase, type CentralIconBaseProps } from \"../CentralIconBase\";\nimport { Path } from \"react-native-svg\";\n\nexport const IconSuitcase: FC<CentralIconBaseProps> = (props) => {\n return <CentralIconBase {...props}><Path d=\"M17 20V21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M7 20V21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M9 10V16\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M15 10V16\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M17 20H19C19.5523 20 20 19.5523 20 19V7C20 6.44772 19.5523 6 19 6H15H9H5C4.44772 6 4 6.44772 4 7V19C4 19.5523 4.44772 20 5 20H7H17Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><Path d=\"M15 5.75V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4L9 5.75\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/></CentralIconBase>;\n};\n\nexport default IconSuitcase;\n"
|
|
7
7
|
],
|
|
8
|
-
"mappings": "AAAA,qBACA,cAAS,yBAMF,IAAM,EAET,EACF,WACA,OAAO,MACJ,KACC,CACJ,OACE,gBAQE,EARF,IACM,EACJ,MAAO,OAAO,IAAS,SAAW,GAAG,MAAW,EAChD,OAAQ,OAAO,IAAS,SAAW,GAAG,MAAW,EACjD,QAAQ,YACR,KAAK,QAEJ,CACD,GCvBN,qBAEA,eAAS,yBAEF,IAAM,EAAyC,CAAC,IAAU,CAC/D,OAAO,
|
|
9
|
-
"debugId": "
|
|
8
|
+
"mappings": "AAAA,qBACA,cAAS,yBAMF,IAAM,EAET,EACF,WACA,OAAO,MACJ,KACC,CACJ,OACE,gBAQE,EARF,IACM,EACJ,MAAO,OAAO,IAAS,SAAW,GAAG,MAAW,EAChD,OAAQ,OAAO,IAAS,SAAW,GAAG,MAAW,EACjD,QAAQ,YACR,KAAK,QAEJ,CACD,GCvBN,qBAEA,eAAS,yBAEF,IAAM,EAAyC,CAAC,IAAU,CAC/D,OAAO,gBAAm0B,EAAn0B,IAAqB,GAAO,gBAAC,EAAD,CAAM,EAAE,YAAY,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,gBAAC,EAAD,CAAM,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,gBAAC,EAAD,CAAM,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,gBAAC,EAAD,CAAM,EAAE,YAAY,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,gBAAC,EAAD,CAAM,EAAE,sIAAsI,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,EAAE,gBAAC,EAAD,CAAM,EAAE,yEAAyE,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAO,CAAI,GAG7zB",
|
|
9
|
+
"debugId": "0FEF6C022209076164756E2164756E21",
|
|
10
10
|
"names": []
|
|
11
11
|
}
|
package/README.md
CHANGED
|
@@ -8,6 +8,7 @@ A collection of round outlined React icons with 1px radius and 2px stroke width,
|
|
|
8
8
|
- [Installation](#installation)
|
|
9
9
|
- [Requirements](#requirements)
|
|
10
10
|
- [Usage](#usage)
|
|
11
|
+
- [Using Transparent Colors](#using-transparent-colors)
|
|
11
12
|
- [Icon Properties](#icon-properties)
|
|
12
13
|
- [Accessibility](#accessibility)
|
|
13
14
|
- [Available Packages](#available-packages)
|
|
@@ -95,6 +96,22 @@ function MyComponent() {
|
|
|
95
96
|
}
|
|
96
97
|
```
|
|
97
98
|
|
|
99
|
+
## Using transparent colors
|
|
100
|
+
|
|
101
|
+
Each icon is drawn from several overlapping shapes — strokes and fills — all painted with the current color. If that color already carries transparency (an alpha channel), every shape is drawn semi-transparent, so the places where shapes overlap get painted twice and look darker than the rest of the icon.
|
|
102
|
+
|
|
103
|
+
To apply a see-through color evenly, keep the color solid and set the transparency with `opacity` instead. `opacity` fades the whole icon as a single layer, so overlaps no longer stack:
|
|
104
|
+
|
|
105
|
+
```jsx
|
|
106
|
+
// ❌ overlaps look darker — the color carries transparency
|
|
107
|
+
<IconHome color="rgba(0, 0, 0, 0.5)" />
|
|
108
|
+
|
|
109
|
+
// ✅ uniform — solid color, transparency applied with opacity
|
|
110
|
+
<IconHome color="black" opacity={0.5} />
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
React Native has no `currentColor`/CSS cascade, so apply the same idea with props: pass a solid `color` and set `opacity` on the icon. With NativeWind, use the `opacity-50` class rather than a color that carries an alpha channel.
|
|
114
|
+
|
|
98
115
|
## Icon Properties
|
|
99
116
|
|
|
100
117
|
All icons accept the following properties:
|
|
@@ -588,6 +605,13 @@ Below is a complete list of available icons:
|
|
|
588
605
|
- IconChatBubble7
|
|
589
606
|
- IconChatBubbles
|
|
590
607
|
- IconMailbox
|
|
608
|
+
- IconEmail2Plus
|
|
609
|
+
- IconEmail2Remove
|
|
610
|
+
- IconEmail2Incoming
|
|
611
|
+
- IconEmail2Block
|
|
612
|
+
- IconEmail2Check
|
|
613
|
+
- IconEmail2Unread
|
|
614
|
+
- IconBookHeart
|
|
591
615
|
|
|
592
616
|
### Crypto
|
|
593
617
|
|
|
@@ -1856,6 +1880,9 @@ Below is a complete list of available icons:
|
|
|
1856
1880
|
- IconJira
|
|
1857
1881
|
- IconConfluence
|
|
1858
1882
|
- IconTodoist
|
|
1883
|
+
- IconBase44
|
|
1884
|
+
- IconDatabricks
|
|
1885
|
+
- IconDatabricksGenieCode
|
|
1859
1886
|
|
|
1860
1887
|
### Sound & Music
|
|
1861
1888
|
|
|
@@ -2363,3 +2390,7 @@ Common issues and solutions:
|
|
|
2363
2390
|
3. **Bundle size concerns**
|
|
2364
2391
|
- Use specific imports instead of the main entry point
|
|
2365
2392
|
- Use a build tool supporting tree shaking
|
|
2393
|
+
|
|
2394
|
+
4. **Icons look darker where lines overlap**
|
|
2395
|
+
|
|
2396
|
+
- You're likely using a semi-transparent `color` (one with an alpha channel). Keep the color solid and apply transparency with `opacity` instead — see [Using transparent colors](#using-transparent-colors).
|