@streamlayer/react-ui 0.67.0 → 0.67.1

package/lib/ui/gamification/onboarding/slides/onboarding-instructions/styles.js

@@ -1,27 +1,27 @@
 import { styled as s } from "@linaria/react";
 const e = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c1htq1lb",
+  class: "c1htq1lb",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_cjyzpp7",
+  class: "cjyzpp7",
   propsAsIs: !1
 }), t = /* @__PURE__ */ s("div")({
   name: "Graphic",
-  class: "Graphic_g16mldgz",
+  class: "g16mldgz",
   propsAsIs: !1
 }), o = /* @__PURE__ */ s("div")({
   name: "Headline",
-  class: "Headline_h69js65",
+  class: "h69js65",
   propsAsIs: !1
 }), p = /* @__PURE__ */ s("div")({
   name: "StepsContainer",
-  class: "StepsContainer_smm7qmo",
+  class: "smm7qmo",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("span")({
+}), c = /* @__PURE__ */ s("span")({
   name: "StepIndicator",
-  class: "StepIndicator_s17knuw2",
+  class: "s17knuw2",
   propsAsIs: !1
 });
 export {
@@ -29,6 +29,6 @@ export {
   a as Content,
   t as Graphic,
   o as Headline,
-  i as StepIndicator,
+  c as StepIndicator,
   p as StepsContainer
 };

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/styles.js

@@ -4,74 +4,74 @@ import "react/jsx-runtime";
 import "react";
 const l = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c1itm4k7",
+  class: "c1itm4k7",
   propsAsIs: !1
-}), r = /* @__PURE__ */ s("div")({
+}), p = /* @__PURE__ */ s("div")({
   name: "IconContainer",
-  class: "IconContainer_i1w4fsni",
+  class: "i1w4fsni",
   propsAsIs: !1
-}), o = () => n, p = /* @__PURE__ */ s(o())({
+}), o = () => n, r = /* @__PURE__ */ s(o())({
   name: "InviteGameIcon",
-  class: "InviteGameIcon_i19m85r1",
+  class: "i19m85r1",
   propsAsIs: !0
 }), m = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_c1mbu204",
+  class: "c1mbu204",
   propsAsIs: !1
 }), I = /* @__PURE__ */ s("div")({
   name: "Heading",
-  class: "Heading_h1amdqtv",
+  class: "h1amdqtv",
   propsAsIs: !1
 }), k = /* @__PURE__ */ s("div")({
   name: "Subtext",
-  class: "Subtext_s1lhlj9j",
+  class: "s1lhlj9j",
   propsAsIs: !1
 }), L = /* @__PURE__ */ s("div")({
   name: "LinkContainer",
-  class: "LinkContainer_l1wot35e",
+  class: "l1wot35e",
   propsAsIs: !1
 }), d = /* @__PURE__ */ s("div")({
   name: "LinkInfo",
-  class: "LinkInfo_l1jdw39q",
+  class: "l1jdw39q",
   propsAsIs: !1
 }), f = /* @__PURE__ */ s("span")({
   name: "LinkTitle",
-  class: "LinkTitle_l1cr5mk",
+  class: "l1cr5mk",
   propsAsIs: !1
 }), A = /* @__PURE__ */ s("span")({
   name: "LinkAddress",
-  class: "LinkAddress_lvi87q4",
+  class: "lvi87q4",
   propsAsIs: !1
-}), a = () => n, _ = /* @__PURE__ */ s(a())({
+}), a = () => n, v = /* @__PURE__ */ s(a())({
   name: "LinkIcon",
-  class: "LinkIcon_l1pqlvw3",
+  class: "l1pqlvw3",
   propsAsIs: !0
-}), v = /* @__PURE__ */ s("div")({
+}), C = /* @__PURE__ */ s("div")({
   name: "SocialLinksContainer",
-  class: "SocialLinksContainer_s1n7kzeh",
+  class: "s1n7kzeh",
   propsAsIs: !1
-}), C = /* @__PURE__ */ s("a")({
+}), S = /* @__PURE__ */ s("a")({
   name: "SocialLink",
-  class: "SocialLink_s2m9o9y",
+  class: "s2m9o9y",
   propsAsIs: !1
-}), S = /* @__PURE__ */ s("span")({
+}), b = /* @__PURE__ */ s("span")({
   name: "SocialLinkLabel",
-  class: "SocialLinkLabel_sewjbbn",
+  class: "sewjbbn",
   propsAsIs: !1
 });
 export {
   l as Container,
   m as Content,
   I as Heading,
-  r as IconContainer,
-  p as InviteGameIcon,
+  p as IconContainer,
+  r as InviteGameIcon,
   A as LinkAddress,
   L as LinkContainer,
-  _ as LinkIcon,
+  v as LinkIcon,
   d as LinkInfo,
   f as LinkTitle,
-  C as SocialLink,
-  S as SocialLinkLabel,
-  v as SocialLinksContainer,
+  S as SocialLink,
+  b as SocialLinkLabel,
+  C as SocialLinksContainer,
   k as Subtext
 };

