@laerdal/life-react-components 3.5.1-dev.15 → 3.5.1-dev.17

package/dist/SideMenu/SideMenuHeader.js

@@ -13,7 +13,13 @@ import { SystemIcons } from '../icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
-var LabelContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
+var LabelContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+});
 export var SideMenuHeader = function SideMenuHeader(props) {
   var _props$header, _props$header$actions, _props$header2;
   return /*#__PURE__*/_jsxs(Wrapper, {

package/dist/SideMenu/SideMenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","LabelContainer","_templateObject2","Bold","neutral_600","SideMenuHeader","props","_props$header","_props$header$actions","_props$header2","children","header","actions","map","_ref","index","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","variant","shape","label","action","onClose","style","marginLeft","Close"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 8px;\r\n\r\n  .small & {\r\n    min-height: 48px;\r\n  }\r\n\r\n  .medium & {\r\n    min-height: 56px;\r\n  }\r\n\r\n  .large & {\r\n    min-height: 64px;\r\n  }\r\n`;\r\n\r\nconst LabelContainer = styled.div`\r\n  margin-left: 8px;\r\n\r\n  .small & {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n\r\n  .medium & {\r\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n\r\n  .large & {\r\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\nexport const SideMenuHeader = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        props.header?.actions?.map(({icon, ...rest}, index) =>\r\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        )\r\n      }\r\n      {\r\n        props.header?.label &&\r\n        <LabelContainer>\r\n          {props.header.label}\r\n        </LabelContainer>\r\n      }\r\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\r\n        <SystemIcons.Close/>\r\n      </IconButton>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAO,WAAW;AAC7G,SAAQC,UAAU,QAAO,WAAW;AACpC,SAAQC,WAAW,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErC,IAAMC,OAAO,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4MAgBzB;AAED,IAAMC,cAAc,GAAGhB,MAAM,CAACa,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,8HAI3BX,iBAAiB,CAACC,kBAAkB,CAACa,IAAI,EAAEjB,MAAM,CAACkB,WAAW,CAAC,EAI9DhB,iBAAiB,CAACE,kBAAkB,CAACa,IAAI,EAAEjB,MAAM,CAACkB,WAAW,CAAC,EAI9DjB,iBAAiB,CAACG,kBAAkB,CAACa,IAAI,EAAEjB,MAAM,CAACkB,WAAW,CAAC,CAEnE;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAoB,EAAK;EAAA,IAAAC,aAAA,EAAAC,qBAAA,EAAAC,cAAA;EAEtD,oBACEb,KAAA,CAACC,OAAO;IAAAa,QAAA,IAAAH,aAAA,GAEJD,KAAK,CAACK,MAAM,cAAAJ,aAAA,wBAAAC,qBAAA,GAAZD,aAAA,CAAcK,OAAO,cAAAJ,qBAAA,uBAArBA,qBAAA,CAAuBK,GAAG,CAAC,UAAAC,IAAA,EAAkBC,KAAK;MAAA,IAArBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;QAAKC,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;MAAA,oBACxCzB,IAAA,CAACH,UAAU,EAAA6B,aAAA,CAAAA,aAAA;QAAaC,OAAO,EAAE,WAAY;QAACC,KAAK,EAAE;MAAW,GAAKL,IAAI;QAAAP,QAAA,EACtEM;MAAI,IADUD,KAEL,CAAC;IAAA,CACf,CAAC,EAGD,EAAAN,cAAA,GAAAH,KAAK,CAACK,MAAM,cAAAF,cAAA,uBAAZA,cAAA,CAAcc,KAAK,kBACnB7B,IAAA,CAACO,cAAc;MAAAS,QAAA,EACZJ,KAAK,CAACK,MAAM,CAACY;IAAK,CACL,CAAC,eAEnB7B,IAAA,CAACH,UAAU;MAACiC,MAAM,EAAElB,KAAK,CAACmB,OAAQ;MAACJ,OAAO,EAAE,WAAY;MAACC,KAAK,EAAE,UAAW;MAACI,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAAjB,QAAA,eACtGhB,IAAA,CAACF,WAAW,CAACoC,KAAK,IAAC;IAAC,CACV,CAAC;EAAA,CACN,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","LabelContainer","_templateObject2","props","Bold","getColor","theme","SideMenuHeader","_props$header","_props$header$actions","_props$header2","children","header","actions","map","_ref","index","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","variant","shape","label","action","onClose","style","marginLeft","Close"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 8px;\r\n\r\n  .small & {\r\n    min-height: 48px;\r\n  }\r\n\r\n  .medium & {\r\n    min-height: 56px;\r\n  }\r\n\r\n  .large & {\r\n    min-height: 64px;\r\n  }\r\n`;\r\n\r\nconst LabelContainer = styled.div`\r\n  margin-left: 8px;\r\n\r\n  .small & {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const SideMenuHeader = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        props.header?.actions?.map(({icon, ...rest}, index) =>\r\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        )\r\n      }\r\n      {\r\n        props.header?.label &&\r\n        <LabelContainer>\r\n          {props.header.label}\r\n        </LabelContainer>\r\n      }\r\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\r\n        <SystemIcons.Close/>\r\n      </IconButton>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAO,WAAW;AAC7G,SAAQC,UAAU,QAAO,WAAW;AACpC,SAAQC,WAAW,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErC,IAAMC,OAAO,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4MAgBzB;AAED,IAAMC,cAAc,GAAGhB,MAAM,CAACa,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,8HAI3B,UAAAG,KAAK;EAAA,OAAId,iBAAiB,CAACC,kBAAkB,CAACc,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAIhG,UAAAH,KAAK;EAAA,OAAIf,iBAAiB,CAACE,kBAAkB,CAACc,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAIhG,UAAAH,KAAK;EAAA,OAAIhB,iBAAiB,CAACG,kBAAkB,CAACc,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EAErG;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIJ,KAAoB,EAAK;EAAA,IAAAK,aAAA,EAAAC,qBAAA,EAAAC,cAAA;EAEtD,oBACEd,KAAA,CAACC,OAAO;IAAAc,QAAA,IAAAH,aAAA,GAEJL,KAAK,CAACS,MAAM,cAAAJ,aAAA,wBAAAC,qBAAA,GAAZD,aAAA,CAAcK,OAAO,cAAAJ,qBAAA,uBAArBA,qBAAA,CAAuBK,GAAG,CAAC,UAAAC,IAAA,EAAkBC,KAAK;MAAA,IAArBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;QAAKC,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;MAAA,oBACxC1B,IAAA,CAACH,UAAU,EAAA8B,aAAA,CAAAA,aAAA;QAAaC,OAAO,EAAE,WAAY;QAACC,KAAK,EAAE;MAAW,GAAKL,IAAI;QAAAP,QAAA,EACtEM;MAAI,IADUD,KAEL,CAAC;IAAA,CACf,CAAC,EAGD,EAAAN,cAAA,GAAAP,KAAK,CAACS,MAAM,cAAAF,cAAA,uBAAZA,cAAA,CAAcc,KAAK,kBACnB9B,IAAA,CAACO,cAAc;MAAAU,QAAA,EACZR,KAAK,CAACS,MAAM,CAACY;IAAK,CACL,CAAC,eAEnB9B,IAAA,CAACH,UAAU;MAACkC,MAAM,EAAEtB,KAAK,CAACuB,OAAQ;MAACJ,OAAO,EAAE,WAAY;MAACC,KAAK,EAAE,UAAW;MAACI,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAAjB,QAAA,eACtGjB,IAAA,CAACF,WAAW,CAACqC,KAAK,IAAC;IAAC,CACV,CAAC;EAAA,CACN,CAAC;AAEd,CAAC","ignoreList":[]}

package/dist/SkipToContent/SkipToContent.cjs

@@ -15,8 +15,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-var SkipToContentLink = _styledComponents["default"].a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  text-decoration: underline;\n"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.black));
-var SkipToContentWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), _styles.COLORS.accent2_200);
+var SkipToContentLink = _styledComponents["default"].a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  text-decoration: underline;\n"])), function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme));
+});
+var SkipToContentWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('accent2_200', props.theme);
+});
 var SkipToContent = function SkipToContent(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(SkipToContentWrapper, {

package/dist/SkipToContent/SkipToContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkipToContent.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SkipToContentLink","styled","_taggedTemplateLiteral2","ComponentSStyling","ComponentTextStyle","Bold","COLORS","black","SkipToContentWrapper","div","accent2_200","SkipToContent","_ref","children","jsx","href","propTypes","_propTypes","node","isRequired","_default","exports"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n\r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n    flex: 1 0 auto;\r\n    background: ${COLORS.accent2_200};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOtD,IAAMW,iBAAiB,GAAGC,4BAAM,CAACV,CAAC,CAAAb,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,gEAC9B,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,KAAK,CAAC,CAG3D;AAED,IAAMC,oBAAoB,GAAGP,4BAAM,CAACQ,GAAG,CAAA9B,gBAAA,KAAAA,gBAAA,OAAAuB,uBAAA,4RAWrBI,cAAM,CAACI,WAAW,CAMnC;AAED,IAAMC,aAA0D,GAAG,SAA7DA,aAA0DA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC5E,oBACE,IAAApC,WAAA,CAAAqC,GAAA,EAACN,oBAAoB;IAAAK,QAAA,eACnB,IAAApC,WAAA,CAAAqC,GAAA,EAACd,iBAAiB;MAACe,IAAI,EAAC,OAAO;MAAAF,QAAA,EAAEA;IAAQ,CAAoB;EAAC,CAC1C,CAAC;AAE3B,CAAC;AAACF,aAAA,CAAAK,SAAA;EAlCAH,QAAQ,EAAAI,UAAA,YAAAC,IAAA,CAAAC;AAAA;AAAA,IAAAC,QAAA,GAoCKT,aAAa;AAAAU,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"SkipToContent.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SkipToContentLink","styled","_taggedTemplateLiteral2","props","ComponentSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","SkipToContentWrapper","div","SkipToContent","_ref","children","jsx","href","propTypes","_propTypes","node","isRequired","_default","exports"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n\r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n    flex: 1 0 auto;\r\n    background: ${props => COLORS.getColor('accent2_200', props.theme)};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOtD,IAAMW,iBAAiB,GAAGC,4BAAM,CAACV,CAAC,CAAAb,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,gEAC9B,UAAAC,KAAK;EAAA,OAAI,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,EAG7F;AAED,IAAMC,oBAAoB,GAAGT,4BAAM,CAACU,GAAG,CAAAhC,gBAAA,KAAAA,gBAAA,OAAAuB,uBAAA,4RAWrB,UAAAC,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,EAMrE;AAED,IAAMG,aAA0D,GAAG,SAA7DA,aAA0DA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC5E,oBACE,IAAArC,WAAA,CAAAsC,GAAA,EAACL,oBAAoB;IAAAI,QAAA,eACnB,IAAArC,WAAA,CAAAsC,GAAA,EAACf,iBAAiB;MAACgB,IAAI,EAAC,OAAO;MAAAF,QAAA,EAAEA;IAAQ,CAAoB;EAAC,CAC1C,CAAC;AAE3B,CAAC;AAACF,aAAA,CAAAK,SAAA;EAlCAH,QAAQ,EAAAI,UAAA,YAAAC,IAAA,CAAAC;AAAA;AAAA,IAAAC,QAAA,GAoCKT,aAAa;AAAAU,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/SkipToContent/SkipToContent.js

@@ -6,8 +6,12 @@ import styled from 'styled-components';
 import { COLORS, ComponentTextStyle } from '../styles';
 import { ComponentSStyling } from '../styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-var SkipToContentLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  text-decoration: underline;\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.black));
-var SkipToContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), COLORS.accent2_200);
+var SkipToContentLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  text-decoration: underline;\n"])), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme));
+});
+var SkipToContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
+  return COLORS.getColor('accent2_200', props.theme);
+});
 var SkipToContent = function SkipToContent(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_jsx(SkipToContentWrapper, {

package/dist/SkipToContent/SkipToContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipToContent.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","jsx","_jsx","SkipToContentLink","a","_templateObject","_taggedTemplateLiteral","Bold","black","SkipToContentWrapper","div","_templateObject2","accent2_200","SkipToContent","_ref","children","href","propTypes","_pt","node","isRequired"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n\r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n    flex: 1 0 auto;\r\n    background: ${COLORS.accent2_200};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACrD,SAASC,iBAAiB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM9C,IAAMC,iBAAiB,GAAGN,MAAM,CAACO,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oDAC9BN,iBAAiB,CAACD,kBAAkB,CAACQ,IAAI,EAAET,MAAM,CAACU,KAAK,CAAC,CAG3D;AAED,IAAMC,oBAAoB,GAAGZ,MAAM,CAACa,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,gRAWrBR,MAAM,CAACc,WAAW,CAMnC;AAED,IAAMC,aAA0D,GAAG,SAA7DA,aAA0DA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC5E,oBACEb,IAAA,CAACO,oBAAoB;IAAAM,QAAA,eACnBb,IAAA,CAACC,iBAAiB;MAACa,IAAI,EAAC,OAAO;MAAAD,QAAA,EAAEA;IAAQ,CAAoB;EAAC,CAC1C,CAAC;AAE3B,CAAC;AAACF,aAAA,CAAAI,SAAA;EAlCAF,QAAQ,EAAAG,GAAA,CAAAC,IAAA,CAAAC;AAAA;AAoCV,eAAeP,aAAa","ignoreList":[]}
+{"version":3,"file":"SkipToContent.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","jsx","_jsx","SkipToContentLink","a","_templateObject","_taggedTemplateLiteral","props","Bold","getColor","theme","SkipToContentWrapper","div","_templateObject2","SkipToContent","_ref","children","href","propTypes","_pt","node","isRequired"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n\r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n    flex: 1 0 auto;\r\n    background: ${props => COLORS.getColor('accent2_200', props.theme)};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACrD,SAASC,iBAAiB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM9C,IAAMC,iBAAiB,GAAGN,MAAM,CAACO,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oDAC9B,UAAAC,KAAK;EAAA,OAAIP,iBAAiB,CAACD,kBAAkB,CAACS,IAAI,EAAEV,MAAM,CAACW,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EAG7F;AAED,IAAMC,oBAAoB,GAAGd,MAAM,CAACe,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,gRAWrB,UAAAC,KAAK;EAAA,OAAIT,MAAM,CAACW,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAMrE;AAED,IAAMI,aAA0D,GAAG,SAA7DA,aAA0DA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC5E,oBACEd,IAAA,CAACS,oBAAoB;IAAAK,QAAA,eACnBd,IAAA,CAACC,iBAAiB;MAACc,IAAI,EAAC,OAAO;MAAAD,QAAA,EAAEA;IAAQ,CAAoB;EAAC,CAC1C,CAAC;AAE3B,CAAC;AAACF,aAAA,CAAAI,SAAA;EAlCAF,QAAQ,EAAAG,GAAA,CAAAC,IAAA,CAAAC;AAAA;AAoCV,eAAeP,aAAa","ignoreList":[]}

package/dist/Switcher/SwitcherMenuItem.cjs

@@ -13,7 +13,33 @@ var _styles = require("../styles");
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-var StyledSwitcherItem = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), _styles.Z_INDEXES.active, _styles.COLORS.neutral_800, _styles.COLORS.primary_500, _styles.COLORS.neutral_800, _styles.COLORS.neutral_300, _styles.COLORS.neutral_100, _styles.Z_INDEXES.hover, _styles.COLORS.primary_600, _styles.COLORS.primary_20, _styles.COLORS.primary_600, _styles.Z_INDEXES.active, _styles.COLORS.primary_800, _styles.COLORS.primary_100, _styles.COLORS.primary_500, _styles.COLORS.primary_800, _styles.focusStyles);
+var StyledSwitcherItem = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), function (props) {
+  return (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+}, _styles.Z_INDEXES.active, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+}, _styles.Z_INDEXES.hover, function (props) {
+  return _styles.COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_600', props.theme);
+}, _styles.Z_INDEXES.active, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, _styles.focusStyles);
 var A = _styledComponents["default"].a(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])([""])));
 var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
   var label = _ref.label,

