@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

package/dist/HyperLink/HyperLink.cjs

@@ -7,19 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.StyledLink = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styling = require("./styling");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children", "target", "variant"];
-var _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const StyledLink = exports.StyledLink = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  ", "\n  ", "\n"])), props => props.$variant === 'inverted' ? _styling.invertedStyle : _styling.defaultStyle, props => props.$margin ? "margin: ".concat(props.$margin, ";") : '');
+const StyledLink = exports.StyledLink = _styledComponents.default.a`
+  cursor: pointer;
+  ${props => props.$variant === 'styleless' || !props.$variant ? '' : props.$variant == 'inverted' ? _styling.invertedStyle : _styling.defaultStyle}
+  ${props => props.$margin ? `margin: ${props.$margin};` : ''}
+`;
 const HyperLink = _ref => {
   let {
       children,
@@ -36,12 +38,13 @@ const HyperLink = _ref => {
 };
 HyperLink.propTypes = {
   id: _propTypes.default.string,
-  variant: _propTypes.default.oneOf(['default', 'inverted']).isRequired,
+  variant: _propTypes.default.oneOf(['default', 'inverted', 'styleless']).isRequired,
   href: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool,
   margin: _propTypes.default.string,
   children: _propTypes.default.any,
-  className: _propTypes.default.string
+  className: _propTypes.default.string,
+  ref: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.object])
 };
 var _default = exports.default = HyperLink;
 //# sourceMappingURL=HyperLink.cjs.map

package/dist/HyperLink/HyperLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HyperLink.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styling","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledLink","exports","styled","_taggedTemplateLiteral2","props","$variant","invertedStyle","defaultStyle","$margin","concat","HyperLink","_ref","children","target","variant","_objectWithoutProperties2","jsx","rel","propTypes","id","_propTypes","string","oneOf","isRequired","href","disabled","bool","margin","any","className","_default"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'inverted' ? invertedStyle : defaultStyle)}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  return (\r\n    <StyledLink {...props} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HyperLink.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styling","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledLink","exports","styled","props","$variant","invertedStyle","defaultStyle","$margin","HyperLink","_ref","children","target","variant","_objectWithoutProperties2","jsx","rel","propTypes","id","_propTypes","string","oneOf","isRequired","href","disabled","bool","margin","any","className","ref","oneOfType","func","object","_default"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted' | 'styleless';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'styleless' || !props.$variant ? '' : (props.$variant == 'inverted' ? invertedStyle : defaultStyle))}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted' | 'styleless';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n  /** Ref for Hyperlink. */\r\n  ref?: React.Ref<HTMLAnchorElement>;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  return (\r\n    <StyledLink {...props} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/HyperLink/HyperLink.d.ts

@@ -1,23 +1,25 @@
-import * as React from 'react';
-export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
-    $variant: 'default' | 'inverted';
-    $margin?: string | undefined;
-}>> & string;
-export interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    /** Id of the link component. */
-    id?: string;
-    /** Style variant of the link */
-    variant: 'default' | 'inverted';
-    /** Href of the link component */
-    href: string;
-    /** If set then user can not interact with the link. */
-    disabled?: boolean;
-    /** Custom value of margin style. */
-    margin?: string;
-    /** Content of the Hyperlink */
-    children?: any;
-    /** Custom className to set to the link.   */
-    className?: string;
-}
-declare const HyperLink: React.FunctionComponent<HyperlinkProps>;
-export default HyperLink;
+import * as React from 'react';
+export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+    $variant: "default" | "inverted" | "styleless";
+    $margin?: string;
+}>> & string;
+export interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Id of the link component. */
+    id?: string;
+    /** Style variant of the link */
+    variant: 'default' | 'inverted' | 'styleless';
+    /** Href of the link component */
+    href: string;
+    /** If set then user can not interact with the link. */
+    disabled?: boolean;
+    /** Custom value of margin style. */
+    margin?: string;
+    /** Content of the Hyperlink */
+    children?: any;
+    /** Custom className to set to the link.   */
+    className?: string;
+    /** Ref for Hyperlink. */
+    ref?: React.Ref<HTMLAnchorElement>;
+}
+declare const HyperLink: React.FunctionComponent<HyperlinkProps>;
+export default HyperLink;

