@selfdecode/sd-component-library 4.0.73-vite19 → 4.0.73-vite20

package/lib/sd-component-library3.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library3.js","sources":["../src/core/custom-hooks.ts"],"sourcesContent":["import {\n  Dispatch,\n  RefObject,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport { debounce } from \"lodash-es\";\n\nimport theme from \"./theme\";\n\n/**\n * A custom useState hook function, that automatically\n * updates the state whenever the dependency param changes\n *\n * Note that, for maximum performance, dependency should be\n * the result of calling useMemo or useCallback: otherwise,\n * the state would be reseted on each render of the component\n * @param dependency\n */\nexport const useDependantState = <D>(\n  dependency: D\n): [D, Dispatch<SetStateAction<D>>] => {\n  const [state, setState] = useState<D>(dependency);\n\n  useEffect(() => {\n    setState(dependency);\n  }, [dependency]);\n\n  return [state, setState];\n};\n\n/**\n * The useCarousel hook\n */\nexport const useCarousel = (\n  itemWidth: number,\n  amountOfItems: number,\n  spacing: number\n): {\n  ref: any;\n  leftIsDisabled: boolean;\n  rightIsDisabled: boolean;\n  swipe: (direction: 1 | -1) => void;\n} => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [divElem, setDivElem] = useState<HTMLDivElement | null>(null);\n\n  const leftIsDisabled: boolean = useMemo(() => {\n    if (!divElem) return false;\n    // There's no items to the left\n    return currentIndex === 0;\n  }, [currentIndex, divElem]);\n\n  const rightIsDisabled: boolean = useMemo(() => {\n    if (!divElem) return false;\n\n    // How many elements are to the right of the current one\n    const remainingItems = amountOfItems - currentIndex;\n\n    /* How many pixels are:\n       - from the left corner of the element that is most to the left\n       - to the right corner of the element that is most to the right\n    */\n    const remainingPixels = itemWidth * remainingItems;\n\n    return remainingPixels < divElem.offsetWidth;\n  }, [currentIndex, divElem, amountOfItems, itemWidth]);\n\n  const swipe = (direction: 1 | -1) => {\n    if (divElem) {\n      const newcurrentIndex = currentIndex + direction;\n      const pixelsToTheRight = (itemWidth + spacing) * newcurrentIndex;\n\n      const left = pixelsToTheRight;\n      divElem.scroll({ left, behavior: \"smooth\" });\n\n      setCurrentIndex((prev) => prev + direction);\n    }\n  };\n\n  return { swipe, ref: setDivElem, leftIsDisabled, rightIsDisabled };\n};\n\n/**\n * Calculates height of specified element and carries out recalculation of height\n * on window resize with the delay of 0.2s.\n * @param refElement ref to an element height of which is going to be measured.\n * @returns current content state and height measuring status\n */\nexport const useResize = (\n  refElement: RefObject<HTMLDivElement | null>,\n  contentHash?: string\n): {\n  contentHeight: number;\n  isHeightMeasured: boolean;\n} => {\n  const [isHeightMeasured, setIsHeightMeasured] = useState<boolean>(false);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n\n  const calcContentHeight = useCallback(() => {\n    if (refElement.current) {\n      setIsHeightMeasured(false);\n      setContentHeight(refElement.current.getBoundingClientRect().height);\n      setIsHeightMeasured(true);\n    }\n  }, [refElement, contentHash]);\n\n  /**\n   * Waits for 0.2 seconds and recalculates content height\n   */\n  const handleResize = useCallback(debounce(calcContentHeight, 200), [\n    refElement,\n  ]);\n\n  useEffect(() => {\n    // Not finished painting without setTimeout.\n    // If ever running into further problems consider adding requestAnimationFrame as well.\n    setTimeout(() => {\n      calcContentHeight();\n    });\n\n    window.addEventListener(\"resize\", handleResize);\n    window.addEventListener(\"change\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n      window.removeEventListener(\"change\", handleResize);\n    };\n  }, [handleResize, calcContentHeight]);\n\n  return { contentHeight, isHeightMeasured };\n};\n\n/**\n * Executes handler function each time user clicks outside of ref object.\n */\nexport function useOnClickOutside(\n  ref: RefObject<HTMLElement>,\n  handler: (event: MouseEvent | TouchEvent) => void\n) {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (!ref.current || ref.current.contains(event.target as Node)) {\n        return;\n      }\n      handler(event);\n    };\n    document.addEventListener(\"mousedown\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    return () => {\n      document.removeEventListener(\"mousedown\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n    };\n  }, [ref, handler]);\n}\n\nexport function useMediaQuery(query: string) {\n  const supportMatchMedia =\n    typeof window !== \"undefined\" && typeof window.matchMedia !== \"undefined\";\n  const defaultMatches = false;\n\n  const [isMatchQuery, setIsMatchQuery] = useState(() => {\n    if (supportMatchMedia) {\n      const queryList = matchMedia(query);\n      return queryList.matches;\n    } else {\n      return defaultMatches;\n    }\n  });\n\n  useEffect(() => {\n    let active = true;\n\n    if (!supportMatchMedia) {\n      return undefined;\n    }\n\n    const queryList = matchMedia(query);\n\n    const updateMatch = () => {\n      if (active) {\n        setIsMatchQuery(queryList.matches);\n      }\n    };\n\n    if (queryList.addEventListener)\n      queryList.addEventListener(\"change\", updateMatch);\n    else queryList.addListener(updateMatch);\n\n    return () => {\n      active = false;\n      if (queryList.removeEventListener)\n        queryList.removeEventListener(\"change\", updateMatch);\n      else queryList.removeListener(updateMatch);\n    };\n  }, [query, supportMatchMedia]);\n\n  return isMatchQuery;\n}\n\n/**\n * Provides set of flags indicating what is the current screen size.\n */\nexport function useBreakPoints() {\n  const mobileSize = theme.breakpoints[0];\n  const largeMobileSize = theme.breakpoints[1];\n  const tabSize = theme.breakpoints[2];\n\n  const isWiderThanMobile = useMediaQuery(`(min-width:${mobileSize})`);\n  const isWiderThanLargeMobile = useMediaQuery(\n    `(min-width:${largeMobileSize})`\n  );\n  const isWiderThanTab = useMediaQuery(`(min-width:${tabSize})`);\n\n  let isMobile = false,\n    isLargeMobile = false,\n    isTab = false,\n    isDesktop = false;\n\n  if (isWiderThanTab) {\n    isDesktop = true;\n  } else if (isWiderThanLargeMobile) {\n    isTab = true;\n  } else if (isWiderThanMobile) {\n    isLargeMobile = true;\n  } else isMobile = true;\n\n  return {\n    isMobile,\n    isLargeMobile,\n    isTab,\n    isDesktop,\n    isWiderThanMobile,\n    isWiderThanLargeMobile,\n  };\n}\n\n/**\n * Provided intersection observer for the specified elements.\n *\n * @param rootRef Ref for the root element.\n * @param rootMargin Margin for the root element area.\n * @param callback Function to process intersection changes.\n */\nexport function useIntersectionObserver(\n  rootRef: RefObject<HTMLElement>,\n  rootMargin: string,\n  callback: IntersectionObserverCallback\n) {\n  if (rootRef.current) {\n    const options = {\n      root: rootRef.current,\n      rootMargin,\n      threshold: 1,\n    };\n\n    return new IntersectionObserver(callback, options);\n  }\n}\n\nexport function useHover(onHover?: (newState: boolean) => void) {\n  const [isHover, setIsHover] = useState(false);\n\n  const hoverCallbacks = {\n    onMouseEnter: () => {\n      const newState = true;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n    onMouseLeave: () => {\n      const newState = false;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n  };\n\n  return {\n    isHover,\n    hoverCallbacks,\n  };\n}\n\nexport function useContentSize<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { ref, rect } = useBoundingClientRect<T>(settings);\n  return {\n    ref,\n    contentWidth: rect?.width ?? 0,\n    contentHeight: rect?.height ?? 0,\n  };\n}\n\nexport function useElementCoordinates<T extends Element = HTMLElement>() {\n  const ref = useRef<T>(null);\n\n  const [x, setX] = useState(0);\n  const [y, setY] = useState(0);\n\n  useEffect(() => {\n    if (ref.current) {\n      const { x, y } = ref.current.getBoundingClientRect();\n      setX(x);\n      setY(y);\n    }\n  }, [ref.current]);\n\n  return { ref, x, y };\n}\n\nexport function useBoundingClientRect<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { listenForResize, checkEachRender, debounceDelay = 200 } = settings;\n  const ref = useRef<T>(null);\n\n  const [rect, setRect] = useState<DOMRect>();\n\n  const handleResize = useCallback(\n    debounce(() => {\n      ref.current && setRect(ref.current.getBoundingClientRect());\n    }, debounceDelay),\n    [ref]\n  );\n\n  useEffect(() => {\n    if (checkEachRender) handleResize();\n  });\n\n  useEffect(() => {\n    handleResize();\n\n    if (listenForResize) {\n      window.addEventListener(\"resize\", handleResize);\n      window.addEventListener(\"change\", handleResize);\n    }\n\n    return () => {\n      if (listenForResize) {\n        window.removeEventListener(\"resize\", handleResize);\n        window.removeEventListener(\"change\", handleResize);\n      }\n    };\n  }, [handleResize, listenForResize]);\n\n  return { ref, rect };\n}\n\nexport const useBodyScrollLock = <T extends HTMLElement = HTMLElement>(\n  target: T | null,\n  shouldEnable = true\n) => {\n  useEffect(() => {\n    if (target && shouldEnable) disableBodyScroll(target);\n    return () => {\n      if (target) enableBodyScroll(target);\n    };\n  }, [target, shouldEnable]);\n};\n"],"names":["useDependantState","dependency","state","setState","useState","useEffect","useResize","refElement","contentHash","isHeightMeasured","setIsHeightMeasured","contentHeight","setContentHeight","calcContentHeight","useCallback","handleResize","debounce","useOnClickOutside","ref","handler","listener","event","useMediaQuery","query","supportMatchMedia","defaultMatches","isMatchQuery","setIsMatchQuery","active","queryList","updateMatch","useBreakPoints","mobileSize","theme","largeMobileSize","tabSize","isWiderThanMobile","isWiderThanLargeMobile","isWiderThanTab","isMobile","isLargeMobile","isTab","isDesktop","useIntersectionObserver","rootRef","rootMargin","callback","options","useHover","onHover","isHover","setIsHover","useElementCoordinates","useRef","x","setX","y","setY","useBoundingClientRect","settings","listenForResize","checkEachRender","debounceDelay","rect","setRect","useBodyScrollLock","target","shouldEnable","disableBodyScroll","enableBodyScroll"],"mappings":"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"}
+{"version":3,"file":"sd-component-library3.js","sources":["../src/core/theme.ts"],"sourcesContent":["const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n/**\n * The theme for the application.\n */\nconst theme = {\n  breakpoints: [\"40em\", \"52em\", \"64em\"],\n\n  colors: {\n    cl_transparent: \"transparent\",\n    cl_white: \"#FFFFFF\",\n    cl_red: \"#FF0000\",\n    cl_green: \"#11A34A\",\n    cl_purple: \"#9E1CB5\",\n    cl_blue: \"#4568F9\",\n    cl_darkBlue: \"#3C5BD9\",\n    cl_denim: \"#07144D\",\n    cl_salmon: \"#FA464E\",\n    cl_yellow: \"#FF9900\",\n    cl_darkYellow: \"#FF6C00\",\n    cl_grey: \"#9BA2B4\",\n    cl_lightGrey: \"#CCD0DB\",\n    cl_darkGrey: \"#434A54\",\n\n    cl_header: \"#FAFAFC\",\n    cl_headerLine: \"#EDEEF2\",\n  },\n  variants: {\n    _badges: {\n      primary: {\n        fontFamily: \"proxima-nova\",\n        height: [\"22px\"],\n        lineHeight: [\"21px\"],\n        color: \"white\",\n        px: \"10px\",\n      },\n      secondary: {\n        fontFamily: \"proxima-nova\",\n        height: [\"13px\"],\n        lineHeight: [\"12px\"],\n        color: \"white\",\n        px: \"10px\",\n      },\n    },\n    _containers: {\n      selectors: {\n        secondary: {\n          display: \"grid\",\n        },\n        tertiary: {\n          display: \"grid\",\n        },\n        compact: {\n          display: \"grid\",\n          gridTemplateColumns: \"1fr max-content\",\n          alignItems: \"center\",\n        },\n        secondaryV2: {\n          display: \"grid\",\n          gridTemplateColumns: \"max-content 1fr\",\n          alignItems: \"center\",\n        },\n        combined: {\n          display: \"block\",\n        },\n        customSecondary: {\n          gap: \"10px\",\n          gridTemplateColumns: \"max-content 1fr\",\n        },\n        customTertiary: {\n          gap: \"14px\",\n        },\n        customScrollable: {\n          gap: \"10px\",\n        },\n      },\n    },\n    _links: {\n      primary: {\n        fontFamily: \"proxima-nova\",\n        color: \"cl_blue\",\n        cursor: \"pointer\",\n        textDecoration: \"none\",\n        \":hover\": {\n          textDecoration: \"underline\",\n        },\n      },\n    },\n    _lists: {\n      primary: {\n        color: \"purple\",\n      },\n    },\n    _modals: {\n      inner: {\n        primary: {\n          borderRadius: \"8px\",\n          textAlign: \"center\",\n          borderWidth: \"2px\",\n          borderStyle: \"solid\",\n          borderColor: \"cl_blue\",\n        },\n      },\n    },\n    _progressBars: {\n      line: {\n        done: {\n          height: \"2px\",\n          display: \"inline-block\",\n          transition: \"width 1s\",\n        },\n        remains: {\n          height: \"2px\",\n          display: \"inline-block\",\n          transition: \"width 1s\",\n        },\n      },\n      stripedLine: {\n        done: {\n          height: \"10px\",\n          display: \"inline-block\",\n          transition: \"width 1s\",\n        },\n        remains: {\n          height: \"10px\",\n          display: \"inline-block\",\n          transition: \"width 1s\",\n        },\n      },\n    },\n    _switches: {\n      textSwitch: {\n        side: {\n          fontFamily: \"proxima-nova\",\n          fontWeight: \"600\",\n          textAlign: \"center\",\n          zIndex: 2,\n        },\n      },\n    },\n  },\n  forms: {\n    _inputs: {\n      textInput: {\n        primary: {\n          fontFamily: \"proxima-nova\",\n          color: \"cl_darkGrey\",\n          fontSize: [\"18px\"],\n          border: \"none\",\n          outline: \"none\",\n          borderBottomStyle: \"solid\",\n          borderBottomWidth: \"2px\",\n          borderBottomColor: \"cl_lightGrey\",\n          lineHeight: [\"25px\"],\n          transition: \"all .1s\",\n          \":focus\": {\n            borderBottomStyle: \"solid\",\n            borderBottomWidth: \"2px\",\n            borderBottomColor: \"cl_blue\",\n            outline: \"none\",\n          },\n          \"::placeholder\": {\n            color: \"cl_grey\",\n          },\n        },\n        primaryError: {\n          fontFamily: \"proxima-nova\",\n          color: \"cl_darkGrey\",\n          fontSize: [\"18px\"],\n          border: \"none\",\n          outline: \"none\",\n          borderBottomStyle: \"solid\",\n          borderBottomWidth: \"2px\",\n          borderBottomColor: \"cl_red\",\n          lineHeight: [\"25px\"],\n          transition: \"all .1s\",\n        },\n        plain: {\n          fontFamily: \"proxima-nova\",\n          color: \"cl_darkGrey\",\n          fontSize: [\"18px\"],\n          borderStyle: \"none\",\n          borderWidth: \"0\",\n          outlines: \"none\",\n        },\n        currentPage: {\n          display: \"flex\",\n          flexDirection: \"column\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          textAlign: \"center\",\n          borderColor: \"cl_lightGrey\",\n          borderWidth: 1,\n          borderStyle: \"solid\",\n          borderRadius: 3,\n          fontSize: 1,\n          fontFamily: \"proxima-nova\",\n          height: \"30px\",\n          width: \"30px\",\n          \":focus\": {\n            borderColor: \"cl_blue\",\n            borderWidth: 1,\n            borderStyle: \"solid\",\n            borderRadius: 3,\n            outline: \"none\",\n          },\n        },\n        decodyQuestion: {\n          fontFamily: \"proxima-nova\",\n          color: \"cl_darkGrey\",\n          fontSize: [\"18px\", \"32px\"],\n          fontWeight: \"bold\",\n          border: \"none\",\n          outline: \"none\",\n          borderBottomStyle: \"solid\",\n          borderBottomWidth: \"2px\",\n          borderBottomColor: \"cl_blue\",\n          lineHeight: [\"25px\"],\n          transition: \"all .1s\",\n          \":focus\": {\n            borderBottomStyle: \"solid\",\n            borderBottomWidth: \"2px\",\n            borderBottomColor: \"cl_blue\",\n            outline: \"none\",\n          },\n          \"::placeholder\": {\n            color: \"cl_grey\",\n            fontWeight: \"100\",\n          },\n        },\n        clientPortal: {\n          fontFamily: \"proxima-nova\",\n          color: \"cl_darkGrey\",\n          fontSize: 18,\n          borderStyle: \"none\",\n          outline: \"none\",\n          borderBottomStyle: \"solid\",\n          borderBottomWidth: \"2px\",\n          borderBottomColor: \"cl_lightGrey\",\n          py: \"12px\",\n          px: 0,\n          \":focus\": {\n            outline: \"none\",\n            borderStyle: \"none\",\n            borderBottomStyle: \"solid\",\n            borderColor: \"cl_blue\",\n          },\n          \"::placeholder\": {\n            color: \"cl_grey\",\n          },\n        },\n      },\n    },\n    _labels: {\n      textInput: {\n        secondary: {\n          fontFamily: \"proxima-nova\",\n          width: \"max-content\",\n          color: \"cl_darkGrey\",\n          fontSize: [\"12px\"],\n          fontWeight: 600,\n          textTransform: \"uppercase\",\n          letterSpacing: [\"1px\"],\n          marginBottom: [\"16px\"],\n        },\n        secondaryError: {\n          fontFamily: \"proxima-nova\",\n          width: \"max-content\",\n          fontSize: [\"12px\"],\n          fontWeight: 600,\n          textTransform: \"uppercase\",\n          letterSpacing: [\"2px\"],\n          marginBottom: [\"16px\"],\n          color: \"cl_red\",\n        },\n        clientPortal: {\n          fontSize: 10,\n          fontWeight: 600,\n          textTransform: \"uppercase\",\n          letterSpacing: \"1px\",\n        },\n      },\n      selectors: {\n        secondary: {\n          fontSize: [\"12px\"],\n          fontWeight: 600,\n          letterSpacing: 1,\n          textTransform: \"uppercase\",\n          color: \"cl_darkGrey\",\n        },\n        secondaryError: {\n          width: \"max-content\",\n          fontSize: [\"12px\"],\n          fontWeight: 600,\n          textTransform: \"uppercase\",\n          letterSpacing: [\"2px\"],\n          marginBottom: [\"16px\"],\n          color: \"cl_red\",\n        },\n        tertiary: {\n          width: \"max-content\",\n          color: \"cl_darkGrey\",\n          fontSize: [\"12px\"],\n          fontWeight: 600,\n          textTransform: \"uppercase\",\n          letterSpacing: [\"2px\"],\n          marginBottom: [\"16px\"],\n        },\n        tertiaryError: {\n          width: \"max-content\",\n          fontSize: [\"12px\"],\n          fontWeight: 600,\n          textTransform: \"uppercase\",\n          letterSpacing: [\"2px\"],\n          marginBottom: [\"16px\"],\n          color: \"cl_red\",\n        },\n        compact: {\n          width: \"max-content\",\n          color: \"cl_grey\",\n          fontSize: [\"16px\"],\n        },\n        secondaryV2: {\n          color: \"cl_grey\",\n          fontSize: \"18px\",\n        },\n        primaryV2: {\n          position: \"absolute\",\n          left: \"8px\",\n          top: \"-6px\",\n          height: \"12px\",\n          fontWeight: 600,\n          color: \"cl_grey\",\n          fontSize: \"10px\",\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          width: \"initial\",\n          bg: \"cl_white\",\n          px: \"7px\",\n          zIndex: 1,\n        },\n        customSecondary: {\n          fontSize: \"18px\",\n          fontWeight: 400,\n          color: \"cl_grey\",\n        },\n        customTertiary: {\n          fontSize: \"10px\",\n          fontWeight: 600,\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          color: \"cl_grey\",\n        },\n        customScrollable: {\n          fontSize: \"10px\",\n          fontWeight: 600,\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          color: \"cl_darkGrey\",\n        },\n        updatedSecondary: {\n          fontSize: \"10px\",\n          fontWeight: 600,\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          color: \"cl_grey\",\n        },\n      },\n      iconButton: {\n        marginRight: \"10px\",\n        cursor: \"inherit\",\n      },\n    },\n    _selectors: {\n      primary: {\n        color: \"cl_purple\",\n        outline: \"none\",\n        borderColor: \"cl_lightGrey\",\n        borderStyle: \"solid\",\n        borderWidth: 1,\n        borderRadius: 3,\n        pr: [\"32px\"],\n      },\n      secondary: {\n        fontFamily: \"proxima-nova\",\n        textTransform: \"Capitalize\",\n        fontWeight: 500,\n        letterSpacing: 0,\n        color: \"cl_darkGrey\",\n        paddingLeft: 0,\n        border: \"none\",\n        outline: \"none\",\n        borderBottomColor: \"cl_lightGrey\",\n        borderBottomStyle: \"solid\",\n        borderBottomWidth: 2,\n        borderRadius: 0,\n        paddingY: [\"14px\"],\n        pr: [\"32px\"],\n      },\n      secondaryError: {\n        fontFamily: \"proxima-nova\",\n        textTransform: \"Capitalize\",\n        fontWeight: 500,\n        letterSpacing: 0,\n        color: \"cl_grey\",\n        paddingLeft: 0,\n        border: \"none\",\n        outline: \"none\",\n        borderBottomColor: \"cl_red\",\n        borderBottomStyle: \"solid\",\n        borderBottomWidth: 2,\n        borderRadius: 0,\n        paddingY: [\"14px\"],\n        pr: [\"32px\"],\n      },\n      tertiary: {\n        fontFamily: \"proxima-nova\",\n        textTransform: \"Capitalize\",\n        fontSize: [\"18px\"],\n        fontWeight: 400,\n        letterSpacing: 0,\n        color: \"cl_darkGrey\",\n        paddingLeft: 0,\n        border: \"none\",\n        outline: \"none\",\n        borderBottomColor: \"cl_lightGrey\",\n        borderBottomStyle: \"solid\",\n        borderBottomWidth: 2,\n        borderRadius: 0,\n        lineHeight: [\"25px\"],\n        paddingY: [\"14px\"],\n        pr: [\"16px\"],\n        \"& + svg\": {\n          fill: \"cl_darkGrey\",\n          transform: `translate(10px, ${isFirefox ? 0 : 5}px) scale(.78)`,\n        },\n      },\n      tertiaryError: {\n        fontFamily: \"proxima-nova\",\n        textTransform: \"Capitalize\",\n        fontSize: [\"18px\"],\n        fontWeight: 400,\n        letterSpacing: 0,\n        color: \"cl_grey\",\n        paddingLeft: 0,\n        border: \"none\",\n        outline: \"none\",\n        borderBottomColor: \"cl_red\",\n        borderBottomStyle: \"solid\",\n        borderBottomWidth: 2,\n        borderRadius: 0,\n        lineHeight: [\"25px\"],\n        paddingY: [\"14px\"],\n        pr: [\"32px\"],\n        \"& + svg\": {\n          fill: \"cl_darkGrey\",\n          transform: `translate(10px, ${isFirefox ? 0 : 5}px) scale(.78)`,\n        },\n      },\n      compact: {\n        width: \"max-content\",\n        color: \"cl_purple\",\n        outline: \"none\",\n        border: \"none\",\n        paddingLeft: [\"0\"],\n        paddingRight: [\"24px\"],\n        \"& + svg\": {\n          transform: `translate(5px, ${isFirefox ? 0 : 5}px) scale(.78)`,\n        },\n      },\n      secondaryV2: {\n        fontFamily: \"proxima-nova\",\n        fontWeight: \"bold\",\n        fontSize: \"18px\",\n        letterSpacing: 0,\n        color: \"cl_darkGrey\",\n        outline: \"none\",\n        border: \"none\",\n        borderRadius: 0,\n        borderBottomColor: \"cl_lightGrey\",\n        borderBottomStyle: \"solid\",\n        borderBottomWidth: 2,\n        pb: \"12px\",\n        pl: 0,\n        pt: 0,\n        pr: \"12px\",\n        \"& + svg\": {\n          fill: \"cl_blue\",\n          transform: `translate(10px, 0px) scale(.78)`,\n        },\n      },\n      primaryV2: {\n        fontFamily: \"proxima-nova\",\n        fontSize: \"16px\",\n        color: \"cl_purple\",\n        px: \"15px\",\n        py: \"12px\",\n        borderRadius: \"3px\",\n        borderColor: \"cl_lightGrey\",\n        outline: \"none\",\n      },\n      updatedSecondary: {\n        fontFamily: \"proxima-nova\",\n        textTransform: \"Capitalize\",\n        fontSize: \"18px\",\n        lineHeight: \"22px\",\n        fontWeight: 400,\n        letterSpacing: 0,\n        color: \"cl_darkGrey\",\n        paddingLeft: 0,\n        border: \"none\",\n        outline: \"none\",\n        borderBottomColor: \"cl_lightGrey\",\n        borderBottomStyle: \"solid\",\n        borderBottomWidth: 2,\n        borderRadius: 0,\n        py: \"12px\",\n        pr: \"16px\",\n        \"& + svg\": {\n          fill: \"cl_blue\",\n          transform: `translate(10px, ${isFirefox ? 0 : 4}px) scale(.78)`,\n        },\n      },\n    },\n  },\n  text: {\n    _breadcrumbs: {\n      primary: {\n        last: {\n          fontFamily: \"proxima-nova\",\n          fontSize: \"12px\",\n          fontWeight: 400,\n          color: \"cl_grey\",\n        },\n        normal: {\n          fontFamily: \"proxima-nova\",\n          fontSize: \"12px\",\n          fontWeight: 400,\n          color: \"cl_lightGrey\",\n        },\n      },\n      secondary: {\n        last: {\n          fontFamily: \"proxima-nova\",\n          fontSize: \"12px\",\n          fontWeight: 400,\n          color: \"cl_darkGrey\",\n        },\n        normal: {\n          fontFamily: \"proxima-nova\",\n          fontSize: \"12px\",\n          fontWeight: 400,\n          color: \"cl_grey\",\n        },\n      },\n    },\n    _10SemiBold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"10px\",\n      fontWeight: 600,\n    },\n    _12Regular: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"12px\",\n      fontWeight: 400,\n    },\n    _12Semibold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"12px\",\n      fontWeight: 600,\n    },\n    _13Regular: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"13px\",\n      fontWeight: 400,\n    },\n    _13Semibold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"13px\",\n      fontWeight: 600,\n    },\n    _13Bold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"13px\",\n      fontWeight: 700,\n    },\n    _14Regular: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"14px\",\n      fontWeight: 400,\n    },\n    _14Semibold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"14px\",\n      fontWeight: 600,\n    },\n    _16Regular: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"16px\",\n      fontWeight: 400,\n    },\n    _16Semibold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"16px\",\n      fontWeight: 600,\n    },\n    _18Regular: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"18px\",\n      fontWeight: 400,\n    },\n    _18Bold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"18px\",\n      fontWeight: 700,\n    },\n    _24Regular: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"24px\",\n      fontWeight: 400,\n    },\n    _24Bold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"24px\",\n      fontWeight: 700,\n    },\n    _32Regular: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"32px\",\n      fontWeight: 400,\n    },\n    _32Bold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"32px\",\n      fontWeight: 700,\n    },\n    _40Bold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"40px\",\n      fontWeight: 700,\n    },\n    _55Semibold: {\n      fontFamily: \"proxima-nova\",\n      fontSize: \"55px\",\n      fontWeight: 600,\n    },\n  },\n\n  buttons: {\n    _circle: {\n      borderRadius: \"100%\",\n      lineHeight: 0,\n      bg: \"cl_white\",\n      padding: \"0\",\n      outline: \"none\",\n    },\n    _cta: {\n      borderStyle: \"solid\",\n      borderWidth: \"2px\",\n      textTransform: \"uppercase\",\n      fontSize: [\"13px\"],\n      fontWeight: \"bold\",\n      letterSpacing: [\"2px\"],\n      transition: \"all .1s\",\n      outline: \"none\",\n    },\n    _icon: {\n      padding: \"0\",\n      bg: \"transparent\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n    },\n    _logos: {\n      poweredByLogo: {\n        width: 139,\n        height: 48,\n      },\n    },\n    _goto: {\n      borderStyle: \"solid\",\n      borderWidth: \"3px\",\n      borderColor: \"cl_blue\",\n      color: \"cl_blue\",\n      textTransform: \"uppercase\",\n      fontSize: [\"13px\"],\n      fontWeight: \"bold\",\n      letterSpacing: [\"2px\"],\n      outline: \"none\",\n      backgroundColor: \"#fff\",\n      borderRadius: \"24px\",\n      paddingY: \"13px\",\n      paddingX: \"20px\",\n    },\n    _booleanAction: {\n      borderStyle: \"solid\",\n      borderWidth: \"3px\",\n      width: \"max-content\",\n      borderColor: \"cl_blue\",\n      color: \"cl_blue\",\n      textTransform: \"uppercase\",\n      fontSize: [\"13px\"],\n      fontWeight: \"bold\",\n      letterSpacing: [\"2px\"],\n      outline: \"none\",\n      backgroundColor: \"#fff\",\n      borderRadius: \"24px\",\n      paddingY: \"10px\",\n      paddingX: \"20px\",\n    },\n    _multichoice: {\n      active: {\n        bg: \"cl_purple\",\n        color: \"cl_white\",\n        borderStyle: \"solid\",\n        borderWidth: \"2px\",\n        borderColor: \"cl_purple\",\n        borderRadius: \"25px\",\n        height: [\"42px\"],\n        textTransform: \"capitalize\",\n        fontSize: [\"15px\"],\n        fontWeight: \"500\",\n        outline: \"none\",\n      },\n      notActive: {\n        bg: \"cl_white\",\n        color: \"cl_grey\",\n        borderStyle: \"solid\",\n        borderWidth: \"2px\",\n        borderColor: \"cl_purple\",\n        borderRadius: \"25px\",\n        height: [\"42px\"],\n        textTransform: \"capitalize\",\n        fontSize: [\"15px\"],\n        fontWeight: \"500\",\n        outline: \"none\",\n      },\n    },\n\n    _square: {\n      lineHeight: 0,\n      borderRadius: \"5px\",\n      bg: \"cl_white\",\n      padding: \"0\",\n      outline: \"none\",\n    },\n\n    _block: {\n      display: \"block\",\n    },\n  },\n};\n\nexport default theme;\n"],"names":["isFirefox","theme","theme$1"],"mappings":"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"}

