feat: Changed font name to generic

README.md

@@ -1,6 +1,6 @@
 # dali-icons
 
-Dali icons is an icon library used by Devo products; developed and maintend by
+Dali Icons is an icon library used by Devo products; developed and maintend by
 the QuVis team.
 
 You could use this package for components or for icon font.

config.ts

@@ -1,4 +1,4 @@
 export const config = {
-  prefix: 'Di',
-  fontName: 'di',
+  prefix: 'Icon',
+  fontName: 'icon',
 };

scripts/font/generate.ts

@@ -25,7 +25,7 @@ svgtofont({
     normalize: true,
   },
 }).then(() => {
-  console.log('Font: Generated dali-icons font!');
+  console.log('Font: Generated icons fonts!');
 
   const stylesFile = path.resolve(pkgPath, `${config.fontName}-styles.scss`);
   const allStyles = fs.readFileSync(stylesFile).toString();

stories/Introduction.stories.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Introduction" />
 
-# Dali Icons
+# Devo Icons
 
 The biggest icons resource on Devo!
 

stories/doc/AddIcons.stories.mdx

@@ -31,10 +31,10 @@ Let's see an example:
 </svg>
 ```
 
-The name for the new icon will be the `Di` prefix and the `<title>` tag
+The name for the new icon will be the `Icon` prefix and the `<title>` tag
 content, converted to the camelCase format.
 
-Following the previous example, the name for the icon will be _DiBubbleChart_.
+Following the previous example, the name for the icon will be _IconBubbleChart_.
 
 ## Generate all the packages icons
 

stories/font/Usage.stories.mdx

@@ -6,27 +6,27 @@ import { Meta } from '@storybook/addon-docs';
 
 With this you will have all icons classes:
 
-- `.di-check`
-- `.di-delete`
-- `.di-refresh`
+- `.icon-check`
+- `.icon-delete`
+- `.icon-refresh`
 - ...
 
 You could check all the classes in the [Gallery](?path=/story/gallery--icons)
 
 ## CSS
 
 ```js
-import '@devoinc/dali-icons/dist/di.css';
+import '@devoinc/dali-icons/dist/icon-styles.css';
 ```
 
 ## SASS
 
 ```js
-import '@devoinc/dali-icons/dist/di.scss';
+import '@devoinc/dali-icons/dist/icon.scss';
 ```
 
 ## LESS
 
 ```js
-import '@devoinc/dali-icons/dist/di.less';
+import '@devoinc/dali-icons/dist/icon-styles.less';
 ```

stories/react/Icon.stories.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { Story, Meta } from '@storybook/react';
 
-import { DiSave } from '../../dist/';
+import { IconBubbleChart } from '../../dist/';
 
 export default {
   title: 'React/Icon',
-  component: DiSave,
+  component: IconBubbleChart,
   argTypes: {
     color: {
       control: 'color',
@@ -22,7 +22,7 @@ export default {
   },
 } as Meta;
 
-export const SingleIcon: Story = (args) => <DiSave {...args} />;
+export const SingleIcon: Story = (args) => <IconBubbleChart {...args} />;
 SingleIcon.args = {
   title: 'Some title',
   color: 'rgba(0, 0, 190, 1)',