@ledgerhq/react-ui 0.12.1 → 0.13.0-next.0

package/lib/cjs/components/message/StatusNotification/index.js

@@ -1,33 +1,40 @@
+"use strict";
 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var StatusNotification_exports = {};
+__export(StatusNotification_exports, {
   default: () => StatusNotification_default
 });
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_Flex = __toModule(require("../../layout/Flex"));
-var import_Log = __toModule(require("../Log/"));
+module.exports = __toCommonJS(StatusNotification_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_Flex = __toESM(require("../../layout/Flex"));
+var import_Log = __toESM(require("../Log/"));
 const Container = (0, import_styled_components.default)(import_Flex.default).attrs({
   p: 8,
   rowGap: 9,
@@ -45,10 +52,7 @@ function StatusNotification({
   hasBorder = false,
   ...containerProps
 }) {
-  return /* @__PURE__ */ import_react.default.createElement(Container, {
-    hasBorder,
-    ...containerProps
-  }, badge, /* @__PURE__ */ import_react.default.createElement(import_Log.default, null, text));
+  return /* @__PURE__ */ import_react.default.createElement(Container, { hasBorder, ...containerProps }, badge, /* @__PURE__ */ import_react.default.createElement(import_Log.default, null, text));
 }
 var StatusNotification_default = StatusNotification;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/message/StatusNotification/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/message/StatusNotification/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport FlexBox, { FlexBoxProps } from \"../../layout/Flex\";\nimport Log from \"../Log/\";\n\ninterface ContainerProps extends FlexBoxProps {\n  /* Add the pre-selected border. */\n  hasBorder?: boolean;\n}\n\nexport interface Props extends ContainerProps {\n  /* The text to be displayed. */\n  text: string;\n  /* JSX that should be rendered on top of the Notification.*/\n  badge: React.ReactNode;\n}\n\nconst Container = styled(FlexBox).attrs<ContainerProps>({\n  p: 8,\n  rowGap: 9,\n  alignItems: \"center\",\n  flexDirection: \"column\",\n})<ContainerProps>`\n  border-width: 1px;\n  border-style: ${(p) => (p.hasBorder ? \"solid\" : \"none\")};\n  border-radius: 8px;\n  border-color: ${(p) => p.theme.colors.neutral.c40};\n`;\n\nfunction StatusNotification({\n  text,\n  badge,\n  hasBorder = false,\n  ...containerProps\n}: Props): JSX.Element {\n  return (\n    <Container hasBorder={hasBorder} {...containerProps}>\n      {badge}\n      <Log>{text}</Log>\n    </Container>\n  );\n}\n\nexport default StatusNotification;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAsC;AACtC,iBAAgB;AAchB,MAAM,YAAY,sCAAO,qBAAS,MAAsB;AAAA,EACtD,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AAAA;AAAA;AAAA,kBAGC,CAAC,MAAO,EAAE,YAAY,UAAU;AAAA;AAAA,kBAEhC,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAGhD,4BAA4B;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,KACT;AAAA,GACkB;AACrB,SACE,mDAAC,WAAD;AAAA,IAAW;AAAA,OAA0B;AAAA,KAClC,OACD,mDAAC,oBAAD,MAAM;AAAA;AAKZ,IAAO,6BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAsC;AACtC,iBAAgB;AAchB,MAAM,gBAAY,yBAAAA,SAAO,YAAAC,OAAO,EAAE,MAAsB;AAAA,EACtD,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AACjB,CAAC;AAAA;AAAA,kBAEiB,CAAC,MAAO,EAAE,YAAY,UAAU;AAAA;AAAA,kBAEhC,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAGhD,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,GAAuB;AACrB,SACE,6BAAAC,QAAA,cAAC,aAAU,WAAuB,GAAG,kBAClC,OACD,6BAAAA,QAAA,cAAC,WAAAC,SAAA,MAAK,IAAK,CACb;AAEJ;AAEA,IAAO,6BAAQ;",
+  "names": ["styled", "FlexBox", "React", "Log"]
 }

package/lib/cjs/components/message/Tip/Tip.stories.js

@@ -1,32 +1,39 @@
+"use strict";
 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tip_stories_exports = {};
+__export(Tip_stories_exports, {
   Default: () => Default,
   default: () => Tip_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_index = __toModule(require("./index"));
+module.exports = __toCommonJS(Tip_stories_exports);
+var import_react = __toESM(require("react"));
+var import_index = __toESM(require("./index"));
 var Tip_stories_default = {
   title: "Messages/Tips",
   argTypes: {
@@ -45,8 +52,6 @@ var Tip_stories_default = {
   }
 };
 const Default = (args) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args
-  });
+  return /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args });
 };
 //# sourceMappingURL=Tip.stories.js.map

