npm - @ledgerhq/react-ui - Versions diffs - 0.14.9 → 0.14.10-tag-word.0 - Mend

@ledgerhq/react-ui 0.14.9 → 0.14.10-tag-word.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 (102) hide show

package/lib/cjs/components/cards/Carousel/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/cards/Carousel/index.tsx"],
-  "sourcesContent": ["import React, { useRef, useCallback, useState, useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { TransitionGroup } from \"react-transition-group\";\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\n\nimport Button from \"../../cta/Button\";\nimport Text from \"../../asorted/Text\";\nimport Flex from \"../../layout/Flex\";\nimport Slide, { Props as SlideProps } from \"./Slide\";\n\nimport IconLeft from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport IconRight from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport IconClose from \"@ledgerhq/icons-ui/reactLegacy/CloseMedium\";\n\nconst CarouselWrapper = styled.div`\n  width: 100%;\n  height: 180px;\n  border-radius: 8px;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  flex: 1;\n  background: ${p => p.theme.colors.neutral.c100};\n`;\n\nconst Controllers = styled(Flex)`\n  position: absolute;\n  flex-direction: row;\n  right: ${p => p.theme.space[5]}px;\n  bottom: ${p => p.theme.space[4]}px;\n  column-gap: ${p => p.theme.space[4]}px;\n  color: ${p => p.theme.colors.neutral.c00};\n\n  > div {\n    &:hover {\n      opacity: 0.5;\n    }\n  }\n`;\n\nconst Bullets = styled.div<{ active?: number }>`\n  position: absolute;\n  display: flex;\n  left: ${p => p.theme.space[10]}px;\n  bottom: ${p => p.theme.space[8]}px;\n  column-gap: ${p => p.theme.space[2]}px;\n  flex-direction: row;\n\n  > div {\n    position: relative;\n    height: ${p => p.theme.space[1]}px;\n    width: ${p => p.theme.space[8]}px;\n    background: ${p => p.theme.colors.neutral.c00};\n    opacity: 0.5;\n    &:hover {\n      opacity: 0.75;\n    }\n\n    &:nth-child(${p => p.active}) {\n      opacity: 1;\n      &:hover {\n        opacity: 0.75;\n      }\n    }\n\n    ::after {\n      content: \"\";\n      position: absolute;\n      top: -${p => p.theme.space[4]}px;\n      height: ${p => p.theme.space[7]}px;\n      width: 100%;\n    }\n  }\n`;\n\nconst Close = styled.div`\n  position: absolute;\n  top: ${p => p.theme.space[7]}px;\n  right: ${p => p.theme.space[5]}px;\n  color: ${p => p.theme.colors.neutral.c00};\n  &:hover {\n    opacity: 0.5;\n  }\n`;\n\nconst DismissWrapper = styled.div`\n  color: white;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  padding: ${p => p.theme.space[13]}px;\n  row-gap: ${p => p.theme.space[7]}px;\n`;\n\nexport type Props = {\n  timeout?: number;\n  queue: SlideProps[];\n  isDismissed: boolean;\n  onDismiss: () => void;\n  dismissText?: React.ReactNode;\n  dismissConfirmText?: React.ReactNode;\n  dismissCancelText?: React.ReactNode;\n};\n\nconst DEFAULT_TIMEOUT = 7000;\nconst Carousel = ({\n  timeout = DEFAULT_TIMEOUT,\n  queue,\n  isDismissed,\n  onDismiss,\n  dismissText = \"This banner will not show up again until there is a new announcement\",\n  dismissConfirmText = \"Confirm\",\n  dismissCancelText = \"Show again\",\n}: Props): React.ReactElement | null => {\n  const intervalRef = useRef<ReturnType<typeof setInterval>>();\n\n  const [direction, setDirection] = useState(\"right\");\n  const [index, setIndex] = useState(0);\n  const [wantToDismiss, setWantToDismiss] = useState(false);\n  const [paused, setPaused] = useState(false);\n  const childFactory = useCallback(child => React.cloneElement(child, { direction }), [direction]);\n\n  const wrappedSetIndex = useCallback(\n    newIndex => {\n      setDirection(newIndex > index ? \"left\" : \"right\");\n      setIndex(newIndex);\n    },\n    [index],\n  );\n\n  const onSlide = useCallback(\n    (direction = \"left\") => {\n      setDirection(direction);\n      const i = index + (direction === \"right\" ? -1 : 1);\n      setIndex(i < 0 ? queue.length - 1 : i >= queue.length ? 0 : i);\n    },\n    [index, queue],\n  );\n  const onPrevious = useCallback(() => onSlide(\"right\"), [onSlide]);\n  const onNext = useCallback(() => onSlide(\"left\"), [onSlide]);\n\n  const onWantToDismiss = () => setWantToDismiss(true);\n  const onCancelDismiss = () => setWantToDismiss(false);\n\n  const onMouseEnter = () => setPaused(true);\n  const onMouseLeave = () => setPaused(false);\n\n  useEffect(() => {\n    // Nb we pause automatic transitions when the mouse is within the carousel.\n    // Override passed timeout if lower than 1000ms\n    const _timeout = timeout < 1000 ? DEFAULT_TIMEOUT : timeout;\n    if (intervalRef.current) clearInterval(intervalRef.current);\n    if (!paused) intervalRef.current = setInterval(onSlide, _timeout);\n  }, [onSlide, paused, timeout]);\n\n  useEffect(() => {\n    if (isDismissed) setWantToDismiss(false);\n  }, [isDismissed]);\n\n  if (!queue?.length || isDismissed) return null;\n\n  return (\n    <CarouselWrapper id={\"carousel\"} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n      {wantToDismiss ? (\n        <DismissWrapper>\n          <Text color=\"neutral.c00\" fontWeight=\"medium\" variant={\"paragraph\"}>\n            {dismissText}\n          </Text>\n          <Flex columnGap={5}>\n            <Button color=\"neutral.c100\" backgroundColor=\"neutral.c00\" onClick={onDismiss}>\n              {dismissConfirmText}\n            </Button>\n            <Button\n              outline\n              color=\"neutral.c00\"\n              backgroundColor=\"neutral.c100\"\n              borderColor=\"neutral.c00\"\n              onClick={onCancelDismiss}\n            >\n              {dismissCancelText}\n            </Button>\n          </Flex>\n        </DismissWrapper>\n      ) : (\n        <div>\n          <TransitionGroup component={null} childFactory={childFactory}>\n            <TransitionSlide key={index} direction={direction}>\n              <Slide {...queue[index]} />\n            </TransitionSlide>\n          </TransitionGroup>\n\n          <Close id={\"carousel-dismiss\"} onClick={onWantToDismiss}>\n            <IconClose size={18} />\n          </Close>\n\n          <Bullets active={index + 1}>\n            {queue.map((_, i) => (\n              <div key={`bullet_${i}`} onClick={() => wrappedSetIndex(i)} />\n            ))}\n          </Bullets>\n\n          <Controllers>\n            <div onClick={onPrevious}>\n              <IconLeft size={20} />\n            </div>\n            <div onClick={onNext}>\n              <IconRight size={20} />\n            </div>\n          </Controllers>\n        </div>\n      )}\n    </CarouselWrapper>\n  );\n};\n\nexport default Carousel;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useRef, useCallback, useState, useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { TransitionGroup } from \"react-transition-group\";\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\n\nimport Button from \"../../cta/Button\";\nimport Text from \"../../asorted/Text\";\nimport Flex from \"../../layout/Flex\";\nimport Slide, { Props as SlideProps } from \"./Slide\";\n\nimport IconLeft from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport IconRight from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport IconClose from \"@ledgerhq/icons-ui/reactLegacy/CloseMedium\";\n\nconst CarouselWrapper = styled.div`\n  width: 100%;\n  height: 180px;\n  border-radius: 8px;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  flex: 1;\n  background: ${p => p.theme.colors.neutral.c100};\n`;\n\nconst Controllers = styled(Flex)`\n  position: absolute;\n  flex-direction: row;\n  right: ${p => p.theme.space[5]}px;\n  bottom: ${p => p.theme.space[4]}px;\n  column-gap: ${p => p.theme.space[4]}px;\n  color: ${p => p.theme.colors.neutral.c00};\n\n  > div {\n    &:hover {\n      opacity: 0.5;\n    }\n  }\n`;\n\nconst Bullets = styled.div<{ active?: number }>`\n  position: absolute;\n  display: flex;\n  left: ${p => p.theme.space[10]}px;\n  bottom: ${p => p.theme.space[8]}px;\n  column-gap: ${p => p.theme.space[2]}px;\n  flex-direction: row;\n\n  > div {\n    position: relative;\n    height: ${p => p.theme.space[1]}px;\n    width: ${p => p.theme.space[8]}px;\n    background: ${p => p.theme.colors.neutral.c00};\n    opacity: 0.5;\n    &:hover {\n      opacity: 0.75;\n    }\n\n    &:nth-child(${p => p.active}) {\n      opacity: 1;\n      &:hover {\n        opacity: 0.75;\n      }\n    }\n\n    ::after {\n      content: \"\";\n      position: absolute;\n      top: -${p => p.theme.space[4]}px;\n      height: ${p => p.theme.space[7]}px;\n      width: 100%;\n    }\n  }\n`;\n\nconst Close = styled.div`\n  position: absolute;\n  top: ${p => p.theme.space[7]}px;\n  right: ${p => p.theme.space[5]}px;\n  color: ${p => p.theme.colors.neutral.c00};\n  &:hover {\n    opacity: 0.5;\n  }\n`;\n\nconst DismissWrapper = styled.div`\n  color: white;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  padding: ${p => p.theme.space[13]}px;\n  row-gap: ${p => p.theme.space[7]}px;\n`;\n\nexport type Props = {\n  timeout?: number;\n  queue: SlideProps[];\n  isDismissed: boolean;\n  onDismiss: () => void;\n  dismissText?: React.ReactNode;\n  dismissConfirmText?: React.ReactNode;\n  dismissCancelText?: React.ReactNode;\n};\n\nconst DEFAULT_TIMEOUT = 7000;\nconst Carousel = ({\n  timeout = DEFAULT_TIMEOUT,\n  queue,\n  isDismissed,\n  onDismiss,\n  dismissText = \"This banner will not show up again until there is a new announcement\",\n  dismissConfirmText = \"Confirm\",\n  dismissCancelText = \"Show again\",\n}: Props): React.ReactElement | null => {\n  const intervalRef = useRef<ReturnType<typeof setInterval>>();\n\n  const [direction, setDirection] = useState(\"right\");\n  const [index, setIndex] = useState(0);\n  const [wantToDismiss, setWantToDismiss] = useState(false);\n  const [paused, setPaused] = useState(false);\n  const childFactory = useCallback(\n    (child: any) => React.cloneElement(child, { direction }),\n    [direction],\n  );\n\n  const wrappedSetIndex = useCallback(\n    (newIndex: number) => {\n      setDirection(newIndex > index ? \"left\" : \"right\");\n      setIndex(newIndex);\n    },\n    [index],\n  );\n\n  const onSlide = useCallback(\n    (direction = \"left\") => {\n      setDirection(direction);\n      const i = index + (direction === \"right\" ? -1 : 1);\n      setIndex(i < 0 ? queue.length - 1 : i >= queue.length ? 0 : i);\n    },\n    [index, queue],\n  );\n  const onPrevious = useCallback(() => onSlide(\"right\"), [onSlide]);\n  const onNext = useCallback(() => onSlide(\"left\"), [onSlide]);\n\n  const onWantToDismiss = () => setWantToDismiss(true);\n  const onCancelDismiss = () => setWantToDismiss(false);\n\n  const onMouseEnter = () => setPaused(true);\n  const onMouseLeave = () => setPaused(false);\n\n  useEffect(() => {\n    // Nb we pause automatic transitions when the mouse is within the carousel.\n    // Override passed timeout if lower than 1000ms\n    const _timeout = timeout < 1000 ? DEFAULT_TIMEOUT : timeout;\n    if (intervalRef.current) clearInterval(intervalRef.current);\n    if (!paused) intervalRef.current = setInterval(onSlide, _timeout);\n  }, [onSlide, paused, timeout]);\n\n  useEffect(() => {\n    if (isDismissed) setWantToDismiss(false);\n  }, [isDismissed]);\n\n  if (!queue?.length || isDismissed) return null;\n\n  return (\n    <CarouselWrapper id={\"carousel\"} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n      {wantToDismiss ? (\n        <DismissWrapper>\n          <Text color=\"neutral.c00\" fontWeight=\"medium\" variant={\"paragraph\"}>\n            {dismissText}\n          </Text>\n          <Flex columnGap={5}>\n            <Button color=\"neutral.c100\" backgroundColor=\"neutral.c00\" onClick={onDismiss}>\n              {dismissConfirmText}\n            </Button>\n            <Button\n              outline\n              color=\"neutral.c00\"\n              backgroundColor=\"neutral.c100\"\n              borderColor=\"neutral.c00\"\n              onClick={onCancelDismiss}\n            >\n              {dismissCancelText}\n            </Button>\n          </Flex>\n        </DismissWrapper>\n      ) : (\n        <div>\n          <TransitionGroup component={null} childFactory={childFactory}>\n            <TransitionSlide key={index} direction={direction}>\n              <Slide {...queue[index]} />\n            </TransitionSlide>\n          </TransitionGroup>\n\n          <Close id={\"carousel-dismiss\"} onClick={onWantToDismiss}>\n            <IconClose size={18} />\n          </Close>\n\n          <Bullets active={index + 1}>\n            {queue.map((_, i) => (\n              <div key={`bullet_${i}`} onClick={() => wrappedSetIndex(i)} />\n            ))}\n          </Bullets>\n\n          <Controllers>\n            <div onClick={onPrevious}>\n              <IconLeft size={20} />\n            </div>\n            <div onClick={onNext}>\n              <IconRight size={20} />\n            </div>\n          </Controllers>\n        </div>\n      )}\n    </CarouselWrapper>\n  );\n};\n\nexport default Carousel;\n"],
+  "mappings": "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",
   "names": ["styled", "Flex", "React", "direction", "Text", "Button", "TransitionSlide", "Slide", "IconClose", "IconLeft", "IconRight"]
 }

package/lib/cjs/components/cta/Button/Button.stories.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/cta/Button/Button.stories.tsx"],
   "sourcesContent": ["import React, { Fragment } from \"react\";\nimport Button, { ButtonExpandProps, ButtonProps, ButtonVariants, IconPosition } from \"./index\";\nimport Text from \"../../asorted/Text\";\nimport { PlusMedium, WalletAddMedium } from \"@ledgerhq/icons-ui/reactLegacy/\";\nimport { InvertTheme } from \"../../../styles/InvertTheme\";\nimport Flex from \"../../layout/Flex\";\nimport Grid from \"../../layout/Grid\";\nimport { StoryTemplate } from \"../../helpers\";\n\nconst iconPositions: IconPosition[] = [\"left\", \"right\"];\nconst buttonVariants: ButtonVariants[] = [\"main\", \"shade\", \"color\", \"error\"];\n\nexport default {\n  title: \"cta/Button\",\n  component: Button,\n  argTypes: {\n    variant: {\n      options: [undefined, ...buttonVariants],\n      control: {\n        type: \"radio\",\n      },\n    },\n    size: {\n      options: [undefined, \"small\", \"medium\", \"large\"],\n      control: { type: \"radio\" },\n    },\n    fontSize: {\n      options: [undefined, 0, 1, 2, 3, 4, 5, 6, 7, 8],\n      control: {\n        type: \"radio\",\n      },\n    },\n    children: {\n      type: \"text\",\n    },\n    iconPosition: {\n      options: iconPositions,\n      control: {\n        type: \"radio\",\n      },\n    },\n    disabled: {\n      type: \"boolean\",\n    },\n    outline: {\n      type: \"boolean\",\n    },\n  },\n};\n\nexport const Overview = ((args: ButtonProps) => {\n  const templateProps = { Icon: PlusMedium, children: \"Try me\", onClick: () => {} };\n  const propsArr = [\n    { ...templateProps, Icon: undefined },\n    { ...templateProps, iconPosition: iconPositions[0] },\n    { ...templateProps, iconPosition: iconPositions[1] },\n    { ...templateProps, children: \"\" },\n  ];\n  return (\n    <Grid columns=\"none\" gridTemplateColumns=\"max-content repeat(4, 1fr)\" columnGap={8} rowGap={8}>\n      {buttonVariants.flatMap((buttonType, i) =>\n        [false, true].map((outline, j) => (\n          <Fragment key={`${i}:${j}`}>\n            <Text variant=\"small\" color=\"neutral.c70\">\n              variant=\"{buttonType}\"<br />\n              outline={`{${outline.toString()}}`}\n            </Text>\n            {propsArr.map(buttonProps => (\n              <Flex flex={1} columnGap={4}>\n                {[false, true].map(disabled => (\n                  <Button\n                    size={args.size}\n                    variant={buttonType}\n                    outline={outline}\n                    disabled={disabled}\n                    {...buttonProps}\n                  />\n                ))}\n              </Flex>\n            ))}\n          </Fragment>\n        )),\n      )}\n    </Grid>\n  );\n}).bind({});\n\nexport const Default: StoryTemplate<ButtonProps> = args => {\n  return <Button {...args}>{args.children || \"Regular button\"}</Button>;\n};\n\nexport const Inverted: StoryTemplate<ButtonProps> = args => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex flex=\"0 0 1\" p={4} alignItems=\"center\" bg=\"background.main\">\n        <Button {...args}>{args.children || \"Regular button\"}</Button>\n      </Flex>\n      <InvertTheme>\n        <Flex flex=\"0 0 1\" p={4} alignItems=\"center\" bg=\"background.main\">\n          <Button {...args}>{args.children || \"Inverted button\"}</Button>\n        </Flex>\n      </InvertTheme>\n    </Flex>\n  );\n};\n\nexport const IconButton: StoryTemplate<ButtonProps> = args => {\n  return <Button {...args}>{args.children || \"Regular button\"}</Button>;\n};\nIconButton.args = {\n  children: \"\",\n  Icon: WalletAddMedium,\n  iconPosition: \"right\",\n};\n\nexport const Expand: StoryTemplate<ButtonProps> = (args: ButtonExpandProps) => {\n  const [show, setShow] = React.useState(false);\n  return (\n    <>\n      <Button.Expand {...args} onToggle={setShow}>\n        {args.children}\n      </Button.Expand>\n      {show && (\n        <div\n          style={{\n            padding: \"1rem\",\n          }}\n        >\n          Hello world!\n        </div>\n      )}\n    </>\n  );\n};\nExpand.args = {\n  children: \"Show all\",\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Button", "React", "Grid", "Text", "Flex"]
 }

