Merge pull request #16 from coderan-io/fix/names

Removed cui prefix

Author: EranNL

__tests__/Icon.test.tsx

@@ -10,7 +10,7 @@ describe('Icon test', () => {
             </div>
         );
 
-        expect(container.find('.cui-icon.cui-icon-home').length).toBe(1);
+        expect(container.find('.icon.icon-home').length).toBe(1);
     });
 
     it('should render icon with specific size', () => {
@@ -20,6 +20,6 @@ describe('Icon test', () => {
             </div>
         );
 
-        expect(container.find('.cui-icon.cui-icon-home.cui-icon-size-12').length).toBe(1);
+        expect(container.find('.icon.icon-home.icon-size-12').length).toBe(1);
     });
 });

src/components/Icon/Icon.tsx

@@ -19,9 +19,9 @@ const Icon = React.forwardRef<HTMLElement, IconProps>((
     <i
         ref={ref}
         className={clsx(
-            'cui-icon',
-            `cui-icon-${icon}`,
-            size && `cui-icon-size-${size}`,
+            'icon',
+            `icon-${icon}`,
+            size && `icon-size-${size}`,
             className
         )}
     />

src/style/components/_button.scss

@@ -96,7 +96,7 @@
         display: flex;
         align-items: center;
 
-        .cui-icon {
+        .icon {
             font-size: 1.3rem;
         }
         &.icon-left {

src/style/components/_icons.scss

@@ -1,26 +1,22 @@
 @use "../base/variables";
 
-.cui-icon {
+.icon {
     font: {
         family: 'Cui-Icons';
         style: normal;
     }
     line-height: 1;
     display: inline-block;
 
-    .cui-icon-activity:before {
-
-    }
-
     @for $i from 1 through 12 {
-        &.cui-icon-size-#{$i} {
+        &.icon-size-#{$i} {
             font-size: #{$i * variables.$base-gutter-steps}rem;
         }
     }
 }
 
 @each $name, $icon in variables.$icons {
-    .cui-icon-#{$name}:before {
+    .icon-#{$name}:before {
         content: '#{$icon}';
     }
 }