package/lib/cjs/components/message/Tip/Tip.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/message/Tip/Tip.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport Tip, { TipProps } from \"./index\";\nexport default {\n  title: \"Messages/Tips\",\n  argTypes: {\n    type: {\n      options: [\"success\", \"warning\", \"error\", undefined],\n      control: {\n        type: \"radio\",\n      },\n    },\n    label: {\n      control: {\n        type: \"text\",\n      },\n      defaultValue: \"Label\",\n    },\n  },\n};\n\nexport const Default = (args: TipProps): JSX.Element => {\n  return <Tip {...args} />;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAA8B;AAC9B,IAAO,sBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS,CAAC,WAAW,WAAW,SAAS;AAAA,MACzC,SAAS;AAAA,QACP,MAAM;AAAA;AAAA;AAAA,IAGV,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA;AAAA,MAER,cAAc;AAAA;AAAA;AAAA;AAKb,MAAM,UAAU,CAAC,SAAgC;AACtD,SAAO,mDAAC,sBAAD;AAAA,OAAS;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAA8B;AAC9B,IAAO,sBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS,CAAC,WAAW,WAAW,SAAS,MAAS;AAAA,MAClD,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAEO,MAAM,UAAU,CAAC,SAAgC;AACtD,SAAO,6BAAAA,QAAA,cAAC,aAAAC,SAAA,EAAK,GAAG,MAAM;AACxB;",
+  "names": ["React", "Tip"]
 }

package/lib/cjs/components/message/Tip/index.js

@@ -1,44 +1,45 @@
+"use strict";
 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tip_exports = {};
