@ledgerhq/react-ui 0.52.0 → 0.53.0-nightly.20260626030713

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

@@ -12,7 +12,7 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _ledgerhq_icons_ui_react__rspack_import_2 = __webpack_require__(7304);
 /* import */ var _ledgerhq_icons_ui_react__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_react__rspack_import_2);
 /* import */ var _layout__rspack_import_4 = __webpack_require__(3832);
-/* import */ var _styles__rspack_import_3 = __webpack_require__(4336);
+/* import */ var _styles__rspack_import_3 = __webpack_require__(205);
 
 
 
@@ -105,20 +105,19 @@ const squareWrapper = (0,styled_components__rspack_import_1.css)`
 
 },
 3832(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styled__rspack_import_0 = __webpack_require__(7680);
 
 const Box = _styled__rspack_import_0["default"].div``;
 /* export default */ const __rspack_default_export = (Box);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 7680(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styles_system_gaps__rspack_import_2 = __webpack_require__(4182);
 /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
 /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
@@ -143,16 +142,21 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 });
 /* export default */ const __rspack_default_export = (proxyStyled);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
-4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+205(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   rgba: () => (/* binding */ rgba)
 });
 
-// UNUSED EXPORTS: darken, ensureContrast, mix, lighten, ff
+// UNUSED EXPORTS: darken, ensureContrast, ff, lighten, mix
 
 ;// CONCATENATED MODULE: external "color"
 const external_color_namespaceObject = require("color");
@@ -189,9 +193,6 @@ const ensureContrast = (color1, color2)=>{
 
 },
 4182(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
 /* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
 
@@ -207,6 +208,11 @@ const gaps = (0,styled_system__rspack_import_0.system)({
 });
 /* export default */ const __rspack_default_export = (gaps);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 7304(module) {
@@ -264,12 +270,16 @@ __webpack_require__.n = (module) => {
 })();
 // webpack/runtime/define_property_getters
 (() => {
-__webpack_require__.d = (exports, definition) => {
-	for(var key in definition) {
-        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-        }
-    }
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -290,10 +300,6 @@ var __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
 (() => {
 __webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-  Default: () => (Default),
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _ledgerhq_icons_ui_react__rspack_import_0 = __webpack_require__(7304);
 /* import */ var _ledgerhq_icons_ui_react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_react__rspack_import_0);
 /* import */ var _NotificationIcon__rspack_import_1 = __webpack_require__(514);
@@ -328,6 +334,12 @@ const meta = {
 /* export default */ const __rspack_default_export = (meta);
 const Default = {};
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  Default: Default,
+  "default": __rspack_default_export
+});
+
 })();
 
 module.exports = __webpack_exports__;

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

@@ -1 +1 @@
-{"version":3,"file":"components/asorted/Icon/NotificationIcon.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n  colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n  const { warning } = colors;\n\n  return {\n    Warning: {\n      round: { fg: warning.c80, bg: warning.c30 },\n      square: { fg: warning.c80, bg: warning.c30 },\n    },\n  };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n  return {\n    round: { fg: primary.c90, bg: primary.c30 },\n    square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n  };\n}\n\ntype Props = Readonly<{\n  icon: IconKey;\n  variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n  const { colors } = useTheme();\n  const defaultColors = getDefaultDefaultColors(colors)[variant];\n  const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n  const Icon = Icons[safeIcon];\n  const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n    getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n  return (\n    <Wrapper backgroundColor={iconBgColor} variant={variant}>\n      <Icon color={iconColor} />\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n  display: inline-flex;\n  padding: 8px;\n  ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n  border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n  border-radius: 13.5px;\n  background-clip: padding-box;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent;\n  position: relative;\n\n  ${p => css`\n    &::before,\n    &::after {\n      content: \"\";\n      position: absolute;\n      inset: -7px;\n      border-radius: 13.5px;\n      rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n    }\n    &::before {\n      background: linear-gradient(\n        ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n          0%,\n        rgba(29, 28, 31, 0) 100%\n      );\n    }\n    &::after {\n      content: ${p.theme.colors.type};\n      border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n      mask-image: linear-gradient(\n        rgba(255, 255, 255, 0.15) 0%,\n        rgba(255, 255, 255, 0.01) 60%,\n        rgba(255, 255, 255, 0) 100%\n      );\n    }\n  `};\n`;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { Meta, StoryObj } from \"@storybook/react\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport NotificationIcon from \"./NotificationIcon\";\n\nconst meta: Meta<typeof NotificationIcon> = {\n  title: \"Asorted/NotificationIcon\",\n  component: NotificationIcon,\n  argTypes: {\n    icon: {\n      description: \"Icon to display.\",\n      options: Object.keys(Icons),\n      control: { type: \"select\" },\n    },\n    variant: {\n      options: [\"round\", \"square\"],\n      control: { type: \"inline-radio\" },\n    },\n  },\n  args: {\n    icon: \"Information\",\n    variant: \"round\",\n  },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof NotificationIcon>;\n\nexport const Default: Story = {};\n"],"names":["React","styled","css","useTheme","Icons","Box","rgba","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","Icon","iconColor","iconBgColor","Wrapper","p","squareWrapper","roundWrapper","baseStyled","gaps","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","meta","Object","Default"],"mappings":"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"}
+{"version":3,"file":"components/asorted/Icon/NotificationIcon.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n  colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n  const { warning } = colors;\n\n  return {\n    Warning: {\n      round: { fg: warning.c80, bg: warning.c30 },\n      square: { fg: warning.c80, bg: warning.c30 },\n    },\n  };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n  return {\n    round: { fg: primary.c90, bg: primary.c30 },\n    square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n  };\n}\n\ntype Props = Readonly<{\n  icon: IconKey;\n  variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n  const { colors } = useTheme();\n  const defaultColors = getDefaultDefaultColors(colors)[variant];\n  const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n  const Icon = Icons[safeIcon];\n  const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n    getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n  return (\n    <Wrapper backgroundColor={iconBgColor} variant={variant}>\n      <Icon color={iconColor} />\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n  display: inline-flex;\n  padding: 8px;\n  ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n  border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n  border-radius: 13.5px;\n  background-clip: padding-box;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent;\n  position: relative;\n\n  ${p => css`\n    &::before,\n    &::after {\n      content: \"\";\n      position: absolute;\n      inset: -7px;\n      border-radius: 13.5px;\n      rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n    }\n    &::before {\n      background: linear-gradient(\n        ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n          0%,\n        rgba(29, 28, 31, 0) 100%\n      );\n    }\n    &::after {\n      content: ${p.theme.colors.type};\n      border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n      mask-image: linear-gradient(\n        rgba(255, 255, 255, 0.15) 0%,\n        rgba(255, 255, 255, 0.01) 60%,\n        rgba(255, 255, 255, 0) 100%\n      );\n    }\n  `};\n`;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { Meta, StoryObj } from \"@storybook/react\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport NotificationIcon from \"./NotificationIcon\";\n\nconst meta: Meta<typeof NotificationIcon> = {\n  title: \"Asorted/NotificationIcon\",\n  component: NotificationIcon,\n  argTypes: {\n    icon: {\n      description: \"Icon to display.\",\n      options: Object.keys(Icons),\n      control: { type: \"select\" },\n    },\n    variant: {\n      options: [\"round\", \"square\"],\n      control: { type: \"inline-radio\" },\n    },\n  },\n  args: {\n    icon: \"Information\",\n    variant: \"round\",\n  },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof NotificationIcon>;\n\nexport const Default: Story = {};\n"],"names":["React","styled","css","useTheme","Icons","Box","rgba","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","Icon","iconColor","iconBgColor","Wrapper","p","squareWrapper","roundWrapper","baseStyled","gaps","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","meta","Object","Default"],"mappings":"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"}

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