package/lib/cjs/components/cta/Button/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/cta/Button/index.tsx"],
   "sourcesContent": ["import React, { useState, useMemo } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport { fontSize, border, BordersProps, compose } from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport { rgba } from \"../../../styles/helpers\";\nimport ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\n\nexport type ButtonVariants = \"main\" | \"shade\" | \"error\" | \"color\" | \"neutral\";\nexport type IconPosition = \"right\" | \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n  ff?: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: \"small\" | \"medium\" | \"large\";\n  fontSize?: number;\n  variant?: ButtonVariants;\n  outline?: boolean;\n  iconPosition?: IconPosition;\n  iconButton?: boolean;\n  disabled?: boolean;\n  whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n  Icon?: React.ComponentType<{ size: number; color?: string }>;\n  children?: React.ReactNode;\n  onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n  iconSize?: number;\n  style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n  iconPosition: IconPosition;\n}>`\n  display: inline-block;\n  ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n  padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n  main: {\n    outline: `\n        border-color: ${p.theme.colors.neutral.c100};\n        color: ${p.theme.colors.neutral.c100};\n        background-color: transparent;\n        &:hover, &:focus {\n          background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n        }\n        &:active {\n          background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n        }\n      `,\n    filled: `\n        color: ${p.theme.colors.neutral.c00};\n        background-color: ${p.theme.colors.neutral.c100};\n        &:hover, &:focus {\n          background-color: ${p.theme.colors.neutral.c90};\n        }\n      `,\n  },\n  shade: `\n      border-color: ${p.theme.colors.neutral.c40};\n      color: ${p.theme.colors.neutral.c100};\n      &:focus {\n        border-color: ${p.theme.colors.primary.c80};\n      }\n\n      &:hover, &:focus {\n        background-color: ${p.theme.colors.neutral.c20};\n      }\n\n      &:active {\n        background-color: ${p.theme.colors.neutral.c30};\n      }\n    `,\n  error: {\n    outline: `\n      border-color: ${p.theme.colors.error.c50};\n      color: ${p.theme.colors.error.c50};\n      background-color: transparent;\n      &:hover {\n        background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n      }\n      &:active {\n        background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n      }\n    `,\n    filled: `\n      color: ${p.theme.colors.neutral.c00};\n      background-color: ${p.theme.colors.error.c50};\n      &:hover {\n        background-color: ${p.theme.colors.error.c40};\n      }\n    `,\n  },\n  neutral: `\n    color: ${p.theme.colors.neutral.c100};\n    background-color: ${p.theme.colors.neutral.c30};\n    &:hover {\n      background-color: ${p.theme.colors.neutral.c40};\n    }\n  `,\n  color: {\n    outline: `\n      border-color: ${p.theme.colors.primary.c80};\n      color: ${p.theme.colors.primary.c80};\n      background-color: transparent;\n      &:hover {\n        background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n      }\n      &:active {\n        background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n      }\n    `,\n    filled: `\n      color: ${p.theme.colors.neutral.c00};\n      background-color: ${p.theme.colors.primary.c80};\n      &:hover {\n        background-color: ${p.theme.colors.primary.c70};\n      }\n    `,\n  },\n  disabled: {\n    outline: `\n        border-color: ${p.theme.colors.neutral.c50};\n        color: ${p.theme.colors.neutral.c50};\n        background-color: transparent;\n        &:focus, &:hover {\n          box-shadow: none;\n        }\n      `,\n    filled: `\n        color: ${p.theme.colors.neutral.c50};\n        background-color: ${p.theme.colors.neutral.c30};\n        &:focus, &:hover {\n          box-shadow: none;\n        }\n      `,\n  },\n  default: `\n    color: ${p.theme.colors.neutral.c100};\n    background-color: transparent;\n    &:hover {\n      text-decoration: underline;\n    }\n  `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n  all: unset;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: default;\n  }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n  fontFamily: \"Inter\",\n  fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: ${p => p.theme.space[13]}px;\n  border-style: solid;\n  border-width: ${p => (p.outline || p.variant === \"shade\" ? 1 : 0)}px;\n  font-weight: 600;\n  ${compose(fontFamily, fontSize, border)};\n  line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n  text-align: center;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  ${p => buttonSizeStyle[p.size || \"medium\"]}\n  text-overflow: ellipsis;\n  white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n  max-width: 100%;\n  position: relative;\n  cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n  &:active {\n    box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n  }\n  &:focus, &:hover {\n    box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n  }\n\n  ${p => {\n    const variants = getVariantColors(p);\n    if (p.disabled) {\n      return p.outline || p.variant === \"shade\"\n        ? variants.disabled.outline\n        : variants.disabled.filled;\n    }\n\n    const variant: ButtonVariants | \"default\" =\n      p.variant ?? (\"default\" as ButtonVariants | \"default\");\n    switch (variant) {\n      case \"main\":\n        return p.outline ? variants.main.outline : variants.main.filled;\n      case \"shade\":\n        return variants.shade;\n\n      case \"error\":\n        return p.outline ? variants.error.outline : variants.error.filled;\n\n      case \"color\":\n        return p.outline ? variants.color.outline : variants.color.filled;\n\n      case \"neutral\":\n        return variants.neutral;\n\n      case \"default\":\n      default:\n        return variants.default;\n    }\n  }}\n  ${p =>\n    p.iconButton\n      ? css`\n          width: ${p.theme.space[12]}px;\n          padding: 0;\n          ${IconContainer} {\n            margin: 0;\n          }\n        `\n      : \"\"}\n  ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n  { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n  const iconNodeSize = iconSize || fontSizes[props.fontSize ?? 4];\n  const IconNode = useMemo(() => Icon && <Icon size={iconNodeSize} />, [iconNodeSize, Icon]);\n\n  return (\n    <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n      {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n      {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n      {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n    </Base>\n  );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n  ButtonProps & {\n    onToggle?: (arg0: boolean) => void;\n  }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n  Icon: props.Icon != null || ChevronBottom,\n  iconPosition: props.iconPosition || \"right\",\n}))<{ expanded: boolean }>`\n  ${IconContainer} {\n    transition: transform 0.25s;\n    ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n  }\n`;\nexport function ButtonExpand(\n  { onToggle, onClick, ...props }: ButtonExpandProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n  const [expanded, setExpanded] = useState(false);\n  return (\n    <StyledButtonExpand\n      {...props}\n      ref={ref}\n      expanded={expanded}\n      onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n        setExpanded(expanded => !expanded);\n        onToggle != null && onToggle(!expanded);\n        onClick != null && onClick(event);\n      }}\n    />\n  );\n}\n\nexport const buttonSizeStyle: {\n  [index: string]: {\n    padding: string;\n    height: string;\n  };\n} = {\n  small: {\n    padding: \"0 20px\",\n    height: \"32px\",\n  },\n  medium: {\n    padding: \"0 24px\",\n    height: \"40px\",\n  },\n  large: {\n    padding: \"0 28px\",\n    height: \"48px\",\n  },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["styled", "baseStyled", "fontFamily", "React", "ChevronBottom", "expanded"]
 }

package/lib/cjs/components/cta/Link/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/cta/Link/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport { getLinkColors } from \"./getLinkStyle\";\nimport { ctaIconSize, ctaTextType } from \"../getCtaStyle\";\nimport { Text } from \"../../asorted\";\nimport { TextProps } from \"../../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  BaseStyledProps & {\n    /**\n     * Component that takes `{size: number; color?: string}` as props\n     */\n    Icon?: React.ComponentType<{ size: number; color?: string }>;\n    /**\n     * Affects the colors of the text, icon & underline, can be overriden by the `color` prop\n     */\n    type?: \"main\" | \"shade\" | \"color\";\n    /**\n     * Affect the font variant & icon size\n     */\n    size?: \"small\" | \"medium\" | \"large\";\n    /**\n     * Color of the link, overrides colors defined by the `type` prop\n     */\n    color?: string;\n    /**\n     * Props passed to the rendered text\n     */\n    textProps?: TextProps;\n    /**\n     * If true text will always be underlined, else it will be underlined only on hover\n     */\n    alwaysUnderline?: boolean;\n    /**\n     * Position of the icon relative to the text\n     */\n    iconPosition?: \"right\" | \"left\";\n    disabled?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const DEFAULT_ICON_POSITION = \"right\";\nexport const DEFAULT_SIZE = \"medium\";\nexport const DEFAULT_TYPE = \"main\";\n\nconst IconContainer = styled.div<{\n  iconPosition: \"right\" | \"left\";\n  iconLink?: boolean;\n}>`\n  ${p => (p.iconLink ? \"\" : p.iconPosition === \"left\" ? `margin-right: 6px;` : `margin-left: 6px;`)}\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const Base = baseStyled.a<LinkProps>`\n  color: ${({ color, theme, disabled, type = \"main\" }) =>\n    color || getLinkColors(theme.colors)[disabled ? \"disabled\" : type][\"default\"]};\n  cursor: pointer;\n  display: inline-flex;\n  flex-direction: row;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n\n  :hover {\n    text-decoration: underline;\n  }\n  :active {\n    color: ${({ color, theme, type = \"main\" }) =>\n      color || getLinkColors(theme.colors)[type][\"pressed\"]};\n    text-decoration: underline;\n  }\n\n  text-decoration: ${p => (p.alwaysUnderline ? \"underline\" : \"none\")};\n\n`;\n\nconst LinkContainer = ({\n  Icon,\n  iconPosition = DEFAULT_ICON_POSITION,\n  children,\n  color,\n  size = DEFAULT_SIZE,\n  textProps,\n}: LinkProps): React.ReactElement => {\n  const text = (\n    <Text\n      variant={ctaTextType[size]}\n      fontWeight=\"semiBold\"\n      color={color || \"inherit\"}\n      {...textProps}\n    >\n      {children}\n    </Text>\n  );\n\n  return (\n    <>\n      {iconPosition === \"right\" && children ? text : null}\n      {Icon ? (\n        <IconContainer iconLink={!children} iconPosition={iconPosition}>\n          <Icon size={ctaIconSize[size]} color={color || \"currentcolor\"} />\n        </IconContainer>\n      ) : null}\n      {iconPosition === \"left\" && children ? text : null}\n    </>\n  );\n};\n\nconst Link = (props: LinkProps): React.ReactElement => {\n  const { type = DEFAULT_TYPE, size = DEFAULT_SIZE, color } = props;\n  return (\n    <Base color={color} {...props}>\n      <LinkContainer {...props} type={type} size={size} />\n    </Base>\n  );\n};\n\nexport default Link;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,0BAA8B;AAC9B,yBAAyC;AACzC,qBAAqB;AAErB,oBAA4C;AAoCrC,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AACrB,MAAM,eAAe;AAE5B,MAAM,gBAAgB,yBAAAA,QAAO;AAAA,IAIzB,OAAM,EAAE,WAAW,KAAK,EAAE,iBAAiB,SAAS,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAMxE,MAAM,OAAO,cAAAC,QAAW;AAAA,WACpB,CAAC,EAAE,OAAO,OAAO,UAAU,OAAO,OAAO,MAChD,aAAS,mCAAc,MAAM,MAAM,EAAE,WAAW,aAAa,IAAI,EAAE,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAYnE,CAAC,EAAE,OAAO,OAAO,OAAO,OAAO,MACtC,aAAS,mCAAc,MAAM,MAAM,EAAE,IAAI,EAAE,SAAS;AAAA;AAAA;AAAA;AAAA,qBAIrC,OAAM,EAAE,kBAAkB,cAAc;AAAA;AAAA;AAI7D,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAAqC;AACnC,QAAM,OACJ,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,+BAAY,IAAI;AAAA,MACzB,YAAW;AAAA,MACX,OAAO,SAAS;AAAA,MACf,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAGF,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,iBAAiB,WAAW,WAAW,OAAO,MAC9C,OACC,6BAAAA,QAAA,cAAC,iBAAc,UAAU,CAAC,UAAU,gBAClC,6BAAAA,QAAA,cAAC,QAAK,MAAM,+BAAY,IAAI,GAAG,OAAO,SAAS,gBAAgB,CACjE,IACE,MACH,iBAAiB,UAAU,WAAW,OAAO,IAChD;AAEJ;AAEA,MAAM,OAAO,CAAC,UAAyC;AACrD,QAAM,EAAE,OAAO,cAAc,OAAO,cAAc,MAAM,IAAI;AAC5D,SACE,6BAAAA,QAAA,cAAC,QAAK,OAAe,GAAG,SACtB,6BAAAA,QAAA,cAAC,iBAAe,GAAG,OAAO,MAAY,MAAY,CACpD;AAEJ;AAEA,IAAO,eAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,0BAA8B;AAC9B,yBAAyC;AACzC,qBAAqB;AAErB,oBAA4C;AAoCrC,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AACrB,MAAM,eAAe;AAE5B,MAAM,gBAAgB,yBAAAA,QAAO;AAAA,IAIzB,OAAM,EAAE,WAAW,KAAK,EAAE,iBAAiB,SAAS,uBAAuB,mBAAoB;AAAA;AAAA;AAAA;AAAA;AAM5F,MAAM,OAAO,cAAAC,QAAW;AAAA,WACpB,CAAC,EAAE,OAAO,OAAO,UAAU,OAAO,OAAO,MAChD,aAAS,mCAAc,MAAM,MAAM,EAAE,WAAW,aAAa,IAAI,EAAE,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAYpE,CAAC,EAAE,OAAO,OAAO,OAAO,OAAO,MACtC,aAAS,mCAAc,MAAM,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,qBAItC,OAAM,EAAE,kBAAkB,cAAc,MAAO;AAAA;AAAA;AAIpE,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAAqC;AACnC,QAAM,OACJ,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,+BAAY,IAAI;AAAA,MACzB,YAAW;AAAA,MACX,OAAO,SAAS;AAAA,MACf,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAGF,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,iBAAiB,WAAW,WAAW,OAAO,MAC9C,OACC,6BAAAA,QAAA,cAAC,iBAAc,UAAU,CAAC,UAAU,gBAClC,6BAAAA,QAAA,cAAC,QAAK,MAAM,+BAAY,IAAI,GAAG,OAAO,SAAS,gBAAgB,CACjE,IACE,MACH,iBAAiB,UAAU,WAAW,OAAO,IAChD;AAEJ;AAEA,MAAM,OAAO,CAAC,UAAyC;AACrD,QAAM,EAAE,OAAO,cAAc,OAAO,cAAc,MAAM,IAAI;AAC5D,SACE,6BAAAA,QAAA,cAAC,QAAK,OAAe,GAAG,SACtB,6BAAAA,QAAA,cAAC,iBAAe,GAAG,OAAO,MAAY,MAAY,CACpD;AAEJ;AAEA,IAAO,eAAQ;",
   "names": ["styled", "baseStyled", "React"]
 }

