@ledgerhq/react-ui 0.7.2 → 0.7.5-monorepo.0

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

@@ -0,0 +1,145 @@
+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: () => Icons_stories_default
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_Icon = __toModule(require("./Icon"));
+var import_styled_components2 = __toModule(require("styled-components"));
+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 - 2em);
+`;
+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",
+  argTypes: {
+    weight: {
+      type: "enum",
+      description: "Weight",
+      defaultValue: "Medium",
+      control: {
+        options: ["Light", "Medium", "Regular", "Thin", "UltraLight"],
+        control: {
+          type: "select"
+        }
+      }
+    },
+    size: {
+      type: "number",
+      description: "Icon size for preview",
+      defaultValue: 32
+    },
+    color: {
+      type: "string",
+      description: "Color",
+      control: { control: "color" }
+    },
+    name: {
+      type: "enum",
+      defaultValue: "Activity",
+      description: "[Only for single icon], Icon name",
+      control: {
+        options: import_Icon.iconNames,
+        control: {
+          type: "select"
+        }
+      }
+    }
+  }
+};
+var Icons_stories_default = Story;
+const ListTemplate = (args) => {
+  const theme = (0, import_styled_components2.useTheme)();
+  const color = args.color || theme.colors.neutral.c100;
+  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_Icon.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_Icon.default, {
+      key: name,
+      name,
+      weight: args.weight,
+      size: args.size,
+      color
+    })), /* @__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 IconTemplate = (args) => {
+  const theme = (0, import_styled_components2.useTheme)();
+  const color = args.color || theme.colors.neutral.c100;
+  return /* @__PURE__ */ import_react.default.createElement(import_Icon.default, {
+    ...args,
+    color
+  });
+};
+const List = ListTemplate.bind({});
+const SingleIcon = IconTemplate.bind({});
+//# sourceMappingURL=Icons.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/asorted/Icon/Icons.stories.tsx"],
+  "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport Icon, { iconNames, Props as IconProps } from \"./Icon\";\nimport { useTheme } from \"styled-components\";\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 - 2em);\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\",\n  argTypes: {\n    weight: {\n      type: \"enum\",\n      description: \"Weight\",\n      defaultValue: \"Medium\",\n      control: {\n        options: [\"Light\", \"Medium\", \"Regular\", \"Thin\", \"UltraLight\"],\n        control: {\n          type: \"select\",\n        },\n      },\n    },\n    size: {\n      type: \"number\",\n      description: \"Icon size for preview\",\n      defaultValue: 32,\n    },\n    color: {\n      type: \"string\",\n      description: \"Color\",\n      control: { control: \"color\" },\n    },\n    name: {\n      type: \"enum\",\n      defaultValue: \"Activity\",\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: IconProps) => {\n  const theme = useTheme();\n  const color = args.color || theme.colors.neutral.c100;\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                  <Icon\n                    key={name}\n                    name={name}\n                    weight={args.weight}\n                    size={args.size}\n                    color={color}\n                  />\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 IconTemplate = (args: IconProps) => {\n  const theme = useTheme();\n  const color = args.color || theme.colors.neutral.c100;\n\n  return <Icon {...args} color={color} />;\n};\n\nexport const List = ListTemplate.bind({});\nexport const SingleIcon = IconTemplate.bind({});\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,32 @@
+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, {
+  BoxedIcon: () => import_BoxedIcon.default,
+  IconBox: () => import_BoxedIcon.IconBox,
+  default: () => import_Icon.default,
+  iconNames: () => import_Icon.iconNames
+});
+var import_Icon = __toModule(require("./Icon"));
+var import_BoxedIcon = __toModule(require("./BoxedIcon"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,uBAAmC;",
+  "names": []
+}

package/lib/cjs/components/asorted/Text/Text.stories.js

@@ -0,0 +1,109 @@
+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: () => Default,
+  Overview: () => Overview,
+  default: () => Text_stories_default
+});
+var import_react = __toModule(require("react"));
+var import_index = __toModule(require("./index"));
+var import_Flex = __toModule(require("../../layout/Flex"));
+const headerVariants = ["h1", "h2", "h3", "h4", "h5"];
+const mainVariants = [
+  "large",
+  "largeLineHeight",
+  "body",
+  "bodyLineHeight",
+  "paragraph",
+  "paragraphLineHeight",
+  "small",
+  "extraSmall",
+  "tiny",
+  "micro"
+];
+const subtitleVariants = ["subtitle"];
+const variants = [...headerVariants, ...mainVariants, ...subtitleVariants];
+const makeIsInCategory = (variantsArray) => (variant) => variantsArray.includes(variant);
+const isHeader = makeIsInCategory(headerVariants);
+const isSubtitle = makeIsInCategory(subtitleVariants);
+const mainFontWeights = ["medium", "semiBold", "bold"];
+const fontWeights = [void 0, "extraLight", "light", "regular", ...mainFontWeights, "extraBold"];
+var Text_stories_default = {
+  title: "Asorted/Typography/Text",
+  component: import_index.default,
+  parameters: { actions: { argTypesRegex: false } },
+  argTypes: {
+    variant: {
+      options: [void 0, ...variants],
+      control: {
+        type: "radio"
+      }
+    },
+    fontWeight: {
+      options: [void 0, ...fontWeights],
+      control: {
+        type: "radio"
+      }
+    },
+    content: {
+      type: "text"
+    }
+  }
+};
+const Overview = (() => {
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+    flexDirection: "column"
+  }, variants.map((variant) => {
+    const fontWeightsToShow = isHeader(variant) ? ["medium"] : isSubtitle(variant) ? ["semiBold"] : mainFontWeights;
+    const decorationsToShow = isHeader(variant) || isSubtitle(variant) ? ["none"] : ["none", "underline"];
+    return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+      flexDirection: "row",
+      columnGap: 8,
+      mb: 8
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      style: { minWidth: 250 }
+    }, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+      variant: "small",
+      color: "neutral.c90"
+    }, 'variant="', variant, '"'), /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+      variant: "tiny",
+      color: "neutral.c70"
+    }, "fontWeights: ", JSON.stringify(fontWeightsToShow))), fontWeightsToShow.flatMap((fontWeight) => decorationsToShow.map((textDecorationLine) => /* @__PURE__ */ import_react.default.createElement("div", {
+      style: { flex: 1 }
+    }, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+      variant,
+      fontWeight,
+      style: { textDecorationLine }
+    }, "Lend stablecoins to the Compound protocol...")))));
+  }));
+}).bind({});
+const Template = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+  ...args
+}, args.content);
+const Default = Template.bind({});
+Default.args = {
+  type: "h1",
+  content: "Lend stablecoins to the Compound protocol..."
+};
+//# sourceMappingURL=Text.stories.js.map

package/lib/cjs/components/asorted/Text/Text.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/asorted/Text/Text.stories.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport Text, { TextProps } from \"./index\";\nimport Flex from \"../../layout/Flex\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst headerVariants: TextVariants[] = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\"];\n\nconst mainVariants: TextVariants[] = [\n  \"large\",\n  \"largeLineHeight\",\n  \"body\",\n  \"bodyLineHeight\",\n  \"paragraph\",\n  \"paragraphLineHeight\",\n  \"small\",\n  \"extraSmall\",\n  \"tiny\",\n  \"micro\",\n];\n\nconst subtitleVariants: TextVariants[] = [\"subtitle\"];\n\nconst variants: TextVariants[] = [...headerVariants, ...mainVariants, ...subtitleVariants];\n\nconst makeIsInCategory = (variantsArray: TextVariants[]) => (variant: TextVariants) =>\n  variantsArray.includes(variant);\nconst isHeader = makeIsInCategory(headerVariants);\nconst isSubtitle = makeIsInCategory(subtitleVariants);\n\nconst mainFontWeights = [\"medium\", \"semiBold\", \"bold\"];\n\nconst fontWeights = [undefined, \"extraLight\", \"light\", \"regular\", ...mainFontWeights, \"extraBold\"];\n\nexport default {\n  title: \"Asorted/Typography/Text\",\n  component: Text,\n  parameters: { actions: { argTypesRegex: false } },\n  argTypes: {\n    variant: {\n      options: [undefined, ...variants],\n      control: {\n        type: \"radio\",\n      },\n    },\n    fontWeight: {\n      options: [undefined, ...fontWeights],\n      control: {\n        type: \"radio\",\n      },\n    },\n    content: {\n      type: \"text\",\n    },\n  },\n};\n\nexport const Overview = (() => {\n  return (\n    <Flex flexDirection=\"column\">\n      {variants.map((variant) => {\n        const fontWeightsToShow: string[] = isHeader(variant)\n          ? [\"medium\"]\n          : isSubtitle(variant)\n          ? [\"semiBold\"]\n          : mainFontWeights;\n        const decorationsToShow: string[] =\n          isHeader(variant) || isSubtitle(variant) ? [\"none\"] : [\"none\", \"underline\"];\n        return (\n          <Flex flexDirection=\"row\" columnGap={8} mb={8}>\n            <div style={{ minWidth: 250 }}>\n              <Text variant=\"small\" color=\"neutral.c90\">\n                variant=\"{variant}\"\n              </Text>\n              <br />\n              <Text variant=\"tiny\" color=\"neutral.c70\">\n                fontWeights: {JSON.stringify(fontWeightsToShow)}\n              </Text>\n            </div>\n            {fontWeightsToShow.flatMap((fontWeight) =>\n              decorationsToShow.map((textDecorationLine) => (\n                <div style={{ flex: 1 }}>\n                  <Text variant={variant} fontWeight={fontWeight} style={{ textDecorationLine }}>\n                    Lend stablecoins to the Compound protocol...\n                  </Text>\n                </div>\n              )),\n            )}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}).bind({});\n\nconst Template = (args: TextProps & { content: string }) => <Text {...args}>{args.content}</Text>;\n\nexport const Default = Template.bind({});\n// @ts-expect-error FIXME\nDefault.args = {\n  type: \"h1\",\n  content: \"Lend stablecoins to the Compound protocol...\",\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAgC;AAChC,kBAAiB;AAGjB,MAAM,iBAAiC,CAAC,MAAM,MAAM,MAAM,MAAM;AAEhE,MAAM,eAA+B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,mBAAmC,CAAC;AAE1C,MAAM,WAA2B,CAAC,GAAG,gBAAgB,GAAG,cAAc,GAAG;AAEzE,MAAM,mBAAmB,CAAC,kBAAkC,CAAC,YAC3D,cAAc,SAAS;AACzB,MAAM,WAAW,iBAAiB;AAClC,MAAM,aAAa,iBAAiB;AAEpC,MAAM,kBAAkB,CAAC,UAAU,YAAY;AAE/C,MAAM,cAAc,CAAC,QAAW,cAAc,SAAS,WAAW,GAAG,iBAAiB;AAEtF,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,SAAS,EAAE,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,QAAW,GAAG;AAAA,MACxB,SAAS;AAAA,QACP,MAAM;AAAA;AAAA;AAAA,IAGV,YAAY;AAAA,MACV,SAAS,CAAC,QAAW,GAAG;AAAA,MACxB,SAAS;AAAA,QACP,MAAM;AAAA;AAAA;AAAA,IAGV,SAAS;AAAA,MACP,MAAM;AAAA;AAAA;AAAA;AAKL,MAAM,WAAY,OAAM;AAC7B,SACE,mDAAC,qBAAD;AAAA,IAAM,eAAc;AAAA,KACjB,SAAS,IAAI,CAAC,YAAY;AACzB,UAAM,oBAA8B,SAAS,WACzC,CAAC,YACD,WAAW,WACX,CAAC,cACD;AACJ,UAAM,oBACJ,SAAS,YAAY,WAAW,WAAW,CAAC,UAAU,CAAC,QAAQ;AACjE,WACE,mDAAC,qBAAD;AAAA,MAAM,eAAc;AAAA,MAAM,WAAW;AAAA,MAAG,IAAI;AAAA,OAC1C,mDAAC,OAAD;AAAA,MAAK,OAAO,EAAE,UAAU;AAAA,OACtB,mDAAC,sBAAD;AAAA,MAAM,SAAQ;AAAA,MAAQ,OAAM;AAAA,OAAc,aAC9B,SAAQ,MAEpB,mDAAC,MAAD,OACA,mDAAC,sBAAD;AAAA,MAAM,SAAQ;AAAA,MAAO,OAAM;AAAA,OAAc,iBACzB,KAAK,UAAU,sBAGhC,kBAAkB,QAAQ,CAAC,eAC1B,kBAAkB,IAAI,CAAC,uBACrB,mDAAC,OAAD;AAAA,MAAK,OAAO,EAAE,MAAM;AAAA,OAClB,mDAAC,sBAAD;AAAA,MAAM;AAAA,MAAkB;AAAA,MAAwB,OAAO,EAAE;AAAA,OAAsB;AAAA;AAAA,GAW9F,KAAK;AAER,MAAM,WAAW,CAAC,SAA0C,mDAAC,sBAAD;AAAA,KAAU;AAAA,GAAO,KAAK;AAE3E,MAAM,UAAU,SAAS,KAAK;AAErC,QAAQ,OAAO;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,50 @@
+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: () => Text_default
+});
+var import_styled = __toModule(require("../../styled"));
+var import_styled_system = __toModule(require("styled-system"));
+var import_fontFamily = __toModule(require("../../../styles/styled/fontFamily"));
+var import_styles = __toModule(require("./styles"));
+const uppercase = (0, import_styled_system.system)({
+  uppercase: {
+    property: "textTransform",
+    transform: (value) => value ? "uppercase" : "none"
+  }
+});
+const Text = import_styled.default.span.attrs(({ variant = "body", fontSize: fontSize2, color }) => ({
+  fontSize: fontSize2 ? fontSize2 : variant,
+  color: color || "neutral.c100"
+}))`
+  font-weight: 500;
+  white-space: ${(props) => props.whiteSpace ?? "normal"};
+  ${(p) => import_styles.textVariantStyle[p.variant || "body"]}
+  ${(0, import_styled_system.compose)(uppercase, import_styled_system.lineHeight, import_fontFamily.default, import_styled_system.fontSize, import_styled_system.textAlign, import_styled_system.fontWeight, import_styled_system.letterSpacing, (0, import_styled_system.system)({
+  textOverflow: true
+}))}
+  ${(p) => p.textTransform ? `text-transform: ${p.textTransform};` : ""}
+`;
+var Text_default = Text;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/asorted/Text/index.tsx"],
+  "sourcesContent": ["import baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: (value) => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${(props) => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${(p) => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,oBAA4C;AAC5C,2BAQO;AACP,wBAAuB;AAEvB,oBAAiC;AAEjC,MAAM,YAAY,iCAAO;AAAA,EACvB,WAAW;AAAA,IACT,UAAU;AAAA,IACV,WAAW,CAAC,UAAW,QAAQ,cAAc;AAAA;AAAA;AA8BjD,MAAM,OAAO,sBAAW,KAAK,MAC3B,CAAC,EAAE,UAAU,QAAQ,qBAAU,YAAa;AAAA,EAC1C,UAAU,YAAW,YAAW;AAAA,EAChC,OAAO,SAAS;AAAA;AAAA;AAAA,iBAIH,CAAC,UAAU,MAAM,cAAc;AAAA,IAC5C,CAAC,MAAiB,+BAAiB,EAAE,WAAW;AAAA,IAChD,kCACA,WACA,iCACA,2BACA,+BACA,gCACA,iCACA,oCACA,iCAAO;AAAA,EACL,cAAc;AAAA;AAAA,IAGhB,CAAC,MAAO,EAAE,gBAAgB,mBAAmB,EAAE,mBAAmB;AAAA;AAGtE,IAAO,eAAQ;",
+  "names": []
+}

package/lib/cjs/components/asorted/Text/styles.js

@@ -0,0 +1,149 @@
+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, {
+  fontStyles: () => fontStyles,
+  textVariantStyle: () => textVariantStyle
+});
+var import_styled_components = __toModule(require("styled-components"));
+const getFontSource = (name) => (props) => {
+  const fontsPath = props.fontsPath ?? "assets/fonts";
+  const fontName = props.fontMappings && props.fontMappings(name) || `${name}.woff2`;
+  return `url("${fontsPath}/${fontName}") format("woff2")`;
+};
+const fontStyles = import_styled_components.css`
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-ExtraLight-BETA")};
+    font-weight: 100;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Light-BETA")};
+    font-weight: 300;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Regular")};
+    font-weight: 400;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Medium")};
+    font-weight: 500;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-SemiBold")};
+    font-weight: 600;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-ExtraBold")};
+    font-weight: 900;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Alpha";
+    src: ${getFontSource("HMAlphaMono-Medium")};
+    font-weight: 500;
+    font-style: normal;
+  }
+`;
+const textVariantStyle = {
+  h1: {
+    fontFamily: "Alpha, Inter, Sans",
+    fontWeight: 500,
+    "text-transform": "uppercase"
+  },
+  h2: {
+    fontFamily: "Alpha, Inter, Sans",
+    fontWeight: 500,
+    "text-transform": "uppercase"
+  },
+  h3: {
+    fontFamily: "Alpha, Inter, Sans",
+    fontWeight: 500,
+    "text-transform": "uppercase"
+  },
+  h4: {
+    fontFamily: "Alpha, Inter, Sans",
+    fontWeight: 500,
+    "text-transform": "uppercase"
+  },
+  h5: {
+    fontFamily: "Alpha, Inter, Sans",
+    fontWeight: 500,
+    "text-transform": "uppercase"
+  },
+  large: {
+    fontFamily: "Inter, Sans"
+  },
+  largeLineHeight: {
+    fontFamily: "Inter, Sans",
+    lineHeight: 1.7
+  },
+  body: {
+    fontFamily: "Inter, Sans"
+  },
+  bodyLineHeight: {
+    fontFamily: "Inter, Sans",
+    lineHeight: 1.7
+  },
+  paragraph: {
+    fontFamily: "Inter, Sans"
+  },
+  paragraphLineHeight: {
+    fontFamily: "Inter, Sans",
+    lineHeight: 1.7
+  },
+  small: {
+    fontFamily: "Inter, Sans"
+  },
+  extraSmall: {
+    fontFamily: "Inter, Sans"
+  },
+  tiny: {
+    fontFamily: "Inter, Sans"
+  },
+  micro: {
+    fontFamily: "Inter, Sans"
+  },
+  subtitle: {
+    fontFamily: "Inter, Sans",
+    fontWeight: 600,
+    "text-transform": "uppercase"
+  }
+};
+//# sourceMappingURL=styles.js.map

package/lib/cjs/components/asorted/Text/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/asorted/Text/styles.ts"],
+  "sourcesContent": ["import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA,+BAAoB;AAGpB,MAAM,gBAAgB,CAAC,SAAiB,CAAC,UAA4B;AACnE,QAAM,YAAY,MAAM,aAAa;AACrC,QAAM,WAAY,MAAM,gBAAgB,MAAM,aAAa,SAAU,GAAG;AACxE,SAAO,QAAQ,aAAa;AAAA;AAGvB,MAAM,aAAa;AAAA;AAAA;AAAA,WAGf,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,mBAQT;AAAA,EACF,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,OAAO;AAAA,IACL,YAAY;AAAA;AAAA,EAEd,iBAAiB;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,EAEd,MAAM;AAAA,IACJ,YAAY;AAAA;AAAA,EAEd,gBAAgB;AAAA,IACd,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,EAEd,WAAW;AAAA,IACT,YAAY;AAAA;AAAA,EAEd,qBAAqB;AAAA,IACnB,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,EAEd,OAAO;AAAA,IACL,YAAY;AAAA;AAAA,EAEd,YAAY;AAAA,IACV,YAAY;AAAA;AAAA,EAEd,MAAM;AAAA,IACJ,YAAY;AAAA;AAAA,EAEd,OAAO;AAAA,IACL,YAAY;AAAA;AAAA,EAEd,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,34 @@
+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, {
+  BoxedIcon: () => import_Icon.BoxedIcon,
+  Divider: () => import_Divider.default,
+  Icon: () => import_Icon.default,
+  IconBox: () => import_Icon.IconBox,
+  Text: () => import_Text.default
+});
+var import_Divider = __toModule(require("./Divider"));
+var import_Icon = __toModule(require("./Icon"));
+var import_Text = __toModule(require("./Text"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/asorted/index.ts"],
+  "sourcesContent": ["export { default as Divider } from \"./Divider\";\nexport { default as Icon, IconBox, BoxedIcon } from \"./Icon\";\nexport { default as Text } from \"./Text\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,kBAAoD;AACpD,kBAAgC;",
+  "names": []
+}