@ledgerhq/react-ui 0.11.0-nightly.1 → 0.11.0-nightly.2

package/lib/cjs/components/asorted/Icon/index.js

@@ -24,7 +24,6 @@ var __toModule = (module2) => {
 __export(exports, {
   BoxedIcon: () => import_BoxedIcon.default,
   CryptoIcon: () => import_CryptoIcon.default,
-  FlagIcon: () => import_FlagIcon.default,
   IconBox: () => import_BoxedIcon.IconBox,
   PaymentIcon: () => import_PaymentIcon.default,
   ProviderIcon: () => import_ProviderIcon.default,
@@ -36,5 +35,4 @@ var import_BoxedIcon = __toModule(require("./BoxedIcon"));
 var import_CryptoIcon = __toModule(require("./CryptoIcon"));
 var import_PaymentIcon = __toModule(require("./PaymentIcon"));
 var import_ProviderIcon = __toModule(require("./ProviderIcon"));
-var import_FlagIcon = __toModule(require("./FlagIcon"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/asorted/Icon/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/asorted/Icon/index.tsx"],
-  "sourcesContent": ["export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as CryptoIcon } from \"./CryptoIcon\";\nexport { default as PaymentIcon } from \"./PaymentIcon\";\nexport { default as ProviderIcon } from \"./ProviderIcon\";\nexport { default as FlagIcon } from \"./FlagIcon\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,uBAAmC;AAGnC,wBAAsC;AACtC,yBAAuC;AACvC,0BAAwC;AACxC,sBAAoC;",
+  "sourcesContent": ["export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as CryptoIcon } from \"./CryptoIcon\";\nexport { default as PaymentIcon } from \"./PaymentIcon\";\nexport { default as ProviderIcon } from \"./ProviderIcon\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,uBAAmC;AAGnC,wBAAsC;AACtC,yBAAuC;AACvC,0BAAwC;",
   "names": []
 }

package/lib/cjs/components/asorted/index.js

@@ -25,7 +25,6 @@ __export(exports, {
   BoxedIcon: () => import_Icon.BoxedIcon,
   CryptoIcon: () => import_Icon.CryptoIcon,
   Divider: () => import_Divider.default,
-  FlagIcon: () => import_Icon.FlagIcon,
   Icon: () => import_Icon.default,
   IconBox: () => import_Icon.IconBox,
   PaymentIcon: () => import_Icon.PaymentIcon,

package/lib/cjs/components/asorted/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/asorted/index.ts"],
-  "sourcesContent": ["export { default as Divider } from \"./Divider\";\nexport {\n  default as Icon,\n  IconBox,\n  BoxedIcon,\n  CryptoIcon,\n  ProviderIcon,\n  PaymentIcon,\n  FlagIcon,\n} from \"./Icon\";\nexport { default as Text } from \"./Text\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,kBAQO;AACP,kBAAgC;",
+  "sourcesContent": ["export { default as Divider } from \"./Divider\";\nexport { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon, PaymentIcon } from \"./Icon\";\nexport { default as Text } from \"./Text\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,kBAA2F;AAC3F,kBAAgC;",
   "names": []
 }

package/lib/components/asorted/Icon/index.d.ts

@@ -5,4 +5,3 @@ export type { Props } from "./Icon";
 export { default as CryptoIcon } from "./CryptoIcon";
 export { default as PaymentIcon } from "./PaymentIcon";
 export { default as ProviderIcon } from "./ProviderIcon";
-export { default as FlagIcon } from "./FlagIcon";

package/lib/components/asorted/Icon/index.js

@@ -4,4 +4,3 @@ export { BoxedIcon, IconBox };
 export { default as CryptoIcon } from "./CryptoIcon";
 export { default as PaymentIcon } from "./PaymentIcon";
 export { default as ProviderIcon } from "./ProviderIcon";
-export { default as FlagIcon } from "./FlagIcon";

package/lib/components/asorted/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Divider } from "./Divider";
-export { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon, PaymentIcon, FlagIcon, } from "./Icon";
+export { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon, PaymentIcon } from "./Icon";
 export { default as Text } from "./Text";

package/lib/components/asorted/index.js

@@ -1,3 +1,3 @@
 export { default as Divider } from "./Divider";
-export { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon, PaymentIcon, FlagIcon, } from "./Icon";
+export { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon, PaymentIcon } from "./Icon";
 export { default as Text } from "./Text";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/react-ui",
-  "version": "0.11.0-nightly.1",
+  "version": "0.11.0-nightly.2",
   "description": "Ledger Live - Desktop UI",
   "author": "Ledger Live Team <team-live@ledger.fr>",
   "repository": {
@@ -76,7 +76,7 @@
     "react-window": "^1.8.6",
     "styled-system": "^5.1.5",
     "@ledgerhq/crypto-icons-ui": "^0.2.1",
-    "@ledgerhq/icons-ui": "^0.3.4",
+    "@ledgerhq/icons-ui": "^0.3.5-nightly.0",
     "@ledgerhq/ui-shared": "^0.1.10"
   },
   "peerDependencies": {

package/lib/cjs/components/asorted/Icon/FlagIcon.js

@@ -1,77 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => FlagIcon_default,
-  iconNames: () => iconNames,
-  sizes: () => sizes
-});
-var flags = __toModule(require("@ledgerhq/icons-ui/react/Flags/index"));
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_Flex = __toModule(require("../../layout/Flex"));
-const sizes = {
-  XXS: 16,
-  S: 32,
-  L: 48
-};
-const iconNames = Array.from(Object.keys(flags).reduce((set, rawKey) => {
-  const key = rawKey.replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, "$1").replace(/(.+)(Ultra)+$/g, "$1");
-  if (!set.has(key))
-    set.add(key);
-  return set;
-}, new Set()));
-const FlagContainer = (0, import_styled_components.default)(import_Flex.default).attrs({
-  borderRadius: "50%",
-  position: "relative"
-})`
-  &:after {
-    content: "";
-    display: block;
-    box-shadow: inset 0 0 10px black;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border-radius: 100%;
-    opacity: 10%;
-    ${(p) => `box-shadow: inset 0px 0px 0px 1px ${p.theme.colors.neutral.c100};`}
-  }
-`;
-const FlagIcon = ({ name, size = "S" }) => {
-  const maybeIconName = `${name}`;
-  if (maybeIconName in flags) {
-    const Component = flags[maybeIconName];
-    return /* @__PURE__ */ import_react.default.createElement(FlagContainer, {
-      width: sizes[size],
-      height: sizes[size],
-      overflow: "hidden"
-    }, /* @__PURE__ */ import_react.default.createElement(Component, {
-      size: sizes[size]
-    }));
-  }
-  return null;
-};
-var FlagIcon_default = FlagIcon;
-//# sourceMappingURL=FlagIcon.js.map

package/lib/cjs/components/asorted/Icon/FlagIcon.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/asorted/Icon/FlagIcon.tsx"],
-  "sourcesContent": ["import * as flags from \"@ledgerhq/icons-ui/react/Flags/index\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport FlexBox from \"../../layout/Flex\";\n\nexport const sizes = {\n  XXS: 16,\n  S: 32,\n  L: 48,\n};\n\nexport type FlagsSizes = keyof typeof sizes;\n\nexport type Props = {\n  name: string;\n  size?: FlagsSizes;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(flags).reduce((set, rawKey) => {\n    const key = rawKey\n      .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, \"$1\")\n      .replace(/(.+)(Ultra)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst FlagContainer = styled(FlexBox).attrs({\n  borderRadius: \"50%\",\n  position: \"relative\",\n})`\n  &:after {\n    content: \"\";\n    display: block;\n    box-shadow: inset 0 0 10px black;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 100%;\n    opacity: 10%;\n    ${(p) => `box-shadow: inset 0px 0px 0px 1px ${p.theme.colors.neutral.c100};`}\n  }\n`;\n\nconst FlagIcon = ({ name, size = \"S\" }: Props): JSX.Element | null => {\n  const maybeIconName = `${name}`;\n\n  if (maybeIconName in flags) {\n    // @ts-expect-error FIXME I don't know how to make you happy ts\n    const Component = flags[maybeIconName];\n    return (\n      <FlagContainer width={sizes[size]} height={sizes[size]} overflow={\"hidden\"}>\n        <Component size={sizes[size]} />\n      </FlagContainer>\n    );\n  }\n  return null;\n};\n\nexport default FlagIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,mBAAkB;AAClB,+BAAmB;AACnB,kBAAoB;AAEb,MAAM,QAAQ;AAAA,EACnB,KAAK;AAAA,EACL,GAAG;AAAA,EACH,GAAG;AAAA;AAUE,MAAM,YAAY,MAAM,KAC7B,OAAO,KAAK,OAAO,OAAO,CAAC,KAAK,WAAW;AACzC,QAAM,MAAM,OACT,QAAQ,iDAAiD,MACzD,QAAQ,kBAAkB;AAC7B,MAAI,CAAC,IAAI,IAAI;AAAM,QAAI,IAAI;AAC3B,SAAO;AAAA,GACN,IAAI;AAGT,MAAM,gBAAgB,sCAAO,qBAAS,MAAM;AAAA,EAC1C,cAAc;AAAA,EACd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAaN,CAAC,MAAM,qCAAqC,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIzE,MAAM,WAAW,CAAC,EAAE,MAAM,OAAO,UAAqC;AACpE,QAAM,gBAAgB,GAAG;AAEzB,MAAI,iBAAiB,OAAO;AAE1B,UAAM,YAAY,MAAM;AACxB,WACE,mDAAC,eAAD;AAAA,MAAe,OAAO,MAAM;AAAA,MAAO,QAAQ,MAAM;AAAA,MAAO,UAAU;AAAA,OAChE,mDAAC,WAAD;AAAA,MAAW,MAAM,MAAM;AAAA;AAAA;AAI7B,SAAO;AAAA;AAGT,IAAO,mBAAQ;",
-  "names": []
-}

package/lib/cjs/components/asorted/Icon/Flags.stories.js

@@ -1,124 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  List: () => List,
-  SingleIcon: () => SingleIcon,
-  default: () => Flags_stories_default
-});
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_FlagIcon = __toModule(require("./FlagIcon"));
-var import__ = __toModule(require("../../.."));
-const ScrollArea = (0, import_styled_components.default)(import__.Grid)`
-  flex: 1;
-  height: auto;
-  ${(p) => p.theme.overflow.y};
-`;
-const Container = (0, import_styled_components.default)(import__.Flex).attrs({
-  flex: 1,
-  flexDirection: "column",
-  p: 4
-})`
-  overflow: hidden;
-  height: calc(100vh - 4em);
-`;
-const IconContainer = (0, import_styled_components.default)(import__.Flex).attrs({
-  flexDirection: "column",
-  justifyContent: "flex-end",
-  alignItems: "center",
-  p: 4
-})`
-  ${(p) => p.active ? `background-color: ${p.theme.colors.neutral.c20};` : ``}
-  border-radius: 4px;
-  height: 100px;
-`;
-const Bold = import_styled_components.default.b`
-  color: ${(p) => p.theme.colors.primary.c80};
-`;
-const Story = {
-  title: "Asorted/Icons/Flags",
-  argTypes: {
-    size: {
-      type: "enum",
-      description: "Icon size",
-      defaultValue: "L",
-      control: {
-        options: Object.keys(import_FlagIcon.sizes)
-      }
-    },
-    name: {
-      type: "enum",
-      defaultValue: "France",
-      description: "[Only for single icon], Icon name",
-      control: {
-        options: import_FlagIcon.iconNames,
-        control: {
-          type: "select"
-        }
-      }
-    }
-  }
-};
-var Flags_stories_default = Story;
-const ListTemplate = (args) => {
-  const [search, setSearch] = (0, import_react.useState)("");
-  const s = search.toLowerCase();
-  const regexp = new RegExp(s, "i");
-  return /* @__PURE__ */ import_react.default.createElement(Container, null, /* @__PURE__ */ import_react.default.createElement(import__.SearchInput, {
-    value: search,
-    onChange: setSearch
-  }), /* @__PURE__ */ import_react.default.createElement(ScrollArea, {
-    gridTemplateColumns: "repeat(auto-fill, 100px);",
-    gridTemplateRows: "repeat(auto-fill, 100px);",
-    gridGap: 4,
-    mt: 4
-  }, import_FlagIcon.iconNames.sort((a, b) => {
-    return s ? b.toLowerCase().indexOf(s) - a.toLowerCase().indexOf(s) : a.localeCompare(b);
-  }).map((name) => {
-    const match = name.match(regexp);
-    const active = s && match;
-    const index = match?.index ?? 0;
-    return /* @__PURE__ */ import_react.default.createElement(IconContainer, {
-      active: !!active
-    }, /* @__PURE__ */ import_react.default.createElement(import__.Flex, {
-      flex: 1,
-      justifyContent: "center",
-      alignItems: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(import_FlagIcon.default, {
-      key: name,
-      name,
-      size: args.size
-    })), /* @__PURE__ */ import_react.default.createElement(import__.Text, {
-      variant: "extraSmall"
-    }, active ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, name.substr(0, index), /* @__PURE__ */ import_react.default.createElement(Bold, null, name.substr(index, s.length)), name.substr(index + s.length)) : name));
-  })));
-};
-const FlagTemplate = (args) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_FlagIcon.default, {
-    ...args
-  });
-};
-const List = ListTemplate.bind({});
-const SingleIcon = FlagTemplate.bind({});
-//# sourceMappingURL=Flags.stories.js.map

package/lib/cjs/components/asorted/Icon/Flags.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/asorted/Icon/Flags.stories.tsx"],
-  "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport FlagIcon, { iconNames, Props as FlagIconProps, sizes as flagSizes } from \"./FlagIcon\";\nimport { Text, SearchInput, Flex, Grid } from \"../../..\";\n\nconst ScrollArea = styled(Grid)`\n  flex: 1;\n  height: auto;\n  ${(p) => p.theme.overflow.y};\n`;\n\nconst Container = styled(Flex).attrs({\n  flex: 1,\n  flexDirection: \"column\",\n  p: 4,\n})`\n  overflow: hidden;\n  height: calc(100vh - 4em);\n`;\n\nconst IconContainer = styled(Flex).attrs<{ active?: boolean }>({\n  flexDirection: \"column\",\n  justifyContent: \"flex-end\",\n  alignItems: \"center\",\n  p: 4,\n})<{ active?: boolean }>`\n  ${(p) => (p.active ? `background-color: ${p.theme.colors.neutral.c20};` : ``)}\n  border-radius: 4px;\n  height: 100px;\n`;\n\nconst Bold = styled.b`\n  color: ${(p) => p.theme.colors.primary.c80};\n`;\n\nconst Story = {\n  title: \"Asorted/Icons/Flags\",\n  argTypes: {\n    size: {\n      type: \"enum\",\n      description: \"Icon size\",\n      defaultValue: \"L\",\n      control: {\n        options: Object.keys(flagSizes),\n      },\n    },\n    name: {\n      type: \"enum\",\n      defaultValue: \"France\",\n      description: \"[Only for single icon], Icon name\",\n      control: {\n        options: iconNames,\n        control: {\n          type: \"select\",\n        },\n      },\n    },\n  },\n};\nexport default Story;\n\nconst ListTemplate = (args: FlagIconProps) => {\n  const [search, setSearch] = useState(\"\");\n  const s = search.toLowerCase();\n  const regexp = new RegExp(s, \"i\");\n\n  return (\n    <Container>\n      <SearchInput value={search} onChange={setSearch} />\n      <ScrollArea\n        gridTemplateColumns=\"repeat(auto-fill, 100px);\"\n        gridTemplateRows=\"repeat(auto-fill, 100px);\"\n        gridGap={4}\n        mt={4}\n      >\n        {iconNames\n          .sort((a: string, b: string) => {\n            return s ? b.toLowerCase().indexOf(s) - a.toLowerCase().indexOf(s) : a.localeCompare(b);\n          })\n          .map((name) => {\n            const match = name.match(regexp);\n            const active = s && match;\n            const index = match?.index ?? 0;\n            return (\n              <IconContainer active={!!active}>\n                <Flex flex={1} justifyContent=\"center\" alignItems=\"center\">\n                  <FlagIcon key={name} name={name} size={args.size} />\n                </Flex>\n                <Text variant=\"extraSmall\">\n                  {active ? (\n                    <>\n                      {name.substr(0, index)}\n                      <Bold>{name.substr(index, s.length)}</Bold>\n                      {name.substr(index + s.length)}\n                    </>\n                  ) : (\n                    name\n                  )}\n                </Text>\n              </IconContainer>\n            );\n          })}\n      </ScrollArea>\n    </Container>\n  );\n};\nconst FlagTemplate = (args: FlagIconProps) => {\n  return <FlagIcon {...args} />;\n};\n\nexport const List = ListTemplate.bind({});\nexport const SingleIcon = FlagTemplate.bind({});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,sBAAgF;AAChF,eAA8C;AAE9C,MAAM,aAAa,sCAAO;AAAA;AAAA;AAAA,IAGtB,CAAC,MAAM,EAAE,MAAM,SAAS;AAAA;AAG5B,MAAM,YAAY,sCAAO,eAAM,MAAM;AAAA,EACnC,MAAM;AAAA,EACN,eAAe;AAAA,EACf,GAAG;AAAA;AAAA;AAAA;AAAA;AAML,MAAM,gBAAgB,sCAAO,eAAM,MAA4B;AAAA,EAC7D,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,GAAG;AAAA;AAAA,IAED,CAAC,MAAO,EAAE,SAAS,qBAAqB,EAAE,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAK5E,MAAM,OAAO,iCAAO;AAAA,WACT,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAGzC,MAAM,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA,MACd,SAAS;AAAA,QACP,SAAS,OAAO,KAAK;AAAA;AAAA;AAAA,IAGzB,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,UACP,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMhB,IAAO,wBAAQ;AAEf,MAAM,eAAe,CAAC,SAAwB;AAC5C,QAAM,CAAC,QAAQ,aAAa,2BAAS;AACrC,QAAM,IAAI,OAAO;AACjB,QAAM,SAAS,IAAI,OAAO,GAAG;AAE7B,SACE,mDAAC,WAAD,MACE,mDAAC,sBAAD;AAAA,IAAa,OAAO;AAAA,IAAQ,UAAU;AAAA,MACtC,mDAAC,YAAD;AAAA,IACE,qBAAoB;AAAA,IACpB,kBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,IAAI;AAAA,KAEH,0BACE,KAAK,CAAC,GAAW,MAAc;AAC9B,WAAO,IAAI,EAAE,cAAc,QAAQ,KAAK,EAAE,cAAc,QAAQ,KAAK,EAAE,cAAc;AAAA,KAEtF,IAAI,CAAC,SAAS;AACb,UAAM,QAAQ,KAAK,MAAM;AACzB,UAAM,SAAS,KAAK;AACpB,UAAM,QAAQ,OAAO,SAAS;AAC9B,WACE,mDAAC,eAAD;AAAA,MAAe,QAAQ,CAAC,CAAC;AAAA,OACvB,mDAAC,eAAD;AAAA,MAAM,MAAM;AAAA,MAAG,gBAAe;AAAA,MAAS,YAAW;AAAA,OAChD,mDAAC,yBAAD;AAAA,MAAU,KAAK;AAAA,MAAM;AAAA,MAAY,MAAM,KAAK;AAAA,SAE9C,mDAAC,eAAD;AAAA,MAAM,SAAQ;AAAA,OACX,SACC,wFACG,KAAK,OAAO,GAAG,QAChB,mDAAC,MAAD,MAAO,KAAK,OAAO,OAAO,EAAE,UAC3B,KAAK,OAAO,QAAQ,EAAE,WAGzB;AAAA;AAAA;AAUpB,MAAM,eAAe,CAAC,SAAwB;AAC5C,SAAO,mDAAC,yBAAD;AAAA,OAAc;AAAA;AAAA;AAGhB,MAAM,OAAO,aAAa,KAAK;AAC/B,MAAM,aAAa,aAAa,KAAK;",
-  "names": []
-}

package/lib/components/asorted/Icon/FlagIcon.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const sizes: {
-    XXS: number;
-    S: number;
-    L: number;
-};
-export type FlagsSizes = keyof typeof sizes;
-export type Props = {
-    name: string;
-    size?: FlagsSizes;
-};
-export declare const iconNames: string[];
-declare const FlagIcon: ({ name, size }: Props) => JSX.Element | null;
-export default FlagIcon;

package/lib/components/asorted/Icon/FlagIcon.js

@@ -1,46 +0,0 @@
-import * as flags from "@ledgerhq/icons-ui/react/Flags/index";
-import React from "react";
-import styled from "styled-components";
-import FlexBox from "../../layout/Flex";
-export const sizes = {
-    XXS: 16,
-    S: 32,
-    L: 48,
-};
-export const iconNames = Array.from(Object.keys(flags).reduce((set, rawKey) => {
-    const key = rawKey
-        .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, "$1")
-        .replace(/(.+)(Ultra)+$/g, "$1");
-    if (!set.has(key))
-        set.add(key);
-    return set;
-}, new Set()));
-const FlagContainer = styled(FlexBox).attrs({
-    borderRadius: "50%",
-    position: "relative",
-}) `
-  &:after {
-    content: "";
-    display: block;
-    box-shadow: inset 0 0 10px black;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border-radius: 100%;
-    opacity: 10%;
-    ${(p) => `box-shadow: inset 0px 0px 0px 1px ${p.theme.colors.neutral.c100};`}
-  }
-`;
-const FlagIcon = ({ name, size = "S" }) => {
-    const maybeIconName = `${name}`;
-    if (maybeIconName in flags) {
-        // @ts-expect-error FIXME I don't know how to make you happy ts
-        const Component = flags[maybeIconName];
-        return (React.createElement(FlagContainer, { width: sizes[size], height: sizes[size], overflow: "hidden" },
-            React.createElement(Component, { size: sizes[size] })));
-    }
-    return null;
-};
-export default FlagIcon;