package/lib/cjs/components/form/BaseInput/Input.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/form/BaseInput/Input.stories.tsx"],
-  "sourcesContent": ["import React, { useState } from \"react\";\nimport Button from \"../../cta/Button\";\nimport Input, { InputProps, InputRenderLeftContainer, InputRenderRightContainer } from \"./index\";\nimport { Flex, Text } from \"../..\";\n\nexport default {\n  title: \"Form/Input/Base\",\n  argTypes: {\n    disabled: {\n      type: \"boolean\",\n      defaultValue: false,\n    },\n    error: {\n      type: \"string\",\n      defaultValue: undefined,\n    },\n    warning: {\n      type: \"string\",\n      defaultValue: undefined,\n    },\n    clearable: {\n      type: \"boolean\",\n      defaultValue: false,\n    },\n  },\n};\n\nexport const Base = (args: InputProps): JSX.Element => {\n  const [value, setValue] = React.useState(\"\");\n\n  return <Input {...args} value={value} onChange={setValue} placeholder={\"Placeholder\"} />;\n};\n\nexport const RenderSideExemple = (): JSX.Element => {\n  const [disabled, setDisabled] = useState(false);\n  const [error, setError] = React.useState(\"\");\n  const [value, setValue] = React.useState(\"test@ledger.fr\");\n\n  const renderLeft = (\n    <InputRenderLeftContainer>\n      <Button variant=\"main\" outline onClick={() => setDisabled(!disabled)}>\n        disable\n      </Button>\n    </InputRenderLeftContainer>\n  );\n  const renderRight = (props: { disabled: boolean }) => {\n    return (\n      <InputRenderRightContainer>\n        <Button\n          variant=\"main\"\n          outline\n          onClick={() => setError(error ? \"\" : \"Error message\")}\n          /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */\n          // @ts-ignore\n          disabled={props.disabled}\n        >\n          error\n        </Button>\n      </InputRenderRightContainer>\n    );\n  };\n\n  return (\n    <Input\n      value={value}\n      disabled={disabled}\n      error={error}\n      onChange={setValue}\n      renderLeft={renderLeft}\n      renderRight={renderRight}\n      placeholder={\"test\"}\n    />\n  );\n};\n\nfunction serialize(value: string) {\n  return value.split(\"\").join(\".\");\n}\n\nfunction deserialize(value: string) {\n  return value.replace(/\\./g, \"\");\n}\n\nexport const CustomSerializer = (args: InputProps): JSX.Element => {\n  const [value, setValue] = React.useState(\"\");\n\n  return (\n    <Flex flexDirection=\"column\" rowGap={8}>\n      <Input\n        {...args}\n        value={value}\n        onChange={setValue}\n        serialize={serialize}\n        deserialize={deserialize}\n        placeholder={\"Placeholder\"}\n      />\n      <span>\n        <Text variant=\"large\">Value: </Text>\n        {value}\n      </span>\n    </Flex>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,oBAAmB;AACnB,mBAAuF;AACvF,eAA2B;AAE3B,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAEO,MAAM,OAAO,CAAC,SAAkC;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,EAAE;AAE3C,SAAO,6BAAAA,QAAA,cAAC,aAAAC,SAAA,EAAO,GAAG,MAAM,OAAc,UAAU,UAAU,aAAa,eAAe;AACxF;AAEO,MAAM,oBAAoB,MAAmB;AAClD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAD,QAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,gBAAgB;AAEzD,QAAM,aACJ,6BAAAA,QAAA,cAAC,6CACC,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,SAAQ,QAAO,SAAO,MAAC,SAAS,MAAM,YAAY,CAAC,QAAQ,KAAG,SAEtE,CACF;AAEF,QAAM,cAAc,CAAC,UAAiC;AACpD,WACE,6BAAAF,QAAA,cAAC,8CACC,6BAAAA,QAAA;AAAA,MAAC,cAAAE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAO;AAAA,QACP,SAAS,MAAM,SAAS,QAAQ,KAAK,eAAe;AAAA,QAGpD,UAAU,MAAM;AAAA;AAAA,MACjB;AAAA,IAED,CACF;AAAA,EAEJ;AAEA,SACE,6BAAAF,QAAA;AAAA,IAAC,aAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,aAAa;AAAA;AAAA,EACf;AAEJ;AAEA,SAAS,UAAU,OAAe;AAChC,SAAO,MAAM,MAAM,EAAE,EAAE,KAAK,GAAG;AACjC;AAEA,SAAS,YAAY,OAAe;AAClC,SAAO,MAAM,QAAQ,OAAO,EAAE;AAChC;AAEO,MAAM,mBAAmB,CAAC,SAAkC;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAD,QAAM,SAAS,EAAE;AAE3C,SACE,6BAAAA,QAAA,cAAC,iBAAK,eAAc,UAAS,QAAQ,KACnC,6BAAAA,QAAA;AAAA,IAAC,aAAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,aAAa;AAAA;AAAA,EACf,GACA,6BAAAD,QAAA,cAAC,cACC,6BAAAA,QAAA,cAAC,iBAAK,SAAQ,WAAQ,SAAO,GAC5B,KACH,CACF;AAEJ;",
+  "sourcesContent": ["import React, { useState } from \"react\";\nimport Button from \"../../cta/Button\";\nimport Input, { InputProps, InputRenderLeftContainer, InputRenderRightContainer } from \"./index\";\nimport { Flex, Text } from \"../..\";\n\nexport default {\n  title: \"Form/Input/Base\",\n  argTypes: {\n    disabled: {\n      type: \"boolean\",\n      defaultValue: false,\n    },\n    error: {\n      type: \"string\",\n      defaultValue: undefined,\n    },\n    warning: {\n      type: \"string\",\n      defaultValue: undefined,\n    },\n    clearable: {\n      type: \"boolean\",\n      defaultValue: false,\n    },\n  },\n};\n\nexport const Base = (args: InputProps): JSX.Element => {\n  const [value, setValue] = React.useState(\"\");\n\n  return <Input {...args} value={value} onChange={setValue} placeholder={\"Placeholder\"} />;\n};\n\nexport const RenderSideExemple = (): JSX.Element => {\n  const [disabled, setDisabled] = useState(false);\n  const [error, setError] = React.useState(\"\");\n  const [value, setValue] = React.useState(\"test@ledger.fr\");\n\n  const renderLeft = (\n    <InputRenderLeftContainer>\n      <Button variant=\"main\" outline onClick={() => setDisabled(!disabled)}>\n        disable\n      </Button>\n    </InputRenderLeftContainer>\n  );\n  const renderRight = (props: { disabled: boolean }) => {\n    return (\n      <InputRenderRightContainer>\n        <Button\n          variant=\"main\"\n          outline\n          onClick={() => setError(error ? \"\" : \"Error message\")}\n          /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */\n          // @ts-ignore\n          disabled={props.disabled}\n        >\n          error\n        </Button>\n      </InputRenderRightContainer>\n    );\n  };\n\n  return (\n    <Input\n      value={value}\n      disabled={disabled}\n      error={error}\n      onChange={setValue}\n      renderLeft={renderLeft}\n      // @ts-expect-error inconsistencie in props\n      renderRight={renderRight}\n      placeholder={\"test\"}\n    />\n  );\n};\n\nfunction serialize(value: string) {\n  return value.split(\"\").join(\".\");\n}\n\nfunction deserialize(value: string) {\n  return value.replace(/\\./g, \"\");\n}\n\nexport const CustomSerializer = (args: InputProps): JSX.Element => {\n  const [value, setValue] = React.useState(\"\");\n\n  return (\n    <Flex flexDirection=\"column\" rowGap={8}>\n      <Input\n        {...args}\n        value={value}\n        onChange={setValue}\n        serialize={serialize}\n        deserialize={deserialize}\n        placeholder={\"Placeholder\"}\n      />\n      <span>\n        <Text variant=\"large\">Value: </Text>\n        {value}\n      </span>\n    </Flex>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,oBAAmB;AACnB,mBAAuF;AACvF,eAA2B;AAE3B,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAEO,MAAM,OAAO,CAAC,SAAkC;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,EAAE;AAE3C,SAAO,6BAAAA,QAAA,cAAC,aAAAC,SAAA,EAAO,GAAG,MAAM,OAAc,UAAU,UAAU,aAAa,eAAe;AACxF;AAEO,MAAM,oBAAoB,MAAmB;AAClD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAD,QAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,gBAAgB;AAEzD,QAAM,aACJ,6BAAAA,QAAA,cAAC,6CACC,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,SAAQ,QAAO,SAAO,MAAC,SAAS,MAAM,YAAY,CAAC,QAAQ,KAAG,SAEtE,CACF;AAEF,QAAM,cAAc,CAAC,UAAiC;AACpD,WACE,6BAAAF,QAAA,cAAC,8CACC,6BAAAA,QAAA;AAAA,MAAC,cAAAE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAO;AAAA,QACP,SAAS,MAAM,SAAS,QAAQ,KAAK,eAAe;AAAA,QAGpD,UAAU,MAAM;AAAA;AAAA,MACjB;AAAA,IAED,CACF;AAAA,EAEJ;AAEA,SACE,6BAAAF,QAAA;AAAA,IAAC,aAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MAEA;AAAA,MACA,aAAa;AAAA;AAAA,EACf;AAEJ;AAEA,SAAS,UAAU,OAAe;AAChC,SAAO,MAAM,MAAM,EAAE,EAAE,KAAK,GAAG;AACjC;AAEA,SAAS,YAAY,OAAe;AAClC,SAAO,MAAM,QAAQ,OAAO,EAAE;AAChC;AAEO,MAAM,mBAAmB,CAAC,SAAkC;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAD,QAAM,SAAS,EAAE;AAE3C,SACE,6BAAAA,QAAA,cAAC,iBAAK,eAAc,UAAS,QAAQ,KACnC,6BAAAA,QAAA;AAAA,IAAC,aAAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,aAAa;AAAA;AAAA,EACf,GACA,6BAAAD,QAAA,cAAC,cACC,6BAAAA,QAAA,cAAC,iBAAK,SAAQ,WAAQ,SAAO,GAC5B,KACH,CACF;AAEJ;",
   "names": ["React", "Input", "Button"]
 }

package/lib/cjs/components/form/BaseInput/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/BaseInput/index.tsx"],
   "sourcesContent": ["import styled, { css } from \"styled-components\";\nimport { typography, TypographyProps } from \"styled-system\";\nimport React, { InputHTMLAttributes, useState, useMemo, useCallback } from \"react\";\nimport CircledCrossSolidMedium from \"@ledgerhq/icons-ui/reactLegacy/CircledCrossSolidMedium\";\nimport FlexBox from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport { rgba } from \"../../../styles/helpers\";\nimport { ButtonUnstyled } from \"../../cta/Button\";\n\ntype ValueType = HTMLInputElement[\"value\"];\n\nexport type CommonProps = InputHTMLAttributes<HTMLInputElement> &\n  TypographyProps & {\n    disabled?: boolean;\n    error?: React.ReactNode;\n    warning?: React.ReactNode;\n    info?: React.ReactNode;\n  };\n\nexport type InputProps<T = ValueType> = Omit<CommonProps, \"value\" | \"onChange\"> & {\n  value: T;\n  onChange?: (value: T) => void;\n  onChangeEvent?: InputHTMLAttributes<HTMLInputElement>[\"onChange\"];\n  renderLeft?: ((props: InputProps<T>) => React.ReactNode) | React.ReactNode;\n  renderRight?: ((props: InputProps<T>) => React.ReactNode) | React.ReactNode;\n  unwrapped?: boolean;\n  containerProps?: InputContainerProps;\n  clearable?: boolean;\n  /**\n   * A function can be provided to serialize a value of any type to a string.\n   *\n   * This can be useful to wrap the `<BaseInput />` component (which expects a string)\n   * and create higher-level components that will automatically perform the input/output\n   * conversion to other types.\n   *\n   * *A serializer function should always be used in conjunction with a deserializer function.*\n   */\n  serialize?: (value: T) => ValueType;\n  /**\n   * A deserializer can be provided to convert the html input value from a string to any other type.\n   *\n   * *A deserializer function should always be used in conjunction with a serializer function.*\n   */\n  deserialize?: (value: ValueType) => T;\n};\n\nexport type InputContainerProps = React.ComponentProps<typeof InputContainer>;\nexport const InputContainer = styled.div<Partial<CommonProps> & { focus?: boolean }>`\n  display: flex;\n  height: 48px;\n  border: ${p => `1px solid ${p.theme.colors.neutral.c40}`};\n  border-radius: 24px;\n  transition: all 0.2s ease;\n  color: ${p => p.theme.colors.neutral.c100};\n\n  ${p =>\n    p.focus &&\n    !p.error &&\n    !p.warning &&\n    css`\n      border: 1px solid ${p.theme.colors.primary.c80};\n      box-shadow: 0 0 0 4px ${rgba(p.theme.colors.primary.c60, 0.4)};\n    `};\n\n  ${p =>\n    p.error &&\n    !p.disabled &&\n    css`\n      border: 1px solid ${p.theme.colors.error.c50};\n    `};\n\n  ${p =>\n    !p.error &&\n    p.warning &&\n    !p.disabled &&\n    css`\n      border: 1px solid ${p.theme.colors.warning.c40};\n    `};\n\n  ${p =>\n    !p.error &&\n    !p.warning &&\n    !p.disabled &&\n    css`\n      &:hover {\n        border: ${!p.disabled && `1px solid ${p.theme.colors.primary.c80}`};\n      }\n    `};\n\n  ${p =>\n    p.disabled &&\n    css`\n      color: ${p.theme.colors.neutral.c60};\n      background: ${p => p.theme.colors.neutral.c20};\n    `};\n`;\n\nexport const BaseInput = styled.input.attrs<\n  Partial<CommonProps> & { focus?: boolean } & TypographyProps\n>({\n  fontSize: \"paragraph\",\n  fontWeight: \"medium\",\n})<Partial<CommonProps> & { focus?: boolean } & TypographyProps>`\n  height: 100%;\n  width: 100%;\n  border: 0;\n  caret-color: ${p => (p.error ? p.theme.colors.error.c50 : p.theme.colors.primary.c80)};\n  background: none;\n  outline: none;\n  cursor: ${p => (p.disabled ? \"not-allowed\" : \"text\")};\n  flex-shrink: 1;\n  padding-left: 20px;\n  padding-right: 20px;\n  &::placeholder {\n    color: ${p => (p.disabled ? p.theme.colors.neutral.c50 : p.theme.colors.neutral.c70)};\n  }\n\n  /* stylelint-disable property-no-vendor-prefix */\n\n  /* Hide type=number arrow for Chrome, Safari, Edge, Opera */\n  &::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Hide type=number arrow for Firefox */\n  &[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n  /* stylelint-enable property-no-vendor-prefix */\n\n  ${typography}\n`;\n\nexport const InputErrorContainer = styled(Text)`\n  color: ${p => p.theme.colors.error.c50};\n  margin-left: 12px;\n`;\nexport const InputWarningContainer = styled(Text)`\n  color: ${p => p.theme.colors.warning.c40};\n  margin-left: 12px;\n`;\nexport const InputInfoContainer = styled(Text)`\n  color: ${p => p.theme.colors.neutral.c60};\n  margin-left: 12px;\n`;\n\nexport const InputRenderLeftContainer = styled(FlexBox).attrs(() => ({\n  alignItems: \"center\",\n  pl: \"16px\",\n}))``;\n\nexport const InputRenderRightContainer = styled(FlexBox).attrs(() => ({\n  alignItems: \"center\",\n  pr: \"16px\",\n}))``;\n\nexport const ClearableButtonUnstyled = styled(ButtonUnstyled)`\n  display: flex;\n`;\n\n// Yes, this is dirty. If you can figure out a better way please change the code :).\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst IDENTITY = (_: any): any => _;\n\nfunction Input<T = ValueType>(\n  props: InputProps<T>,\n  ref?: React.ForwardedRef<HTMLInputElement>,\n): JSX.Element {\n  const {\n    value,\n    disabled,\n    error,\n    warning,\n    info,\n    onChange,\n    onChangeEvent,\n    renderLeft,\n    renderRight,\n    unwrapped,\n    containerProps,\n    serialize = IDENTITY,\n    deserialize = IDENTITY,\n    clearable,\n    ...htmlInputProps\n  } = props;\n  const [focus, setFocus] = useState(false);\n  const inputValue = useMemo(() => serialize(value), [serialize, value]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange && onChange(deserialize(e.target.value));\n      onChangeEvent && onChangeEvent(e);\n    },\n    [onChange, onChangeEvent, deserialize],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange && onChange(deserialize(\"\"));\n  }, [onChange, deserialize]);\n\n  const inner = (\n    <>\n      {typeof renderLeft === \"function\" ? renderLeft(props) : renderLeft}\n      <BaseInput\n        ref={ref}\n        {...htmlInputProps}\n        disabled={disabled}\n        error={error}\n        warning={warning}\n        info={info}\n        onChange={handleChange}\n        value={inputValue}\n        onFocus={(event: React.FocusEvent<HTMLInputElement>) => {\n          setFocus(true);\n          htmlInputProps.onFocus && htmlInputProps.onFocus(event);\n        }}\n        onBlur={(event: React.FocusEvent<HTMLInputElement>) => {\n          setFocus(false);\n          htmlInputProps.onBlur && htmlInputProps.onBlur(event);\n        }}\n      />\n      {clearable && inputValue && (\n        <FlexBox alignItems={\"center\"} mr={7}>\n          <ClearableButtonUnstyled onClick={handleClear}>\n            <CircledCrossSolidMedium size={18} color={\"neutral.c50\"} />\n          </ClearableButtonUnstyled>\n        </FlexBox>\n      )}\n      {typeof renderRight === \"function\" ? renderRight(props) : renderRight}\n    </>\n  );\n\n  if (unwrapped) {\n    return (\n      <FlexBox alignItems=\"stretch\" style={{ height: \"100%\" }}>\n        {inner}\n      </FlexBox>\n    );\n  }\n\n  return (\n    <div>\n      <InputContainer\n        disabled={disabled}\n        focus={focus}\n        error={error}\n        warning={warning}\n        {...containerProps}\n      >\n        {inner}\n      </InputContainer>\n      {(error || warning || info) && !disabled && (\n        <FlexBox flexDirection=\"column\" rowGap={2} mt={2}>\n          {error ? (\n            <InputErrorContainer variant=\"small\">{error}</InputErrorContainer>\n          ) : warning ? (\n            <InputWarningContainer variant=\"small\">{warning}</InputWarningContainer>\n          ) : info ? (\n            <InputInfoContainer variant=\"small\">{info}</InputInfoContainer>\n          ) : null}\n        </FlexBox>\n      )}\n    </div>\n  );\n}\n\nexport default React.forwardRef(Input) as <T>(\n  props: InputProps<T> & { ref?: React.ForwardedRef<HTMLInputElement> },\n) => ReturnType<typeof Input>;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["styled", "p", "Text", "FlexBox", "React", "CircledCrossSolidMedium"]
 }

package/lib/cjs/components/form/Checkbox/Checkbox.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/Checkbox/Checkbox.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../asorted/Text\";\nimport CheckAloneMedium from \"@ledgerhq/icons-ui/reactLegacy/CheckAloneMedium\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\n\nconst Icon = () =>\n  React.cloneElement(CheckAloneMedium({ size: 13, color: \"currentColor\" }), {\n    // the xmlns attribute is required to properly display the checkbox\n    xmlns: \"http://www.w3.org/2000/svg\",\n  });\nconst CheckMarkIcon = encodeURIComponent(renderToStaticMarkup(<Icon />));\n\nconst Input = styled.input`\n  background-color: transparent;\n\n  border-radius: ${p => `${p.theme.radii[1]}px`};\n  position: relative;\n\n  min-width: ${p => p.theme.space[7]}px;\n  height: ${p => p.theme.space[7]}px;\n  appearance: none;\n  border: 1px solid ${props => props.theme.colors.neutral.c90};\n  box-shadow: none;\n\n  &:checked {\n    background-color: currentColor;\n    border-color: currentColor;\n  }\n\n  &:checked::after {\n    content: \" \";\n    width: ${p => p.theme.space[7]}px;\n    height: ${p => p.theme.space[7]}px;\n    display: inline-block;\n    color: ${props => props.theme.colors.neutral.c00};\n\n    background-image: url(\"data:image/svg+xml,${CheckMarkIcon}\");\n    background-position: center;\n    background-repeat: no-repeat;\n\n    /* Trick to center the check mark by taking into account the border */\n    position: absolute;\n    top: -1px;\n    left: -1px;\n  }\n`;\n\nconst Label = styled(Text).attrs({ type: \"body\", fontWeight: \"500\" })`\n  color: ${props => props.theme.colors.neutral.c80};\n\n  /* Version when the input is checked */\n  ${Input}:checked + & {\n    color: currentColor;\n  }\n\n  &:first-letter {\n    text-transform: uppercase;\n  }\n`;\n\nconst Container = styled.div`\n  --ll-checkbox-color: unset;\n  color: var(--ll-checkbox-color, ${props => props.theme.colors.primary.c90});\n\n  display: inline-flex;\n  column-gap: ${p => p.theme.space[5]}px;\n  align-items: center;\n  cursor: pointer;\n\n  &[data-variant=\"default\"] {\n    --ll-checkbox-color: ${props => props.theme.colors.primary.c90};\n  }\n\n  &[data-variant=\"success\"] {\n    --ll-checkbox-color: ${props => props.theme.colors.success.c50};\n  }\n\n  &[data-variant=\"error\"] {\n    --ll-checkbox-color: ${props => props.theme.colors.error.c50};\n  }\n\n  &[data-disabled=\"true\"] {\n    --ll-checkbox-color: ${props => props.theme.colors.neutral.c80};\n    cursor: unset;\n  }\n`;\n\nexport type CheckboxProps = {\n  isDisabled?: boolean;\n  isChecked: boolean;\n  variant?: \"default\" | \"success\" | \"error\";\n  label?: React.ReactNode;\n  name: string;\n  onChange: (value: boolean) => void;\n};\n\nconst Checkbox = ({\n  isDisabled = false,\n  variant = \"default\",\n  label,\n  isChecked,\n  name,\n  onChange,\n}: CheckboxProps): JSX.Element => (\n  <Container data-variant={variant} data-disabled={isDisabled}>\n    <Input\n      type=\"checkbox\"\n      name={name}\n      id={name}\n      checked={isChecked}\n      disabled={isDisabled}\n      onChange={() => onChange(!isChecked)}\n    />\n    {label ? (\n      <Label as=\"label\" htmlFor={name}>\n        {label}\n      </Label>\n    ) : null}\n  </Container>\n);\n\nexport default Checkbox;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AACjB,8BAA6B;AAC7B,oBAAqC;AAErC,MAAM,OAAO,MACX,aAAAA,QAAM,iBAAa,wBAAAC,SAAiB,EAAE,MAAM,IAAI,OAAO,eAAe,CAAC,GAAG;AAAA;AAAA,EAExE,OAAO;AACT,CAAC;AACH,MAAM,gBAAgB,uBAAmB,oCAAqB,6BAAAD,QAAA,cAAC,UAAK,CAAE,CAAC;AAEvE,MAAM,QAAQ,yBAAAE,QAAO;AAAA;AAAA;AAAA,mBAGF,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA,eAG3B,OAAK,EAAE,MAAM,MAAM,CAAC;AAAA,YACvB,OAAK,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA,sBAEV,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAU7C,OAAK,EAAE,MAAM,MAAM,CAAC;AAAA,cACnB,OAAK,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA,aAErB,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,gDAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWhD,MAAM,YAAQ,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,YAAY,MAAM,CAAC;AAAA,WACzD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,IAG3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASJ,MAAM,YAAY,yBAAAD,QAAO;AAAA;AAAA,oCAEW,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,gBAGxD,OAAK,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKT,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,2BAIpC,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,2BAIpC,WAAS,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,2BAIlC,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAc/D,MAAM,WAAW,CAAC;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,6BAAAF,QAAA,cAAC,aAAU,gBAAc,SAAS,iBAAe,cAC/C,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU,MAAM,SAAS,CAAC,SAAS;AAAA;AACrC,GACC,QACC,6BAAAA,QAAA,cAAC,SAAM,IAAG,SAAQ,SAAS,QACxB,KACH,IACE,IACN;AAGF,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AACjB,8BAA6B;AAC7B,oBAAqC;AAErC,MAAM,OAAO,MACX,aAAAA,QAAM,iBAAa,wBAAAC,SAAiB,EAAE,MAAM,IAAI,OAAO,eAAe,CAAC,GAAG;AAAA;AAAA,EAExE,OAAO;AACT,CAAC;AACH,MAAM,gBAAgB,uBAAmB,oCAAqB,6BAAAD,QAAA,cAAC,UAAK,CAAE,CAAC;AAEvE,MAAM,QAAQ,yBAAAE,QAAO;AAAA;AAAA;AAAA,mBAGF,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA,eAGhC,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA,YACxB,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA;AAAA,sBAEX,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAUhD,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA,cACpB,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA;AAAA,aAEtB,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,gDAEJ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7D,MAAM,YAAQ,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,YAAY,MAAM,CAAC;AAAA,WACzD,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,IAG9C,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAST,MAAM,YAAY,yBAAAD,QAAO;AAAA;AAAA,oCAEW,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,gBAG3D,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKV,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA,2BAIvC,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA,2BAIvC,WAAS,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA,2BAIrC,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAclE,MAAM,WAAW,CAAC;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,6BAAAF,QAAA,cAAC,aAAU,gBAAc,SAAS,iBAAe,cAC/C,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU,MAAM,SAAS,CAAC,SAAS;AAAA;AACrC,GACC,QACC,6BAAAA,QAAA,cAAC,SAAM,IAAG,SAAQ,SAAS,QACxB,KACH,IACE,IACN;AAGF,IAAO,mBAAQ;",
   "names": ["React", "CheckAloneMedium", "styled", "Text"]
 }