@@ -2,10 +2,6 @@
 "use strict";
 var __webpack_modules__ = ({
 5437(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  IconBox: () => (IconBox),
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var styled_components__rspack_import_1 = __webpack_require__(2770);
@@ -72,13 +68,15 @@ const BoxedIcon = ({ Icon, iconSize = DEFAULT_ICON_SIZE, iconColor, ...iconBoxPr
 };
 /* export default */ const __rspack_default_export = (BoxedIcon);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  IconBox: IconBox,
+  "default": __rspack_default_export
+});
+
 
 },
 1215(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export),
-  iconNames: () => (iconNames)
-});
 /* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_0 = __webpack_require__(9979);
 /* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_reactLegacy__rspack_import_0);
 /* import */ var react__rspack_import_1 = __webpack_require__(2015);
@@ -104,6 +102,12 @@ const Icon = ({ name, size = 16, color = "currentColor", weight = "Medium" })=>{
 };
 /* export default */ const __rspack_default_export = (Icon);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export,
+  iconNames: iconNames
+});
+
 
 },
 514(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
@@ -117,7 +121,7 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _ledgerhq_icons_ui_react__rspack_import_2 = __webpack_require__(7304);
 /* import */ var _ledgerhq_icons_ui_react__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_react__rspack_import_2);
 /* import */ var _layout__rspack_import_4 = __webpack_require__(3832);
