npm - @ledgerhq/react-ui - Versions diffs - 0.14.8 → 0.14.10-nightly.0 - Mend

@ledgerhq/react-ui 0.14.8 → 0.14.10-nightly.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (118) hide show

package/lib/cjs/components/navigation/Aside/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/navigation/Aside/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport { color, layout, typography, ColorProps, LayoutProps, TypographyProps } from \"styled-system\";\nimport FlexBox from \"../../layout/Flex\";\n\nexport type Props = React.PropsWithChildren<{\n  /* Header which will be displayed at the top of the Aside. */\n  header: React.ReactNode;\n  /* Optional footer which will be displayed at the bottom of the Aside. */\n  footer?: React.ReactNode;\n}> &\n  React.ComponentProps<typeof Wrapper>;\n\ninterface ExtraWrapperProps extends ColorProps, LayoutProps, TypographyProps {}\nconst Wrapper = styled(FlexBox)<ExtraWrapperProps>`\n  ${color}\n  ${layout}\n  ${typography}\n`;\n\nexport default function Aside({ header, footer, children, ...props }: Props): JSX.Element {\n  return (\n    <Wrapper display=\"inline-flex\" flexDirection=\"column\" height=\"100vh\" {...props}>\n      {header}\n      <FlexBox flex=\"auto\" alignItems=\"center\" justifyContent=\"center\">\n        {children}\n      </FlexBox>\n      {footer ?? null}\n    </Wrapper>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,2BAAoF;AACpF,kBAAoB;AAWpB,MAAM,cAAU,yBAAAA,SAAO,YAAAC,OAAO;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA;AAGW,SAAR,MAAuB,EAAE,QAAQ,QAAQ,UAAU,GAAG,MAAM,GAAuB;AACxF,SACE,6BAAAC,QAAA,cAAC,WAAQ,SAAQ,eAAc,eAAc,UAAS,QAAO,SAAS,GAAG,SACtE,QACD,6BAAAA,QAAA,cAAC,YAAAD,SAAA,EAAQ,MAAK,QAAO,YAAW,UAAS,gBAAe,YACrD,QACH,GACC,UAAU,IACb;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,2BAAoF;AACpF,kBAAoB;AAWpB,MAAM,cAAU,yBAAAA,SAAO,YAAAC,OAAO;AAAA,IAC1B,0BAAK;AAAA,IACL,2BAAM;AAAA,IACN,+BAAU;AAAA;AAGC,SAAR,MAAuB,EAAE,QAAQ,QAAQ,UAAU,GAAG,MAAM,GAAuB;AACxF,SACE,6BAAAC,QAAA,cAAC,WAAQ,SAAQ,eAAc,eAAc,UAAS,QAAO,SAAS,GAAG,SACtE,QACD,6BAAAA,QAAA,cAAC,YAAAD,SAAA,EAAQ,MAAK,QAAO,YAAW,UAAS,gBAAe,YACrD,QACH,GACC,UAAU,IACb;AAEJ;",
   "names": ["styled", "FlexBox", "React"]
 }

package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/navigation/Breadcrumb/Breadcrumb.stories.tsx"],
-  "sourcesContent": ["import React, { useState, useCallback, useMemo } from \"react\";\nimport styled from \"styled-components\";\n\nimport Text from \"../../asorted/Text\";\nimport FlexBox from \"../../layout/Flex\";\nimport BreadcrumbComponent, { Props } from \"./index\";\n\nexport default {\n  title: \"Navigation/Breadcrumb\",\n  component: BreadcrumbComponent,\n};\n\ntype Route = {\n  path: string;\n  label: string;\n  routes?: Route[];\n};\nconst routes: Route[] = [\n  {\n    path: \"settings\",\n    label: \"Settings\",\n    routes: [\n      { path: \"experimental\", label: \"Experimental\" },\n      { path: \"developer\", label: \"Developer\" },\n    ],\n  },\n  {\n    path: \"account\",\n    label: \"Account\",\n    routes: [{ path: \"user\", label: \"User\", routes: [{ path: \"edit\", label: \"Edit\" }] }],\n  },\n  {\n    path: \"apps\",\n    label: \"Applications\",\n    routes: [\n      { path: \"buy\", label: \"Buy\" },\n      { path: \"sell\", label: \"Sell\" },\n      { path: \"swap\", label: \"Swap\", routes: [{ path: \"confirm\", label: \"Confirm\" }] },\n    ],\n  },\n];\n\nconst RouteElement = styled.div`\n  :hover {\n    text-decoration: underline;\n  }\n`;\nconst Routes = ({\n  onClick,\n  routes,\n  previousPath = [],\n}: {\n  onClick: (path: string) => void;\n  routes?: Route[];\n  previousPath?: string[];\n}): JSX.Element | null => {\n  if (!routes || routes.length === 0) return null;\n\n  return (\n    <div style={{ paddingLeft: \"1em\" }}>\n      {routes.map(route => (\n        <>\n          <RouteElement onClick={() => onClick([...previousPath, route.path].join(\"/\"))}>\n            {route.label} [{\"/\" + route.path}]\n          </RouteElement>\n          <Routes\n            routes={route.routes}\n            previousPath={[...previousPath, route.path]}\n            onClick={onClick}\n          />\n        </>\n      ))}\n    </div>\n  );\n};\n\nexport const Breadcrumb = (args: Props): JSX.Element => {\n  const [route, setRoute] = useState(\"apps/swap/confirm\");\n\n  const onChange = useCallback(value => setRoute(value.join(\"/\")), [setRoute]);\n  const segments = useMemo(() => {\n    const paths = route.split(\"/\");\n\n    const [, result] = paths.reduce<[Route[], React.ComponentProps<typeof Breadcrumb>[\"segments\"]]>(\n      ([routes, result], path) => {\n        let activeRoute: Route | null = null;\n        const level = routes.map(route => {\n          if (route.path === path) {\n            activeRoute = route;\n          }\n          return {\n            value: route.path,\n            label: route.label,\n          };\n        });\n\n        if (!activeRoute) {\n          throw new Error(\"Cannot match path.\");\n        }\n\n        const nextRoutes = (activeRoute as Route).routes || [];\n        if (level.length === 1) {\n          result.push(level[0]);\n        } else {\n          result.push({\n            options: level,\n            value: {\n              value: (activeRoute as Route).path,\n              label: (activeRoute as Route).label,\n            },\n          });\n        }\n\n        return [nextRoutes, result];\n      },\n      [routes, []],\n    );\n    return result;\n  }, [route]);\n\n  return (\n    <FlexBox rowGap={3} flexDirection=\"column\">\n      <BreadcrumbComponent {...args} segments={segments} onChange={onChange} />\n      <hr />\n      <Text fontWeight=\"medium\" variant={\"paragraph\"}>\n        Current route: /{route}\n      </Text>\n      <Text fontWeight=\"medium\" variant={\"paragraph\"}>\n        Available routes:\n      </Text>\n      <Text fontWeight=\"regular\" variant={\"paragraph\"} style={{ cursor: \"pointer\" }}>\n        <Routes routes={routes} onClick={setRoute} />\n      </Text>\n    </FlexBox>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,+BAAmB;AAEnB,kBAAiB;AACjB,kBAAoB;AACpB,mBAA2C;AAE3C,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAA;AACb;AAOA,MAAM,SAAkB;AAAA,EACtB;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,EAAE,MAAM,gBAAgB,OAAO,eAAe;AAAA,MAC9C,EAAE,MAAM,aAAa,OAAO,YAAY;AAAA,IAC1C;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ,CAAC,EAAE,MAAM,QAAQ,OAAO,QAAQ,QAAQ,CAAC,EAAE,MAAM,QAAQ,OAAO,OAAO,CAAC,EAAE,CAAC;AAAA,EACrF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,EAAE,MAAM,OAAO,OAAO,MAAM;AAAA,MAC5B,EAAE,MAAM,QAAQ,OAAO,OAAO;AAAA,MAC9B,EAAE,MAAM,QAAQ,OAAO,QAAQ,QAAQ,CAAC,EAAE,MAAM,WAAW,OAAO,UAAU,CAAC,EAAE;AAAA,IACjF;AAAA,EACF;AACF;AAEA,MAAM,eAAe,yBAAAC,QAAO;AAAA;AAAA;AAAA;AAAA;AAK5B,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA,QAAAC;AAAA,EACA,eAAe,CAAC;AAClB,MAI0B;AACxB,MAAI,CAACA,WAAUA,QAAO,WAAW;AAAG,WAAO;AAE3C,SACE,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,aAAa,MAAM,KAC9BD,QAAO,IAAI,WACV,6BAAAC,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,gBAAa,SAAS,MAAM,QAAQ,CAAC,GAAG,cAAc,MAAM,IAAI,EAAE,KAAK,GAAG,CAAC,KACzE,MAAM,OAAM,MAAG,MAAM,MAAM,MAAK,GACnC,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,MAAM;AAAA,MACd,cAAc,CAAC,GAAG,cAAc,MAAM,IAAI;AAAA,MAC1C;AAAA;AAAA,EACF,CACF,CACD,CACH;AAEJ;AAEO,MAAM,aAAa,CAAC,SAA6B;AACtD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,mBAAmB;AAEtD,QAAM,eAAW,0BAAY,WAAS,SAAS,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC3E,QAAM,eAAW,sBAAQ,MAAM;AAC7B,UAAM,QAAQ,MAAM,MAAM,GAAG;AAE7B,UAAM,CAAC,EAAE,MAAM,IAAI,MAAM;AAAA,MACvB,CAAC,CAACD,SAAQE,OAAM,GAAG,SAAS;AAC1B,YAAI,cAA4B;AAChC,cAAM,QAAQF,QAAO,IAAI,CAAAG,WAAS;AAChC,cAAIA,OAAM,SAAS,MAAM;AACvB,0BAAcA;AAAA,UAChB;AACA,iBAAO;AAAA,YACL,OAAOA,OAAM;AAAA,YACb,OAAOA,OAAM;AAAA,UACf;AAAA,QACF,CAAC;AAED,YAAI,CAAC,aAAa;AAChB,gBAAM,IAAI,MAAM,oBAAoB;AAAA,QACtC;AAEA,cAAM,aAAc,YAAsB,UAAU,CAAC;AACrD,YAAI,MAAM,WAAW,GAAG;AACtB,UAAAD,QAAO,KAAK,MAAM,CAAC,CAAC;AAAA,QACtB,OAAO;AACL,UAAAA,QAAO,KAAK;AAAA,YACV,SAAS;AAAA,YACT,OAAO;AAAA,cACL,OAAQ,YAAsB;AAAA,cAC9B,OAAQ,YAAsB;AAAA,YAChC;AAAA,UACF,CAAC;AAAA,QACH;AAEA,eAAO,CAAC,YAAYA,OAAM;AAAA,MAC5B;AAAA,MACA,CAAC,QAAQ,CAAC,CAAC;AAAA,IACb;AACA,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,6BAAAD,QAAA,cAAC,YAAAG,SAAA,EAAQ,QAAQ,GAAG,eAAc,YAChC,6BAAAH,QAAA,cAAC,aAAAH,SAAA,EAAqB,GAAG,MAAM,UAAoB,UAAoB,GACvE,6BAAAG,QAAA,cAAC,UAAG,GACJ,6BAAAA,QAAA,cAAC,YAAAI,SAAA,EAAK,YAAW,UAAS,SAAS,eAAa,oBAC7B,KACnB,GACA,6BAAAJ,QAAA,cAAC,YAAAI,SAAA,EAAK,YAAW,UAAS,SAAS,eAAa,mBAEhD,GACA,6BAAAJ,QAAA,cAAC,YAAAI,SAAA,EAAK,YAAW,WAAU,SAAS,aAAa,OAAO,EAAE,QAAQ,UAAU,KAC1E,6BAAAJ,QAAA,cAAC,UAAO,QAAgB,SAAS,UAAU,CAC7C,CACF;AAEJ;",
+  "sourcesContent": ["import React, { useState, useCallback, useMemo } from \"react\";\nimport styled from \"styled-components\";\n\nimport Text from \"../../asorted/Text\";\nimport FlexBox from \"../../layout/Flex\";\nimport BreadcrumbComponent, { Props } from \"./index\";\n\nexport default {\n  title: \"Navigation/Breadcrumb\",\n  component: BreadcrumbComponent,\n};\n\ntype Route = {\n  path: string;\n  label: string;\n  routes?: Route[];\n};\nconst routes: Route[] = [\n  {\n    path: \"settings\",\n    label: \"Settings\",\n    routes: [\n      { path: \"experimental\", label: \"Experimental\" },\n      { path: \"developer\", label: \"Developer\" },\n    ],\n  },\n  {\n    path: \"account\",\n    label: \"Account\",\n    routes: [{ path: \"user\", label: \"User\", routes: [{ path: \"edit\", label: \"Edit\" }] }],\n  },\n  {\n    path: \"apps\",\n    label: \"Applications\",\n    routes: [\n      { path: \"buy\", label: \"Buy\" },\n      { path: \"sell\", label: \"Sell\" },\n      { path: \"swap\", label: \"Swap\", routes: [{ path: \"confirm\", label: \"Confirm\" }] },\n    ],\n  },\n];\n\nconst RouteElement = styled.div`\n  :hover {\n    text-decoration: underline;\n  }\n`;\nconst Routes = ({\n  onClick,\n  routes,\n  previousPath = [],\n}: {\n  onClick: (path: string) => void;\n  routes?: Route[];\n  previousPath?: string[];\n}): JSX.Element | null => {\n  if (!routes || routes.length === 0) return null;\n\n  return (\n    <div style={{ paddingLeft: \"1em\" }}>\n      {routes.map(route => (\n        <>\n          <RouteElement onClick={() => onClick([...previousPath, route.path].join(\"/\"))}>\n            {route.label} [{\"/\" + route.path}]\n          </RouteElement>\n          <Routes\n            routes={route.routes}\n            previousPath={[...previousPath, route.path]}\n            onClick={onClick}\n          />\n        </>\n      ))}\n    </div>\n  );\n};\n\nexport const Breadcrumb = (args: Props): JSX.Element => {\n  const [route, setRoute] = useState(\"apps/swap/confirm\");\n\n  const onChange = useCallback((value: string[]) => setRoute(value.join(\"/\")), [setRoute]);\n  const segments = useMemo(() => {\n    const paths = route.split(\"/\");\n\n    const [, result] = paths.reduce<[Route[], React.ComponentProps<typeof Breadcrumb>[\"segments\"]]>(\n      ([routes, result], path) => {\n        let activeRoute: Route | null = null;\n        const level = routes.map(route => {\n          if (route.path === path) {\n            activeRoute = route;\n          }\n          return {\n            value: route.path,\n            label: route.label,\n          };\n        });\n\n        if (!activeRoute) {\n          throw new Error(\"Cannot match path.\");\n        }\n\n        const nextRoutes = (activeRoute as Route).routes || [];\n        if (level.length === 1) {\n          result.push(level[0]);\n        } else {\n          result.push({\n            options: level,\n            value: {\n              value: (activeRoute as Route).path,\n              label: (activeRoute as Route).label,\n            },\n          });\n        }\n\n        return [nextRoutes, result];\n      },\n      [routes, []],\n    );\n    return result;\n  }, [route]);\n\n  return (\n    <FlexBox rowGap={3} flexDirection=\"column\">\n      <BreadcrumbComponent {...args} segments={segments} onChange={onChange} />\n      <hr />\n      <Text fontWeight=\"medium\" variant={\"paragraph\"}>\n        Current route: /{route}\n      </Text>\n      <Text fontWeight=\"medium\" variant={\"paragraph\"}>\n        Available routes:\n      </Text>\n      <Text fontWeight=\"regular\" variant={\"paragraph\"} style={{ cursor: \"pointer\" }}>\n        <Routes routes={routes} onClick={setRoute} />\n      </Text>\n    </FlexBox>\n  );\n};\n"],
+  "mappings": "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",
   "names": ["BreadcrumbComponent", "styled", "routes", "React", "result", "route", "FlexBox", "Text"]
 }