+__export(Tip_exports, {
   default: () => Tip
 });
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_Text = __toModule(require("../../asorted/Text"));
-var import_react2 = __toModule(require("@ledgerhq/icons-ui/react"));
-var import_layout = __toModule(require("../../layout"));
+module.exports = __toCommonJS(Tip_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_Text = __toESM(require("../../asorted/Text"));
+var import_react2 = require("@ledgerhq/icons-ui/react");
+var import_layout = require("../../layout");
 const icons = {
-  success: /* @__PURE__ */ import_react.default.createElement(import_react2.CheckAloneMedium, {
-    size: 16
-  }),
-  warning: /* @__PURE__ */ import_react.default.createElement(import_react2.CircledAlertMedium, {
-    size: 16
-  }),
-  error: /* @__PURE__ */ import_react.default.createElement(import_react2.CloseMedium, {
-    size: 16
-  })
+  success: /* @__PURE__ */ import_react.default.createElement(import_react2.CheckAloneMedium, { size: 16 }),
+  warning: /* @__PURE__ */ import_react.default.createElement(import_react2.CircledAlertMedium, { size: 16 }),
+  error: /* @__PURE__ */ import_react.default.createElement(import_react2.CloseMedium, { size: 16 })
 };
 const StyledIconContainer = import_styled_components.default.div`
   ${(p) => {
@@ -69,15 +70,6 @@ const StyledIconContainer = import_styled_components.default.div`
   align-items: center;
 `;
 function Tip({ type, label }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_layout.Flex, {
-    alignItems: "center"
-  }, type && /* @__PURE__ */ import_react.default.createElement(StyledIconContainer, {
-    type
-  }, icons[type]), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    variant: "paragraph",
-    fontWeight: "medium",
-    color: "neutral.c100",
-    flexShrink: 1
-  }, label));
+  return /* @__PURE__ */ import_react.default.createElement(import_layout.Flex, { alignItems: "center" }, type && /* @__PURE__ */ import_react.default.createElement(StyledIconContainer, { type }, icons[type]), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "paragraph", fontWeight: "medium", color: "neutral.c100", flexShrink: 1 }, label));
 }
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/message/Tip/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/message/Tip/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport styled, { css } from \"styled-components\";\nimport Text from \"../../asorted/Text\";\nimport { CheckAloneMedium, CloseMedium, CircledAlertMedium } from \"@ledgerhq/icons-ui/react\";\nimport { Flex } from \"../../layout\";\n\ntype TipType = \"success\" | \"warning\" | \"error\";\n\nexport interface TipProps {\n  type?: TipType;\n  label: string;\n}\n\nconst icons = {\n  success: <CheckAloneMedium size={16} />,\n  warning: <CircledAlertMedium size={16} />,\n  error: <CloseMedium size={16} />,\n};\n\nconst StyledIconContainer = styled.div<{ type?: TipType }>`\n  ${(p) => {\n    switch (p.type) {\n      case \"warning\":\n        return css`\n          background: ${p.theme.colors.warning.c10};\n          color: ${p.theme.colors.warning.c100};\n        `;\n      case \"error\":\n        return css`\n          background: ${p.theme.colors.error.c10};\n          color: ${p.theme.colors.error.c100};\n        `;\n      case \"success\":\n      default:\n        return css`\n          background: ${p.theme.colors.success.c30};\n          color: ${p.theme.colors.success.c100};\n        `;\n    }\n  }}\n\n  border-radius: ${(p) => `${p.theme.radii[1]}px`};\n  margin-right: ${(p) => `${p.theme.space[6]}px`};\n  padding: 6px;\n  display: flex;\n  align-items: center;\n`;\n\nexport default function Tip({ type, label }: TipProps): JSX.Element {\n  return (\n    <Flex alignItems={\"center\"}>\n      {type && <StyledIconContainer type={type}>{icons[type]}</StyledIconContainer>}\n      <Text variant={\"paragraph\"} fontWeight={\"medium\"} color={\"neutral.c100\"} flexShrink={1}>\n        {label}\n      </Text>\n    </Flex>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAA4B;AAC5B,kBAAiB;AACjB,oBAAkE;AAClE,oBAAqB;AASrB,MAAM,QAAQ;AAAA,EACZ,SAAS,mDAAC,gCAAD;AAAA,IAAkB,MAAM;AAAA;AAAA,EACjC,SAAS,mDAAC,kCAAD;AAAA,IAAoB,MAAM;AAAA;AAAA,EACnC,OAAO,mDAAC,2BAAD;AAAA,IAAa,MAAM;AAAA;AAAA;AAG5B,MAAM,sBAAsB,iCAAO;AAAA,IAC/B,CAAC,MAAM;AACP,UAAQ,EAAE;AAAA,SACH;AACH,aAAO;AAAA,wBACS,EAAE,MAAM,OAAO,QAAQ;AAAA,mBAC5B,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA,SAE/B;AACH,aAAO;AAAA,wBACS,EAAE,MAAM,OAAO,MAAM;AAAA,mBAC1B,EAAE,MAAM,OAAO,MAAM;AAAA;AAAA,SAE7B;AAAA;AAEH,aAAO;AAAA,wBACS,EAAE,MAAM,OAAO,QAAQ;AAAA,mBAC5B,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKvB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM;AAAA,kBACzB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM3B,aAAa,EAAE,MAAM,SAAgC;AAClE,SACE,mDAAC,oBAAD;AAAA,IAAM,YAAY;AAAA,KACf,QAAQ,mDAAC,qBAAD;AAAA,IAAqB;AAAA,KAAa,MAAM,QACjD,mDAAC,qBAAD;AAAA,IAAM,SAAS;AAAA,IAAa,YAAY;AAAA,IAAU,OAAO;AAAA,IAAgB,YAAY;AAAA,KAClF;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAA4B;AAC5B,kBAAiB;AACjB,IAAAA,gBAAkE;AAClE,oBAAqB;AASrB,MAAM,QAAQ;AAAA,EACZ,SAAS,6BAAAC,QAAA,cAAC,kCAAiB,MAAM,IAAI;AAAA,EACrC,SAAS,6BAAAA,QAAA,cAAC,oCAAmB,MAAM,IAAI;AAAA,EACvC,OAAO,6BAAAA,QAAA,cAAC,6BAAY,MAAM,IAAI;AAChC;AAEA,MAAM,sBAAsB,yBAAAC,QAAO;AAAA,IAC/B,CAAC,MAAM;AACP,UAAQ,EAAE,MAAM;AAAA,IACd,KAAK;AACH,aAAO;AAAA,wBACS,EAAE,MAAM,OAAO,QAAQ;AAAA,mBAC5B,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA,IAEpC,KAAK;AACH,aAAO;AAAA,wBACS,EAAE,MAAM,OAAO,MAAM;AAAA,mBAC1B,EAAE,MAAM,OAAO,MAAM;AAAA;AAAA,IAElC,KAAK;AAAA,IACL;AACE,aAAO;AAAA,wBACS,EAAE,MAAM,OAAO,QAAQ;AAAA,mBAC5B,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA,EAEtC;AACF;AAAA;AAAA,mBAEiB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM,CAAC;AAAA,kBAC1B,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAM5B,SAAR,IAAqB,EAAE,MAAM,MAAM,GAA0B;AAClE,SACE,6BAAAD,QAAA,cAAC,sBAAK,YAAY,YACf,QAAQ,6BAAAA,QAAA,cAAC,uBAAoB,QAAa,MAAM,IAAI,CAAE,GACvD,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAS,aAAa,YAAY,UAAU,OAAO,gBAAgB,YAAY,KAClF,KACH,CACF;AAEJ;",
+  "names": ["import_react", "React", "styled", "Text"]
 }

package/lib/cjs/components/message/Tooltip/Tooltip.stories.js

@@ -1,34 +1,41 @@
+"use strict";
 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tooltip_stories_exports = {};
+__export(Tooltip_stories_exports, {
   Tooltip: () => Tooltip,
   default: () => Tooltip_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_Text = __toModule(require("../../asorted/Text"));
-var import_Flex = __toModule(require("../../layout/Flex"));
-var import_index = __toModule(require("./index"));
+module.exports = __toCommonJS(Tooltip_stories_exports);
+var import_react = __toESM(require("react"));
+var import_Text = __toESM(require("../../asorted/Text"));
+var import_Flex = __toESM(require("../../layout/Flex"));
+var import_index = __toESM(require("./index"));
 const description = `
 ### Tooltips display informative text when users hover over an element.
 
@@ -94,19 +101,18 @@ var Tooltip_stories_default = {
     }
   }
 };
-const Tooltip = (args) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-  alignItems: "center",
-  justifyContent: "center"
-}, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-  ...args
-}, /* @__PURE__ */ import_react.default.createElement("div", {
-  style: { margin: "50px" }
-}, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-  as: "div",
-  fontWeight: "semiBold",
-  color: "neutral.c100",
-  style: { border: "2px solid #AAA", borderRadius: "5px" },
-  p: 10,
-  textAlign: "center"
-}, "Hover", /* @__PURE__ */ import_react.default.createElement("br", null), "me"))));
+const Tooltip = (args) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args }, /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: "50px" } }, /* @__PURE__ */ import_react.default.createElement(
+  import_Text.default,
+  {
+    as: "div",
+    fontWeight: "semiBold",
+    color: "neutral.c100",
+    style: { border: "2px solid #AAA", borderRadius: "5px" },
+    p: 10,
+    textAlign: "center"
+  },
+  "Hover",
+  /* @__PURE__ */ import_react.default.createElement("br", null),
+  "me"
+))));
 //# sourceMappingURL=Tooltip.stories.js.map

package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/message/Tooltip/Tooltip.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { StoryTemplate } from \"src/components/helpers\";\n\nimport Text from \"../../asorted/Text\";\nimport FlexBox from \"../../layout/Flex\";\nimport TooltipComponent, { Props } from \"./index\";\n\nconst description = `\n### Tooltips display informative text when users hover over an element.\n\nThis component is based on [tippyjs](https://atomiks.github.io/tippyjs/) which is powerful library.\nPlease check [the documentation](https://github.com/atomiks/tippyjs-react#-props) for the full props list and usage.\n\n## Usage\n\n\\`\\`\\`js\n\nimport { Tooltip } from \"@ledgerhq/react-ui\"\n\n\\`\\`\\`\n\nWrap some jsx that will make the tooltip visible on mouse over.<br/>\n_**Note:** this jsx will automatically be wrapped inside a \\`span\\` element if the ref cannot be forwarded. \\\nSee [here](https://github.com/atomiks/tippyjs-react#component-children) for a detailed explanation._\n\nTo set the tooltip inner contents, use the \\`content\\` prop.\n\n\\`\\`\\`js\n<Tooltip content=\"Hello!\" {...props}>\n  <div>Hover me</div>\n</Tooltip>\n\\`\\`\\`\n\n## Sandbox\n\nPlacement, style and content can be customized using props as demonstrated in the following example.\n`;\n\nexport default {\n  title: \"Messages/Tooltip\",\n  component: TooltipComponent,\n  parameters: {\n    docs: {\n      description: {\n        component: description,\n      },\n    },\n  },\n  argTypes: {\n    content: { type: \"string\", defaultValue: \"Hello World!\" },\n    visible: { options: [true, false, undefined] },\n    disabled: { type: \"boolean\" },\n    placement: {\n      control: { type: \"radio\" },\n      options: [\n        \"top\",\n        \"top-start\",\n        \"top-end\",\n        \"right\",\n        \"right-start\",\n        \"right-end\",\n        \"bottom\",\n        \"bottom-start\",\n        \"bottom-end\",\n        \"left\",\n        \"left-start\",\n        \"left-end\",\n        \"auto\",\n        \"auto-start\",\n        \"auto-end\",\n      ],\n    },\n  },\n};\n\nexport const Tooltip: StoryTemplate<Props> = (args) => (\n  <FlexBox alignItems=\"center\" justifyContent=\"center\">\n    <TooltipComponent {...args}>\n      <div style={{ margin: \"50px\" }}>\n        <Text\n          as=\"div\"\n          fontWeight=\"semiBold\"\n          color=\"neutral.c100\"\n          style={{ border: \"2px solid #AAA\", borderRadius: \"5px\" }}\n          p={10}\n          textAlign=\"center\"\n        >\n          Hover\n          <br />\n          me\n        </Text>\n      </div>\n    </TooltipComponent>\n  </FlexBox>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,kBAAiB;AACjB,kBAAoB;AACpB,mBAAwC;AAExC,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BpB,IAAO,0BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA;AAAA;AAAA;AAAA,EAIjB,UAAU;AAAA,IACR,SAAS,EAAE,MAAM,UAAU,cAAc;AAAA,IACzC,SAAS,EAAE,SAAS,CAAC,MAAM,OAAO;AAAA,IAClC,UAAU,EAAE,MAAM;AAAA,IAClB,WAAW;AAAA,MACT,SAAS,EAAE,MAAM;AAAA,MACjB,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAMD,MAAM,UAAgC,CAAC,SAC5C,mDAAC,qBAAD;AAAA,EAAS,YAAW;AAAA,EAAS,gBAAe;AAAA,GAC1C,mDAAC,sBAAD;AAAA,KAAsB;AAAA,GACpB,mDAAC,OAAD;AAAA,EAAK,OAAO,EAAE,QAAQ;AAAA,GACpB,mDAAC,qBAAD;AAAA,EACE,IAAG;AAAA,EACH,YAAW;AAAA,EACX,OAAM;AAAA,EACN,OAAO,EAAE,QAAQ,kBAAkB,cAAc;AAAA,EACjD,GAAG;AAAA,EACH,WAAU;AAAA,GACX,SAEC,mDAAC,MAAD,OAAM;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,kBAAiB;AACjB,kBAAoB;AACpB,mBAAwC;AAExC,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BpB,IAAO,0BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,SAAS,EAAE,MAAM,UAAU,cAAc,eAAe;AAAA,IACxD,SAAS,EAAE,SAAS,CAAC,MAAM,OAAO,MAAS,EAAE;AAAA,IAC7C,UAAU,EAAE,MAAM,UAAU;AAAA,IAC5B,WAAW;AAAA,MACT,SAAS,EAAE,MAAM,QAAQ;AAAA,MACzB,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAgC,CAAC,SAC5C,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAQ,YAAW,UAAS,gBAAe,YAC1C,6BAAAD,QAAA,cAAC,aAAAD,SAAA,EAAkB,GAAG,QACpB,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,QAAQ,OAAO,KAC3B,6BAAAA,QAAA;AAAA,EAAC,YAAAE;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,YAAW;AAAA,IACX,OAAM;AAAA,IACN,OAAO,EAAE,QAAQ,kBAAkB,cAAc,MAAM;AAAA,IACvD,GAAG;AAAA,IACH,WAAU;AAAA;AAAA,EACX;AAAA,EAEC,6BAAAF,QAAA,cAAC,UAAG;AAAA,EAAE;AAER,CACF,CACF,CACF;",
+  "names": ["TooltipComponent", "React", "FlexBox", "Text"]
 }

package/lib/cjs/components/message/Tooltip/index.js

@@ -1,65 +1,68 @@
+"use strict";
 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
   default: () => Tooltip
 });
-var import_react = __toModule(require("react"));
-var import_react_is = __toModule(require("react-is"));
-var import_react2 = __toModule(require("@tippyjs/react"));
-var import_Text = __toModule(require("../../asorted/Text"));
-const Wrapper = (0, import_react.forwardRef)((props, ref) => {
-  const childrenCount = import_react.default.Children.count(props.children);
-  try {
-    const child = import_react.default.Children.only(props.children);
-    const isValidElement = import_react.default.isValidElement(child);
-    const isForwardingRef = (0, import_react_is.isForwardRef)(child);
-    const isDomElement = isValidElement && typeof child.type === "string";
-    if (isForwardingRef || isDomElement) {
-      return import_react.default.cloneElement(child, { ref });
-    } else {
-      return /* @__PURE__ */ import_react.default.createElement("span", {
-        ref
-      }, props.children);
+module.exports = __toCommonJS(Tooltip_exports);
+var import_react = __toESM(require("react"));
+var import_react_is = require("react-is");
+var import_react2 = __toESM(require("@tippyjs/react"));
+var import_Text = __toESM(require("../../asorted/Text"));
+const Wrapper = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const childrenCount = import_react.default.Children.count(props.children);
+    try {
+      const child = import_react.default.Children.only(props.children);
+      const isValidElement = import_react.default.isValidElement(child);
+      const isForwardingRef = (0, import_react_is.isForwardRef)(child);
+      const isDomElement = isValidElement && typeof child.type === "string";
+      if (isForwardingRef || isDomElement) {
+        return import_react.default.cloneElement(child, { ref });
+      } else {
+        return /* @__PURE__ */ import_react.default.createElement("span", { ref }, props.children);
+      }
+    } catch (e) {
+      return childrenCount < 1 ? null : /* @__PURE__ */ import_react.default.createElement("span", { ref }, props.children);
     }
-  } catch (e) {
-    return childrenCount < 1 ? null : /* @__PURE__ */ import_react.default.createElement("span", {
-      ref
-    }, props.children);
   }
-});
+);
 function Tooltip(props) {
   const { content, placement = "auto", children, ...rest } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_react2.default, {
-    ...rest,
-    placement,
-    content: /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-      fontWeight: "medium",
-      variant: "paragraph",
-      color: "neutral.c00"
-    }, content)
-  }, /* @__PURE__ */ import_react.default.createElement(Wrapper, {
-    children
-  }));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react2.default,
+    {
+      ...rest,
+      placement,
+      content: /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "medium", variant: "paragraph", color: "neutral.c00" }, content)
+    },
+    /* @__PURE__ */ import_react.default.createElement(Wrapper, { children })
+  );
 }
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/message/Tooltip/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/message/Tooltip/index.tsx"],
   "sourcesContent": ["import React, { forwardRef } from \"react\";\nimport { isForwardRef } from \"react-is\";\nimport Tippy, { TippyProps } from \"@tippyjs/react\";\nimport Text from \"../../asorted/Text\";\n\ntype Placement =\n  | \"top\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"right\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"bottom\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"left\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"auto\"\n  | \"auto-start\"\n  | \"auto-end\";\n\n// Add more props later on if needed.\n// See https://atomiks.github.io/tippyjs/v6/all-props for the full list.\nexport interface Props extends TippyProps {\n  /** The preferred placement of the tippy. */\n  placement?: Placement;\n}\n\n// Tippyjs need the ref to be forwarded to the DOM element wrapping the children.\n// This component has been created to add a wrapping span and use its ref when needed.\n// See: https://github.com/atomiks/tippyjs-react#component-children\nconst Wrapper: React.ComponentType<React.PropsWithChildren<unknown>> = forwardRef(\n  (props, ref: React.LegacyRef<HTMLElement>) => {\n    const childrenCount = React.Children.count(props.children);\n\n    try {\n      const child = React.Children.only(props.children);\n      const isValidElement = React.isValidElement(child);\n      const isForwardingRef = isForwardRef(child);\n      const isDomElement = isValidElement && typeof child.type === \"string\";\n\n      if (isForwardingRef || isDomElement) {\n        return React.cloneElement(child, { ref });\n      } else {\n        return <span ref={ref}>{props.children}</span>;\n      }\n    } catch (e) {\n      return childrenCount < 1 ? null : <span ref={ref}>{props.children}</span>;\n    }\n  },\n);\n\nexport default function Tooltip(props: Props): JSX.Element | null {\n  const { content, placement = \"auto\", children, ...rest } = props;\n  return (\n    <Tippy\n      {...rest}\n      placement={placement}\n      content={\n        <Text fontWeight=\"medium\" variant={\"paragraph\"} color=\"neutral.c00\">\n          {content}\n        </Text>\n      }\n    >\n      <Wrapper children={children} />\n    </Tippy>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,sBAA6B;AAC7B,oBAAkC;AAClC,kBAAiB;AA6BjB,MAAM,UAAiE,6BACrE,CAAC,OAAO,QAAsC;AAC5C,QAAM,gBAAgB,qBAAM,SAAS,MAAM,MAAM;AAEjD,MAAI;AACF,UAAM,QAAQ,qBAAM,SAAS,KAAK,MAAM;AACxC,UAAM,iBAAiB,qBAAM,eAAe;AAC5C,UAAM,kBAAkB,kCAAa;AACrC,UAAM,eAAe,kBAAkB,OAAO,MAAM,SAAS;AAE7D,QAAI,mBAAmB,cAAc;AACnC,aAAO,qBAAM,aAAa,OAAO,EAAE;AAAA,WAC9B;AACL,aAAO,mDAAC,QAAD;AAAA,QAAM;AAAA,SAAW,MAAM;AAAA;AAAA,WAEzB,GAAP;AACA,WAAO,gBAAgB,IAAI,OAAO,mDAAC,QAAD;AAAA,MAAM;AAAA,OAAW,MAAM;AAAA;AAAA;AAKhD,iBAAiB,OAAkC;AAChE,QAAM,EAAE,SAAS,YAAY,QAAQ,aAAa,SAAS;AAC3D,SACE,mDAAC,uBAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA,SACE,mDAAC,qBAAD;AAAA,MAAM,YAAW;AAAA,MAAS,SAAS;AAAA,MAAa,OAAM;AAAA,OACnD;AAAA,KAIL,mDAAC,SAAD;AAAA,IAAS;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,sBAA6B;AAC7B,IAAAA,gBAAkC;AAClC,kBAAiB;AA6BjB,MAAM,cAAiE;AAAA,EACrE,CAAC,OAAO,QAAsC;AAC5C,UAAM,gBAAgB,aAAAC,QAAM,SAAS,MAAM,MAAM,QAAQ;AAEzD,QAAI;AACF,YAAM,QAAQ,aAAAA,QAAM,SAAS,KAAK,MAAM,QAAQ;AAChD,YAAM,iBAAiB,aAAAA,QAAM,eAAe,KAAK;AACjD,YAAM,sBAAkB,8BAAa,KAAK;AAC1C,YAAM,eAAe,kBAAkB,OAAO,MAAM,SAAS;AAE7D,UAAI,mBAAmB,cAAc;AACnC,eAAO,aAAAA,QAAM,aAAa,OAAO,EAAE,IAAI,CAAC;AAAA,MAC1C,OAAO;AACL,eAAO,6BAAAA,QAAA,cAAC,UAAK,OAAW,MAAM,QAAS;AAAA,MACzC;AAAA,IACF,SAAS,GAAP;AACA,aAAO,gBAAgB,IAAI,OAAO,6BAAAA,QAAA,cAAC,UAAK,OAAW,MAAM,QAAS;AAAA,IACpE;AAAA,EACF;AACF;AAEe,SAAR,QAAyB,OAAkC;AAChE,QAAM,EAAE,SAAS,YAAY,QAAQ,UAAU,GAAG,KAAK,IAAI;AAC3D,SACE,6BAAAA,QAAA;AAAA,IAAC,cAAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,SACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,YAAW,UAAS,SAAS,aAAa,OAAM,iBACnD,OACH;AAAA;AAAA,IAGF,6BAAAF,QAAA,cAAC,WAAQ,UAAoB;AAAA,EAC/B;AAEJ;",
+  "names": ["import_react", "React", "Tippy", "Text"]
 }