package/lib/ui/gamification/onboarding/slides/onboarding-rules/styles.js

@@ -1,44 +1,44 @@
 import { styled as s } from "@linaria/react";
 const t = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_cm0bev",
+  class: "cm0bev",
   propsAsIs: !1
-}), n = /* @__PURE__ */ s("div")({
+}), l = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_ce7x737",
+  class: "ce7x737",
   propsAsIs: !1
-}), l = /* @__PURE__ */ s("div")({
+}), n = /* @__PURE__ */ s("div")({
   name: "Title",
-  class: "Title_tc2tor6",
+  class: "tc2tor6",
   propsAsIs: !1
 }), o = /* @__PURE__ */ s("div")({
   name: "RulesList",
-  class: "RulesList_r1k5klql",
+  class: "r1k5klql",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("div")({
   name: "RulesItem",
-  class: "RulesItem_r1tf3ft2",
+  class: "r1tf3ft2",
   propsAsIs: !1
 }), c = /* @__PURE__ */ s("div")({
   name: "RuleIcon",
-  class: "RuleIcon_rwpvg1k",
+  class: "rwpvg1k",
   propsAsIs: !1
 }), r = /* @__PURE__ */ s("div")({
   name: "RuleText",
-  class: "RuleText_rbxiag0",
+  class: "rbxiag0",
   propsAsIs: !1
 }), p = /* @__PURE__ */ s("button")({
   name: "TermsButton",
-  class: "TermsButton_t6cyrry",
+  class: "t6cyrry",
   propsAsIs: !1
 });
 export {
   t as Container,
-  n as Content,
+  l as Content,
   c as RuleIcon,
   r as RuleText,
   a as RulesItem,
   o as RulesList,
   p as TermsButton,
-  l as Title
+  n as Title
 };

package/lib/ui/gamification/onboarding/styles.js

@@ -1,44 +1,44 @@
-import { styled as o } from "@linaria/react";
-import { Button as n } from "../../button/index.js";
-import { SvgIcon as s } from "../../icons/index.js";
+import { styled as s } from "@linaria/react";
+import { Button as o } from "../../button/index.js";
+import { SvgIcon as n } from "../../icons/index.js";
 import "react/jsx-runtime";
 import "../../button/styles.js";
 import "react";
-const d = /* @__PURE__ */ o("div")({
+const m = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c18uddbs",
+  class: "c18uddbs",
   propsAsIs: !1
-}), m = /* @__PURE__ */ o("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_cvcfjf6",
+  class: "cvcfjf6",
   propsAsIs: !1
-}), f = /* @__PURE__ */ o("div")({
+}), f = /* @__PURE__ */ s("div")({
   name: "OnboardingHeader",
-  class: "OnboardingHeader_o1ie27lw",
+  class: "o1ie27lw",
   propsAsIs: !1
-}), C = /* @__PURE__ */ o("button")({
+}), I = /* @__PURE__ */ s("button")({
   name: "CloseBtn",
-  class: "CloseBtn_c15cjkwi",
+  class: "c15cjkwi",
   propsAsIs: !1
-}), t = () => s, b = /* @__PURE__ */ o(t())({
+}), t = () => n, A = /* @__PURE__ */ s(t())({
   name: "IconClose",
-  class: "IconClose_i1mavjt2",
+  class: "i1mavjt2",
   propsAsIs: !0
-}), g = /* @__PURE__ */ o("div")({
+}), b = /* @__PURE__ */ s("div")({
   name: "OnboardingFooter",
-  class: "OnboardingFooter_o1x0dyzv",
+  class: "o1x0dyzv",
   propsAsIs: !1
-}), e = () => n, I = /* @__PURE__ */ o(e())({
+}), e = () => o, v = /* @__PURE__ */ s(e())({
   name: "OnboardingActionBtn",
-  class: "OnboardingActionBtn_o1jfi9c3",
+  class: "o1jfi9c3",
   propsAsIs: !0
 });
 export {
-  C as CloseBtn,
-  d as Container,
-  m as Content,
-  b as IconClose,
-  I as OnboardingActionBtn,
-  g as OnboardingFooter,
+  I as CloseBtn,
+  m as Container,
+  d as Content,
+  A as IconClose,
+  v as OnboardingActionBtn,
+  b as OnboardingFooter,
   f as OnboardingHeader
 };

package/lib/ui/gamification/points/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 type PointsProps = {
-    points: number;
+    points?: number;
 };
 export declare const Points: React.FC<PointsProps>;
 export {};

package/lib/ui/gamification/points/styles.js

@@ -4,27 +4,27 @@ import "react/jsx-runtime";
 import "react";
 const a = /* @__PURE__ */ s("div")({
   name: "PointsContainer",
-  class: "PointsContainer_psiob9b",
+  class: "psiob9b",
   propsAsIs: !1
 }), l = /* @__PURE__ */ s("div")({
   name: "PointsIcon",
-  class: "PointsIcon_p1gqe4lh",
+  class: "p1gqe4lh",
   propsAsIs: !1
 }), n = () => o, c = /* @__PURE__ */ s(n())({
   name: "PointsSvg",
-  class: "PointsSvg_p15syg2y",
+  class: "p15syg2y",
   propsAsIs: !0
 }), r = /* @__PURE__ */ s("div")({
   name: "PointsBody",
-  class: "PointsBody_p12n4f2h",
+  class: "p12n4f2h",
   propsAsIs: !1
-}), P = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
   name: "PointsTitle",
-  class: "PointsTitle_poqmx89",
+  class: "poqmx89",
   propsAsIs: !1
-}), m = /* @__PURE__ */ s("div")({
+}), P = /* @__PURE__ */ s("div")({
   name: "PointsValue",
-  class: "PointsValue_prj9b3v",
+  class: "prj9b3v",
   propsAsIs: !1
 });
 export {
@@ -32,6 +32,6 @@ export {
   a as PointsContainer,
   l as PointsIcon,
   c as PointsSvg,
-  P as PointsTitle,
-  m as PointsValue
+  m as PointsTitle,
+  P as PointsValue
 };

package/lib/ui/gamification/question/insight/styles.js

@@ -1,11 +1,11 @@
 import { styled as s } from "@linaria/react";
 const n = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_cll3md7",
+  class: "cll3md7",
   propsAsIs: !1
 }), o = /* @__PURE__ */ s("button")({
   name: "ActionBtn",
-  class: "ActionBtn_a10g1iik",
+  class: "a10g1iik",
   propsAsIs: !1
 });
 export {

package/lib/ui/gamification/question/list/styles.js

@@ -1,9 +1,9 @@
 import { styled as s } from "@linaria/react";
-const n = /* @__PURE__ */ s("div")({
+const o = /* @__PURE__ */ s("div")({
   name: "QuestionsContainer",
-  class: "QuestionsContainer_qvghv3l",
+  class: "qvghv3l",
   propsAsIs: !1
 });
 export {
-  n as QuestionsContainer
+  o as QuestionsContainer
 };

package/lib/ui/gamification/question/notification/insight/styles.js

@@ -1,29 +1,29 @@
 import { styled as s } from "@linaria/react";
 const n = /* @__PURE__ */ s("div")({
   name: "InsightContainer",
-  class: "InsightContainer_i1pqqgpo",
+  class: "i1pqqgpo",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("div")({
+}), o = /* @__PURE__ */ s("div")({
   name: "InsightContent",
-  class: "InsightContent_igj7luu",
+  class: "igj7luu",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("h3")({
+}), e = /* @__PURE__ */ s("h3")({
   name: "Title",
-  class: "Title_t1qne9g6",
+  class: "t1qne9g6",
   propsAsIs: !1
-}), e = /* @__PURE__ */ s("div")({
+}), i = /* @__PURE__ */ s("div")({
   name: "Description",
-  class: "Description_dtpr98r",
+  class: "dtpr98r",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("button")({
   name: "ActionBtn",
-  class: "ActionBtn_a17iaqp8",
+  class: "a17iaqp8",
   propsAsIs: !1
 });
 export {
   a as ActionBtn,
-  e as Description,
+  i as Description,
   n as InsightContainer,
-  i as InsightContent,
-  o as Title
+  o as InsightContent,
+  e as Title
 };

package/lib/ui/gamification/question/notification/prediction-result/animation-lines/styles.js

@@ -1,84 +1,84 @@
 import { styled as e } from "@linaria/react";
-const w = /* @__PURE__ */ e("div")({
+const b = /* @__PURE__ */ e("div")({
   name: "BGWrap",
-  class: "BGWrap_b1dqe0sz",
+  class: "b1dqe0sz",
   propsAsIs: !1
 }), s = /* @__PURE__ */ e("div")({
   name: "BGLineBase",
-  class: "BGLineBase_b1v6w7ni",
+  class: "b1v6w7ni",
   propsAsIs: !1
-}), n = () => s, l = /* @__PURE__ */ e(n())({
+}), n = () => s, m = /* @__PURE__ */ e(n())({
   name: "BGOneLineOne",
-  class: "BGOneLineOne_b2nqb1p",
+  class: "b2nqb1p",
   propsAsIs: !0
-}), o = () => s, O = /* @__PURE__ */ e(o())({
+}), o = () => s, x = /* @__PURE__ */ e(o())({
   name: "BGOneLineTwo",
-  class: "BGOneLineTwo_b1xxgmbk",
+  class: "b1xxgmbk",
   propsAsIs: !0
-}), r = () => s, b = /* @__PURE__ */ e(r())({
+}), r = () => s, w = /* @__PURE__ */ e(r())({
   name: "BGOneLineThree",
-  class: "BGOneLineThree_b63lwcb",
+  class: "b63lwcb",
   propsAsIs: !0
-}), i = () => s, m = /* @__PURE__ */ e(i())({
+}), p = () => s, A = /* @__PURE__ */ e(p())({
   name: "BGTwoLineOne",
-  class: "BGTwoLineOne_b2iah4",
+  class: "b2iah4",
   propsAsIs: !0
-}), p = () => s, x = /* @__PURE__ */ e(p())({
+}), t = () => s, I = /* @__PURE__ */ e(t())({
   name: "BGTwoLineTwo",
-  class: "BGTwoLineTwo_b1xezvf6",
+  class: "b1xezvf6",
   propsAsIs: !0
-}), t = () => s, F = /* @__PURE__ */ e(t())({
+}), c = () => s, _ = /* @__PURE__ */ e(c())({
   name: "BGTwoLineThree",
-  class: "BGTwoLineThree_b1jz1hg0",
+  class: "b1jz1hg0",
   propsAsIs: !0
-}), B = () => s, A = /* @__PURE__ */ e(B())({
+}), a = () => s, O = /* @__PURE__ */ e(a())({
   name: "BGThreeLineOne",
-  class: "BGThreeLineOne_b18ho1tk",
+  class: "b18ho1tk",
   propsAsIs: !0
-}), c = () => s, I = /* @__PURE__ */ e(c())({
+}), i = () => s, F = /* @__PURE__ */ e(i())({
   name: "BGThreeLineTwo",
-  class: "BGThreeLineTwo_b14uvjfm",
+  class: "b14uvjfm",
   propsAsIs: !0
-}), G = () => s, v = /* @__PURE__ */ e(G())({
+}), B = () => s, q = /* @__PURE__ */ e(B())({
   name: "BGThreeLineThree",
-  class: "BGThreeLineThree_b11c3ns7",
+  class: "b11c3ns7",
   propsAsIs: !0
-}), L = () => s, d = /* @__PURE__ */ e(L())({
+}), G = () => s, d = /* @__PURE__ */ e(G())({
   name: "BGThreeLineFour",
-  class: "BGThreeLineFour_b1bqhhet",
+  class: "b1bqhhet",
   propsAsIs: !0
-}), T = () => s, f = /* @__PURE__ */ e(T())({
+}), L = () => s, v = /* @__PURE__ */ e(L())({
   name: "BGFourLineOne",
-  class: "BGFourLineOne_b1xyzi7o",
+  class: "b1xyzi7o",
   propsAsIs: !0
-}), a = () => s, q = /* @__PURE__ */ e(a())({
+}), T = () => s, f = /* @__PURE__ */ e(T())({
   name: "BGFourLineTwo",
-  class: "BGFourLineTwo_byo0rup",
+  class: "byo0rup",
   propsAsIs: !0
 }), u = () => s, y = /* @__PURE__ */ e(u())({
   name: "BGFourLineThree",
-  class: "BGFourLineThree_b1oyiqgv",
+  class: "b1oyiqgv",
   propsAsIs: !0
-}), _ = () => s, z = /* @__PURE__ */ e(_())({
+}), h = () => s, z = /* @__PURE__ */ e(h())({
   name: "BGFourLineFour",
-  class: "BGFourLineFour_bx3ddqw",
+  class: "bx3ddqw",
   propsAsIs: !0
 });
 export {
   z as BGFourLineFour,
-  f as BGFourLineOne,
+  v as BGFourLineOne,
   y as BGFourLineThree,
-  q as BGFourLineTwo,
+  f as BGFourLineTwo,
   s as BGLineBase,
-  l as BGOneLineOne,
-  b as BGOneLineThree,
-  O as BGOneLineTwo,
+  m as BGOneLineOne,
+  w as BGOneLineThree,
+  x as BGOneLineTwo,
   d as BGThreeLineFour,
-  A as BGThreeLineOne,
-  v as BGThreeLineThree,
-  I as BGThreeLineTwo,
-  m as BGTwoLineOne,
-  F as BGTwoLineThree,
-  x as BGTwoLineTwo,
-  w as BGWrap
+  O as BGThreeLineOne,
+  q as BGThreeLineThree,
+  F as BGThreeLineTwo,
+  A as BGTwoLineOne,
+  _ as BGTwoLineThree,
+  I as BGTwoLineTwo,
+  b as BGWrap
 };

package/lib/ui/gamification/question/notification/prediction-result/styles.js

@@ -4,54 +4,54 @@ import "react/jsx-runtime";
 import "react";
 const i = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c10131zw",
+  class: "c10131zw",
   propsAsIs: !1
 }), m = /* @__PURE__ */ s("div")({
   name: "AnimateContent",
-  class: "AnimateContent_ar6k2eo",
+  class: "ar6k2eo",
   propsAsIs: !1
 }), I = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_c1hwoq9l",
+  class: "c1hwoq9l",
   propsAsIs: !1
 }), A = /* @__PURE__ */ s("div")({
   name: "Title",
-  class: "Title_t4ujo4g",
+  class: "t4ujo4g",
   propsAsIs: !1
 }), e = /* @__PURE__ */ s("div")({
   name: "Subtitle",
-  class: "Subtitle_s1pjil1h",
+  class: "s1pjil1h",
   propsAsIs: !1
-}), o = () => e, C = /* @__PURE__ */ s(o())({
+}), o = () => e, u = /* @__PURE__ */ s(o())({
   name: "SubtitleFG",
-  class: "SubtitleFG_s1iorwr9",
+  class: "s1iorwr9",
   propsAsIs: !0
-}), u = /* @__PURE__ */ s("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "AnswerText",
-  class: "AnswerText_a51sv9d",
+  class: "a51sv9d",
   propsAsIs: !1
-}), n = () => t, _ = /* @__PURE__ */ s(n())({
+}), n = () => t, f = /* @__PURE__ */ s(n())({
   name: "FeedbackIcon",
-  class: "FeedbackIcon_f1lbk2ye",
+  class: "f1lbk2ye",
   propsAsIs: !0
-}), b = /* @__PURE__ */ s("button")({
+}), C = /* @__PURE__ */ s("button")({
   name: "CloseButton",
-  class: "CloseButton_crcvk3t",
+  class: "crcvk3t",
   propsAsIs: !1
-}), c = () => t, d = /* @__PURE__ */ s(c())({
+}), c = () => t, b = /* @__PURE__ */ s(c())({
   name: "CloseIcon",
-  class: "CloseIcon_c33p82r",
+  class: "c33p82r",
   propsAsIs: !0
 });
 export {
   m as AnimateContent,
-  u as AnswerText,
-  b as CloseButton,
-  d as CloseIcon,
+  d as AnswerText,
+  C as CloseButton,
+  b as CloseIcon,
   i as Container,
   I as Content,
-  _ as FeedbackIcon,
+  f as FeedbackIcon,
   e as Subtitle,
-  C as SubtitleFG,
+  u as SubtitleFG,
   A as Title
 };

package/lib/ui/gamification/question/notification/styles.js

@@ -1,47 +1,47 @@
 import { styled as s } from "@linaria/react";
-import { SvgIcon as e } from "../../../icons/index.js";
+import { SvgIcon as o } from "../../../icons/index.js";
 import "react/jsx-runtime";
 import "react";
 const r = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c1eptrjd",
+  class: "c1eptrjd",
   propsAsIs: !1
 }), l = /* @__PURE__ */ s("div")({
   name: "CloseIconWrap",
-  class: "CloseIconWrap_crylm65",
+  class: "crylm65",
   propsAsIs: !1
-}), o = () => e, m = /* @__PURE__ */ s(o())({
+}), e = () => o, m = /* @__PURE__ */ s(e())({
   name: "CloseIcon",
-  class: "CloseIcon_c9mrcz7",
+  class: "c9mrcz7",
   propsAsIs: !0
 }), I = /* @__PURE__ */ s("div")({
   name: "Header",
-  class: "Header_hw3lzv4",
+  class: "hw3lzv4",
   propsAsIs: !1
-}), n = () => e, i = /* @__PURE__ */ s(n())({
+}), n = () => o, i = /* @__PURE__ */ s(n())({
   name: "TypeIcon",
-  class: "TypeIcon_t1rrb3kf",
+  class: "t1rrb3kf",
   propsAsIs: !0
-}), u = /* @__PURE__ */ s("span")({
+}), f = /* @__PURE__ */ s("span")({
   name: "TypeName",
-  class: "TypeName_t1ydnjov",
+  class: "t1ydnjov",
   propsAsIs: !1
 }), A = /* @__PURE__ */ s("div")({
   name: "Question",
-  class: "Question_qlf90cl",
+  class: "qlf90cl",
   propsAsIs: !1
-}), _ = /* @__PURE__ */ s("button")({
+}), d = /* @__PURE__ */ s("button")({
   name: "AnswerButton",
-  class: "AnswerButton_a1e0nhcl",
+  class: "a1e0nhcl",
   propsAsIs: !1
 });
 export {
-  _ as AnswerButton,
+  d as AnswerButton,
   m as CloseIcon,
   l as CloseIconWrap,
   r as Container,
   I as Header,
   A as Question,
   i as TypeIcon,
-  u as TypeName
+  f as TypeName
 };