package/lib/cjs/components/navigation/Breadcrumb/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/navigation/Breadcrumb/index.tsx"],
   "sourcesContent": ["import React, { memo } from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport Dropdown from \"../../form/Dropdown\";\nimport * as ControlModule from \"../../form/SelectInput/Control\";\n\nexport type Props = { segments: Segment[]; onChange: (values: string[]) => void }; //React.PropsWithChildren<unknown>;\nexport type Element = {\n  label: string;\n  value: string;\n};\nexport type Elements = {\n  value: Element;\n  options: Element[];\n};\nexport type Segment = Element | Elements;\n\nconst Link = styled(Text).attrs({\n  ff: \"Inter|SemiBold\",\n  fontSize: 3,\n  color: \"neutral.c80\",\n  tabIndex: 0,\n})`\n  cursor: pointer;\n  :hover,\n  :active,\n  :focus {\n    color: ${p => p.theme.colors.neutral.c100};\n    text-decoration: underline;\n  }\n`;\n\nfunction isMultiSegment(segment: Segment): segment is Elements {\n  return (segment as Elements).options !== undefined;\n}\n\nexport default memo(function Breadcrumb({ segments, onChange }: Props): JSX.Element {\n  const theme = useTheme();\n  const [contents] = segments.reduce<[React.ReactNode[], string[]]>(\n    ([renderArray, valuesArray], segment, index) => {\n      const values = [...valuesArray];\n\n      renderArray.push(\n        <>\n          {index > 0 ? (\n            <Text fontWeight=\"semiBold\" color=\"neutral.c40\" variant={\"paragraph\"}>\n              /\n            </Text>\n          ) : null}\n          {isMultiSegment(segment) ? (\n            <Dropdown\n              label=\"\"\n              options={segment.options}\n              value={segment.value}\n              onChange={elt => elt && onChange([...values, elt.value])}\n              styles={{\n                control: (provided, state) => ({\n                  ...ControlModule.getStyles<Element>(theme)(provided, state),\n                  cursor: \"pointer\",\n                }),\n                singleValue: provided => ({\n                  ...provided,\n                  margin: 0,\n                  top: undefined,\n                  position: undefined,\n                  overflow: undefined,\n                  maxWidth: undefined,\n                  transform: undefined,\n                  color: theme.colors.neutral.c80,\n                  \":hover\": {\n                    color: theme.colors.neutral.c100,\n                    textDecoration: \"underline\",\n                  },\n                }),\n              }}\n            />\n          ) : (\n            <Link\n              onKeyDown={(event: React.KeyboardEvent<HTMLSpanElement>) =>\n                [\"Enter\", \" \"].includes(event.key) && onChange([...values, segment.value])\n              }\n              onClick={() => onChange([...values, segment.value])}\n            >\n              {segment.label}\n            </Link>\n          )}\n        </>,\n      );\n\n      valuesArray.push(isMultiSegment(segment) ? segment.value.value : segment.value);\n      return [renderArray, valuesArray];\n    },\n    [[], []],\n  );\n\n  return (\n    <Flex columnGap={5} alignItems=\"center\">\n      {contents}\n    </Flex>\n  );\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,+BAAiC;AACjC,kBAAiB;AACjB,kBAAiB;AACjB,sBAAqB;AACrB,oBAA+B;AAa/B,MAAM,WAAO,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAC9B,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAKY,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKzC,SAAS,eAAe,SAAuC;AAC7D,SAAQ,QAAqB,YAAY;AAC3C;AAEA,IAAO,yBAAQ,mBAAK,SAAS,WAAW,EAAE,UAAU,SAAS,GAAuB;AAClF,QAAM,YAAQ,mCAAS;AACvB,QAAM,CAAC,QAAQ,IAAI,SAAS;AAAA,IAC1B,CAAC,CAAC,aAAa,WAAW,GAAG,SAAS,UAAU;AAC9C,YAAM,SAAS,CAAC,GAAG,WAAW;AAE9B,kBAAY;AAAA,QACV,6BAAAC,QAAA,2BAAAA,QAAA,gBACG,QAAQ,IACP,6BAAAA,QAAA,cAAC,YAAAD,SAAA,EAAK,YAAW,YAAW,OAAM,eAAc,SAAS,eAAa,GAEtE,IACE,MACH,eAAe,OAAO,IACrB,6BAAAC,QAAA;AAAA,UAAC,gBAAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS,QAAQ;AAAA,YACjB,OAAO,QAAQ;AAAA,YACf,UAAU,SAAO,OAAO,SAAS,CAAC,GAAG,QAAQ,IAAI,KAAK,CAAC;AAAA,YACvD,QAAQ;AAAA,cACN,SAAS,CAAC,UAAU,WAAW;AAAA,gBAC7B,GAAG,cAAc,UAAmB,KAAK,EAAE,UAAU,KAAK;AAAA,gBAC1D,QAAQ;AAAA,cACV;AAAA,cACA,aAAa,eAAa;AAAA,gBACxB,GAAG;AAAA,gBACH,QAAQ;AAAA,gBACR,KAAK;AAAA,gBACL,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,WAAW;AAAA,gBACX,OAAO,MAAM,OAAO,QAAQ;AAAA,gBAC5B,UAAU;AAAA,kBACR,OAAO,MAAM,OAAO,QAAQ;AAAA,kBAC5B,gBAAgB;AAAA,gBAClB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF,IAEA,6BAAAD,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,CAAC,UACV,CAAC,SAAS,GAAG,EAAE,SAAS,MAAM,GAAG,KAAK,SAAS,CAAC,GAAG,QAAQ,QAAQ,KAAK,CAAC;AAAA,YAE3E,SAAS,MAAM,SAAS,CAAC,GAAG,QAAQ,QAAQ,KAAK,CAAC;AAAA;AAAA,UAEjD,QAAQ;AAAA,QACX,CAEJ;AAAA,MACF;AAEA,kBAAY,KAAK,eAAe,OAAO,IAAI,QAAQ,MAAM,QAAQ,QAAQ,KAAK;AAC9E,aAAO,CAAC,aAAa,WAAW;AAAA,IAClC;AAAA,IACA,CAAC,CAAC,GAAG,CAAC,CAAC;AAAA,EACT;AAEA,SACE,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,WAAW,GAAG,YAAW,YAC5B,QACH;AAEJ,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,+BAAiC;AACjC,kBAAiB;AACjB,kBAAiB;AACjB,sBAAqB;AACrB,oBAA+B;AAa/B,MAAM,WAAO,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAC9B,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAKY,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA;AAAA;AAAA;AAK7C,SAAS,eAAe,SAAuC;AAC7D,SAAQ,QAAqB,YAAY;AAC3C;AAEA,IAAO,yBAAQ,mBAAK,SAAS,WAAW,EAAE,UAAU,SAAS,GAAuB;AAClF,QAAM,YAAQ,mCAAS;AACvB,QAAM,CAAC,QAAQ,IAAI,SAAS;AAAA,IAC1B,CAAC,CAAC,aAAa,WAAW,GAAG,SAAS,UAAU;AAC9C,YAAM,SAAS,CAAC,GAAG,WAAW;AAE9B,kBAAY;AAAA,QACV,6BAAAC,QAAA,2BAAAA,QAAA,gBACG,QAAQ,IACP,6BAAAA,QAAA,cAAC,YAAAD,SAAA,EAAK,YAAW,YAAW,OAAM,eAAc,SAAS,eAAa,GAEtE,IACE,MACH,eAAe,OAAO,IACrB,6BAAAC,QAAA;AAAA,UAAC,gBAAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS,QAAQ;AAAA,YACjB,OAAO,QAAQ;AAAA,YACf,UAAU,SAAO,OAAO,SAAS,CAAC,GAAG,QAAQ,IAAI,KAAK,CAAC;AAAA,YACvD,QAAQ;AAAA,cACN,SAAS,CAAC,UAAU,WAAW;AAAA,gBAC7B,GAAG,cAAc,UAAmB,KAAK,EAAE,UAAU,KAAK;AAAA,gBAC1D,QAAQ;AAAA,cACV;AAAA,cACA,aAAa,eAAa;AAAA,gBACxB,GAAG;AAAA,gBACH,QAAQ;AAAA,gBACR,KAAK;AAAA,gBACL,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,WAAW;AAAA,gBACX,OAAO,MAAM,OAAO,QAAQ;AAAA,gBAC5B,UAAU;AAAA,kBACR,OAAO,MAAM,OAAO,QAAQ;AAAA,kBAC5B,gBAAgB;AAAA,gBAClB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF,IAEA,6BAAAD,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,CAAC,UACV,CAAC,SAAS,GAAG,EAAE,SAAS,MAAM,GAAG,KAAK,SAAS,CAAC,GAAG,QAAQ,QAAQ,KAAK,CAAC;AAAA,YAE3E,SAAS,MAAM,SAAS,CAAC,GAAG,QAAQ,QAAQ,KAAK,CAAC;AAAA;AAAA,UAEjD,QAAQ;AAAA,QACX,CAEJ;AAAA,MACF;AAEA,kBAAY,KAAK,eAAe,OAAO,IAAI,QAAQ,MAAM,QAAQ,QAAQ,KAAK;AAC9E,aAAO,CAAC,aAAa,WAAW;AAAA,IAClC;AAAA,IACA,CAAC,CAAC,GAAG,CAAC,CAAC;AAAA,EACT;AAEA,SACE,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,WAAW,GAAG,YAAW,YAC5B,QACH;AAEJ,CAAC;",
   "names": ["styled", "Text", "React", "Dropdown", "Flex"]
 }

