@mrshmllw/smores-react 6.0.1 → 6.0.2

package/dist/Tooltip/Tooltip.js

@@ -1,286 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import styled, { css } from 'styled-components';
-import { v4 } from 'uuid';
-import { Box } from '../Box/Box.js';
-import { Text } from '../Text/Text.js';
-import { useEventListener } from '../hooks/useEventListener/index.js';
-import { theme } from '../theme.js';
-import { debounce } from '../utils/debounce.js';
-
-const Tooltip = ({
-  children,
-  title,
-  content,
-  position = "top",
-  maxWidth = 500,
-  underline = false,
-  fallbackStyle = false,
-  zIndex = 10,
-  portalContainer = document.body
-}) => {
-  const documentRef = useRef(document);
-  const tipContainer = useRef(null);
-  const [showTip, setShowTip] = useState(false);
-  const [tooltipPosition, setTooltipPosition] = useState(position);
-  const [childEl, setChildEl] = useState(null);
-  const [tooltipCoords, setTooltipCoords] = useState({ top: 0, left: 0 });
-  const randomId = v4();
-  const checkInbounds = (element) => element.top >= 0 && element.left >= 0 && element.bottom <= window.innerHeight && element.right <= window.innerWidth;
-  const handleTipViewport = useCallback(() => {
-    const dimensions = tipContainer.current?.getBoundingClientRect();
-    if (!dimensions)
-      return;
-    if (checkInbounds(dimensions))
-      return;
-    if (dimensions.top >= 0 && tooltipPosition !== "top") {
-      setTooltipPosition("top");
-      return;
-    }
-    if (dimensions.top < 0) {
-      setTooltipPosition("bottom");
-      return;
-    }
-    if (dimensions.right > window.innerWidth) {
-      setTooltipPosition("left");
-      return;
-    }
-    if (dimensions.left < 0) {
-      setTooltipPosition("right");
-      return;
-    }
-    if (dimensions.bottom > window.innerHeight) {
-      setTooltipPosition("top");
-      return;
-    }
-  }, [tipContainer, tooltipPosition]);
-  useEffect(() => {
-    handleTipViewport();
-    setChildEl(document.getElementById(randomId));
-  }, []);
-  useEffect(() => {
-    setTooltipPosition(position);
-  }, [position]);
-  const arrowSize = 18;
-  const calculateTooltipPosition = () => {
-    if (!childEl)
-      return { top: 0, left: 0 };
-    if (!tipContainer.current)
-      return { top: 0, left: 0 };
-    const childPosition = childEl.getBoundingClientRect();
-    const tipDimensions = tipContainer.current.getBoundingClientRect();
-    let top2 = 0;
-    let left2 = 0;
-    switch (tooltipPosition) {
-      case "top":
-        top2 = childPosition.top + window.scrollY - tipDimensions.height - arrowSize;
-        left2 = childPosition.left + window.scrollX + childPosition.width / 2 - tipDimensions.width / 2;
-        break;
-      case "bottom":
-        top2 = childPosition.bottom + window.scrollY + arrowSize;
-        left2 = childPosition.left + window.scrollX + childPosition.width / 2 - tipDimensions.width / 2;
-        break;
-      case "left":
-        left2 = childPosition.left + window.scrollX - tipDimensions.width - arrowSize;
-        top2 = childPosition.top + window.scrollY + childPosition.height / 2 - tipDimensions.height / 2;
-        break;
-      case "right":
-        left2 = childPosition.right + window.scrollX + arrowSize;
-        top2 = childPosition.top + window.scrollY + childPosition.height / 2 - tipDimensions.height / 2;
-        break;
-    }
-    return { top: top2, left: left2 };
-  };
-  useEffect(() => {
-    if (childEl) {
-      setTooltipCoords(calculateTooltipPosition());
-    }
-  }, [
-    position,
-    window.scrollY,
-    tipContainer.current,
-    childEl,
-    childEl?.getBoundingClientRect().top,
-    childEl?.getBoundingClientRect().left
-  ]);
-  useEventListener({
-    eventName: "resize",
-    callback: debounce(handleTipViewport, 100),
-    ref: documentRef
-  });
-  useEventListener({
-    eventName: "scroll",
-    callback: debounce(handleTipViewport, 100),
-    ref: documentRef
-  });
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx(
-      UnderlinedChild,
-      {
-        id: randomId,
-        underline,
-        onMouseEnter: () => setShowTip(true),
-        onMouseLeave: () => setShowTip(false),
-        children
-      }
-    ),
-    childEl && createPortal(
-      /* @__PURE__ */ jsxs(
-        Tip,
-        {
-          className: "tooltip",
-          showTip,
-          position,
-          arrowPosition: tooltipPosition,
-          ref: tipContainer,
-          maxWidth,
-          fallbackStyle,
-          zIndex,
-          style: {
-            position: "absolute",
-            top: `${tooltipCoords.top}px`,
-            left: `${tooltipCoords.left}px`
-          },
-          children: [
-            title && /* @__PURE__ */ jsx(
-              Text,
-              {
-                tag: "h5",
-                typo: "desc-medium",
-                color: fallbackStyle ? "cream" : "liquorice",
-                children: title
-              }
-            ),
-            typeof content === "string" && /* @__PURE__ */ jsx(
-              Text,
-              {
-                typo: "desc-light",
-                color: fallbackStyle ? "cream" : "liquorice",
-                children: content
-              }
-            ) || content
-          ]
-        }
-      ),
-      portalContainer
-    )
-  ] });
-};
-const Container = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  > span:hover + .tooltip {
-    opacity: 1;
-  }
-`;
-const UnderlinedChild = styled(Box)`
-  cursor: pointer;
-  ${({ underline }) => underline && css`
-      border-bottom: 1px dashed ${theme.colors.marshmallowPink};
-    `}
-`;
-const arrowInset = 26;
-const arrowCenterPosition = "calc(50% - 6px)";
-const arrowVerticalCenter = "calc(50% - 12px)";
-const handleHorizontalArrowPosition = (arrowPosition) => {
-  switch (arrowPosition) {
-    case "left":
-      return css`
-        left: ${arrowInset}px;
-      `;
-    case "right":
-      return css`
-        right: ${arrowInset}px;
-      `;
-    default:
-      return css`
-        left: ${arrowCenterPosition};
-      `;
-  }
-};
-const handleVerticalArrowPosition = (arrowPosition) => {
-  switch (arrowPosition) {
-    case "top":
-      return css`
-        top: ${arrowInset}px;
-      `;
-    case "bottom":
-      return css`
-        bottom: ${arrowInset}px;
-      `;
-    default:
-      return css`
-        top: ${arrowVerticalCenter};
-      `;
-  }
-};
-const top = css`
-  &:before {
-    bottom: -15px;
-    transform: rotate(-90deg);
-    ${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}
-  }
-`;
-const bottom = css`
-  &:before {
-    top: -15px;
-    transform: rotate(90deg);
-    ${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}
-  }
-`;
-const left = css`
-  &:before {
-    right: -11px;
-    transform: rotate(180deg);
-    ${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}
-  }
-`;
-const right = css`
-  &:before {
-    left: -11px;
-    ${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}
-  }
-`;
-const Tip = styled.div`
-  position: absolute;
-  margin: auto;
-  background: ${theme.colors.custard};
-  padding: 16px 12px 20px;
-  border-radius: 16px;
-  max-width: 450px;
-  opacity: ${({ showTip }) => showTip ? "1" : "0"};
-  transition: opacity 0.2s ease-in-out;
-  pointer-events: none;
-  cursor: default;
-  z-index: ${({ zIndex }) => zIndex ? zIndex : "10"};
-
-  // this is the trick that will make sure the content can go up to maxWidth
-  margin-right: ${({ maxWidth }) => maxWidth && -maxWidth / 2 + "px"};
-  max-width: ${({ maxWidth }) => maxWidth && maxWidth + "px"};
-
-  ${({ arrowPosition }) => arrowPosition === "top" && top}
-  ${({ arrowPosition }) => arrowPosition === "bottom" && bottom}
-	${({ arrowPosition }) => arrowPosition === "left" && left}
-	${({ arrowPosition }) => arrowPosition === "right" && right}
-
-  &:before {
-    content: '';
-    border-style: solid;
-    border-width: 12px 12px 12px 0;
-    border-color: transparent ${theme.colors.custard} transparent transparent;
-    position: absolute;
-  }
-
-  ${({ fallbackStyle }) => fallbackStyle && css`
-      background: ${theme.colors.feijoa};
-      &:before {
-        border-color: transparent ${theme.colors.feijoa} transparent transparent;
-      }
-    `};
-`;
-
-export { Container, Tip, Tooltip };
-//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport styled, { css } from 'styled-components'\nimport { v4 as uuidv4 } from 'uuid'\nimport { Box } from '../Box'\nimport { Text } from '../Text'\nimport { useEventListener } from '../hooks'\nimport { theme } from '../theme'\nimport { debounce } from '../utils/debounce'\n\ntype Position = 'top' | 'bottom' | 'left' | 'right'\ntype ArrowPosition = Position | 'center'\n\nexport interface TooltipProps {\n  children: ReactNode\n  content: string | ReactNode\n  position: Position\n  maxWidth?: number\n  title?: string\n  underline?: boolean\n  fallbackStyle?: boolean\n  zIndex?: number\n  portalContainer?: Element | DocumentFragment\n}\n\nexport const Tooltip: FC<TooltipProps> = ({\n  children,\n  title,\n  content,\n  position = 'top',\n  maxWidth = 500,\n  underline = false,\n  fallbackStyle = false,\n  zIndex = 10,\n  portalContainer = document.body,\n}) => {\n  const documentRef = useRef<Document>(document)\n  const tipContainer = useRef<HTMLDivElement>(null)\n  const [showTip, setShowTip] = useState<boolean>(false)\n  const [tooltipPosition, setTooltipPosition] = useState<Position>(position)\n  const [childEl, setChildEl] = useState<HTMLElement | null>(null)\n  const [tooltipCoords, setTooltipCoords] = useState({ top: 0, left: 0 })\n\n  const randomId = uuidv4()\n\n  const checkInbounds = (element: DOMRect): boolean =>\n    element.top >= 0 &&\n    element.left >= 0 &&\n    element.bottom <= window.innerHeight &&\n    element.right <= window.innerWidth\n\n  const handleTipViewport = useCallback(() => {\n    const dimensions = tipContainer.current?.getBoundingClientRect()\n\n    if (!dimensions) return\n    if (checkInbounds(dimensions)) return\n\n    // If in bounds but not defaulted to top; default\n    if (dimensions.top >= 0 && tooltipPosition !== 'top') {\n      setTooltipPosition('top')\n      return\n    }\n    // if top out of bounds\n    if (dimensions.top < 0) {\n      setTooltipPosition('bottom')\n      return\n    }\n    // if right out of bounds\n    if (dimensions.right > window.innerWidth) {\n      setTooltipPosition('left')\n      return\n    }\n    // if left out of bounds\n    if (dimensions.left < 0) {\n      setTooltipPosition('right')\n      return\n    }\n    // If bottom out of bounds\n    if (dimensions.bottom > window.innerHeight) {\n      setTooltipPosition('top')\n      return\n    }\n  }, [tipContainer, tooltipPosition])\n\n  useEffect(() => {\n    handleTipViewport()\n    setChildEl(document.getElementById(randomId))\n  }, [])\n\n  useEffect(() => {\n    setTooltipPosition(position)\n  }, [position])\n\n  const arrowSize = 18\n\n  const calculateTooltipPosition = (): { top: number; left: number } => {\n    if (!childEl) return { top: 0, left: 0 }\n    if (!tipContainer.current) return { top: 0, left: 0 }\n\n    const childPosition = childEl.getBoundingClientRect()\n    const tipDimensions = tipContainer.current.getBoundingClientRect()\n\n    let top = 0\n    let left = 0\n\n    switch (tooltipPosition) {\n      case 'top':\n        top =\n          childPosition.top + window.scrollY - tipDimensions.height - arrowSize\n        left =\n          childPosition.left +\n          window.scrollX +\n          childPosition.width / 2 -\n          tipDimensions.width / 2\n        break\n      case 'bottom':\n        top = childPosition.bottom + window.scrollY + arrowSize\n        left =\n          childPosition.left +\n          window.scrollX +\n          childPosition.width / 2 -\n          tipDimensions.width / 2\n        break\n      case 'left':\n        left =\n          childPosition.left + window.scrollX - tipDimensions.width - arrowSize\n        top =\n          childPosition.top +\n          window.scrollY +\n          childPosition.height / 2 -\n          tipDimensions.height / 2\n        break\n      case 'right':\n        left = childPosition.right + window.scrollX + arrowSize\n        top =\n          childPosition.top +\n          window.scrollY +\n          childPosition.height / 2 -\n          tipDimensions.height / 2\n        break\n      default:\n        break\n    }\n    return { top, left }\n  }\n\n  useEffect(() => {\n    if (childEl) {\n      setTooltipCoords(calculateTooltipPosition())\n    }\n  }, [\n    position,\n    window.scrollY,\n    tipContainer.current,\n    childEl,\n    childEl?.getBoundingClientRect().top,\n    childEl?.getBoundingClientRect().left,\n  ])\n\n  useEventListener({\n    eventName: 'resize',\n    callback: debounce(handleTipViewport, 100),\n    ref: documentRef,\n  })\n\n  useEventListener({\n    eventName: 'scroll',\n    callback: debounce(handleTipViewport, 100),\n    ref: documentRef,\n  })\n\n  return (\n    <Container>\n      <UnderlinedChild\n        id={randomId}\n        underline={underline}\n        onMouseEnter={() => setShowTip(true)}\n        onMouseLeave={() => setShowTip(false)}\n      >\n        {children}\n      </UnderlinedChild>\n      {childEl &&\n        createPortal(\n          <Tip\n            className=\"tooltip\"\n            showTip={showTip}\n            position={position}\n            arrowPosition={tooltipPosition}\n            ref={tipContainer}\n            maxWidth={maxWidth}\n            fallbackStyle={fallbackStyle}\n            zIndex={zIndex}\n            style={{\n              position: 'absolute',\n              top: `${tooltipCoords.top}px`,\n              left: `${tooltipCoords.left}px`,\n            }}\n          >\n            {title && (\n              <Text\n                tag=\"h5\"\n                typo=\"desc-medium\"\n                color={fallbackStyle ? 'cream' : 'liquorice'}\n              >\n                {title}\n              </Text>\n            )}\n            {(typeof content === 'string' && (\n              <Text\n                typo=\"desc-light\"\n                color={fallbackStyle ? 'cream' : 'liquorice'}\n              >\n                {content}\n              </Text>\n            )) ||\n              content}\n          </Tip>,\n          portalContainer,\n        )}\n    </Container>\n  )\n}\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  > span:hover + .tooltip {\n    opacity: 1;\n  }\n`\n\nconst UnderlinedChild = styled(Box)<{ underline: boolean }>`\n  cursor: pointer;\n  ${({ underline }) =>\n    underline &&\n    css`\n      border-bottom: 1px dashed ${theme.colors.marshmallowPink};\n    `}\n`\n\nconst arrowInset = 26\nconst arrowCenterPosition = 'calc(50% - 6px)'\nconst arrowVerticalCenter = 'calc(50% - 12px)'\n\nconst handleHorizontalArrowPosition = (arrowPosition: ArrowPosition) => {\n  switch (arrowPosition) {\n    case 'left':\n      return css`\n        left: ${arrowInset}px;\n      `\n    case 'right':\n      return css`\n        right: ${arrowInset}px;\n      `\n    default:\n      return css`\n        left: ${arrowCenterPosition};\n      `\n  }\n}\n\nconst handleVerticalArrowPosition = (arrowPosition: ArrowPosition) => {\n  switch (arrowPosition) {\n    case 'top':\n      return css`\n        top: ${arrowInset}px;\n      `\n    case 'bottom':\n      return css`\n        bottom: ${arrowInset}px;\n      `\n    default:\n      return css`\n        top: ${arrowVerticalCenter};\n      `\n  }\n}\n\nconst top = css<{ arrowPosition: ArrowPosition }>`\n  &:before {\n    bottom: -15px;\n    transform: rotate(-90deg);\n    ${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}\n  }\n`\n\nconst bottom = css<{ arrowPosition: ArrowPosition }>`\n  &:before {\n    top: -15px;\n    transform: rotate(90deg);\n    ${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}\n  }\n`\n\nconst left = css<{ arrowPosition: ArrowPosition }>`\n  &:before {\n    right: -11px;\n    transform: rotate(180deg);\n    ${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}\n  }\n`\n\nconst right = css<{ arrowPosition: ArrowPosition }>`\n  &:before {\n    left: -11px;\n    ${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}\n  }\n`\n\nexport const Tip = styled.div<{\n  showTip: boolean\n  position: Position\n  arrowPosition: ArrowPosition\n  maxWidth?: number\n  fallbackStyle?: boolean\n  zIndex: number\n}>`\n  position: absolute;\n  margin: auto;\n  background: ${theme.colors.custard};\n  padding: 16px 12px 20px;\n  border-radius: 16px;\n  max-width: 450px;\n  opacity: ${({ showTip }) => (showTip ? '1' : '0')};\n  transition: opacity 0.2s ease-in-out;\n  pointer-events: none;\n  cursor: default;\n  z-index: ${({ zIndex }) => (zIndex ? zIndex : '10')};\n\n  // this is the trick that will make sure the content can go up to maxWidth\n  margin-right: ${({ maxWidth }) => maxWidth && -maxWidth / 2 + 'px'};\n  max-width: ${({ maxWidth }) => maxWidth && maxWidth + 'px'};\n\n  ${({ arrowPosition }) => arrowPosition === 'top' && top}\n  ${({ arrowPosition }) => arrowPosition === 'bottom' && bottom}\n\t${({ arrowPosition }) => arrowPosition === 'left' && left}\n\t${({ arrowPosition }) => arrowPosition === 'right' && right}\n\n  &:before {\n    content: '';\n    border-style: solid;\n    border-width: 12px 12px 12px 0;\n    border-color: transparent ${theme.colors.custard} transparent transparent;\n    position: absolute;\n  }\n\n  ${({ fallbackStyle }) =>\n    fallbackStyle &&\n    css`\n      background: ${theme.colors.feijoa};\n      &:before {\n        border-color: transparent ${theme.colors.feijoa} transparent transparent;\n      }\n    `};\n`\n"],"names":["uuidv4","top","left"],"mappings":"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"}

