@selfdecode/sd-component-library 4.0.146 → 4.0.148

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library168.js","sources":["../src/components/tooltips/base-info-tooltip/base-info-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseTooltip } from \"../base-tooltip\";\nimport { InfoIcon } from \"./assets\";\nimport { BaseInfoTooltipProps } from \"./interfaces\";\n\n/**\n * BaseInfoTooltip component.\n * @deprecated\n */\nexport const BaseInfoTooltip: React.FC<BaseInfoTooltipProps> = (props) => {\n  const {\n    tooltipText,\n    width,\n    iconColor,\n    placement,\n    iconWidth = \"16px\",\n    color,\n    bg,\n    dontTranslate = false,\n  } = props;\n\n  return (\n    <BaseTooltip\n      color={color}\n      bg={bg}\n      width={width}\n      placement={placement}\n      data-test=\"base-info-tooltip\"\n      tooltipText={tooltipText}\n      dontTranslate={dontTranslate}\n    >\n      <Box\n        sx={{\n          path: {\n            transition: \"all 0.5s\",\n          },\n          \":hover\": {\n            path: {\n              fill: bg,\n              stroke: color,\n            },\n          },\n        }}\n      >\n        <InfoIcon\n          style={{\n            width: iconWidth,\n            fill: \"none\",\n            stroke: iconColor,\n          }}\n        />\n      </Box>\n    </BaseTooltip>\n  );\n};\n"],"names":["BaseInfoTooltip","props","tooltipText","width","iconColor","placement","iconWidth","color","bg","dontTranslate","jsx","BaseTooltip","Box","InfoIcon"],"mappings":";;;;AAYa,MAAAA,IAAkD,CAACC,MAAU;AAClE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,EACd,IAAAR;AAGF,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAJ;AAAA,MACA,IAAAC;AAAA,MACA,OAAAL;AAAA,MACA,WAAAE;AAAA,MACA,aAAU;AAAA,MACV,aAAAH;AAAA,MACA,eAAAO;AAAA,MAEA,UAAAC,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,MAAM;AAAA,cACJ,YAAY;AAAA,YACd;AAAA,YACA,UAAU;AAAA,cACR,MAAM;AAAA,gBACJ,MAAMJ;AAAA,gBACN,QAAQD;AAAA,cACV;AAAA,YACF;AAAA,UACF;AAAA,UAEA,UAAAG,gBAAAA,EAAA;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAOP;AAAA,gBACP,MAAM;AAAA,gBACN,QAAQF;AAAA,cACV;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library168.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      v2: {\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        fontWeight: 400,\n        letterSpacing: 0,\n        borderRadius: 0,\n        padding: 0,\n        py: \"14px\",\n        \"::placeholder\": {\n          color: \"cl_grey\",\n        },\n      },\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      v2: {\n        fontSize: \"10px\",\n        fontWeight: 600,\n        letterSpacing: \"1px\",\n        textTransform: \"uppercase\",\n        color: \"cl_darkGrey\",\n      },\n      v2Error: {\n        fontSize: \"10px\",\n        fontWeight: 600,\n        letterSpacing: \"1px\",\n        textTransform: \"uppercase\",\n        color: \"cl_red\",\n      },\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  },\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":"AAAA,MAAMA,IAAY,UAAU,UAAU,cAAc,QAAQ,SAAS,IAAI,IAInEC,IAAQ;AAAA,EACZ,aAAa,CAAC,QAAQ,QAAQ,MAAM;AAAA,EAEpC,QAAQ;AAAA,IACN,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa;AAAA,IACb,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,eAAe;AAAA,IACf,SAAS;AAAA,IACT,cAAc;AAAA,IACd,aAAa;AAAA,IAEb,WAAW;AAAA,IACX,eAAe;AAAA,EACjB;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP,YAAY;AAAA,QACZ,QAAQ,CAAC,MAAM;AAAA,QACf,YAAY,CAAC,MAAM;AAAA,QACnB,OAAO;AAAA,QACP,IAAI;AAAA,MACN;AAAA,MACA,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ,CAAC,MAAM;AAAA,QACf,YAAY,CAAC,MAAM;AAAA,QACnB,OAAO;AAAA,QACP,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,WAAW;AAAA,QACT,WAAW;AAAA,UACT,SAAS;AAAA,QACX;AAAA,QACA,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,qBAAqB;AAAA,UACrB,YAAY;AAAA,QACd;AAAA,QACA,aAAa;AAAA,UACX,SAAS;AAAA,UACT,qBAAqB;AAAA,UACrB,YAAY;AAAA,QACd;AAAA,QACA,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,QACA,iBAAiB;AAAA,UACf,KAAK;AAAA,UACL,qBAAqB;AAAA,QACvB;AAAA,QACA,gBAAgB;AAAA,UACd,KAAK;AAAA,QACP;AAAA,QACA,kBAAkB;AAAA,UAChB,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,UAAU;AAAA,UACR,gBAAgB;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,UACP,cAAc;AAAA,UACd,WAAW;AAAA,UACX,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,MAAM;AAAA,UACJ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX,MAAM;AAAA,UACJ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,cAAc;AAAA,QACd,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,iBAAiB;AAAA,UACf,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AAAA,UACjB,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,YAAY,CAAC,MAAM;AAAA,UACnB,YAAY;AAAA,UACZ,UAAU;AAAA,YACR,mBAAmB;AAAA,YACnB,mBAAmB;AAAA,YACnB,mBAAmB;AAAA,YACnB,SAAS;AAAA,UACX;AAAA,UACA,iBAAiB;AAAA,YACf,OAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA,cAAc;AAAA,UACZ,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AAAA,UACjB,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,YAAY,CAAC,MAAM;AAAA,UACnB,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AAAA,UACjB,aAAa;AAAA,UACb,aAAa;AAAA,UACb,UAAU;AAAA,QACZ;AAAA,QACA,aAAa;AAAA,UACX,SAAS;AAAA,UACT,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,WAAW;AAAA,UACX,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAa;AAAA,UACb,cAAc;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,UAAU;AAAA,YACR,aAAa;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAc;AAAA,YACd,SAAS;AAAA,UACX;AAAA,QACF;AAAA,QACA,gBAAgB;AAAA,UACd,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,QAAQ,MAAM;AAAA,UACzB,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,YAAY,CAAC,MAAM;AAAA,UACnB,YAAY;AAAA,UACZ,UAAU;AAAA,YACR,mBAAmB;AAAA,YACnB,mBAAmB;AAAA,YACnB,mBAAmB;AAAA,YACnB,SAAS;AAAA,UACX;AAAA,UACA,iBAAiB;AAAA,YACf,OAAO;AAAA,YACP,YAAY;AAAA,UACd;AAAA,QACF;AAAA,QACA,cAAc;AAAA,UACZ,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,aAAa;AAAA,UACb,SAAS;AAAA,UACT,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,UAAU;AAAA,YACR,SAAS;AAAA,YACT,aAAa;AAAA,YACb,mBAAmB;AAAA,YACnB,aAAa;AAAA,UACf;AAAA,UACA,iBAAiB;AAAA,YACf,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,eAAe;AAAA,QACf,OAAO;AAAA,MACT;AAAA,MACA,SAAS;AAAA,QACP,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,eAAe;AAAA,QACf,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AAAA,UACjB,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe,CAAC,KAAK;AAAA,UACrB,cAAc,CAAC,MAAM;AAAA,QACvB;AAAA,QACA,gBAAgB;AAAA,UACd,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AAAA,UACjB,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe,CAAC,KAAK;AAAA,UACrB,cAAc,CAAC,MAAM;AAAA,UACrB,OAAO;AAAA,QACT;AAAA,QACA,cAAc;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe;AAAA,QACjB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,UACT,UAAU,CAAC,MAAM;AAAA,UACjB,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe;AAAA,UACf,OAAO;AAAA,QACT;AAAA,QACA,gBAAgB;AAAA,UACd,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AAAA,UACjB,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe,CAAC,KAAK;AAAA,UACrB,cAAc,CAAC,MAAM;AAAA,UACrB,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,OAAO;AAAA,UACP,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AAAA,UACjB,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe,CAAC,KAAK;AAAA,UACrB,cAAc,CAAC,MAAM;AAAA,QACvB;AAAA,QACA,eAAe;AAAA,UACb,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AAAA,UACjB,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe,CAAC,KAAK;AAAA,UACrB,cAAc,CAAC,MAAM;AAAA,UACrB,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,OAAO;AAAA,UACP,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AAAA,QACnB;AAAA,QACA,aAAa;AAAA,UACX,OAAO;AAAA,UACP,UAAU;AAAA,QACZ;AAAA,QACA,WAAW;AAAA,UACT,UAAU;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,eAAe;AAAA,UACf,eAAe;AAAA,UACf,OAAO;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,QAAQ;AAAA,QACV;AAAA,QACA,iBAAiB;AAAA,UACf,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA,gBAAgB;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe;AAAA,UACf,OAAO;AAAA,QACT;AAAA,QACA,kBAAkB;AAAA,UAChB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe;AAAA,UACf,OAAO;AAAA,QACT;AAAA,QACA,kBAAkB;AAAA,UAChB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe;AAAA,UACf,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,IAAI,CAAC,MAAM;AAAA,MACb;AAAA,MACA,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,cAAc;AAAA,QACd,UAAU,CAAC,MAAM;AAAA,QACjB,IAAI,CAAC,MAAM;AAAA,MACb;AAAA,MACA,gBAAgB;AAAA,QACd,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,cAAc;AAAA,QACd,UAAU,CAAC,MAAM;AAAA,QACjB,IAAI,CAAC,MAAM;AAAA,MACb;AAAA,MACA,UAAU;AAAA,QACR,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,UAAU,CAAC,MAAM;AAAA,QACjB,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,cAAc;AAAA,QACd,YAAY,CAAC,MAAM;AAAA,QACnB,UAAU,CAAC,MAAM;AAAA,QACjB,IAAI,CAAC,MAAM;AAAA,QACX,WAAW;AAAA,UACT,MAAM;AAAA,UACN,WAAW,mBAAmBD,IAAY,IAAI,CAAC;AAAA,QACjD;AAAA,MACF;AAAA,MACA,eAAe;AAAA,QACb,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,UAAU,CAAC,MAAM;AAAA,QACjB,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,cAAc;AAAA,QACd,YAAY,CAAC,MAAM;AAAA,QACnB,UAAU,CAAC,MAAM;AAAA,QACjB,IAAI,CAAC,MAAM;AAAA,QACX,WAAW;AAAA,UACT,MAAM;AAAA,UACN,WAAW,mBAAmBA,IAAY,IAAI,CAAC;AAAA,QACjD;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,aAAa,CAAC,GAAG;AAAA,QACjB,cAAc,CAAC,MAAM;AAAA,QACrB,WAAW;AAAA,UACT,WAAW,kBAAkBA,IAAY,IAAI,CAAC;AAAA,QAChD;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,MAAM;AAAA,UACN,WAAW;AAAA,QACb;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,aAAa;AAAA,QACb,SAAS;AAAA,MACX;AAAA,MACA,kBAAkB;AAAA,QAChB,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,cAAc;AAAA,QACd,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,MAAM;AAAA,UACN,WAAW,mBAAmBA,IAAY,IAAI,CAAC;AAAA,QACjD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,cAAc;AAAA,MACZ,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA,QAAQ;AAAA,UACN,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA,QAAQ;AAAA,UACN,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SAAS;AAAA,IACP,SAAS;AAAA,MACP,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,eAAe;AAAA,MACf,UAAU,CAAC,MAAM;AAAA,MACjB,YAAY;AAAA,MACZ,eAAe,CAAC,KAAK;AAAA,MACrB,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,eAAe;AAAA,QACb,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa;AAAA,MACb,OAAO;AAAA,MACP,eAAe;AAAA,MACf,UAAU,CAAC,MAAM;AAAA,MACjB,YAAY;AAAA,MACZ,eAAe,CAAC,KAAK;AAAA,MACrB,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,IACA,gBAAgB;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,OAAO;AAAA,MACP,eAAe;AAAA,MACf,UAAU,CAAC,MAAM;AAAA,MACjB,YAAY;AAAA,MACZ,eAAe,CAAC,KAAK;AAAA,MACrB,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,IACA,cAAc;AAAA,MACZ,QAAQ;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,QAAQ,CAAC,MAAM;AAAA,QACf,eAAe;AAAA,QACf,UAAU,CAAC,MAAM;AAAA,QACjB,YAAY;AAAA,QACZ,SAAS;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,QAAQ,CAAC,MAAM;AAAA,QACf,eAAe;AAAA,QACf,UAAU,CAAC,MAAM;AAAA,QACjB,YAAY;AAAA,QACZ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEAE,IAAeD;"}