package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/navigation/FlowStepper/FlowStepper.stories.tsx"],
   "sourcesContent": ["import React, { useMemo } from \"react\";\nimport { TransitionGroup, CSSTransition } from \"react-transition-group\";\nimport styled from \"styled-components\";\n// @ts-expect-error Typings\u2026\nimport { useArgs } from \"@storybook/client-api\";\nimport { Props as FlowStepperProps } from \"./index\";\nimport { Divider, Flex, FlowStepper, Text, Button, Box, Link, IconsLegacy, Tag } from \"../../..\";\nimport type { Size as TagSize } from \"../../Tag\";\nimport { lipsum, StoryTemplate } from \"../../helpers\";\nimport { useState } from \"react\";\n\nconst description = `\n### A customizable flow layout.\n\nThis component accepts multiple children as steps and displays the active one as well\na progress stepper and optionally a header and/or a footer.\n\n## Usage\n\n\\`\\`\\`js\n\nimport { FlowStepper } from \"@ledgerhq/react-ui\"\n\n\\`\\`\\`\n\nEach step is a child of the component, which must be a JSX element having at least a \\`label\\` prop.\nThis label will be used by the flow stepper to populate the name of the step inside the progress stepper component.\n\n### Tip #1:\nTo avoid creating specific passthrough components you can use the \\`<FlowStepper.Step label=\"Step label\">{\u2026}</FlowStepper.Step>\\` helper.\n\n### Tip #2:\nYou can define a specific header/footer for a given step by using the props \\`header\\`/\\`footer\\` on each step child of the component.\n\n\\`\\`\\`jsx\n<FlowStepper\n  activeIndex={1}\n  renderStepFooter={ // Optional\n    ({activeIndex, stepsLength, children}) => (\n      <YourFooterWrapper>\n        {children}\n      </YourFooterWrapper>\n    )\n  }\n>\n  <YourStepA label=\"StepA\" />\n  <YourStepB label=\"StepB\" footer={<YourStepBFooter />}/>\n  <YourStepC label=\"StepC\" />\n  <YourStepD label=\"StepD\" />\n</FlowStepper.Indexed>\n\\`\\`\\`\n\n### Tip #3:\nIf you want to define steps that are identified by a \\`string\\` identifier, you can use FlowStepper with the \\`activeKey\\` prop and children that each have an \\`itemKey\\` prop.\nThis allows you to not have to hardcode steps indices.\n\n\\`\\`\\`jsx\n<FlowStepper.Indexed activeKey=\"stepC\">\n  <YourStepA label=\"StepA\" itemKey=\"stepA\" />\n  <YourStepB label=\"StepB\" itemKey=\"stepB\" />\n  <YourStepC label=\"StepC\" itemKey=\"stepC\" />\n  <YourStepD label=\"StepD\" itemKey=\"stepD\" />\n</FlowStepper.Indexed>\n\\`\\`\\`\n\n\n## Basic example:\n\n\\`\\`\\`jsx\nconst NB_OF_STEPS = 10;\nconst [activeIndex, setActiveIndex] = React.useState(0);\n\n<FlowStepper\n  activeIndex={activeIndex}\n  header={() => (\n    <Text variant=\"h1\">\n      Header - Page n\u00B0{activeIndex + 1} / {NB_OF_STEPS}\n    </Text>\n  )}\n  footer={() => (\n    <Flex mt={6} flexDirection=\"column\" rowGap={6} alignItems=\"flex-end\">\n      <Box alignSelf=\"stretch\">\n        <Divider variant=\"light\" />\n      </Box>\n      <Flex columnGap={6}>\n        <Button\n          variant=\"main\"\n          outline\n          disabled={activeIndex <= 0}\n          onClick={() => setActiveIndex(i => i - 1)}\n        >\n          Previous\n        </Button>\n        <Button\n          variant=\"main\"\n          disabled={activeIndex >= NB_OF_STEPS - 1}\n          onClick={() => setActiveIndex(i => i + 1)}\n        >\n          Continue\n        </Button>\n      </Flex>\n    </Flex>\n  )}\n>\n  {new Array(NB_OF_STEPS).fill(0).map((_, index) => (\n    <FlowStepper.Step label={\"Step \" + index}>\n      <Text key={index} variant=\"body\">\n        {lipsum}\n      </Text>\n    </FlowStepper.Step>\n  ))}\n</FlowStepper>\n\\`\\`\\`\n\n\n`;\n\nexport default {\n  title: \"Navigation/FlowStepper\",\n  component: FlowStepper,\n  argTypes: {\n    activeIndex: { control: \"number\", defaultValue: 0 },\n    extraProps: { control: \"disabled\" },\n    extraContainerProps: { control: \"disabled\" },\n    extraStepperProps: { control: \"disabled\" },\n    extraStepperContainerProps: { control: \"disabled\" },\n    children: { control: \"disabled\" },\n    renderChildren: { control: \"disabled\" },\n    header: { control: \"disabled\" },\n    stepHeaders: { control: \"disabled\" },\n    renderStepHeader: { control: \"disabled\" },\n    footer: { control: \"disabled\" },\n    stepFooters: { control: \"disabled\" },\n    renderStepFooter: { control: \"disabled\" },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: description,\n      },\n    },\n  },\n};\n\nconst NB_OF_STEPS = 5;\nexport const Minimal: StoryTemplate<FlowStepperProps<unknown>> = args => {\n  const { activeIndex, ...rest } = args;\n  const [, updateArgs] = useArgs();\n\n  return (\n    <FlowStepper\n      activeIndex={activeIndex}\n      header={() => (\n        <Text variant=\"h1\">\n          Header - Page n\u00B0{activeIndex + 1} / {NB_OF_STEPS}\n        </Text>\n      )}\n      footer={() => (\n        <Flex mt={6} flexDirection=\"column\" rowGap={6} alignItems=\"flex-end\">\n          <Box alignSelf=\"stretch\">\n            <Divider />\n          </Box>\n          <Flex columnGap={6}>\n            <Button\n              variant=\"main\"\n              outline\n              disabled={activeIndex <= 0}\n              onClick={() => updateArgs({ activeIndex: activeIndex - 1 })}\n            >\n              Previous\n            </Button>\n            <Button\n              variant=\"main\"\n              disabled={activeIndex >= NB_OF_STEPS - 1}\n              onClick={() => updateArgs({ activeIndex: activeIndex + 1 })}\n            >\n              Continue\n            </Button>\n          </Flex>\n        </Flex>\n      )}\n      {...rest}\n    >\n      {[\n        ...new Array(NB_OF_STEPS).fill(0).map((_, index) => (\n          <FlowStepper.Step label={\"Step \" + index}>\n            <Text key={index} variant=\"body\">\n              {lipsum}\n            </Text>\n            <Button mt={2} onClick={() => updateArgs({ activeIndex: NB_OF_STEPS })}>\n              Navigate to the hidden step.\n            </Button>\n          </FlowStepper.Step>\n        )),\n        <FlowStepper.Step label=\"Hidden Step\" hidden>\n          <Text key=\"hidden\" variant=\"body\">\n            I am hidden.\n          </Text>\n        </FlowStepper.Step>,\n      ]}\n    </FlowStepper>\n  );\n};\n\nconst Header = ({ activeIndex, onBack }: { activeIndex: number; onBack?: () => void }) => {\n  return (\n    <Box position=\"relative\" my={6}>\n      {onBack && (\n        <Box position=\"absolute\">\n          <Link onClick={onBack} Icon={IconsLegacy.ArrowLeftMedium} iconPosition=\"left\">\n            Back\n          </Link>\n        </Box>\n      )}\n      <Flex justifyContent=\"center\">\n        <Text variant=\"h2\">Header {activeIndex + 1}</Text>\n      </Flex>\n    </Box>\n  );\n};\n\nconst Footer = ({\n  onContinue,\n  children,\n}: {\n  onContinue?: () => void;\n  children?: React.ReactNode;\n}) => (\n  <Flex mt={6} flexDirection=\"column\" rowGap={6}>\n    <Box alignSelf=\"stretch\">\n      <Divider />\n    </Box>\n    <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n      {children || <Flex />}\n      {onContinue && (\n        <Button variant=\"main\" onClick={onContinue}>\n          Continue\n        </Button>\n      )}\n    </Flex>\n  </Flex>\n);\n\nconst AnimatedItem = styled(Flex)`\n  transition: opacity 500ms;\n  width: 100%;\n  height: 100%;\n  &.step-enter {\n    opacity: 0;\n  }\n  &.step-enter-active {\n    opacity: 1;\n  }\n  &.step-exit {\n    opacity: 1;\n  }\n  &.step-exit-active {\n    opacity: 0;\n  }\n`;\nconst Item = ({ label }: { label: string }) => (\n  <AnimatedItem>\n    <Flex\n      position=\"absolute\"\n      left=\"0\"\n      right=\"0\"\n      top=\"0\"\n      bottom=\"0\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      backgroundColor={`${label.toLowerCase()}.c50`}\n    >\n      <Text variant=\"h2\" textTransform=\"capitalize\">\n        {label}\n      </Text>\n    </Flex>\n  </AnimatedItem>\n);\n\nconst steps = [\"Primary\", \"Neutral\", \"Success\", \"Warning\", \"Error\"];\n\nconst StepFooter = ({ label }: { label: string }) => (\n  <Flex flexDirection=\"row\" alignItems=\"center\">\n    <Text whiteSpace=\"pre\">Footer for step </Text>\n    <Tag size={\"medium\" as TagSize} type=\"plain\" active>\n      {label}\n    </Tag>\n  </Flex>\n);\n\nexport const Demo: StoryTemplate<FlowStepperProps<unknown>> = args => {\n  const [, updateArgs] = useArgs();\n\n  return (\n    <Flex height=\"90vh\">\n      <FlowStepper\n        header={({ activeIndex }) => (\n          <Header\n            activeIndex={activeIndex}\n            onBack={\n              activeIndex > 0\n                ? () => {\n                    updateArgs({ activeIndex: activeIndex - 1 });\n                  }\n                : undefined\n            }\n          />\n        )}\n        renderStepFooter={({ stepsLength, activeIndex, children }) => (\n          <Footer\n            onContinue={\n              activeIndex < stepsLength - 1\n                ? () => {\n                    updateArgs({ activeIndex: activeIndex + 1 });\n                  }\n                : undefined\n            }\n          >\n            {children}\n          </Footer>\n        )}\n        extraStepperContainerProps={{ my: 12 }}\n        extraStepperProps={{ maxWidth: \"500px\" }}\n        renderChildren={({ children }) => (\n          <TransitionGroup component={null}>{children}</TransitionGroup>\n        )}\n        {...args}\n      >\n        {steps.map(label => (\n          <CSSTransition\n            key={label}\n            label={label}\n            footer={<StepFooter label={label} />}\n            timeout={500}\n            classNames=\"step\"\n            mountOnEnter\n            unmountOnExit\n          >\n            <Item label={label} />\n          </CSSTransition>\n        ))}\n      </FlowStepper>\n    </Flex>\n  );\n};\n\nconst StepWithNavigation = (props: { label: string; setActiveStep: (arg: string) => void }) => {\n  const { label, setActiveStep } = props;\n  const content = useMemo(() => {\n    return steps.map(step => {\n      return (\n        <Button\n          key={step}\n          disabled={step === label}\n          variant=\"main\"\n          onClick={() => setActiveStep(step)}\n        >\n          Go to \"{step}\"\n        </Button>\n      );\n    });\n  }, [setActiveStep, label]);\n  return (\n    <Flex\n      flex={1}\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      padding={4}\n      rowGap={4}\n      backgroundColor={`${label.toLowerCase()}.c50`}\n    >\n      {content}\n    </Flex>\n  );\n};\n\nexport const IndexedByKey: StoryTemplate<FlowStepperProps<unknown>> = args => {\n  const [activeStep, setActiveStep] = useState(steps[0]);\n  return (\n    <Flex height=\"90vh\">\n      <FlowStepper.Indexed\n        activeKey={activeStep}\n        header={({ activeIndex }) => (\n          <Header\n            activeIndex={activeIndex}\n            onBack={\n              activeIndex > 0\n                ? () => {\n                    setActiveStep(steps[activeIndex - 1]);\n                  }\n                : undefined\n            }\n          />\n        )}\n        footer={({ stepsLength, activeIndex }) => (\n          <Footer\n            onContinue={\n              activeIndex < stepsLength - 1\n                ? () => {\n                    setActiveStep(steps[activeIndex + 1]);\n                  }\n                : undefined\n            }\n          />\n        )}\n        extraStepperContainerProps={{ my: 12 }}\n        extraStepperProps={{ maxWidth: \"500px\" }}\n        {...args}\n      >\n        {steps.map(label => (\n          <FlowStepper.Indexed.Step key={label} label={label} itemKey={label}>\n            <StepWithNavigation label={label} setActiveStep={setActiveStep} />\n          </FlowStepper.Indexed.Step>\n        ))}\n      </FlowStepper.Indexed>\n    </Flex>\n  );\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["import_react", "React", "styled"]
 }

package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/progress/ProgressBar/Onboarding.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../../asorted/Text\";\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 24px;\n  align-items: center;\n`;\n\nconst Bar = styled.div<{ on?: boolean; fill: string | number }>`\n  transition: all 600ms linear;\n  height: 4px;\n  border-radius: 2px;\n  /* Disable left/right border radius to match the handler */\n  border-top-${p => (p.on ? \"right\" : \"left\")}-radius: 0;\n  border-bottom-${p => (p.on ? \"right\" : \"left\")}-radius: 0;\n  flex: ${p => p.fill};\n  background: ${p => (p.on ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c40)};\n`;\n\nconst Handler = styled.div`\n  transition: all 600ms linear;\n  padding: 4px;\n  background: ${p => p.theme.colors.neutral.c100};\n  border-radius: ${p => `${p.theme.radii[1]}px`};\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  column-gap: 6px;\n\n  & span.index {\n    display: flex;\n    border-radius: 2px;\n    height: 16px;\n    width: 16px;\n    justify-content: center;\n    align-items: center;\n    color: ${p => p.theme.colors.neutral.c100};\n    background: ${p => p.theme.colors.neutral.c00};\n  }\n`;\n\ninterface Step {\n  key: string;\n  label: string;\n}\n\nexport type OnboardingProps = {\n  steps: Step[];\n  currentIndex: number;\n};\n\nconst Onboarding = ({ steps, currentIndex }: OnboardingProps): JSX.Element => {\n  const currentStep = steps[currentIndex];\n  const fill = ((currentIndex / (steps.length - 1)) * 100).toFixed(2);\n\n  return (\n    <Container>\n      <Bar on fill={fill} />\n      <Handler key={currentStep.key}>\n        <Text className=\"index\" color=\"neutral.c00\" fontWeight=\"medium\" variant={\"micro\"}>\n          {currentIndex + 1}\n        </Text>\n        <Text color=\"neutral.c00\" fontWeight=\"medium\" textTransform=\"uppercase\" variant={\"micro\"}>\n          {currentStep.label}\n        </Text>\n      </Handler>\n      <Bar fill={100 - Number(fill)} />\n    </Container>\n  );\n};\n\nexport default Onboarding;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AAEjB,MAAM,YAAY,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,MAAM,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAKJ,OAAM,EAAE,KAAK,UAAU;AAAA,kBACpB,OAAM,EAAE,KAAK,UAAU;AAAA,UAC/B,OAAK,EAAE;AAAA,gBACD,OAAM,EAAE,KAAK,EAAE,MAAM,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,QAAQ;AAAA;AAGlF,MAAM,UAAU,yBAAAA,QAAO;AAAA;AAAA;AAAA,gBAGP,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,mBACzB,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAc7B,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,kBACvB,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAc9C,MAAM,aAAa,CAAC,EAAE,OAAO,aAAa,MAAoC;AAC5E,QAAM,cAAc,MAAM,YAAY;AACtC,QAAM,QAAS,gBAAgB,MAAM,SAAS,KAAM,KAAK,QAAQ,CAAC;AAElE,SACE,6BAAAC,QAAA,cAAC,iBACC,6BAAAA,QAAA,cAAC,OAAI,IAAE,MAAC,MAAY,GACpB,6BAAAA,QAAA,cAAC,WAAQ,KAAK,YAAY,OACxB,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAU,SAAQ,OAAM,eAAc,YAAW,UAAS,SAAS,WACtE,eAAe,CAClB,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,OAAM,eAAc,YAAW,UAAS,eAAc,aAAY,SAAS,WAC9E,YAAY,KACf,CACF,GACA,6BAAAD,QAAA,cAAC,OAAI,MAAM,MAAM,OAAO,IAAI,GAAG,CACjC;AAEJ;AAEA,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AAEjB,MAAM,YAAY,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,MAAM,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAKJ,OAAM,EAAE,KAAK,UAAU,MAAO;AAAA,kBAC3B,OAAM,EAAE,KAAK,UAAU,MAAO;AAAA,UACtC,OAAK,EAAE,IAAI;AAAA,gBACL,OAAM,EAAE,KAAK,EAAE,MAAM,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,QAAQ,GAAI;AAAA;AAGtF,MAAM,UAAU,yBAAAA,QAAO;AAAA;AAAA;AAAA,gBAGP,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA,mBAC7B,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAclC,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA,kBAC3B,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAcjD,MAAM,aAAa,CAAC,EAAE,OAAO,aAAa,MAAoC;AAC5E,QAAM,cAAc,MAAM,YAAY;AACtC,QAAM,QAAS,gBAAgB,MAAM,SAAS,KAAM,KAAK,QAAQ,CAAC;AAElE,SACE,6BAAAC,QAAA,cAAC,iBACC,6BAAAA,QAAA,cAAC,OAAI,IAAE,MAAC,MAAY,GACpB,6BAAAA,QAAA,cAAC,WAAQ,KAAK,YAAY,OACxB,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAU,SAAQ,OAAM,eAAc,YAAW,UAAS,SAAS,WACtE,eAAe,CAClB,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,OAAM,eAAc,YAAW,UAAS,eAAc,aAAY,SAAS,WAC9E,YAAY,KACf,CACF,GACA,6BAAAD,QAAA,cAAC,OAAI,MAAM,MAAM,OAAO,IAAI,GAAG,CACjC;AAEJ;AAEA,IAAO,qBAAQ;",
   "names": ["styled", "React", "Text"]
 }