package/dist/HyperLink/HyperLink.js

@@ -1,16 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 const _excluded = ["children", "target", "variant"];
-var _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import styled from 'styled-components';
 import { defaultStyle, invertedStyle } from './styling';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const StyledLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  ", "\n  ", "\n"])), props => props.$variant === 'inverted' ? invertedStyle : defaultStyle, props => props.$margin ? "margin: ".concat(props.$margin, ";") : '');
+export const StyledLink = styled.a`
+  cursor: pointer;
+  ${props => props.$variant === 'styleless' || !props.$variant ? '' : props.$variant == 'inverted' ? invertedStyle : defaultStyle}
+  ${props => props.$margin ? `margin: ${props.$margin};` : ''}
+`;
 const HyperLink = _ref => {
   let {
       children,
@@ -27,12 +29,13 @@ const HyperLink = _ref => {
 };
 HyperLink.propTypes = {
   id: _pt.string,
-  variant: _pt.oneOf(['default', 'inverted']).isRequired,
+  variant: _pt.oneOf(['default', 'inverted', 'styleless']).isRequired,
   href: _pt.string.isRequired,
   disabled: _pt.bool,
   margin: _pt.string,
   children: _pt.any,
-  className: _pt.string
+  className: _pt.string,
+  ref: _pt.oneOfType([_pt.string, _pt.func, _pt.object])
 };
 export default HyperLink;
 //# sourceMappingURL=HyperLink.js.map

package/dist/HyperLink/HyperLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HyperLink.js","names":["React","styled","defaultStyle","invertedStyle","jsx","_jsx","StyledLink","a","_templateObject","_taggedTemplateLiteral","props","$variant","$margin","concat","HyperLink","_ref","children","target","variant","_objectWithoutProperties","_excluded","_objectSpread","rel","propTypes","id","_pt","string","oneOf","isRequired","href","disabled","bool","margin","any","className"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'inverted' ? invertedStyle : defaultStyle)}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  return (\r\n    <StyledLink {...props} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,YAAY,EAAEC,aAAa,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,UAAU,GAAGL,MAAM,CAACM,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+CAK7BC,KAAK,IAAMA,KAAK,CAACC,QAAQ,KAAK,UAAU,GAAGR,aAAa,GAAGD,YAAa,EACxEQ,KAAK,IAAMA,KAAK,CAACE,OAAO,cAAAC,MAAA,CAAcH,KAAK,CAACE,OAAO,SAAM,EAAG,CAChE;AAmBD,MAAME,SAAkD,GAAGC,IAAA,IAAoF;EAAA,IAAnF;MAAEC,QAAQ;MAAEC,MAAM,GAAG,QAAQ;MAAEC,OAAO,GAAG;IAAoC,CAAC,GAAAH,IAAA;IAAvBL,KAAK,GAAAS,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACtH,oBACEf,IAAA,CAACC,UAAU,EAAAe,aAAA,CAAAA,aAAA,KAAKX,KAAK;IAAEC,QAAQ,EAAEO,OAAQ;IAACD,MAAM,EAAEA,MAAO;IAACK,GAAG,EAAC,qBAAqB;IAAAN,QAAA,EAChFA;EAAQ,EACC,CAAC;AAEjB,CAAC;AAACF,SAAA,CAAAS,SAAA;EArBAC,EAAE,EAAAC,GAAA,CAAAC,MAAA;EAEFR,OAAO,EAAAO,GAAA,CAAAE,KAAA,EAAE,SAAS,EAAG,UAAU,GAAAC,UAAA;EAE/BC,IAAI,EAAAJ,GAAA,CAAAC,MAAA,CAAAE,UAAA;EAEJE,QAAQ,EAAAL,GAAA,CAAAM,IAAA;EAERC,MAAM,EAAAP,GAAA,CAAAC,MAAA;EAENV,QAAQ,EAAAS,GAAA,CAAAQ,GAAA;EAERC,SAAS,EAAAT,GAAA,CAAAC;AAAA;AAWX,eAAeZ,SAAS","ignoreList":[]}
+{"version":3,"file":"HyperLink.js","names":["React","styled","defaultStyle","invertedStyle","jsx","_jsx","StyledLink","a","props","$variant","$margin","HyperLink","_ref","children","target","variant","_objectWithoutProperties","_excluded","_objectSpread","rel","propTypes","id","_pt","string","oneOf","isRequired","href","disabled","bool","margin","any","className","ref","oneOfType","func","object"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted' | 'styleless';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'styleless' || !props.$variant ? '' : (props.$variant == 'inverted' ? invertedStyle : defaultStyle))}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted' | 'styleless';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n  /** Ref for Hyperlink. */\r\n  ref?: React.Ref<HTMLAnchorElement>;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  return (\r\n    <StyledLink {...props} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,YAAY,EAAEC,aAAa,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,UAAU,GAAGL,MAAM,CAACM,CAG/B;AACF;AACA,IAAKC,KAAK,IAAMA,KAAK,CAACC,QAAQ,KAAK,WAAW,IAAI,CAACD,KAAK,CAACC,QAAQ,GAAG,EAAE,GAAID,KAAK,CAACC,QAAQ,IAAI,UAAU,GAAGN,aAAa,GAAGD,YAAc;AACvI,IAAKM,KAAK,IAAMA,KAAK,CAACE,OAAO,GAAG,WAAWF,KAAK,CAACE,OAAO,GAAG,GAAG,EAAG;AACjE,CAAC;AAqBD,MAAMC,SAAkD,GAAGC,IAAA,IAAoF;EAAA,IAAnF;MAAEC,QAAQ;MAAEC,MAAM,GAAG,QAAQ;MAAEC,OAAO,GAAG;IAAoC,CAAC,GAAAH,IAAA;IAAvBJ,KAAK,GAAAQ,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACtH,oBACEZ,IAAA,CAACC,UAAU,EAAAY,aAAA,CAAAA,aAAA,KAAKV,KAAK;IAAEC,QAAQ,EAAEM,OAAQ;IAACD,MAAM,EAAEA,MAAO;IAACK,GAAG,EAAC,qBAAqB;IAAAN,QAAA,EAChFA;EAAQ,EACC,CAAC;AAEjB,CAAC;AAACF,SAAA,CAAAS,SAAA;EAvBAC,EAAE,EAAAC,GAAA,CAAAC,MAAA;EAEFR,OAAO,EAAAO,GAAA,CAAAE,KAAA,EAAE,SAAS,EAAG,UAAU,EAAG,WAAW,GAAAC,UAAA;EAE7CC,IAAI,EAAAJ,GAAA,CAAAC,MAAA,CAAAE,UAAA;EAEJE,QAAQ,EAAAL,GAAA,CAAAM,IAAA;EAERC,MAAM,EAAAP,GAAA,CAAAC,MAAA;EAENV,QAAQ,EAAAS,GAAA,CAAAQ,GAAA;EAERC,SAAS,EAAAT,GAAA,CAAAC,MAAA;EAETS,GAAG,EAAAV,GAAA,CAAAW,SAAA,EAAAX,GAAA,CAAAC,MAAA,EAAAD,GAAA,CAAAY,IAAA,EAAAZ,GAAA,CAAAa,MAAA;AAAA;AAWL,eAAexB,SAAS","ignoreList":[]}

package/dist/HyperLink/index.d.ts

@@ -1,3 +1,3 @@
-import HyperLink, { StyledLink } from './HyperLink';
-import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
-export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };
+import HyperLink, { StyledLink } from './HyperLink';
+import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
+export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };

package/dist/HyperLink/styling.cjs

@@ -1,14 +1,102 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.invertedStyle = exports.defaultStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = require("styled-components");
 var _ = require("..");
-var _templateObject, _templateObject2;
-const defaultStyle = exports.defaultStyle = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  outline: none;\n  padding: 2px 0;\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: none;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    color: ", ";\n    text-decoration-line: underline;\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n\n  &:focus:hover,\n  &:active:hover,\n  &.active-state:hover,\n  &.focus-state:hover{\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), props => _.COLORS.getColor('primary_600', props.theme), props => _.COLORS.getColor('primary_800', props.theme), props => _.COLORS.getColor('primary_700', props.theme), props => _.COLORS.getColor('primary_800', props.theme), props => _.COLORS.getColor('white', props.theme), props => _.COLORS.getColor('primary_800', props.theme), props => _.COLORS.getColor('white', props.theme), props => _.COLORS.getColor('white', props.theme));
-const invertedStyle = exports.invertedStyle = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  outline: none;\n  padding: 2px 0;\n\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: underline;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    text-decoration-line: none;\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:focus:hover,\n  &:active:hover {\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), props => _.COLORS.getColor('white', props.theme), props => _.COLORS.getColor('neutral_100', props.theme), props => _.COLORS.getColor('white', props.theme), props => _.COLORS.getColor('neutral_800', props.theme), props => _.COLORS.getColor('white', props.theme), props => _.COLORS.getColor('neutral_800', props.theme), props => _.COLORS.getColor('neutral_800', props.theme));
+const defaultStyle = exports.defaultStyle = (0, _styledComponents.css)`
+  outline: none;
+  padding: 2px 0;
+  text-decoration-thickness: 2px;
+  text-decoration-style: solid;
+  text-underline-offset: 2px;
+  text-decoration-line: none;
+
+  &:link {
+    font-weight: 700;
+    color: ${props => _.COLORS.getColor('primary_600', props.theme)};
+  }
+
+  &:visited {
+    color: ${props => _.COLORS.getColor('primary_800', props.theme)};
+  }
+
+  &:hover,
+  &.hover-state {
+    color: ${props => _.COLORS.getColor('primary_700', props.theme)};
+    text-decoration-line: underline;
+  }
+
+  &:focus,
+  &.focus-state {
+    border-radius: 2px;
+    background: ${props => _.COLORS.getColor('primary_800', props.theme)};
+    color: ${props => _.COLORS.getColor('white', props.theme)};
+  }
+
+  &:active,
+  &.active-state {
+    border-radius: 2px;
+    background: ${props => _.COLORS.getColor('primary_800', props.theme)};
+    color: ${props => _.COLORS.getColor('white', props.theme)};
+  }
+
+
+  &:focus:hover,
+  &:active:hover,
+  &.active-state:hover,
+  &.focus-state:hover{
+    text-decoration-line: none;
+    color: ${props => _.COLORS.getColor('white', props.theme)};
+    opacity: 0.9;
+  }
+`;
+const invertedStyle = exports.invertedStyle = (0, _styledComponents.css)`
+  outline: none;
+  padding: 2px 0;
+
+  text-decoration-thickness: 2px;
+  text-decoration-style: solid;
+  text-underline-offset: 2px;
+  text-decoration-line: underline;
+
+  &:link {
+    font-weight: 700;
+    color: ${props => _.COLORS.getColor('white', props.theme)};
+  }
+
+  &:visited {
+    color: ${props => _.COLORS.getColor('neutral_100', props.theme)};
+  }
+
+  &:focus,
+  &.focus-state {
+    border-radius: 2px;
+    text-decoration-line: none;
+    background: ${props => _.COLORS.getColor('white', props.theme)};
+    color: ${props => _.COLORS.getColor('neutral_800', props.theme)};
+  }
+
+  &:hover,
+  &.hover-state {
+    text-decoration-line: none;
+  }
+
+  &:active,
+  &.active-state {
+    border-radius: 2px;
+    text-decoration-line: none;
+    background: ${props => _.COLORS.getColor('white', props.theme)};
+    color: ${props => _.COLORS.getColor('neutral_800', props.theme)};
+  }
+
+  &:focus:hover,
+  &:active:hover {
+    text-decoration-line: none;
+    color: ${props => _.COLORS.getColor('neutral_800', props.theme)};
+    opacity: 0.9;
+  }
+`;
 //# sourceMappingURL=styling.cjs.map