package/dist/Switcher/SwitcherMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_jsxRuntime","_templateObject","_templateObject2","StyledSwitcherItem","styled","div","_taggedTemplateLiteral2","ComponentMStyling","ComponentTextStyle","Regular","COLORS","neutral_600","Z_INDEXES","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","focusStyles","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","jsxs","onClick","window","location","href","onMouseDown","defaultOnMouseDownHandler","target","className","children","React","cloneElement","size","color","propTypes","_propTypes","string","isRequired","bool","any","_default","exports"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${COLORS.neutral_800};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAEpD,IAAMC,kBAAkB,GAAGC,4BAAM,CAACC,GAAG,CAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,knCASjC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAqBtDC,iBAAS,CAACC,MAAM,EAElBH,cAAM,CAACI,WAAW,EAGLJ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACI,WAAW,EAKnBJ,cAAM,CAACM,WAAW,EACPN,cAAM,CAACO,WAAW,EAI3BL,iBAAS,CAACM,KAAK,EACjBR,cAAM,CAACS,WAAW,EACPT,cAAM,CAACU,UAAU,EAG3BV,cAAM,CAACS,WAAW,EAKjBP,iBAAS,CAACC,MAAM,EAClBH,cAAM,CAACW,WAAW,EACPX,cAAM,CAACY,WAAW,EAGhBZ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACW,WAAW,EAK1BE,mBAAW,CAIhB;AAED,IAAMC,CAAC,GAAGpB,4BAAM,CAACqB,CAAC,CAAAvB,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,oBAAE;AAWpB,IAAMoB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA;EAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAAC,OAAA,GAAAL,IAAA,CAAEM,EAAE;IAAFA,EAAE,GAAAD,OAAA,cAAGR,CAAC,GAAAQ,OAAA;IAAEE,MAAM,GAAAP,IAAA,CAANO,MAAM;EAAA,oBACnE,IAAAlC,WAAA,CAAAmC,IAAA,EAAChC,kBAAkB;IACjBiC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGV,GAAG,IAAI,EAAE;IAAA,CAAE;IAClDI,EAAE,EAAEA,EAAG;IACPO,WAAW,EAAEC,iCAA0B;IACvCF,IAAI,EAAEV,GAAG,IAAI,EAAG;IAChBa,MAAM,EAAC,SAAS;IAEhBC,SAAS,EAAEb,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaI,MAAO;IAAAU,QAAA,GACnB,CAAC,CAACb,IAAI,iBAAIc,iBAAK,CAACC,YAAY,CAACf,IAAI,EAAE;MAACgB,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEpB,KAAK;EAAA,GAJDA,KAKa,CAAC;AAAA,CACtB;AAACF,gBAAA,CAAAuB,SAAA;EArBArB,KAAK,EAAAsB,UAAA,YAAAC,MAAA,CAAAC,UAAA;EACLvB,GAAG,EAAAqB,UAAA,YAAAC,MAAA,CAAAC,UAAA;EACHtB,QAAQ,EAAAoB,UAAA,YAAAG,IAAA;EACRtB,IAAI,EAAAmB,UAAA,YAAAI,GAAA;EACJrB,EAAE,EAAAiB,UAAA,YAAAI,GAAA;EACFpB,MAAM,EAAAgB,UAAA,YAAAC;AAAA;AAAA,IAAAI,QAAA,GAkBO7B,gBAAgB;AAAA8B,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"SwitcherMenuItem.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_jsxRuntime","_templateObject","_templateObject2","StyledSwitcherItem","styled","div","_taggedTemplateLiteral2","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","Z_INDEXES","active","hover","focusStyles","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","jsxs","onClick","window","location","href","onMouseDown","defaultOnMouseDownHandler","target","className","children","React","cloneElement","size","color","propTypes","_propTypes","string","isRequired","bool","any","_default","exports"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Switcher/SwitcherMenuItem.js

