Merge pull request #85 from vrk-kpa/feature/add-italics-bold-quotes-i…

…cons

[Feature] Add italics, bold, and quotes icons

src/IconLists.js

@@ -14,6 +14,7 @@ const baseIcons = [
   'Authorise',
   'Basket',
   'BasketAdd',
+  'Bold',
   'Calendar',
   'CalendarChecked',
   'Chat',
@@ -62,6 +63,7 @@ const baseIcons = [
   'Info',
   'Internet',
   'Isa',
+  'Italics',
   'Link',
   'LinkBreadcrumb',
   'LinkExternal',
@@ -88,6 +90,7 @@ const baseIcons = [
   'Plus',
   'Preview',
   'Print',
+  'Quotes',
   'RadioButtonOn',
   'Refresh',
   'Registers',

src/baseIcons/Bold.tsx

@@ -0,0 +1,33 @@
+
+import React from 'react';
+import { default as styled } from 'styled-components';
+import classnames from 'classnames';
+import { IconBold as Bold } from '../../svgrComponents/baseIcons/';
+import { baseIconStyles } from '../utils/styles';
+import { BaseIconProps } from './iconInterface';
+import { baseClassName, cursorPointerClassName } from '../utils/classes';
+import { ariaFocusableNoLabel, ariaLabelOrHidden } from '../utils/aria';
+
+const StyledIconBold = styled((props: BaseIconProps) => {
+  const { className, mousePointer, ariaLabel, color, fill, baseColor, highlightColor, ...passProps } =
+    props;
+  return (
+    <Bold
+      className={classnames(baseClassName, className, {
+        [cursorPointerClassName]: !!mousePointer
+      })}
+      {...passProps}
+      {...ariaLabelOrHidden(ariaLabel)}
+      {...ariaFocusableNoLabel(ariaLabel)}
+    />
+  );
+})`
+  ${baseIconStyles}
+`;
+
+const IconBold = (props: BaseIconProps) => {
+  return <StyledIconBold {...props}/>
+}
+
+IconBold.displayName = 'Icon';
+export { IconBold };

src/baseIcons/Italics.tsx

@@ -0,0 +1,33 @@
+
+import React from 'react';
+import { default as styled } from 'styled-components';
+import classnames from 'classnames';
+import { IconItalics as Italics } from '../../svgrComponents/baseIcons/';
+import { baseIconStyles } from '../utils/styles';
+import { BaseIconProps } from './iconInterface';
+import { baseClassName, cursorPointerClassName } from '../utils/classes';
+import { ariaFocusableNoLabel, ariaLabelOrHidden } from '../utils/aria';
+
+const StyledIconItalics = styled((props: BaseIconProps) => {
+  const { className, mousePointer, ariaLabel, color, fill, baseColor, highlightColor, ...passProps } =
+    props;
+  return (
+    <Italics
+      className={classnames(baseClassName, className, {
+        [cursorPointerClassName]: !!mousePointer
+      })}
+      {...passProps}
+      {...ariaLabelOrHidden(ariaLabel)}
+      {...ariaFocusableNoLabel(ariaLabel)}
+    />
+  );
+})`
+  ${baseIconStyles}
+`;
+
+const IconItalics = (props: BaseIconProps) => {
+  return <StyledIconItalics {...props}/>
+}
+
+IconItalics.displayName = 'Icon';
+export { IconItalics };

src/baseIcons/Quotes.tsx

@@ -0,0 +1,33 @@
+
+import React from 'react';
+import { default as styled } from 'styled-components';
+import classnames from 'classnames';
+import { IconQuotes as Quotes } from '../../svgrComponents/baseIcons/';
+import { baseIconStyles } from '../utils/styles';
+import { BaseIconProps } from './iconInterface';
+import { baseClassName, cursorPointerClassName } from '../utils/classes';
+import { ariaFocusableNoLabel, ariaLabelOrHidden } from '../utils/aria';
+
+const StyledIconQuotes = styled((props: BaseIconProps) => {
+  const { className, mousePointer, ariaLabel, color, fill, baseColor, highlightColor, ...passProps } =
+    props;
+  return (
+    <Quotes
+      className={classnames(baseClassName, className, {
+        [cursorPointerClassName]: !!mousePointer
+      })}
+      {...passProps}
+      {...ariaLabelOrHidden(ariaLabel)}
+      {...ariaFocusableNoLabel(ariaLabel)}
+    />
+  );
+})`
+  ${baseIconStyles}
+`;
+
+const IconQuotes = (props: BaseIconProps) => {
+  return <StyledIconQuotes {...props}/>
+}
+
+IconQuotes.displayName = 'Icon';
+export { IconQuotes };

src/baseIcons/index.ts

@@ -13,6 +13,7 @@ export { IconAttachment } from './Attachment';
 export { IconAuthorise } from './Authorise';
 export { IconBasket } from './Basket';
 export { IconBasketAdd } from './BasketAdd';
+export { IconBold } from './Bold';
 export { IconCalendar } from './Calendar';
 export { IconCalendarChecked } from './CalendarChecked';
 export { IconChat } from './Chat';
@@ -61,6 +62,7 @@ export { IconInfoFilled } from './InfoFilled';
 export { IconInfo } from './Info';
 export { IconInternet } from './Internet';
 export { IconIsa } from './Isa';
+export { IconItalics } from './Italics';
 export { IconLink } from './Link';
 export { IconLinkBreadcrumb } from './LinkBreadcrumb';
 export { IconLinkExternal } from './LinkExternal';
@@ -87,6 +89,7 @@ export { IconPhone } from './Phone';
 export { IconPlus } from './Plus';
 export { IconPreview } from './Preview';
 export { IconPrint } from './Print';
+export { IconQuotes } from './Quotes';
 export { IconRadioButtonOn } from './RadioButtonOn';
 export { IconRefresh } from './Refresh';
 export { IconRegisters } from './Registers';

src/iconLists.ts

@@ -1,6 +1,6 @@
 /* NOTE: Do not modify this file manually! It is generated by `createComponents.js` when running `yarn generate` */ 
 
-export const baseIcons = ["Alert","AlertOff","AlignLeft","ApplicationProfile","Archive","ArrowUp","ArrowRight","ArrowDown","ArrowLeft","ArrowheadDown","ArrowheadUp","Attachment","Authorise","Basket","BasketAdd","Calendar","CalendarChecked","Chat","ChatHeart","ChatQuestion","Check","CheckCircleFilled","CheckCircle","CheckSelected","ChevronUp","ChevronRight","ChevronDown","ChevronLeft","ChevronCircleUp","ChevronCircleRight","ChevronCircleDown","ChevronCircleLeft","ChevronDoubleRight","ChevronDoubleLeft","Clock","Close","Compare","CompareRemove","ControlPrevious","ControlPlay","ControlNext","Copy","Disabled","Download","Edit","ErrorFilled","Error","ExpandableMinus","ExpandablePlus","FileGeneric","Fullscreen","Grid","HeartFilled","Heart","HelpFilled","Help","Hint","History","Image","InfoFilled","Info","Internet","Isa","Link","LinkBreadcrumb","LinkExternal","LinkList","ListBulleted","ListNumbered","Login","Logout","MailSend","MapLayers","MapLocationFilled","MapLocation","MapMyLocation","MapRoute","Map","Menu","Merge","Message","Minus","OptionsVertical","Peek","Pin","Phone","Plus","Preview","Print","RadioButtonOn","Refresh","Registers","Remove","Reply","Rows","Save","Search","Settings","SignLanguageContent","Split","Star","StarFilled","SubDirectory","SwapRounded","SwapVertical","TransportBicycle","TransportBus","TransportCar","TransportWalk","Upload","Warning","Window"]
+export const baseIcons = ["Alert","AlertOff","AlignLeft","ApplicationProfile","Archive","ArrowUp","ArrowRight","ArrowDown","ArrowLeft","ArrowheadDown","ArrowheadUp","Attachment","Authorise","Basket","BasketAdd","Bold","Calendar","CalendarChecked","Chat","ChatHeart","ChatQuestion","Check","CheckCircleFilled","CheckCircle","CheckSelected","ChevronUp","ChevronRight","ChevronDown","ChevronLeft","ChevronCircleUp","ChevronCircleRight","ChevronCircleDown","ChevronCircleLeft","ChevronDoubleRight","ChevronDoubleLeft","Clock","Close","Compare","CompareRemove","ControlPrevious","ControlPlay","ControlNext","Copy","Disabled","Download","Edit","ErrorFilled","Error","ExpandableMinus","ExpandablePlus","FileGeneric","Fullscreen","Grid","HeartFilled","Heart","HelpFilled","Help","Hint","History","Image","InfoFilled","Info","Internet","Isa","Italics","Link","LinkBreadcrumb","LinkExternal","LinkList","ListBulleted","ListNumbered","Login","Logout","MailSend","MapLayers","MapLocationFilled","MapLocation","MapMyLocation","MapRoute","Map","Menu","Merge","Message","Minus","OptionsVertical","Peek","Pin","Phone","Plus","Preview","Print","Quotes","RadioButtonOn","Refresh","Registers","Remove","Reply","Rows","Save","Search","Settings","SignLanguageContent","Split","Star","StarFilled","SubDirectory","SwapRounded","SwapVertical","TransportBicycle","TransportBus","TransportCar","TransportWalk","Upload","Warning","Window"]
 export const componentIcons = ["RadioButton","RadioButtonLarge","Toggle","Preloader"]
 export const doctypeIcons = ["Doc","GenericFile","Pdf","Ppt","Xls","Xml"]
 export const illustrativeIcons = ["Authorisation","Book","Briefcase","BuildingAdministrative","Buildings","Catalog","ChartAnalytics","ChartPie","ChartScreen","ChartStatistic","ChatBubbles","Child","Cogwheel","Collaboration","Contract","Conversation","Court","CreditCards","Database","Mobile","Display","Doctor","Environment","Exchange","Failure","Family","Faq","Feedback","FileCabinet","Finance","Folder","Global","Group","Growth","HandCoins","HandPlate","Helpdesk","Home","House","IdBadge","LaptopContent","Laptop","Leap","Location","MagicWand","Mailbox","ManButtons","ManGlasses","ManLaptop","MessageSent","Messages","Meter","MigrationFinland","Money","MoneyBag","Organisation","MobileText","PiggyBank","Pillar","PlaneFlying","Presentation","Puzzle","Register","Rocket","ScaleBalance","Scale","Server","Shelter","Shop","Smartwatch","SocialSecurity","Steering","Success","Support","Swim","TabletText","Tablet","Team","Touch","Train","UserBadge","UserProfile","WebDevelopment","WebService","WomanButtons","WomanNecklace"]

src/index.ts

@@ -13,6 +13,7 @@ export { IconAttachment } from './baseIcons/';
 export { IconAuthorise } from './baseIcons/';
 export { IconBasket } from './baseIcons/';
 export { IconBasketAdd } from './baseIcons/';
+export { IconBold } from './baseIcons/';
 export { IconCalendar } from './baseIcons/';
 export { IconCalendarChecked } from './baseIcons/';
 export { IconChat } from './baseIcons/';
@@ -61,6 +62,7 @@ export { IconInfoFilled } from './baseIcons/';
 export { IconInfo } from './baseIcons/';
 export { IconInternet } from './baseIcons/';
 export { IconIsa } from './baseIcons/';
+export { IconItalics } from './baseIcons/';
 export { IconLink } from './baseIcons/';
 export { IconLinkBreadcrumb } from './baseIcons/';
 export { IconLinkExternal } from './baseIcons/';
@@ -87,6 +89,7 @@ export { IconPhone } from './baseIcons/';
 export { IconPlus } from './baseIcons/';
 export { IconPreview } from './baseIcons/';
 export { IconPrint } from './baseIcons/';
+export { IconQuotes } from './baseIcons/';
 export { IconRadioButtonOn } from './baseIcons/';
 export { IconRefresh } from './baseIcons/';
 export { IconRegisters } from './baseIcons/';

svgrComponents/baseIcons/IconBold.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgIconBold = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M13.066 22H6V12h6.876c.052.009.1.031.155.031 3.262 0 4.969 2.5 4.969 4.969 0 2.408-1.544 5-4.934 5M17 6c0 2.28-1.72 4-4 4H6V2h7.066C15.345 2 17 3.682 17 6m-.504 4.9C18.019 9.822 19 8.048 19 6c0-3.42-2.551-6-5.934-6H5a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h8.066C17.084 24 20 21.056 20 17c0-2.693-1.38-4.934-3.504-6.1"
+      fill="#222"
+      fillRule="evenodd"
+      className="fi-icon-base-fill"
+    />
+  </svg>
+);
+export default SvgIconBold;

svgrComponents/baseIcons/IconItalics.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgIconItalics = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18 0h-6a1 1 0 0 0 0 2h1.691L8.236 22H6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2h-1.691l5.455-20H18a1 1 0 0 0 0-2"
+      fill="#222"
+      fillRule="evenodd"
+      className="fi-icon-base-fill"
+    />
+  </svg>
+);
+export default SvgIconItalics;

svgrComponents/baseIcons/IconQuotes.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgIconQuotes = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g fill="#222" fillRule="evenodd" className="fi-icon-base-fill">
+      <path d="M16 13h-3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1.912c-.345 1.839-1.629 1.991-1.924 2A1 1 0 0 0 13 23c1.384 0 4-1.045 4-5v-4a1 1 0 0 0-1-1M23 13h-3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1.912c-.345 1.839-1.629 1.991-1.924 2A1 1 0 0 0 20 23c1.384 0 4-1.045 4-5v-4a1 1 0 0 0-1-1M12 6a1 1 0 0 0-1-1H9.088c.345-1.84 1.629-1.991 1.924-2A1 1 0 0 0 11 1C9.616 1 7 2.045 7 6v4a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V6ZM4.012 3A1 1 0 0 0 4 1C2.617 1 0 2.045 0 6v4a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H2.088c.345-1.84 1.63-1.991 1.924-2" />
+    </g>
+  </svg>
+);
+export default SvgIconQuotes;