package/lib/cjs/components/navigation/progress/Stepper/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/progress/Stepper/index.tsx"],
   "sourcesContent": ["import React, { memo, Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps, color, ColorProps, space, SpaceProps } from \"styled-system\";\nimport { IconsLegacy } from \"../../../../index\";\nimport Text from \"../../../asorted/Text\";\nimport Flex, { FlexBoxProps } from \"../../../layout/Flex\";\n\n/**\n * The state of a progress bar step.\n */\nexport type StepState = \"pending\" | \"current\" | \"completed\" | \"errored\" | \"disabled\";\n\ntype LabelType = string | React.ComponentType<{ state: StepState }>;\nexport interface Props extends FlexBoxProps {\n  /**\n   * An array of labels that will determine the progress bar steps.\n   *  A label is either a string or a component that will be rendered with the\n   *  prop `state: \"pending\" | \"current\" | \"completed\" | \"errored\"`.\n   *  A styled StepText component is exported to allow easy styling of such a custom label.\n   */\n  steps: LabelType[];\n  /**\n   * Index of the active step, starting at zero and defaulting to 0 if omitted.\n   */\n  activeIndex?: number;\n  /**\n   * If true the current step is considered as a failure.\n   */\n  errored?: boolean;\n  /**\n   * Steps with indexes contained inside the array will be shown as disabled.\n   */\n  disabledIndexes?: number[];\n}\n\nexport type StepProps = {\n  /**\n   * State of the step.\n   */\n  state: StepState;\n  /**\n   * The label to display. To display more than text, this can be a component that will be rendered with the\n   *  prop `state: \"pending\" | \"current\" | \"completed\" | \"errored\" | \"disabled\"`.\n   *  A styled StepText component is exported to allow easy styling of such a custom Label\n   */\n  label: LabelType;\n  /**\n   * If true, hides the left \"separator\" bar that bridges the gap between the wider separator and the item.\n   */\n  hideLeftSeparator: boolean;\n  /**\n   * The next step state, or undefined if the current step is the last one.\n   */\n  nextState?: StepState;\n};\n\nexport const Item = {\n  Container: styled.div.attrs({\n    mx: \"8px\",\n  })<ColorProps & BorderProps & SpaceProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: ${p => p.theme.space[8]}px;\n    height: ${p => p.theme.space[8]}px;\n    ${color}\n    ${border}\n    ${space}\n  `,\n  Spacer: styled.div<SpaceProps>`\n    display: flex;\n    align-self: stretch;\n    ${space}\n  `,\n  Current: styled.div.attrs({\n    backgroundColor: \"primary.c90\",\n  })<ColorProps>`\n    width: 6px;\n    height: 6px;\n    border-radius: 6px;\n    ${color}\n  `,\n  Pending: styled.div.attrs({\n    backgroundColor: \"neutral.c70\",\n  })<ColorProps>`\n    width: ${p => p.theme.space[2]}px;\n    height: ${p => p.theme.space[2]}px;\n    border-radius: ${p => p.theme.space[2]}px;\n    ${color}\n  `,\n  Completed: (): JSX.Element => <IconsLegacy.CheckAloneMedium size={16} />,\n  Disabled: (): JSX.Element => <IconsLegacy.CloseMedium size={16} />,\n  Errored: (): JSX.Element => <IconsLegacy.CloseMedium size={16} />,\n};\n\nexport const StepText = styled(Text)<{ state: StepState }>`\n  text-align: center;\n  color: ${p => {\n    if (p.state === \"errored\") {\n      return p.theme.colors.error.c50;\n    }\n    if (p.state === \"disabled\") {\n      return p.theme.colors.neutral.c50;\n    }\n    if (p.state === \"pending\") {\n      return p.theme.colors.neutral.c70;\n    }\n    return p.theme.colors.neutral.c100;\n  }};\n`;\n\nconst BaseSeparator = styled.div<{ inactive?: boolean }>`\n  flex: 1;\n  position: relative;\n  overflow-x: hidden;\n  background-color: ${p => p.theme.colors.neutral.c40};\n  height: 1px;\n  top: ${p => p.theme.space[5]}px;\n`;\n\nconst Separator = {\n  Step: styled(BaseSeparator)``,\n  Item: styled(BaseSeparator)<{ position: string }>``,\n};\n\nconst stepContentsByState = {\n  pending: (\n    <Item.Container>\n      <Item.Pending />\n    </Item.Container>\n  ),\n  current: (\n    <Item.Container backgroundColor=\"primary.c20\" borderRadius=\"8px\">\n      <Item.Current />\n    </Item.Container>\n  ),\n  completed: (\n    <Item.Container color=\"primary.c90\" backgroundColor=\"primary.c20\" borderRadius=\"8px\">\n      <Item.Completed />\n    </Item.Container>\n  ),\n  errored: (\n    <Item.Container color=\"error.c50\" backgroundColor=\"warning.c30\" borderRadius=\"8px\">\n      <Item.Errored />\n    </Item.Container>\n  ),\n  disabled: (\n    <Item.Container color=\"neutral.c50\">\n      <Item.Disabled />\n    </Item.Container>\n  ),\n};\n\nexport const Step = memo(function Step({\n  state,\n  label: Label,\n  hideLeftSeparator,\n  nextState,\n}: StepProps): JSX.Element {\n  const inactive = state === \"pending\";\n  const nextInactive = state === \"pending\";\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"center\" flex={20}>\n      <Item.Spacer mb={5}>\n        {(!hideLeftSeparator && <Separator.Item inactive={inactive} position=\"left\" />) || (\n          <Flex flex=\"1\" />\n        )}\n        {stepContentsByState[state]}\n        {(nextState && <Separator.Item inactive={nextInactive} position=\"right\" />) || (\n          <Flex flex=\"1\" />\n        )}\n      </Item.Spacer>\n      {typeof Label === \"string\" ? (\n        <StepText state={state} variant=\"small\">\n          {Label}\n        </StepText>\n      ) : (\n        <Label state={state} />\n      )}\n    </Flex>\n  );\n});\n\nfunction getState(activeIndex: number, index: number, errored?: boolean, disabled?: boolean) {\n  if (disabled) {\n    return \"disabled\";\n  }\n  if (activeIndex < index) {\n    return \"pending\";\n  }\n  if (activeIndex === index) {\n    return errored ? \"errored\" : \"current\";\n  }\n  return \"completed\";\n}\n\nfunction Stepper({ steps, activeIndex = 0, errored, disabledIndexes, ...extraProps }: Props) {\n  return (\n    <Flex flexWrap=\"nowrap\" justifyContent=\"space-between\" {...extraProps}>\n      {steps.map((step, idx) => {\n        const state = getState(activeIndex, idx, errored, disabledIndexes?.includes(idx));\n        const nextState = idx < steps.length - 1 ? getState(activeIndex, idx + 1) : undefined;\n        return (\n          <Fragment key={idx}>\n            {idx > 0 && <Separator.Step inactive={state === \"pending\"} />}\n            <Step label={step} state={state} nextState={nextState} hideLeftSeparator={idx === 0} />\n          </Fragment>\n        );\n      })}\n    </Flex>\n  );\n}\n\nexport default memo(Stepper);\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["styled", "React", "Text", "Step", "Flex"]
 }

package/lib/cjs/components/navigation/sideBar/Item/Item.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/sideBar/Item/Item.tsx"],
   "sourcesContent": ["import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../index\";\nimport Text from \"../../../asorted/Text\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport Flex from \"../../../layout/Flex\";\n\nconst ItemWrapper = styled.li`\n  /** DEFAULT VARIANT **/\n  --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n  --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n  --ll-sidebar-item-background-color: unset;\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-top: ${p => p.theme.space[3]}px;\n  column-gap: ${p => p.theme.space[5]}px;\n  padding: ${p => p.theme.space[5]}px;\n  border-radius: ${p => p.theme.space[3]}px;\n  min-height: ${p => p.theme.space[13]}px;\n  min-width: ${p => p.theme.space[13]}px;\n\n  color: var(--ll-sidebar-item-icon-color);\n  background-color: var(--ll-sidebar-item-background-color);\n  cursor: pointer;\n\n  /** HOVER VARIANT **/\n  &:hover {\n    --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n    --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n    --ll-sidebar-item-background-color: unset;\n  }\n\n  /** FOCUS VARIANT **/\n  &:focus {\n    box-shadow: 0px 0px 0px 4px rgba(187, 176, 255, 0.4);\n    border-radius: ${p => p.theme.space[3]}px;\n  }\n\n  /** ACTIVE VARIANT **/\n  &[data-active=\"true\"] {\n    --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n    --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n    --ll-sidebar-item-background-color: ${props => props.theme.colors.primary.c20};\n  }\n\n  /** DISABLE VARIANT **/\n  &[data-disable=\"true\"] {\n    --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n    --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n    --ll-sidebar-item-background-color: unset;\n    opacity: 0.3;\n    cursor: unset;\n    pointer-events: none;\n  }\n`;\n\nconst CollapsedBadgeContainer = styled.div`\n  position: absolute;\n  margin-top: -${p => p.theme.space[11]}px;\n  margin-left: ${p => p.theme.space[8]}px;\n`;\n\nconst DefaultBadge = styled.div`\n  height: ${p => p.theme.space[4]}px;\n  width: ${p => p.theme.space[4]}px;\n  border-radius: ${p => p.theme.radii[2]}px;\n  background-color: ${p => p.theme.colors.primary.c80};\n`;\n\nexport const ItemLabel = styled(Text)`\n  display: inline-block;\n  color: var(--ll-sidebar-item-label-color);\n\n  text-transform: capitalize;\n`;\n\nexport type ItemType = {\n  label: string;\n  children: JSX.Element;\n  onClick: () => void;\n  isActive?: boolean;\n  isDisabled?: boolean;\n  displayNotificationBadge?: boolean;\n  customNotificationBadge?: JSX.Element;\n};\n\nconst Item = ({\n  label,\n  children,\n  onClick,\n  isActive,\n  isDisabled,\n  displayNotificationBadge,\n  customNotificationBadge,\n}: ItemType): JSX.Element => {\n  const { isExpanded } = useContext(SideBarContext);\n\n  const handleClick = () => {\n    if (isDisabled) return;\n    onClick();\n  };\n\n  const badge = customNotificationBadge ?? <DefaultBadge />;\n\n  return (\n    <>\n      <ItemWrapper\n        role=\"button\"\n        onClick={handleClick}\n        data-active={isActive}\n        data-disable={isDisabled}\n        tabIndex={0}\n      >\n        {children}\n        <CollapsedBadgeContainer>\n          <TransitionInOut\n            unmountOnExit\n            mountOnEnter\n            in={!isExpanded}\n            style={{ transitionDelay: !isExpanded ? \"200ms\" : 0 }}\n          >\n            {displayNotificationBadge && badge}\n          </TransitionInOut>\n        </CollapsedBadgeContainer>\n        <TransitionInOut\n          timeout={200}\n          in={isExpanded}\n          unmountOnExit\n          mountOnEnter\n          style={{ transitionDelay: isExpanded ? \"200ms\" : 0, display: \"flex\", flex: \"1\" }}\n        >\n          <ItemLabel variant=\"paragraph\">{label}</ItemLabel>\n          <Flex alignItems=\"center\" justifyContent=\"flex-end\" ml={2} flexGrow={1}>\n            {displayNotificationBadge && badge}\n          </Flex>\n        </TransitionInOut>\n      </ItemWrapper>\n    </>\n  );\n};\n\nexport default Item;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["styled", "Text", "SideBarContext", "React", "TransitionInOut", "Flex"]
 }

