feat(icons): use Icon postfix (#97)

packages/big-design-icons/scripts/build.js

@@ -27,7 +27,7 @@ async function generateIcons() {
   return Promise.all(
     iconFiles.map(iconFilePath => {
       const filename = basename(iconFilePath, '.svg');
-      const name = `Icon${camelcase(filename, { pascalCase: true })}`;
+      const name = `${camelcase(filename, { pascalCase: true })}Icon`;
 
       componentNames.add(name);
 

packages/big-design-icons/src/components/IconAddCircleOutline.tsx → packages/big-design-icons/src/components/AddCircleOutlineIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconAddCircleOutline = createStyledIcon(Icon);
+export const AddCircleOutlineIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconAdd.tsx → packages/big-design-icons/src/components/AddIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconAdd = createStyledIcon(Icon);
+export const AddIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconArrowBack.tsx → packages/big-design-icons/src/components/ArrowBackIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconArrowBack = createStyledIcon(Icon);
+export const ArrowBackIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconArrowDropDown.tsx → packages/big-design-icons/src/components/ArrowDropDownIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconArrowDropDown = createStyledIcon(Icon);
+export const ArrowDropDownIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconArrowForward.tsx → packages/big-design-icons/src/components/ArrowForwardIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconArrowForward = createStyledIcon(Icon);
+export const ArrowForwardIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconAssignment.tsx → packages/big-design-icons/src/components/AssignmentIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconAssignment = createStyledIcon(Icon);
+export const AssignmentIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconCheckCircle.tsx → packages/big-design-icons/src/components/CheckCircleIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconCheckCircle = createStyledIcon(Icon);
+export const CheckCircleIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconCheck.tsx → packages/big-design-icons/src/components/CheckIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconCheck = createStyledIcon(Icon);
+export const CheckIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconChevronLeft.tsx → packages/big-design-icons/src/components/ChevronLeftIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconChevronLeft = createStyledIcon(Icon);
+export const ChevronLeftIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconChevronRight.tsx → packages/big-design-icons/src/components/ChevronRightIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconChevronRight = createStyledIcon(Icon);
+export const ChevronRightIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconClose.tsx → packages/big-design-icons/src/components/CloseIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconClose = createStyledIcon(Icon);
+export const CloseIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconDelete.tsx → packages/big-design-icons/src/components/DeleteIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconDelete = createStyledIcon(Icon);
+export const DeleteIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconDragIndicator.tsx → packages/big-design-icons/src/components/DragIndicatorIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconDragIndicator = createStyledIcon(Icon);
+export const DragIndicatorIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconEdit.tsx → packages/big-design-icons/src/components/EditIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconEdit = createStyledIcon(Icon);
+export const EditIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconError.tsx → packages/big-design-icons/src/components/ErrorIcon.tsx

@@ -12,4 +12,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconError = createStyledIcon(Icon);
+export const ErrorIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconExpandLess.tsx → packages/big-design-icons/src/components/ExpandLessIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconExpandLess = createStyledIcon(Icon);
+export const ExpandLessIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconExpandMore.tsx → packages/big-design-icons/src/components/ExpandMoreIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconExpandMore = createStyledIcon(Icon);
+export const ExpandMoreIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconFilterList.tsx → packages/big-design-icons/src/components/FilterListIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconFilterList = createStyledIcon(Icon);
+export const FilterListIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconInvertColors.tsx → packages/big-design-icons/src/components/InvertColorsIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconInvertColors = createStyledIcon(Icon);
+export const InvertColorsIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconLanguage.tsx → packages/big-design-icons/src/components/LanguageIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconLanguage = createStyledIcon(Icon);
+export const LanguageIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconMoreHoriz.tsx → packages/big-design-icons/src/components/MoreHorizIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconMoreHoriz = createStyledIcon(Icon);
+export const MoreHorizIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconOpenInNew.tsx → packages/big-design-icons/src/components/OpenInNewIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconOpenInNew = createStyledIcon(Icon);
+export const OpenInNewIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconPublic.tsx → packages/big-design-icons/src/components/PublicIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconPublic = createStyledIcon(Icon);
+export const PublicIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconReceipt.tsx → packages/big-design-icons/src/components/ReceiptIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconReceipt = createStyledIcon(Icon);
+export const ReceiptIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconRemoveCircleOutline.tsx → packages/big-design-icons/src/components/RemoveCircleOutlineIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconRemoveCircleOutline = createStyledIcon(Icon);
+export const RemoveCircleOutlineIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconRestore.tsx → packages/big-design-icons/src/components/RestoreIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconRestore = createStyledIcon(Icon);
+export const RestoreIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconSearch.tsx → packages/big-design-icons/src/components/SearchIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconSearch = createStyledIcon(Icon);
+export const SearchIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconSettings.tsx → packages/big-design-icons/src/components/SettingsIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconSettings = createStyledIcon(Icon);
+export const SettingsIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconStarBorder.tsx → packages/big-design-icons/src/components/StarBorderIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconStarBorder = createStyledIcon(Icon);
+export const StarBorderIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconStarHalf.tsx → packages/big-design-icons/src/components/StarHalfIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconStarHalf = createStyledIcon(Icon);
+export const StarHalfIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconStar.tsx → packages/big-design-icons/src/components/StarIcon.tsx

@@ -12,4 +12,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconStar = createStyledIcon(Icon);
+export const StarIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconStore.tsx → packages/big-design-icons/src/components/StoreIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconStore = createStyledIcon(Icon);
+export const StoreIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconVisibility.tsx → packages/big-design-icons/src/components/VisibilityIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconVisibility = createStyledIcon(Icon);
+export const VisibilityIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconVisibilityOff.tsx → packages/big-design-icons/src/components/VisibilityOffIcon.tsx

@@ -13,4 +13,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconVisibilityOff = createStyledIcon(Icon);
+export const VisibilityOffIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/IconWarning.tsx → packages/big-design-icons/src/components/WarningIcon.tsx

@@ -12,4 +12,4 @@ const Icon = React.memo<Partial<IconProps>>(({ title, ...props }) => (
   </svg>
 ));
 
-export const IconWarning = createStyledIcon(Icon);
+export const WarningIcon = createStyledIcon(Icon);

packages/big-design-icons/src/components/index.ts

@@ -1,35 +1,35 @@
-export * from './IconAddCircleOutline';
-export * from './IconAdd';
-export * from './IconArrowBack';
-export * from './IconArrowDropDown';
-export * from './IconArrowForward';
-export * from './IconAssignment';
-export * from './IconCheckCircle';
-export * from './IconCheck';
-export * from './IconChevronLeft';
-export * from './IconChevronRight';
-export * from './IconClose';
-export * from './IconDelete';
-export * from './IconDragIndicator';
-export * from './IconEdit';
-export * from './IconError';
-export * from './IconExpandLess';
-export * from './IconExpandMore';
-export * from './IconFilterList';
-export * from './IconInvertColors';
-export * from './IconLanguage';
-export * from './IconMoreHoriz';
-export * from './IconOpenInNew';
-export * from './IconPublic';
-export * from './IconReceipt';
-export * from './IconRemoveCircleOutline';
-export * from './IconRestore';
-export * from './IconSearch';
-export * from './IconSettings';
-export * from './IconStarBorder';
-export * from './IconStarHalf';
-export * from './IconStar';
-export * from './IconStore';
-export * from './IconVisibilityOff';
-export * from './IconVisibility';
-export * from './IconWarning';
+export * from './AddCircleOutlineIcon';
+export * from './AddIcon';
+export * from './ArrowBackIcon';
+export * from './ArrowDropDownIcon';
+export * from './ArrowForwardIcon';
+export * from './AssignmentIcon';
+export * from './CheckCircleIcon';
+export * from './CheckIcon';
+export * from './ChevronLeftIcon';
+export * from './ChevronRightIcon';
+export * from './CloseIcon';
+export * from './DeleteIcon';
+export * from './DragIndicatorIcon';
+export * from './EditIcon';
+export * from './ErrorIcon';
+export * from './ExpandLessIcon';
+export * from './ExpandMoreIcon';
+export * from './FilterListIcon';
+export * from './InvertColorsIcon';
+export * from './LanguageIcon';
+export * from './MoreHorizIcon';
+export * from './OpenInNewIcon';
+export * from './PublicIcon';
+export * from './ReceiptIcon';
+export * from './RemoveCircleOutlineIcon';
+export * from './RestoreIcon';
+export * from './SearchIcon';
+export * from './SettingsIcon';
+export * from './StarBorderIcon';
+export * from './StarHalfIcon';
+export * from './StarIcon';
+export * from './StoreIcon';
+export * from './VisibilityOffIcon';
+export * from './VisibilityIcon';
+export * from './WarningIcon';