svgrComponents/baseIcons/index.ts

@@ -13,6 +13,7 @@ export { default as IconAttachment } from './IconAttachment';
 export { default as IconAuthorise } from './IconAuthorise';
 export { default as IconBasketAdd } from './IconBasketAdd';
 export { default as IconBasket } from './IconBasket';
+export { default as IconBold } from './IconBold';
 export { default as IconCalendarChecked } from './IconCalendarChecked';
 export { default as IconCalendar } from './IconCalendar';
 export { default as IconChatHeart } from './IconChatHeart';
@@ -61,6 +62,7 @@ export { default as IconInfoFilled } from './IconInfoFilled';
 export { default as IconInfo } from './IconInfo';
 export { default as IconInternet } from './IconInternet';
 export { default as IconIsa } from './IconIsa';
+export { default as IconItalics } from './IconItalics';
 export { default as IconLinkBreadcrumb } from './IconLinkBreadcrumb';
 export { default as IconLinkExternal } from './IconLinkExternal';
 export { default as IconLinkList } from './IconLinkList';
@@ -87,6 +89,7 @@ export { default as IconPin } from './IconPin';
 export { default as IconPlus } from './IconPlus';
 export { default as IconPreview } from './IconPreview';
 export { default as IconPrint } from './IconPrint';
+export { default as IconQuotes } from './IconQuotes';
 export { default as IconRadioButtonOn } from './IconRadioButtonOn';
 export { default as IconRefresh } from './IconRefresh';
 export { default as IconRegisters } from './IconRegisters';