@@ -6,7 +6,33 @@ import styled from 'styled-components';
 import { Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles } from '../styles';
 import { defaultOnMouseDownHandler } from '../common';
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var StyledSwitcherItem = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600), Z_INDEXES.active, COLORS.neutral_800, COLORS.primary_500, COLORS.neutral_800, COLORS.neutral_300, COLORS.neutral_100, Z_INDEXES.hover, COLORS.primary_600, COLORS.primary_20, COLORS.primary_600, Z_INDEXES.active, COLORS.primary_800, COLORS.primary_100, COLORS.primary_500, COLORS.primary_800, focusStyles);
+var StyledSwitcherItem = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), function (props) {
+  return ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+}, Z_INDEXES.active, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+}, Z_INDEXES.hover, function (props) {
+  return COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_600', props.theme);
+}, Z_INDEXES.active, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, focusStyles);
 var A = styled.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
 var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
   var label = _ref.label,

package/dist/Switcher/SwitcherMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","jsxs","_jsxs","StyledSwitcherItem","div","_templateObject","_taggedTemplateLiteral","Regular","neutral_600","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","A","a","_templateObject2","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","onClick","window","location","href","onMouseDown","target","className","children","cloneElement","size","color","propTypes","_pt","string","isRequired","bool","any"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${COLORS.neutral_800};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,EAAEC,iBAAiB,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAO,WAAW;AAC/F,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAEpD,IAAMC,kBAAkB,GAAGT,MAAM,CAACU,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,smCASjCV,iBAAiB,CAACE,kBAAkB,CAACS,OAAO,EAAEV,MAAM,CAACW,WAAW,CAAC,EAqBtDb,SAAS,CAACc,MAAM,EAElBZ,MAAM,CAACa,WAAW,EAGLb,MAAM,CAACc,WAAW,EAI9Bd,MAAM,CAACa,WAAW,EAKnBb,MAAM,CAACe,WAAW,EACPf,MAAM,CAACgB,WAAW,EAI3BlB,SAAS,CAACmB,KAAK,EACjBjB,MAAM,CAACkB,WAAW,EACPlB,MAAM,CAACmB,UAAU,EAG3BnB,MAAM,CAACkB,WAAW,EAKjBpB,SAAS,CAACc,MAAM,EAClBZ,MAAM,CAACoB,WAAW,EACPpB,MAAM,CAACqB,WAAW,EAGhBrB,MAAM,CAACc,WAAW,EAI9Bd,MAAM,CAACoB,WAAW,EAK1BlB,WAAW,CAIhB;AAED,IAAMoB,CAAC,GAAGzB,MAAM,CAAC0B,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA,QAAE;AAWpB,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA;EAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAAC,OAAA,GAAAL,IAAA,CAAEM,EAAE;IAAFA,EAAE,GAAAD,OAAA,cAAGT,CAAC,GAAAS,OAAA;IAAEE,MAAM,GAAAP,IAAA,CAANO,MAAM;EAAA,oBACnE5B,KAAA,CAACC,kBAAkB;IACjB4B,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGT,GAAG,IAAI,EAAE;IAAA,CAAE;IAClDI,EAAE,EAAEA,EAAG;IACPM,WAAW,EAAEnC,yBAA0B;IACvCkC,IAAI,EAAET,GAAG,IAAI,EAAG;IAChBW,MAAM,EAAC,SAAS;IAEhBC,SAAS,EAAEX,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaI,MAAO;IAAAQ,QAAA,GACnB,CAAC,CAACX,IAAI,iBAAIlC,KAAK,CAAC8C,YAAY,CAACZ,IAAI,EAAE;MAACa,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEjB,KAAK;EAAA,GAJDA,KAKa,CAAC;AAAA,CACtB;AAACF,gBAAA,CAAAoB,SAAA;EArBAlB,KAAK,EAAAmB,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACLpB,GAAG,EAAAkB,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACHnB,QAAQ,EAAAiB,GAAA,CAAAG,IAAA;EACRnB,IAAI,EAAAgB,GAAA,CAAAI,GAAA;EACJlB,EAAE,EAAAc,GAAA,CAAAI,GAAA;EACFjB,MAAM,EAAAa,GAAA,CAAAC;AAAA;AAkBR,eAAetB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","jsxs","_jsxs","StyledSwitcherItem","div","_templateObject","_taggedTemplateLiteral","props","Regular","getColor","theme","active","hover","A","a","_templateObject2","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","onClick","window","location","href","onMouseDown","target","className","children","cloneElement","size","color","propTypes","_pt","string","isRequired","bool","any"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Table/TableFooter.cjs