package/lib/sd-component-library30.js

@@ -1,20 +1,47 @@
-import { j as n } from "./sd-component-library195.js";
-import { Button as e } from "./sd-component-library28.js";
-const s = (t) => {
-  const { color: o, children: r } = t;
-  return /* @__PURE__ */ n.jsx(
-    e,
+import { j as B } from "./sd-component-library195.js";
+import { Button as C } from "./sd-component-library29.js";
+const m = (r) => {
+  const {
+    v1: h,
+    disabled: o,
+    borderRadius: a = h ? "0" : "5px",
+    borderWidth: e = "2px",
+    borderColor: s,
+    color: t,
+    bg: b,
+    hoverBorderColor: c,
+    hoverColor: l,
+    hoverBg: v,
+    disabledBg: d = "cl_grey",
+    disabledColor: i = "cl_white",
+    children: g,
+    height: n = "42px"
+  } = r;
+  return /* @__PURE__ */ B.jsx(
+    C,
     {
-      ...t,
-      bg: "Transparent",
-      padding: ["0px"],
-      color: o || "cl_blue",
-      "data-test": "text-cta-button",
-      children: r
+      ...r,
+      variant: "_cta",
+      borderRadius: a,
+      height: n,
+      bg: o ? d : b,
+      color: o ? i : t,
+      fill: t,
+      borderStyle: "solid",
+      borderWidth: e,
+      borderColor: o ? "cl_grey" : s,
+      hoverBg: o ? d : v,
+      hoverColor: o ? i : l,
+      hoverFill: l,
+      hoverBorderStyle: "solid",
+      hoverBorderWidth: e,
+      hoverBorderColor: o ? "cl_grey" : c,
+      "data-test": "cta-button",
+      children: g
     }
   );
 };
 export {
-  s as TextCtaButton
+  m as CtaButton
 };
 //# sourceMappingURL=sd-component-library30.js.map

package/lib/sd-component-library30.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library30.js","sources":["../src/components/buttons/cta/text-cta-button/text-cta-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { TextCtaButtonProps } from \"./interfaces\";\n\n/**\n * The text cta button.\n */\nexport const TextCtaButton: React.FunctionComponent<TextCtaButtonProps> = (\n  props: TextCtaButtonProps\n): React.ReactElement<TextCtaButtonProps> => {\n  const { color, children } = props;\n\n  return (\n    <Button\n      {...props}\n      bg=\"Transparent\"\n      padding={[\"0px\"]}\n      color={color || \"cl_blue\"}\n      data-test=\"text-cta-button\"\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["TextCtaButton","props","color","children","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA6D,CACxEC,MAC2C;AACrC,QAAA,EAAE,OAAAC,GAAO,UAAAC,EAAa,IAAAF;AAG1B,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,IAAG;AAAA,MACH,SAAS,CAAC,KAAK;AAAA,MACf,OAAOC,KAAS;AAAA,MAChB,aAAU;AAAA,MAET,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library30.js","sources":["../src/components/buttons/cta/cta-button/cta-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { CtaButtonProps } from \"./interfaces\";\n\n/**\n * The cta button.\n */\nexport const CtaButton: React.FC<CtaButtonProps> = (props) => {\n  const {\n    v1,\n    disabled,\n    borderRadius = v1 ? \"0\" : \"5px\",\n    borderWidth = \"2px\",\n    borderColor,\n    color,\n    bg,\n    hoverBorderColor,\n    hoverColor,\n    hoverBg,\n    disabledBg = \"cl_grey\",\n    disabledColor = \"cl_white\",\n    children,\n    height = \"42px\",\n  } = props;\n\n  return (\n    <Button\n      {...props}\n      variant=\"_cta\"\n      borderRadius={borderRadius}\n      height={height}\n      bg={disabled ? disabledBg : bg}\n      color={disabled ? disabledColor : color}\n      fill={color}\n      borderStyle=\"solid\"\n      borderWidth={borderWidth}\n      borderColor={disabled ? \"cl_grey\" : borderColor}\n      hoverBg={disabled ? disabledBg : hoverBg}\n      hoverColor={disabled ? disabledColor : hoverColor}\n      hoverFill={hoverColor}\n      hoverBorderStyle=\"solid\"\n      hoverBorderWidth={borderWidth}\n      hoverBorderColor={disabled ? \"cl_grey\" : hoverBorderColor}\n      data-test=\"cta-button\"\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["CtaButton","props","v1","disabled","borderRadius","borderWidth","borderColor","color","bg","hoverBorderColor","hoverColor","hoverBg","disabledBg","disabledColor","children","height","jsx","Button"],"mappings":";;AAQa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAeF,IAAK,MAAM;AAAA,IAC1B,aAAAG,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,EACP,IAAAd;AAGF,SAAAe,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGhB;AAAA,MACJ,SAAQ;AAAA,MACR,cAAAG;AAAA,MACA,QAAAW;AAAA,MACA,IAAIZ,IAAWS,IAAaJ;AAAA,MAC5B,OAAOL,IAAWU,IAAgBN;AAAA,MAClC,MAAMA;AAAA,MACN,aAAY;AAAA,MACZ,aAAAF;AAAA,MACA,aAAaF,IAAW,YAAYG;AAAA,MACpC,SAASH,IAAWS,IAAaD;AAAA,MACjC,YAAYR,IAAWU,IAAgBH;AAAA,MACvC,WAAWA;AAAA,MACX,kBAAiB;AAAA,MACjB,kBAAkBL;AAAA,MAClB,kBAAkBF,IAAW,YAAYM;AAAA,MACzC,aAAU;AAAA,MAET,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library300.js

@@ -1,86 +1,46 @@
-import p from "./sd-component-library371.js";
-import f from "./sd-component-library372.js";
-import h from "./sd-component-library373.js";
-import w from "./sd-component-library374.js";
-import r from "./sd-component-library375.js";
-import i from "./sd-component-library376.js";
-import y from "./sd-component-library377.js";
-import l from "./sd-component-library378.js";
-import u from "./sd-component-library379.js";
-import M from "./sd-component-library380.js";
-import O from "./sd-component-library381.js";
-import b from "./sd-component-library382.js";
-import s from "./sd-component-library383.js";
-import C from "./sd-component-library304.js";
-const n = (t) => C(t, "EEE d MMM yyyy"), A = (t) => {
-  const e = "No date selected";
-  return !t || !t.startDate || !t.endDate ? e : s(t.startDate, t.endDate) ? n(t.startDate) : `${n(t.startDate)} - ${n(
-    t.endDate
-  )}`;
-}, W = [
-  {
-    label: "Yesterday",
-    startDate: p(f(/* @__PURE__ */ new Date(), -1)),
-    endDate: h(f(/* @__PURE__ */ new Date(), -1))
+import { system as r, get as s } from "./sd-component-library299.js";
+var a = function(e) {
+  return typeof e == "number" && !isNaN(e);
+}, o = function(e, i) {
+  return s(i, e, !a(e) || e > 1 ? e : e * 100 + "%");
+}, h = {
+  width: {
+    property: "width",
+    scale: "sizes",
+    transform: o
   },
-  {
-    label: "Last Week",
-    startDate: w(r(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 }),
-    endDate: i(r(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
+  height: {
+    property: "height",
+    scale: "sizes"
   },
-  {
-    label: "Last 2 Weeks",
-    startDate: w(r(/* @__PURE__ */ new Date(), -2), { weekStartsOn: 1 }),
-    endDate: i(r(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
+  minWidth: {
+    property: "minWidth",
+    scale: "sizes"
   },
-  {
-    label: "Last Month",
-    startDate: y(l(/* @__PURE__ */ new Date(), -1)),
-    endDate: u(l(/* @__PURE__ */ new Date(), -1))
+  minHeight: {
+    property: "minHeight",
+    scale: "sizes"
   },
-  {
-    label: "Last Year",
-    startDate: M(O(/* @__PURE__ */ new Date(), -1)),
-    endDate: b(O(/* @__PURE__ */ new Date(), -1))
-  }
-], G = (t, e, Y, S, c, k) => {
-  const D = (c || W).map(
-    ({ label: o, startDate: m, endDate: d }) => ({
-      label: o,
-      range: (a) => ({
-        startDate: m,
-        endDate: d
-      }),
-      isSelected: (a) => a.startDate && a.endDate ? s(a.startDate, m) && s(a.endDate, d) : !1
-    })
-  );
-  return k ? D.concat({
-    label: "Custom Range",
-    range: (o) => (e(), {
-      startDate: (t == null ? void 0 : t.startDate) || /* @__PURE__ */ new Date(),
-      endDate: (t == null ? void 0 : t.endDate) || /* @__PURE__ */ new Date()
-    }),
-    isSelected: (o) => S
-  }) : D;
-}, H = (t) => ({
-  ...t,
-  rangeColors: [t.color ?? "#9E1CB5"],
-  weekStartsOn: 1,
-  inputRanges: [],
-  ranges: [
-    t.selectedRange ?? {
-      startDate: /* @__PURE__ */ new Date(),
-      endDate: /* @__PURE__ */ new Date()
-    }
-  ],
-  months: t.months,
-  onChange: (e) => {
-    t.setSelectedRange(e.range1);
-  }
-});
+  maxWidth: {
+    property: "maxWidth",
+    scale: "sizes"
+  },
+  maxHeight: {
+    property: "maxHeight",
+    scale: "sizes"
+  },
+  size: {
+    properties: ["width", "height"],
+    scale: "sizes"
+  },
+  overflow: !0,
+  overflowX: !0,
+  overflowY: !0,
+  display: !0,
+  verticalAlign: !0
+}, l = r(h);
 export {
-  H as getCalendarProps,
-  A as getSelectedRangeText,
-  G as getStaticRanges
+  l as default,
+  l as layout
 };
 //# sourceMappingURL=sd-component-library300.js.map

package/lib/sd-component-library300.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library300.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/utils.ts"],"sourcesContent":["import { OnChangeProps, Range, StaticRange } from \"react-date-range\";\n\nimport {\n  addDays,\n  addMonths,\n  addWeeks,\n  addYears,\n  endOfDay,\n  endOfMonth,\n  endOfWeek,\n  endOfYear,\n  format,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n} from \"date-fns\";\n\nimport { OnRangeSelection, StaticRangeOption } from \"./interfaces\";\nimport { BaseDateRangeInputMobileProps } from \"./partials/base-date-range-input-mobile/interfaces\";\n\nconst getFormattedDate = (date: Date) => format(date, \"EEE d MMM yyyy\");\n\nexport const getSelectedRangeText = (range: Range | null | undefined) => {\n  const defaultText = \"No date selected\";\n\n  return !range || !range.startDate || !range.endDate\n    ? defaultText\n    : isSameDay(range.startDate, range.endDate)\n    ? getFormattedDate(range.startDate)\n    : `${getFormattedDate(range.startDate)} - ${getFormattedDate(\n        range.endDate\n      )}`;\n};\n\nconst ranges = [\n  {\n    label: \"Yesterday\",\n    startDate: startOfDay(addDays(new Date(), -1)),\n    endDate: endOfDay(addDays(new Date(), -1)),\n  },\n  {\n    label: \"Last Week\",\n    startDate: startOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last 2 Weeks\",\n    startDate: startOfWeek(addWeeks(new Date(), -2), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last Month\",\n    startDate: startOfMonth(addMonths(new Date(), -1)),\n    endDate: endOfMonth(addMonths(new Date(), -1)),\n  },\n  {\n    label: \"Last Year\",\n    startDate: startOfYear(addYears(new Date(), -1)),\n    endDate: endOfYear(addYears(new Date(), -1)),\n  },\n];\n\nexport const getStaticRanges = (\n  selectedRange: Range | undefined | null,\n  onCustomRangeSelect: () => void,\n  deselectCustomRange: () => void,\n  customOptionSelected: boolean,\n  customRanges?: StaticRangeOption[],\n  mobile?: boolean\n): StaticRange[] => {\n  const rangesToShow = customRanges || ranges;\n  const staticRanges: StaticRange[] = rangesToShow.map(\n    ({ label, startDate, endDate }) => ({\n      label,\n      range: (_) => ({\n        startDate,\n        endDate,\n      }),\n      isSelected: (range) =>\n        range.startDate && range.endDate\n          ? isSameDay(range.startDate, startDate) &&\n            isSameDay(range.endDate, endDate)\n          : false,\n    })\n  );\n\n  return !mobile\n    ? staticRanges\n    : staticRanges.concat({\n        label: \"Custom Range\",\n        range: (_) => {\n          onCustomRangeSelect();\n          return {\n            startDate: selectedRange?.startDate || new Date(),\n            endDate: selectedRange?.endDate || new Date(),\n          };\n        },\n        isSelected: (_) => customOptionSelected,\n      });\n};\n\nexport const getCalendarProps = (props: BaseDateRangeInputMobileProps) => ({\n  ...props,\n  rangeColors: [props.color ?? \"#9E1CB5\"],\n  weekStartsOn: 1,\n  inputRanges: [],\n  ranges: [\n    props.selectedRange ?? {\n      startDate: new Date(),\n      endDate: new Date(),\n    },\n  ],\n  months: props.months,\n  onChange: (value: OnChangeProps) => {\n    props.setSelectedRange((value as OnRangeSelection).range1);\n  },\n});\n"],"names":["getFormattedDate","date","format","getSelectedRangeText","range","defaultText","isSameDay","ranges","startOfDay","addDays","endOfDay","startOfWeek","addWeeks","endOfWeek","startOfMonth","addMonths","endOfMonth","startOfYear","addYears","endOfYear","getStaticRanges","selectedRange","onCustomRangeSelect","deselectCustomRange","customOptionSelected","customRanges","mobile","staticRanges","label","startDate","endDate","_","getCalendarProps","props","value"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,IAAmB,CAACC,MAAeC,EAAOD,GAAM,gBAAgB,GAEzDE,IAAuB,CAACC,MAAoC;AACvE,QAAMC,IAAc;AAEb,SAAA,CAACD,KAAS,CAACA,EAAM,aAAa,CAACA,EAAM,UACxCC,IACAC,EAAUF,EAAM,WAAWA,EAAM,OAAO,IACxCJ,EAAiBI,EAAM,SAAS,IAChC,GAAGJ,EAAiBI,EAAM,SAAS,CAAC,MAAMJ;AAAA,IACxCI,EAAM;AAAA,EACP,CAAA;AACP,GAEMG,IAAS;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,WAAWC,EAAWC,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,IAC7C,SAASC,EAASD,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWD,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAaC,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,IACjD,SAASC,EAAWD,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,IAC/C,SAASC,EAAUD,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,EAC7C;AACF,GAEaE,IAAkB,CAC7BC,GACAC,GACAC,GACAC,GACAC,GACAC,MACkB;AAElB,QAAMC,KADeF,KAAgBlB,GACY;AAAA,IAC/C,CAAC,EAAE,OAAAqB,GAAO,WAAAC,GAAW,SAAAC,SAAe;AAAA,MAClC,OAAAF;AAAA,MACA,OAAO,CAACG,OAAO;AAAA,QACb,WAAAF;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,MAEF,YAAY,CAAC1B,MACXA,EAAM,aAAaA,EAAM,UACrBE,EAAUF,EAAM,WAAWyB,CAAS,KACpCvB,EAAUF,EAAM,SAAS0B,CAAO,IAChC;AAAA,IAAA;AAAA,EACR;AAGF,SAAQJ,IAEJC,EAAa,OAAO;AAAA,IAClB,OAAO;AAAA,IACP,OAAO,CAACI,OACcT,KACb;AAAA,MACL,YAAWD,KAAA,gBAAAA,EAAe,cAAa,oBAAI,KAAK;AAAA,MAChD,UAASA,KAAA,gBAAAA,EAAe,YAAW,oBAAI,KAAK;AAAA,IAAA;AAAA,IAGhD,YAAY,CAACU,MAAMP;AAAA,EAAA,CACpB,IAXDG;AAYN,GAEaK,IAAmB,CAACC,OAA0C;AAAA,EACzE,GAAGA;AAAA,EACH,aAAa,CAACA,EAAM,SAAS,SAAS;AAAA,EACtC,cAAc;AAAA,EACd,aAAa,CAAC;AAAA,EACd,QAAQ;AAAA,IACNA,EAAM,iBAAiB;AAAA,MACrB,+BAAe,KAAK;AAAA,MACpB,6BAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAAA,EACA,QAAQA,EAAM;AAAA,EACd,UAAU,CAACC,MAAyB;AAC5B,IAAAD,EAAA,iBAAkBC,EAA2B,MAAM;AAAA,EAC3D;AACF;"}
+{"version":3,"file":"sd-component-library300.js","sources":["../node_modules/@styled-system/layout/dist/index.esm.js"],"sourcesContent":["import { system, get } from '@styled-system/core';\n\nvar isNumber = function isNumber(n) {\n  return typeof n === 'number' && !isNaN(n);\n};\n\nvar getWidth = function getWidth(n, scale) {\n  return get(scale, n, !isNumber(n) || n > 1 ? n : n * 100 + '%');\n};\n\nvar config = {\n  width: {\n    property: 'width',\n    scale: 'sizes',\n    transform: getWidth\n  },\n  height: {\n    property: 'height',\n    scale: 'sizes'\n  },\n  minWidth: {\n    property: 'minWidth',\n    scale: 'sizes'\n  },\n  minHeight: {\n    property: 'minHeight',\n    scale: 'sizes'\n  },\n  maxWidth: {\n    property: 'maxWidth',\n    scale: 'sizes'\n  },\n  maxHeight: {\n    property: 'maxHeight',\n    scale: 'sizes'\n  },\n  size: {\n    properties: ['width', 'height'],\n    scale: 'sizes'\n  },\n  overflow: true,\n  overflowX: true,\n  overflowY: true,\n  display: true,\n  verticalAlign: true\n};\nexport var layout = system(config);\nexport default layout;\n"],"names":["isNumber","n","getWidth","scale","get","config","layout","system"],"mappings":";AAEA,IAAIA,IAAW,SAAkBC,GAAG;AAClC,SAAO,OAAOA,KAAM,YAAY,CAAC,MAAMA,CAAC;AAC1C,GAEIC,IAAW,SAAkBD,GAAGE,GAAO;AACzC,SAAOC,EAAID,GAAOF,GAAG,CAACD,EAASC,CAAC,KAAKA,IAAI,IAAIA,IAAIA,IAAI,MAAM,GAAG;AAChE,GAEII,IAAS;AAAA,EACX,OAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,IACP,WAAWH;AAAA,EACZ;AAAA,EACD,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,EACR;AAAA,EACD,UAAU;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACR;AAAA,EACD,WAAW;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EACR;AAAA,EACD,UAAU;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACR;AAAA,EACD,WAAW;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EACR;AAAA,EACD,MAAM;AAAA,IACJ,YAAY,CAAC,SAAS,QAAQ;AAAA,IAC9B,OAAO;AAAA,EACR;AAAA,EACD,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,eAAe;AACjB,GACWI,IAASC,EAAOF,CAAM;","x_google_ignoreList":[0]}

package/lib/sd-component-library301.js

@@ -1,107 +1,19 @@
-import { j as r } from "./sd-component-library195.js";
-import l from "react";
-import "./sd-component-library296.js";
-import "./sd-component-library198.js";
-import { getCalendarProps as s } from "./sd-component-library300.js";
-import { Box as x } from "./sd-component-library199.js";
-import { OutsideClickBox as m } from "./sd-component-library14.js";
-import { ResponsiveTextV2 as c } from "./sd-component-library147.js";
-import { __exports as f } from "./sd-component-library299.js";
-import { SelectedRangeText as h } from "./sd-component-library660.js";
-import { FrFrContainer as g } from "./sd-component-library39.js";
-import { PrimaryTextButton as u } from "./sd-component-library24.js";
-import { ApplyButton as R } from "./sd-component-library661.js";
-const A = l.forwardRef(
-  (e, i) => {
-    const { zIndex: a, customOptionSelected: n, handleCancel: o, getStaticRanges: d } = e, p = (t) => {
-      t == null || t.preventDefault(), o();
-    };
-    return /* @__PURE__ */ r.jsx(
-      x,
-      {
-        sx: {
-          position: "fixed",
-          top: 0,
-          left: 0,
-          width: "100vw",
-          height: "100vh",
-          overflowY: "auto",
-          py: "30px",
-          bg: "#434A5499"
-        },
-        "data-test": "calendar-wrapper",
-        children: /* @__PURE__ */ r.jsxs(
-          m,
-          {
-            onClickOutside: p,
-            sx: {
-              borderStyle: "solid",
-              borderWidth: "1px",
-              borderColor: "cl_lightGrey",
-              minWidth: "352px",
-              width: "max-content",
-              backgroundColor: "#fff",
-              m: "auto",
-              borderRadius: "4px",
-              zIndex: a,
-              ".rdrDateRangePickerWrapper": {
-                width: "100%",
-                flexDirection: "column"
-              },
-              ".rdrDefinedRangesWrapper": {
-                width: "100%"
-              },
-              ".rdrCalendarWrapper": {
-                display: n ? "inline-flex" : "none"
-              },
-              ".rdrInputRanges": {
-                display: "none"
-              },
-              ".rdrStaticRanges:before": {
-                fontSize: "16px",
-                fontFamily: "proxima-nova",
-                color: "#9BA2B4",
-                fontWeight: "300",
-                p: "10px 20px"
-              },
-              ".rdrStaticRange": {
-                fontSize: "16px",
-                fontFamily: "proxima-nova",
-                color: "#434A54",
-                borderBottomWidth: "0"
-              }
-            },
-            children: [
-              /* @__PURE__ */ r.jsx(c, { fontSizeWeight: [12, "semi-bold"], ref: i, children: /* @__PURE__ */ r.jsx(
-                f.DateRangePicker,
-                {
-                  ...s(e),
-                  direction: "vertical",
-                  staticRanges: d(!0)
-                }
-              ) }),
-              /* @__PURE__ */ r.jsx(h, { ...e, isMobile: !0 }),
-              /* @__PURE__ */ r.jsxs(g, { p: "10px 20px", children: [
-                /* @__PURE__ */ r.jsx(
-                  u,
-                  {
-                    onClick: o,
-                    height: "42px",
-                    color: "cl_darkGrey",
-                    padding: "0",
-                    children: "Cancel"
-                  }
-                ),
-                /* @__PURE__ */ r.jsx(R, { ...e })
-              ] })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
+import { system as r } from "./sd-component-library299.js";
+var o = {
+  color: {
+    property: "color",
+    scale: "colors"
+  },
+  backgroundColor: {
+    property: "backgroundColor",
+    scale: "colors"
+  },
+  opacity: !0
+};
+o.bg = o.backgroundColor;
+var l = r(o);
 export {
-  A as BaseDateRangeInputMobile
+  l as color,
+  l as default
 };
 //# sourceMappingURL=sd-component-library301.js.map

package/lib/sd-component-library301.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library301.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-mobile/base-date-range-input-mobile.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../../../../boxes\";\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { FrFrContainer } from \"../../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../../texts/responsive-text-v2\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputMobileProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputMobile = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    const { zIndex, customOptionSelected, handleCancel, getStaticRanges } =\n      props;\n\n    const onClickOutside = (event?: React.MouseEvent<HTMLDivElement>) => {\n      event?.preventDefault();\n      handleCancel();\n    };\n\n    return (\n      <Box\n        sx={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          width: \"100vw\",\n          height: \"100vh\",\n          overflowY: \"auto\",\n          py: \"30px\",\n          bg: \"#434A5499\",\n        }}\n        data-test=\"calendar-wrapper\"\n      >\n        <OutsideClickBox\n          onClickOutside={onClickOutside}\n          sx={{\n            borderStyle: \"solid\",\n            borderWidth: \"1px\",\n            borderColor: \"cl_lightGrey\",\n            minWidth: \"352px\",\n            width: \"max-content\",\n            backgroundColor: \"#fff\",\n            m: \"auto\",\n            borderRadius: \"4px\",\n            zIndex,\n            \".rdrDateRangePickerWrapper\": {\n              width: \"100%\",\n              flexDirection: \"column\",\n            },\n            \".rdrDefinedRangesWrapper\": {\n              width: \"100%\",\n            },\n            \".rdrCalendarWrapper\": {\n              display: customOptionSelected ? \"inline-flex\" : \"none\",\n            },\n            \".rdrInputRanges\": {\n              display: \"none\",\n            },\n            \".rdrStaticRanges:before\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#9BA2B4\",\n              fontWeight: \"300\",\n              p: \"10px 20px\",\n            },\n            \".rdrStaticRange\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#434A54\",\n              borderBottomWidth: \"0\",\n            },\n          }}\n        >\n          <ResponsiveTextV2 fontSizeWeight={[12, \"semi-bold\"]} ref={ref}>\n            <DateRangePicker\n              {...getCalendarProps(props)}\n              direction=\"vertical\"\n              staticRanges={getStaticRanges(true)}\n            />\n          </ResponsiveTextV2>\n\n          <SelectedRangeText {...props} isMobile />\n\n          <FrFrContainer p=\"10px 20px\">\n            <PrimaryTextButton\n              onClick={handleCancel}\n              height=\"42px\"\n              color=\"cl_darkGrey\"\n              padding=\"0\"\n            >\n              Cancel\n            </PrimaryTextButton>\n\n            <ApplyButton {...props} />\n          </FrFrContainer>\n        </OutsideClickBox>\n      </Box>\n    );\n  }\n);\n"],"names":["BaseDateRangeInputMobile","React","props","ref","zIndex","customOptionSelected","handleCancel","getStaticRanges","onClickOutside","event","jsx","Box","jsxs","OutsideClickBox","ResponsiveTextV2","DateRangePicker","getCalendarProps","SelectedRangeText","FrFrContainer","PrimaryTextButton","ApplyButton"],"mappings":";;;;;;;;;;;;;AAcO,MAAMA,IAA2BC,EAAM;AAAA,EAC5C,CAACC,GAAOC,MAAQ;AACd,UAAM,EAAE,QAAAC,GAAQ,sBAAAC,GAAsB,cAAAC,GAAc,iBAAAC,MAClDL,GAEIM,IAAiB,CAACC,MAA6C;AACnE,MAAAA,KAAA,QAAAA,EAAO,kBACMH;IAAA;AAIb,WAAAI,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,aAAU;AAAA,QAEV,UAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAAL;AAAA,YACA,IAAI;AAAA,cACF,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,UAAU;AAAA,cACV,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,GAAG;AAAA,cACH,cAAc;AAAA,cACd,QAAAJ;AAAA,cACA,8BAA8B;AAAA,gBAC5B,OAAO;AAAA,gBACP,eAAe;AAAA,cACjB;AAAA,cACA,4BAA4B;AAAA,gBAC1B,OAAO;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB,SAASC,IAAuB,gBAAgB;AAAA,cAClD;AAAA,cACA,mBAAmB;AAAA,gBACjB,SAAS;AAAA,cACX;AAAA,cACA,2BAA2B;AAAA,gBACzB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,GAAG;AAAA,cACL;AAAA,cACA,mBAAmB;AAAA,gBACjB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAK,gBAAAA,MAACI,KAAiB,gBAAgB,CAAC,IAAI,WAAW,GAAG,KAAAX,GACnD,UAAAO,gBAAAA,EAAA;AAAA,gBAACK,EAAA;AAAA,gBAAA;AAAA,kBACE,GAAGC,EAAiBd,CAAK;AAAA,kBAC1B,WAAU;AAAA,kBACV,cAAcK,EAAgB,EAAI;AAAA,gBAAA;AAAA,cAAA,GAEtC;AAAA,cAECG,gBAAAA,EAAA,IAAAO,GAAA,EAAmB,GAAGf,GAAO,UAAQ,GAAC,CAAA;AAAA,cAEvCU,gBAAAA,EAAAA,KAACM,GAAc,EAAA,GAAE,aACf,UAAA;AAAA,gBAAAR,gBAAAA,EAAA;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,SAASb;AAAA,oBACT,QAAO;AAAA,oBACP,OAAM;AAAA,oBACN,SAAQ;AAAA,oBACT,UAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,gBAEAI,gBAAAA,EAAAA,IAACU,GAAa,EAAA,GAAGlB,GAAO;AAAA,cAAA,GAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"sd-component-library301.js","sources":["../node_modules/@styled-system/color/dist/index.esm.js"],"sourcesContent":["import { system } from '@styled-system/core';\nvar config = {\n  color: {\n    property: 'color',\n    scale: 'colors'\n  },\n  backgroundColor: {\n    property: 'backgroundColor',\n    scale: 'colors'\n  },\n  opacity: true\n};\nconfig.bg = config.backgroundColor;\nexport var color = system(config);\nexport default color;\n"],"names":["config","color","system"],"mappings":";AACA,IAAIA,IAAS;AAAA,EACX,OAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,EACR;AAAA,EACD,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,OAAO;AAAA,EACR;AAAA,EACD,SAAS;AACX;AACAA,EAAO,KAAKA,EAAO;AACT,IAACC,IAAQC,EAAOF,CAAM;","x_google_ignoreList":[0]}