package/lib/cjs/components/form/DropdownGeneric/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/DropdownGeneric/index.tsx"],
   "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useFloating, getScrollParents, shift, size, flip } from \"@floating-ui/react-dom\";\nimport styled from \"styled-components\";\nimport { IconsLegacy } from \"../../../\";\nimport Flex from \"../../layout/Flex\";\nimport Box from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nconst ButtonContainer = styled(Box).attrs({\n  flexDirection: \"row\",\n  width: \"auto\",\n  alignItems: \"center\",\n  height: \"36px\",\n})<{ disabled?: boolean; opened: boolean }>`\n  cursor: ${p => !p.disabled && \"pointer\"};\n  > :last-child {\n    /* targeting the dropdown icon */\n    ${p => p.opened && \"transform: rotate(180deg);\"}\n    margin-left: ${p => p.theme.space[3]}px;\n  }\n`;\n\nconst DropdownContainer = styled(Flex).attrs(({ theme }) => {\n  const isLight = theme.colors.type === \"light\";\n  return {\n    zIndex: 1,\n    flexDirection: \"column\",\n    padding: 3,\n    border: `1px solid ${theme.colors.neutral[isLight ? \"c20\" : \"c30\"]}`,\n    borderRadius: \"8px\",\n    backgroundColor: isLight ? \"neutral.c00\" : \"neutral.c20\",\n    color: theme.colors.neutral.c80,\n  };\n})`\n  overflow-y: auto;\n  box-shadow: 0px 6px 12px rgba(0, 0, 0, ${p => (p.theme.colors.type === \"light\" ? 0.04 : 0.08)});\n`;\n\nexport const placements = [\"bottom-start\", \"bottom\", \"bottom-end\"] as const;\ntype Placement = (typeof placements)[number];\n\nexport type Props = {\n  /**\n   * Label of the dropdown button, displayed before the dropdown icon.\n   */\n  label: string | React.ReactNode;\n  /**\n   * Controls whether the dropdown can be open.\n   * Defaults to false.\n   */\n  disabled?: boolean;\n  /**\n   * Controls whether the dropdown will close on a click event happening outside of this component.\n   * Defaults to true.\n   */\n  closeOnClickOutside?: boolean;\n  /**\n   * Controls whether the dropdown will close on a click event happening inside the dropdown.\n   * Defaults to false.\n   */\n  closeOnClickInside?: boolean;\n  /**\n   * Content of the dropdown.\n   */\n  children: React.ReactNode;\n  /**\n   * Vertical alignment of the dropdown relative to the dropdown button.\n   * Will automatically adjust to the document to avoid overflowing.\n   * Defaults to \"bottom\".\n   */\n  placement?: Placement;\n  /**\n   * Controls whether the dropdown will flip its side to keep it in view\n   * in case there isn't enough space available. See https://floating-ui.com/docs/flip\n   * Defaults to false.\n   */\n  flipDisabled?: boolean;\n};\n\nconst DropdownGeneric = ({\n  label,\n  closeOnClickOutside = true,\n  closeOnClickInside = false,\n  disabled = false,\n  placement = \"bottom\",\n  flipDisabled = false,\n  children,\n}: Props) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  const [maxHeight, setMaxHeight] = useState<number>();\n  const [maxWidth, setMaxWidth] = useState<number>();\n\n  const [opened, setOpened] = useState(false);\n\n  const handleClickButton = useCallback(() => {\n    if (!disabled) setOpened(!opened);\n  }, [opened, disabled]);\n\n  const handleClickInside = useCallback(() => {\n    if (closeOnClickInside) setOpened(false);\n  }, [setOpened, closeOnClickInside]);\n\n  const { x, y, reference, floating, strategy, update, refs } = useFloating({\n    placement: placements.includes(placement) ? placement : \"bottom\",\n    middleware: [\n      shift(),\n      ...(flipDisabled ? [] : [flip()]),\n      size({\n        padding: 6,\n        apply({ height, width }: { height: number; width: number }) {\n          setMaxHeight(height);\n          setMaxWidth(width);\n        },\n      }),\n    ],\n  });\n\n  const handleResizeOrScroll = useCallback(() => {\n    if (opened && !disabled) update();\n  }, [opened, disabled, update]);\n\n  useEffect(() => {\n    if (!refs.reference.current || !refs.floating.current) {\n      return;\n    }\n    const parents = [\n      ...getScrollParents(refs.reference.current),\n      ...getScrollParents(refs.floating.current),\n    ];\n    parents.forEach(parent => {\n      parent.addEventListener(\"scroll\", handleResizeOrScroll);\n      parent.addEventListener(\"resize\", handleResizeOrScroll);\n    });\n    return () => {\n      parents.forEach(parent => {\n        parent.removeEventListener(\"scroll\", handleResizeOrScroll);\n        parent.removeEventListener(\"resize\", handleResizeOrScroll);\n      });\n    };\n  }, [flipDisabled, refs.reference, refs.floating, handleResizeOrScroll]);\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (\n        closeOnClickOutside &&\n        opened &&\n        divRef.current &&\n        !divRef.current.contains(event.target as Node)\n      ) {\n        setOpened(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [closeOnClickOutside, opened, setOpened, divRef]);\n\n  const color = disabled ? \"neutral.c50\" : \"neutral.c100\";\n\n  return (\n    <Box ref={divRef}>\n      <ButtonContainer\n        ref={reference}\n        onClick={handleClickButton}\n        disabled={disabled}\n        opened={opened && !disabled}\n      >\n        <Text variant=\"paragraph\" fontWeight=\"medium\" color={color}>\n          {label}\n        </Text>\n        <IconsLegacy.DropdownMedium size={20} color={color} />\n      </ButtonContainer>\n      {opened && !disabled && (\n        <DropdownContainer\n          ref={floating}\n          style={{\n            position: strategy,\n            top: y ?? \"\",\n            left: x ?? \"\",\n            maxHeight: maxHeight ? `${maxHeight}px` : \"\",\n            maxWidth: maxWidth ? \"\" : \"\",\n            // maxWidth: maxWidth ? `${maxWidth}px` : \"\", /* TODO: fix this */\n          }}\n          onClick={handleClickInside}\n        >\n          {children}\n        </DropdownContainer>\n      )}\n    </Box>\n  );\n};\n\nexport default DropdownGeneric;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["import_Flex", "styled", "Box", "Flex", "React", "Text"]
 }