@@ -13,9 +13,11 @@ var _icons = require("../icons");
 var _styles = require("../styles");
 var _TableStyles = require("./TableStyles");
 var _common = require("../common");
+var _styledComponents = require("styled-components");
 var _jsxRuntime = require("react/jsx-runtime");
 var TableFooter = function TableFooter(props) {
   var _props$rowsPerPageLab, _props$showMoreLabel, _props$showFewerLabel;
+  var theme = (0, _styledComponents.useTheme)();
   var rowsPerPageValues = [{
     value: '10'
   }, {
@@ -66,7 +68,7 @@ var TableFooter = function TableFooter(props) {
           disabled: props.from === 1 || props.showLoadingIndicator,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ChevronLeft, {
             size: "24",
-            color: _styles.COLORS.neutral_600
+            color: _styles.COLORS.getColor('neutral_600', theme)
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
           variant: "secondary",
@@ -77,7 +79,7 @@ var TableFooter = function TableFooter(props) {
           disabled: props.to === props.total || props.showLoadingIndicator,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ChevronRight, {
             size: "24",
-            color: _styles.COLORS.neutral_600
+            color: _styles.COLORS.getColor('neutral_600', theme)
           })
         })]
       })]

package/dist/Table/TableFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.cjs","names":["_react","_interopRequireDefault","require","_Dropdown","_Button","_icons","_styles","_TableStyles","_common","_jsxRuntime","TableFooter","props","_props$rowsPerPageLab","_props$showMoreLabel","_props$showFewerLabel","rowsPerPageValues","value","dropDownText","concat","rowsPerPageLabel","rowsPerPage","jsxs","StyledTableFooter","children","accordion","StyledTableFooterCollapseButton","onClick","setIsCollapsed","isCollapsed","onMouseDown","defaultOnMouseDownHandler","disabled","rows","length","Fragment","showMoreLabel","jsx","SystemIcons","ArrowDropDown","showFewerLabel","ArrowDropUp","StyledTableFooterContent","DropdownButton","type","items","showLoadingIndicator","onRowsPerPageChange","label","keepLabel","StyledTableFooterCurrentInfo","total","from","to","StyledTableFooterControls","IconButton","variant","shape","action","prevPage","ChevronLeft","size","color","COLORS","neutral_600","nextPage","ChevronRight","propTypes","_propTypes","func","isRequired","number","bool","_default","exports"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft size=\"24\" color={COLORS.neutral_600}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight size=\"24\" color={COLORS.neutral_600}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableFooter.cjs","names":["_react","_interopRequireDefault","require","_Dropdown","_Button","_icons","_styles","_TableStyles","_common","_styledComponents","_jsxRuntime","TableFooter","props","_props$rowsPerPageLab","_props$showMoreLabel","_props$showFewerLabel","theme","useTheme","rowsPerPageValues","value","dropDownText","concat","rowsPerPageLabel","rowsPerPage","jsxs","StyledTableFooter","children","accordion","StyledTableFooterCollapseButton","onClick","setIsCollapsed","isCollapsed","onMouseDown","defaultOnMouseDownHandler","disabled","rows","length","Fragment","showMoreLabel","jsx","SystemIcons","ArrowDropDown","showFewerLabel","ArrowDropUp","StyledTableFooterContent","DropdownButton","type","items","showLoadingIndicator","onRowsPerPageChange","label","keepLabel","StyledTableFooterCurrentInfo","total","from","to","StyledTableFooterControls","IconButton","variant","shape","action","prevPage","ChevronLeft","size","color","COLORS","getColor","nextPage","ChevronRight","propTypes","_propTypes","func","isRequired","number","bool","_default","exports"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const theme = useTheme();\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Table/TableFooter.js

@@ -6,11 +6,13 @@ import { SystemIcons } from '../icons';
 import { COLORS } from '../styles';
 import { StyledTableFooter, StyledTableFooterCollapseButton, StyledTableFooterContent, StyledTableFooterControls, StyledTableFooterCurrentInfo } from './TableStyles';
 import { defaultOnMouseDownHandler } from '../common';
+import { useTheme } from 'styled-components';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 var TableFooter = function TableFooter(props) {
   var _props$rowsPerPageLab, _props$showMoreLabel, _props$showFewerLabel;
+  var theme = useTheme();
   var rowsPerPageValues = [{
     value: '10'
   }, {
@@ -61,7 +63,7 @@ var TableFooter = function TableFooter(props) {
           disabled: props.from === 1 || props.showLoadingIndicator,
           children: /*#__PURE__*/_jsx(SystemIcons.ChevronLeft, {
             size: "24",
-            color: COLORS.neutral_600
+            color: COLORS.getColor('neutral_600', theme)
           })
         }), /*#__PURE__*/_jsx(IconButton, {
           variant: "secondary",
@@ -72,7 +74,7 @@ var TableFooter = function TableFooter(props) {
           disabled: props.to === props.total || props.showLoadingIndicator,
           children: /*#__PURE__*/_jsx(SystemIcons.ChevronRight, {
             size: "24",
-            color: COLORS.neutral_600
+            color: COLORS.getColor('neutral_600', theme)
           })
         })]
       })]