package/dist/HyperLink/styling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styling.cjs","names":["_styledComponents","require","_","_templateObject","_templateObject2","defaultStyle","exports","css","_taggedTemplateLiteral2","default","props","COLORS","getColor","theme","invertedStyle"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: none;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    text-decoration-line: underline;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n\r\n  &:focus:hover,\r\n  &:active:hover,\r\n  &.active-state:hover,\r\n  &.focus-state:hover{\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: underline;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    text-decoration-line: none;\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:focus:hover,\r\n  &:active:hover {\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AAA4B,IAAAE,eAAA,EAAAC,gBAAA;AAErB,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,OAAGE,qBAAG,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,CAAAC,OAAA,4uBAUlBC,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAIpDH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAKpDH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAO/CH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EACzDH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EAMzCH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EACzDH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EAS9CH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAG1D;AAEM,MAAMC,aAAa,GAAAR,OAAA,CAAAQ,aAAA,OAAGP,qBAAG,EAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,CAAAC,OAAA,4uBAWnBC,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EAI9CH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAO/CH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EACnDH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAY/CH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EACnDH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAMpDH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAGhE","ignoreList":[]}
+{"version":3,"file":"styling.cjs","names":["_styledComponents","require","_","defaultStyle","exports","css","props","COLORS","getColor","theme","invertedStyle"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: none;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    text-decoration-line: underline;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n\r\n  &:focus:hover,\r\n  &:active:hover,\r\n  &.active-state:hover,\r\n  &.focus-state:hover{\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: underline;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    text-decoration-line: none;\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:focus:hover,\r\n  &:active:hover {\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,qBAAG;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA;AACA,aAAaH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA,aAAaH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACtE,aAAaH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC3D;AACA;AACA;AACA;AACA;AACA,kBAAkBH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACtE,aAAaH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC3D;AACA;AACA,CAAC;AAEM,MAAMC,aAAa,GAAAN,OAAA,CAAAM,aAAA,GAAG,IAAAL,qBAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC3D;AACA;AACA;AACA,aAAaH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAChE,aAAaH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAChE,aAAaH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA;AACA,aAAaH,KAAK,IAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA,CAAC","ignoreList":[]}

package/dist/HyperLink/styling.d.ts

@@ -1,2 +1,2 @@
-export declare const defaultStyle: import("styled-components").RuleSet<object>;
-export declare const invertedStyle: import("styled-components").RuleSet<object>;
+export declare const defaultStyle: import("styled-components").RuleSet<object>;
+export declare const invertedStyle: import("styled-components").RuleSet<object>;

package/dist/HyperLink/styling.js

@@ -1,7 +1,96 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 import { css } from 'styled-components';
 import { COLORS } from '..';
-export const defaultStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: none;\n  padding: 2px 0;\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: none;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    color: ", ";\n    text-decoration-line: underline;\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n\n  &:focus:hover,\n  &:active:hover,\n  &.active-state:hover,\n  &.focus-state:hover{\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), props => COLORS.getColor('primary_600', props.theme), props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('white', props.theme));
-export const invertedStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  outline: none;\n  padding: 2px 0;\n\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: underline;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    text-decoration-line: none;\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:focus:hover,\n  &:active:hover {\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('neutral_100', props.theme), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('neutral_800', props.theme), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('neutral_800', props.theme), props => COLORS.getColor('neutral_800', props.theme));
+export const defaultStyle = css`
+  outline: none;
+  padding: 2px 0;
+  text-decoration-thickness: 2px;
+  text-decoration-style: solid;
+  text-underline-offset: 2px;
+  text-decoration-line: none;
+
+  &:link {
+    font-weight: 700;
+    color: ${props => COLORS.getColor('primary_600', props.theme)};
+  }
+
+  &:visited {
+    color: ${props => COLORS.getColor('primary_800', props.theme)};
+  }
+
+  &:hover,
+  &.hover-state {
+    color: ${props => COLORS.getColor('primary_700', props.theme)};
+    text-decoration-line: underline;
+  }
+
+  &:focus,
+  &.focus-state {
+    border-radius: 2px;
+    background: ${props => COLORS.getColor('primary_800', props.theme)};
+    color: ${props => COLORS.getColor('white', props.theme)};
+  }
+
+  &:active,
+  &.active-state {
+    border-radius: 2px;
+    background: ${props => COLORS.getColor('primary_800', props.theme)};
+    color: ${props => COLORS.getColor('white', props.theme)};
+  }
+
+
+  &:focus:hover,
+  &:active:hover,
+  &.active-state:hover,
+  &.focus-state:hover{
+    text-decoration-line: none;
+    color: ${props => COLORS.getColor('white', props.theme)};
+    opacity: 0.9;
+  }
+`;
+export const invertedStyle = css`
+  outline: none;
+  padding: 2px 0;
+
+  text-decoration-thickness: 2px;
+  text-decoration-style: solid;
+  text-underline-offset: 2px;
+  text-decoration-line: underline;
+
+  &:link {
+    font-weight: 700;
+    color: ${props => COLORS.getColor('white', props.theme)};
+  }
+
+  &:visited {
+    color: ${props => COLORS.getColor('neutral_100', props.theme)};
+  }
+
+  &:focus,
+  &.focus-state {
+    border-radius: 2px;
+    text-decoration-line: none;
+    background: ${props => COLORS.getColor('white', props.theme)};
+    color: ${props => COLORS.getColor('neutral_800', props.theme)};
+  }
+
+  &:hover,
+  &.hover-state {
+    text-decoration-line: none;
+  }
+
+  &:active,
+  &.active-state {
+    border-radius: 2px;
+    text-decoration-line: none;
+    background: ${props => COLORS.getColor('white', props.theme)};
+    color: ${props => COLORS.getColor('neutral_800', props.theme)};
+  }
+
+  &:focus:hover,
+  &:active:hover {
+    text-decoration-line: none;
+    color: ${props => COLORS.getColor('neutral_800', props.theme)};
+    opacity: 0.9;
+  }
+`;
 //# sourceMappingURL=styling.js.map

package/dist/HyperLink/styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"styling.js","names":["css","COLORS","defaultStyle","_templateObject","_taggedTemplateLiteral","props","getColor","theme","invertedStyle","_templateObject2"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: none;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    text-decoration-line: underline;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n\r\n  &:focus:hover,\r\n  &:active:hover,\r\n  &.active-state:hover,\r\n  &.focus-state:hover{\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: underline;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    text-decoration-line: none;\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:focus:hover,\r\n  &:active:hover {\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,MAAM,QAAQ,IAAI;AAE3B,OAAO,MAAMC,YAAY,GAAGF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,sBAAA,2uBAUlBC,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAIpDF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAKpDF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAO/CF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EACzDF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,EAMzCF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EACzDF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,EAS9CF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,CAG1D;AAED,OAAO,MAAMC,aAAa,GAAGR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,2uBAWnBC,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,EAI9CF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAO/CF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,EACnDF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAY/CF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,EACnDF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAMpDF,KAAK,IAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAGhE","ignoreList":[]}
+{"version":3,"file":"styling.js","names":["css","COLORS","defaultStyle","props","getColor","theme","invertedStyle"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: none;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    text-decoration-line: underline;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n\r\n  &:focus:hover,\r\n  &:active:hover,\r\n  &.active-state:hover,\r\n  &.focus-state:hover{\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: underline;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    text-decoration-line: none;\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:focus:hover,\r\n  &:active:hover {\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,MAAM,QAAQ,IAAI;AAE3B,OAAO,MAAMC,YAAY,GAAGF,GAAG;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaG,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACjE;AACA;AACA;AACA,aAAaF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA,aAAaF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACtE,aAAaF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAC3D;AACA;AACA;AACA;AACA;AACA,kBAAkBF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACtE,aAAaF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAC3D;AACA;AACA,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGN,GAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaG,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAC3D;AACA;AACA;AACA,aAAaF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAChE,aAAaF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAChE,aAAaF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACjE;AACA;AACA;AACA;AACA;AACA,aAAaF,KAAK,IAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACjE;AACA;AACA,CAAC","ignoreList":[]}

package/dist/Image/ImageWithFallbacks.cjs

@@ -16,22 +16,20 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 class ImageWithFallbacks extends _react.default.Component {
   constructor(props) {
-    var _this$props$fallbacks, _this$props$fallbacks2;
     super(props);
     this.state = {
       src: props.src,
       fallbackIndex: 0,
-      fallbacks: (_this$props$fallbacks = (_this$props$fallbacks2 = this.props.fallbacks) === null || _this$props$fallbacks2 === void 0 ? void 0 : _this$props$fallbacks2.split('|')) !== null && _this$props$fallbacks !== void 0 ? _this$props$fallbacks : [],
+      fallbacks: this.props.fallbacks?.split('|') ?? [],
       loaded: false
     };
   }
   componentDidUpdate(prevProps) {
     if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {
-      var _this$props$fallbacks3, _this$props$fallbacks4;
       this.setState({
         src: this.props.src,
         fallbackIndex: 0,
-        fallbacks: (_this$props$fallbacks3 = (_this$props$fallbacks4 = this.props.fallbacks) === null || _this$props$fallbacks4 === void 0 ? void 0 : _this$props$fallbacks4.split('|')) !== null && _this$props$fallbacks3 !== void 0 ? _this$props$fallbacks3 : [],
+        fallbacks: this.props.fallbacks?.split('|') ?? [],
         loaded: false
       });
     }

package/dist/Image/ImageWithFallbacks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImageWithFallbacks.cjs","names":["_","require","_react","_interopRequireDefault","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","ImageWithFallbacks","React","Component","constructor","props","_this$props$fallbacks","_this$props$fallbacks2","state","src","fallbackIndex","fallbacks","split","loaded","componentDidUpdate","prevProps","_this$props$fallbacks3","_this$props$fallbacks4","setState","onError","onLoad","render","_this$props","alt","loader","loading","rest","_objectWithoutProperties2","jsxs","Fragment","children","jsx","onChange","LoadingIndicator","id","_propTypes","string","isRequired","bool","_default","exports"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\r\nimport React from 'react';\r\n\r\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\r\n  fallbacks?: string;\r\n  src: string;\r\n  alt?: string;\r\n  loader?: boolean;\r\n}\r\n\r\ntype ImageWithFallbacksState = {\r\n  src: string;\r\n  fallbackIndex: number;\r\n  fallbacks: string[];\r\n  loaded: boolean;\r\n};\r\n\r\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\r\n  constructor(props: ImageWithFallbacksProps) {\r\n    super(props);\r\n    this.state = {\r\n      src: props.src,\r\n      fallbackIndex: 0,\r\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n      loaded: false,\r\n    };\r\n  }\r\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\r\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\r\n      this.setState({\r\n        src: this.props.src,\r\n        fallbackIndex: 0,\r\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n        loaded: false,\r\n      });\r\n    }\r\n  }\r\n  onError() {\r\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\r\n      return;\r\n    }\r\n    this.setState({\r\n      src: this.state.fallbacks[this.state.fallbackIndex],\r\n      fallbackIndex: this.state.fallbackIndex + 1,\r\n      fallbacks: this.state.fallbacks,\r\n    });\r\n  }\r\n  onLoad() {\r\n    this.setState({ ...this.state, loaded: true });\r\n  }\r\n  render() {\r\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\r\n    return (\r\n      <>\r\n        <img src={this.state.src}\r\n             onError={() => this.onError()}\r\n             onChange={() => this.onLoad()}\r\n             onLoad={() => this.onLoad()}\r\n             alt={this.props.alt}\r\n             {...rest}/>\r\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ImageWithFallbacks;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ImageWithFallbacks.cjs","names":["_","require","_react","_interopRequireDefault","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","ImageWithFallbacks","React","Component","constructor","props","state","src","fallbackIndex","fallbacks","split","loaded","componentDidUpdate","prevProps","setState","onError","onLoad","render","_this$props","alt","loader","loading","rest","_objectWithoutProperties2","jsxs","Fragment","children","jsx","onChange","LoadingIndicator","id","_propTypes","string","isRequired","bool","_default","exports"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\r\nimport React from 'react';\r\n\r\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\r\n  fallbacks?: string;\r\n  src: string;\r\n  alt?: string;\r\n  loader?: boolean;\r\n}\r\n\r\ntype ImageWithFallbacksState = {\r\n  src: string;\r\n  fallbackIndex: number;\r\n  fallbacks: string[];\r\n  loaded: boolean;\r\n};\r\n\r\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\r\n  constructor(props: ImageWithFallbacksProps) {\r\n    super(props);\r\n    this.state = {\r\n      src: props.src,\r\n      fallbackIndex: 0,\r\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n      loaded: false,\r\n    };\r\n  }\r\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\r\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\r\n      this.setState({\r\n        src: this.props.src,\r\n        fallbackIndex: 0,\r\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n        loaded: false,\r\n      });\r\n    }\r\n  }\r\n  onError() {\r\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\r\n      return;\r\n    }\r\n    this.setState({\r\n      src: this.state.fallbacks[this.state.fallbackIndex],\r\n      fallbackIndex: this.state.fallbackIndex + 1,\r\n      fallbacks: this.state.fallbacks,\r\n    });\r\n  }\r\n  onLoad() {\r\n    this.setState({ ...this.state, loaded: true });\r\n  }\r\n  render() {\r\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\r\n    return (\r\n      <>\r\n        <img src={this.state.src}\r\n             onError={() => this.onError()}\r\n             onChange={() => this.onLoad()}\r\n             onLoad={() => this.onLoad()}\r\n             alt={this.props.alt}\r\n             {...rest}/>\r\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ImageWithFallbacks;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Image/ImageWithFallbacks.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-export interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'> {
-    fallbacks?: string;
-    src: string;
-    alt?: string;
-    loader?: boolean;
-}
-type ImageWithFallbacksState = {
-    src: string;
-    fallbackIndex: number;
-    fallbacks: string[];
-    loaded: boolean;
-};
-declare class ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {
-    constructor(props: ImageWithFallbacksProps);
-    componentDidUpdate(prevProps: ImageWithFallbacksProps): void;
-    onError(): void;
-    onLoad(): void;
-    render(): React.JSX.Element;
-}
-export default ImageWithFallbacks;
+import React from 'react';
+export interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'> {
+    fallbacks?: string;
+    src: string;
+    alt?: string;
+    loader?: boolean;
+}
+type ImageWithFallbacksState = {
+    src: string;
+    fallbackIndex: number;
+    fallbacks: string[];
+    loaded: boolean;
+};
+declare class ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {
+    constructor(props: ImageWithFallbacksProps);
+    componentDidUpdate(prevProps: ImageWithFallbacksProps): void;
+    onError(): void;
+    onLoad(): void;
+    render(): React.JSX.Element;
+}
+export default ImageWithFallbacks;

package/dist/Image/ImageWithFallbacks.js

@@ -9,22 +9,20 @@ import React from 'react';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 class ImageWithFallbacks extends React.Component {
   constructor(props) {
-    var _this$props$fallbacks, _this$props$fallbacks2;
     super(props);
     this.state = {
       src: props.src,
       fallbackIndex: 0,
-      fallbacks: (_this$props$fallbacks = (_this$props$fallbacks2 = this.props.fallbacks) === null || _this$props$fallbacks2 === void 0 ? void 0 : _this$props$fallbacks2.split('|')) !== null && _this$props$fallbacks !== void 0 ? _this$props$fallbacks : [],
+      fallbacks: this.props.fallbacks?.split('|') ?? [],
       loaded: false
     };
   }
   componentDidUpdate(prevProps) {
     if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {
-      var _this$props$fallbacks3, _this$props$fallbacks4;
       this.setState({
         src: this.props.src,
         fallbackIndex: 0,
-        fallbacks: (_this$props$fallbacks3 = (_this$props$fallbacks4 = this.props.fallbacks) === null || _this$props$fallbacks4 === void 0 ? void 0 : _this$props$fallbacks4.split('|')) !== null && _this$props$fallbacks3 !== void 0 ? _this$props$fallbacks3 : [],
+        fallbacks: this.props.fallbacks?.split('|') ?? [],
         loaded: false
       });
     }