package/lib/cjs/components/form/LegendInput/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/LegendInput/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport Input, { InputProps, InputRenderRightContainer } from \"../BaseInput\";\nimport Text from \"../../asorted/Text\";\nimport styled from \"styled-components\";\n\nexport type Props = InputProps & { legend: string };\n\nconst Legend = styled(Text)`\n  color: ${props => props.theme.colors.neutral.c70};\n\n  &[data-disabled=\"true\"] {\n    color: ${props => props.theme.colors.neutral.c50};\n  }\n`;\n\nfunction LegendInput(\n  { legend, ...inputProps }: Props,\n  ref?: React.ForwardedRef<HTMLInputElement>,\n): JSX.Element {\n  return (\n    <Input\n      ref={ref}\n      {...inputProps}\n      renderRight={\n        <InputRenderRightContainer>\n          <Legend variant=\"body\" data-disabled={inputProps.disabled}>\n            {legend}\n          </Legend>\n        </InputRenderRightContainer>\n      }\n    />\n  );\n}\n\nexport default React.forwardRef(LegendInput);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAA6D;AAC7D,kBAAiB;AACjB,+BAAmB;AAInB,MAAM,aAAS,yBAAAA,SAAO,YAAAC,OAAI;AAAA,WACf,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGlC,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,SAAS,YACP,EAAE,QAAQ,GAAG,WAAW,GACxB,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,aACE,6BAAAD,QAAA,cAAC,kDACC,6BAAAA,QAAA,cAAC,UAAO,SAAQ,QAAO,iBAAe,WAAW,YAC9C,MACH,CACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ,aAAAA,QAAM,WAAW,WAAW;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAA6D;AAC7D,kBAAiB;AACjB,+BAAmB;AAInB,MAAM,aAAS,yBAAAA,SAAO,YAAAC,OAAI;AAAA,WACf,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,aAGrC,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAIpD,SAAS,YACP,EAAE,QAAQ,GAAG,WAAW,GACxB,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,aACE,6BAAAD,QAAA,cAAC,kDACC,6BAAAA,QAAA,cAAC,UAAO,SAAQ,QAAO,iBAAe,WAAW,YAC9C,MACH,CACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ,aAAAA,QAAM,WAAW,WAAW;",
   "names": ["styled", "Text", "React", "Input"]
 }

package/lib/cjs/components/form/NumberInput/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/NumberInput/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport Input, { InputProps } from \"../BaseInput\";\nimport FlexBox from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport styled from \"styled-components\";\n\n// TODO: Replace me with a real button as soon as they are designed\nconst MaxButton = styled.button<{ active?: boolean }>`\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  border-radius: 100px;\n  border-width: 0;\n  height: 31px;\n  padding-left: 13px;\n  padding-right: 13px;\n  cursor: pointer;\n\n  &:disabled {\n    color: ${p => p.theme.colors.neutral.c50};\n    background-color: ${p => (p.active ? p.theme.colors.neutral.c30 : \"transparent\")};\n    cursor: unset;\n  }\n`;\n\nfunction serialize(value?: number) {\n  return value ? \"\" + value : \"\";\n}\nfunction deserialize(value: string) {\n  try {\n    return parseFloat(value);\n  } catch (error) {\n    return undefined;\n  }\n}\n\nfunction NumberInput(\n  {\n    value,\n    onPercentClick,\n    max,\n    disabled,\n    ...inputProps\n  }: InputProps<number | undefined> & {\n    onPercentClick: (percent: number) => void;\n  },\n  ref?: React.ForwardedRef<HTMLInputElement>,\n): JSX.Element {\n  return (\n    <Input\n      ref={ref}\n      serialize={serialize}\n      deserialize={deserialize}\n      {...inputProps}\n      type={\"number\"}\n      value={value}\n      max={max}\n      disabled={disabled}\n      renderRight={\n        <FlexBox alignItems={\"center\"} justifyContent={\"center\"} py={\"3px\"} mr={\"8px\"}>\n          {[0.25, 0.5, 0.75, 1].map(percent => (\n            <MaxButton\n              key={percent}\n              onClick={() => onPercentClick(percent)}\n              active={!!value && !!max && Number(value) === percent * Number(max)}\n              disabled={disabled}\n            >\n              <Text variant={\"tiny\"} color={\"inherit\"}>\n                {percent * 100}%\n              </Text>\n            </MaxButton>\n          ))}\n        </FlexBox>\n      }\n    />\n  );\n}\n\nexport default React.forwardRef(NumberInput);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAkC;AAClC,kBAAoB;AACpB,kBAAiB;AACjB,+BAAmB;AAGnB,MAAM,YAAY,yBAAAA,QAAO;AAAA,WACd,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,sBAC1D,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAS/E,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,wBACjB,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAAA;AAKtE,SAAS,UAAU,OAAgB;AACjC,SAAO,QAAQ,KAAK,QAAQ;AAC9B;AACA,SAAS,YAAY,OAAe;AAClC,MAAI;AACF,WAAO,WAAW,KAAK;AAAA,EACzB,SAAS,OAAP;AACA,WAAO;AAAA,EACT;AACF;AAEA,SAAS,YACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGA,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,aACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAQ,YAAY,UAAU,gBAAgB,UAAU,IAAI,OAAO,IAAI,SACrE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,IAAI,aACxB,6BAAAF,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM,eAAe,OAAO;AAAA,UACrC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,OAAO,KAAK,MAAM,UAAU,OAAO,GAAG;AAAA,UAClE;AAAA;AAAA,QAEA,6BAAAA,QAAA,cAAC,YAAAG,SAAA,EAAK,SAAS,QAAQ,OAAO,aAC3B,UAAU,KAAI,GACjB;AAAA,MACF,CACD,CACH;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ,aAAAH,QAAM,WAAW,WAAW;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAkC;AAClC,kBAAoB;AACpB,kBAAiB;AACjB,+BAAmB;AAGnB,MAAM,YAAY,yBAAAA,QAAO;AAAA,WACd,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAE,MAAM,OAAO,QAAQ,GAAI;AAAA,sBAC9D,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,QAAQ,GAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASnF,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA,wBACpB,OAAM,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM,aAAc;AAAA;AAAA;AAAA;AAKpF,SAAS,UAAU,OAAgB;AACjC,SAAO,QAAQ,KAAK,QAAQ;AAC9B;AACA,SAAS,YAAY,OAAe;AAClC,MAAI;AACF,WAAO,WAAW,KAAK;AAAA,EACzB,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;AAEA,SAAS,YACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGA,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,aACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAQ,YAAY,UAAU,gBAAgB,UAAU,IAAI,OAAO,IAAI,SACrE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,IAAI,aACxB,6BAAAF,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM,eAAe,OAAO;AAAA,UACrC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,OAAO,KAAK,MAAM,UAAU,OAAO,GAAG;AAAA,UAClE;AAAA;AAAA,QAEA,6BAAAA,QAAA,cAAC,YAAAG,SAAA,EAAK,SAAS,QAAQ,OAAO,aAC3B,UAAU,KAAI,GACjB;AAAA,MACF,CACD,CACH;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ,aAAAH,QAAM,WAAW,WAAW;",
   "names": ["styled", "React", "Input", "FlexBox", "Text"]
 }

package/lib/cjs/components/form/QrCodeInput/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/QrCodeInput/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport Input, { InputProps } from \"../BaseInput\";\nimport FlexBox from \"../../layout/Flex\";\nimport QrCodeMedium from \"@ledgerhq/icons-ui/reactLegacy/QrCodeMedium\";\nimport styled from \"styled-components\";\n\nconst QrCodeButton = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  border-width: 0;\n  color: ${p => p.theme.colors.neutral.c00};\n  background-color: ${p => p.theme.colors.neutral.c100};\n  cursor: pointer;\n\n  &:disabled {\n    background-color: ${p => p.theme.colors.neutral.c30};\n    color: ${p => p.theme.colors.neutral.c50};\n    cursor: unset;\n  }\n`;\n\nfunction QrCodeInput(\n  {\n    onQrCodeClick,\n    ...inputProps\n  }: InputProps & { onQrCodeClick?: (e: React.FormEvent<HTMLButtonElement>) => void },\n  ref?: React.ForwardedRef<HTMLInputElement>,\n): JSX.Element {\n  return (\n    <Input\n      ref={ref}\n      {...inputProps}\n      renderRight={\n        <FlexBox alignItems={\"center\"} justifyContent={\"center\"} pr={\"8px\"}>\n          <QrCodeButton onClick={onQrCodeClick} disabled={inputProps.disabled}>\n            <QrCodeMedium size=\"20px\" />\n          </QrCodeButton>\n        </FlexBox>\n      }\n    />\n  );\n}\n\nexport default React.forwardRef(QrCodeInput);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAkC;AAClC,kBAAoB;AACpB,0BAAyB;AACzB,+BAAmB;AAEnB,MAAM,eAAe,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQjB,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,sBACjB,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,wBAI1B,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,aACvC,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKzC,SAAS,YACP;AAAA,EACE;AAAA,EACA,GAAG;AACL,GACA,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,aACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAQ,YAAY,UAAU,gBAAgB,UAAU,IAAI,SAC3D,6BAAAF,QAAA,cAAC,gBAAa,SAAS,eAAe,UAAU,WAAW,YACzD,6BAAAA,QAAA,cAAC,oBAAAG,SAAA,EAAa,MAAK,QAAO,CAC5B,CACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ,aAAAH,QAAM,WAAW,WAAW;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAkC;AAClC,kBAAoB;AACpB,0BAAyB;AACzB,+BAAmB;AAEnB,MAAM,eAAe,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQjB,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA,sBACpB,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA;AAAA;AAAA;AAAA,wBAI9B,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA,aAC1C,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAK5C,SAAS,YACP;AAAA,EACE;AAAA,EACA,GAAG;AACL,GACA,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,aACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAQ,YAAY,UAAU,gBAAgB,UAAU,IAAI,SAC3D,6BAAAF,QAAA,cAAC,gBAAa,SAAS,eAAe,UAAU,WAAW,YACzD,6BAAAA,QAAA,cAAC,oBAAAG,SAAA,EAAa,MAAK,QAAO,CAC5B,CACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ,aAAAH,QAAM,WAAW,WAAW;",
   "names": ["styled", "React", "Input", "FlexBox", "QrCodeMedium"]
 }

package/lib/cjs/components/form/QuantityInput/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/QuantityInput/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport Input, { InputProps } from \"../BaseInput\";\nimport FlexBox from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport styled from \"styled-components\";\n\nconst MaxButton = styled.button`\n  color: ${p => p.theme.colors.neutral.c00};\n  background-color: ${p => p.theme.colors.neutral.c100};\n  border-radius: 100px;\n  border-width: 0;\n  padding-left: 14px;\n  padding-right: 14px;\n  height: 100%;\n  cursor: pointer;\n\n  &:disabled {\n    background-color: ${p => p.theme.colors.neutral.c30};\n    color: ${p => p.theme.colors.neutral.c50};\n    cursor: unset;\n  }\n`;\n\nconst Legend = styled(Text)`\n  color: ${p => p.theme.colors.neutral.c70};\n\n  &[data-disabled=\"true\"] {\n    color: ${p => p.theme.colors.neutral.c50};\n  }\n`;\n\nfunction QuantityInput(\n  {\n    onMaxClick,\n    price,\n    ...inputProps\n  }: InputProps & {\n    onMaxClick?: (e: React.FormEvent<HTMLButtonElement>) => void;\n    price?: string;\n  },\n  ref?: React.ForwardedRef<HTMLInputElement>,\n): JSX.Element {\n  return (\n    <Input\n      ref={ref}\n      {...inputProps}\n      type={\"number\"}\n      renderRight={\n        <FlexBox alignItems={\"center\"} justifyContent={\"center\"} pr={\"3px\"} py={\"3px\"}>\n          {price && (\n            <Legend variant=\"body\" pr={\"12px\"} data-disabled={inputProps.disabled}>\n              {price}\n            </Legend>\n          )}\n          <MaxButton onClick={onMaxClick} disabled={inputProps.disabled}>\n            <Text variant=\"tiny\" color=\"currentColor\">\n              Max\n            </Text>\n          </MaxButton>\n        </FlexBox>\n      }\n    />\n  );\n}\n\nexport default React.forwardRef(QuantityInput);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAkC;AAClC,kBAAoB;AACpB,kBAAiB;AACjB,+BAAmB;AAEnB,MAAM,YAAY,yBAAAA,QAAO;AAAA,WACd,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,sBACjB,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAS1B,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA,aACvC,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKzC,MAAM,aAAS,yBAAAA,SAAO,YAAAC,OAAI;AAAA,WACf,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAG1B,OAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIzC,SAAS,cACP;AAAA,EACE;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAIA,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,aACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAQ,YAAY,UAAU,gBAAgB,UAAU,IAAI,OAAO,IAAI,SACrE,SACC,6BAAAF,QAAA,cAAC,UAAO,SAAQ,QAAO,IAAI,QAAQ,iBAAe,WAAW,YAC1D,KACH,GAEF,6BAAAA,QAAA,cAAC,aAAU,SAAS,YAAY,UAAU,WAAW,YACnD,6BAAAA,QAAA,cAAC,YAAAD,SAAA,EAAK,SAAQ,QAAO,OAAM,kBAAe,KAE1C,CACF,CACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,wBAAQ,aAAAC,QAAM,WAAW,aAAa;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAkC;AAClC,kBAAoB;AACpB,kBAAiB;AACjB,+BAAmB;AAEnB,MAAM,YAAY,yBAAAA,QAAO;AAAA,WACd,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA,sBACpB,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAS9B,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA,aAC1C,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAK5C,MAAM,aAAS,yBAAAA,SAAO,YAAAC,OAAI;AAAA,WACf,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,aAG7B,OAAK,EAAE,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAI5C,SAAS,cACP;AAAA,EACE;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAIA,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,aACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAQ,YAAY,UAAU,gBAAgB,UAAU,IAAI,OAAO,IAAI,SACrE,SACC,6BAAAF,QAAA,cAAC,UAAO,SAAQ,QAAO,IAAI,QAAQ,iBAAe,WAAW,YAC1D,KACH,GAEF,6BAAAA,QAAA,cAAC,aAAU,SAAS,YAAY,UAAU,WAAW,YACnD,6BAAAA,QAAA,cAAC,YAAAD,SAAA,EAAK,SAAQ,QAAO,OAAM,kBAAe,KAE1C,CACF,CACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,wBAAQ,aAAAC,QAAM,WAAW,aAAa;",
   "names": ["styled", "Text", "React", "Input", "FlexBox"]
 }

