[AP-4525] Add infoFiled icon; improve storybook icon previews visibility (#723)

Author: jedrasik

src/components/svgicon/SVGIcon.stories.tsx

@@ -1022,6 +1022,14 @@ export const Status: StoryObj = {
           </Text>
         </FlexContainer>
       </CopyToClipboard>
+      <CopyToClipboard text="infoFilled">
+        <FlexContainer direction="column">
+          <SVGIcon name="infoFilled" />
+          <Text size="xs" mt=".25rem">
+            infoFilled
+          </Text>
+        </FlexContainer>
+      </CopyToClipboard>
     </FlexContainer>
   ),
 

src/components/svgicon/SVGIcon.tsx

@@ -40,6 +40,7 @@ export function SVGIcon({ name, ...props }: SVGIconProps) {
 
   return (
     <StyledSVGIcon
+      color="currentColor"
       {...props}
       viewBox={VIEW_BOX}
       xmlns="http://www.w3.org/2000/svg"

src/components/svgicon/icons/ui.tsx

@@ -990,6 +990,15 @@ export const uiIcons = {
       <path d="M11.17774,8.74026a.33183.33183,0,0,1-.24707-.0957.33563.33563,0,0,1-.09571-.24707V7.16409a.34159.34159,0,0,1,.09571-.23926.32267.32267,0,0,1,.24707-.10254h1.64453a.35223.35223,0,0,1,.34277.3418v1.2334a.32346.32346,0,0,1-.10352.24707.33736.33736,0,0,1-.23925.0957Zm.01367,8.1543a.32413.32413,0,0,1-.24707-.10254.3422.3422,0,0,1-.09571-.24023V10.11136a.328.328,0,0,1,.34278-.34278H12.8086a.3294.3294,0,0,1,.34277.34278v6.44043a.339.339,0,0,1-.09668.24023.32058.32058,0,0,1-.24609.10254Z" />
     </>
   ),
+
+  infoFilled: (
+    <>
+      <path
+        d="m12,1C5.93,1,1,5.93,1,12s4.93,11,11,11,11-4.93,11-11S18.07,1,12,1Zm-1.18,5.86c0-.1.03-.19.1-.26.07-.07.15-.1.26-.1h1.64c.1,0,.19.03.26.1s.1.15.1.26v6.12c0,.1-.03.18-.1.25-.07.07-.15.11-.26.11h-1.64c-.11,0-.19-.04-.26-.11-.07-.07-.1-.15-.1-.25v-6.12Zm2.41,10.29c0,.09-.04.18-.11.25s-.15.11-.25.11h-1.75c-.1,0-.19-.04-.26-.11-.07-.07-.1-.15-.1-.25v-1.75c0-.1.03-.19.1-.26s.15-.11.26-.11h1.75c.09,0,.18.03.25.11.07.07.11.16.11.26v1.75Z"
+        transform="rotate(180, 12, 12)"
+      />
+    </>
+  ),
   countdown: (
     <>
       <path d="M11.48,22.65a11.09,11.09,0,0,1-1.15-.07.86.86,0,0,1-.77-1,.89.89,0,0,1,1-.78,8.35,8.35,0,0,0,1,.06,9.06,9.06,0,0,0,1.73-.17.86.86,0,0,1,1,.69.88.88,0,0,1-.69,1A13.68,13.68,0,0,1,11.48,22.65Zm-3.94-.84a.85.85,0,0,1-.35-.08A10.42,10.42,0,0,1,4.45,20a.88.88,0,0,1-.07-1.24.87.87,0,0,1,1.23-.07A8.94,8.94,0,0,0,7.9,20.13a.88.88,0,0,1-.36,1.68Zm8.68-.37a.87.87,0,0,1-.42-1.64A8.9,8.9,0,0,0,18,18.14a.87.87,0,0,1,1.27,1.2,10.6,10.6,0,0,1-2.58,2A.91.91,0,0,1,16.22,21.44ZM3.12,17.89a.89.89,0,0,1-.75-.42,10.7,10.7,0,0,1-1.22-3,.87.87,0,0,1,1.7-.4,8.9,8.9,0,0,0,1,2.52.87.87,0,0,1-.3,1.2A.89.89,0,0,1,3.12,17.89Zm17.17-.73a.85.85,0,0,1-.38-.09.88.88,0,0,1-.4-1.17,9,9,0,0,0,.65-1.82.89.89,0,0,1,1.06-.65.87.87,0,0,1,.65,1.05,10.4,10.4,0,0,1-.79,2.19A.87.87,0,0,1,20.29,17.16Z" />

src/components/text/Text.tsx

@@ -111,7 +111,7 @@ export function Text({
   ...props
 }: SpaceProps & TextProps) {
   return (
-    <StyledText as={tag} tag={tag} {...props}>
+    <StyledText as={tag} tag={tag} color="currentColor" {...props}>
       {children}
     </StyledText>
   );