package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/sideBar/SideBar/SideBar.tsx"],
   "sourcesContent": ["import React, { useMemo, useState } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../../../navigation/sideBar\";\nimport Flex from \"../../../layout/Flex\";\nimport Item from \"../../../navigation/sideBar/Item\";\nimport Logo from \"../../../navigation/sideBar/Logo\";\nimport Toggle from \"../../../navigation/sideBar/Toggle\";\n\nconst Nav = styled(Flex)`\n  position: relative;\n  padding: ${p => `${p.theme.space[19]}px ${p.theme.space[5]}px 0`};\n  row-gap: 1.5rem;\n  height: 100vh;\n  width: 14.875rem;\n  color: ${props => props.theme.colors.neutral.c100};\n  border-right: 1px solid ${props => props.theme.colors.neutral.c40};\n  background-color: ${props => props.theme.colors.background.main};\n  transition: width 200ms;\n  will-change: width;\n  flex-shrink: 0;\n  z-index: ${p => p.theme.zIndexes[2]};\n\n  &.nav-enter {\n    width: ${p => p.theme.space[19]}px;\n  }\n  &.nav-enter-done {\n    width: 14.875rem;\n  }\n  &.nav-exit {\n    width: 14.875rem;\n  }\n  &.nav-exit-done {\n    width: ${p => `${p.theme.space[19]}px`};\n  }\n`;\n\nconst TransparentMouseZone = styled.div`\n  position: absolute;\n  left: 100%;\n  top: 0;\n  width: ${p => `${p.theme.space[8]}px`};\n  height: 100%;\n`;\n\nexport type SideBarProps = {\n  children: Array<JSX.Element>;\n  onToggle: () => void;\n  isExpanded?: boolean;\n};\n\nconst SideBar = ({ children, onToggle, isExpanded = true }: SideBarProps): JSX.Element => {\n  const [isToggleDisplayed, setToggleDisplayed] = useState(false);\n  const providerValue = useMemo(() => ({ isExpanded, onToggle }), [isExpanded, onToggle]);\n\n  return (\n    <SideBarContext.Provider value={providerValue}>\n      <CSSTransition in={isExpanded} timeout={200} classNames=\"nav\">\n        <Nav\n          flexDirection=\"column\"\n          justifyContent=\"flex-start\"\n          alignContent=\"stretch\"\n          role=\"navigation\"\n          aria-label=\"Main\"\n          onMouseEnter={() => setToggleDisplayed(true)}\n          onMouseLeave={() => setToggleDisplayed(false)}\n        >\n          <TransparentMouseZone />\n          <Toggle isDisplayed={isToggleDisplayed} />\n          <Logo />\n          <Flex flexDirection=\"column\" justifyContent=\"flex-start\" alignContent=\"stretch\">\n            {children}\n          </Flex>\n        </Nav>\n      </CSSTransition>\n    </SideBarContext.Provider>\n  );\n};\n\nSideBar.Item = Item;\n\nexport default SideBar;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AACzC,oCAA8B;AAC9B,+BAAmB;AACnB,qBAA2B;AAC3B,kBAAiB;AACjB,kBAAiB;AACjB,kBAAiB;AACjB,oBAAmB;AAEnB,MAAM,UAAM,yBAAAA,SAAO,YAAAC,OAAI;AAAA;AAAA,aAEV,OAAK,GAAG,EAAE,MAAM,MAAM,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,WAIhD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,4BACnB,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,sBAC1C,WAAS,MAAM,MAAM,OAAO,WAAW;AAAA;AAAA;AAAA;AAAA,aAIhD,OAAK,EAAE,MAAM,SAAS,CAAC;AAAA;AAAA;AAAA,aAGvB,OAAK,EAAE,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASrB,OAAK,GAAG,EAAE,MAAM,MAAM,EAAE;AAAA;AAAA;AAIrC,MAAM,uBAAuB,yBAAAD,QAAO;AAAA;AAAA;AAAA;AAAA,WAIzB,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAUlC,MAAM,UAAU,CAAC,EAAE,UAAU,UAAU,aAAa,KAAK,MAAiC;AACxF,QAAM,CAAC,mBAAmB,kBAAkB,QAAI,uBAAS,KAAK;AAC9D,QAAM,oBAAgB,sBAAQ,OAAO,EAAE,YAAY,SAAS,IAAI,CAAC,YAAY,QAAQ,CAAC;AAEtF,SACE,6BAAAE,QAAA,cAAC,eAAAC,QAAe,UAAf,EAAwB,OAAO,iBAC9B,6BAAAD,QAAA,cAAC,+CAAc,IAAI,YAAY,SAAS,KAAK,YAAW,SACtD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,cAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,cAAc,MAAM,mBAAmB,IAAI;AAAA,MAC3C,cAAc,MAAM,mBAAmB,KAAK;AAAA;AAAA,IAE5C,6BAAAA,QAAA,cAAC,0BAAqB;AAAA,IACtB,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,aAAa,mBAAmB;AAAA,IACxC,6BAAAF,QAAA,cAAC,YAAAG,SAAA,IAAK;AAAA,IACN,6BAAAH,QAAA,cAAC,YAAAD,SAAA,EAAK,eAAc,UAAS,gBAAe,cAAa,cAAa,aACnE,QACH;AAAA,EACF,CACF,CACF;AAEJ;AAEA,QAAQ,OAAO,YAAAK;AAEf,IAAO,kBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AACzC,oCAA8B;AAC9B,+BAAmB;AACnB,qBAA2B;AAC3B,kBAAiB;AACjB,kBAAiB;AACjB,kBAAiB;AACjB,oBAAmB;AAEnB,MAAM,UAAM,yBAAAA,SAAO,YAAAC,OAAI;AAAA;AAAA,aAEV,OAAK,GAAG,EAAE,MAAM,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC,CAAC,MAAM;AAAA;AAAA;AAAA;AAAA,WAIvD,WAAS,MAAM,MAAM,OAAO,QAAQ,IAAI;AAAA,4BACvB,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,sBAC7C,WAAS,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA,aAIpD,OAAK,EAAE,MAAM,SAAS,CAAC,CAAC;AAAA;AAAA;AAAA,aAGxB,OAAK,EAAE,MAAM,MAAM,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAStB,OAAK,GAAG,EAAE,MAAM,MAAM,EAAE,CAAC,IAAI;AAAA;AAAA;AAI1C,MAAM,uBAAuB,yBAAAD,QAAO;AAAA;AAAA;AAAA;AAAA,WAIzB,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAUvC,MAAM,UAAU,CAAC,EAAE,UAAU,UAAU,aAAa,KAAK,MAAiC;AACxF,QAAM,CAAC,mBAAmB,kBAAkB,QAAI,uBAAS,KAAK;AAC9D,QAAM,oBAAgB,sBAAQ,OAAO,EAAE,YAAY,SAAS,IAAI,CAAC,YAAY,QAAQ,CAAC;AAEtF,SACE,6BAAAE,QAAA,cAAC,eAAAC,QAAe,UAAf,EAAwB,OAAO,iBAC9B,6BAAAD,QAAA,cAAC,+CAAc,IAAI,YAAY,SAAS,KAAK,YAAW,SACtD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,cAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,cAAc,MAAM,mBAAmB,IAAI;AAAA,MAC3C,cAAc,MAAM,mBAAmB,KAAK;AAAA;AAAA,IAE5C,6BAAAA,QAAA,cAAC,0BAAqB;AAAA,IACtB,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,aAAa,mBAAmB;AAAA,IACxC,6BAAAF,QAAA,cAAC,YAAAG,SAAA,IAAK;AAAA,IACN,6BAAAH,QAAA,cAAC,YAAAD,SAAA,EAAK,eAAc,UAAS,gBAAe,cAAa,cAAa,aACnE,QACH;AAAA,EACF,CACF,CACF;AAEJ;AAEA,QAAQ,OAAO,YAAAK;AAEf,IAAO,kBAAQ;",
   "names": ["styled", "Flex", "React", "SideBarContext", "Toggle", "Logo", "Item"]
 }

package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/sideBar/Toggle/Toggle.tsx"],
   "sourcesContent": ["import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport ArrowRightIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport SideBarContext from \"../../../navigation/sideBar\";\n\nconst ToggleButtonContainer = styled(TransitionInOut)`\n  --ll-side-bar-toggle-button-size: ${p => p.theme.space[10]}px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: var(--ll-side-bar-toggle-button-size);\n  right: calc(var(--ll-side-bar-toggle-button-size) / -2);\n  cursor: pointer;\n\n  background: ${p => p.theme.colors.neutral.c20};\n  border: 1px solid ${p => p.theme.colors.neutral.c100};\n  border-radius: 50%;\n  width: var(--ll-side-bar-toggle-button-size);\n  height: var(--ll-side-bar-toggle-button-size);\n`;\n\ntype ToggleButtonProps = { isDisplayed: boolean };\nconst ToggleButton = ({ isDisplayed }: ToggleButtonProps): JSX.Element => {\n  const { isExpanded, onToggle } = useContext(SideBarContext);\n\n  return (\n    <ToggleButtonContainer\n      timeout={200}\n      in={isDisplayed}\n      appear\n      unmountOnExit\n      onClick={onToggle}\n      role=\"button\"\n    >\n      {isExpanded ? <ArrowLeftIcon /> : <ArrowRightIcon />}\n    </ToggleButtonContainer>\n  );\n};\n\nexport default ToggleButton;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,+BAAmB;AAEnB,6BAA0B;AAC1B,8BAA2B;AAC3B,6BAA4B;AAC5B,qBAA2B;AAE3B,MAAM,4BAAwB,yBAAAA,SAAO,uBAAAC,OAAe;AAAA,sCACd,OAAK,EAAE,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAU3C,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,sBACtB,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAOlD,MAAM,eAAe,CAAC,EAAE,YAAY,MAAsC;AACxE,QAAM,EAAE,YAAY,SAAS,QAAI,yBAAW,eAAAC,OAAc;AAE1D,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,eAAa;AAAA,MACb,SAAS;AAAA,MACT,MAAK;AAAA;AAAA,IAEJ,aAAa,6BAAAA,QAAA,cAAC,uBAAAC,SAAA,IAAc,IAAK,6BAAAD,QAAA,cAAC,wBAAAE,SAAA,IAAe;AAAA,EACpD;AAEJ;AAEA,IAAO,iBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,+BAAmB;AAEnB,6BAA0B;AAC1B,8BAA2B;AAC3B,6BAA4B;AAC5B,qBAA2B;AAE3B,MAAM,4BAAwB,yBAAAA,SAAO,uBAAAC,OAAe;AAAA,sCACd,OAAK,EAAE,MAAM,MAAM,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAU5C,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA,sBACzB,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA;AAAA;AAAA;AAAA;AAOtD,MAAM,eAAe,CAAC,EAAE,YAAY,MAAsC;AACxE,QAAM,EAAE,YAAY,SAAS,QAAI,yBAAW,eAAAC,OAAc;AAE1D,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,eAAa;AAAA,MACb,SAAS;AAAA,MACT,MAAK;AAAA;AAAA,IAEJ,aAAa,6BAAAA,QAAA,cAAC,uBAAAC,SAAA,IAAc,IAAK,6BAAAD,QAAA,cAAC,wBAAAE,SAAA,IAAe;AAAA,EACpD;AAEJ;AAEA,IAAO,iBAAQ;",
   "names": ["styled", "TransitionInOut", "SideBarContext", "React", "ArrowLeftIcon", "ArrowRightIcon"]
 }

package/lib/cjs/components/tabs/Bar/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/tabs/Bar/index.tsx"],
   "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\n\nexport type Props = React.PropsWithChildren<{\n  /**\n   * An optional callback that will be called when the active tab changes.\n   */\n  onTabChange?: (activeIndex: number) => void;\n  /**\n   * The tab index to mark as active when rendering for the first time.\n   * If omitted, then initially no tabs will be selected.\n   */\n  initialActiveIndex?: number;\n}>;\ntype ItemProps = {\n  active: boolean;\n};\n\nconst Bar = styled.div`\n  display: inline-flex;\n  border: 1px solid ${p => p.theme.colors.neutral.c40};\n  border-radius: 33px;\n  padding: 2px;\n`;\n\nconst Item = styled(Flex).attrs({\n  flex: 1,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n})<ItemProps>`\n  cursor: pointer;\n  padding: 8px 12px 8px 12px;\n  border-radius: 33px;\n  color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c80)};\n  background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : \"unset\")};\n`;\n\nexport default function BarTabs({ children, onTabChange, initialActiveIndex }: Props): JSX.Element {\n  const [activeIndex, setActiveIndex] = useState(initialActiveIndex);\n  return (\n    <Bar>\n      {React.Children.toArray(children).map((child, index) => (\n        <Item\n          key={index}\n          active={index === activeIndex}\n          onClick={() => {\n            setActiveIndex(index);\n            onTabChange && onTabChange(index);\n          }}\n        >\n          {child}\n        </Item>\n      ))}\n    </Bar>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,kBAAiB;AAiBjB,MAAM,MAAM,yBAAAA,QAAO;AAAA;AAAA,sBAEG,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKlD,MAAM,WAAO,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAC9B,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,YAAY;AACd,CAAC;AAAA;AAAA;AAAA;AAAA,WAIU,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,sBAC1D,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,OAAO;AAAA;AAGtD,SAAR,QAAyB,EAAE,UAAU,aAAa,mBAAmB,GAAuB;AACjG,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,SACE,6BAAAC,QAAA,cAAC,WACE,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,OAAO,UAC5C,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ,UAAU;AAAA,MAClB,SAAS,MAAM;AACb,uBAAe,KAAK;AACpB,uBAAe,YAAY,KAAK;AAAA,MAClC;AAAA;AAAA,IAEC;AAAA,EACH,CACD,CACH;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,kBAAiB;AAiBjB,MAAM,MAAM,yBAAAA,QAAO;AAAA;AAAA,sBAEG,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAKrD,MAAM,WAAO,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAC9B,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,YAAY;AACd,CAAC;AAAA;AAAA;AAAA;AAAA,WAIU,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAE,MAAM,OAAO,QAAQ,GAAI;AAAA,sBAC9D,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,OAAO,OAAQ;AAAA;AAG9D,SAAR,QAAyB,EAAE,UAAU,aAAa,mBAAmB,GAAuB;AACjG,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,SACE,6BAAAC,QAAA,cAAC,WACE,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,OAAO,UAC5C,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ,UAAU;AAAA,MAClB,SAAS,MAAM;AACb,uBAAe,KAAK;AACpB,uBAAe,YAAY,KAAK;AAAA,MAClC;AAAA;AAAA,IAEC;AAAA,EACH,CACD,CACH;AAEJ;",
   "names": ["styled", "Flex", "React"]
 }