package/dist/Table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","names":["React","DropdownButton","IconButton","SystemIcons","COLORS","StyledTableFooter","StyledTableFooterCollapseButton","StyledTableFooterContent","StyledTableFooterControls","StyledTableFooterCurrentInfo","defaultOnMouseDownHandler","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","TableFooter","props","_props$rowsPerPageLab","_props$showMoreLabel","_props$showFewerLabel","rowsPerPageValues","value","dropDownText","concat","rowsPerPageLabel","rowsPerPage","children","accordion","onClick","setIsCollapsed","isCollapsed","onMouseDown","disabled","rows","length","showMoreLabel","ArrowDropDown","showFewerLabel","ArrowDropUp","type","items","showLoadingIndicator","onRowsPerPageChange","label","keepLabel","total","from","to","variant","shape","action","prevPage","ChevronLeft","size","color","neutral_600","nextPage","ChevronRight","propTypes","_pt","func","isRequired","number","bool"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft size=\"24\" color={COLORS.neutral_600}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight size=\"24\" color={COLORS.neutral_600}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableFooter.js","names":["React","DropdownButton","IconButton","SystemIcons","COLORS","StyledTableFooter","StyledTableFooterCollapseButton","StyledTableFooterContent","StyledTableFooterControls","StyledTableFooterCurrentInfo","defaultOnMouseDownHandler","useTheme","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","TableFooter","props","_props$rowsPerPageLab","_props$showMoreLabel","_props$showFewerLabel","theme","rowsPerPageValues","value","dropDownText","concat","rowsPerPageLabel","rowsPerPage","children","accordion","onClick","setIsCollapsed","isCollapsed","onMouseDown","disabled","rows","length","showMoreLabel","ArrowDropDown","showFewerLabel","ArrowDropUp","type","items","showLoadingIndicator","onRowsPerPageChange","label","keepLabel","total","from","to","variant","shape","action","prevPage","ChevronLeft","size","color","getColor","nextPage","ChevronRight","propTypes","_pt","func","isRequired","number","bool"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const theme = useTheme();\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":"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","ignoreList":[]}