package/lib/sd-component-library169.js

@@ -1,75 +1,9 @@
-import { j as t } from "./sd-component-library197.js";
-import { useRef as x, useEffect as u } from "react";
-import { Box as l } from "rebass";
-import { TwelveRegular as f } from "./sd-component-library159.js";
-const w = (r) => {
-  const {
-    tooltipText: p,
-    placement: o = "right",
-    children: c,
-    dontTranslate: a = !1,
-    ...d
-  } = r, e = x(null), i = x(null);
-  return u(() => {
-    if (e.current && i.current) {
-      const m = e.current, n = i.current;
-      if (o === "right") {
-        const s = window.getComputedStyle(m).width;
-        n.style.left = `${parseInt(s) + 10}px`;
-      } else {
-        const s = window.getComputedStyle(n).width;
-        n.style.left = `-${parseInt(s) + 10}px`;
-      }
-    }
-  }, [o]), /* @__PURE__ */ t.jsxs(
-    l,
-    {
-      "data-testid": "base-tooltip",
-      sx: {
-        position: "relative",
-        ".content-box:hover": {
-          "+ .tooltip-box": {
-            opacity: 1,
-            visibility: "visible"
-          }
-        }
-      },
-      children: [
-        /* @__PURE__ */ t.jsx(
-          l,
-          {
-            className: "content-box",
-            sx: {
-              maxWidth: "max-content"
-            },
-            ref: e,
-            children: c
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          l,
-          {
-            ref: i,
-            className: "tooltip-box",
-            sx: {
-              ...d,
-              transition: "all 0.5s",
-              position: "absolute",
-              padding: "20px",
-              borderRadius: o === "right" ? "0 5px 5px 5px" : "5px 0 5px 5px",
-              top: 0,
-              opacity: 0,
-              visibility: "hidden",
-              zIndex: 1
-            },
-            children: /* @__PURE__ */ t.jsx(f, { color: r.color, dontTranslate: a, children: p })
-          }
-        )
-      ]
-    }
-  );
-};
+import { __module as e } from "./sd-component-library174.js";
+import { __require as r } from "./sd-component-library175.js";
+import { __require as o } from "./sd-component-library176.js";
+process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
+var m = e.exports;
 export {
-  w as BaseTooltip
+  m as j
 };
 //# sourceMappingURL=sd-component-library169.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library169.js","sources":["../src/components/tooltips/base-tooltip/base-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { TwelveRegular } from \"../../texts/twelve-regular\";\nimport { BaseTooltipProps } from \"./interfaces\";\n\n/**\n * BaseTooltip component.\n * @deprecated\n */\nexport const BaseTooltip: React.FC<BaseTooltipProps> = (props) => {\n  const {\n    tooltipText,\n    placement = \"right\",\n    children,\n    dontTranslate = false,\n    ...remainingProps\n  } = props;\n\n  const contentBoxEl = useRef<HTMLDivElement>(null);\n  const tooltipBoxEl = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentBoxEl.current && tooltipBoxEl.current) {\n      const contentBox = contentBoxEl.current;\n      const tooltipBox = tooltipBoxEl.current;\n\n      if (placement === \"right\") {\n        const boxWidth = window.getComputedStyle(contentBox).width;\n        tooltipBox.style.left = `${parseInt(boxWidth) + 10}px`;\n      } else {\n        const tooltipBoxWidth = window.getComputedStyle(tooltipBox).width;\n        tooltipBox.style.left = `-${parseInt(tooltipBoxWidth) + 10}px`;\n      }\n    }\n  }, [placement]);\n\n  return (\n    <Box\n      data-testid=\"base-tooltip\"\n      sx={{\n        position: \"relative\",\n        \".content-box:hover\": {\n          \"+ .tooltip-box\": {\n            opacity: 1,\n            visibility: \"visible\",\n          },\n        },\n      }}\n    >\n      <Box\n        className=\"content-box\"\n        sx={{\n          maxWidth: \"max-content\",\n        }}\n        ref={contentBoxEl}\n      >\n        {children}\n      </Box>\n      <Box\n        ref={tooltipBoxEl}\n        className=\"tooltip-box\"\n        sx={{\n          ...remainingProps,\n          transition: \"all 0.5s\",\n          position: \"absolute\",\n          padding: \"20px\",\n          borderRadius:\n            placement === \"right\" ? \"0 5px 5px 5px\" : \"5px 0 5px 5px\",\n          top: 0,\n          opacity: 0,\n          visibility: \"hidden\",\n          zIndex: 1,\n        }}\n      >\n        <TwelveRegular color={props.color} dontTranslate={dontTranslate}>\n          {tooltipText}\n        </TwelveRegular>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["BaseTooltip","props","tooltipText","placement","children","dontTranslate","remainingProps","contentBoxEl","useRef","tooltipBoxEl","useEffect","contentBox","tooltipBox","boxWidth","tooltipBoxWidth","jsxs","Box","jsx","TwelveRegular"],"mappings":";;;;AAWa,MAAAA,IAA0C,CAACC,MAAU;AAC1D,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EACD,IAAAL,GAEEM,IAAeC,EAAuB,IAAI,GAC1CC,IAAeD,EAAuB,IAAI;AAEhD,SAAAE,EAAU,MAAM;AACV,QAAAH,EAAa,WAAWE,EAAa,SAAS;AAChD,YAAME,IAAaJ,EAAa,SAC1BK,IAAaH,EAAa;AAEhC,UAAIN,MAAc,SAAS;AACzB,cAAMU,IAAW,OAAO,iBAAiBF,CAAU,EAAE;AACrD,QAAAC,EAAW,MAAM,OAAO,GAAG,SAASC,CAAQ,IAAI,EAAE;AAAA,MAAA,OAC7C;AACL,cAAMC,IAAkB,OAAO,iBAAiBF,CAAU,EAAE;AAC5D,QAAAA,EAAW,MAAM,OAAO,IAAI,SAASE,CAAe,IAAI,EAAE;AAAA,MAC5D;AAAA,IACF;AAAA,EAAA,GACC,CAACX,CAAS,CAAC,GAGZY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,sBAAsB;AAAA,UACpB,kBAAkB;AAAA,YAChB,SAAS;AAAA,YACT,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI;AAAA,cACF,UAAU;AAAA,YACZ;AAAA,YACA,KAAKT;AAAA,YAEJ,UAAAH;AAAA,UAAA;AAAA,QACH;AAAA,QACAa,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,WAAU;AAAA,YACV,IAAI;AAAA,cACF,GAAGH;AAAA,cACH,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,SAAS;AAAA,cACT,cACEH,MAAc,UAAU,kBAAkB;AAAA,cAC5C,KAAK;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,QAAQ;AAAA,YACV;AAAA,YAEA,gCAACe,GAAc,EAAA,OAAOjB,EAAM,OAAO,eAAAI,GAChC,UACHH,GAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library169.js","sources":["../node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["jsxRuntimeModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}

package/lib/sd-component-library17.js

@@ -1,41 +1,23 @@
-import { j as e } from "./sd-component-library197.js";
-import { Box as c, Text as a } from "rebass";
-const u = ({
-  textTransform: n = "capitalize",
-  crumb: { title: l, dontTranslate: o },
-  isLast: s,
-  onClick: t,
-  variant: r
-}) => /* @__PURE__ */ e.jsxs(c, { "data-testid": "crumb", onClick: t, children: [
-  /* @__PURE__ */ e.jsx(
-    a,
+import { j as e } from "./sd-component-library169.js";
+import { CtaButton as l } from "./sd-component-library22.js";
+const d = (o) => {
+  const { width: r = ["280px", "236px"], children: t } = o;
+  return /* @__PURE__ */ e.jsx(
+    l,
     {
-      sx: {
-        textTransform: n,
-        display: "inline-block",
-        cursor: t ? "pointer" : "default",
-        userSelect: "none"
-      },
-      variant: s ? `_breadcrumbs.${r}.last` : `_breadcrumbs.${r}.normal`,
-      className: o ? "no-translate" : void 0,
-      children: l
+      ...o,
+      width: r,
+      borderColor: "cl_blue",
+      color: "cl_white",
+      bg: "cl_blue",
+      hoverBg: "cl_darkBlue",
+      hoverBorderColor: "cl_darkBlue",
+      "data-testid": "secondary-blue-button",
+      children: t
     }
-  ),
-  !s && /* @__PURE__ */ e.jsx(
-    a,
-    {
-      sx: {
-        display: "inline-block",
-        marginLeft: "15px",
-        cursor: "default",
-        userSelect: "none"
-      },
-      variant: `_breadcrumbs.${r}.normal`,
-      children: "/"
-    }
-  )
-] });
+  );
+};
 export {
-  u as Crumb
+  d as SecondaryBlueButton
 };
 //# sourceMappingURL=sd-component-library17.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library17.js","sources":["../src/components/breadcrumbs/breadcrumb/crumb/crumb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Text } from \"rebass\";\n\nimport { CrumbProps } from \"./interfaces\";\n\nexport const Crumb: React.FC<CrumbProps> = ({\n  textTransform = \"capitalize\",\n  crumb: { title, dontTranslate },\n  isLast,\n  onClick,\n  variant,\n}) => {\n  return (\n    <Box data-testid=\"crumb\" onClick={onClick}>\n      <Text\n        sx={{\n          textTransform,\n          display: \"inline-block\",\n          cursor: onClick ? \"pointer\" : \"default\",\n          userSelect: \"none\",\n        }}\n        variant={\n          isLast\n            ? `_breadcrumbs.${variant}.last`\n            : `_breadcrumbs.${variant}.normal`\n        }\n        className={dontTranslate ? \"no-translate\" : undefined}\n      >\n        {title}\n      </Text>\n      {!isLast && (\n        <Text\n          sx={{\n            display: \"inline-block\",\n            marginLeft: \"15px\",\n            cursor: \"default\",\n            userSelect: \"none\",\n          }}\n          variant={`_breadcrumbs.${variant}.normal`}\n        >\n          /\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["Crumb","textTransform","title","dontTranslate","isLast","onClick","variant","jsxs","Box","jsx","Text"],"mappings":";;AAMO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,eAAAC,IAAgB;AAAA,EAChB,OAAO,EAAE,OAAAC,GAAO,eAAAC,EAAc;AAAA,EAC9B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,eAAY,SAAQ,SAAAH,GACvB,UAAA;AAAA,EAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAAT;AAAA,QACA,SAAS;AAAA,QACT,QAAQI,IAAU,YAAY;AAAA,QAC9B,YAAY;AAAA,MACd;AAAA,MACA,SACED,IACI,gBAAgBE,CAAO,UACvB,gBAAgBA,CAAO;AAAA,MAE7B,WAAWH,IAAgB,iBAAiB;AAAA,MAE3C,UAAAD;AAAA,IAAA;AAAA,EACH;AAAA,EACC,CAACE,KACAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,YAAY;AAAA,MACd;AAAA,MACA,SAAS,gBAAgBJ,CAAO;AAAA,MACjC,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ,EAAA,CAAA;"}
+{"version":3,"file":"sd-component-library17.js","sources":["../src/components/buttons/cta/secondary-blue-button/secondary-blue-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CtaButton } from \"../cta-button\";\nimport { SecondaryBlueButtonProps as Props } from \"./interfaces\";\n\n/**\n * The secondary button.\n */\nexport const SecondaryBlueButton: React.FC<Props> = (props) => {\n  const { width = [\"280px\", \"236px\"], children } = props;\n  return (\n    <CtaButton\n      {...props}\n      width={width}\n      borderColor=\"cl_blue\"\n      color=\"cl_white\"\n      bg=\"cl_blue\"\n      hoverBg=\"cl_darkBlue\"\n      hoverBorderColor=\"cl_darkBlue\"\n      data-testid=\"secondary-blue-button\"\n    >\n      {children}\n    </CtaButton>\n  );\n};\n"],"names":["SecondaryBlueButton","props","width","children","jsx","CtaButton"],"mappings":";;AAQa,MAAAA,IAAuC,CAACC,MAAU;AAC7D,QAAM,EAAE,OAAAC,IAAQ,CAAC,SAAS,OAAO,GAAG,UAAAC,EAAa,IAAAF;AAE/C,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,OAAAC;AAAA,MACA,aAAY;AAAA,MACZ,OAAM;AAAA,MACN,IAAG;AAAA,MACH,SAAQ;AAAA,MACR,kBAAiB;AAAA,MACjB,eAAY;AAAA,MAEX,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library170.js

@@ -1,29 +1,78 @@
-import { j as n } from "./sd-component-library197.js";
-import { BaseInfoTooltip as m } from "./sd-component-library168.js";
-const s = (o) => {
-  const {
-    tooltipText: t,
-    placement: r,
-    bg: i = "cl_purple",
-    color: p = "cl_white",
-    width: e = ["204px"],
-    iconColor: l = "#4568F9"
-  } = o;
-  return /* @__PURE__ */ n.jsx(
-    m,
-    {
-      "data-test": "primary-info-tooltip",
-      ...o,
-      color: p,
-      bg: i,
-      width: e,
-      placement: r,
-      tooltipText: t,
-      iconColor: l
+const j = (a, o = {}, t = !1) => {
+  let s = {};
+  const n = Object.keys(a);
+  let c = Object.keys(o);
+  return !t && O(a, o), n.forEach((r) => {
+    const b = a[r];
+    if (Array.isArray(b))
+      o[r] ? s = { ...s, [r]: o[r] } : s = { ...s, [r]: a[r] };
+    else {
+      const i = Object.keys(a[r]);
+      let f;
+      o[r] && (f = Object.keys(o[r]));
+      const k = a[r];
+      if (Array.isArray(k) || (s = A(
+        i,
+        s,
+        k,
+        r
+      )), f != null && f.length) {
+        const l = o[r];
+        Array.isArray(l) || (s = A(
+          f,
+          s,
+          l,
+          r
+        ));
+      }
+    }
+    c = c.filter((i) => i !== r);
+  }), c.forEach((r) => {
+    const b = o[r];
+    if (Array.isArray(b))
+      s = { ...s, [r]: o[r] };
+    else if (Object.keys(o[r]).length) {
+      const i = Object.keys(o[r]);
+      s = A(
+        i,
+        s,
+        b,
+        r
+      );
     }
-  );
+  }), s;
+}, A = (a, o, t, s) => {
+  let n = {};
+  return a.forEach((c) => {
+    const r = t[c];
+    Array.isArray(r) || typeof r == "number" || typeof r == "string" ? n = {
+      ...o,
+      [s]: {
+        ...o[s],
+        ...n[s],
+        [c]: r
+      }
+    } : n = {
+      ...o,
+      [s]: {
+        ...o[s],
+        ...n[s],
+        [c]: { ...r }
+      }
+    };
+  }), n;
+}, O = (a, o) => {
+  Object.keys(a).forEach((s) => {
+    Object.keys(a[s]).forEach((c) => {
+      const r = o[s];
+      if (r && !Array.isArray(r) && r[c])
+        throw new Error(
+          `Variant ${c} already exists under ${s} in SelfDecode's base theme library. Please choose a different name`
+        );
+    });
+  });
 };
 export {
-  s as PrimaryInfoTooltip
+  j as mergeThemes
 };
 //# sourceMappingURL=sd-component-library170.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library170.js","sources":["../src/components/tooltips/primary-info-tooltip/primary-info-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseInfoTooltip } from \"../base-info-tooltip\";\nimport { PrimaryInfoTooltipProps } from \"./interfaces\";\n\n/**\n * PrimaryInfoTooltip component.\n * @deprecated\n */\nexport const PrimaryInfoTooltip: React.FC<PrimaryInfoTooltipProps> = (\n  props\n) => {\n  const {\n    tooltipText,\n    placement,\n    bg = \"cl_purple\",\n    color = \"cl_white\",\n    width = [\"204px\"],\n    iconColor = \"#4568F9\",\n  } = props;\n  return (\n    <BaseInfoTooltip\n      data-test=\"primary-info-tooltip\"\n      {...props}\n      color={color}\n      bg={bg}\n      width={width}\n      placement={placement}\n      tooltipText={tooltipText}\n      iconColor={iconColor}\n    />\n  );\n};\n"],"names":["PrimaryInfoTooltip","props","tooltipText","placement","bg","color","width","iconColor","jsx","BaseInfoTooltip"],"mappings":";;AASa,MAAAA,IAAwD,CACnEC,MACG;AACG,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC,IAAK;AAAA,IACL,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ,CAAC,OAAO;AAAA,IAChB,WAAAC,IAAY;AAAA,EACV,IAAAN;AAEF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGR;AAAA,MACJ,OAAAI;AAAA,MACA,IAAAD;AAAA,MACA,OAAAE;AAAA,MACA,WAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library170.js","sources":["../src/components/wrapper/functions.ts"],"sourcesContent":["import { KeyValue, Theme } from \"./interfaces\";\n\n/**\n *\n * @param baseTheme - our library's base theme with all the variants that we have established.\n * @param clientsTheme - the client's theme, which holds any other theming variants the client has ceated in their own project.\n *\n * @returns - a merged theme object, containing both our styling variants and the client's.\n */\n\nexport const mergeThemes = (\n  baseTheme: Theme,\n  clientsTheme: Theme = {},\n  allowOverriding = false\n): Theme => {\n  let mergedTheme: Theme = {};\n\n  // Extract all keys from our base theme and our client's theme - these would be variants/forms/text/buttons etc.\n  const baseThemeKeys = Object.keys(baseTheme);\n  let clientsThemeKeys = Object.keys(clientsTheme);\n\n  // Check if the client overrides any of the base theme variants. If they do, throw an error.\n  !allowOverriding &&\n    checkIfClientOverridesBaseThemeVariants(baseTheme, clientsTheme);\n\n  // Start the operation of building our merged theme\n  baseThemeKeys.forEach((themeKey: string) => {\n    // If this section is not an object, for example 'breakpoints', which is an array of strings, then we don't want to itterate over the array, but just insert it to the them and finish this loop.\n\n    const section = baseTheme[themeKey];\n    if (Array.isArray(section)) {\n      // If the client has a similar section, we priorotize their values here and allow them to over write ours.\n      if (clientsTheme[themeKey]) {\n        mergedTheme = { ...mergedTheme, [themeKey]: clientsTheme[themeKey] };\n      } else {\n        mergedTheme = { ...mergedTheme, [themeKey]: baseTheme[themeKey] };\n      }\n    }\n\n    // If this section IS and object, then we want to itterate over its keys and unpack it\n    else {\n      // Extract the keys of all the variants from the current section in the base theme\n      const baseThemeSectionKeys = Object.keys(baseTheme[themeKey]);\n\n      // Declare the clients theme section keys for this current section\n      let clientsThemeSectionKeys: string[] | undefined;\n\n      // If the clients theme has this section, extract the keys of all the variants from the current section in the client's theme\n      if (clientsTheme[themeKey]) {\n        clientsThemeSectionKeys = Object.keys(clientsTheme[themeKey]);\n      }\n\n      // Add all the variants of this current section from the base theme to the merged theme\n      const section = baseTheme[themeKey];\n      if (!Array.isArray(section))\n        mergedTheme = addSectionToTheme(\n          baseThemeSectionKeys,\n          mergedTheme,\n          section,\n          themeKey\n        );\n\n      // If the client's section keys for this section aren't undefined (meaning the client has not added anything under this section in their theme) then skip. Otherwise, we add their variants for this current section to the merged theme.\n      if (clientsThemeSectionKeys?.length) {\n        const section = clientsTheme[themeKey];\n\n        // If this section is an instant of KeyValue\n        if (!Array.isArray(section))\n          mergedTheme = addSectionToTheme(\n            clientsThemeSectionKeys,\n            mergedTheme,\n            section,\n            themeKey\n          );\n      }\n    }\n\n    // We remove this current theme key (the section) from the client's theme keys as we've already unpacked all that it carried\n    clientsThemeKeys = clientsThemeKeys.filter((key) => key !== themeKey);\n  });\n\n  // We start itterating over the remaining keys in he client's theme keys (those are the sections that were unique to the user's theme, that we haven't included in our theme).\n  clientsThemeKeys.forEach((themeKey: string) => {\n    // If this section is not an object, for example 'breakpoints', which is an array of strings, then we don't want to itterate over the array, but just insert it to the them and finish this loop.\n\n    const section = clientsTheme[themeKey];\n\n    if (Array.isArray(section)) {\n      mergedTheme = { ...mergedTheme, [themeKey]: clientsTheme[themeKey] };\n    }\n\n    // If this section IS a non empty object, then we want to itterate over its keys and unpack it\n    else if (Object.keys(clientsTheme[themeKey]).length) {\n      const clientsThemeSectionKeys = Object.keys(clientsTheme[themeKey]);\n      mergedTheme = addSectionToTheme(\n        clientsThemeSectionKeys,\n        mergedTheme,\n        section,\n        themeKey\n      );\n    }\n  });\n  return mergedTheme;\n};\n\n/**\n *\n * @param themeSectionKeys - Array of all the keys for this current section. These are second level keys when looking at the theme. An example section might be \"buttons\" and some of the keys will have in this array would be \"_cta\", \"_circle\", \"_square\" etc.\n * @param mergedTheme - The most updated version of our final theme. We use it to unpack where needed, so we won't overwrite previously added sections.\n * @param themeToUnpack - The theme we are currently unpacking (baseTheme or the clientTheme)\n * @param themeKey - The key of the section we are currently unpacking. Following the example from above, this will be \"buttons\".\n *\n * @returns - An updated theme after adding all the keys of this section.\n */\nconst addSectionToTheme = (\n  themeSectionKeys: string[],\n  mergedTheme: Theme,\n  sectionToUnpack: KeyValue,\n  themeKey: string\n): Theme => {\n  // The updated theme object that we'll be returning after adding this section\n  let updatedTheme: Theme = {};\n\n  themeSectionKeys.forEach((sectionKey: string) => {\n    const subSection = sectionToUnpack[sectionKey];\n\n    if (\n      Array.isArray(subSection) ||\n      typeof subSection === \"number\" ||\n      typeof subSection === \"string\"\n    ) {\n      updatedTheme = {\n        ...mergedTheme,\n        [themeKey]: {\n          ...mergedTheme[themeKey],\n          ...updatedTheme[themeKey],\n          [sectionKey]: subSection,\n        },\n      };\n    } else {\n      updatedTheme = {\n        ...mergedTheme,\n        [themeKey]: {\n          ...mergedTheme[themeKey],\n          ...updatedTheme[themeKey],\n          [sectionKey]: { ...subSection },\n        },\n      };\n    }\n  });\n  return updatedTheme;\n};\n\n/**\n *\n * @param baseTheme - The theme that we provide.\n * @param clientsTheme - The theme that the client provides\n *\n * Throws an error if we have overlapping keys. Otherwise, returns nothing and allows our function to continue its work.\n */\nconst checkIfClientOverridesBaseThemeVariants = (\n  baseTheme: Theme,\n  clientsTheme: Theme\n) => {\n  const baseThemeKeys = Object.keys(baseTheme);\n\n  baseThemeKeys.forEach((themeKey: string) => {\n    const baseThemeSectionKeys = Object.keys(baseTheme[themeKey]);\n    baseThemeSectionKeys.forEach((sectionKey: string) => {\n      const clentsThemeSection = clientsTheme[themeKey];\n      if (\n        clentsThemeSection &&\n        !Array.isArray(clentsThemeSection) &&\n        clentsThemeSection[sectionKey]\n      ) {\n        throw new Error(\n          `Variant ${sectionKey} already exists under ${themeKey} in SelfDecode's base theme library. Please choose a different name`\n        );\n      }\n    });\n  });\n};\n"],"names":["mergeThemes","baseTheme","clientsTheme","allowOverriding","mergedTheme","baseThemeKeys","clientsThemeKeys","checkIfClientOverridesBaseThemeVariants","themeKey","section","baseThemeSectionKeys","clientsThemeSectionKeys","addSectionToTheme","key","themeSectionKeys","sectionToUnpack","updatedTheme","sectionKey","subSection","clentsThemeSection"],"mappings":"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"}

package/lib/sd-component-library171.js

@@ -1,103 +1,6 @@
-import { j as t } from "./sd-component-library197.js";
-import w, { useRef as c, useEffect as y } from "react";
-import { Box as o } from "rebass";
-import { ReactComponent as g } from "./sd-component-library271.js";
-const E = w.forwardRef((x, a) => {
-  const {
-    placement: e,
-    bg: r = "cl_purple",
-    color: p = "cl_white",
-    width: d = ["max-content"],
-    iconColor: m = "#4568F9",
-    iconWidth: h = "16px",
-    children: f,
-    ...u
-  } = x, i = c(null), n = c(null);
-  return y(() => {
-    if (i.current && n.current) {
-      const b = i.current, l = n.current;
-      if (e === "right") {
-        const s = window.getComputedStyle(b).width;
-        l.style.left = `${parseInt(s) + 10}px`;
-      } else {
-        const s = window.getComputedStyle(l).width;
-        l.style.left = `-${parseInt(s) + 10}px`;
-      }
-    }
-  }, [e]), /* @__PURE__ */ t.jsxs(
-    o,
-    {
-      ref: a,
-      "data-testid": "react-element-tooltip",
-      sx: {
-        position: "relative",
-        ".content-box:hover": {
-          "+ .tooltip-box": {
-            opacity: 1,
-            visibility: "visible"
-          }
-        }
-      },
-      children: [
-        /* @__PURE__ */ t.jsx(
-          o,
-          {
-            className: "content-box",
-            sx: { maxWidth: "max-content" },
-            ref: i,
-            children: /* @__PURE__ */ t.jsx(
-              o,
-              {
-                sx: {
-                  path: { transition: "all 0.5s" },
-                  ":hover": {
-                    path: {
-                      fill: r,
-                      stroke: p
-                    }
-                  }
-                },
-                children: /* @__PURE__ */ t.jsx(
-                  g,
-                  {
-                    style: {
-                      width: h,
-                      fill: "none",
-                      stroke: m
-                    }
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          o,
-          {
-            ref: n,
-            className: "tooltip-box",
-            sx: {
-              ...u,
-              bg: r,
-              width: d,
-              transition: "all 0.5s",
-              position: "absolute",
-              padding: "20px",
-              borderRadius: e === "right" ? "0 5px 5px 5px" : "5px 0 5px 5px",
-              top: 0,
-              opacity: 0,
-              visibility: "hidden",
-              zIndex: 1,
-              color: p
-            },
-            children: f
-          }
-        )
-      ]
-    }
-  );
-});
+import * as t from "react";
+const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 9.983 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M1795.1,1135.7l4.66,4.217a.338.338,0,0,0,.462,0l4.66-4.217a.266.266,0,0,0,0-.417l-.5-1.2a.327.327,0,0,0-.231-.091.319.319,0,0,0-.227.091l-3.934,3.557-3.932-3.557a.334.334,0,0,0-.457,0l-.5,1.2a.266.266,0,0,0,0,.417Z", transform: "translate(-1795.001 -1133.985)" }));
 export {
-  E as ReactElementTooltip
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library171.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library171.js","sources":["../src/components/tooltips/react-element-tooltip/react-element-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box, BoxProps } from \"rebass\";\n\nimport { InfoIcon } from \"../base-info-tooltip/assets\";\nimport { ReactElementTooltipProps } from \"./interfaces\";\n\n/**\n * PrimaryInfoTooltip component.\n */\nexport const ReactElementTooltip = React.forwardRef<\n  React.FC<BoxProps>,\n  ReactElementTooltipProps\n>((props, ref) => {\n  const {\n    placement,\n    bg = \"cl_purple\",\n    color = \"cl_white\",\n    width = [\"max-content\"],\n    iconColor = \"#4568F9\",\n    iconWidth = \"16px\",\n    children,\n    ...remainingProps\n  } = props;\n\n  const contentBoxEl = useRef<HTMLDivElement>(null);\n  const tooltipBoxEl = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentBoxEl.current && tooltipBoxEl.current) {\n      const contentBox = contentBoxEl.current;\n      const tooltipBox = tooltipBoxEl.current;\n\n      if (placement === \"right\") {\n        const boxWidth = window.getComputedStyle(contentBox).width;\n        tooltipBox.style.left = `${parseInt(boxWidth) + 10}px`;\n      } else {\n        const tooltipBoxWidth = window.getComputedStyle(tooltipBox).width;\n        tooltipBox.style.left = `-${parseInt(tooltipBoxWidth) + 10}px`;\n      }\n    }\n  }, [placement]);\n\n  return (\n    <Box\n      ref={ref}\n      data-testid=\"react-element-tooltip\"\n      sx={{\n        position: \"relative\",\n        \".content-box:hover\": {\n          \"+ .tooltip-box\": {\n            opacity: 1,\n            visibility: \"visible\",\n          },\n        },\n      }}\n    >\n      <Box\n        className=\"content-box\"\n        sx={{ maxWidth: \"max-content\" }}\n        ref={contentBoxEl}\n      >\n        <Box\n          sx={{\n            path: { transition: \"all 0.5s\" },\n            \":hover\": {\n              path: {\n                fill: bg,\n                stroke: color,\n              },\n            },\n          }}\n        >\n          <InfoIcon\n            style={{\n              width: iconWidth,\n              fill: \"none\",\n              stroke: iconColor,\n            }}\n          />\n        </Box>\n      </Box>\n      <Box\n        ref={tooltipBoxEl}\n        className=\"tooltip-box\"\n        sx={{\n          ...remainingProps,\n          bg: bg,\n          width: width,\n          transition: \"all 0.5s\",\n          position: \"absolute\",\n          padding: \"20px\",\n          borderRadius:\n            placement === \"right\" ? \"0 5px 5px 5px\" : \"5px 0 5px 5px\",\n          top: 0,\n          opacity: 0,\n          visibility: \"hidden\",\n          zIndex: 1,\n          color: color,\n        }}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n});\n"],"names":["ReactElementTooltip","React","props","ref","placement","bg","color","width","iconColor","iconWidth","children","remainingProps","contentBoxEl","useRef","tooltipBoxEl","useEffect","contentBox","tooltipBox","boxWidth","tooltipBoxWidth","jsxs","Box","jsx","InfoIcon"],"mappings":";;;;AAUO,MAAMA,IAAsBC,EAAM,WAGvC,CAACC,GAAOC,MAAQ;AACV,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,IAAAC,IAAK;AAAA,IACL,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ,CAAC,aAAa;AAAA,IACtB,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GAEEU,IAAeC,EAAuB,IAAI,GAC1CC,IAAeD,EAAuB,IAAI;AAEhD,SAAAE,EAAU,MAAM;AACV,QAAAH,EAAa,WAAWE,EAAa,SAAS;AAChD,YAAME,IAAaJ,EAAa,SAC1BK,IAAaH,EAAa;AAEhC,UAAIV,MAAc,SAAS;AACzB,cAAMc,IAAW,OAAO,iBAAiBF,CAAU,EAAE;AACrD,QAAAC,EAAW,MAAM,OAAO,GAAG,SAASC,CAAQ,IAAI,EAAE;AAAA,MAAA,OAC7C;AACL,cAAMC,IAAkB,OAAO,iBAAiBF,CAAU,EAAE;AAC5D,QAAAA,EAAW,MAAM,OAAO,IAAI,SAASE,CAAe,IAAI,EAAE;AAAA,MAC5D;AAAA,IACF;AAAA,EAAA,GACC,CAACf,CAAS,CAAC,GAGZgB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAlB;AAAA,MACA,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,sBAAsB;AAAA,UACpB,kBAAkB;AAAA,YAChB,SAAS;AAAA,YACT,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAmB,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,EAAE,UAAU,cAAc;AAAA,YAC9B,KAAKT;AAAA,YAEL,UAAAU,gBAAAA,EAAA;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,MAAM,EAAE,YAAY,WAAW;AAAA,kBAC/B,UAAU;AAAA,oBACR,MAAM;AAAA,sBACJ,MAAMhB;AAAA,sBACN,QAAQC;AAAA,oBACV;AAAA,kBACF;AAAA,gBACF;AAAA,gBAEA,UAAAgB,gBAAAA,EAAA;AAAA,kBAACC;AAAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,sBACL,OAAOd;AAAA,sBACP,MAAM;AAAA,sBACN,QAAQD;AAAA,oBACV;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,QACAc,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,WAAU;AAAA,YACV,IAAI;AAAA,cACF,GAAGH;AAAA,cACH,IAAAN;AAAA,cACA,OAAAE;AAAA,cACA,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,SAAS;AAAA,cACT,cACEH,MAAc,UAAU,kBAAkB;AAAA,cAC5C,KAAK;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,OAAAE;AAAA,YACF;AAAA,YAEC,UAAAI;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"sd-component-library171.js","sources":["../src/components/feature-explanation/assets/dropdown-arrow.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5Ljk4MyA2LjAyMSI+CiAgICA8cGF0aCBkPSJNMTc5NS4xLDExMzUuN2w0LjY2LDQuMjE3YS4zMzguMzM4LDAsMCwwLC40NjIsMGw0LjY2LTQuMjE3YS4yNjYuMjY2LDAsMCwwLDAtLjQxN2wtLjUtMS4yYS4zMjcuMzI3LDAsMCwwLS4yMzEtLjA5MS4zMTkuMzE5LDAsMCwwLS4yMjcuMDkxbC0zLjkzNCwzLjU1Ny0zLjkzMi0zLjU1N2EuMzM0LjMzNCwwLDAsMC0uNDU3LDBsLS41LDEuMmEuMjY2LjI2NiwwLDAsMCwwLC40MTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc5NS4wMDEgLTExMzMuOTg1KSIvPgo8L3N2Zz4=\""],"names":["SvgDropdownArrow","props","React"],"mappings":";AACK,MAACA,IAAmB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,0NAA0N,WAAW,kCAAkC,CAAC;"}