package/dist/fields/Field/Field.js

@@ -1,9 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { InternalField } from '../components/InternalField.js';
-
-const Field = ({ children, ...fieldProps }) => {
-  return /* @__PURE__ */ jsx(InternalField, { fieldType: "field", ...fieldProps, children });
-};
-
-export { Field };
-//# sourceMappingURL=Field.js.map

package/dist/fields/Field/Field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.js","sources":["../../../src/fields/Field/Field.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\n\nimport { CommonFieldProps } from '../commonFieldTypes'\nimport { InternalField } from '../components/InternalField'\n\nexport interface FieldProps extends CommonFieldProps {\n  htmlFor?: string\n  children: ReactNode\n}\n\nexport const Field = ({ children, ...fieldProps }: FieldProps) => {\n  return (\n    <InternalField fieldType=\"field\" {...fieldProps}>\n      {children}\n    </InternalField>\n  )\n}\n"],"names":[],"mappings":";;;AAUO,MAAM,QAAQ,CAAC,EAAE,QAAU,EAAA,GAAG,YAA6B,KAAA;AAChE,EAAA,2BACG,aAAc,EAAA,EAAA,SAAA,EAAU,OAAS,EAAA,GAAG,YAClC,QACH,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/fields/Fieldset/Fieldset.js

@@ -1,23 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { InternalField } from '../components/InternalField.js';
-
-const Fieldset = ({
-  children,
-  renderAsTitle = true,
-  id,
-  ...fieldProps
-}) => {
-  return /* @__PURE__ */ jsx(
-    InternalField,
-    {
-      htmlFor: id,
-      fieldType: "fieldset",
-      renderAsTitle,
-      ...fieldProps,
-      children
-    }
-  );
-};
-
-export { Fieldset };
-//# sourceMappingURL=Fieldset.js.map

package/dist/fields/Fieldset/Fieldset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fieldset.js","sources":["../../../src/fields/Fieldset/Fieldset.tsx"],"sourcesContent":["import React from 'react'\n\nimport { MarginProps } from '../../utils/space'\nimport { CommonFieldProps } from '../commonFieldTypes'\nimport { InternalField } from '../components/InternalField'\n\nexport type FieldsetProps = CommonFieldProps & MarginProps\n\nexport const Fieldset = ({\n  children,\n  renderAsTitle = true,\n  id,\n  ...fieldProps\n}: FieldsetProps) => {\n  return (\n    <InternalField\n      htmlFor={id}\n      fieldType=\"fieldset\"\n      renderAsTitle={renderAsTitle}\n      {...fieldProps}\n    >\n      {children}\n    </InternalField>\n  )\n}\n"],"names":[],"mappings":";;;AAQO,MAAM,WAAW,CAAC;AAAA,EACvB,QAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,EAAA;AAAA,EACA,GAAG,UAAA;AACL,CAAqB,KAAA;AACnB,EACE,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,EAAA;AAAA,MACT,SAAU,EAAA,UAAA;AAAA,MACV,aAAA;AAAA,MACC,GAAG,UAAA;AAAA,MAEH,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/fields/components/CommonInput.js

@@ -1,66 +0,0 @@
-import styled, { css } from 'styled-components';
-import { Icon } from '../../Icon/Icon.js';
-import { theme } from '../../theme.js';
-
-const Input = styled.input`
-  border: none;
-  color: ${({ error }) => theme.colors[`${error ? "strawberry" : "liquorice"}`]};
-  font-size: 16px;
-  width: 100%;
-  outline: none;
-  cursor: ${({ disabled }) => disabled ? "not-allowed" : "initial"};
-  opacity: ${({ disabled }) => disabled ? "0.5" : "1"};
-  padding: 18px 14px;
-  background-color: ${({ fallbackStyle }) => fallbackStyle ? theme.colors.custard : theme.colors.cream};
-  border: 2px solid
-    ${({ error }) => error ? theme.colors.strawberry : theme.colors.oatmeal};
-
-  ${({ disabled, error }) => !disabled && !error && css`
-      &:hover,
-      &:focus-within {
-        border-color: ${theme.colors.marzipan};
-      }
-    `}
-
-  border-radius: 12px;
-  height: auto;
-
-  ${({ frontIcon }) => frontIcon && `
-      padding-left: 42px;
-    `}
-
-  ${({ trailingIcon }) => trailingIcon && `
-      padding-right: 42px;
-    `}
-
-  /* Remove the spinner on Firefox and Webkit browsers */
-  -moz-appearance: textfield;
-
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  &::placeholder {
-    color: ${theme.colors.sesame};
-  }
-`;
-const StyledFrontIcon = styled(Icon)`
-  position: relative;
-  left: 36px;
-  margin-left: -24px;
-  z-index: 1;
-  opacity: ${({ disabled }) => disabled ? "0.5" : "1"};
-  color: ${theme.colors.liquorice};
-`;
-const StyledTrailingIcon = styled(Icon)`
-  position: relative;
-  right: 36px;
-  margin-right: -36px;
-  opacity: ${({ disabled }) => disabled ? "0.5" : "1"};
-  color: ${theme.colors.liquorice};
-`;
-
-export { Input, StyledFrontIcon, StyledTrailingIcon };
-//# sourceMappingURL=CommonInput.js.map

package/dist/fields/components/CommonInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommonInput.js","sources":["../../../src/fields/components/CommonInput.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Icon } from '../../Icon'\nimport { Icons } from '../../Icon/iconsList'\nimport { theme } from '../../theme'\n\ninterface IInput {\n  error?: boolean\n  disabled?: boolean\n  selected?: boolean\n  step?: number\n  value?: string\n  frontIcon?: Icons\n  trailingIcon?: Icons\n  fallbackStyle?: boolean\n}\n\ninterface SIcon {\n  disabled?: boolean\n}\n\nexport const Input = styled.input<IInput>`\n  border: none;\n  color: ${({ error }) =>\n    theme.colors[`${error ? 'strawberry' : 'liquorice'}`]};\n  font-size: 16px;\n  width: 100%;\n  outline: none;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'initial')};\n  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};\n  padding: 18px 14px;\n  background-color: ${({ fallbackStyle }) =>\n    fallbackStyle ? theme.colors.custard : theme.colors.cream};\n  border: 2px solid\n    ${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};\n\n  ${({ disabled, error }) =>\n    !disabled &&\n    !error &&\n    css`\n      &:hover,\n      &:focus-within {\n        border-color: ${theme.colors.marzipan};\n      }\n    `}\n\n  border-radius: 12px;\n  height: auto;\n\n  ${({ frontIcon }) =>\n    frontIcon &&\n    `\n      padding-left: 42px;\n    `}\n\n  ${({ trailingIcon }) =>\n    trailingIcon &&\n    `\n      padding-right: 42px;\n    `}\n\n  /* Remove the spinner on Firefox and Webkit browsers */\n  -moz-appearance: textfield;\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &::placeholder {\n    color: ${theme.colors.sesame};\n  }\n`\n\nexport const StyledFrontIcon = styled(Icon)<SIcon>`\n  position: relative;\n  left: 36px;\n  margin-left: -24px;\n  z-index: 1;\n  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};\n  color: ${theme.colors.liquorice};\n`\n\nexport const StyledTrailingIcon = styled(Icon)<SIcon>`\n  position: relative;\n  right: 36px;\n  margin-right: -36px;\n  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};\n  color: ${theme.colors.liquorice};\n`\n"],"names":[],"mappings":";;;;AAoBO,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AAAA;AAAA,SAEjB,EAAA,CAAC,EAAE,KAAA,EACV,KAAA,KAAA,CAAM,MAAO,CAAA,CAAA,EAAG,KAAQ,GAAA,YAAA,GAAe,WAAW,CAAA,CAAE,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAI7C,CAAC,EAAE,QAAA,EAAgB,KAAA,QAAA,GAAW,gBAAgB,SAAU,CAAA;AAAA,WAAA,EACvD,CAAC,EAAE,QAAA,EAAgB,KAAA,QAAA,GAAW,QAAQ,GAAI,CAAA;AAAA;AAAA,oBAEjC,EAAA,CAAC,EAAE,aAAA,EACrB,KAAA,aAAA,GAAgB,MAAM,MAAO,CAAA,OAAA,GAAU,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA;AAAA,IAEvD,EAAA,CAAC,EAAE,KAAA,EAAa,KAAA,KAAA,GAAQ,MAAM,MAAO,CAAA,UAAA,GAAa,KAAM,CAAA,MAAA,CAAO,OAAQ,CAAA;AAAA;AAAA,EAEzE,EAAA,CAAC,EAAE,QAAU,EAAA,KAAA,OACb,CAAC,QAAA,IACD,CAAC,KACD,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,sBAGoB,EAAA,KAAA,CAAM,OAAO,QAAQ,CAAA;AAAA;AAAA,IAExC,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAKD,CAAC,EAAE,SAAU,EAAA,KACb,SACA,IAAA,CAAA;AAAA;AAAA,IAEC,CAAA,CAAA;AAAA;AAAA,EAAA,EAED,CAAC,EAAE,YAAa,EAAA,KAChB,YACA,IAAA,CAAA;AAAA;AAAA,IAEC,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAYQ,EAAA,KAAA,CAAM,OAAO,MAAM,CAAA;AAAA;AAAA,EAAA;AAInB,MAAA,eAAA,GAAkB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAK7B,CAAC,EAAE,QAAA,EAAgB,KAAA,QAAA,GAAW,QAAQ,GAAI,CAAA;AAAA,SAC5C,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA,EAAA;AAGpB,MAAA,kBAAA,GAAqB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIhC,CAAC,EAAE,QAAA,EAAgB,KAAA,QAAA,GAAW,QAAQ,GAAI,CAAA;AAAA,SAC5C,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;;;;"}

package/dist/fields/components/InternalField.js

@@ -1,103 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import styled, { css } from 'styled-components';
-import { Text } from '../../Text/Text.js';
-import { Box } from '../../Box/Box.js';
-import { Icon } from '../../Icon/Icon.js';
-
-const InternalField = ({
-  children,
-  fieldType,
-  renderAsTitle,
-  htmlFor,
-  className,
-  label,
-  assistiveText,
-  error,
-  errorMsg,
-  required,
-  completed,
-  ...marginProps
-}) => {
-  const labelTag = fieldType === "field" ? "label" : "legend";
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      as: fieldType === "field" ? "div" : "fieldset",
-      className,
-      ...marginProps,
-      children: [
-        label && /* @__PURE__ */ jsx(Fragment, { children: renderAsTitle ? /* @__PURE__ */ jsxs(Box, { mb: "16px", children: [
-          /* @__PURE__ */ jsx(Text, { tag: labelTag, typo: "heading-small", htmlFor, children: label }),
-          assistiveText && /* @__PURE__ */ jsx(Text, { tag: "p", color: "sesame", mt: { custom: 4 }, children: assistiveText })
-        ] }) : /* @__PURE__ */ jsxs(
-          Text,
-          {
-            tag: labelTag,
-            typo: "label",
-            color: error ? "strawberry" : "sesame",
-            htmlFor,
-            mb: { custom: 4 },
-            children: [
-              label,
-              required && /* @__PURE__ */ jsx(Text, { tag: "span", typo: "body-small", color: "strawberry", children: "*" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Box, { children }),
-        fieldType === "field" && assistiveText && !renderAsTitle && /* @__PURE__ */ jsx(
-          Text,
-          {
-            tag: labelTag,
-            typo: "caption",
-            color: error ? "strawberry" : "sesame",
-            mt: { custom: 4 },
-            children: assistiveText
-          }
-        ),
-        error && errorMsg && (typeof errorMsg === "string" ? /* @__PURE__ */ jsx(Text, { tag: "span", typo: "caption", color: "strawberry", mt: "8px", children: errorMsg }) : /* @__PURE__ */ jsx(Box, { mt: "8px", children: errorMsg })),
-        completed !== void 0 && /* @__PURE__ */ jsx(
-          AnimationWrapper,
-          {
-            displayStatus: completed,
-            isError: !!(error && errorMsg),
-            children: /* @__PURE__ */ jsxs(StatusWrapper, { mt: "8px", children: [
-              /* @__PURE__ */ jsx(Icon, { render: "included", size: 16, color: "apple" }),
-              /* @__PURE__ */ jsx(Text, { typo: "caption", color: "apple", children: "Complete" })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
-const AnimationWrapper = styled(Box)`
-  width: 0;
-  overflow: hidden;
-
-  ${({ displayStatus }) => displayStatus && css`
-      transition: width 0.6s ease-in;
-      width: 100%;
-    `}
-
-  /* This enables animation to appear when previous state is error */
-  ${({ isError }) => isError && css`
-      height: 0;
-    `}
-`;
-const StatusWrapper = styled(Box)`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-`;
-const Container = styled(Box)`
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  width: 100%;
-
-  // In case, the element is a 'fieldset', we remove the border
-  border: 0;
-`;
-
-export { InternalField };
-//# sourceMappingURL=InternalField.js.map

package/dist/fields/components/InternalField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalField.js","sources":["../../../src/fields/components/InternalField.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Text } from '../../Text'\nimport { Box } from '../../Box'\nimport { CommonFieldProps } from '../commonFieldTypes'\nimport { Icon } from '../../Icon'\n\ninterface InternalFieldProps extends CommonFieldProps {\n  children: ReactNode\n  className?: string\n  htmlFor?: string\n  fieldType: 'field' | 'fieldset'\n}\n\nexport const InternalField = ({\n  children,\n  fieldType,\n  renderAsTitle,\n  htmlFor,\n  className,\n  label,\n  assistiveText,\n  error,\n  errorMsg,\n  required,\n  completed,\n  ...marginProps\n}: InternalFieldProps) => {\n  const labelTag = fieldType === 'field' ? 'label' : 'legend'\n\n  return (\n    <Container\n      as={fieldType === 'field' ? 'div' : 'fieldset'}\n      className={className}\n      {...marginProps}\n    >\n      {label && (\n        <>\n          {renderAsTitle ? (\n            <Box mb=\"16px\">\n              <Text tag={labelTag} typo=\"heading-small\" htmlFor={htmlFor}>\n                {label}\n              </Text>\n\n              {assistiveText && (\n                <Text tag=\"p\" color=\"sesame\" mt={{ custom: 4 }}>\n                  {assistiveText}\n                </Text>\n              )}\n            </Box>\n          ) : (\n            <Text\n              tag={labelTag}\n              typo=\"label\"\n              color={error ? 'strawberry' : 'sesame'}\n              htmlFor={htmlFor}\n              mb={{ custom: 4 }}\n            >\n              {label}\n              {required && (\n                <Text tag=\"span\" typo=\"body-small\" color=\"strawberry\">\n                  *\n                </Text>\n              )}\n            </Text>\n          )}\n        </>\n      )}\n\n      <Box>{children}</Box>\n      {fieldType === 'field' && assistiveText && !renderAsTitle && (\n        <Text\n          tag={labelTag}\n          typo=\"caption\"\n          color={error ? 'strawberry' : 'sesame'}\n          mt={{ custom: 4 }}\n        >\n          {assistiveText}\n        </Text>\n      )}\n\n      {error &&\n        errorMsg &&\n        (typeof errorMsg === 'string' ? (\n          <Text tag=\"span\" typo=\"caption\" color=\"strawberry\" mt=\"8px\">\n            {errorMsg}\n          </Text>\n        ) : (\n          <Box mt=\"8px\">{errorMsg}</Box>\n        ))}\n\n      {/* When completed is false, whitespace is rendered */}\n      {completed !== undefined && (\n        <AnimationWrapper\n          displayStatus={completed}\n          isError={!!(error && errorMsg)}\n        >\n          <StatusWrapper mt={'8px'}>\n            <Icon render=\"included\" size={16} color=\"apple\" />\n            <Text typo=\"caption\" color=\"apple\">\n              Complete\n            </Text>\n          </StatusWrapper>\n        </AnimationWrapper>\n      )}\n    </Container>\n  )\n}\n\nconst AnimationWrapper = styled(Box)<{\n  displayStatus: boolean\n  isError: boolean\n}>`\n  width: 0;\n  overflow: hidden;\n\n  ${({ displayStatus }) =>\n    displayStatus &&\n    css`\n      transition: width 0.6s ease-in;\n      width: 100%;\n    `}\n\n  /* This enables animation to appear when previous state is error */\n  ${({ isError }) =>\n    isError &&\n    css`\n      height: 0;\n    `}\n`\n\nconst StatusWrapper = styled(Box)`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n`\n\nconst Container = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n\n  // In case, the element is a 'fieldset', we remove the border\n  border: 0;\n`\n"],"names":[],"mappings":"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"}

package/dist/fontStyle.js

@@ -1,38 +0,0 @@
-import { createGlobalStyle } from 'styled-components';
-import { theme } from './theme.js';
-
-const FontStyle = createGlobalStyle`
-  @font-face {
-    font-family: 'Circular';
-    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665430aaedf8cb0bbf3_CircularXXSub-RegularSubset.woff2') format('woff2');
-    font-weight: ${theme.font.weight.normal};
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Circular';
-    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f066540b11e802f892996_CircularXXWeb-Medium.woff2') format('woff2');
-    font-weight: ${theme.font.weight.medium};
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Circular';
-    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665ddfa22dd5375ca6e_CircularXXWeb-Bold.woff2') format('woff2');
-    font-weight: ${theme.font.weight.bold};
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'MarshmallowYouth';
-    src: url('https://assets.marshmallow.com/fonts/MarshmallowYouth-Bold.woff2') format('woff2');
-    font-weight: ${theme.font.weight.bold};
-    font-style: normal;
-  }
-`;
-
-export { FontStyle };
-//# sourceMappingURL=fontStyle.js.map

package/dist/fontStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fontStyle.js","sources":["../src/fontStyle.ts"],"sourcesContent":["import { createGlobalStyle } from 'styled-components'\nimport { theme } from './theme'\n\nexport const FontStyle = createGlobalStyle`\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665430aaedf8cb0bbf3_CircularXXSub-RegularSubset.woff2') format('woff2');\n    font-weight: ${theme.font.weight.normal};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f066540b11e802f892996_CircularXXWeb-Medium.woff2') format('woff2');\n    font-weight: ${theme.font.weight.medium};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665ddfa22dd5375ca6e_CircularXXWeb-Bold.woff2') format('woff2');\n    font-weight: ${theme.font.weight.bold};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'MarshmallowYouth';\n    src: url('https://assets.marshmallow.com/fonts/MarshmallowYouth-Bold.woff2') format('woff2');\n    font-weight: ${theme.font.weight.bold};\n    font-style: normal;\n  }\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,SAAY,GAAA,iBAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAIN,EAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQxB,EAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQxB,EAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQtB,EAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,IAAI,CAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/hooks/useClickOutside/index.js

@@ -1,33 +0,0 @@
-import { useCallback, useRef } from 'react';
-import { useEventListener } from '../useEventListener/index.js';
-
-const useOnClickOutside = ({
-  ref,
-  callback
-}) => {
-  const onClickOutsideListener = useCallback(
-    (event) => {
-      if (!ref || !ref.current || ref.current.contains(event.target)) {
-        return;
-      }
-      callback(event);
-    },
-    [ref, callback]
-  );
-  const documentRef = useRef(document.body);
-  useEventListener({
-    eventName: "click",
-    ref: documentRef,
-    callback: onClickOutsideListener,
-    capture: true
-  });
-  useEventListener({
-    eventName: "touchend",
-    ref: documentRef,
-    callback: onClickOutsideListener,
-    capture: true
-  });
-};
-
-export { useOnClickOutside };
-//# sourceMappingURL=index.js.map

package/dist/hooks/useClickOutside/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useClickOutside/index.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from 'react'\nimport { useEventListener } from '../useEventListener'\nimport { GenericEventCallback } from '../../types'\n\nexport const useOnClickOutside = ({\n  ref,\n  callback,\n}: {\n  ref: RefObject<HTMLElement>\n  callback: GenericEventCallback\n}) => {\n  const onClickOutsideListener = useCallback(\n    (event: MouseEvent) => {\n      if (!ref || !ref.current || ref.current.contains(event.target as Node)) {\n        return\n      }\n\n      callback(event)\n    },\n\n    [ref, callback],\n  )\n\n  const documentRef = useRef(document.body)\n\n  useEventListener({\n    eventName: 'click',\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true,\n  })\n\n  useEventListener({\n    eventName: 'touchend',\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true,\n  })\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAoB,CAAC;AAAA,EAChC,GAAA;AAAA,EACA,QAAA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,sBAAyB,GAAA,WAAA;AAAA,IAC7B,CAAC,KAAsB,KAAA;AACrB,MAAI,IAAA,CAAC,GAAO,IAAA,CAAC,GAAI,CAAA,OAAA,IAAW,IAAI,OAAQ,CAAA,QAAA,CAAS,KAAM,CAAA,MAAc,CAAG,EAAA;AACtE,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,KAChB;AAAA,IAEA,CAAC,KAAK,QAAQ,CAAA;AAAA,GAChB,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAExC,EAAiB,gBAAA,CAAA;AAAA,IACf,SAAW,EAAA,OAAA;AAAA,IACX,GAAK,EAAA,WAAA;AAAA,IACL,QAAU,EAAA,sBAAA;AAAA,IACV,OAAS,EAAA,IAAA;AAAA,GACV,CAAA,CAAA;AAED,EAAiB,gBAAA,CAAA;AAAA,IACf,SAAW,EAAA,UAAA;AAAA,IACX,GAAK,EAAA,WAAA;AAAA,IACL,QAAU,EAAA,sBAAA;AAAA,IACV,OAAS,EAAA,IAAA;AAAA,GACV,CAAA,CAAA;AACH;;;;"}