Skip to content

Commit fe33e6b

Browse files
philson-philipphilson-philip
authored
Updated product logos and app icons. (#270)
* Added typeface logos * Deleted depreciated products typeface logos * Added pending typeface logos * Updated the typeface logos * Updated app logos * Updated app icons * Updated typesript desciption * Fixed icon preview size issue
1 parent 4a30cb2 commit fe33e6b

File tree

105 files changed

+969
-2827
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

105 files changed

+969
-2827
lines changed

‎README.md‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,11 @@ The neetoIcons and neetoIconsRN library are a collection of SVG React component
44
the experience in the neeto products built at BigBinary.
55

66
## Contents
7-
- [Installation](#installation)
8-
- [Usage](#usage)
9-
- [How it works](#how-it-works)
10-
- [Instructions for publishing](#instructions-for-publishing)
7+
8+
- [Installation](#installation)
9+
- [Usage](#usage)
10+
- [How it works](#how-it-works)
11+
- [Instructions for publishing](#instructions-for-publishing)
1112

1213
## Installation
1314

@@ -56,7 +57,7 @@ import { Neeto } from "@bigbinary/neeto-icons/logos";
5657
### App icons
5758

5859
```javascript
59-
import { NeetoSocial } from "@bigbinary/neeto-icons/app-icons";
60+
import { NeetoSite } from "@bigbinary/neeto-icons/app-icons";
6061
```
6162

6263
### Misc icons

‎app-icons.d.ts‎

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,31 +2,28 @@ import React from "react";
22

33
type LogoProps = { size?: string | number } & React.SVGProps<SVGSVGElement>;
44

5-
export const NeetoAnalytics: React.FC<LogoProps>;
6-
export const NeetoBugtrap: React.FC<LogoProps>;
5+
export const Neeto: React.FC<LogoProps>;
76
export const NeetoCal: React.FC<LogoProps>;
87
export const NeetoChangelog: React.FC<LogoProps>;
98
export const NeetoChat: React.FC<LogoProps>;
109
export const NeetoCi: React.FC<LogoProps>;
10+
export const NeetoCode: React.FC<LogoProps>;
1111
export const NeetoCourse: React.FC<LogoProps>;
1212
export const NeetoCrm: React.FC<LogoProps>;
1313
export const NeetoDeploy: React.FC<LogoProps>;
1414
export const NeetoDesk: React.FC<LogoProps>;
15-
export const NeetoEngage: React.FC<LogoProps>;
1615
export const NeetoForm: React.FC<LogoProps>;
16+
export const NeetoGit: React.FC<LogoProps>;
1717
export const NeetoInvisible: React.FC<LogoProps>;
1818
export const NeetoInvoice: React.FC<LogoProps>;
1919
export const NeetoKb: React.FC<LogoProps>;
20-
export const NeetoMonitor: React.FC<LogoProps>;
2120
export const NeetoPlanner: React.FC<LogoProps>;
22-
export const NeetoPopups: React.FC<LogoProps>;
21+
export const NeetoPlaydash: React.FC<LogoProps>;
2322
export const NeetoQuiz: React.FC<LogoProps>;
23+
export const NeetoRecord: React.FC<LogoProps>;
2424
export const NeetoReplay: React.FC<LogoProps>;
25-
export const NeetoReview: React.FC<LogoProps>;
2625
export const NeetoRunner: React.FC<LogoProps>;
27-
export const NeetoSign: React.FC<LogoProps>;
26+
export const NeetoSeo: React.FC<LogoProps>;
2827
export const NeetoSite: React.FC<LogoProps>;
29-
export const NeetoSocial: React.FC<LogoProps>;
30-
export const NeetoStore: React.FC<LogoProps>;
3128
export const NeetoTestify: React.FC<LogoProps>;
3229
export const NeetoWireframe: React.FC<LogoProps>;

‎build/templates/app-icon-template.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
const appIconTemplate = ({ componentName, jsx }, { tpl }) => tpl`
22
import React from 'react';
33
4-
export const ${componentName} = ({size=24, ...props}) => {
4+
export const ${componentName} = ({size=36, ...props}) => {
55
return ${jsx};
66
}
77
`;

‎build/templates/logo-template.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
const logoTemplate = ({ componentName, jsx }, { tpl }) => tpl`
22
import React from 'react';
33
4-
export const ${componentName} = ({size=24, ...props}) => {
4+
export const ${componentName} = ({size=36, ...props}) => {
55
return ${jsx};
66
}
77
`;

‎build/templates/typeface-logo-template.mjs‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
const typefaceLogoTemplate = ( { componentName, jsx }, { tpl }, ) => tpl`
1+
const typefaceLogoTemplate = ({ componentName, jsx }, { tpl }) => tpl`
22
import React from "react";
33
4-
export const ${componentName} = ({width="100%", height=20, ...props}) => {
4+
export const ${componentName} = ({width="100%", height=36, ...props}) => {
55
return ${jsx};
66
}
77
`;

‎example/src/Dashboard/IconsList/IconItem.js‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
import React, { forwardRef, useEffect, useRef } from "react";
22
import classNames from "classnames";
33

4-
const IconItem = ({ name, Icon, onSelect, isSelected }, ref) => {
5-
6-
4+
const IconItem = ({ name, Icon, onSelect, isSelected, size = 36 }, ref) => {
75
return (
86
<div
97
ref={ref}
@@ -15,10 +13,10 @@ const IconItem = ({ name, Icon, onSelect, isSelected }, ref) => {
1513
}
1614
)}
1715
>
18-
<Icon size={24} color="#68737D" />
19-
<div className="mt-2 text-xs text-gray-700">{name}</div>
16+
<Icon {...{ size }} color="#68737D" />
17+
<div className="mt-3 text-xs text-gray-700">{name}</div>
2018
</div>
2119
);
22-
}
20+
};
2321

2422
export default forwardRef(IconItem);

‎example/src/Dashboard/IconsList/index.js‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ export default function IconsList({
1313
className = DEFAULT_CLASS_NAME,
1414
onIconSelect,
1515
selectedIcon,
16+
size,
1617
}) {
1718
const ref = useRef();
1819
const onSelect = (name) => {
@@ -27,7 +28,7 @@ export default function IconsList({
2728
fontSize: 14,
2829
},
2930
});
30-
onIconSelect(`${listName}-${name}`)
31+
onIconSelect(`${listName}-${name}`);
3132
};
3233

3334
useEffect(() => {
@@ -54,6 +55,7 @@ export default function IconsList({
5455
name={key}
5556
onSelect={onSelect}
5657
isSelected={isSelected}
58+
size={size}
5759
/>
5860
);
5961
})}

‎example/src/Dashboard/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ function Dashboard() {
2929
<Toaster position="bottom-center" />
3030
<Header searchTerm={searchTerm} setSearchTerm={setSearchTerm} />
3131
<h2 className="px-8 pt-4">Icons</h2>
32-
<IconsList icons={icons} listName="icons" {...commonProps} />
32+
<IconsList size={24} icons={icons} listName="icons" {...commonProps} />
3333
<h2 className="px-8 pt-4">Logos</h2>
3434
<IconsList icons={logos} listName="logos" {...commonProps} />
3535
<h2 className="px-8 pt-4">App Icons</h2>

‎logos.d.ts‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,28 @@ import React from "react";
22

33
type LogoProps = { size?: string | number } & React.SVGProps<SVGSVGElement>;
44

5-
export const NeetoCi: React.FC<LogoProps>;
6-
export const NeetoAnalytics: React.FC<LogoProps>;
5+
export const Neeto: React.FC<LogoProps>;
76
export const NeetoCal: React.FC<LogoProps>;
87
export const NeetoChangelog: React.FC<LogoProps>;
98
export const NeetoChat: React.FC<LogoProps>;
9+
export const NeetoCi: React.FC<LogoProps>;
10+
export const NeetoCode: React.FC<LogoProps>;
1011
export const NeetoCourse: React.FC<LogoProps>;
1112
export const NeetoCrm: React.FC<LogoProps>;
1213
export const NeetoDeploy: React.FC<LogoProps>;
1314
export const NeetoDesk: React.FC<LogoProps>;
14-
export const NeetoEngage: React.FC<LogoProps>;
1515
export const NeetoForm: React.FC<LogoProps>;
16+
export const NeetoGit: React.FC<LogoProps>;
1617
export const NeetoInvisible: React.FC<LogoProps>;
1718
export const NeetoInvoice: React.FC<LogoProps>;
1819
export const NeetoKb: React.FC<LogoProps>;
1920
export const NeetoPlanner: React.FC<LogoProps>;
20-
export const NeetoPopups: React.FC<LogoProps>;
21+
export const NeetoPlaydash: React.FC<LogoProps>;
2122
export const NeetoQuiz: React.FC<LogoProps>;
23+
export const NeetoRecord: React.FC<LogoProps>;
2224
export const NeetoReplay: React.FC<LogoProps>;
23-
export const NeetoReview: React.FC<LogoProps>;
2425
export const NeetoRunner: React.FC<LogoProps>;
25-
export const NeetoSign: React.FC<LogoProps>;
26+
export const NeetoSeo: React.FC<LogoProps>;
2627
export const NeetoSite: React.FC<LogoProps>;
27-
export const NeetoSocial: React.FC<LogoProps>;
28-
export const NeetoStore: React.FC<LogoProps>;
2928
export const NeetoTestify: React.FC<LogoProps>;
3029
export const NeetoWireframe: React.FC<LogoProps>;

‎source/appIcons/Neeto.svg‎

Lines changed: 5 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)