package/lib/cjs/components/form/Radio/RadioElement.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/Radio/RadioElement.tsx"],
   "sourcesContent": ["import React, { InputHTMLAttributes, useContext, useMemo } from \"react\";\nimport styled, { css } from \"styled-components\";\n\nimport { rgba } from \"../../../styles/helpers\";\nimport Text from \"../../asorted/Text\";\nimport { RadioContext } from \"./index\";\n\nconst Label = styled(Text)`\n  color: var(--ledger-ui-checkbox-color, ${p => p.theme.colors.neutral.c100});\n  width: 266px;\n`;\n\nconst Input = styled.input`\n  --ledger-ui-checkbox-color: ${p => p.theme.colors.neutral.c50};\n  --ledger-ui-checkbox-size: 1.25rem;\n\n  position: relative;\n  appearance: none;\n  width: var(--ledger-ui-checkbox-size);\n  height: var(--ledger-ui-checkbox-size);\n  flex-shrink: 0;\n  border-radius: ${p => `${p.theme.radii[1]}px`};\n  border: 1px solid var(--ledger-ui-checkbox-color);\n  cursor: pointer;\n\n  &:checked::before {\n    position: absolute;\n    display: block;\n    content: \" \";\n    background-color: var(--ledger-ui-checkbox-color);\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    margin: auto;\n    border-radius: 2px;\n    width: calc(var(--ledger-ui-checkbox-size) / 2);\n    height: calc(var(--ledger-ui-checkbox-size) / 2);\n  }\n\n  &[data-variant=\"default\"] {\n    :hover {\n      --ledger-ui-checkbox-color: ${p => p.theme.colors.primary.c90};\n    }\n    :active {\n      --ledger-ui-checkbox-color: ${p => p.theme.colors.primary.c100};\n    }\n    :checked,\n    :focus {\n      --ledger-ui-checkbox-color: ${p => p.theme.colors.primary.c80};\n    }\n    :focus {\n      box-shadow: 0px 0px 0px 4px ${p => rgba(p.theme.colors.primary.c60, 0.48)};\n    }\n  }\n\n  &[data-variant=\"main\"] {\n    :hover {\n      --ledger-ui-checkbox-color: ${p => p.theme.colors.neutral.c90};\n    }\n    :active,\n    :checked,\n    :focus {\n      --ledger-ui-checkbox-color: ${p => p.theme.colors.neutral.c100};\n    }\n    :focus {\n      box-shadow: 0px 0px 0px 4px ${p => rgba(p.theme.colors.neutral.c60, 0.48)};\n    }\n  }\n\n  &[data-variant=\"success\"] {\n    :hover,\n    :checked:not([disabled]),\n    :checked:not([disabled]) + ${Label}, :focus {\n      --ledger-ui-checkbox-color: ${p => p.theme.colors.success.c50};\n    }\n    :focus {\n      box-shadow: 0px 0px 0px 4px ${p => rgba(p.theme.colors.success.c50, 0.48)};\n    }\n  }\n\n  &[data-variant=\"error\"] {\n    :hover,\n    :checked:not([disabled]),\n    :checked:not([disabled]) + ${Label}, :focus {\n      --ledger-ui-checkbox-color: ${p => p.theme.colors.error.c50};\n    }\n    :focus {\n      box-shadow: 0px 0px 0px 4px ${p => rgba(p.theme.colors.error.c50, 0.48)};\n    }\n  }\n\n  &[data-variant]:disabled {\n    --ledger-ui-checkbox-color: ${p => p.theme.colors.neutral.c40};\n    cursor: unset;\n    background-color: ${p => p.theme.colors.neutral.c30};\n  }\n`;\n\nconst outlinedCSS = css`\n  padding: 20px;\n  border: 1px solid ${p => p.theme.colors.neutral.c50};\n  border-radius: ${p => p.theme.radii[2]}px;\n  &[data-variant=\"default\"] {\n    :hover {\n      border-color: ${p => p.theme.colors.primary.c90};\n    }\n    &[data-checked] :active {\n      border-color: ${p => p.theme.colors.primary.c100};\n    }\n    :focus {\n      border-color: ${p => p.theme.colors.primary.c80};\n    }\n  }\n\n  &[data-variant=\"main\"] {\n    :hover {\n      border-color: ${p => p.theme.colors.neutral.c90};\n    }\n    &[data-checked],\n    :active :focus {\n      border-color: ${p => p.theme.colors.neutral.c100};\n    }\n  }\n\n  &[data-variant=\"success\"] {\n    &[data-checked]:not([disabled]) {\n      border-color: ${p => p.theme.colors.success.c50};\n    }\n    :hover {\n      border-color: ${p => p.theme.colors.success.c50};\n    }\n  }\n\n  &[data-variant=\"error\"] {\n    &[data-checked]:not([disabled]) {\n      border-color: ${p => p.theme.colors.error.c50};\n    }\n    :hover {\n      border-color: ${p => p.theme.colors.error.c50};\n    }\n  }\n\n  &[data-variant]:disabled {\n    border-color: ${p => p.theme.colors.neutral.c40};\n    cursor: unset;\n  }\n`;\n\nconst RadioElement = styled.label.attrs({ tabIndex: -1 })<{\n  outlined?: boolean;\n}>`\n  display: inline-flex;\n  column-gap: 0.75rem;\n  align-items: center;\n  cursor: pointer;\n  &[data-variant]:disabled {\n    cursor: unset;\n  }\n  ${p => p.outlined && outlinedCSS}\n`;\n\ntype InputAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"onChange\" | \"name\">;\n\nexport type RadioElementProps = InputAttributes & {\n  variant?: \"default\" | \"main\" | \"success\" | \"error\";\n  label: string;\n  outlined?: boolean;\n};\n\nconst Element = ({\n  label,\n  value,\n  disabled,\n  outlined,\n  variant = \"default\",\n  ...props\n}: RadioElementProps): JSX.Element => {\n  const context = useContext(RadioContext);\n  if (context === undefined) throw new Error(\"RadioElement must be used within a RadioProvider\");\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const isChecked = useMemo(() => context.currentValue === value, [context.currentValue]);\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    context.onChange(event.target.value);\n  };\n\n  return (\n    <RadioElement\n      data-variant={variant}\n      {...(isChecked ? { \"data-checked\": true } : {})}\n      outlined={outlined}\n    >\n      <Input\n        type=\"radio\"\n        data-variant={variant}\n        checked={isChecked}\n        disabled={disabled}\n        onChange={handleChange}\n        value={value}\n        name={context.name}\n        {...props}\n      />\n      <Label variant=\"paragraph\">{label}</Label>\n    </RadioElement>\n  );\n};\n\nElement.displayName = \"Radio.Element\"; // For easy identification in the React devtools & in storybook\nElement.Label = Label;\n\nexport default Element;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["styled", "Text", "React"]
 }

package/lib/cjs/components/form/Radio/RadioListElement.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/Radio/RadioListElement.tsx"],
   "sourcesContent": ["import React, { InputHTMLAttributes, useContext } from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../asorted/Text\";\nimport Flex, { FlexBoxProps } from \"../../layout/Flex\";\nimport { rgba } from \"../../../styles/helpers\";\nimport { RadioContext } from \"./index\";\n\ntype ElementState = {\n  checked: boolean;\n  disabled?: boolean | undefined;\n};\n\nexport const Label = styled(Text)<ElementState>`\n  color: ${p =>\n    p.disabled\n      ? p.theme.colors.neutral.c50\n      : p.checked\n      ? p.theme.colors.primary.c90\n      : p.theme.colors.neutral.c100};\n`;\n\nconst Container = styled(Flex)<ElementState>`\n  cursor: ${p => (p.disabled ? \"\" : \"pointer\")};\n  justify-content: center;\n  align-items: center;\n  background-color: ${p => (p.checked ? p.theme.colors.primary.c20 : \"\")};\n  border: 1px solid ${p => (p.checked ? p.theme.colors.primary.c50 : p.theme.colors.neutral.c40)};\n  border-radius: ${p => `${p.theme.radii[2]}px`};\n  padding: ${p => p.theme.space[6]}px;\n\n  :hover {\n    border-color: ${p => (p.disabled || p.checked ? \"\" : p.theme.colors.primary.c80)};\n  }\n`;\n\nconst Input = styled.input`\n  position: relative;\n  appearance: none;\n  &:focus ~ ${Container} {\n    box-shadow: 0px 0px 0px 4px ${p => rgba(p.theme.colors.primary.c60, 0.48)};\n  }\n`;\n\nconst RadioListElement = styled.label.attrs({ tabIndex: -1 })`\n  display: inline-flex;\n  align-items: center;\n`;\n\ntype InputAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"onChange\" | \"name\">;\n\nexport type RadioListElementProps = InputAttributes & {\n  /**\n   * The string or component that will be rendered as label of this radio element\n   * If it's a component, it's rendered with these props: { checked:boolean; disabled:boolean }\n   * */\n  label: string | React.ComponentType<ElementState> | ((arg1: ElementState) => JSX.Element);\n  /** Flex props to pass to the container */\n  containerProps?: FlexBoxProps;\n};\n\nconst ListElement = ({\n  label,\n  value,\n  disabled,\n  containerProps,\n  ...props\n}: RadioListElementProps): JSX.Element => {\n  const context = useContext(RadioContext);\n  if (context === undefined) throw new Error(\"RadioElement must be used within a RadioProvider\");\n\n  const isChecked = context.currentValue === value;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    context.onChange(event.target.value);\n  };\n\n  return (\n    <RadioListElement>\n      <Input\n        type=\"radio\"\n        checked={isChecked}\n        disabled={disabled}\n        onChange={handleChange}\n        value={value}\n        name={context.name}\n        {...props}\n      />\n      <Container checked={isChecked} disabled={disabled} {...containerProps}>\n        {typeof label === \"string\" ? (\n          <Label checked={isChecked} disabled={disabled} variant=\"paragraph\">\n            {label}\n          </Label>\n        ) : (\n          React.createElement(label, { checked: isChecked, disabled })\n        )}\n      </Container>\n    </RadioListElement>\n  );\n};\n\nListElement.displayName = \"Radio.ListElement\"; // For easy identification in the React devtools & in storybook\nListElement.Label = Label;\n\nexport default ListElement;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuD;AACvD,+BAAmB;AACnB,kBAAiB;AACjB,kBAAmC;AACnC,qBAAqB;AACrB,mBAA6B;AAOtB,MAAM,YAAQ,yBAAAA,SAAO,YAAAC,OAAI;AAAA,WACrB,OACP,EAAE,WACE,EAAE,MAAM,OAAO,QAAQ,MACvB,EAAE,UACF,EAAE,MAAM,OAAO,QAAQ,MACvB,EAAE,MAAM,OAAO,QAAQ;AAAA;AAG/B,MAAM,gBAAY,yBAAAD,SAAO,YAAAE,OAAI;AAAA,YACjB,OAAM,EAAE,WAAW,KAAK;AAAA;AAAA;AAAA,sBAGd,OAAM,EAAE,UAAU,EAAE,MAAM,OAAO,QAAQ,MAAM;AAAA,sBAC/C,OAAM,EAAE,UAAU,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,mBACzE,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC;AAAA,aAC7B,OAAK,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA,oBAGb,OAAM,EAAE,YAAY,EAAE,UAAU,KAAK,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIhF,MAAM,QAAQ,yBAAAF,QAAO;AAAA;AAAA;AAAA,cAGP;AAAA,kCACoB,WAAK,qBAAK,EAAE,MAAM,OAAO,QAAQ,KAAK,IAAI;AAAA;AAAA;AAI5E,MAAM,mBAAmB,yBAAAA,QAAO,MAAM,MAAM,EAAE,UAAU,GAAG,CAAC;AAAA;AAAA;AAAA;AAiB5D,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,QAAM,cAAU,yBAAW,yBAAY;AACvC,MAAI,YAAY;AAAW,UAAM,IAAI,MAAM,kDAAkD;AAE7F,QAAM,YAAY,QAAQ,iBAAiB;AAE3C,QAAM,eAAe,CAAC,UAA+C;AACnE,YAAQ,SAAS,MAAM,OAAO,KAAK;AAAA,EACrC;AAEA,SACE,6BAAAG,QAAA,cAAC,wBACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,MAAM,QAAQ;AAAA,MACb,GAAG;AAAA;AAAA,EACN,GACA,6BAAAA,QAAA,cAAC,aAAU,SAAS,WAAW,UAAqB,GAAG,kBACpD,OAAO,UAAU,WAChB,6BAAAA,QAAA,cAAC,SAAM,SAAS,WAAW,UAAoB,SAAQ,eACpD,KACH,IAEA,aAAAA,QAAM,cAAc,OAAO,EAAE,SAAS,WAAW,SAAS,CAAC,CAE/D,CACF;AAEJ;AAEA,YAAY,cAAc;AAC1B,YAAY,QAAQ;AAEpB,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuD;AACvD,+BAAmB;AACnB,kBAAiB;AACjB,kBAAmC;AACnC,qBAAqB;AACrB,mBAA6B;AAOtB,MAAM,YAAQ,yBAAAA,SAAO,YAAAC,OAAI;AAAA,WACrB,OACP,EAAE,WACE,EAAE,MAAM,OAAO,QAAQ,MACvB,EAAE,UACF,EAAE,MAAM,OAAO,QAAQ,MACvB,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA;AAGnC,MAAM,gBAAY,yBAAAD,SAAO,YAAAE,OAAI;AAAA,YACjB,OAAM,EAAE,WAAW,KAAK,SAAU;AAAA;AAAA;AAAA,sBAGxB,OAAM,EAAE,UAAU,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAG;AAAA,sBAClD,OAAM,EAAE,UAAU,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAE,MAAM,OAAO,QAAQ,GAAI;AAAA,mBAC7E,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAI;AAAA,aAClC,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA,oBAGd,OAAM,EAAE,YAAY,EAAE,UAAU,KAAK,EAAE,MAAM,OAAO,QAAQ,GAAI;AAAA;AAAA;AAIpF,MAAM,QAAQ,yBAAAF,QAAO;AAAA;AAAA;AAAA,cAGP,SAAS;AAAA,kCACW,WAAK,qBAAK,EAAE,MAAM,OAAO,QAAQ,KAAK,IAAI,CAAC;AAAA;AAAA;AAI7E,MAAM,mBAAmB,yBAAAA,QAAO,MAAM,MAAM,EAAE,UAAU,GAAG,CAAC;AAAA;AAAA;AAAA;AAiB5D,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,QAAM,cAAU,yBAAW,yBAAY;AACvC,MAAI,YAAY;AAAW,UAAM,IAAI,MAAM,kDAAkD;AAE7F,QAAM,YAAY,QAAQ,iBAAiB;AAE3C,QAAM,eAAe,CAAC,UAA+C;AACnE,YAAQ,SAAS,MAAM,OAAO,KAAK;AAAA,EACrC;AAEA,SACE,6BAAAG,QAAA,cAAC,wBACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,MAAM,QAAQ;AAAA,MACb,GAAG;AAAA;AAAA,EACN,GACA,6BAAAA,QAAA,cAAC,aAAU,SAAS,WAAW,UAAqB,GAAG,kBACpD,OAAO,UAAU,WAChB,6BAAAA,QAAA,cAAC,SAAM,SAAS,WAAW,UAAoB,SAAQ,eACpD,KACH,IAEA,aAAAA,QAAM,cAAc,OAAO,EAAE,SAAS,WAAW,SAAS,CAAC,CAE/D,CACF;AAEJ;AAEA,YAAY,cAAc;AAC1B,YAAY,QAAQ;AAEpB,IAAO,2BAAQ;",
   "names": ["styled", "Text", "Flex", "React"]
 }

package/lib/cjs/components/form/SelectInput/Control.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/Control.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, GroupBase, StylesConfig, ControlProps } from \"react-select\";\nimport { DefaultTheme } from \"styled-components\";\nimport { InputContainer } from \"../BaseInput\";\nimport { Props as SelectProps } from \"./index\";\n\nexport function getStyles<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(theme: DefaultTheme): NonNullable<StylesConfig<O, M, G>[\"control\"]> {\n  return provided => ({\n    ...provided,\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    border: 0,\n    padding: `0px ${theme.space[7]}px`,\n    boxShadow: \"none\",\n    borderRadius: \"inherit\",\n    background: \"transparent\",\n  });\n}\n\nexport function Control<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: ControlProps<O, M, G>): JSX.Element {\n  const { isFocused, selectProps, children } = props;\n\n  const { isDisabled, error, renderLeft } = selectProps as SelectProps<O, M, G>;\n\n  return (\n    <InputContainer disabled={isDisabled} error={error} focus={isFocused}>\n      <components.Control {...props}>\n        {renderLeft ? renderLeft(props) : null}\n        {children}\n      </components.Control>\n    </InputContainer>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAkE;AAElE,uBAA+B;AAGxB,SAAS,UAId,OAAoE;AACpE,SAAO,eAAa;AAAA,IAClB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS,OAAO,MAAM,MAAM,CAAC;AAAA,IAC7B,WAAW;AAAA,IACX,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AACF;AAEO,SAAS,QAId,OAA2C;AAC3C,QAAM,EAAE,WAAW,aAAa,SAAS,IAAI;AAE7C,QAAM,EAAE,YAAY,OAAO,WAAW,IAAI;AAE1C,SACE,6BAAAA,QAAA,cAAC,mCAAe,UAAU,YAAY,OAAc,OAAO,aACzD,6BAAAA,QAAA,cAAC,+BAAW,SAAX,EAAoB,GAAG,SACrB,aAAa,WAAW,KAAK,IAAI,MACjC,QACH,CACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAkE;AAElE,uBAA+B;AAGxB,SAAS,UAId,OAAoE;AACpE,SAAO,eAAa;AAAA,IAClB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS,OAAO,MAAM,MAAM,CAAC,CAAC;AAAA,IAC9B,WAAW;AAAA,IACX,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AACF;AAEO,SAAS,QAId,OAA2C;AAC3C,QAAM,EAAE,WAAW,aAAa,SAAS,IAAI;AAE7C,QAAM,EAAE,YAAY,OAAO,WAAW,IAAI;AAE1C,SACE,6BAAAA,QAAA,cAAC,mCAAe,UAAU,YAAY,OAAc,OAAO,aACzD,6BAAAA,QAAA,cAAC,+BAAW,SAAX,EAAoB,GAAG,SACrB,aAAa,WAAW,KAAK,IAAI,MACjC,QACH,CACF;AAEJ;",
   "names": ["React"]
 }

