@activecollab/components 2.0.303 → 2.0.305

package/dist/esm/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["React","forwardRef","classNames","Typography","Label","_ref","ref","invalid","required","size","children","className","weight","htmlFor","props","_objectWithoutPropertiesLoose","_excluded","color","variant","createElement","_extends","as","displayName"],"sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n  htmlFor?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      htmlFor,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        htmlFor={htmlFor}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAA2BC,UAAU,QAAQ,0BAA0B;AASvE,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAI7B,CAAAI,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;MACEC,OAAO,GAAG,KAAK;MACfC,QAAQ,GAAG,KAAK;MAChBC,IAAI,GAAG,SAAS;MAChBC,QAAQ;MACRC,SAAS;MACTC,MAAM,GAAG,MAAM;MACfC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIV,MAAMC,KAAK,GAAGV,OAAO,GAAG,OAAO,GAAG,SAAS;EAC3C,MAAMW,OAAO,GAAGT,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,WAAW;EAE3D,oBACET,KAAA,CAAAmB,aAAA,CAAChB,UAAU,EAAAiB,QAAA;IACTC,EAAE,EAAC,OAAO;IACVV,SAAS,EAAET,UAAU,CAAC,SAAS,EAAES,SAAS,CAAE;IAC5CO,OAAO,EAAEA,OAAQ;IACjBD,KAAK,EAAEA,KAAM;IACbL,MAAM,EAAEA,MAAO;IACfN,GAAG,EAAEA,GAAI;IACTO,OAAO,EAAEA;EAAQ,GACbC,KAAK,GAERJ,QAAQ,EACRF,QAAQ,GAAG,GAAG,GAAG,IACR,CAAC;AAEjB,CACF,CAAC;AAEDJ,KAAK,CAACkB,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Label.js","names":["React","forwardRef","classNames","Typography","Label","_ref","ref","_ref$invalid","invalid","_ref$required","required","_ref$size","size","children","className","_ref$weight","weight","htmlFor","props","_objectWithoutPropertiesLoose","_excluded","color","variant","createElement","_extends","as","displayName"],"sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n  htmlFor?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      htmlFor,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        htmlFor={htmlFor}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAA2BC,UAAU,QAAQ,0BAA0B;AASvE,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAI7B,CAAAI,IAAA,EAWEC,GAAG,KACA;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAVDG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAE,aAAA,GAAAJ,IAAA,CACfK,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,SAAA,GAAAN,IAAA,CAChBO,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAChBE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,SAAS,GAAAT,IAAA,CAATS,SAAS;IAAAC,WAAA,GAAAV,IAAA,CACTW,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IACfE,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACJC,KAAK,GAAAC,6BAAA,CAAAd,IAAA,EAAAe,SAAA;EAIV,MAAMC,KAAK,GAAGb,OAAO,GAAG,OAAO,GAAG,SAAS;EAC3C,MAAMc,OAAO,GAAGV,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,WAAW;EAE3D,oBACEZ,KAAA,CAAAuB,aAAA,CAACpB,UAAU,EAAAqB,QAAA;IACTC,EAAE,EAAC,OAAO;IACVX,SAAS,EAAEZ,UAAU,CAAC,SAAS,EAAEY,SAAS,CAAE;IAC5CQ,OAAO,EAAEA,OAAQ;IACjBD,KAAK,EAAEA,KAAM;IACbL,MAAM,EAAEA,MAAO;IACfV,GAAG,EAAEA,GAAI;IACTW,OAAO,EAAEA;EAAQ,GACbC,KAAK,GAERL,QAAQ,EACRH,QAAQ,GAAG,GAAG,GAAG,IACR,CAAC;AAEjB,CACF,CAAC;AAEDN,KAAK,CAACsB,WAAW,GAAG,OAAO","ignoreList":[]}

package/dist/esm/components/Links/BackLink.js

@@ -8,10 +8,8 @@ import { StyledBackLink } from "./Styles";
  * Back link component
  */
 export const BackLink = _ref => {
-  let {
-      children,
-      className
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledBackLink, _extends({
     className: classNames("c-back-link", className)

package/dist/esm/components/Links/BackLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackLink.js","names":["React","classNames","StyledBackLink","BackLink","_ref","children","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Links/BackLink.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledBackLink } from \"./Styles\";\n\nexport interface IBackLinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: string;\n  /** CSS classes */\n  className?: string;\n}\n/**\n * Back link component\n */\nexport const BackLink: FC<IBackLinkProps> = ({\n  children,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledBackLink className={classNames(\"c-back-link\", className)} {...args}>\n      {children}\n    </StyledBackLink>\n  );\n};\n\nBackLink.displayName = \"BackLink\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAkC,OAAO;AAErD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAQzC;AACA;AACA;AACA,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAItC;EAAA,IAJuC;MAC3CC,QAAQ;MACRC;IAEF,CAAC,GAAAF,IAAA;IADIG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAEP,oBACET,KAAA,CAAAU,aAAA,CAACR,cAAc,EAAAS,QAAA;IAACL,SAAS,EAAEL,UAAU,CAAC,aAAa,EAAEK,SAAS;EAAE,GAAKC,IAAI,GACtEF,QACa,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACS,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"BackLink.js","names":["React","classNames","StyledBackLink","BackLink","_ref","children","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Links/BackLink.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledBackLink } from \"./Styles\";\n\nexport interface IBackLinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: string;\n  /** CSS classes */\n  className?: string;\n}\n/**\n * Back link component\n */\nexport const BackLink: FC<IBackLinkProps> = ({\n  children,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledBackLink className={classNames(\"c-back-link\", className)} {...args}>\n      {children}\n    </StyledBackLink>\n  );\n};\n\nBackLink.displayName = \"BackLink\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAkC,OAAO;AAErD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAQzC;AACA;AACA;AACA,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAItC;EAAA,IAHJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACNC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAEP,oBACET,KAAA,CAAAU,aAAA,CAACR,cAAc,EAAAS,QAAA;IAACL,SAAS,EAAEL,UAAU,CAAC,aAAa,EAAEK,SAAS;EAAE,GAAKC,IAAI,GACtEF,QACa,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACS,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/components/Links/Link.js

@@ -9,15 +9,16 @@ import OpenExpandedIcon from "../Icons/collection/OpenExpanded";
  * Link component
  */
 export const Link = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      as,
-      children,
-      variant = "contained",
-      size,
-      disabled = false,
-      className,
-      isExternal = false
-    } = _ref,
+  let as = _ref.as,
+    children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
+    size = _ref.size,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    className = _ref.className,
+    _ref$isExternal = _ref.isExternal,
+    isExternal = _ref$isExternal === void 0 ? false : _ref$isExternal,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   const Component = as || "a";
   return /*#__PURE__*/React.createElement(StyledLink, _extends({

package/dist/esm/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","OpenExpandedIcon","Link","_ref","ref","as","children","variant","size","disabled","className","isExternal","args","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","Object","Array","$iconOnly","map","value","index","key","width","height","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport OpenExpandedIcon from \"../Icons/collection/OpenExpanded\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\"\n    | \"text link-primary\"\n    | \"text link-gray\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n  /** Renders an OpenExpanded icon to the right of children */\n  isExternal?: boolean;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n  props: LinkProps<C>\n) => React.ReactElement | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\n  <C extends React.ElementType = \"a\">(\n    {\n      as,\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      isExternal = false,\n      ...args\n    }: LinkProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n\n    return (\n      <StyledLink\n        ref={ref}\n        as={Component}\n        disabled={disabled}\n        className={classNames(\"c-link\", className, {\n          \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-link--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-link--dark_transparent\": variant === \"dark transparent\",\n          \"c-link--circle_raised\": variant === \"circle raised\",\n          \"c-link--big\": size === \"big\",\n          \"c-link--small\": size === \"small\",\n          \"c-link--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n          \"c-link--disabled\": disabled,\n        })}\n        variant={variant}\n        size={size}\n        $iconOnly={children instanceof Object && !(children instanceof Array)}\n        {...args}\n      >\n        {children instanceof Array || isExternal ? (\n          <StyledLinkElements className=\"c-link__elements\">\n            {(children instanceof Array ? children : [children]).map(\n              (value, index) =>\n                value ? (\n                  <StyledLinkElement\n                    className=\"c-link__elements__element\"\n                    key={index}\n                  >\n                    {value}\n                  </StyledLinkElement>\n                ) : null\n            )}\n            {isExternal && (\n              <StyledLinkElement className=\"c-link__elements__element\">\n                <OpenExpandedIcon width={16} height={16} />\n              </StyledLinkElement>\n            )}\n          </StyledLinkElements>\n        ) : (\n          children\n        )}\n      </StyledLink>\n    );\n  }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAmCC,UAAU,QAAQ,OAAO;AAExE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,UAAU;AAK5E,OAAOC,gBAAgB,MAAM,kCAAkC;AAoC/D;AACA;AACA;AACA,OAAO,MAAMC,IAA8C,gBAAGN,UAAU,CAGtE,CAAAO,IAAA,EAWEC,GAAuB,KACpB;EAAA,IAXH;MACEC,EAAE;MACFC,QAAQ;MACRC,OAAO,GAAG,WAAW;MACrBC,IAAI;MACJC,QAAQ,GAAG,KAAK;MAChBC,SAAS;MACTC,UAAU,GAAG;IAED,CAAC,GAAAR,IAAA;IADVS,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIT,MAAMC,SAAS,GAAGV,EAAE,IAAI,GAAG;EAE3B,oBACEV,KAAA,CAAAqB,aAAA,CAAClB,UAAU,EAAAmB,QAAA;IACTb,GAAG,EAAEA,GAAI;IACTC,EAAE,EAAEU,SAAU;IACdN,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEb,UAAU,CAAC,QAAQ,EAAEa,SAAS,EAAE;MACzC,mBAAmB,EAAEH,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACrE,kBAAkB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACrE,sBAAsB,EACpBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,mBAAmB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACpE,0BAA0B,EAAEA,OAAO,KAAK,kBAAkB;MAC1D,uBAAuB,EAAEA,OAAO,KAAK,eAAe;MACpD,aAAa,EAAEC,IAAI,KAAK,KAAK;MAC7B,eAAe,EAAEA,IAAI,KAAK,OAAO;MACjC,mBAAmB,EACjBF,QAAQ,YAAYY,MAAM,IAAI,EAAEZ,QAAQ,YAAYa,KAAK,CAAC;MAC5D,kBAAkB,EAAEV;IACtB,CAAC,CAAE;IACHF,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXY,SAAS,EAAEd,QAAQ,YAAYY,MAAM,IAAI,EAAEZ,QAAQ,YAAYa,KAAK;EAAE,GAClEP,IAAI,GAEPN,QAAQ,YAAYa,KAAK,IAAIR,UAAU,gBACtChB,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IAACU,SAAS,EAAC;EAAkB,GAC7C,CAACJ,QAAQ,YAAYa,KAAK,GAAGb,QAAQ,GAAG,CAACA,QAAQ,CAAC,EAAEe,GAAG,CACtD,CAACC,KAAK,EAAEC,KAAK,KACXD,KAAK,gBACH3B,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB;IAChBW,SAAS,EAAC,2BAA2B;IACrCc,GAAG,EAAED;EAAM,GAEVD,KACgB,CAAC,GAClB,IACR,CAAC,EACAX,UAAU,iBACThB,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB;IAACW,SAAS,EAAC;EAA2B,gBACtDf,KAAA,CAAAqB,aAAA,CAACf,gBAAgB;IAACwB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACzB,CAEH,CAAC,GAErBpB,QAEQ,CAAC;AAEjB,CACF,CAAC;AAEDJ,IAAI,CAACyB,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"file":"Link.js","names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","OpenExpandedIcon","Link","_ref","ref","as","children","_ref$variant","variant","size","_ref$disabled","disabled","className","_ref$isExternal","isExternal","args","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","Object","Array","$iconOnly","map","value","index","key","width","height","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport OpenExpandedIcon from \"../Icons/collection/OpenExpanded\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\"\n    | \"text link-primary\"\n    | \"text link-gray\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n  /** Renders an OpenExpanded icon to the right of children */\n  isExternal?: boolean;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n  props: LinkProps<C>\n) => React.ReactElement | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\n  <C extends React.ElementType = \"a\">(\n    {\n      as,\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      isExternal = false,\n      ...args\n    }: LinkProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n\n    return (\n      <StyledLink\n        ref={ref}\n        as={Component}\n        disabled={disabled}\n        className={classNames(\"c-link\", className, {\n          \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-link--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-link--dark_transparent\": variant === \"dark transparent\",\n          \"c-link--circle_raised\": variant === \"circle raised\",\n          \"c-link--big\": size === \"big\",\n          \"c-link--small\": size === \"small\",\n          \"c-link--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n          \"c-link--disabled\": disabled,\n        })}\n        variant={variant}\n        size={size}\n        $iconOnly={children instanceof Object && !(children instanceof Array)}\n        {...args}\n      >\n        {children instanceof Array || isExternal ? (\n          <StyledLinkElements className=\"c-link__elements\">\n            {(children instanceof Array ? children : [children]).map(\n              (value, index) =>\n                value ? (\n                  <StyledLinkElement\n                    className=\"c-link__elements__element\"\n                    key={index}\n                  >\n                    {value}\n                  </StyledLinkElement>\n                ) : null\n            )}\n            {isExternal && (\n              <StyledLinkElement className=\"c-link__elements__element\">\n                <OpenExpandedIcon width={16} height={16} />\n              </StyledLinkElement>\n            )}\n          </StyledLinkElements>\n        ) : (\n          children\n        )}\n      </StyledLink>\n    );\n  }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/List/List.js

@@ -6,10 +6,8 @@ import { ListItem } from "./ListItem";
 import { ListSeparator } from "./ListSeparator";
 import { StyledList } from "./Styles";
 export const _List = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledList, _extends({
     className: className,

package/dist/esm/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","forwardRef","ListItem","ListSeparator","StyledList","_List","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","tabIndex","displayName","List","Object","assign","Item","Separator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const _List = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n  Item: ListItem,\n  Separator: ListSeparator,\n});\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AAOrC,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,CAAAK,IAAA,EAMEC,GAA6C,KAC1C;EAAA,IANH;MACEC,QAAQ;MACRC;IAE+D,CAAC,GAAAH,IAAA;IAD7DI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEZ,KAAA,CAAAa,aAAA,CAACT,UAAU,EAAAU,QAAA;IAACL,SAAS,EAAEA,SAAU;IAACF,GAAG,EAAEA,GAAI;IAACQ,QAAQ,EAAE,CAAC;EAAE,GAAKL,KAAK,GAChEF,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,KAAK,CAACW,WAAW,GAAG,MAAM;;AAE1B;AACA,OAAO,MAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEd,KAAK,EAAE;EAC3Ce,IAAI,EAAElB,QAAQ;EACdmB,SAAS,EAAElB;AACb,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"List.js","names":["React","forwardRef","ListItem","ListSeparator","StyledList","_List","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","tabIndex","displayName","List","Object","assign","Item","Separator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const _List = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n  Item: ListItem,\n  Separator: ListSeparator,\n});\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AAOrC,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,CAAAK,IAAA,EAMEC,GAA6C,KAC1C;EAAA,IALDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACNC,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEZ,KAAA,CAAAa,aAAA,CAACT,UAAU,EAAAU,QAAA;IAACL,SAAS,EAAEA,SAAU;IAACF,GAAG,EAAEA,GAAI;IAACQ,QAAQ,EAAE,CAAC;EAAE,GAAKL,KAAK,GAChEF,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,KAAK,CAACW,WAAW,GAAG,MAAM;;AAE1B;AACA,OAAO,MAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEd,KAAK,EAAE;EAC3Ce,IAAI,EAAElB,QAAQ;EACdmB,SAAS,EAAElB;AACb,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/List/ListItem.js

@@ -5,10 +5,8 @@ import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledListItem } from "./Styles";
 export const ListItem = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledListItem, _extends({
     className: classnames("c-list-item", className),

package/dist/esm/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","tabIndex","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  PropsWithChildren,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n  className?: string;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n        tabIndex={0}\n        {...props}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAMzC,OAAO,MAAMC,QAAQ,gBAAGH,UAAU,CAChC,CAAAI,IAAA,EAMEC,GAA0C,KACvC;EAAA,IANH;MACEC,QAAQ;MACRC;IAEgE,CAAC,GAAAH,IAAA;IAD9DI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEX,KAAA,CAAAY,aAAA,CAACT,cAAc,EAAAU,QAAA;IACbL,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDF,GAAG,EAAEA,GAAI;IACTQ,QAAQ,EAAE;EAAE,GACRL,KAAK,GAERF,QACa,CAAC;AAErB,CACF,CAAC;AAEDH,QAAQ,CAACW,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","tabIndex","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  PropsWithChildren,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n  className?: string;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n        tabIndex={0}\n        {...props}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAMzC,OAAO,MAAMC,QAAQ,gBAAGH,UAAU,CAChC,CAAAI,IAAA,EAMEC,GAA0C,KACvC;EAAA,IALDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACNC,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEX,KAAA,CAAAY,aAAA,CAACT,cAAc,EAAAU,QAAA;IACbL,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDF,GAAG,EAAEA,GAAI;IACTQ,QAAQ,EAAE;EAAE,GACRL,KAAK,GAERF,QACa,CAAC;AAErB,CACF,CAAC;AAEDH,QAAQ,CAACW,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/components/List/ListSeparator.js

@@ -5,9 +5,7 @@ import React from "react";
 import classnames from "classnames";
 import { StyledListSeparator } from "./Styles";
 export const ListSeparator = _ref => {
-  let {
-      className
-    } = _ref,
+  let className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledListSeparator, _extends({
     className: classnames("c-list-separator", className)

package/dist/esm/components/List/ListSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","_ref","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n      {...props}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAGS;EAAA,IAHR;MAC5BC;IAE8B,CAAC,GAAAD,IAAA;IAD5BE,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,oBACER,KAAA,CAAAS,aAAA,CAACP,mBAAmB,EAAAQ,QAAA;IAClBL,SAAS,EAAEJ,UAAU,CAAC,kBAAkB,EAAEI,SAAS;EAAE,GACjDC,KAAK,CACV,CAAC;AAEN,CAAC;AAEDH,aAAa,CAACQ,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","_ref","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n      {...props}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAGS;EAAA,IAFpCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACNC,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,oBACER,KAAA,CAAAS,aAAA,CAACP,mBAAmB,EAAAQ,QAAA;IAClBL,SAAS,EAAEJ,UAAU,CAAC,kBAAkB,EAAEI,SAAS;EAAE,GACjDC,KAAK,CACV,CAAC;AAEN,CAAC;AAEDH,aAAa,CAACQ,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/components/Loaders/Dots/DotsLoader.js

@@ -5,9 +5,7 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledDotsLoader } from "./Styles";
 export const DotsLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className
-    } = _ref,
+  let className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledDotsLoader, _extends({
     ref: ref,

package/dist/esm/components/Loaders/Dots/DotsLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsLoader.js","names":["React","forwardRef","classNames","StyledDotsLoader","DotsLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledDotsLoader } from \"./Styles\";\n\nexport const DotsLoader = forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledDotsLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--dots\", className)}\n      {...rest}\n    >\n      <span />\n      <span />\n      <span />\n    </StyledDotsLoader>\n  );\n});\n\nDotsLoader.displayName = \"DotsLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,OAAO,MAAMC,UAAU,gBAAGH,UAAU,CAGlC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;MAAEC;IAAmB,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,gBAAgB,EAAAS,QAAA;IACfN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,yBAAyB,EAAEK,SAAS;EAAE,GACxDC,IAAI,gBAERR,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFP,UAAU,CAACS,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"DotsLoader.js","names":["React","forwardRef","classNames","StyledDotsLoader","DotsLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledDotsLoader } from \"./Styles\";\n\nexport const DotsLoader = forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledDotsLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--dots\", className)}\n      {...rest}\n    >\n      <span />\n      <span />\n      <span />\n    </StyledDotsLoader>\n  );\n});\n\nDotsLoader.displayName = \"DotsLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,OAAO,MAAMC,UAAU,gBAAGH,UAAU,CAGlC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAA9BC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,gBAAgB,EAAAS,QAAA;IACfN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,yBAAyB,EAAEK,SAAS;EAAE,GACxDC,IAAI,gBAERR,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFP,UAAU,CAACS,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/Loaders/Linear/LinearLoader.js

@@ -4,13 +4,16 @@ const _excluded = ["height", "activeStrokeColor", "inactiveStrokeColor", "active
 import React, { forwardRef } from "react";
 import { StyledLinearLoader } from "./Styles";
 export const LinearLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      height = 4,
-      activeStrokeColor = "var(--color-secondary)",
-      inactiveStrokeColor = "var(--color-theme-transparent-300)",
-      activeColorPercentage = "25%",
-      animationDuration = 0.75
-    } = _ref,
+  let _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 4 : _ref$height,
+    _ref$activeStrokeColo = _ref.activeStrokeColor,
+    activeStrokeColor = _ref$activeStrokeColo === void 0 ? "var(--color-secondary)" : _ref$activeStrokeColo,
+    _ref$inactiveStrokeCo = _ref.inactiveStrokeColor,
+    inactiveStrokeColor = _ref$inactiveStrokeCo === void 0 ? "var(--color-theme-transparent-300)" : _ref$inactiveStrokeCo,
+    _ref$activeColorPerce = _ref.activeColorPercentage,
+    activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
+    _ref$animationDuratio = _ref.animationDuration,
+    animationDuration = _ref$animationDuratio === void 0 ? 0.75 : _ref$animationDuratio,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledLinearLoader, _extends({
     ref: ref,

package/dist/esm/components/Loaders/Linear/LinearLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearLoader.js","names":["React","forwardRef","StyledLinearLoader","LinearLoader","_ref","ref","height","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","animationDuration","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$height","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$animationDuration","displayName"],"sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledLinearLoader } from \"./Styles\";\n\nexport interface LinearLoaderProps {\n  height?: number;\n  activeStrokeColor?: string;\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  inactiveStrokeColor?: string;\n  animationDuration?: number;\n}\n\nexport const LinearLoader = forwardRef<HTMLDivElement, LinearLoaderProps>(\n  (\n    {\n      height = 4,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      animationDuration = 0.75,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledLinearLoader\n        ref={ref}\n        $height={height}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $animationDuration={animationDuration}\n        {...rest}\n      />\n    );\n  }\n);\n\nLinearLoader.displayName = \"LinearLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,UAAU;AAU7C,OAAO,MAAMC,YAAY,gBAAGF,UAAU,CACpC,CAAAG,IAAA,EASEC,GAAG,KACA;EAAA,IATH;MACEC,MAAM,GAAG,CAAC;MACVC,iBAAiB,GAAG,wBAAwB;MAC5CC,mBAAmB,GAAG,oCAAoC;MAC1DC,qBAAqB,GAAG,KAAK;MAC7BC,iBAAiB,GAAG;IAEtB,CAAC,GAAAN,IAAA;IADIO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,oBACEb,KAAA,CAAAc,aAAA,CAACZ,kBAAkB,EAAAa,QAAA;IACjBV,GAAG,EAAEA,GAAI;IACTW,OAAO,EAAEV,MAAO;IAChBW,kBAAkB,EAAEV,iBAAkB;IACtCW,oBAAoB,EAAEV,mBAAoB;IAC1CW,sBAAsB,EAAEV,qBAAsB;IAC9CW,kBAAkB,EAAEV;EAAkB,GAClCC,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDR,YAAY,CAACkB,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"file":"LinearLoader.js","names":["React","forwardRef","StyledLinearLoader","LinearLoader","_ref","ref","_ref$height","height","_ref$activeStrokeColo","activeStrokeColor","_ref$inactiveStrokeCo","inactiveStrokeColor","_ref$activeColorPerce","activeColorPercentage","_ref$animationDuratio","animationDuration","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$height","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$animationDuration","displayName"],"sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledLinearLoader } from \"./Styles\";\n\nexport interface LinearLoaderProps {\n  height?: number;\n  activeStrokeColor?: string;\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  inactiveStrokeColor?: string;\n  animationDuration?: number;\n}\n\nexport const LinearLoader = forwardRef<HTMLDivElement, LinearLoaderProps>(\n  (\n    {\n      height = 4,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      animationDuration = 0.75,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledLinearLoader\n        ref={ref}\n        $height={height}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $animationDuration={animationDuration}\n        {...rest}\n      />\n    );\n  }\n);\n\nLinearLoader.displayName = \"LinearLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,UAAU;AAU7C,OAAO,MAAMC,YAAY,gBAAGF,UAAU,CACpC,CAAAG,IAAA,EASEC,GAAG,KACA;EAAA,IAAAC,WAAA,GAAAF,IAAA,CARDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IAAAE,qBAAA,GAAAJ,IAAA,CACVK,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,wBAAwB,GAAAA,qBAAA;IAAAE,qBAAA,GAAAN,IAAA,CAC5CO,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,oCAAoC,GAAAA,qBAAA;IAAAE,qBAAA,GAAAR,IAAA,CAC1DS,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAV,IAAA,CAC7BW,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IACrBE,IAAI,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;EAIT,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,kBAAkB,EAAAkB,QAAA;IACjBf,GAAG,EAAEA,GAAI;IACTgB,OAAO,EAAEd,MAAO;IAChBe,kBAAkB,EAAEb,iBAAkB;IACtCc,oBAAoB,EAAEZ,mBAAoB;IAC1Ca,sBAAsB,EAAEX,qBAAsB;IAC9CY,kBAAkB,EAAEV;EAAkB,GAClCC,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDb,YAAY,CAACuB,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js

@@ -5,9 +5,7 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledSkeletonLoader } from "./Styles";
 export const SkeletonLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className
-    } = _ref,
+  let className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledSkeletonLoader, _extends({
     ref: ref,

package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonLoader.js","names":["React","forwardRef","classNames","StyledSkeletonLoader","SkeletonLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Skeleton/SkeletonLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledSkeletonLoader } from \"./Styles\";\n\nexport const SkeletonLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledSkeletonLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--linear\", className)}\n      {...rest}\n    />\n  );\n});\n\nSkeletonLoader.displayName = \"SkeletonLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoB,QAAQ,UAAU;AAE/C,OAAO,MAAMC,cAAc,gBAAGH,UAAU,CAGtC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;MAAEC;IAAmB,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,oBAAoB,EAAAS,QAAA;IACnBN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS;EAAE,GAC1DC,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEFJ,cAAc,CAACS,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"file":"SkeletonLoader.js","names":["React","forwardRef","classNames","StyledSkeletonLoader","SkeletonLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Skeleton/SkeletonLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledSkeletonLoader } from \"./Styles\";\n\nexport const SkeletonLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledSkeletonLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--linear\", className)}\n      {...rest}\n    />\n  );\n});\n\nSkeletonLoader.displayName = \"SkeletonLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoB,QAAQ,UAAU;AAE/C,OAAO,MAAMC,cAAc,gBAAGH,UAAU,CAGtC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAA9BC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,oBAAoB,EAAAS,QAAA;IACnBN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS;EAAE,GAC1DC,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEFJ,cAAc,CAACS,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js

@@ -4,15 +4,19 @@ const _excluded = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor
 import React, { forwardRef } from "react";
 import { StyledSpinnerLoader } from "./Styles";
 export const SpinnerLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      radius = 10,
-      stroke = 2,
-      activeStrokeColor = "var(--color-secondary)",
-      inactiveStrokeColor = "var(--color-theme-transparent-300)",
-      activeColorPercentage = "25%",
-      rotateDurationInSeconds = 0.75,
-      className
-    } = _ref,
+  let _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 10 : _ref$radius,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? 2 : _ref$stroke,
+    _ref$activeStrokeColo = _ref.activeStrokeColor,
+    activeStrokeColor = _ref$activeStrokeColo === void 0 ? "var(--color-secondary)" : _ref$activeStrokeColo,
+    _ref$inactiveStrokeCo = _ref.inactiveStrokeColor,
+    inactiveStrokeColor = _ref$inactiveStrokeCo === void 0 ? "var(--color-theme-transparent-300)" : _ref$inactiveStrokeCo,
+    _ref$activeColorPerce = _ref.activeColorPercentage,
+    activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
+    _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
+    rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
+    className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledSpinnerLoader, _extends({
     ref: ref,

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerLoader.js","names":["React","forwardRef","StyledSpinnerLoader","SpinnerLoader","_ref","ref","radius","stroke","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","rotateDurationInSeconds","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$diameter","$stroke","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$rotateDurationInSeconds","displayName"],"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport interface SpinnerLoaderProps {\n  /** Loader circumference size */\n  radius?: number;\n  /** Stroke width of the loader */\n  stroke?: number;\n  /** Active color of spinning loader */\n  activeStrokeColor?: string;\n  /** Percentage of the circle which the active color takes */\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  /** Inactive color of spinning loader */\n  inactiveStrokeColor?: string;\n  /** Rotate speed of animation in seconds */\n  rotateDurationInSeconds?: number;\n}\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & SpinnerLoaderProps\n>(\n  (\n    {\n      radius = 10,\n      stroke = 2,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      rotateDurationInSeconds = 0.75,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSpinnerLoader\n        ref={ref}\n        className={className}\n        $diameter={radius * 2}\n        $stroke={stroke}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $rotateDurationInSeconds={rotateDurationInSeconds}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,mBAAmB,QAAQ,UAAU;AAiB9C,OAAO,MAAMC,aAAa,gBAAGF,UAAU,CAIrC,CAAAG,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;MACEC,MAAM,GAAG,EAAE;MACXC,MAAM,GAAG,CAAC;MACVC,iBAAiB,GAAG,wBAAwB;MAC5CC,mBAAmB,GAAG,oCAAoC;MAC1DC,qBAAqB,GAAG,KAAK;MAC7BC,uBAAuB,GAAG,IAAI;MAC9BC;IAEF,CAAC,GAAAR,IAAA;IADIS,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIT,oBACEf,KAAA,CAAAgB,aAAA,CAACd,mBAAmB,EAAAe,QAAA;IAClBZ,GAAG,EAAEA,GAAI;IACTO,SAAS,EAAEA,SAAU;IACrBM,SAAS,EAAEZ,MAAM,GAAG,CAAE;IACtBa,OAAO,EAAEZ,MAAO;IAChBa,kBAAkB,EAAEZ,iBAAkB;IACtCa,oBAAoB,EAAEZ,mBAAoB;IAC1Ca,sBAAsB,EAAEZ,qBAAsB;IAC9Ca,wBAAwB,EAAEZ;EAAwB,GAC9CE,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDV,aAAa,CAACqB,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"SpinnerLoader.js","names":["React","forwardRef","StyledSpinnerLoader","SpinnerLoader","_ref","ref","_ref$radius","radius","_ref$stroke","stroke","_ref$activeStrokeColo","activeStrokeColor","_ref$inactiveStrokeCo","inactiveStrokeColor","_ref$activeColorPerce","activeColorPercentage","_ref$rotateDurationIn","rotateDurationInSeconds","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$diameter","$stroke","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$rotateDurationInSeconds","displayName"],"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport interface SpinnerLoaderProps {\n  /** Loader circumference size */\n  radius?: number;\n  /** Stroke width of the loader */\n  stroke?: number;\n  /** Active color of spinning loader */\n  activeStrokeColor?: string;\n  /** Percentage of the circle which the active color takes */\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  /** Inactive color of spinning loader */\n  inactiveStrokeColor?: string;\n  /** Rotate speed of animation in seconds */\n  rotateDurationInSeconds?: number;\n}\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & SpinnerLoaderProps\n>(\n  (\n    {\n      radius = 10,\n      stroke = 2,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      rotateDurationInSeconds = 0.75,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSpinnerLoader\n        ref={ref}\n        className={className}\n        $diameter={radius * 2}\n        $stroke={stroke}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $rotateDurationInSeconds={rotateDurationInSeconds}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,mBAAmB,QAAQ,UAAU;AAiB9C,OAAO,MAAMC,aAAa,gBAAGF,UAAU,CAIrC,CAAAG,IAAA,EAWEC,GAAG,KACA;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAVDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IAAAE,WAAA,GAAAJ,IAAA,CACXK,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IAAAE,qBAAA,GAAAN,IAAA,CACVO,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,wBAAwB,GAAAA,qBAAA;IAAAE,qBAAA,GAAAR,IAAA,CAC5CS,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,oCAAoC,GAAAA,qBAAA;IAAAE,qBAAA,GAAAV,IAAA,CAC1DW,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAZ,IAAA,CAC7Ba,uBAAuB;IAAvBA,uBAAuB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAC9BE,SAAS,GAAAd,IAAA,CAATc,SAAS;IACNC,IAAI,GAAAC,6BAAA,CAAAhB,IAAA,EAAAiB,SAAA;EAIT,oBACErB,KAAA,CAAAsB,aAAA,CAACpB,mBAAmB,EAAAqB,QAAA;IAClBlB,GAAG,EAAEA,GAAI;IACTa,SAAS,EAAEA,SAAU;IACrBM,SAAS,EAAEjB,MAAM,GAAG,CAAE;IACtBkB,OAAO,EAAEhB,MAAO;IAChBiB,kBAAkB,EAAEf,iBAAkB;IACtCgB,oBAAoB,EAAEd,mBAAoB;IAC1Ce,sBAAsB,EAAEb,qBAAsB;IAC9Cc,wBAAwB,EAAEZ;EAAwB,GAC9CE,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDhB,aAAa,CAAC2B,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/components/Localization/LocalizationProvider.js

@@ -13,10 +13,8 @@ const defaultParams = {
 };
 export const LocalizationContext = /*#__PURE__*/React.createContext(defaultParams);
 export const LocalizationProvider = _ref => {
-  let {
-    children,
-    params
-  } = _ref;
+  let children = _ref.children,
+    params = _ref.params;
   const value = useMemo(() => {
     return _extends({}, defaultParams, params);
   }, [params]);

package/dist/esm/components/Localization/LocalizationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizationProvider.js","names":["React","useMemo","defaultParams","locale","dateFormat","timeFormat","decimalSeparator","thousandSeparator","decimalRounding","decimalSpaces","currencyCode","t","value","LocalizationContext","createContext","LocalizationProvider","_ref","children","params","_extends","createElement","Provider","useLocalization","useContext"],"sources":["../../../../src/components/Localization/LocalizationProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from \"react\";\nexport interface ILocalizationContext {\n  locale: string;\n  dateFormat: string;\n  timeFormat: string;\n  decimalSeparator: string;\n  thousandSeparator: string;\n  decimalRounding: number;\n  decimalSpaces: number;\n  currencyCode: string;\n  t: (...args) => string;\n}\n\nconst defaultParams = {\n  locale: \"en-US\",\n  dateFormat: \"MMM D. YYYY\",\n  timeFormat: \"HH:mm a\",\n  decimalSeparator: \".\",\n  thousandSeparator: \",\",\n  decimalRounding: 0,\n  decimalSpaces: 2,\n  currencyCode: \"USD\",\n  t: (value: string) => value,\n};\nexport const LocalizationContext =\n  React.createContext<ILocalizationContext>(defaultParams);\n\ninterface Props {\n  params: Partial<ILocalizationContext>;\n  translator?: (string, props: Record<string, string | number>) => string;\n}\nexport const LocalizationProvider: React.FC<PropsWithChildren<Props>> = ({\n  children,\n  params,\n}) => {\n  const value = useMemo(() => {\n    return {\n      ...defaultParams,\n      ...params,\n    };\n  }, [params]);\n  return (\n    <LocalizationContext.Provider value={value}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport const useLocalization = () => React.useContext(LocalizationContext);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AAazD,MAAMC,aAAa,GAAG;EACpBC,MAAM,EAAE,OAAO;EACfC,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,SAAS;EACrBC,gBAAgB,EAAE,GAAG;EACrBC,iBAAiB,EAAE,GAAG;EACtBC,eAAe,EAAE,CAAC;EAClBC,aAAa,EAAE,CAAC;EAChBC,YAAY,EAAE,KAAK;EACnBC,CAAC,EAAGC,KAAa,IAAKA;AACxB,CAAC;AACD,OAAO,MAAMC,mBAAmB,gBAC9Bb,KAAK,CAACc,aAAa,CAAuBZ,aAAa,CAAC;AAM1D,OAAO,MAAMa,oBAAwD,GAAGC,IAAA,IAGlE;EAAA,IAHmE;IACvEC,QAAQ;IACRC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMJ,KAAK,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAAkB,QAAA,KACKjB,aAAa,EACbgB,MAAM;EAEb,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,oBACElB,KAAA,CAAAoB,aAAA,CAACP,mBAAmB,CAACQ,QAAQ;IAACT,KAAK,EAAEA;EAAM,GACxCK,QAC2B,CAAC;AAEnC,CAAC;AAED,OAAO,MAAMK,eAAe,GAAGA,CAAA,KAAMtB,KAAK,CAACuB,UAAU,CAACV,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"file":"LocalizationProvider.js","names":["React","useMemo","defaultParams","locale","dateFormat","timeFormat","decimalSeparator","thousandSeparator","decimalRounding","decimalSpaces","currencyCode","t","value","LocalizationContext","createContext","LocalizationProvider","_ref","children","params","_extends","createElement","Provider","useLocalization","useContext"],"sources":["../../../../src/components/Localization/LocalizationProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from \"react\";\nexport interface ILocalizationContext {\n  locale: string;\n  dateFormat: string;\n  timeFormat: string;\n  decimalSeparator: string;\n  thousandSeparator: string;\n  decimalRounding: number;\n  decimalSpaces: number;\n  currencyCode: string;\n  t: (...args) => string;\n}\n\nconst defaultParams = {\n  locale: \"en-US\",\n  dateFormat: \"MMM D. YYYY\",\n  timeFormat: \"HH:mm a\",\n  decimalSeparator: \".\",\n  thousandSeparator: \",\",\n  decimalRounding: 0,\n  decimalSpaces: 2,\n  currencyCode: \"USD\",\n  t: (value: string) => value,\n};\nexport const LocalizationContext =\n  React.createContext<ILocalizationContext>(defaultParams);\n\ninterface Props {\n  params: Partial<ILocalizationContext>;\n  translator?: (string, props: Record<string, string | number>) => string;\n}\nexport const LocalizationProvider: React.FC<PropsWithChildren<Props>> = ({\n  children,\n  params,\n}) => {\n  const value = useMemo(() => {\n    return {\n      ...defaultParams,\n      ...params,\n    };\n  }, [params]);\n  return (\n    <LocalizationContext.Provider value={value}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport const useLocalization = () => React.useContext(LocalizationContext);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AAazD,MAAMC,aAAa,GAAG;EACpBC,MAAM,EAAE,OAAO;EACfC,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,SAAS;EACrBC,gBAAgB,EAAE,GAAG;EACrBC,iBAAiB,EAAE,GAAG;EACtBC,eAAe,EAAE,CAAC;EAClBC,aAAa,EAAE,CAAC;EAChBC,YAAY,EAAE,KAAK;EACnBC,CAAC,EAAGC,KAAa,IAAKA;AACxB,CAAC;AACD,OAAO,MAAMC,mBAAmB,gBAC9Bb,KAAK,CAACc,aAAa,CAAuBZ,aAAa,CAAC;AAM1D,OAAO,MAAMa,oBAAwD,GAAGC,IAAA,IAGlE;EAAA,IAFJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,MAAM,GAAAF,IAAA,CAANE,MAAM;EAEN,MAAMN,KAAK,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAAkB,QAAA,KACKjB,aAAa,EACbgB,MAAM;EAEb,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,oBACElB,KAAA,CAAAoB,aAAA,CAACP,mBAAmB,CAACQ,QAAQ;IAACT,KAAK,EAAEA;EAAM,GACxCK,QAC2B,CAAC;AAEnC,CAAC;AAED,OAAO,MAAMK,eAAe,GAAGA,CAAA,KAAMtB,KAAK,CAACuB,UAAU,CAACV,mBAAmB,CAAC","ignoreList":[]}

package/dist/esm/components/Menu/Menu.js

@@ -11,27 +11,35 @@ import { Window } from "../Window";
 // eslint-disable-next-line @typescript-eslint/ban-types
 
 export const Menu = _ref => {
-  let {
-    children,
-    disableFocusLock = false,
-    onMenuClick,
-    handleScroll = true,
-    mode = "normal",
-    open: defaultOpen = false,
-    onOpen,
-    onClose,
-    onBeforeClose,
-    position = "bottom-start",
-    target,
-    className,
-    menuClassName,
-    popperClassName,
-    backgroundElementClass,
-    windowAbsolutelyPositioned = false,
-    onPopperOpen
-  } = _ref;
-  const [open, setOpen] = useState(defaultOpen);
-  const [childNode, setChildNode] = useState();
+  let children = _ref.children,
+    _ref$disableFocusLock = _ref.disableFocusLock,
+    disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+    onMenuClick = _ref.onMenuClick,
+    _ref$handleScroll = _ref.handleScroll,
+    handleScroll = _ref$handleScroll === void 0 ? true : _ref$handleScroll,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "normal" : _ref$mode,
+    _ref$open = _ref.open,
+    defaultOpen = _ref$open === void 0 ? false : _ref$open,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose,
+    onBeforeClose = _ref.onBeforeClose,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom-start" : _ref$position,
+    target = _ref.target,
+    className = _ref.className,
+    menuClassName = _ref.menuClassName,
+    popperClassName = _ref.popperClassName,
+    backgroundElementClass = _ref.backgroundElementClass,
+    _ref$windowAbsolutely = _ref.windowAbsolutelyPositioned,
+    windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely,
+    onPopperOpen = _ref.onPopperOpen;
+  const _useState = useState(defaultOpen),
+    open = _useState[0],
+    setOpen = _useState[1];
+  const _useState2 = useState(),
+    childNode = _useState2[0],
+    setChildNode = _useState2[1];
   const elementRef = useRef(null);
   const isOpenAtLeastOnce = useRef(false);
   useEffect(() => {

package/dist/esm/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["React","useRef","useState","useCallback","useEffect","classnames","MenuContextProvider","StyledMenu","useForkRef","Overlay","Popper","Window","Menu","_ref","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","onPopperOpen","setOpen","childNode","setChildNode","elementRef","isOpenAtLeastOnce","handleRefRef","ref","undefined","handleRef","handleOpen","event","_target$props","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","current","_elementRef$current","focus","createElement","Fragment","cloneElement","disableScrollLock","style","tabIndex","disableBackgroundColor","anchorEl","placement","afterWrite","$mode","onMouseDown","value","displayName"],"sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\n\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Popper } from \"../Popper\";\nimport { Window } from \"../Window\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\n// source: https://twitter.com/mattpocockuk/status/1671908303918473217/photo/1\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\" | \"widest\";\n\nexport interface IMenu {\n  /** Menu content */\n  children:\n    | ReactNode\n    | ((childProps: { forceClose: () => void }) => JSX.Element);\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n  /** Popper on open */\n  onPopperOpen?: (...args) => void;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n  onPopperOpen,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const isOpenAtLeastOnce = useRef(false);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  useEffect(() => {\n    if (open) {\n      isOpenAtLeastOnce.current = true;\n    } else if (!open && isOpenAtLeastOnce.current) {\n      elementRef.current?.focus();\n      isOpenAtLeastOnce.current = false;\n    }\n  }, [open]);\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n            afterWrite={onPopperOpen}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Menu.js","names":["React","useRef","useState","useCallback","useEffect","classnames","MenuContextProvider","StyledMenu","useForkRef","Overlay","Popper","Window","Menu","_ref","children","_ref$disableFocusLock","disableFocusLock","onMenuClick","_ref$handleScroll","handleScroll","_ref$mode","mode","_ref$open","open","defaultOpen","onOpen","onClose","onBeforeClose","_ref$position","position","target","className","menuClassName","popperClassName","backgroundElementClass","_ref$windowAbsolutely","windowAbsolutelyPositioned","onPopperOpen","_useState","setOpen","_useState2","childNode","setChildNode","elementRef","isOpenAtLeastOnce","handleRefRef","ref","undefined","handleRef","handleOpen","event","_target$props","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","current","_elementRef$current","focus","createElement","Fragment","cloneElement","disableScrollLock","style","tabIndex","disableBackgroundColor","anchorEl","placement","afterWrite","$mode","onMouseDown","value","displayName"],"sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\n\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Popper } from \"../Popper\";\nimport { Window } from \"../Window\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\n// source: https://twitter.com/mattpocockuk/status/1671908303918473217/photo/1\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\" | \"widest\";\n\nexport interface IMenu {\n  /** Menu content */\n  children:\n    | ReactNode\n    | ((childProps: { forceClose: () => void }) => JSX.Element);\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n  /** Popper on open */\n  onPopperOpen?: (...args) => void;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n  onPopperOpen,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const isOpenAtLeastOnce = useRef(false);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  useEffect(() => {\n    if (open) {\n      isOpenAtLeastOnce.current = true;\n    } else if (!open && isOpenAtLeastOnce.current) {\n      elementRef.current?.focus();\n      isOpenAtLeastOnce.current = false;\n    }\n  }, [open]);\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n            afterWrite={onPopperOpen}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Menu/MenuFooter.js

@@ -5,10 +5,8 @@ import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledMenuFooter } from "./Styles";
 export const MenuFooter = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledMenuFooter, _extends({}, props, {
     className: classnames("c-menu-footer", className),

package/dist/esm/components/Menu/MenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuFooter.js","names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledMenuFooter } from \"./Styles\";\n\nexport interface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAO3C,OAAO,MAAMC,UAAU,gBAAGH,UAAU,CAClC,CAAAI,IAAA,EAMEC,GAAwB,KACrB;EAAA,IANH;MACEC,QAAQ;MACRC;IAE4C,CAAC,GAAAH,IAAA;IAD1CI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEX,KAAA,CAAAY,aAAA,CAACT,gBAAgB,EAAAU,QAAA,KACXJ,KAAK;IACTD,SAAS,EAAEN,UAAU,CAAC,eAAe,EAAEM,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEDH,UAAU,CAACU,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"MenuFooter.js","names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledMenuFooter } from \"./Styles\";\n\nexport interface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAO3C,OAAO,MAAMC,UAAU,gBAAGH,UAAU,CAClC,CAAAI,IAAA,EAMEC,GAAwB,KACrB;EAAA,IALDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACNC,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEX,KAAA,CAAAY,aAAA,CAACT,gBAAgB,EAAAU,QAAA,KACXJ,KAAK;IACTD,SAAS,EAAEN,UAAU,CAAC,eAAe,EAAEM,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEDH,UAAU,CAACU,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/Menu/MenuHeader.js

@@ -6,12 +6,10 @@ import classnames from "classnames";
 import { StyledMenuHeader } from "./Styles";
 import { Typography } from "../Typography/Typography";
 export const MenuHeader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      title,
-      className,
-      leftElement,
-      rightElement
-    } = _ref,
+  let title = _ref.title,
+    className = _ref.className,
+    leftElement = _ref.leftElement,
+    rightElement = _ref.rightElement,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledMenuHeader, _extends({}, props, {
     className: classnames("c-menu-header", className),

package/dist/esm/components/Menu/MenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuHeader.js","names":["React","forwardRef","classnames","StyledMenuHeader","Typography","MenuHeader","_ref","ref","title","className","leftElement","rightElement","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","style","minWidth","variant","color","weight","overflow","marginLeft","marginRight","displayName"],"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledMenuHeader } from \"./Styles\";\nimport { Typography } from \"../Typography/Typography\";\n\ninterface IMenuHeader {\n  className?: string;\n  title?: string;\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n  (\n    {\n      title,\n      className,\n      leftElement,\n      rightElement,\n      ...props\n    }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuHeader\n        {...props}\n        className={classnames(\"c-menu-header\", className)}\n        ref={ref}\n      >\n        {leftElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n        <Typography\n          variant=\"Body 2\"\n          color=\"secondary\"\n          weight=\"bold\"\n          overflow=\"truncate\"\n          style={{ marginLeft: \"4px\", marginRight: \"4px \" }}\n        >\n          {title}\n        </Typography>\n        {rightElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n      </StyledMenuHeader>\n    );\n  }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AAEzE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,UAAU,QAAQ,0BAA0B;AASrD,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAAAK,IAAA,EAQEC,GAAwB,KACrB;EAAA,IARH;MACEC,KAAK;MACLC,SAAS;MACTC,WAAW;MACXC;IAE4C,CAAC,GAAAL,IAAA;IAD1CM,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAIV,oBACEd,KAAA,CAAAe,aAAA,CAACZ,gBAAgB,EAAAa,QAAA,KACXJ,KAAK;IACTH,SAAS,EAAEP,UAAU,CAAC,eAAe,EAAEO,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERG,WAAW,iBAAIV,KAAA,CAAAe,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAAC,eAC9DlB,KAAA,CAAAe,aAAA,CAACX,UAAU;IACTe,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,MAAM;IACbC,QAAQ,EAAC,UAAU;IACnBL,KAAK,EAAE;MAAEM,UAAU,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAO;EAAE,GAEjDhB,KACS,CAAC,EACZG,YAAY,iBAAIX,KAAA,CAAAe,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAC9C,CAAC;AAEvB,CACF,CAAC;AAEDb,UAAU,CAACoB,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"MenuHeader.js","names":["React","forwardRef","classnames","StyledMenuHeader","Typography","MenuHeader","_ref","ref","title","className","leftElement","rightElement","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","style","minWidth","variant","color","weight","overflow","marginLeft","marginRight","displayName"],"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledMenuHeader } from \"./Styles\";\nimport { Typography } from \"../Typography/Typography\";\n\ninterface IMenuHeader {\n  className?: string;\n  title?: string;\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n  (\n    {\n      title,\n      className,\n      leftElement,\n      rightElement,\n      ...props\n    }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuHeader\n        {...props}\n        className={classnames(\"c-menu-header\", className)}\n        ref={ref}\n      >\n        {leftElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n        <Typography\n          variant=\"Body 2\"\n          color=\"secondary\"\n          weight=\"bold\"\n          overflow=\"truncate\"\n          style={{ marginLeft: \"4px\", marginRight: \"4px \" }}\n        >\n          {title}\n        </Typography>\n        {rightElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n      </StyledMenuHeader>\n    );\n  }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AAEzE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,UAAU,QAAQ,0BAA0B;AASrD,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAAAK,IAAA,EAQEC,GAAwB,KACrB;EAAA,IAPDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACTC,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAIV,oBACEd,KAAA,CAAAe,aAAA,CAACZ,gBAAgB,EAAAa,QAAA,KACXJ,KAAK;IACTH,SAAS,EAAEP,UAAU,CAAC,eAAe,EAAEO,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERG,WAAW,iBAAIV,KAAA,CAAAe,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAAC,eAC9DlB,KAAA,CAAAe,aAAA,CAACX,UAAU;IACTe,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,MAAM;IACbC,QAAQ,EAAC,UAAU;IACnBL,KAAK,EAAE;MAAEM,UAAU,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAO;EAAE,GAEjDhB,KACS,CAAC,EACZG,YAAY,iBAAIX,KAAA,CAAAe,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAC9C,CAAC;AAEvB,CACF,CAAC;AAEDb,UAAU,CAACoB,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/MenuSelector/MenuSelector.js

@@ -3,19 +3,19 @@ import classNames from "classnames";
 import { StyledMenuSelector, StyledMenuSelectorBack, StyledMenuSelectorDots, StyledMenuSelectorInner } from "./Styles";
 import { Input } from "../Input";
 export const MenuSelector = _ref => {
-  let {
-    defaultValue,
-    children,
-    placeholder,
-    onChange,
-    onBack,
-    onEdit,
-    autoFocus = false,
-    className,
-    onFocus,
-    onBlur,
-    autoComplete = false
-  } = _ref;
+  let defaultValue = _ref.defaultValue,
+    children = _ref.children,
+    placeholder = _ref.placeholder,
+    onChange = _ref.onChange,
+    onBack = _ref.onBack,
+    onEdit = _ref.onEdit,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+    className = _ref.className,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    _ref$autoComplete = _ref.autoComplete,
+    autoComplete = _ref$autoComplete === void 0 ? false : _ref$autoComplete;
   const handleChange = useCallback(e => {
     if (typeof onChange === "function") {
       onChange(e.target.value);