package/lib/cjs/components/tabs/Chip/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/tabs/Chip/index.tsx"],
   "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\n\nexport type Props = React.PropsWithChildren<{\n  /**\n   * An optional callback that will be called when the active tab changes.\n   */\n  onTabChange?: (activeIndex: number) => void;\n  /**\n   * The tab index to mark as active when rendering for the first time.\n   * If omitted, then initially no tabs will be selected.\n   */\n  initialActiveIndex?: number;\n}>;\ntype ItemProps = {\n  active: boolean;\n};\n\nconst Item = styled(Flex).attrs({\n  flex: 1,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n})<ItemProps>`\n  cursor: pointer;\n  padding: 8px 12px 8px 12px;\n  border-radius: ${p => p.theme.radii[2]}px;\n  color: ${p => p.theme.colors.neutral.c100};\n  background-color: ${p => (p.active ? p.theme.colors.primary.c30 : \"unset\")};\n`;\n\nexport default function BarTabs({ children, onTabChange, initialActiveIndex }: Props): JSX.Element {\n  const [activeIndex, setActiveIndex] = useState(initialActiveIndex);\n  return (\n    <Flex justifyContent=\"space-between\" flex={1} columnGap={5}>\n      {React.Children.toArray(children).map((child, index) => (\n        <Item\n          key={index}\n          active={index === activeIndex}\n          onClick={() => {\n            setActiveIndex(index);\n            onTabChange && onTabChange(index);\n          }}\n        >\n          {child}\n        </Item>\n      ))}\n    </Flex>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,kBAAiB;AAiBjB,MAAM,WAAO,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAC9B,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,YAAY;AACd,CAAC;AAAA;AAAA;AAAA,mBAGkB,OAAK,EAAE,MAAM,MAAM,CAAC;AAAA,WAC5B,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,sBACjB,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGrD,SAAR,QAAyB,EAAE,UAAU,aAAa,mBAAmB,GAAuB;AACjG,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,SACE,6BAAAC,QAAA,cAAC,YAAAD,SAAA,EAAK,gBAAe,iBAAgB,MAAM,GAAG,WAAW,KACtD,aAAAC,QAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,OAAO,UAC5C,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ,UAAU;AAAA,MAClB,SAAS,MAAM;AACb,uBAAe,KAAK;AACpB,uBAAe,YAAY,KAAK;AAAA,MAClC;AAAA;AAAA,IAEC;AAAA,EACH,CACD,CACH;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,kBAAiB;AAiBjB,MAAM,WAAO,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAC9B,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,YAAY;AACd,CAAC;AAAA;AAAA;AAAA,mBAGkB,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA,WAC7B,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA,sBACrB,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM,OAAQ;AAAA;AAG7D,SAAR,QAAyB,EAAE,UAAU,aAAa,mBAAmB,GAAuB;AACjG,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,SACE,6BAAAC,QAAA,cAAC,YAAAD,SAAA,EAAK,gBAAe,iBAAgB,MAAM,GAAG,WAAW,KACtD,aAAAC,QAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,OAAO,UAC5C,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ,UAAU;AAAA,MAClB,SAAS,MAAM;AACb,uBAAe,KAAK;AACpB,uBAAe,YAAY,KAAK;AAAA,MAClC;AAAA;AAAA,IAEC;AAAA,EACH,CACD,CACH;AAEJ;",
   "names": ["styled", "Flex", "React"]
 }

package/lib/cjs/components/tabs/Pill/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/tabs/Pill/index.tsx"],
   "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps } from \"styled-system\";\nimport Flex from \"../../layout/Flex\";\n\nexport type Props = React.PropsWithChildren<{\n  /**\n   * An optional callback that will be called when the active tab changes.\n   */\n  onTabChange?: (activeIndex: number) => void;\n  /**\n   * The tab index to mark as active when rendering for the first time.\n   * If omitted, then initially no tabs will be selected.\n   */\n  initialActiveIndex?: number;\n}>;\n\nconst Pill = styled.div<BorderProps>`\n  display: inline-flex;\n  & > :first-child {\n    border-top-left-radius: 20px;\n    border-bottom-left-radius: 20px;\n    padding-left: 12px;\n  }\n  & > :last-child {\n    border-top-right-radius: 20px;\n    border-bottom-right-radius: 20px;\n    padding-right: 12px;\n  }\n  & > :not(:first-child) {\n    border-left-width: 0;\n  }\n  ${border};\n`;\nconst Item = styled(Flex).attrs({ flex: 1, justifyContent: \"center\", alignItems: \"center\" })`\n  cursor: pointer;\n  padding: 8px 10px 8px 10px;\n  border: 1px solid;\n  &[data-active=\"false\"] {\n    color: ${p => p.theme.colors.neutral.c80};\n    background-color: ${p => p.theme.colors.neutral.c00};\n    border-color: ${p => p.theme.colors.neutral.c40};\n  }\n  &[data-active=\"true\"] {\n    color: ${p => p.theme.colors.neutral.c00};\n    background-color: ${p => p.theme.colors.neutral.c100};\n    border-color: ${p => p.theme.colors.neutral.c100};\n\n    &:not(:last-child) {\n      border-right-width: 0;\n    }\n  }\n  &[data-active=\"true\"] + div {\n    border-left-width: 1px;\n  }\n`;\n\nexport default function PillTabs({\n  children,\n  onTabChange,\n  initialActiveIndex,\n}: Props): JSX.Element {\n  const [activeIndex, setActiveIndex] = useState(initialActiveIndex);\n  return (\n    <Pill>\n      {React.Children.toArray(children).map((child, index) => (\n        <Item\n          key={index}\n          data-active={index === activeIndex}\n          onClick={() => {\n            setActiveIndex(index);\n            onTabChange && onTabChange(index);\n          }}\n        >\n          {child}\n        </Item>\n      ))}\n    </Pill>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,2BAAoC;AACpC,kBAAiB;AAcjB,MAAM,OAAO,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAehB;AAAA;AAEJ,MAAM,WAAO,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM,EAAE,MAAM,GAAG,gBAAgB,UAAU,YAAY,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAK9E,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,wBACjB,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,oBAChC,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGnC,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,wBACjB,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,oBAChC,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWjC,SAAR,SAA0B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,SACE,6BAAAC,QAAA,cAAC,YACE,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,OAAO,UAC5C,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAa,UAAU;AAAA,MACvB,SAAS,MAAM;AACb,uBAAe,KAAK;AACpB,uBAAe,YAAY,KAAK;AAAA,MAClC;AAAA;AAAA,IAEC;AAAA,EACH,CACD,CACH;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,2BAAoC;AACpC,kBAAiB;AAcjB,MAAM,OAAO,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAehB,2BAAM;AAAA;AAEV,MAAM,WAAO,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM,EAAE,MAAM,GAAG,gBAAgB,UAAU,YAAY,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAK9E,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA,wBACpB,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA,oBACnC,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,aAGtC,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA,wBACpB,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA,oBACpC,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWrC,SAAR,SAA0B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,SACE,6BAAAC,QAAA,cAAC,YACE,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,OAAO,UAC5C,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAa,UAAU;AAAA,MACvB,SAAS,MAAM;AACb,uBAAe,KAAK;AACpB,uBAAe,YAAY,KAAK;AAAA,MAClC;AAAA;AAAA,IAEC;AAAA,EACH,CACD,CACH;AAEJ;",
   "names": ["styled", "Flex", "React"]
 }

package/lib/cjs/components/tabs/Tabs/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/tabs/Tabs/index.tsx"],
-  "sourcesContent": ["import React, { useState, useEffect, createRef, forwardRef } from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\nimport Tag from \"../../Tag\";\nimport Text from \"../../asorted/Text\";\n\nexport interface TabContent {\n  index: number;\n  title: string;\n  disabled?: boolean;\n  badge?: string | number;\n  Component: React.ReactFragment;\n}\n\nexport type Props = React.PropsWithChildren<{\n  /**\n   * An optional callback that will be called when the active tab changes.\n   */\n  onTabChange?: (index: number) => void;\n  /**\n   * The tab index to mark as active when rendering for the first time.\n   * If omitted, then initially no tabs will be selected.\n   */\n  activeIndex?: number;\n  tabs: TabContent[];\n}>;\n\nconst Container = styled(Flex).attrs({\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n})``;\n\nconst TabHeader = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n`;\n\nconst TabHeaderContent = styled(Flex).attrs({\n  flex: 1,\n  alignItems: \"center\",\n})`\n  width: 100%;\n`;\n\nconst TabHeaderBox = styled.div<{ disabled: boolean }>`\n  display: flex;\n  flex-grow: inherit;\n  justify-content: center;\n  text-align: center;\n  cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n  padding: 8px 12px;\n`;\n\nconst HeaderTitle = styled(Text).attrs({\n  fontWeight: \"600\",\n})<{ selected: boolean }>`\n  margin-inline: 12px;\n  color: ${p => (p.selected ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c80)};\n`;\n\nconst HeaderBottomBarFixed = styled(Flex).attrs({\n  flex: 1,\n})`\n  width: 100%;\n  position: relative;\n  top: 3px;\n  border-bottom: 1px solid ${p => p.theme.colors.neutral.c40};\n`;\n\nconst HeaderBottomBarMoving = styled.div<HeaderBottomBarProps>`\n  position: relative;\n  left: ${p => p.left}px;\n  width: ${p => p.width}px;\n  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  border-bottom: solid 3px;\n  border-bottom-color: ${p => p.theme.colors.primary.c70};\n`;\n\nconst Badge = styled(Tag).attrs(p => ({\n  borderRadius: p.theme.radii[3],\n  backgroundColor: p.theme.colors.primary.c70,\n  color: p.theme.colors.neutral.c00,\n}))`\n  padding: 5px;\n  min-width: 24px;\n`;\n\ninterface HeaderBottomBarProps {\n  left: number;\n  width: number;\n}\n\nconst MyBottomBar = (props: HeaderBottomBarProps) => {\n  const { width, left } = props;\n  return (\n    <>\n      <HeaderBottomBarFixed />\n      <HeaderBottomBarMoving width={width} left={left} />\n    </>\n  );\n};\n\ninterface HeaderElementProps {\n  title: string;\n  selected: boolean;\n  disabled: boolean;\n  badge?: string | number;\n  onClick: () => void;\n}\n\nconst HeaderElement = forwardRef<HTMLDivElement, HeaderElementProps>((props, ref) => {\n  const { onClick, badge, disabled, selected, title } = props;\n\n  return (\n    <TabHeaderBox ref={ref} disabled={disabled} onClick={onClick}>\n      <HeaderTitle selected={selected}>{title}</HeaderTitle>\n      {(badge || badge === 0) && <Badge>{badge}</Badge>}\n    </TabHeaderBox>\n  );\n});\n\nconst MainContent = styled(Flex).attrs({\n  flex: 1,\n})<{ active?: boolean }>`\n  width: 100%;\n  color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70)};\n  background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00)};\n`;\n\nexport default function Tabs(props: Props): JSX.Element {\n  const { tabs, onTabChange } = props;\n  const [activeIndex, setActiveIndex] = useState(tabs[0].index);\n  const [bottomBar, updateBottomBar] = useState<HeaderBottomBarProps>({ left: 0, width: 0 });\n  const mainTab = activeIndex >= 0 ? tabs[activeIndex] : null;\n  const refs = tabs.map(() => createRef<HTMLDivElement>());\n\n  useEffect(() => {\n    const newIndex = props.activeIndex || activeIndex;\n    setActiveIndex(newIndex);\n\n    if (refs[0].current) {\n      const refIndex = tabs.findIndex(t => t.index === newIndex);\n      const refsToHandle = refs.slice(0, refIndex);\n      const width = refs[refIndex].current?.offsetWidth || 0;\n      const left = refsToHandle.reduce((total, ref) => total + (ref.current?.offsetWidth || 0), 0);\n      updateBottomBar({\n        width,\n        left,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIndex]);\n\n  const onTabClick = (index: number) => {\n    const tab = tabs.find(t => t.index === index);\n    if (tab && !tab.disabled) {\n      setActiveIndex(index);\n      onTabChange && onTabChange(index);\n    }\n  };\n\n  return (\n    <Container>\n      <TabHeader>\n        <TabHeaderContent>\n          {tabs.map((tab, i) => (\n            <HeaderElement\n              ref={refs[i]}\n              title={tab.title}\n              selected={activeIndex === tab.index}\n              badge={tab.badge}\n              disabled={!!tab.disabled}\n              onClick={() => onTabClick(tab.index)}\n            />\n          ))}\n        </TabHeaderContent>\n        <MyBottomBar width={bottomBar.width} left={bottomBar.left} />\n      </TabHeader>\n      <MainContent>{mainTab && mainTab.Component}</MainContent>\n    </Container>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useState, useEffect, createRef, forwardRef } from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\nimport Tag from \"../../Tag\";\nimport Text from \"../../asorted/Text\";\n\nexport interface TabContent {\n  index: number;\n  title: string;\n  disabled?: boolean;\n  badge?: string | number;\n  Component: React.ReactNode;\n}\n\nexport type Props = React.PropsWithChildren<{\n  /**\n   * An optional callback that will be called when the active tab changes.\n   */\n  onTabChange?: (index: number) => void;\n  /**\n   * The tab index to mark as active when rendering for the first time.\n   * If omitted, then initially no tabs will be selected.\n   */\n  activeIndex?: number;\n  tabs: TabContent[];\n}>;\n\nconst Container = styled(Flex).attrs({\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n})``;\n\nconst TabHeader = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n`;\n\nconst TabHeaderContent = styled(Flex).attrs({\n  flex: 1,\n  alignItems: \"center\",\n})`\n  width: 100%;\n`;\n\nconst TabHeaderBox = styled.div<{ disabled: boolean }>`\n  display: flex;\n  flex-grow: inherit;\n  justify-content: center;\n  text-align: center;\n  cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n  padding: 8px 12px;\n`;\n\nconst HeaderTitle = styled(Text).attrs({\n  fontWeight: \"600\",\n})<{ selected: boolean }>`\n  margin-inline: 12px;\n  color: ${p => (p.selected ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c80)};\n`;\n\nconst HeaderBottomBarFixed = styled(Flex).attrs({\n  flex: 1,\n})`\n  width: 100%;\n  position: relative;\n  top: 3px;\n  border-bottom: 1px solid ${p => p.theme.colors.neutral.c40};\n`;\n\nconst HeaderBottomBarMoving = styled.div<HeaderBottomBarProps>`\n  position: relative;\n  left: ${p => p.left}px;\n  width: ${p => p.width}px;\n  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  border-bottom: solid 3px;\n  border-bottom-color: ${p => p.theme.colors.primary.c70};\n`;\n\nconst Badge = styled(Tag).attrs(p => ({\n  borderRadius: p.theme.radii[3],\n  backgroundColor: p.theme.colors.primary.c70,\n  color: p.theme.colors.neutral.c00,\n}))`\n  padding: 5px;\n  min-width: 24px;\n`;\n\ninterface HeaderBottomBarProps {\n  left: number;\n  width: number;\n}\n\nconst MyBottomBar = (props: HeaderBottomBarProps) => {\n  const { width, left } = props;\n  return (\n    <>\n      <HeaderBottomBarFixed />\n      <HeaderBottomBarMoving width={width} left={left} />\n    </>\n  );\n};\n\ninterface HeaderElementProps {\n  title: string;\n  selected: boolean;\n  disabled: boolean;\n  badge?: string | number;\n  onClick: () => void;\n}\n\nconst HeaderElement = forwardRef<HTMLDivElement, HeaderElementProps>((props, ref) => {\n  const { onClick, badge, disabled, selected, title } = props;\n\n  return (\n    <TabHeaderBox ref={ref} disabled={disabled} onClick={onClick}>\n      <HeaderTitle selected={selected}>{title}</HeaderTitle>\n      {(badge || badge === 0) && <Badge>{badge}</Badge>}\n    </TabHeaderBox>\n  );\n});\n\nconst MainContent = styled(Flex).attrs({\n  flex: 1,\n})<{ active?: boolean }>`\n  width: 100%;\n  color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70)};\n  background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00)};\n`;\n\nexport default function Tabs(props: Props): JSX.Element {\n  const { tabs, onTabChange } = props;\n  const [activeIndex, setActiveIndex] = useState(tabs[0].index);\n  const [bottomBar, updateBottomBar] = useState<HeaderBottomBarProps>({ left: 0, width: 0 });\n  const mainTab = activeIndex >= 0 ? tabs[activeIndex] : null;\n  const refs = tabs.map(() => createRef<HTMLDivElement>());\n\n  useEffect(() => {\n    const newIndex = props.activeIndex || activeIndex;\n    setActiveIndex(newIndex);\n\n    if (refs[0].current) {\n      const refIndex = tabs.findIndex(t => t.index === newIndex);\n      const refsToHandle = refs.slice(0, refIndex);\n      const width = refs[refIndex].current?.offsetWidth || 0;\n      const left = refsToHandle.reduce((total, ref) => total + (ref.current?.offsetWidth || 0), 0);\n      updateBottomBar({\n        width,\n        left,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIndex]);\n\n  const onTabClick = (index: number) => {\n    const tab = tabs.find(t => t.index === index);\n    if (tab && !tab.disabled) {\n      setActiveIndex(index);\n      onTabChange && onTabChange(index);\n    }\n  };\n\n  return (\n    <Container>\n      <TabHeader>\n        <TabHeaderContent>\n          {tabs.map((tab, i) => (\n            <HeaderElement\n              ref={refs[i]}\n              title={tab.title}\n              selected={activeIndex === tab.index}\n              badge={tab.badge}\n              disabled={!!tab.disabled}\n              onClick={() => onTabClick(tab.index)}\n            />\n          ))}\n        </TabHeaderContent>\n        <MyBottomBar width={bottomBar.width} left={bottomBar.left} />\n      </TabHeader>\n      <MainContent>{mainTab && mainTab.Component}</MainContent>\n    </Container>\n  );\n}\n"],
+  "mappings": "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",
   "names": ["styled", "Flex", "Text", "Tag", "React", "_a"]
 }