package/lib/cjs/components/message/Tooltip/styles.js

@@ -1,30 +1,27 @@
-var __create = Object.create;
+"use strict";
 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
   default: () => styles_default
 });
-var import_styled_components = __toModule(require("styled-components"));
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = require("styled-components");
 var styles_default = import_styled_components.css`
   .tippy-box[data-animation="fade"][data-state="hidden"] {
     opacity: 0;

package/lib/cjs/components/message/Tooltip/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/message/Tooltip/styles.ts"],
   "sourcesContent": ["import { DefaultTheme, css } from \"styled-components\";\n\ntype Props = { theme: DefaultTheme };\n\nexport default css`\n  .tippy-box[data-animation=\"fade\"][data-state=\"hidden\"] {\n    opacity: 0;\n  }\n\n  [data-tippy-root] {\n    max-width: calc(100vw - 10px);\n  }\n\n  .tippy-box {\n    position: relative;\n    background-color: ${(p: Props) => p.theme.colors.neutral.c100};\n    color: ${(p: Props) => p.theme.colors.neutral.c00};\n    border-radius: 4px;\n    font-size: 14px;\n    line-height: 1.4;\n    outline: 0;\n    transition-property: transform, visibility, opacity;\n  }\n\n  .tippy-arrow {\n    width: 16px;\n    height: 16px;\n    color: ${(p: Props) => p.theme.colors.neutral.c100};\n  }\n\n  .tippy-arrow:before {\n    content: \"\";\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  .tippy-box[data-placement^=\"top\"] > .tippy-arrow {\n    bottom: 0;\n  }\n\n  .tippy-box[data-placement^=\"top\"] > .tippy-arrow:before {\n    bottom: -4px;\n    left: 0;\n    border-width: 10px 10px 0;\n    border-top-color: initial;\n    transform-origin: center top;\n  }\n\n  .tippy-box[data-placement^=\"bottom\"] > .tippy-arrow {\n    top: 0;\n  }\n\n  .tippy-box[data-placement^=\"bottom\"] > .tippy-arrow:before {\n    top: -4px;\n    left: 0;\n    border-width: 0 10px 10px;\n    border-bottom-color: initial;\n    transform-origin: center bottom;\n  }\n\n  .tippy-box[data-placement^=\"left\"] > .tippy-arrow {\n    right: 0;\n  }\n\n  .tippy-box[data-placement^=\"left\"] > .tippy-arrow:before {\n    border-width: 10px 0 10px 10px;\n    border-left-color: initial;\n    right: -4px;\n    transform-origin: center left;\n  }\n\n  .tippy-box[data-placement^=\"right\"] > .tippy-arrow {\n    left: 0;\n  }\n\n  .tippy-box[data-placement^=\"right\"] > .tippy-arrow:before {\n    left: -4px;\n    border-width: 10px 10px 10px 0;\n    border-right-color: initial;\n    transform-origin: center right;\n  }\n\n  .tippy-box[data-inertia][data-state=\"visible\"] {\n    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);\n  }\n\n  .tippy-content {\n    position: relative;\n    padding: 8px 10px;\n    z-index: 1;\n  }\n`;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAIlC,IAAO,iBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAWS,CAAC,MAAa,EAAE,MAAM,OAAO,QAAQ;AAAA,aAChD,CAAC,MAAa,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAWrC,CAAC,MAAa,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAIlC,IAAO,iBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAWS,CAAC,MAAa,EAAE,MAAM,OAAO,QAAQ;AAAA,aAChD,CAAC,MAAa,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAWrC,CAAC,MAAa,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }