@laerdal/life-react-components 5.0.0-dev.1 → 5.0.0-dev.2

package/dist/Accordion/AccordionItem.cjs

@@ -60,7 +60,7 @@ var AccordionItem = function AccordionItem(props) {
       })]
     })), isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AccordionItemBodyContainer, {
       id: "itemContentFor_".concat(id),
-      padding: padding,
+      $padding: padding,
       children: children
     })]
   });

package/dist/Accordion/AccordionItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.cjs","names":["_react","_interopRequireDefault","require","_","_icons","_styles","_common","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","_props$size","size","Size","Medium","rest","_objectWithoutProperties2","cls","concat","jsxs","AccordionItemContainer","AccordionItemHeaderContainer","role","tabIndex","undefined","onClick","onKeyDown","key","onMouseDown","defaultOnMouseDownHandler","jsx","SystemIcons","ChevronUp","ChevronDown","AccordionItemBodyContainer","propTypes","_propTypes","func","isRequired","bool","string","_default","exports"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        <span>{title}</span>\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AccordionItem.cjs","names":["_react","_interopRequireDefault","require","_","_icons","_styles","_common","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","_props$size","size","Size","Medium","rest","_objectWithoutProperties2","cls","concat","jsxs","AccordionItemContainer","AccordionItemHeaderContainer","role","tabIndex","undefined","onClick","onKeyDown","key","onMouseDown","defaultOnMouseDownHandler","jsx","SystemIcons","ChevronUp","ChevronDown","AccordionItemBodyContainer","$padding","propTypes","_propTypes","func","isRequired","bool","string","_default","exports"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        <span>{title}</span>\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} $padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAoD,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,SAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAUpD,IAAMoB,aAA+D,GAAG,SAAlEA,aAA+DA,CAAIC,KAA8B,EAAK;EAC1G,IACEC,EAAE,GAYAD,KAAK,CAZPC,EAAE;IACFC,QAAQ,GAWNF,KAAK,CAXPE,QAAQ;IACRC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,IAAI,GAQFL,KAAK,CARPK,IAAI;IACJC,QAAQ,GAONN,KAAK,CAPPM,QAAQ;IACRC,MAAM,GAMJP,KAAK,CANPO,MAAM;IACNC,OAAO,GAKLR,KAAK,CALPQ,OAAO;IACPC,QAAQ,GAINT,KAAK,CAJPS,QAAQ;IACRC,SAAS,GAGPV,KAAK,CAHPU,SAAS;IAAAC,WAAA,GAGPX,KAAK,CAFPY,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAGE,MAAI,CAACC,MAAM,GAAAH,WAAA;IACfI,IAAI,OAAAC,yBAAA,aACLhB,KAAK,EAAAvB,SAAA;EAET,IAAMwC,GAAG,GAAG,CAACd,QAAQ,GAAG,QAAQ,GAAG,EAAE,KAAKG,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAAII,SAAS,OAAAQ,MAAA,CAAOR,SAAS,IAAK,EAAE,CAAC;EAE3G,oBACE,IAAAlC,WAAA,CAAA2C,IAAA,EAAC7C,OAAA,CAAA8C,sBAAsB;IAACnB,EAAE,EAAEA,EAAG;IAACS,SAAS,EAAEE,IAAK;IAAAH,QAAA,gBAC9C,IAAAjC,WAAA,CAAA2C,IAAA,EAAC7C,OAAA,CAAA+C,4BAA4B,EAAA9B,aAAA,CAAAA,aAAA;MAC3B+B,IAAI,EAAC,QAAQ;MACb,iBAAenB,QAAS;MACxBF,EAAE,mBAAAiB,MAAA,CAAmBjB,EAAE,CAAG;MAC1B,mCAAAiB,MAAA,CAAiCjB,EAAE,CAAG;MACtCsB,QAAQ,EAAE,CAACjB,QAAQ,GAAG,CAAC,GAAGkB,SAAU;MACpCC,OAAO,EAAE,SAAAA,QAAA,EAAM;QACb,IAAI,CAACnB,QAAQ,EAAE;UACbJ,QAAQ,CAACD,EAAE,CAAC;QACd;MACF,CAAE;MACFyB,SAAS,EAAE,SAAAA,UAAC/C,CAAM,EAAK;QACrB,IAAIA,CAAC,CAACgD,GAAG,KAAK,OAAO,EAAEzB,QAAQ,CAACD,EAAE,CAAC;MACrC,CAAE;MACF2B,WAAW,EAAEC,iCAA0B;MACvCnB,SAAS,EAAEO;IAAI,GACXF,IAAI;MAAAN,QAAA,GACPJ,IAAI,eACL,IAAA7B,WAAA,CAAAsD,GAAA;QAAArB,QAAA,EAAOL;MAAK,CAAO,CAAC,eACpB,IAAA5B,WAAA,CAAA2C,IAAA;QAAK,eAAY,MAAM;QAAAV,QAAA,GAEnBN,QAAQ,iBAAI,IAAA3B,WAAA,CAAAsD,GAAA,EAACzD,MAAA,CAAA0D,WAAW,CAACC,SAAS,IAAC,CAAC,EAGpC,CAAC7B,QAAQ,iBAAI,IAAA3B,WAAA,CAAAsD,GAAA,EAACzD,MAAA,CAAA0D,WAAW,CAACE,WAAW,IAAC,CAAC;MAAA,CAEtC,CAAC;IAAA,EACsB,CAAC,EAC9B9B,QAAQ,iBACP,IAAA3B,WAAA,CAAAsD,GAAA,EAACxD,OAAA,CAAA4D,0BAA0B;MAACjC,EAAE,oBAAAiB,MAAA,CAAoBjB,EAAE,CAAG;MAACkC,QAAQ,EAAE3B,OAAQ;MAAAC,QAAA,EACvEA;IAAQ,CACiB,CAC7B;EAAA,CAEqB,CAAC;AAE7B,CAAC;AAACV,aAAA,CAAAqC,SAAA;EA/DAlC,QAAQ,EAAAmC,UAAA,YAAAC,IAAA,CAAAC,UAAA;EACRpC,QAAQ,EAAAkC,UAAA,YAAAG,IAAA,CAAAD,UAAA;EACRhC,MAAM,EAAA8B,UAAA,YAAAG,IAAA,CAAAD,UAAA;EACN/B,OAAO,EAAA6B,UAAA,YAAAI;AAAA;AAAA,IAAAC,QAAA,GA8DM3C,aAAa;AAAA4C,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/Accordion/AccordionItem.js

@@ -54,7 +54,7 @@ var AccordionItem = function AccordionItem(props) {
       })]
     })), isActive && /*#__PURE__*/_jsx(AccordionItemBodyContainer, {
       id: "itemContentFor_".concat(id),
-      padding: padding,
+      $padding: padding,
       children: children
     })]
   });

package/dist/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","names":["React","Size","SystemIcons","AccordionItemContainer","AccordionItemBodyContainer","AccordionItemHeaderContainer","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","_props$size","size","Medium","rest","_objectWithoutProperties","_excluded","cls","concat","_objectSpread","role","tabIndex","undefined","onClick","onKeyDown","e","key","onMouseDown","ChevronUp","ChevronDown","propTypes","_pt","func","isRequired","bool","string"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        <span>{title}</span>\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AccordionItem.js","names":["React","Size","SystemIcons","AccordionItemContainer","AccordionItemBodyContainer","AccordionItemHeaderContainer","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","_props$size","size","Medium","rest","_objectWithoutProperties","_excluded","cls","concat","_objectSpread","role","tabIndex","undefined","onClick","onKeyDown","e","key","onMouseDown","ChevronUp","ChevronDown","$padding","propTypes","_pt","func","isRequired","bool","string"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        <span>{title}</span>\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} $padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Accordion/styles.cjs

@@ -41,13 +41,13 @@ var AccordionItemContainer = _styledComponents["default"].div(_templateObject3 |
 });
 exports.AccordionItemContainer = AccordionItemContainer;
 var AccordionItemBodyContainer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: ", ";\n  background: ", ";\n  \n  ", "\n  \n  .medium & {\n    padding: ", ";\n    ", "\n  }\n  \n  .large & {\n    padding: ", ";\n    ", "\n  }\n\n"])), function (props) {
-  return props.padding || '8px 16px';
+  return props.$padding || '8px 16px';
 }, function (props) {
   return _styles.COLORS.getColor('white', props.theme);
 }, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), function (props) {
-  return props.padding || '12px 24px';
+  return props.$padding || '12px 24px';
 }, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), function (props) {
-  return props.padding || '14px 32px';
+  return props.$padding || '14px 32px';
 }, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null));
 exports.AccordionItemBodyContainer = AccordionItemBodyContainer;
 //# sourceMappingURL=styles.cjs.map

package/dist/Accordion/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_zIndexes","_templateObject","_templateObject2","_templateObject3","_templateObject4","AccordionMenuWrapper","styled","div","_taggedTemplateLiteral2","exports","AccordionItemHeaderContainer","props","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","focusStyles","Z_INDEXES","hover","active","AccordionItemContainer","AccordionItemBodyContainer","padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  :focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  :hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  :active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${props => COLORS.getColor('white', props.theme)}!important;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ padding?: string }>`\r\n  padding: ${(props) => props.padding || '8px 16px'};\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_zIndexes","_templateObject","_templateObject2","_templateObject3","_templateObject4","AccordionMenuWrapper","styled","div","_taggedTemplateLiteral2","exports","AccordionItemHeaderContainer","props","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","focusStyles","Z_INDEXES","hover","active","AccordionItemContainer","AccordionItemBodyContainer","$padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  :focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  :hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  :active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${props => COLORS.getColor('white', props.theme)}!important;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ $padding?: string }>`\r\n  padding: ${(props) => props.$padding || '8px 16px'};\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.$padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.$padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Accordion/styles.d.ts

@@ -3,5 +3,5 @@ export declare const AccordionMenuWrapper: import("styled-components/dist/types"
 export declare const AccordionItemHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const AccordionItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const AccordionItemBodyContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    padding?: string | undefined;
+    $padding?: string | undefined;
 }>> & string;

package/dist/Accordion/styles.js

@@ -31,12 +31,12 @@ export var AccordionItemContainer = styled.div(_templateObject3 || (_templateObj
   return COLORS.getColor('neutral_100', props.theme);
 });
 export var AccordionItemBodyContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: ", ";\n  background: ", ";\n  \n  ", "\n  \n  .medium & {\n    padding: ", ";\n    ", "\n  }\n  \n  .large & {\n    padding: ", ";\n    ", "\n  }\n\n"])), function (props) {
-  return props.padding || '8px 16px';
+  return props.$padding || '8px 16px';
 }, function (props) {
   return COLORS.getColor('white', props.theme);
 }, ComponentSStyling(ComponentTextStyle.Regular, null), function (props) {
-  return props.padding || '12px 24px';
+  return props.$padding || '12px 24px';
 }, ComponentMStyling(ComponentTextStyle.Regular, null), function (props) {
-  return props.padding || '14px 32px';
+  return props.$padding || '14px 32px';
 }, ComponentLStyling(ComponentTextStyle.Regular, null));
 //# sourceMappingURL=styles.js.map

package/dist/Accordion/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","AccordionMenuWrapper","div","_templateObject","_taggedTemplateLiteral","AccordionItemHeaderContainer","_templateObject2","props","Regular","getColor","theme","hover","active","AccordionItemContainer","_templateObject3","AccordionItemBodyContainer","_templateObject4","padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  :focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  :hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  :active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${props => COLORS.getColor('white', props.theme)}!important;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ padding?: string }>`\r\n  padding: ${(props) => props.padding || '8px 16px'};\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","AccordionMenuWrapper","div","_templateObject","_taggedTemplateLiteral","AccordionItemHeaderContainer","_templateObject2","props","Regular","getColor","theme","hover","active","AccordionItemContainer","_templateObject3","AccordionItemBodyContainer","_templateObject4","$padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  :focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  :hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  :active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${props => COLORS.getColor('white', props.theme)}!important;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ $padding?: string }>`\r\n  padding: ${(props) => props.$padding || '8px 16px'};\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.$padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.$padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/AuthPage/AuthPage.cjs

@@ -34,7 +34,7 @@ var AuthPage = function AuthPage(_ref) {
       className: "panel ".concat(panel.className || '')
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenSetsContainer["default"], {
       id: screenSetsContainerId,
-      centerContents: !panel
+      $centerContents: !panel
     })]
   });
 };

package/dist/AuthPage/AuthPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPage.cjs","names":["React","_interopRequireWildcard","require","_ScreenSetsContainer","_interopRequireDefault","_styledComponents","_Panel","_styles","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","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","AuthPageWrapper","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","exports","AuthPage","_ref","screenSetsContainerId","panel","_ref$order","order","jsxs","className","children","jsx","Panel","concat","id","centerContents","propTypes","_propTypes","oneOf","string","isRequired","_default"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport styled from \"styled-components\";\r\nimport {Panel, PanelProps} from \"../Panel\";\r\nimport {BREAKPOINTS} from \"../styles\";\r\n\r\n\r\nexport const AuthPageWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .panel {\r\n    flex: 1;\r\n    display: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .panel {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nexport type AuthPageProps = {\r\n  panel?: PanelProps;\r\n  order?: 'default' | 'reverse';\r\n  screenSetsContainerId: string;\r\n};\r\n\r\nconst AuthPage = ({\r\n                    screenSetsContainerId,\r\n                    panel,\r\n                    order = 'default'\r\n                  }: AuthPageProps) => {\r\n  return (\r\n    <AuthPageWrapper className={order}>\r\n      {\r\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\r\n      }\r\n      <ScreenSetsContainer id={screenSetsContainerId} centerContents={!panel}/>\r\n    </AuthPageWrapper>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AuthPage.cjs","names":["React","_interopRequireWildcard","require","_ScreenSetsContainer","_interopRequireDefault","_styledComponents","_Panel","_styles","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","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","AuthPageWrapper","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","exports","AuthPage","_ref","screenSetsContainerId","panel","_ref$order","order","jsxs","className","children","jsx","Panel","concat","id","$centerContents","propTypes","_propTypes","oneOf","string","isRequired","_default"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport styled from \"styled-components\";\r\nimport {Panel, PanelProps} from \"../Panel\";\r\nimport {BREAKPOINTS} from \"../styles\";\r\n\r\n\r\nexport const AuthPageWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .panel {\r\n    flex: 1;\r\n    display: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .panel {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nexport type AuthPageProps = {\r\n  panel?: PanelProps;\r\n  order?: 'default' | 'reverse';\r\n  screenSetsContainerId: string;\r\n};\r\n\r\nconst AuthPage = ({\r\n                    screenSetsContainerId,\r\n                    panel,\r\n                    order = 'default'\r\n                  }: AuthPageProps) => {\r\n  return (\r\n    <AuthPageWrapper className={order}>\r\n      {\r\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\r\n      }\r\n      <ScreenSetsContainer id={screenSetsContainerId} $centerContents={!panel}/>\r\n    </AuthPageWrapper>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/AuthPage/AuthPage.js

@@ -24,7 +24,7 @@ var AuthPage = function AuthPage(_ref) {
       className: "panel ".concat(panel.className || '')
     })), /*#__PURE__*/_jsx(ScreenSetsContainer, {
       id: screenSetsContainerId,
-      centerContents: !panel
+      $centerContents: !panel
     })]
   });
 };

package/dist/AuthPage/AuthPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPage.js","names":["React","ScreenSetsContainer","styled","Panel","BREAKPOINTS","jsx","_jsx","jsxs","_jsxs","AuthPageWrapper","div","_templateObject","_taggedTemplateLiteral","MEDIUM","AuthPage","_ref","screenSetsContainerId","panel","_ref$order","order","className","children","_objectSpread","concat","id","centerContents","propTypes","_pt","oneOf","string","isRequired"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport styled from \"styled-components\";\r\nimport {Panel, PanelProps} from \"../Panel\";\r\nimport {BREAKPOINTS} from \"../styles\";\r\n\r\n\r\nexport const AuthPageWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .panel {\r\n    flex: 1;\r\n    display: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .panel {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nexport type AuthPageProps = {\r\n  panel?: PanelProps;\r\n  order?: 'default' | 'reverse';\r\n  screenSetsContainerId: string;\r\n};\r\n\r\nconst AuthPage = ({\r\n                    screenSetsContainerId,\r\n                    panel,\r\n                    order = 'default'\r\n                  }: AuthPageProps) => {\r\n  return (\r\n    <AuthPageWrapper className={order}>\r\n      {\r\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\r\n      }\r\n      <ScreenSetsContainer id={screenSetsContainerId} centerContents={!panel}/>\r\n    </AuthPageWrapper>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,KAAK,QAAmB,UAAU;AAC1C,SAAQC,WAAW,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGtC,OAAO,IAAMC,eAAe,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+OAUrCR,WAAW,CAACS,MAAM,CASrB;AAQD,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAIyB;EAAA,IAHnBC,qBAAqB,GAAAD,IAAA,CAArBC,qBAAqB;IACrBC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,UAAA,GAAAH,IAAA,CACLI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;EAEnC,oBACEV,KAAA,CAACC,eAAe;IAACW,SAAS,EAAED,KAAM;IAAAE,QAAA,GAE9BJ,KAAK,iBAAIX,IAAA,CAACH,KAAK,EAAAmB,aAAA,CAAAA,aAAA,KAAKL,KAAK;MAAEE,KAAK,EAAEA,KAAM;MAACC,SAAS,WAAAG,MAAA,CAAWN,KAAK,CAACG,SAAS,IAAI,EAAE;IAAG,EAAC,CAAC,eAEzFd,IAAA,CAACL,mBAAmB;MAACuB,EAAE,EAAER,qBAAsB;MAACS,cAAc,EAAE,CAACR;IAAM,CAAC,CAAC;EAAA,CAC1D,CAAC;AAEtB,CAAC;AAACH,QAAA,CAAAY,SAAA;EAjBAP,KAAK,EAAAQ,GAAA,CAAAC,KAAA,EAAG,SAAS,EAAG,SAAS;EAC7BZ,qBAAqB,EAAAW,GAAA,CAAAE,MAAA,CAAAC;AAAA;AAkBvB,eAAehB,QAAQ","ignoreList":[]}
+{"version":3,"file":"AuthPage.js","names":["React","ScreenSetsContainer","styled","Panel","BREAKPOINTS","jsx","_jsx","jsxs","_jsxs","AuthPageWrapper","div","_templateObject","_taggedTemplateLiteral","MEDIUM","AuthPage","_ref","screenSetsContainerId","panel","_ref$order","order","className","children","_objectSpread","concat","id","$centerContents","propTypes","_pt","oneOf","string","isRequired"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport styled from \"styled-components\";\r\nimport {Panel, PanelProps} from \"../Panel\";\r\nimport {BREAKPOINTS} from \"../styles\";\r\n\r\n\r\nexport const AuthPageWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .panel {\r\n    flex: 1;\r\n    display: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .panel {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nexport type AuthPageProps = {\r\n  panel?: PanelProps;\r\n  order?: 'default' | 'reverse';\r\n  screenSetsContainerId: string;\r\n};\r\n\r\nconst AuthPage = ({\r\n                    screenSetsContainerId,\r\n                    panel,\r\n                    order = 'default'\r\n                  }: AuthPageProps) => {\r\n  return (\r\n    <AuthPageWrapper className={order}>\r\n      {\r\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\r\n      }\r\n      <ScreenSetsContainer id={screenSetsContainerId} $centerContents={!panel}/>\r\n    </AuthPageWrapper>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,KAAK,QAAmB,UAAU;AAC1C,SAAQC,WAAW,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGtC,OAAO,IAAMC,eAAe,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+OAUrCR,WAAW,CAACS,MAAM,CASrB;AAQD,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAIyB;EAAA,IAHnBC,qBAAqB,GAAAD,IAAA,CAArBC,qBAAqB;IACrBC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,UAAA,GAAAH,IAAA,CACLI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;EAEnC,oBACEV,KAAA,CAACC,eAAe;IAACW,SAAS,EAAED,KAAM;IAAAE,QAAA,GAE9BJ,KAAK,iBAAIX,IAAA,CAACH,KAAK,EAAAmB,aAAA,CAAAA,aAAA,KAAKL,KAAK;MAAEE,KAAK,EAAEA,KAAM;MAACC,SAAS,WAAAG,MAAA,CAAWN,KAAK,CAACG,SAAS,IAAI,EAAE;IAAG,EAAC,CAAC,eAEzFd,IAAA,CAACL,mBAAmB;MAACuB,EAAE,EAAER,qBAAsB;MAACS,eAAe,EAAE,CAACR;IAAM,CAAC,CAAC;EAAA,CAC3D,CAAC;AAEtB,CAAC;AAACH,QAAA,CAAAY,SAAA;EAjBAP,KAAK,EAAAQ,GAAA,CAAAC,KAAA,EAAG,SAAS,EAAG,SAAS;EAC7BZ,qBAAqB,EAAAW,GAAA,CAAAE,MAAA,CAAAC;AAAA;AAkBvB,eAAehB,QAAQ","ignoreList":[]}

package/dist/AuthPage/ScreenSetsContainer.cjs

@@ -10,7 +10,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _templateObject;
 var ScreenSetsContainer = _styledComponents["default"].section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  box-sizing: border-box;\n\n  padding: 8px;\n  width: 100%;\n  align-items: ", ";\n\n  .gigya-screen-caption {\n    display: none;\n  }\n\n  .gigya-screen {\n    max-width: 100%;\n    margin: auto;\n  }\n\n  ", " {\n    padding: 24px;\n    width: 50%;\n\n    .gigya-screen {\n      margin: 0;\n      padding: 36px 25px !important;\n    }\n  }\n\n  ", " {\n    .gigya-screen {\n      max-width: 550px;\n    }\n  }\n"])), function (props) {
-  return props.centerContents ? 'center' : 'unset';
+  return props.$centerContents ? 'center' : 'unset';
 }, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
 var _default = ScreenSetsContainer;
 exports["default"] = _default;

package/dist/AuthPage/ScreenSetsContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenSetsContainer.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_templateObject","ScreenSetsContainer","styled","section","_taggedTemplateLiteral2","props","centerContents","BREAKPOINTS","MEDIUM","LARGE","_default","exports"],"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst ScreenSetsContainer = styled.section<{ centerContents: boolean }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  box-sizing: border-box;\r\n\r\n  padding: 8px;\r\n  width: 100%;\r\n  align-items: ${props => (props.centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: 50%;\r\n\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    .gigya-screen {\r\n      max-width: 550px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAsC,IAAAE,eAAA;AAEtC,IAAMC,mBAAmB,GAAGC,4BAAM,CAACC,OAAO,CAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,+eAQzB,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,cAAc,GAAG,QAAQ,GAAG,OAAO;AAAA,CAAC,EAWjEC,mBAAW,CAACC,MAAM,EAUlBD,mBAAW,CAACE,KAAK,CAKpB;AAAC,IAAAC,QAAA,GAEaT,mBAAmB;AAAAU,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"ScreenSetsContainer.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_templateObject","ScreenSetsContainer","styled","section","_taggedTemplateLiteral2","props","$centerContents","BREAKPOINTS","MEDIUM","LARGE","_default","exports"],"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst ScreenSetsContainer = styled.section<{ $centerContents: boolean }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  box-sizing: border-box;\r\n\r\n  padding: 8px;\r\n  width: 100%;\r\n  align-items: ${props => (props.$centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: 50%;\r\n\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    .gigya-screen {\r\n      max-width: 550px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAsC,IAAAE,eAAA;AAEtC,IAAMC,mBAAmB,GAAGC,4BAAM,CAACC,OAAO,CAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,+eAQzB,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,eAAe,GAAG,QAAQ,GAAG,OAAO;AAAA,CAAC,EAWlEC,mBAAW,CAACC,MAAM,EAUlBD,mBAAW,CAACE,KAAK,CAKpB;AAAC,IAAAC,QAAA,GAEaT,mBAAmB;AAAAU,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/AuthPage/ScreenSetsContainer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 declare const ScreenSetsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
-    centerContents: boolean;
+    $centerContents: boolean;
 }>> & string;
 export default ScreenSetsContainer;

package/dist/AuthPage/ScreenSetsContainer.js

@@ -3,7 +3,7 @@ var _templateObject;
 import styled from 'styled-components';
 import { BREAKPOINTS } from '../styles';
 var ScreenSetsContainer = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  box-sizing: border-box;\n\n  padding: 8px;\n  width: 100%;\n  align-items: ", ";\n\n  .gigya-screen-caption {\n    display: none;\n  }\n\n  .gigya-screen {\n    max-width: 100%;\n    margin: auto;\n  }\n\n  ", " {\n    padding: 24px;\n    width: 50%;\n\n    .gigya-screen {\n      margin: 0;\n      padding: 36px 25px !important;\n    }\n  }\n\n  ", " {\n    .gigya-screen {\n      max-width: 550px;\n    }\n  }\n"])), function (props) {
-  return props.centerContents ? 'center' : 'unset';
+  return props.$centerContents ? 'center' : 'unset';
 }, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
 export default ScreenSetsContainer;
 //# sourceMappingURL=ScreenSetsContainer.js.map