package/lib/cjs/components/transitions/TransitionInOut.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/transitions/TransitionInOut.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n  transition: ${props => `opacity ${props.timeout}ms ease-in-out`};\n\n  &.transition-inout-enter {\n    opacity: 0;\n  }\n\n  &.transition-inout-enter-active {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit-active {\n    opacity: 0;\n  }\n`;\ntype TransitionInOutProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionInOut = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionInOutProps): JSX.Element => (\n  <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-inout\">\n    <ChildrenWrapper timeout={timeout}>{children}</ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionInOut;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,gBACf,WAAS,WAAW,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B1C,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,iBAAiB,IAAI,QAAQ,SAAkB,YAAW,sBAC3E,6BAAAA,QAAA,cAAC,mBAAgB,WAAmB,QAAS,CAC/C;AAGF,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,gBACf,WAAS,WAAW,MAAM,OAAO,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BjE,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,iBAAiB,IAAI,QAAQ,SAAkB,YAAW,sBAC3E,6BAAAA,QAAA,cAAC,mBAAgB,WAAmB,QAAS,CAC/C;AAGF,IAAO,0BAAQ;",
   "names": ["styled", "React"]
 }

package/lib/cjs/components/transitions/TransitionScale.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/transitions/TransitionScale.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div`\n  transition: transform ${duration}ms;\n\n  &.transition-scale-appear {\n    transform: scale(0.9);\n  }\n\n  &.transition-scale-appear-active {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit-active {\n    transform: scale(0.9);\n  }\n`;\ntype TransitionScaleProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionScale = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionScaleProps) => (\n  <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-scale\">\n    <ChildrenWrapper>{children}</ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionScale;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,0BACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B1B,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,iBAAiB,IAAI,QAAQ,SAAkB,YAAW,sBAC3E,6BAAAA,QAAA,cAAC,uBAAiB,QAAS,CAC7B;AAGF,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,0BACL,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BlC,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,iBAAiB,IAAI,QAAQ,SAAkB,YAAW,sBAC3E,6BAAAA,QAAA,cAAC,uBAAiB,QAAS,CAC7B;AAGF,IAAO,0BAAQ;",
   "names": ["styled", "React"]
 }

package/lib/cjs/components/transitions/TransitionSlide.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/transitions/TransitionSlide.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n  transition: all ${duration}ms ease-in-out;\n  will-change: transform;\n  ${p =>\n    !p.fixed\n      ? `\n    position: absolute;\n    width: 100%;\n    `\n      : \"\"}\n  height: 100%;\n\n  &.transition-left-appear,\n  &.transition-left-enter {\n    transform: translateX(100%);\n  }\n\n  &.transition-left-appear-active,\n  &.transition-left-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit-active {\n    transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);\n  }\n\n  &.transition-right-appear,\n  &.transition-right-enter {\n    transform: translateX(-100%);\n  }\n\n  &.transition-right-appear-active,\n  &.transition-right-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit-active {\n    transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);\n  }\n`;\ntype TransitionSlideProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    fixed: boolean;\n    reverseExit?: boolean;\n    direction?: \"left\" | \"right\" | string;\n  }\n>;\n\nconst TransitionSlide = ({\n  children,\n  fixed,\n  direction = \"left\",\n  reverseExit,\n  ...props\n}: TransitionSlideProps) => (\n  <CSSTransition {...props} timeout={duration} classNames={`transition-${direction}`}>\n    <ChildrenWrapper fixed={fixed} reverseExit={reverseExit}>\n      {children}\n    </ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionSlide;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,oBACX;AAAA;AAAA,IAEhB,OACA,CAAC,EAAE,QACC;AAAA;AAAA;AAAA,QAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkBoB,OAAM,EAAE,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkB5B,OAAM,EAAE,cAAc,OAAO;AAAA;AAAA;AAYzD,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,OAAO,SAAS,UAAU,YAAY,cAAc,eACrE,6BAAAA,QAAA,cAAC,mBAAgB,OAAc,eAC5B,QACH,CACF;AAGF,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,oBACX,QAAQ;AAAA;AAAA,IAExB,OACA,CAAC,EAAE,QACC;AAAA;AAAA;AAAA,QAIA,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkBkB,OAAM,EAAE,cAAc,MAAM,IAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkBjC,OAAM,EAAE,cAAc,OAAO,GAAI;AAAA;AAAA;AAY7D,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,OAAO,SAAS,UAAU,YAAY,cAAc,SAAS,MAC9E,6BAAAA,QAAA,cAAC,mBAAgB,OAAc,eAC5B,QACH,CACF;AAGF,IAAO,0BAAQ;",
   "names": ["styled", "React"]
 }

package/lib/cjs/styles/Spacing.stories.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/Spacing.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport styled, { useTheme } from \"styled-components\";\n\nimport Flex from \"../components/layout/Flex\";\nimport Text from \"../components/asorted/Text\";\n\nexport default {\n  title: \"Particles\",\n};\n\nconst SpaceRow = styled(Flex).attrs({\n  columnGap: \"40px\",\n  alignItems: \"center\",\n})`\n  padding: 4px;\n  box-sizing: border-box;\n  border: 1px solid;\n  border-color: transparent;\n  cursor: pointer;\n\n  &:hover {\n    border-color: ${props => props.theme.colors.neutral.c40};\n  }\n`;\n\nexport const Spacing = (): JSX.Element => {\n  const theme = useTheme();\n  const [, ...space] = theme.space;\n\n  const handleClick = (index: number): void => {\n    navigator.clipboard.writeText(`space[${index + 1}]`);\n  };\n\n  return (\n    <Flex flexDirection=\"column\" rowGap=\"24px\">\n      {space.map((value, index) => (\n        <SpaceRow key={value} onClick={() => handleClick(index)}>\n          <Text variant=\"small\" style={{ minWidth: \"5ch\" }}>\n            {`${value}px`}\n            <br />\n            <Text variant=\"small\" color=\"neutral.c70\">\n              space[{index + 1}]\n            </Text>\n          </Text>\n          <Flex\n            flexGrow={1}\n            style={{\n              height: value,\n              backgroundColor: theme.colors.primary.c20,\n            }}\n          />\n        </SpaceRow>\n      ))}\n    </Flex>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAiC;AAEjC,kBAAiB;AACjB,kBAAiB;AAEjB,IAAO,0BAAQ;AAAA,EACb,OAAO;AACT;AAEA,MAAM,eAAW,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAClC,WAAW;AAAA,EACX,YAAY;AACd,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQmB,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,UAAU,MAAmB;AACxC,QAAM,YAAQ,mCAAS;AACvB,QAAM,CAAC,EAAE,GAAG,KAAK,IAAI,MAAM;AAE3B,QAAM,cAAc,CAAC,UAAwB;AAC3C,cAAU,UAAU,UAAU,SAAS,QAAQ,IAAI;AAAA,EACrD;AAEA,SACE,6BAAAC,QAAA,cAAC,YAAAD,SAAA,EAAK,eAAc,UAAS,QAAO,UACjC,MAAM,IAAI,CAAC,OAAO,UACjB,6BAAAC,QAAA,cAAC,YAAS,KAAK,OAAO,SAAS,MAAM,YAAY,KAAK,KACpD,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,SAAQ,OAAO,EAAE,UAAU,MAAM,KAC5C,GAAG,WACJ,6BAAAD,QAAA,cAAC,UAAG,GACJ,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,SAAQ,OAAM,iBAAc,UACjC,QAAQ,GAAE,GACnB,CACF,GACA,6BAAAD,QAAA;AAAA,IAAC,YAAAD;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB,MAAM,OAAO,QAAQ;AAAA,MACxC;AAAA;AAAA,EACF,CACF,CACD,CACH;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAiC;AAEjC,kBAAiB;AACjB,kBAAiB;AAEjB,IAAO,0BAAQ;AAAA,EACb,OAAO;AACT;AAEA,MAAM,eAAW,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAClC,WAAW;AAAA,EACX,YAAY;AACd,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQmB,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAIpD,MAAM,UAAU,MAAmB;AACxC,QAAM,YAAQ,mCAAS;AACvB,QAAM,CAAC,EAAE,GAAG,KAAK,IAAI,MAAM;AAE3B,QAAM,cAAc,CAAC,UAAwB;AAC3C,cAAU,UAAU,UAAU,SAAS,QAAQ,CAAC,GAAG;AAAA,EACrD;AAEA,SACE,6BAAAC,QAAA,cAAC,YAAAD,SAAA,EAAK,eAAc,UAAS,QAAO,UACjC,MAAM,IAAI,CAAC,OAAO,UACjB,6BAAAC,QAAA,cAAC,YAAS,KAAK,OAAO,SAAS,MAAM,YAAY,KAAK,KACpD,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,SAAQ,OAAO,EAAE,UAAU,MAAM,KAC5C,GAAG,KAAK,MACT,6BAAAD,QAAA,cAAC,UAAG,GACJ,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,SAAQ,OAAM,iBAAc,UACjC,QAAQ,GAAE,GACnB,CACF,GACA,6BAAAD,QAAA;AAAA,IAAC,YAAAD;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB,MAAM,OAAO,QAAQ;AAAA,MACxC;AAAA;AAAA,EACF,CACF,CACD,CACH;AAEJ;",
   "names": ["styled", "Flex", "React", "Text"]
 }