-/* import */ var _styles__rspack_import_3 = __webpack_require__(4336);
+/* import */ var _styles__rspack_import_3 = __webpack_require__(205);
 
 
 
@@ -210,20 +214,19 @@ const squareWrapper = (0,styled_components__rspack_import_1.css)`
 
 },
 3832(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styled__rspack_import_0 = __webpack_require__(7680);
 
 const Box = _styled__rspack_import_0["default"].div``;
 /* export default */ const __rspack_default_export = (Box);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 3696(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styled__rspack_import_0 = __webpack_require__(7680);
 
 const FlexBox = _styled__rspack_import_0["default"].div.attrs({
@@ -232,12 +235,14 @@ const FlexBox = _styled__rspack_import_0["default"].div.attrs({
 })``;
 /* export default */ const __rspack_default_export = (FlexBox);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 7680(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styles_system_gaps__rspack_import_2 = __webpack_require__(4182);
 /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
 /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
@@ -262,16 +267,21 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 });
 /* export default */ const __rspack_default_export = (proxyStyled);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
-4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+205(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   rgba: () => (/* binding */ rgba)
 });
 
-// UNUSED EXPORTS: darken, ensureContrast, mix, lighten, ff
+// UNUSED EXPORTS: darken, ensureContrast, ff, lighten, mix
 
 ;// CONCATENATED MODULE: external "color"
 const external_color_namespaceObject = require("color");
@@ -308,9 +318,6 @@ const ensureContrast = (color1, color2)=>{
 
 },
 4182(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
 /* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
 
@@ -326,6 +333,11 @@ const gaps = (0,styled_system__rspack_import_0.system)({
 });
 /* export default */ const __rspack_default_export = (gaps);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 7304(module) {
@@ -387,12 +399,16 @@ __webpack_require__.n = (module) => {
 })();
 // webpack/runtime/define_property_getters
 (() => {
-__webpack_require__.d = (exports, definition) => {
-	for(var key in definition) {
-        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-        }
-    }
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property

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

@@ -1 +1 @@
-{"version":3,"file":"components/asorted/Icon/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/BoxedIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\n\nexport const DEFAULT_BOX_SIZE = 40;\nexport const DEFAULT_ICON_SIZE = 16;\nexport const DEFAULT_BADGE_SIZE = 20;\n\nfunction getClipRectangleSize(badgeSize: number): number {\n  return (3 / 4) * badgeSize;\n}\n\nconst getTopRightSquareClippedPolygon = (boxSize: number, rectangleSize: number) => {\n  // clipping path that hides top right square of size `${rectangleSize}px`\n  const diff = boxSize - rectangleSize;\n  return `polygon(0 0, 0 0, 0 0, ${diff}px 0, ${diff}px ${rectangleSize}px, 100% ${rectangleSize}px, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)`;\n};\n\nconst Container = styled(Flex).attrs((p: { size: number }) => ({\n  heigth: p.size,\n  width: p.size,\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  position: \"relative\",\n}))<{ size: number }>``;\n\nconst IconBoxBackground = styled(Flex)<{ size: number; badgeSize: number; hasBadge: boolean }>`\n  position: absolute;\n  height: ${p => p.size}px;\n  width: ${p => p.size}px;\n  ${p => {\n    return (\n      p.hasBadge &&\n      `clip-path: ${getTopRightSquareClippedPolygon(p.size, getClipRectangleSize(p.badgeSize))};`\n    );\n  }};\n  border-radius: ${p => p.theme.radii[2]}px;\n`;\n\nconst BadgeContainer = styled.div<{ badgeSize: number }>`\n  position: absolute;\n  ${p => `\n    top: -${p.badgeSize / 2 - 2}px;\n    right: -${p.badgeSize / 2 - 2}px;`}\n`;\n\nexport type IconProps = {\n  size?: number;\n  color?: string;\n};\n\nexport type IconBoxProps = {\n  /**\n   * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `badgeSize` or a default size.\n   */\n  Badge?: React.ComponentType<IconProps> | ((props: IconProps) => React.JSX.Element);\n  /**\n   * Color of the border\n   */\n  borderColor?: string;\n  /**\n   * Badge color, will be applied to the component provided in the `Badge` prop\n   */\n  badgeColor?: string;\n  /**\n   * Badge size, will be applied to the component provided in the `Badge` prop\n   */\n  badgeSize?: number;\n  children?: React.JSX.Element;\n  /**\n   * Box size for preview\n   */\n  size?: number;\n};\n\nexport type BoxedIconProps = IconBoxProps & {\n  /**\n   * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `iconSize` or a default size.\n   */\n  Icon: React.ComponentType<IconProps> | ((props: IconProps) => React.JSX.Element);\n  /**\n   * Icon size, will be applied to the component provided in the `Icon` prop\n   */\n  iconSize?: number;\n  /**\n   * Icon color, will be applied to the component provided in the `Icon` prop\n   */\n  iconColor?: string;\n};\n\nexport const IconBox = ({\n  Badge,\n  size = DEFAULT_BOX_SIZE,\n  children,\n  borderColor = \"neutral.c40\",\n  badgeColor,\n  badgeSize = DEFAULT_BADGE_SIZE,\n}: IconBoxProps) => {\n  const hasBadge = !!Badge;\n  return (\n    <Container size={size}>\n      <IconBoxBackground\n        size={size}\n        badgeSize={badgeSize}\n        hasBadge={hasBadge}\n        border=\"1px solid\"\n        borderColor={borderColor}\n      />\n      {children}\n      {hasBadge && (\n        <BadgeContainer badgeSize={badgeSize}>\n          <Badge size={badgeSize} color={badgeColor} />\n        </BadgeContainer>\n      )}\n    </Container>\n  );\n};\n\nconst BoxedIcon = ({\n  Icon,\n  iconSize = DEFAULT_ICON_SIZE,\n  iconColor,\n  ...iconBoxProps\n}: BoxedIconProps) => {\n  return (\n    <IconBox {...iconBoxProps}>\n      <Icon size={iconSize || DEFAULT_ICON_SIZE} color={iconColor} />\n    </IconBox>\n  );\n};\n\nexport default BoxedIcon;\n","import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n  name: string;\n  size?: number;\n  weight?: \"Medium\";\n  color?: string;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(icons).reduce((set, rawKey) => {\n    const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst Icon = ({\n  name,\n  size = 16,\n  color = \"currentColor\",\n  weight = \"Medium\",\n}: Props): React.JSX.Element | null => {\n  const maybeIconName = `${name}${weight}`;\n  if (maybeIconName in icons) {\n    // @ts-expect-error FIXME I don't know how to make you happy ts\n    const Component = icons[maybeIconName];\n    return <Component size={size} color={color} />;\n  }\n  return null;\n};\n\nexport default Icon;\n","import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n  colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n  const { warning } = colors;\n\n  return {\n    Warning: {\n      round: { fg: warning.c80, bg: warning.c30 },\n      square: { fg: warning.c80, bg: warning.c30 },\n    },\n  };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n  return {\n    round: { fg: primary.c90, bg: primary.c30 },\n    square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n  };\n}\n\ntype Props = Readonly<{\n  icon: IconKey;\n  variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n  const { colors } = useTheme();\n  const defaultColors = getDefaultDefaultColors(colors)[variant];\n  const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n  const Icon = Icons[safeIcon];\n  const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n    getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n  return (\n    <Wrapper backgroundColor={iconBgColor} variant={variant}>\n      <Icon color={iconColor} />\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n  display: inline-flex;\n  padding: 8px;\n  ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n  border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n  border-radius: 13.5px;\n  background-clip: padding-box;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent;\n  position: relative;\n\n  ${p => css`\n    &::before,\n    &::after {\n      content: \"\";\n      position: absolute;\n      inset: -7px;\n      border-radius: 13.5px;\n      rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n    }\n    &::before {\n      background: linear-gradient(\n        ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n          0%,\n        rgba(29, 28, 31, 0) 100%\n      );\n    }\n    &::after {\n      content: ${p.theme.colors.type};\n      border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n      mask-image: linear-gradient(\n        rgba(255, 255, 255, 0.15) 0%,\n        rgba(255, 255, 255, 0.01) 60%,\n        rgba(255, 255, 255, 0) 100%\n      );\n    }\n  `};\n`;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as NotificationIcon } from \"./NotificationIcon\";\n"],"names":["React","styled","Flex","DEFAULT_BOX_SIZE","DEFAULT_ICON_SIZE","DEFAULT_BADGE_SIZE","getClipRectangleSize","badgeSize","getTopRightSquareClippedPolygon","boxSize","rectangleSize","diff","Container","p","IconBoxBackground","BadgeContainer","IconBox","Badge","size","children","borderColor","badgeColor","hasBadge","BoxedIcon","Icon","iconSize","iconColor","iconBoxProps","icons","iconNames","Array","Object","set","rawKey","key","Set","name","color","weight","maybeIconName","Component","css","useTheme","Icons","Box","rgba","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","iconBgColor","Wrapper","squareWrapper","roundWrapper","baseStyled","FlexBox","gaps","compose","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","default"],"mappings":"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"}
+{"version":3,"file":"components/asorted/Icon/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/BoxedIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\n\nexport const DEFAULT_BOX_SIZE = 40;\nexport const DEFAULT_ICON_SIZE = 16;\nexport const DEFAULT_BADGE_SIZE = 20;\n\nfunction getClipRectangleSize(badgeSize: number): number {\n  return (3 / 4) * badgeSize;\n}\n\nconst getTopRightSquareClippedPolygon = (boxSize: number, rectangleSize: number) => {\n  // clipping path that hides top right square of size `${rectangleSize}px`\n  const diff = boxSize - rectangleSize;\n  return `polygon(0 0, 0 0, 0 0, ${diff}px 0, ${diff}px ${rectangleSize}px, 100% ${rectangleSize}px, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)`;\n};\n\nconst Container = styled(Flex).attrs((p: { size: number }) => ({\n  heigth: p.size,\n  width: p.size,\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  position: \"relative\",\n}))<{ size: number }>``;\n\nconst IconBoxBackground = styled(Flex)<{ size: number; badgeSize: number; hasBadge: boolean }>`\n  position: absolute;\n  height: ${p => p.size}px;\n  width: ${p => p.size}px;\n  ${p => {\n    return (\n      p.hasBadge &&\n      `clip-path: ${getTopRightSquareClippedPolygon(p.size, getClipRectangleSize(p.badgeSize))};`\n    );\n  }};\n  border-radius: ${p => p.theme.radii[2]}px;\n`;\n\nconst BadgeContainer = styled.div<{ badgeSize: number }>`\n  position: absolute;\n  ${p => `\n    top: -${p.badgeSize / 2 - 2}px;\n    right: -${p.badgeSize / 2 - 2}px;`}\n`;\n\nexport type IconProps = {\n  size?: number;\n  color?: string;\n};\n\nexport type IconBoxProps = {\n  /**\n   * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `badgeSize` or a default size.\n   */\n  Badge?: React.ComponentType<IconProps> | ((props: IconProps) => React.JSX.Element);\n  /**\n   * Color of the border\n   */\n  borderColor?: string;\n  /**\n   * Badge color, will be applied to the component provided in the `Badge` prop\n   */\n  badgeColor?: string;\n  /**\n   * Badge size, will be applied to the component provided in the `Badge` prop\n   */\n  badgeSize?: number;\n  children?: React.JSX.Element;\n  /**\n   * Box size for preview\n   */\n  size?: number;\n};\n\nexport type BoxedIconProps = IconBoxProps & {\n  /**\n   * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `iconSize` or a default size.\n   */\n  Icon: React.ComponentType<IconProps> | ((props: IconProps) => React.JSX.Element);\n  /**\n   * Icon size, will be applied to the component provided in the `Icon` prop\n   */\n  iconSize?: number;\n  /**\n   * Icon color, will be applied to the component provided in the `Icon` prop\n   */\n  iconColor?: string;\n};\n\nexport const IconBox = ({\n  Badge,\n  size = DEFAULT_BOX_SIZE,\n  children,\n  borderColor = \"neutral.c40\",\n  badgeColor,\n  badgeSize = DEFAULT_BADGE_SIZE,\n}: IconBoxProps) => {\n  const hasBadge = !!Badge;\n  return (\n    <Container size={size}>\n      <IconBoxBackground\n        size={size}\n        badgeSize={badgeSize}\n        hasBadge={hasBadge}\n        border=\"1px solid\"\n        borderColor={borderColor}\n      />\n      {children}\n      {hasBadge && (\n        <BadgeContainer badgeSize={badgeSize}>\n          <Badge size={badgeSize} color={badgeColor} />\n        </BadgeContainer>\n      )}\n    </Container>\n  );\n};\n\nconst BoxedIcon = ({\n  Icon,\n  iconSize = DEFAULT_ICON_SIZE,\n  iconColor,\n  ...iconBoxProps\n}: BoxedIconProps) => {\n  return (\n    <IconBox {...iconBoxProps}>\n      <Icon size={iconSize || DEFAULT_ICON_SIZE} color={iconColor} />\n    </IconBox>\n  );\n};\n\nexport default BoxedIcon;\n","import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n  name: string;\n  size?: number;\n  weight?: \"Medium\";\n  color?: string;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(icons).reduce((set, rawKey) => {\n    const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst Icon = ({\n  name,\n  size = 16,\n  color = \"currentColor\",\n  weight = \"Medium\",\n}: Props): React.JSX.Element | null => {\n  const maybeIconName = `${name}${weight}`;\n  if (maybeIconName in icons) {\n    // @ts-expect-error FIXME I don't know how to make you happy ts\n    const Component = icons[maybeIconName];\n    return <Component size={size} color={color} />;\n  }\n  return null;\n};\n\nexport default Icon;\n","import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n  colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n  const { warning } = colors;\n\n  return {\n    Warning: {\n      round: { fg: warning.c80, bg: warning.c30 },\n      square: { fg: warning.c80, bg: warning.c30 },\n    },\n  };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n  return {\n    round: { fg: primary.c90, bg: primary.c30 },\n    square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n  };\n}\n\ntype Props = Readonly<{\n  icon: IconKey;\n  variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n  const { colors } = useTheme();\n  const defaultColors = getDefaultDefaultColors(colors)[variant];\n  const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n  const Icon = Icons[safeIcon];\n  const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n    getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n  return (\n    <Wrapper backgroundColor={iconBgColor} variant={variant}>\n      <Icon color={iconColor} />\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n  display: inline-flex;\n  padding: 8px;\n  ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n  border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n  border-radius: 13.5px;\n  background-clip: padding-box;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent;\n  position: relative;\n\n  ${p => css`\n    &::before,\n    &::after {\n      content: \"\";\n      position: absolute;\n      inset: -7px;\n      border-radius: 13.5px;\n      rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n    }\n    &::before {\n      background: linear-gradient(\n        ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n          0%,\n        rgba(29, 28, 31, 0) 100%\n      );\n    }\n    &::after {\n      content: ${p.theme.colors.type};\n      border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n      mask-image: linear-gradient(\n        rgba(255, 255, 255, 0.15) 0%,\n        rgba(255, 255, 255, 0.01) 60%,\n        rgba(255, 255, 255, 0) 100%\n      );\n    }\n  `};\n`;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as NotificationIcon } from \"./NotificationIcon\";\n"],"names":["React","styled","Flex","DEFAULT_BOX_SIZE","DEFAULT_ICON_SIZE","DEFAULT_BADGE_SIZE","getClipRectangleSize","badgeSize","getTopRightSquareClippedPolygon","boxSize","rectangleSize","diff","Container","p","IconBoxBackground","BadgeContainer","IconBox","Badge","size","children","borderColor","badgeColor","hasBadge","BoxedIcon","Icon","iconSize","iconColor","iconBoxProps","icons","iconNames","Array","Object","set","rawKey","key","Set","name","color","weight","maybeIconName","Component","css","useTheme","Icons","Box","rgba","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","iconBgColor","Wrapper","squareWrapper","roundWrapper","baseStyled","FlexBox","gaps","compose","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","default"],"mappings":"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"}