package/dist/AuthPage/ScreenSetsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenSetsContainer.js","names":["styled","BREAKPOINTS","ScreenSetsContainer","section","_templateObject","_taggedTemplateLiteral","props","centerContents","MEDIUM","LARGE"],"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst ScreenSetsContainer = styled.section<{ centerContents: boolean }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  box-sizing: border-box;\r\n\r\n  padding: 8px;\r\n  width: 100%;\r\n  align-items: ${props => (props.centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: 50%;\r\n\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    .gigya-screen {\r\n      max-width: 550px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,QAAO,WAAW;AAErC,IAAMC,mBAAmB,GAAGF,MAAM,CAACG,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,meAQzB,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,cAAc,GAAG,QAAQ,GAAG,OAAO;AAAA,CAAC,EAWjEN,WAAW,CAACO,MAAM,EAUlBP,WAAW,CAACQ,KAAK,CAKpB;AAED,eAAeP,mBAAmB","ignoreList":[]}
+{"version":3,"file":"ScreenSetsContainer.js","names":["styled","BREAKPOINTS","ScreenSetsContainer","section","_templateObject","_taggedTemplateLiteral","props","$centerContents","MEDIUM","LARGE"],"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst ScreenSetsContainer = styled.section<{ $centerContents: boolean }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  box-sizing: border-box;\r\n\r\n  padding: 8px;\r\n  width: 100%;\r\n  align-items: ${props => (props.$centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: 50%;\r\n\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    .gigya-screen {\r\n      max-width: 550px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,QAAO,WAAW;AAErC,IAAMC,mBAAmB,GAAGF,MAAM,CAACG,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,meAQzB,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,eAAe,GAAG,QAAQ,GAAG,OAAO;AAAA,CAAC,EAWlEN,WAAW,CAACO,MAAM,EAUlBP,WAAW,CAACQ,KAAK,CAKpB;AAED,eAAeP,mBAAmB","ignoreList":[]}

package/dist/Banners/Banner.cjs

@@ -34,13 +34,13 @@ var BannerContainerStyles = _styledComponents["default"].div(_templateObject ||
 }, function (props) {
   return _styles.COLORS.getColor('black', props.theme);
 }, function (props) {
-  return props.bottom ? 'auto' : '0';
+  return props.$bottom ? 'auto' : '0';
 }, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _HyperLink.StyledLink, function (props) {
-  return props.link;
+  return props.$link;
 }, function (props) {
-  return props.linkVisited;
+  return props.$linkVisited;
 }, function (props) {
-  return props.linkFocused;
+  return props.$linkFocused;
 }, function (props) {
   return _styles.COLORS.getColor('white', props.theme);
 });
@@ -129,10 +129,10 @@ var Banner = function Banner(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContainerStyles, _objectSpread(_objectSpread({
     "data-testid": testId,
     $type: bannerParams.typeColor,
-    linkFocused: bannerParams.linkFocused,
-    linkVisited: bannerParams.linkVisited,
-    link: bannerParams.accentColor,
-    bottom: bottom,
+    $linkFocused: bannerParams.linkFocused,
+    $linkVisited: bannerParams.linkVisited,
+    $link: bannerParams.accentColor,
+    $bottom: bottom,
     className: cls,
     role: "note"
   }, rest), {}, {

package/dist/Banners/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_icons","_Button","_styles2","_HyperLink","_utils","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","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","BannerContainerStyles","styled","div","_taggedTemplateLiteral2","props","$type","COLORS","getColor","theme","bottom","BREAKPOINTS","MEDIUM","LARGE","StyledLink","link","linkVisited","linkFocused","exports","BannerCenterStyles","ComponentMStyling","ComponentTextStyle","Regular","BannerCloseButtonWrapperStyles","BannerCloseButtonContainerStyles","getButtonStyle","BannerContentWrapperStyles","Banner","_ref","size","_ref$type","type","children","testId","linkText","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties2","useTheme","_React$useState","useState","hasWindow","window","innerWidth","_React$useState2","_slicedToArray2","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","accentColor","closeIconColor","SystemIcons","Tip","containerType","focusBgColor","Help","TechnicalWarning","ThumbsUp","cls","concat","jsx","role","jsxs","style","color","ComponentResponsive","HyperLink","id","Math","floor","random","onClick","preventDefault","href","variant","IconButton","shape","useTransparentBackground","action","Close","propTypes","_propTypes","oneOf","string","func","bool","node","_default"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { $type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<StyleBannerProps>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${(props: StyleBannerProps) => (props.bottom ? 'auto' : '0')};\r\n  border-radius: 4px;\r\n\r\n  button:last-child {\r\n    line-height: 0;\r\n    margin: 0 0 0 8px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 0 0 32px;\r\n    }\r\n    &.small {\r\n      margin: 0 0 0 8px;\r\n    }\r\n    &.medium {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    &.large {\r\n      margin: 0 0 0 32px;\r\n    }\r\n  }\r\n\r\n  ${StyledLink} {\r\n    &:link {\r\n      color: ${(props) => props.link};\r\n    }\r\n    &:visited {\r\n      color: ${(props) => props.linkVisited};\r\n    }\r\n    &:focus,\r\n    &:active {\r\n      background-color: ${(props) => props.linkFocused};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      linkFocused={bannerParams.linkFocused}\r\n      linkVisited={bannerParams.linkVisited}\r\n      link={bannerParams.accentColor}\r\n      bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Banner.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_icons","_Button","_styles2","_HyperLink","_utils","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","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","BannerContainerStyles","styled","div","_taggedTemplateLiteral2","props","$type","COLORS","getColor","theme","$bottom","BREAKPOINTS","MEDIUM","LARGE","StyledLink","$link","$linkVisited","$linkFocused","exports","BannerCenterStyles","ComponentMStyling","ComponentTextStyle","Regular","BannerCloseButtonWrapperStyles","BannerCloseButtonContainerStyles","getButtonStyle","BannerContentWrapperStyles","Banner","_ref","size","_ref$type","type","children","bottom","testId","linkText","link","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties2","useTheme","_React$useState","useState","hasWindow","window","innerWidth","_React$useState2","_slicedToArray2","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","accentColor","closeIconColor","SystemIcons","Tip","containerType","focusBgColor","linkVisited","linkFocused","Help","TechnicalWarning","ThumbsUp","cls","concat","jsx","role","jsxs","style","color","ComponentResponsive","HyperLink","id","Math","floor","random","onClick","preventDefault","href","variant","IconButton","shape","useTransparentBackground","action","Close","propTypes","_propTypes","oneOf","string","func","bool","node","_default"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<{ $link?: string, $bottom?: boolean, $type: string; $linkVisited: string; $linkFocused: string }>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${props => (props.$bottom ? 'auto' : '0')};\r\n  border-radius: 4px;\r\n\r\n  button:last-child {\r\n    line-height: 0;\r\n    margin: 0 0 0 8px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 0 0 32px;\r\n    }\r\n    &.small {\r\n      margin: 0 0 0 8px;\r\n    }\r\n    &.medium {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    &.large {\r\n      margin: 0 0 0 32px;\r\n    }\r\n  }\r\n\r\n  ${StyledLink} {\r\n    &:link {\r\n      color: ${(props) => props.$link};\r\n    }\r\n    &:visited {\r\n      color: ${(props) => props.$linkVisited};\r\n    }\r\n    &:focus,\r\n    &:active {\r\n      background-color: ${(props) => props.$linkFocused};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      $linkFocused={bannerParams.linkFocused}\r\n      $linkVisited={bannerParams.linkVisited}\r\n      $link={bannerParams.accentColor}\r\n      $bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Banners/Banner.d.ts

@@ -4,11 +4,17 @@ import { Size } from '../types';
  * Styles for <Banner />
  */
 export type StyleBannerProps = BannerProps & {
-    $type: string;
+    type: string;
     linkVisited: string;
     linkFocused: string;
 };
-export declare const BannerContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleBannerProps>> & string;
+export declare const BannerContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $link?: string | undefined;
+    $bottom?: boolean | undefined;
+    $type: string;
+    $linkVisited: string;
+    $linkFocused: string;
+}>> & string;
 export declare const BannerCenterStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const BannerCloseButtonWrapperStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const BannerCloseButtonContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/Banners/Banner.js

@@ -28,13 +28,13 @@ export var BannerContainerStyles = styled.div(_templateObject || (_templateObjec
 }, function (props) {
   return COLORS.getColor('black', props.theme);
 }, function (props) {
-  return props.bottom ? 'auto' : '0';
+  return props.$bottom ? 'auto' : '0';
 }, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, StyledLink, function (props) {
-  return props.link;
+  return props.$link;
 }, function (props) {
-  return props.linkVisited;
+  return props.$linkVisited;
 }, function (props) {
-  return props.linkFocused;
+  return props.$linkFocused;
 }, function (props) {
   return COLORS.getColor('white', props.theme);
 });
@@ -118,10 +118,10 @@ var Banner = function Banner(_ref) {
   return /*#__PURE__*/_jsx(BannerContainerStyles, _objectSpread(_objectSpread({
     "data-testid": testId,
     $type: bannerParams.typeColor,
-    linkFocused: bannerParams.linkFocused,
-    linkVisited: bannerParams.linkVisited,
-    link: bannerParams.accentColor,
-    bottom: bottom,
+    $linkFocused: bannerParams.linkFocused,
+    $linkVisited: bannerParams.linkVisited,
+    $link: bannerParams.accentColor,
+    $bottom: bottom,
     className: cls,
     role: "note"
   }, rest), {}, {