package/lib/cjs/styles/global.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/global.ts"],
   "sourcesContent": ["import { createGlobalStyle } from \"styled-components\";\n\nimport { rgba } from \"./helpers\";\nimport tippyStyles from \"../components/message/Tooltip/styles\";\nimport { fontStyles } from \"../components/asorted/Text/styles\";\n\nexport type GlobalStyleProps = {\n  fontsPath?: string;\n  fontMappings?: (name: string) => string;\n};\n\nexport const GlobalStyle = createGlobalStyle<GlobalStyleProps>`\n  html {\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: Inter, sans-serif;\n    font-size: 100%;\n  }\n\n  * {\n    margin: 0;\n    padding: 0;\n    font: inherit;\n    color: inherit;\n    user-select: inherit;\n    cursor: inherit;\n    outline: none;\n  }\n\n  ::selection {\n    background: ${p => rgba(p.theme.colors.primary.c100, 0.1)};\n  }\n\n  --track-color: rgba(0,0,0,0);\n\n  ${props => (typeof props.fontsPath === \"string\" ? fontStyles : \"\")}\n\n  ${tippyStyles}\n\n  ::-webkit-scrollbar              {\n    width: 12px;\n    height: 12px;\n    background-color: rgba(0,0,0,0);\n  }\n  ::-webkit-scrollbar-button       {\n    opacity: 0;\n    height: 0;\n    width: 0;\n  }\n  ::-webkit-scrollbar-track        {\n    background-color: rgba(0,0,0,0);\n  }\n  ::-webkit-scrollbar-thumb        {\n    box-shadow: inset 0 0 0 12px var(--track-color);\n    border: 2px solid rgba(0,0,0,0);\n    border-radius: 12px;\n  }\n  ::-webkit-scrollbar-corner {\n    opacity: 0;\n  }\n`;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAElC,qBAAqB;AACrB,oBAAwB;AACxB,IAAAA,iBAA2B;AAOpB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAqBT,WAAK,qBAAK,EAAE,MAAM,OAAO,QAAQ,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxD,WAAU,OAAO,MAAM,cAAc,WAAW,4BAAa;AAAA;AAAA,IAE7D,cAAAC;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;AAElC,qBAAqB;AACrB,oBAAwB;AACxB,IAAAA,iBAA2B;AAOpB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAqBT,WAAK,qBAAK,EAAE,MAAM,OAAO,QAAQ,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKzD,WAAU,OAAO,MAAM,cAAc,WAAW,4BAAa,EAAG;AAAA;AAAA,IAEhE,cAAAC,OAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": ["import_styles", "tippyStyles"]
 }

package/lib/cjs/styles/helpers.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/helpers.ts"],
   "sourcesContent": ["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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAA6B;AAEtB,MAAM,OAAO,CAAC,GAAW,UAAsB,aAAAA,SAAM,CAAC,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS;AAEhF,MAAM,SAAS,CAAC,GAAW,UAAsB,aAAAA,SAAM,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS;AAE7E,MAAM,UAAU,CAAC,GAAW,UAAsB,aAAAA,SAAM,CAAC,EAAE,QAAQ,CAAC,EAAE,SAAS;AAE/E,MAAM,MAAM,CAAC,GAAW,GAAW,UACxC,aAAAA,SAAM,CAAC,EAAE,QAAI,aAAAA,SAAM,CAAC,GAAG,CAAC,EAAE,SAAS;AAE9B,MAAM,KAAK,CAAC,MAAc;AAC/B,QAAM,CAAC,MAAM,OAAO,SAAS,IAAI,EAAE,MAAM,GAAG;AAE5C,QAAM,EAAE,OAAO,OAAO,IAAI,0BAAa,IAAI,EAAE,IAAI;AAEjD,QAAM,WAAmB,0BAAa,IAAI,EAAE,YAAY;AAExD,SAAO;AAAA,IACL,YAAY,GAAG,SAAS;AAAA,IACxB,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAgB,WAAmB;AAChE,QAAM,cAAU,aAAAA,SAAM,MAAM,EAAE,WAAW,IAAI;AAC7C,QAAM,cAAU,aAAAA,SAAM,MAAM,EAAE,WAAW,IAAI;AAE7C,QAAM,SAAS,UAAU,UAAU,UAAU,UAAU,UAAU;AAEjE,MAAI,SAAS,KAAK;AAChB,eAAO,aAAAA,SAAM,MAAM,EAAE,OAAO,GAAG,EAAE,OAAO,EAAE,OAAO;AAAA,EACnD;AACA,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAA6B;AAEtB,MAAM,OAAO,CAAC,GAAW,UAAsB,aAAAA,SAAM,CAAC,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS;AAEhF,MAAM,SAAS,CAAC,GAAW,UAAsB,aAAAA,SAAM,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS;AAE7E,MAAM,UAAU,CAAC,GAAW,UAAsB,aAAAA,SAAM,CAAC,EAAE,QAAQ,CAAC,EAAE,SAAS;AAE/E,MAAM,MAAM,CAAC,GAAW,GAAW,UACxC,aAAAA,SAAM,CAAC,EAAE,QAAI,aAAAA,SAAM,CAAC,GAAG,CAAC,EAAE,SAAS;AAE9B,MAAM,KAAK,CAAC,MAAc;AAC/B,QAAM,CAAC,MAAM,OAAO,SAAS,IAAI,EAAE,MAAM,GAAG;AAE5C,QAAM,EAAE,OAAO,OAAO,IAAI,0BAAa,IAAI,EAAE,IAAI;AAEjD,QAAM,WAAmB,0BAAa,IAAI,EAAE,YAAY;AAExD,SAAO;AAAA,IACL,YAAY,GAAG,IAAI,KAAK,QAAQ;AAAA,IAChC,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAgB,WAAmB;AAChE,QAAM,cAAU,aAAAA,SAAM,MAAM,EAAE,WAAW,IAAI;AAC7C,QAAM,cAAU,aAAAA,SAAM,MAAM,EAAE,WAAW,IAAI;AAE7C,QAAM,SAAS,UAAU,UAAU,UAAU,UAAU,UAAU;AAEjE,MAAI,SAAS,KAAK;AAChB,eAAO,aAAAA,SAAM,MAAM,EAAE,OAAO,GAAG,EAAE,OAAO,EAAE,OAAO;AAAA,EACnD;AACA,SAAO;AACT;",
   "names": ["Color"]
 }

package/lib/cjs/styles/palettes/colors.stories.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styles/palettes/colors.stories.tsx"],
   "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../components/asorted/Text\";\nimport Flex from \"../../components/layout/Flex\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport default { title: \"Particles\" };\n\nconst ColorArea = styled.div<{ type: keyof ColorPalette; shade: string }>`\n  width: 200px;\n  aspect-ratio: 1;\n  background-color: ${p => {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore next-line\n    return p.theme.colors[p.type][p.shade];\n  }};\n  cursor: pointer;\n  border-radius: 2px;\n`;\n\ntype CardColorProps = { shade: string; type: string; value: string };\nconst CardColor = ({ shade, type, value }: CardColorProps): JSX.Element => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const onClick = (type: string, shade: string): void => {\n    navigator.clipboard.writeText(`p.theme.colors.${type}.${shade}`);\n  };\n\n  return (\n    <Flex\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <ColorArea\n        type={type as keyof ColorPalette}\n        shade={shade}\n        onClick={() => onClick(type, shade)}\n      />\n      <Text variant=\"tiny\">{isHovered ? value : shade}</Text>\n    </Flex>\n  );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst { type: _, ...palette } = palettes.light;\n\nexport const Colors = (): JSX.Element => (\n  <Flex flexDirection=\"column\" rowGap=\"2rem\">\n    {Object.entries(palette).map(([type, shades]) => (\n      <Flex flexDirection=\"column\" rowGap=\"1rem\">\n        <Text variant=\"h2\" textTransform=\"uppercase\">\n          {type}\n        </Text>\n        <Flex columnGap=\"0.5rem\" rowGap=\"0.5rem\" flexWrap=\"wrap\">\n          {Object.entries(shades).map(([shade, value]) => (\n            <CardColor key={shade} shade={shade} type={type} value={value} />\n          ))}\n        </Flex>\n      </Flex>\n    ))}\n  </Flex>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,kBAAiB;AACjB,kBAAiB;AACjB,uBAAuC;AAEvC,IAAO,yBAAQ,EAAE,OAAO,YAAY;AAEpC,MAAM,YAAY,yBAAAA,QAAO;AAAA;AAAA;AAAA,sBAGH,OAAK;AAGvB,SAAO,EAAE,MAAM,OAAO,EAAE,IAAI,EAAE,EAAE,KAAK;AACvC;AAAA;AAAA;AAAA;AAMF,MAAM,YAAY,CAAC,EAAE,OAAO,MAAM,MAAM,MAAmC;AACzE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,QAAM,UAAU,CAACC,OAAcC,WAAwB;AACrD,cAAU,UAAU,UAAU,kBAAkBD,SAAQC,QAAO;AAAA,EACjE;AAEA,SACE,6BAAAC,QAAA;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,YAAW;AAAA,MACX,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA;AAAA,IAEtC,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,MAAM,QAAQ,MAAM,KAAK;AAAA;AAAA,IACpC;AAAA,IACA,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAQ,YAAY,QAAQ,KAAM;AAAA,EAClD;AAEJ;AAGA,MAAM,EAAE,MAAM,GAAG,GAAG,QAAQ,IAAI,0BAAS;AAElC,MAAM,SAAS,MACpB,6BAAAF,QAAA,cAAC,YAAAC,SAAA,EAAK,eAAc,UAAS,QAAO,UACjC,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,MAAM,MAAM,MACzC,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,eAAc,UAAS,QAAO,UAClC,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,MAAK,eAAc,eAC9B,IACH,GACA,6BAAAF,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAU,UAAS,QAAO,UAAS,UAAS,UAC/C,OAAO,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,MACxC,6BAAAD,QAAA,cAAC,aAAU,KAAK,OAAO,OAAc,MAAY,OAAc,CAChE,CACH,CACF,CACD,CACH;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,kBAAiB;AACjB,kBAAiB;AACjB,uBAAuC;AAEvC,IAAO,yBAAQ,EAAE,OAAO,YAAY;AAEpC,MAAM,YAAY,yBAAAA,QAAO;AAAA;AAAA;AAAA,sBAGH,OAAK;AAGvB,SAAO,EAAE,MAAM,OAAO,EAAE,IAAI,EAAE,EAAE,KAAK;AACvC,CAAC;AAAA;AAAA;AAAA;AAMH,MAAM,YAAY,CAAC,EAAE,OAAO,MAAM,MAAM,MAAmC;AACzE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,QAAM,UAAU,CAACC,OAAcC,WAAwB;AACrD,cAAU,UAAU,UAAU,kBAAkBD,KAAI,IAAIC,MAAK,EAAE;AAAA,EACjE;AAEA,SACE,6BAAAC,QAAA;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,YAAW;AAAA,MACX,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA;AAAA,IAEtC,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,MAAM,QAAQ,MAAM,KAAK;AAAA;AAAA,IACpC;AAAA,IACA,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAQ,YAAY,QAAQ,KAAM;AAAA,EAClD;AAEJ;AAGA,MAAM,EAAE,MAAM,GAAG,GAAG,QAAQ,IAAI,0BAAS;AAElC,MAAM,SAAS,MACpB,6BAAAF,QAAA,cAAC,YAAAC,SAAA,EAAK,eAAc,UAAS,QAAO,UACjC,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,MAAM,MAAM,MACzC,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,eAAc,UAAS,QAAO,UAClC,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,MAAK,eAAc,eAC9B,IACH,GACA,6BAAAF,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAU,UAAS,QAAO,UAAS,UAAS,UAC/C,OAAO,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,MACxC,6BAAAD,QAAA,cAAC,aAAU,KAAK,OAAO,OAAc,MAAY,OAAc,CAChE,CACH,CACF,CACD,CACH;",
   "names": ["styled", "type", "shade", "React", "Flex", "Text"]
 }

package/lib/cjs/styles/theme.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/theme.ts"],
   "sourcesContent": ["import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () =>\n    css`\n      ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n    `,\n  fadeOut: () =>\n    css`\n      ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n    `,\n  fadeInGrowX: () =>\n    css`\n      ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n    `,\n  fadeInUp: () =>\n    css`\n      ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n    `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette & {\n    /**\n     * @deprecated Do not use the .palette prefix anymore!\n     */\n    palette: ColorPalette;\n  };\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: {\n    palette: palettes.light,\n    ...palettes.light,\n  },\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/lib/components/animations/GlitchText/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 export interface GlitchTextProps {
     text: string;
     duration?: number;
     delay?: number;
 }
-export default function GlitchText({ text, duration, delay }: GlitchTextProps): JSX.Element;
+export default function GlitchText({ text, duration, delay }: GlitchTextProps): React.JSX.Element;

package/lib/components/asorted/Icon/BoxedIcon.d.ts CHANGED Viewed

@@ -43,6 +43,6 @@ export type BoxedIconProps = IconBoxProps & {
      */
     iconColor?: string;
 };
-export declare const IconBox: ({ Badge, size, children, borderColor, badgeColor, badgeSize, }: IconBoxProps) => JSX.Element;
-declare const BoxedIcon: ({ Icon, iconSize, iconColor, ...iconBoxProps }: BoxedIconProps) => JSX.Element;
+export declare const IconBox: ({ Badge, size, children, borderColor, badgeColor, badgeSize, }: IconBoxProps) => React.JSX.Element;
+declare const BoxedIcon: ({ Icon, iconSize, iconColor, ...iconBoxProps }: BoxedIconProps) => React.JSX.Element;
 export default BoxedIcon;

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

@@ -3,4 +3,3 @@ import BoxedIcon, { IconBox } from "./BoxedIcon";
 export { BoxedIcon, IconBox };
 export type { Props } from "./Icon";
 export { default as CryptoIcon } from "./CryptoIcon";
-export { default as ProviderIcon } from "./ProviderIcon";

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

@@ -2,5 +2,4 @@ export { default, iconNames } from "./Icon";
 import BoxedIcon, { IconBox } from "./BoxedIcon";
 export { BoxedIcon, IconBox };
 export { default as CryptoIcon } from "./CryptoIcon";
-export { default as ProviderIcon } from "./ProviderIcon";
 //# sourceMappingURL=index.js.map

package/lib/components/asorted/Icon/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC~~;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC~~"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

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

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