package/lib/cjs/components/form/SelectInput/MenuList.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/MenuList.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, GroupBase, StylesConfig, MenuListProps } from \"react-select\";\nimport { DefaultTheme } from \"styled-components\";\n\nexport function getStyles<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(theme: DefaultTheme): NonNullable<StylesConfig<O, M, G>[\"menuList\"]> {\n  const isLight = theme.colors.type === \"light\";\n  return provided => ({\n    ...provided,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.space[2],\n    padding: theme.space[3],\n    border: `1px solid ${theme.colors.neutral[isLight ? \"c20\" : \"c30\"]}`,\n    borderRadius: \"8px\",\n    boxShadow: `0px 6px 12px rgba(0, 0, 0, ${isLight ? 0.04 : 0.08})`,\n    background: theme.colors.neutral[isLight ? \"c00\" : \"c20\"],\n    color: theme.colors.neutral.c80,\n  });\n}\n\nexport function MenuList<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: MenuListProps<O, M, G>): JSX.Element {\n  return <components.MenuList {...props}>{props.children}</components.MenuList>;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAmE;AAG5D,SAAS,UAId,OAAqE;AACrE,QAAM,UAAU,MAAM,OAAO,SAAS;AACtC,SAAO,eAAa;AAAA,IAClB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK,MAAM,MAAM,CAAC;AAAA,IAClB,SAAS,MAAM,MAAM,CAAC;AAAA,IACtB,QAAQ,aAAa,MAAM,OAAO,QAAQ,UAAU,QAAQ,KAAK;AAAA,IACjE,cAAc;AAAA,IACd,WAAW,8BAA8B,UAAU,OAAO;AAAA,IAC1D,YAAY,MAAM,OAAO,QAAQ,UAAU,QAAQ,KAAK;AAAA,IACxD,OAAO,MAAM,OAAO,QAAQ;AAAA,EAC9B;AACF;AAEO,SAAS,SAId,OAA4C;AAC5C,SAAO,6BAAAA,QAAA,cAAC,+BAAW,UAAX,EAAqB,GAAG,SAAQ,MAAM,QAAS;AACzD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAmE;AAG5D,SAAS,UAId,OAAqE;AACrE,QAAM,UAAU,MAAM,OAAO,SAAS;AACtC,SAAO,eAAa;AAAA,IAClB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK,MAAM,MAAM,CAAC;AAAA,IAClB,SAAS,MAAM,MAAM,CAAC;AAAA,IACtB,QAAQ,aAAa,MAAM,OAAO,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,IAClE,cAAc;AAAA,IACd,WAAW,8BAA8B,UAAU,OAAO,IAAI;AAAA,IAC9D,YAAY,MAAM,OAAO,QAAQ,UAAU,QAAQ,KAAK;AAAA,IACxD,OAAO,MAAM,OAAO,QAAQ;AAAA,EAC9B;AACF;AAEO,SAAS,SAId,OAA4C;AAC5C,SAAO,6BAAAA,QAAA,cAAC,+BAAW,UAAX,EAAqB,GAAG,SAAQ,MAAM,QAAS;AACzD;",
   "names": ["React"]
 }

package/lib/cjs/components/form/SelectInput/Option.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/Option.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, GroupBase, StylesConfig, OptionProps } from \"react-select\";\nimport styled from \"styled-components\";\nimport Text from \"../../asorted/Text\";\n\nexport function getStyles<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(): NonNullable<StylesConfig<O, M, G>[\"option\"]> {\n  return provided => ({\n    ...provided,\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 0,\n    cursor: \"inherit\",\n    background: \"inherit\",\n    color: \"inherit\",\n    boxShadow: \"none\",\n    border: \"none\",\n    \":active\": undefined,\n  });\n}\n\nconst Wrapper = styled(Text).attrs({ as: \"div\" })<{\n  disabled: boolean;\n  selected: boolean;\n  focus: boolean;\n}>`\n  height: 48px;\n  display: flex;\n  padding: 0 ${p => p.theme.space[5]}px;\n  border-radius: ${p => `${p.theme.radii[1]}px`};\n  ${p => (!p.disabled ? \"cursor: pointer;\" : \"\")}\n  ${props => {\n    const { theme, selected, focus, disabled } = props;\n    if (selected) {\n      return `\n        color: ${theme.colors.primary.c90};\n        background: ${theme.colors.primary.c20};\n      `;\n    }\n    if (disabled) {\n      return `\n        color: ${theme.colors.neutral.c50};\n        ${\n          focus\n            ? `&:not(:active) {\n            background: ${theme.colors.neutral.c20};\n          }`\n            : \"\"\n        }\n      `;\n    }\n    return `\n      color: ${theme.colors.neutral.c80};\n      &:hover {\n        color: ${theme.colors.neutral.c100};\n        background: ${theme.colors.primary.c10};\n      }\n      &:active {\n        color: ${theme.colors.neutral.c100};\n        background: ${theme.colors.primary.c30};\n      }\n      ${\n        focus\n          ? `&:not(:active) {\n          color: ${theme.colors.neutral.c100};\n          background: ${theme.colors.primary.c10};\n        }`\n          : \"\"\n      }\n    `;\n  }};\n`;\n\nexport type ExtraProps<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n> = {\n  /* A render function to customize the contents. */\n  render?: (props: React.PropsWithChildren<OptionProps<O, M, G>>) => React.ReactNode;\n};\nexport type Props<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n> = OptionProps<O, M, G> & ExtraProps<O, M, G>;\nexport function Option<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: Props<O, M, G>): JSX.Element {\n  const { render, children, ...innerProps } = props;\n\n  return (\n    <Wrapper\n      disabled={props.isDisabled}\n      selected={props.isSelected}\n      focus={props.isFocused}\n      fontWeight=\"semiBold\"\n      variant={\"paragraph\"}\n    >\n      <components.Option {...innerProps}>{render ? render(props) : children}</components.Option>\n    </Wrapper>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAiE;AACjE,+BAAmB;AACnB,kBAAiB;AAEV,SAAS,YAIkC;AAChD,SAAO,eAAa;AAAA,IAClB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,WAAW;AAAA,EACb;AACF;AAEA,MAAM,cAAU,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM,EAAE,IAAI,MAAM,CAAC;AAAA;AAAA;AAAA,eAOjC,OAAK,EAAE,MAAM,MAAM,CAAC;AAAA,mBAChB,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC;AAAA,IACtC,OAAM,CAAC,EAAE,WAAW,qBAAqB;AAAA,IACzC,WAAS;AACT,QAAM,EAAE,OAAO,UAAU,OAAO,SAAS,IAAI;AAC7C,MAAI,UAAU;AACZ,WAAO;AAAA,iBACI,MAAM,OAAO,QAAQ;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA;AAAA,EAEvC;AACA,MAAI,UAAU;AACZ,WAAO;AAAA,iBACI,MAAM,OAAO,QAAQ;AAAA,UAE5B,QACI;AAAA,0BACY,MAAM,OAAO,QAAQ;AAAA,eAEjC;AAAA;AAAA,EAGV;AACA,SAAO;AAAA,eACI,MAAM,OAAO,QAAQ;AAAA;AAAA,iBAEnB,MAAM,OAAO,QAAQ;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAG1B,MAAM,OAAO,QAAQ;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA;AAAA,QAGnC,QACI;AAAA,mBACO,MAAM,OAAO,QAAQ;AAAA,wBAChB,MAAM,OAAO,QAAQ;AAAA,aAEjC;AAAA;AAGV;AAAA;AAgBK,SAAS,OAId,OAAoC;AACpC,QAAM,EAAE,QAAQ,UAAU,GAAG,WAAW,IAAI;AAE5C,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,OAAO,MAAM;AAAA,MACb,YAAW;AAAA,MACX,SAAS;AAAA;AAAA,IAET,6BAAAA,QAAA,cAAC,+BAAW,QAAX,EAAmB,GAAG,cAAa,SAAS,OAAO,KAAK,IAAI,QAAS;AAAA,EACxE;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAiE;AACjE,+BAAmB;AACnB,kBAAiB;AAEV,SAAS,YAIkC;AAChD,SAAO,eAAa;AAAA,IAClB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,WAAW;AAAA,EACb;AACF;AAEA,MAAM,cAAU,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM,EAAE,IAAI,MAAM,CAAC;AAAA;AAAA;AAAA,eAOjC,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA,mBACjB,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAI;AAAA,IAC3C,OAAM,CAAC,EAAE,WAAW,qBAAqB,EAAG;AAAA,IAC5C,WAAS;AACT,QAAM,EAAE,OAAO,UAAU,OAAO,SAAS,IAAI;AAC7C,MAAI,UAAU;AACZ,WAAO;AAAA,iBACI,MAAM,OAAO,QAAQ,GAAG;AAAA,sBACnB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,EAE1C;AACA,MAAI,UAAU;AACZ,WAAO;AAAA,iBACI,MAAM,OAAO,QAAQ,GAAG;AAAA,UAE/B,QACI;AAAA,0BACY,MAAM,OAAO,QAAQ,GAAG;AAAA,eAEpC,EACN;AAAA;AAAA,EAEJ;AACA,SAAO;AAAA,eACI,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,iBAEtB,MAAM,OAAO,QAAQ,IAAI;AAAA,sBACpB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,iBAG7B,MAAM,OAAO,QAAQ,IAAI;AAAA,sBACpB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,QAGtC,QACI;AAAA,mBACO,MAAM,OAAO,QAAQ,IAAI;AAAA,wBACpB,MAAM,OAAO,QAAQ,GAAG;AAAA,aAEpC,EACN;AAAA;AAEJ,CAAC;AAAA;AAgBI,SAAS,OAId,OAAoC;AACpC,QAAM,EAAE,QAAQ,UAAU,GAAG,WAAW,IAAI;AAE5C,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,OAAO,MAAM;AAAA,MACb,YAAW;AAAA,MACX,SAAS;AAAA;AAAA,IAET,6BAAAA,QAAA,cAAC,+BAAW,QAAX,EAAmB,GAAG,cAAa,SAAS,OAAO,KAAK,IAAI,QAAS;AAAA,EACxE;AAEJ;",
   "names": ["styled", "Text", "React"]
 }

