npm - @ledgerhq/react-ui - Versions diffs - 0.14.1-nightly.0 → 0.14.2-nightly.0 - Mend

@ledgerhq/react-ui 0.14.1-nightly.0 → 0.14.2-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 (198) hide show

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.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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",
   "names": ["styled", "Flex", "Text", "Tag", "React", "_a"]
 }

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

@@ -1,7 +1,7 @@
 {
   "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,CAAC,UAAU,WAAW,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B5C,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;",
+  "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;",
   "names": ["styled", "React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "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,CAAC,MACD,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,CAAC,MAAO,EAAE,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkB9B,CAAC,MAAO,EAAE,cAAc,OAAO;AAAA;AAAA;AAY3D,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;",
+  "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;",
   "names": ["styled", "React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "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,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAInD,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;",
+  "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;",
   "names": ["styled", "Flex", "React", "Text"]
 }

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

@@ -1,7 +1,7 @@
 {
   "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,CAAC,UAAM,qBAAK,EAAE,MAAM,OAAO,QAAQ,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1D,CAAC,UAAW,OAAO,MAAM,cAAc,WAAW,4BAAa;AAAA;AAAA,IAE/D,cAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "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;",
   "names": ["import_styles", "tippyStyles"]
 }

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

@@ -1,7 +1,7 @@
 {
   "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,CAAC,MAAM;AAGzB,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;",
+  "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;",
   "names": ["styled", "type", "shade", "React", "Flex", "Text"]
 }

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

@@ -1,7 +1,7 @@
 {
   "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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",
+  "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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",
   "names": []
 }

package/lib/components/Chart/utils.js CHANGED Viewed

@@ -15,9 +15,9 @@ export const valueFormatter = (value) => {
         { value: 1e3, unit: "K" },
         { value: 1, unit: "" },
     ];
-    const item = breakpoints.find((item) => value >= item.value);
-    const formatedValue = typeof value === "number" ? value : parseFloat(value);
-    return item ? `${(formatedValue / item.value).toFixed(1).replace(".0", "")} ${item.unit}` : "0";
+    const formattedValue = typeof value === "number" ? value : parseFloat(value);
+    const item = breakpoints.find(item => formattedValue >= item.value);
+    return item ? `${(formattedValue / item.value).toFixed(1).replace(".0", "")} ${item.unit}` : "0";
 };
 // set default font configuration for the chart - I used ll-text_subTitle class from our theme
 export const fontConfig = {

package/lib/components/Chart/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Chart/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAU,EAAE;IAC/D,MAAM,WAAW,GAAG;QAClB,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QACzB,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QACzB,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;KACvB,CAAC;~~IAEF~~,MAAM,~~IAAI~~,GAAG,~~WAAW~~,~~CAAC~~,~~IAAI~~,CAAC,CAAC,~~IAAI~~,~~EAAE~~,~~EAAE~~,CAAC,~~KAAK~~,~~IAAI~~,~~IAAI,~~CAAC,KAAK,CAAC,CAAC;~~IAC7D~~,MAAM,~~aAAa~~,GAAG,~~OAAO~~,~~KAAK~~,~~KAAK~~,~~QAAQ,~~CAAC,~~CAAC~~,CAAC,~~KAAK~~,CAAC,~~CAAC~~,~~CAAC~~,~~UAAU~~,CAAC,KAAK,CAAC,CAAC;~~IAC5E~~,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,~~aAAa~~,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;~~AAClG~~,CAAC,CAAC;AAEF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,UAAU,GAMnB;IACF,MAAM,EAAE,cAAc;IACtB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,QAAQ;CAChB,CAAC"}
1	+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Chart/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAU,EAAE;IAC/D,MAAM,WAAW,GAAG;QAClB,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QACzB,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QACzB,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;KACvB,CAAC;IACF,MAAM,cAAc,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IACpE,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;AACnG,CAAC,CAAC;AAEF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,UAAU,GAMnB;IACF,MAAM,EAAE,cAAc;IACtB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,QAAQ;CAChB,CAAC"}

package/lib/components/Table/stories.helper.js CHANGED Viewed

@@ -45,27 +45,27 @@ export const balance = {
     columns: [
         Columns.text({
             header: () => React.createElement(Header, null, "Currency"),
-            title: (elt) => elt.currency,
+            title: elt => elt.currency,
         }),
         Columns.text({
             header: () => React.createElement(Header, null, "Amount"),
-            title: (elt) => elt.amount,
-            subtitle: (elt) => elt.counterValue,
+            title: elt => elt.amount,
+            subtitle: elt => elt.counterValue,
         }),
         Columns.text({
             header: () => React.createElement(Header, null, "Address"),
-            subtitle: (elt) => elt.address,
+            subtitle: elt => elt.address,
         }),
         Columns.text({
             header: () => React.createElement(Header, null, "Evolution"),
-            subtitle: (elt) => (elt.evolution > 0 ? "+" : "") + elt.evolution,
-            subtitleProps: (elt) => ({
+            subtitle: elt => (elt.evolution > 0 ? "+" : "") + elt.evolution,
+            subtitleProps: elt => ({
                 color: elt.evolution < 0 ? "error.c50" : "success.c50",
             }),
         }),
         Columns.icon({
             header: () => React.createElement(Header, null, "\u00A0"),
-            props: (elt) => ({
+            props: elt => ({
                 name: "StarSolid",
                 color: elt.starred ? "neutral.c100" : "neutral.c70",
             }),
@@ -140,32 +140,32 @@ export const accounts = {
         },
         Columns.text({
             layout: "2fr",
-            title: (elt) => elt.name,
-            subtitle: (elt) => elt.currency.name,
+            title: elt => elt.name,
+            subtitle: elt => elt.currency.name,
         }),
         Columns.icon({
-            props: (elt) => ({
+            props: elt => ({
                 name: elt.synchronized ? "CircledCheck" : "Clock",
                 color: elt.synchronized ? "success.c50" : "neutral.c80",
             }),
         }),
         Columns.text({
             layout: "1fr",
-            subtitle: (elt) => elt.currency.abbrev,
+            subtitle: elt => elt.currency.abbrev,
         }),
         Columns.text({
             layout: "1fr",
-            title: (elt) => elt.amount,
+            title: elt => elt.amount,
         }),
         Columns.text({
             layout: "1fr",
-            subtitle: (elt) => (elt.evolution > 0 ? "+" : "") + elt.evolution,
-            subtitleProps: (elt) => ({
+            subtitle: elt => (elt.evolution > 0 ? "+" : "") + elt.evolution,
+            subtitleProps: elt => ({
                 color: elt.evolution < 0 ? "error.c50" : "success.c50",
             }),
         }),
         Columns.icon({
-            props: (elt) => ({
+            props: elt => ({
                 name: "StarSolid",
                 color: elt.starred ? "neutral.c100" : "neutral.c70",
             }),

package/lib/components/Table/stories.helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stories.helper.js","sourceRoot":"","sources":["../../../src/components/Table/stories.helper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,KAAiB,MAAM,SAAS,CAAC;AAExC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;AAE1B,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAiC;IACzD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,oBAAC,IAAI,IACH,UAAU,EAAC,UAAU,EACrB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,EAAE,YAAY,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,EAChE,EAAE,EAAE,CAAC,CAAC,EACN,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,IAEJ,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAWD,MAAM,CAAC,MAAM,OAAO,GAAkE;IACpF,IAAI,EAAE;QACJ;YACE,QAAQ,EAAE,kBAAkB;YAC5B,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,4CAA4C;YACrD,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,KAAK;SACf;QACD;YACE,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,4CAA4C;YACrD,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,IAAI;SACd;QACD;YACE,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,KAAK;YACb,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,oCAAoC;YAC7C,SAAS,EAAE,CAAC,GAAG;YACf,OAAO,EAAE,IAAI;SACd;QACD;YACE,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,GAAG;YACjB,OAAO,EAAE,4CAA4C;YACrD,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,KAAK;SACf;KACF;IACD,OAAO,EAAE;QACP,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,mBAAkB;YACvC,KAAK,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,GAAG,CAAC,QAAQ;~~SAC7B~~,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,iBAAgB;YACrC,KAAK,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,GAAG,CAAC,MAAM;~~YAC1B~~,QAAQ,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,GAAG,CAAC,YAAY;~~SACpC~~,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,kBAAiB;YACtC,QAAQ,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,GAAG,CAAC,OAAO;~~SAC/B~~,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,oBAAmB;YACxC,QAAQ,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS;~~YACjE~~,aAAa,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,CAAC;~~gBACvB~~,KAAK,EAAE,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa;aACvD,CAAC;SACH,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,iBAAgB;YACrC,KAAK,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,CAAC;~~gBACf~~,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;aACpD,CAAC;SACH,CAAC;KACH;CACF,CAAC;AAYF,MAAM,CAAC,MAAM,QAAQ,GAAoD;IACvE,IAAI,EAAE;QACJ;YACE,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YAC5C,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,KAAK;SACf;QACD;YACE,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YAC5C,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,KAAK;SACf;QACD;YACE,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YAC5C,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,CAAC,GAAG;YACf,OAAO,EAAE,IAAI;SACd;QACD;YACE,IAAI,EAAE,YAAY;YAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE;YAC7C,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;YACZ,OAAO,EAAE,IAAI;YACb,WAAW,EAAE;gBACX;oBACE,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;oBAC5C,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,KAAK;oBACb,SAAS,EAAE,GAAG;oBACd,OAAO,EAAE,KAAK;iBACf;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;oBAC5C,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,KAAK;oBACb,SAAS,EAAE,GAAG;oBACd,OAAO,EAAE,IAAI;iBACd;aACF;SACF;QACD;YACE,IAAI,EAAE,YAAY;YAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE;YAC7C,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC,CAAC;YACb,OAAO,EAAE,KAAK;SACf;KACF;IACD,OAAO,EAAE;QACP;YACE,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,CAAC,EAAE,GAAG,EAAsB,EAAe,EAAE,CACnD,GAAG,CAAC,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;SAC5F;QACD,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,GAAG,CAAC,IAAI;~~YACxB~~,QAAQ,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;~~SACrC~~,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,CAAC;~~gBACf~~,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO;gBACjD,KAAK,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;aACxD,CAAC;SACH,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;~~SACvC~~,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,GAAG,CAAC,MAAM;~~SAC3B~~,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS;~~YACjE~~,aAAa,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,CAAC;~~gBACvB~~,KAAK,EAAE,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa;aACvD,CAAC;SACH,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,CAAC;~~gBACf~~,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;aACpD,CAAC;SACH,CAAC;KACH;CACF,CAAC;AAEF,MAAM,MAAM,GAAG,CACb,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IAC5F,8BACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,wrCAAwrC,EAC1rC,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AAEF,MAAM,MAAM,GAAG,CACb,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IAC5F,8BACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,mFAAmF,EACrF,IAAI,EAAC,OAAO,GACZ;IACF,8BACE,CAAC,EAAC,gFAAgF,EAClF,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AAEF,MAAM,OAAO,GAAG,CACd,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IAC5F,8BACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd;IACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8sBAA8sB,EAChtB,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC"}
1	+ {"version":3,"file":"stories.helper.js","sourceRoot":"","sources":["../../../src/components/Table/stories.helper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,KAAiB,MAAM,SAAS,CAAC;AAExC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;AAE1B,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAiC;IACzD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,oBAAC,IAAI,IACH,UAAU,EAAC,UAAU,EACrB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,EAAE,YAAY,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,EAChE,EAAE,EAAE,CAAC,CAAC,EACN,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,IAEJ,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAWD,MAAM,CAAC,MAAM,OAAO,GAAkE;IACpF,IAAI,EAAE;QACJ;YACE,QAAQ,EAAE,kBAAkB;YAC5B,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,4CAA4C;YACrD,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,KAAK;SACf;QACD;YACE,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,4CAA4C;YACrD,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,IAAI;SACd;QACD;YACE,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,KAAK;YACb,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,oCAAoC;YAC7C,SAAS,EAAE,CAAC,GAAG;YACf,OAAO,EAAE,IAAI;SACd;QACD;YACE,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,GAAG;YACjB,OAAO,EAAE,4CAA4C;YACrD,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,KAAK;SACf;KACF;IACD,OAAO,EAAE;QACP,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,mBAAkB;YACvC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ;SAC3B,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,iBAAgB;YACrC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM;YACxB,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,YAAY;SAClC,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,kBAAiB;YACtC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO;SAC7B,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,oBAAmB;YACxC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS;YAC/D,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACrB,KAAK,EAAE,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa;aACvD,CAAC;SACH,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,MAAM,iBAAgB;YACrC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACb,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;aACpD,CAAC;SACH,CAAC;KACH;CACF,CAAC;AAYF,MAAM,CAAC,MAAM,QAAQ,GAAoD;IACvE,IAAI,EAAE;QACJ;YACE,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YAC5C,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,KAAK;SACf;QACD;YACE,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YAC5C,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,KAAK;SACf;QACD;YACE,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YAC5C,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,CAAC,GAAG;YACf,OAAO,EAAE,IAAI;SACd;QACD;YACE,IAAI,EAAE,YAAY;YAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE;YAC7C,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;YACZ,OAAO,EAAE,IAAI;YACb,WAAW,EAAE;gBACX;oBACE,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;oBAC5C,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,KAAK;oBACb,SAAS,EAAE,GAAG;oBACd,OAAO,EAAE,KAAK;iBACf;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;oBAC5C,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,KAAK;oBACb,SAAS,EAAE,GAAG;oBACd,OAAO,EAAE,IAAI;iBACd;aACF;SACF;QACD;YACE,IAAI,EAAE,YAAY;YAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE;YAC7C,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC,CAAC;YACb,OAAO,EAAE,KAAK;SACf;KACF;IACD,OAAO,EAAE;QACP;YACE,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,CAAC,EAAE,GAAG,EAAsB,EAAe,EAAE,CACnD,GAAG,CAAC,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;SAC5F;QACD,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI;YACtB,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;SACnC,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACb,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO;gBACjD,KAAK,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;aACxD,CAAC;SACH,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;SACrC,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM;SACzB,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS;YAC/D,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACrB,KAAK,EAAE,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa;aACvD,CAAC;SACH,CAAC;QACF,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACb,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;aACpD,CAAC;SACH,CAAC;KACH;CACF,CAAC;AAEF,MAAM,MAAM,GAAG,CACb,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IAC5F,8BACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,wrCAAwrC,EAC1rC,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AAEF,MAAM,MAAM,GAAG,CACb,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IAC5F,8BACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,mFAAmF,EACrF,IAAI,EAAC,OAAO,GACZ;IACF,8BACE,CAAC,EAAC,gFAAgF,EAClF,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AAEF,MAAM,OAAO,GAAG,CACd,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IAC5F,8BACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd;IACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8sBAA8sB,EAChtB,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC"}

package/lib/components/Tag/index.js CHANGED Viewed

@@ -70,7 +70,7 @@ function getTextProps({ size }) {
             };
     }
 }
-const TagContainer = baseStyled.div.attrs((props) => ({
+const TagContainer = baseStyled.div.attrs(props => ({
     backgroundColor: props.bg || props.backgroundColor || getBgColor(props),
     color: props.color || getColor(props),
     borderColor: getBorderColor(props),
@@ -78,8 +78,8 @@ const TagContainer = baseStyled.div.attrs((props) => ({
   display: inline-flex;
   justify-content: center;
   border: 1px solid transparent;
-  border-radius: ${(p) => `${p.theme.radii[1]}px`};
-  padding: ${(p) => getPadding(p)};
+  border-radius: ${p => `${p.theme.radii[1]}px`};
+  padding: ${p => getPadding(p)};
   ${border}
 `;
 export default function Tag(_a) {

package/lib/components/Tag/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AACpD,OAAO,IAAmB,MAAM,iBAAiB,CAAC;AAClD,OAAO,UAA+B,MAAM,WAAW,CAAC;AA6BxD,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAY;IACpD,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,IAAI,QAAQ;gBAAE,OAAO,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;YAC5D,OAAO,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;QAChD;YACE,OAAO,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;KACnD;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAY;IACtD,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACzE,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACzE;YACE,OAAO;KACV;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAY;IAC1D,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,QAAQ,IAAI,EAAE;QACZ,KAAK,UAAU;YACb,OAAO,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;QAClD,KAAK,iBAAiB;YACpB,OAAO,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;KACnD;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,IAAI,EAAY;IACpC,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO,CAAC;QACb;YACE,OAAO,eAAe,CAAC;KAC1B;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,IAAI,EAAY;IAKtC,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO,CAAC;QACb,KAAK,QAAQ;YACX,OAAO;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,UAAU;aACvB,CAAC;QACJ,KAAK,OAAO,CAAC;QACb;YACE,OAAO;gBACL,OAAO,EAAE,YAAY;gBACrB,UAAU,EAAE,UAAU;aACvB,CAAC;KACL;AACH,CAAC;AAED,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,CAAqB,~~CAAC,~~KAAK,~~EAAE~~,EAAE,CAAC,CAAC;~~IACxE~~,eAAe,EAAE,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,eAAe,IAAI,UAAU,CAAC,KAAK,CAAC;IACvE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC;IACrC,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC;CACnC,CAAC,CAAC,CAAA;;;;mBAIgB,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;~~aACpC~~,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,UAAU,CAAC,CAAC,CAAC;~~IAC7B~~,MAAM;CACT,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAKjB;QALiB,EAC1B,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,OAAO,OAEL,EADN,KAAK,cAJkB,iCAK3B,CADS;IAER,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,YAAY,iBAAG,IAAI,IAAK,KAAK,EAAG,CAAC;IACvD,OAAO,CACL,oBAAC,YAAY,kBAAC,IAAI,EAAE,IAAI,IAAM,KAAK;QACjC,oBAAC,IAAI,oBAAK,aAAa,IAAE,KAAK,EAAE,SAAS,IAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,GACxE,QAAQ,CACJ,CACM,CAChB,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}

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

@@ -8,10 +8,10 @@ const DividerBase = styled(Flex).attrs((p) => ({
     backgroundColor: "neutral.c40",
 })) `
   &[data-variant="light"] {
-    background: ${(p) => p.theme.colors.neutral.c30};
+    background: ${p => p.theme.colors.neutral.c30};
   }
 `;
-const Divider = (props) => {
+const Divider = props => {
     if (!props.text)
         return React.createElement(DividerBase, Object.assign({}, props));
     return (React.createElement(Flex, Object.assign({}, props, { flexDirection: "row", alignItems: "center" }),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAsB,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAGtC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAe,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC;IACzE,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,CAAC;IACT,eAAe,EAAE,aAAa;CAC/B,CAAC,CAAC,CAAA;;kBAEe,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;~~CAElD~~,CAAC;AAEF,MAAM,OAAO,GAAoB,~~CAAC,~~KAAK,~~EAAE~~,EAAE;~~IACzC~~,IAAI,CAAC,KAAK,CAAC,IAAI;QAAE,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;IACnD,OAAO,CACL,oBAAC,IAAI,oBAAK,KAAK,IAAE,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ;QACtD,oBAAC,WAAW,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI;QAC/B,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAC,aAAa,EAAC,EAAE,EAAE,CAAC,IACrD,KAAK,CAAC,IAAI,CACN;QACP,oBAAC,WAAW,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,CAC1B,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAsB,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAGtC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAe,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC;IACzE,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,CAAC;IACT,eAAe,EAAE,aAAa;CAC/B,CAAC,CAAC,CAAA;;kBAEe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;CAEhD,CAAC;AAEF,MAAM,OAAO,GAAoB,KAAK,CAAC,EAAE;IACvC,IAAI,CAAC,KAAK,CAAC,IAAI;QAAE,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;IACnD,OAAO,CACL,oBAAC,IAAI,oBAAK,KAAK,IAAE,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ;QACtD,oBAAC,WAAW,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI;QAC/B,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAC,aAAa,EAAC,EAAE,EAAE,CAAC,IACrD,KAAK,CAAC,IAAI,CACN;QACP,oBAAC,WAAW,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,CAC1B,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -32,17 +32,17 @@ const Container = styled(Flex).attrs((p) => ({
 })) ``;
 const IconBoxBackground = styled(Flex) `
   position: absolute;
-  height: ${(p) => p.size}px;
-  width: ${(p) => p.size}px;
-  ${(p) => {
+  height: ${p => p.size}px;
+  width: ${p => p.size}px;
+  ${p => {
     return (p.hasBadge &&
         `clip-path: ${getTopRightSquareClippedPolygon(p.size, getClipRectangleSize(p.badgeSize))};`);
 }};
-  border-radius: ${(p) => p.theme.radii[2]}px;
+  border-radius: ${p => p.theme.radii[2]}px;
 `;
 const BadgeContainer = styled.div `
   position: absolute;
-  ${(p) => `
+  ${p => `
     top: -${p.badgeSize / 2 - 2}px;
     right: -${p.badgeSize / 2 - 2}px;`}
 `;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BoxedIcon.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/BoxedIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AACnC,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAErC,SAAS,oBAAoB,CAAC,SAAiB;IAC7C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;AAC7B,CAAC;AAED,MAAM,+BAA+B,GAAG,CAAC,OAAe,EAAE,aAAqB,EAAE,EAAE;IACjF,yEAAyE;IACzE,MAAM,IAAI,GAAG,OAAO,GAAG,aAAa,CAAC;IACrC,OAAO,0BAA0B,IAAI,SAAS,IAAI,MAAM,aAAa,YAAY,aAAa,8DAA8D,CAAC;AAC/J,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,EAAE,CAAC,CAAC,IAAI;IACd,KAAK,EAAE,CAAC,CAAC,IAAI;IACb,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAkB,EAAE,CAAC;AAExB,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAwD;;YAElF,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,IAAI;~~WACd~~,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,IAAI;~~IACpB~~,CAAC,CAAC,EAAE~~,EAAE~~;~~IACN~~,OAAO,CACL,CAAC,CAAC,QAAQ;QACV,cAAc,+BAA+B,CAAC,CAAC,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,CAC5F,CAAC;AACJ,CAAC;mBACgB,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;~~CACzC~~,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAuB;;IAEpD,CAAC,CAAC,EAAE,~~EAAE,~~CAAC;~~YACC~~,CAAC,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC;cACjB,CAAC,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,KAAK;CACrC,CAAC;AA8CF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,IAAI,GAAG,gBAAgB,EACvB,QAAQ,EACR,WAAW,GAAG,aAAa,EAC3B,UAAU,EACV,SAAS,GAAG,kBAAkB,GACjB,EAAE,EAAE;IACjB,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IACzB,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI;QACnB,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAE,WAAW,GACxB;QACD,QAAQ;QACR,QAAQ,IAAI,CACX,oBAAC,cAAc,IAAC,SAAS,EAAE,SAAS;YAClC,oBAAC,KAAK,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,GAAI,CAC9B,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAKF,EAAE,EAAE;QALF,EACjB,IAAI,EACJ,QAAQ,GAAG,iBAAiB,EAC5B,SAAS,OAEM,EADZ,YAAY,cAJE,iCAKlB,CADgB;IAEf,OAAO,CACL,oBAAC,OAAO,oBAAK,YAAY;QACvB,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,IAAI,iBAAiB,EAAE,KAAK,EAAE,SAAS,GAAI,CACvD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"BoxedIcon.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/BoxedIcon.tsx"],"names":[],"mappings":"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"}

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

@@ -21,7 +21,7 @@ export const iconNames = Array.from(Object.keys(providers).reduce((set, rawKey)
 }, new Set()));
 const getIconCaseInsensitive = ({ search, object }) => {
     const asLower = search.toLowerCase();
-    const key = Object.keys(object).find((key) => key.toLowerCase().replace(/^_/, "") === asLower);
+    const key = Object.keys(object).find(key => key.toLowerCase().replace(/^_/, "") === asLower);
     return key ? object[key] : null;
 };
 const ProviderIcon = ({ name, size = "S", boxed = false }) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProviderIcon.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/ProviderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,0CAA0C,CAAC;AACtE,OAAO,KAAK,cAAc,MAAM,+CAA+C,CAAC;AAEhF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAExC,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,EAAE;IACN,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;CACP,CAAC;AAUF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CACjC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IAC5C,MAAM,GAAG,GAAG,MAAM;SACf,OAAO,CAAC,+CAA+C,EAAE,IAAI,CAAC;SAC9D,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC;SAC/B,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,IAAI,GAAG,EAAU,CAAC,CACtB,CAAC;AAOF,MAAM,sBAAsB,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAmB,EAAE,EAAE;IACrE,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,~~CAAC,~~GAAG,~~EAAE~~,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;~~IAC/F~~,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK,EAAS,EAAsB,EAAE;IACtF,MAAM,aAAa,GAAG,GAAG,IAAI,EAAE,CAAC;IAEhC,IAAI,KAAK,EAAE;QACT,MAAM,cAAc,GAAG,sBAAsB,CAAC;YAC5C,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,cAAc;SACvB,CAAsB,CAAC;QACxB,IAAI,cAAc,EAAE;YAClB,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ;gBACnF,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAC7B,CACX,CAAC;SACH;QACD,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,sBAAsB,CAAC;QACvC,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,SAAS;KAClB,CAAsB,CAAC;IACxB,IAAI,SAAS,EAAE;QACb,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAAC;KACzC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"ProviderIcon.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/ProviderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,0CAA0C,CAAC;AACtE,OAAO,KAAK,cAAc,MAAM,+CAA+C,CAAC;AAEhF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAExC,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,EAAE;IACN,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;CACP,CAAC;AAUF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CACjC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IAC5C,MAAM,GAAG,GAAG,MAAM;SACf,OAAO,CAAC,+CAA+C,EAAE,IAAI,CAAC;SAC9D,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC;SAC/B,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,IAAI,GAAG,EAAU,CAAC,CACtB,CAAC;AAOF,MAAM,sBAAsB,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAmB,EAAE,EAAE;IACrE,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;IAC7F,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK,EAAS,EAAsB,EAAE;IACtF,MAAM,aAAa,GAAG,GAAG,IAAI,EAAE,CAAC;IAEhC,IAAI,KAAK,EAAE;QACT,MAAM,cAAc,GAAG,sBAAsB,CAAC;YAC5C,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,cAAc;SACvB,CAAsB,CAAC;QACxB,IAAI,cAAc,EAAE;YAClB,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ;gBACnF,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAC7B,CACX,CAAC;SACH;QACD,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,sBAAsB,CAAC;QACvC,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,SAAS;KAClB,CAAsB,CAAC;IACxB,IAAI,SAAS,EAAE;QACb,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAAC;KACzC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -5,7 +5,7 @@ import { textVariantStyle } from "./styles";
 const uppercase = system({
     uppercase: {
         property: "textTransform",
-        transform: (value) => (value ? "uppercase" : "none"),
+        transform: value => (value ? "uppercase" : "none"),
     },
 });
 const Text = baseStyled.span.attrs(({ variant = "body", fontSize, color }) => ({
@@ -13,12 +13,12 @@ const Text = baseStyled.span.attrs(({ variant = "body", fontSize, color }) => ({
     color: color || "neutral.c100",
 })) `
   font-weight: 500;
-  white-space: ${(props) => { var _a; return (_a = props.whiteSpace) !== null && _a !== void 0 ? _a : "normal"; }};
+  white-space: ${props => { var _a; return (_a = props.whiteSpace) !== null && _a !== void 0 ? _a : "normal"; }};
   ${(p) => textVariantStyle[p.variant || "body"]}
   ${compose(uppercase, lineHeight, fontFamily, fontSize, textAlign, fontWeight, letterSpacing, system({
     textOverflow: true,
 }))}
-  ${(p) => (p.textTransform ? `text-transform: ${p.textTransform};` : "")}
+  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : "")}
 `;
 export default Text;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAA+B,MAAM,cAAc,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,SAAS,GAAG,MAAM,CAAC;IACvB,SAAS,EAAE;QACT,QAAQ,EAAE,eAAe;QACzB,SAAS,EAAE,~~CAAC,~~KAAK,~~EAAE~~,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;~~KACrD~~;CACF,CAAC,CAAC;AA4BH,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAChC,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;IACvC,KAAK,EAAE,KAAK,IAAI,cAAc;CAC/B,CAAC,CACH,CAAA;;iBAEgB,~~CAAC,~~KAAK,~~EAAE~~,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,UAAU,mCAAI,QAAQ,CAAA,EAAA;~~IACpD~~,CAAC,CAAY,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,IAAI,MAAM,CAAC;IACvD,OAAO,CACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,aAAa,EACb,MAAM,CAAC;IACL,YAAY,EAAE,IAAI;CACnB,CAAC,CACH;IACC,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;~~CACxE~~,CAAC;AAEF,eAAe,IAAI,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAA+B,MAAM,cAAc,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,SAAS,GAAG,MAAM,CAAC;IACvB,SAAS,EAAE;QACT,QAAQ,EAAE,eAAe;QACzB,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;KACnD;CACF,CAAC,CAAC;AA4BH,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAChC,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;IACvC,KAAK,EAAE,KAAK,IAAI,cAAc;CAC/B,CAAC,CACH,CAAA;;iBAEgB,KAAK,CAAC,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,UAAU,mCAAI,QAAQ,CAAA,EAAA;IAClD,CAAC,CAAY,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,IAAI,MAAM,CAAC;IACvD,OAAO,CACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,aAAa,EACb,MAAM,CAAC;IACL,YAAY,EAAE,IAAI;CACnB,CAAC,CACH;IACC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;CACtE,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/cards/Carousel/Slide.js CHANGED Viewed

@@ -6,10 +6,10 @@ const Wrapper = styled(Flex) `
   width: 100%;
   height: 100%;
   flex-direction: column;
-  padding: ${(p) => p.theme.space[8]}px ${(p) => p.theme.space[10]}px;
+  padding: ${p => p.theme.space[8]}px ${p => p.theme.space[10]}px;
   padding-right: 280px; /* Nb gives air to not overlap the illustration */
-  z-index: ${(p) => p.theme.zIndexes[8]};
-  background: url(${(p) => p.image}) no-repeat ${(p) => p.theme.colors.neutral.c100};
+  z-index: ${p => p.theme.zIndexes[8]};
+  background: url(${p => p.image}) no-repeat ${p => p.theme.colors.neutral.c100};
   background-size: contain;
   background-position: right 60px bottom;
 `;

package/lib/components/cards/Carousel/Slide.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slide.js","sourceRoot":"","sources":["../../../../src/components/cards/Carousel/Slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAErC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAoB;;;;aAInC,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;;~~aAErD~~,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;~~oBACnB~~,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,KAAK,eAAe,CAAC,CAAC,EAAE,~~EAAE,~~CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;~~CAGlF~~,CAAC;AASF,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAS,EAAsB,EAAE;IAClF,OAAO,CACL,oBAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO;QACjD,oBAAC,IAAI,IAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,IAC5D,KAAK,CACD;QACP,oBAAC,IAAI,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAC,aAAa,EAAC,aAAa,EAAC,WAAW,IAC/D,WAAW,CACP,CACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"Slide.js","sourceRoot":"","sources":["../../../../src/components/cards/Carousel/Slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAErC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAoB;;;;aAInC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;;aAEjD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;CAG9E,CAAC;AASF,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAS,EAAsB,EAAE;IAClF,OAAO,CACL,oBAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO;QACjD,oBAAC,IAAI,IAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,IAC5D,KAAK,CACD;QACP,oBAAC,IAAI,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAC,aAAa,EAAC,aAAa,EAAC,WAAW,IAC/D,WAAW,CACP,CACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}