package/lib/cjs/components/form/SplitInput/SplitInput.stories.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SplitInput/SplitInput.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, StylesConfig } from \"react-select\";\nimport SplitInput, { Props } from \"./index\";\nimport Input from \"../BaseInput\";\nimport QuantityInput from \"../QuantityInput\";\nimport QrCodeInput from \"../QrCodeInput\";\nimport SelectInput, { Props as SelectInputProps } from \"../SelectInput\";\nimport FlexBox from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nexport default {\n  title: \"Form/Input/Split\",\n  component: SplitInput,\n  argTypes: {\n    value: { table: { disable: true } },\n    renderLeft: { table: { disable: true } },\n    renderRight: { table: { disable: true } },\n    rowHeight: { table: { disable: true } },\n    isDisabled: { table: { disable: true } },\n    disabled: { type: \"boolean\" },\n    error: { type: \"string\" },\n  },\n};\n\nconst options = [\n  // Labels contain muttons spaces (U+2003 character).\n  // Do not replace with a regular space please!\n  { value: \"chocolate\", label: \"\uD83C\uDF6B\u2003Chocolate\" },\n  { value: \"strawberry\", label: \"\uD83C\uDF53\u2003Strawberry\" },\n  { value: \"lemon\", label: \"\uD83C\uDF4B\u2003Lemon\" },\n  { value: \"vanilla\", label: \"\uD83C\uDF66\u2003Vanilla\" },\n];\n\nconst Label = ({ left, right }: { left: string; right: string }) => (\n  <FlexBox justifyContent=\"space-between\" mt={8} px={6}>\n    <Text fontWeight=\"semiBold\" variant={\"small\"}>\n      {`<${left} />`}\n    </Text>\n    <Text fontWeight=\"semiBold\" variant={\"small\"}>\n      {`<${right} />`}\n    </Text>\n  </FlexBox>\n);\n\nconst selectStyles: StylesConfig<Option> = {\n  container: (provided, state) => ({\n    ...provided,\n    height: \"100%\",\n    cursor: state.isDisabled ? \"not-allowed\" : \"text\",\n    pointerEvents: undefined,\n  }),\n  control: (_, state) => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\",\n    padding: \"0 20px\",\n    pointerEvents: state.isDisabled ? \"none\" : undefined,\n  }),\n};\n\ntype Option = (typeof options)[0];\nexport const Split = (args: Props): React.ReactNode => {\n  const [leftValue1, setLeftValue1] = React.useState<Option | null>(null);\n  const [rightValue1, setRightValue1] = React.useState<string>(\"\");\n  const [leftValue2, setLeftValue2] = React.useState<Option | null>(null);\n  const [rightValue2, setRightValue2] = React.useState<string>(\"\");\n  const [leftValue3, setLeftValue3] = React.useState<Option | null>(null);\n  const [rightValue3, setRightValue3] = React.useState<string>(\"\");\n  const [leftValue4, setLeftValue4] = React.useState<string>(\"\");\n  const [rightValue4, setRightValue4] = React.useState<string>(\"\");\n\n  return (\n    <FlexBox flexDirection=\"column\" rowGap={3}>\n      <Label left=\"SelectInput\" right=\"Input\" />\n      <SplitInput\n        {...args}\n        renderLeft={(props: SelectInputProps<Option>) => (\n          <SelectInput\n            value={leftValue1}\n            options={options}\n            placeholder=\"Left\"\n            unwrapped\n            onChange={setLeftValue1}\n            components={{\n              Control: components.Control,\n            }}\n            styles={selectStyles}\n            {...props}\n          />\n        )}\n        renderRight={props => (\n          <Input\n            value={rightValue1}\n            placeholder=\"Right\"\n            textAlign=\"right\"\n            unwrapped\n            onChange={setRightValue1}\n            {...props}\n          />\n        )}\n      />\n      <Label left=\"SelectInput\" right=\"QuantityInput\" />\n      <SplitInput\n        {...args}\n        renderLeft={(props: SelectInputProps<Option>) => (\n          <SelectInput\n            value={leftValue2}\n            options={options}\n            placeholder=\"Left\"\n            unwrapped\n            onChange={setLeftValue2}\n            components={{\n              Control: components.Control,\n            }}\n            styles={selectStyles}\n            {...props}\n          />\n        )}\n        renderRight={props => (\n          <QuantityInput\n            value={rightValue2}\n            placeholder=\"Right\"\n            textAlign=\"right\"\n            unwrapped\n            onChange={setRightValue2}\n            {...props}\n          />\n        )}\n      />\n      <Label left=\"SelectInput\" right=\"QrCodeInput\" />\n      <SplitInput\n        {...args}\n        renderLeft={(props: SelectInputProps<Option>) => (\n          <SelectInput\n            value={leftValue3}\n            options={options}\n            placeholder=\"Left\"\n            unwrapped\n            onChange={setLeftValue3}\n            components={{\n              Control: components.Control,\n            }}\n            styles={selectStyles}\n            {...props}\n          />\n        )}\n        renderRight={props => (\n          <QrCodeInput\n            value={rightValue3}\n            placeholder=\"Right\"\n            textAlign=\"right\"\n            unwrapped\n            onChange={setRightValue3}\n            {...props}\n          />\n        )}\n      />\n      <Label left=\"Input\" right=\"Input\" />\n      <SplitInput\n        {...args}\n        renderLeft={props => (\n          <Input\n            value={leftValue4}\n            placeholder=\"Left\"\n            unwrapped\n            onChange={setLeftValue4}\n            {...props}\n          />\n        )}\n        renderRight={props => (\n          <Input\n            value={rightValue4}\n            placeholder=\"Right\"\n            textAlign=\"right\"\n            unwrapped\n            onChange={setRightValue4}\n            {...props}\n          />\n        )}\n      />\n    </FlexBox>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAyC;AACzC,mBAAkC;AAClC,uBAAkB;AAClB,2BAA0B;AAC1B,yBAAwB;AACxB,yBAAuD;AACvD,kBAAoB;AACpB,kBAAiB;AAEjB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,UAAU;AAAA,IACR,OAAO,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IAClC,YAAY,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IACvC,aAAa,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IACxC,WAAW,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IACtC,YAAY,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IACvC,UAAU,EAAE,MAAM,UAAU;AAAA,IAC5B,OAAO,EAAE,MAAM,SAAS;AAAA,EAC1B;AACF;AAEA,MAAM,UAAU;AAAA;AAAA;AAAA,EAGd,EAAE,OAAO,aAAa,OAAO,2BAAe;AAAA,EAC5C,EAAE,OAAO,cAAc,OAAO,4BAAgB;AAAA,EAC9C,EAAE,OAAO,SAAS,OAAO,uBAAW;AAAA,EACpC,EAAE,OAAO,WAAW,OAAO,yBAAa;AAC1C;AAEA,MAAM,QAAQ,CAAC,EAAE,MAAM,MAAM,MAC3B,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAQ,gBAAe,iBAAgB,IAAI,GAAG,IAAI,KACjD,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,YAAW,YAAW,SAAS,WAClC,IAAI,SACP,GACA,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,YAAW,YAAW,SAAS,WAClC,IAAI,UACP,CACF;AAGF,MAAM,eAAqC;AAAA,EACzC,WAAW,CAAC,UAAU,WAAW;AAAA,IAC/B,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,QAAQ,MAAM,aAAa,gBAAgB;AAAA,IAC3C,eAAe;AAAA,EACjB;AAAA,EACA,SAAS,CAAC,GAAG,WAAW;AAAA,IACtB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe,MAAM,aAAa,SAAS;AAAA,EAC7C;AACF;AAGO,MAAM,QAAQ,CAAC,SAAiC;AACrD,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAF,QAAM,SAAwB,IAAI;AACtE,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAC/D,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAwB,IAAI;AACtE,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAC/D,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAwB,IAAI;AACtE,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAC/D,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAC7D,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAE/D,SACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAQ,eAAc,UAAS,QAAQ,KACtC,6BAAAD,QAAA,cAAC,SAAM,MAAK,eAAc,OAAM,SAAQ,GACxC,6BAAAA,QAAA;AAAA,IAAC,aAAAD;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAY,CAAC,UACX,6BAAAC,QAAA;AAAA,QAAC,mBAAAG;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,aAAY;AAAA,UACZ,WAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,YACV,SAAS,+BAAW;AAAA,UACtB;AAAA,UACA,QAAQ;AAAA,UACP,GAAG;AAAA;AAAA,MACN;AAAA,MAEF,aAAa,WACX,6BAAAH,QAAA;AAAA,QAAC,iBAAAI;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAU;AAAA,UACV,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ,GACA,6BAAAJ,QAAA,cAAC,SAAM,MAAK,eAAc,OAAM,iBAAgB,GAChD,6BAAAA,QAAA;AAAA,IAAC,aAAAD;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAY,CAAC,UACX,6BAAAC,QAAA;AAAA,QAAC,mBAAAG;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,aAAY;AAAA,UACZ,WAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,YACV,SAAS,+BAAW;AAAA,UACtB;AAAA,UACA,QAAQ;AAAA,UACP,GAAG;AAAA;AAAA,MACN;AAAA,MAEF,aAAa,WACX,6BAAAH,QAAA;AAAA,QAAC,qBAAAK;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAU;AAAA,UACV,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ,GACA,6BAAAL,QAAA,cAAC,SAAM,MAAK,eAAc,OAAM,eAAc,GAC9C,6BAAAA,QAAA;AAAA,IAAC,aAAAD;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAY,CAAC,UACX,6BAAAC,QAAA;AAAA,QAAC,mBAAAG;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,aAAY;AAAA,UACZ,WAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,YACV,SAAS,+BAAW;AAAA,UACtB;AAAA,UACA,QAAQ;AAAA,UACP,GAAG;AAAA;AAAA,MACN;AAAA,MAEF,aAAa,WACX,6BAAAH,QAAA;AAAA,QAAC,mBAAAM;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAU;AAAA,UACV,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ,GACA,6BAAAN,QAAA,cAAC,SAAM,MAAK,SAAQ,OAAM,SAAQ,GAClC,6BAAAA,QAAA;AAAA,IAAC,aAAAD;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAY,WACV,6BAAAC,QAAA;AAAA,QAAC,iBAAAI;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA,MAEF,aAAa,WACX,6BAAAJ,QAAA;AAAA,QAAC,iBAAAI;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAU;AAAA,UACV,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ,CACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAyC;AACzC,mBAAkC;AAClC,uBAAkB;AAClB,2BAA0B;AAC1B,yBAAwB;AACxB,yBAAuD;AACvD,kBAAoB;AACpB,kBAAiB;AAEjB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,UAAU;AAAA,IACR,OAAO,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IAClC,YAAY,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IACvC,aAAa,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IACxC,WAAW,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IACtC,YAAY,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAAA,IACvC,UAAU,EAAE,MAAM,UAAU;AAAA,IAC5B,OAAO,EAAE,MAAM,SAAS;AAAA,EAC1B;AACF;AAEA,MAAM,UAAU;AAAA;AAAA;AAAA,EAGd,EAAE,OAAO,aAAa,OAAO,2BAAe;AAAA,EAC5C,EAAE,OAAO,cAAc,OAAO,4BAAgB;AAAA,EAC9C,EAAE,OAAO,SAAS,OAAO,uBAAW;AAAA,EACpC,EAAE,OAAO,WAAW,OAAO,yBAAa;AAC1C;AAEA,MAAM,QAAQ,CAAC,EAAE,MAAM,MAAM,MAC3B,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAQ,gBAAe,iBAAgB,IAAI,GAAG,IAAI,KACjD,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,YAAW,YAAW,SAAS,WAClC,IAAI,IAAI,KACX,GACA,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,YAAW,YAAW,SAAS,WAClC,IAAI,KAAK,KACZ,CACF;AAGF,MAAM,eAAqC;AAAA,EACzC,WAAW,CAAC,UAAU,WAAW;AAAA,IAC/B,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,QAAQ,MAAM,aAAa,gBAAgB;AAAA,IAC3C,eAAe;AAAA,EACjB;AAAA,EACA,SAAS,CAAC,GAAG,WAAW;AAAA,IACtB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe,MAAM,aAAa,SAAS;AAAA,EAC7C;AACF;AAGO,MAAM,QAAQ,CAAC,SAAiC;AACrD,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAF,QAAM,SAAwB,IAAI;AACtE,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAC/D,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAwB,IAAI;AACtE,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAC/D,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAwB,IAAI;AACtE,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAC/D,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAC7D,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAiB,EAAE;AAE/D,SACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAQ,eAAc,UAAS,QAAQ,KACtC,6BAAAD,QAAA,cAAC,SAAM,MAAK,eAAc,OAAM,SAAQ,GACxC,6BAAAA,QAAA;AAAA,IAAC,aAAAD;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAY,CAAC,UACX,6BAAAC,QAAA;AAAA,QAAC,mBAAAG;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,aAAY;AAAA,UACZ,WAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,YACV,SAAS,+BAAW;AAAA,UACtB;AAAA,UACA,QAAQ;AAAA,UACP,GAAG;AAAA;AAAA,MACN;AAAA,MAEF,aAAa,WACX,6BAAAH,QAAA;AAAA,QAAC,iBAAAI;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAU;AAAA,UACV,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ,GACA,6BAAAJ,QAAA,cAAC,SAAM,MAAK,eAAc,OAAM,iBAAgB,GAChD,6BAAAA,QAAA;AAAA,IAAC,aAAAD;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAY,CAAC,UACX,6BAAAC,QAAA;AAAA,QAAC,mBAAAG;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,aAAY;AAAA,UACZ,WAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,YACV,SAAS,+BAAW;AAAA,UACtB;AAAA,UACA,QAAQ;AAAA,UACP,GAAG;AAAA;AAAA,MACN;AAAA,MAEF,aAAa,WACX,6BAAAH,QAAA;AAAA,QAAC,qBAAAK;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAU;AAAA,UACV,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ,GACA,6BAAAL,QAAA,cAAC,SAAM,MAAK,eAAc,OAAM,eAAc,GAC9C,6BAAAA,QAAA;AAAA,IAAC,aAAAD;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAY,CAAC,UACX,6BAAAC,QAAA;AAAA,QAAC,mBAAAG;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,aAAY;AAAA,UACZ,WAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,YACV,SAAS,+BAAW;AAAA,UACtB;AAAA,UACA,QAAQ;AAAA,UACP,GAAG;AAAA;AAAA,MACN;AAAA,MAEF,aAAa,WACX,6BAAAH,QAAA;AAAA,QAAC,mBAAAM;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAU;AAAA,UACV,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ,GACA,6BAAAN,QAAA,cAAC,SAAM,MAAK,SAAQ,OAAM,SAAQ,GAClC,6BAAAA,QAAA;AAAA,IAAC,aAAAD;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAY,WACV,6BAAAC,QAAA;AAAA,QAAC,iBAAAI;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA,MAEF,aAAa,WACX,6BAAAJ,QAAA;AAAA,QAAC,iBAAAI;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,WAAU;AAAA,UACV,WAAS;AAAA,UACT,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ,CACF;AAEJ;",
   "names": ["SplitInput", "React", "FlexBox", "Text", "SelectInput", "Input", "QuantityInput", "QrCodeInput"]
 }

package/lib/cjs/components/form/SplitInput/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SplitInput/index.tsx"],
   "sourcesContent": ["import React, { useCallback } from \"react\";\nimport styled from \"styled-components\";\nimport { DefaultTheme } from \"styled-components\";\nimport { InputContainer, InputErrorContainer } from \"../BaseInput\";\n\ntype Callbacks = {\n  onFocus: <F>(event: React.FocusEvent<F>) => void;\n  onBlur: <B>(event: React.FocusEvent<B>) => void;\n};\ntype ExtraRenderProps = {\n  renderLeft: (p: StateProps & Callbacks) => React.ReactNode;\n  renderRight: (p: StateProps & Callbacks) => React.ReactNode;\n};\nexport type StateProps = {\n  error?: string | undefined;\n  disabled?: boolean;\n  isDisabled?: boolean;\n};\nexport type Props = StateProps & ExtraRenderProps;\ntype DividerProps = {\n  disabled: boolean | undefined;\n  focus: boolean | undefined;\n  error: string | undefined;\n  theme?: DefaultTheme;\n};\nfunction getDividerColor(props: DividerProps) {\n  if (props.disabled) {\n    return props.theme?.colors.neutral.c40;\n  }\n  if (props.error) {\n    return props.theme?.colors.error.c50;\n  }\n  if (props.focus) {\n    return props.theme?.colors.primary.c80;\n  }\n\n  return props.theme?.colors.neutral.c40;\n}\n\nfunction getHoverBolderColor(props: DividerProps) {\n  return props.disabled || props.error ? \"inherit\" : props.theme?.colors.primary.c80;\n}\n\nconst Divider = styled.div<{\n  disabled: boolean | undefined;\n  focus: boolean | undefined;\n  error: string | undefined;\n}>`\n  border-right: 1px solid;\n  height: 100%;\n  transition: border-color 0.2s ease;\n\n  border-color: ${getDividerColor};\n  ${InputContainer}:hover & {\n    border-color: ${getHoverBolderColor};\n  }\n`;\n\nexport default function SplitInput(props: Props): JSX.Element {\n  const { disabled, isDisabled, renderLeft, renderRight, error } = props;\n  const [focus, setFocus] = React.useState(false);\n\n  const onFocus = useCallback(() => {\n    setFocus(true);\n  }, [setFocus]);\n  const onBlur = useCallback(() => {\n    setFocus(false);\n  }, [setFocus]);\n\n  const disabledState = typeof disabled !== \"undefined\" ? disabled : isDisabled;\n\n  return (\n    <div>\n      <InputContainer disabled={disabledState} focus={focus} error={error}>\n        <div style={{ width: \"50%\", height: \"100%\" }}>\n          {renderLeft({\n            error,\n            onFocus,\n            onBlur,\n            disabled: disabledState,\n            isDisabled: disabledState,\n          })}\n        </div>\n        <Divider focus={focus} disabled={disabled} error={error} />\n        <div style={{ width: \"50%\", height: \"100%\" }}>\n          {typeof renderRight === \"function\"\n            ? renderRight({\n                error,\n                onFocus,\n                onBlur,\n                disabled: disabledState,\n                isDisabled: disabledState,\n              })\n            : renderRight}\n        </div>\n      </InputContainer>\n      {error && !disabled && <InputErrorContainer>{error}</InputErrorContainer>}\n    </div>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,+BAAmB;AAEnB,uBAAoD;AAsBpD,SAAS,gBAAgB,OAAqB;AAzB9C;AA0BE,MAAI,MAAM,UAAU;AAClB,YAAO,WAAM,UAAN,mBAAa,OAAO,QAAQ;AAAA,EACrC;AACA,MAAI,MAAM,OAAO;AACf,YAAO,WAAM,UAAN,mBAAa,OAAO,MAAM;AAAA,EACnC;AACA,MAAI,MAAM,OAAO;AACf,YAAO,WAAM,UAAN,mBAAa,OAAO,QAAQ;AAAA,EACrC;AAEA,UAAO,WAAM,UAAN,mBAAa,OAAO,QAAQ;AACrC;AAEA,SAAS,oBAAoB,OAAqB;AAvClD;AAwCE,SAAO,MAAM,YAAY,MAAM,QAAQ,aAAY,WAAM,UAAN,mBAAa,OAAO,QAAQ;AACjF;AAEA,MAAM,UAAU,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBASL;AAAA,IACd;AAAA,oBACgB;AAAA;AAAA;AAIL,SAAR,WAA4B,OAA2B;AAC5D,QAAM,EAAE,UAAU,YAAY,YAAY,aAAa,MAAM,IAAI;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAC,QAAM,SAAS,KAAK;AAE9C,QAAM,cAAU,0BAAY,MAAM;AAChC,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,QAAQ,CAAC;AACb,QAAM,aAAS,0BAAY,MAAM;AAC/B,aAAS,KAAK;AAAA,EAChB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,gBAAgB,OAAO,aAAa,cAAc,WAAW;AAEnE,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,mCAAe,UAAU,eAAe,OAAc,SACrD,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,KACxC,WAAW;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC,CACH,GACA,6BAAAA,QAAA,cAAC,WAAQ,OAAc,UAAoB,OAAc,GACzD,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,KACxC,OAAO,gBAAgB,aACpB,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC,IACD,WACN,CACF,GACC,SAAS,CAAC,YAAY,6BAAAA,QAAA,cAAC,4CAAqB,KAAM,CACrD;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,+BAAmB;AAEnB,uBAAoD;AAsBpD,SAAS,gBAAgB,OAAqB;AAzB9C;AA0BE,MAAI,MAAM,UAAU;AAClB,YAAO,WAAM,UAAN,mBAAa,OAAO,QAAQ;AAAA,EACrC;AACA,MAAI,MAAM,OAAO;AACf,YAAO,WAAM,UAAN,mBAAa,OAAO,MAAM;AAAA,EACnC;AACA,MAAI,MAAM,OAAO;AACf,YAAO,WAAM,UAAN,mBAAa,OAAO,QAAQ;AAAA,EACrC;AAEA,UAAO,WAAM,UAAN,mBAAa,OAAO,QAAQ;AACrC;AAEA,SAAS,oBAAoB,OAAqB;AAvClD;AAwCE,SAAO,MAAM,YAAY,MAAM,QAAQ,aAAY,WAAM,UAAN,mBAAa,OAAO,QAAQ;AACjF;AAEA,MAAM,UAAU,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBASL,eAAe;AAAA,IAC7B,+BAAc;AAAA,oBACE,mBAAmB;AAAA;AAAA;AAIxB,SAAR,WAA4B,OAA2B;AAC5D,QAAM,EAAE,UAAU,YAAY,YAAY,aAAa,MAAM,IAAI;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAC,QAAM,SAAS,KAAK;AAE9C,QAAM,cAAU,0BAAY,MAAM;AAChC,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,QAAQ,CAAC;AACb,QAAM,aAAS,0BAAY,MAAM;AAC/B,aAAS,KAAK;AAAA,EAChB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,gBAAgB,OAAO,aAAa,cAAc,WAAW;AAEnE,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,mCAAe,UAAU,eAAe,OAAc,SACrD,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,KACxC,WAAW;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC,CACH,GACA,6BAAAA,QAAA,cAAC,WAAQ,OAAc,UAAoB,OAAc,GACzD,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,KACxC,OAAO,gBAAgB,aACpB,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC,IACD,WACN,CACF,GACC,SAAS,CAAC,YAAY,6BAAAA,QAAA,cAAC,4CAAqB,KAAM,CACrD;AAEJ;",
   "names": ["styled", "React"]
 }