@laerdal/life-react-components 6.0.0-dev.2.full → 6.0.0-dev.20.full

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","LabelContainer","props","Bold","getColor","theme","SideMenuHeader","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,EAAAC,IAAA,IAAAC,KAAA;AAErC,MAAMC,OAAO,GAAGZ,MAAM,CAACa,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAGd,MAAM,CAACa,GAAG;AACjC;AACA;AACA;AACA,MAAME,KAAK,IAAIX,iBAAiB,CAACC,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACtG;AACA;AACA;AACA,MAAMH,KAAK,IAAIZ,iBAAiB,CAACE,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACtG;AACA;AACA;AACA,MAAMH,KAAK,IAAIb,iBAAiB,CAACG,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACtG;AACA,CAAC;AAED,OAAO,MAAMC,cAAc,GAAIJ,KAAoB,IAAK;EAEtD,oBACEJ,KAAA,CAACC,OAAO;IAAAQ,QAAA,GAEJL,KAAK,CAACM,MAAM,EAAEC,OAAO,EAAEC,GAAG,CAAC,CAAAC,IAAA,EAAkBC,KAAK;MAAA,IAAtB;UAACC;QAAa,CAAC,GAAAF,IAAA;QAALG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;MAAA,oBACxCpB,IAAA,CAACH,UAAU,EAAAwB,aAAA,CAAAA,aAAA;QAAaC,OAAO,EAAE,WAAY;QAACC,KAAK,EAAE;MAAW,GAAKL,IAAI;QAAAP,QAAA,EACtEM;MAAI,IADUD,KAEL,CAAC;IAAA,CACf,CAAC,EAGDV,KAAK,CAACM,MAAM,EAAEY,KAAK,iBACnBxB,IAAA,CAACK,cAAc;MAAAM,QAAA,EACZL,KAAK,CAACM,MAAM,CAACY;IAAK,CACL,CAAC,eAEnBxB,IAAA,CAACH,UAAU;MAAC4B,MAAM,EAAEnB,KAAK,CAACoB,OAAQ;MAACJ,OAAO,EAAE,WAAY;MAACC,KAAK,EAAE,UAAW;MAACI,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAAjB,QAAA,eACtGX,IAAA,CAACF,WAAW,CAAC+B,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","LabelContainer","props","Bold","generateToken","componentType","defaultVariant","theme","SideMenuHeader","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.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n  }\r\n\r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, 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,EAAAC,IAAA,IAAAC,KAAA;AAErC,MAAMC,OAAO,GAAGZ,MAAM,CAACa,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAGd,MAAM,CAACa,GAAG;AACjC;AACA;AACA;AACA,MAAME,KAAK,IAAIX,iBAAiB,CAACC,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACC,cAAc,EAAC;AAAQ,CAAC,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC;AAC5I;AACA;AACA;AACA,MAAML,KAAK,IAAIZ,iBAAiB,CAACE,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACC,cAAc,EAAC;AAAQ,CAAC,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC;AAC5I;AACA;AACA;AACA,MAAML,KAAK,IAAIb,iBAAiB,CAACG,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACC,cAAc,EAAC;AAAQ,CAAC,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC;AAC5I;AACA,CAAC;AAED,OAAO,MAAMC,cAAc,GAAIN,KAAoB,IAAK;EAEtD,oBACEJ,KAAA,CAACC,OAAO;IAAAU,QAAA,GAEJP,KAAK,CAACQ,MAAM,EAAEC,OAAO,EAAEC,GAAG,CAAC,CAAAC,IAAA,EAAkBC,KAAK;MAAA,IAAtB;UAACC;QAAa,CAAC,GAAAF,IAAA;QAALG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;MAAA,oBACxCtB,IAAA,CAACH,UAAU,EAAA0B,aAAA,CAAAA,aAAA;QAAaC,OAAO,EAAE,WAAY;QAACC,KAAK,EAAE;MAAW,GAAKL,IAAI;QAAAP,QAAA,EACtEM;MAAI,IADUD,KAEL,CAAC;IAAA,CACf,CAAC,EAGDZ,KAAK,CAACQ,MAAM,EAAEY,KAAK,iBACnB1B,IAAA,CAACK,cAAc;MAAAQ,QAAA,EACZP,KAAK,CAACQ,MAAM,CAACY;IAAK,CACL,CAAC,eAEnB1B,IAAA,CAACH,UAAU;MAAC8B,MAAM,EAAErB,KAAK,CAACsB,OAAQ;MAACJ,OAAO,EAAE,WAAY;MAACC,KAAK,EAAE,UAAW;MAACI,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAAjB,QAAA,eACtGb,IAAA,CAACF,WAAW,CAACiC,KAAK,IAAC;IAAC,CACV,CAAC;EAAA,CACN,CAAC;AAEd,CAAC","ignoreList":[]}

package/dist/SideMenu/__tests__/SideMenu.test.tsx

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import {SideMenu} from '../index';
+import {act, render} from '../../test-utils';
+
+
+
+describe('SideMenu', () => {
+
+  it('should render content', () => {
+    const wrapper = render(<SideMenu onClose={jest.fn()}>content</SideMenu>);
+
+    expect(wrapper.getByText('content')).toBeDefined();
+  });
+
+  it('should call onClose when close button is clicked', () => {
+    const onClose = jest.fn();
+    const wrapper = render(<SideMenu onClose={onClose}>content</SideMenu>);
+
+    act(() => {
+      wrapper.getByRole('button').click();
+    });
+
+    expect(onClose).toHaveBeenCalled();
+  });
+
+
+  it('should call onClose when close button is clicked', () => {
+    const onClose = jest.fn();
+    const wrapper = render(<SideMenu onClose={onClose}>content</SideMenu>);
+
+    act(() => {
+      wrapper.getByRole('button').click();
+    });
+
+    expect(onClose).toHaveBeenCalled();
+  });
+
+  it('should render label', () => {
+    const onClose = jest.fn();
+    const wrapper = render(<SideMenu onClose={onClose} header={{label: 'label'}}>content</SideMenu>);
+
+    expect(wrapper.getByText('label')).toBeDefined();
+  });
+
+  it('should render header icon buttons ', () => {
+    const onClose = jest.fn();
+    const wrapper = render(<SideMenu onClose={onClose} header={{
+      label: 'label', actions: [{
+        action: () => {
+        }, icon: <></>
+      }, {
+        action: () => {
+        }, icon: <></>
+      }]
+    }}>content</SideMenu>);
+
+    expect(wrapper.getAllByRole('button')).toHaveLength(3);
+  });
+
+  it('should render footer note', () => {
+    const onClose = jest.fn();
+    const wrapper = render(<SideMenu onClose={onClose} footer={{note: 'note'}}>content</SideMenu>);
+
+    expect(wrapper.getByText('note')).toBeDefined();
+  });
+
+  it('should render footer buttons', () => {
+    const onClose = jest.fn();
+    const wrapper = render(<SideMenu onClose={onClose} footer={{
+      buttons: [{
+        variant: 'primary', label: 'label', onClick: () => {
+        }
+      }]
+    }}>content</SideMenu>);
+
+    expect(wrapper.getAllByRole('button')).toHaveLength(2);
+  });
+
+  it('should render footer menu items', () => {
+    const onClose = jest.fn();
+    const wrapper = render(<SideMenu onClose={onClose} footer={{
+      items: [{
+        id: '1',
+        active: false,
+        onClickHandler: () => {},
+        item: {displayLabel: 'label 1', value: '1'}
+      }, {
+        id: '2',
+        active: false,
+        onClickHandler: () => {},
+        item: {displayLabel: 'label 2', value: '2'}
+      }]
+    }}>content</SideMenu>);
+
+    expect(wrapper.getByText('label 1')).toBeDefined();
+    expect(wrapper.getByText('label 2')).toBeDefined();
+  });
+
+});

package/dist/Switcher/SwitcherMenuItem.cjs

@@ -20,7 +20,10 @@ const StyledSwitcherItem = _styledComponents.default.div`
   text-align: center;
   position: relative;
 
-  ${props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme))}
+  ${props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
 
   text-decoration: none;
 

package/dist/Switcher/SwitcherMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_jsxRuntime","StyledSwitcherItem","styled","div","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","Z_INDEXES","active","hover","focusStyles","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","as","testId","jsxs","onClick","window","location","href","onMouseDown","defaultOnMouseDownHandler","target","className","children","React","cloneElement","size","color","propTypes","_propTypes","default","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":[]}
+{"version":3,"file":"SwitcherMenuItem.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_jsxRuntime","StyledSwitcherItem","styled","div","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","generateToken","componentType","defaultVariant","theme","Z_INDEXES","active","getColor","hover","focusStyles","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","as","testId","jsxs","onClick","window","location","href","onMouseDown","defaultOnMouseDownHandler","target","className","children","React","cloneElement","size","color","propTypes","_propTypes","default","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.generateToken({componentType:'text',defaultVariant:'subtle'}, 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

@@ -13,7 +13,10 @@ const StyledSwitcherItem = styled.div`
   text-align: center;
   position: relative;
 
-  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}
+  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
 
   text-decoration: none;
 

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","props","Regular","getColor","theme","active","hover","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","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":[]}
+{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","jsxs","_jsxs","StyledSwitcherItem","div","props","Regular","generateToken","componentType","defaultVariant","theme","active","getColor","hover","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","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.generateToken({componentType:'text',defaultVariant:'subtle'}, 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/__tests__/SwitcherMenuItem.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { SwitcherMenuItem } from '../index';
+import 'jest-styled-components';
+import { COLORS } from '../../styles';
+
+describe('<SwitcherMenuItem />', () => {
+  it('Renders SwitcherMenuItem', async () => {
+    const { queryByText, getByTestId } = render(<SwitcherMenuItem label="TestLabel" url="/test" testId="TestSwitcherMenuItem" />);
+    expect(queryByText('TestLabel')).toBeDefined();
+
+    const testMenuItem = getByTestId('TestSwitcherMenuItem');
+  });
+});

package/dist/Table/TableFooter.cjs

@@ -62,7 +62,10 @@ const TableFooter = props => {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ChevronLeft, {
             "aria-label": "Previous",
             size: "24",
-            color: _styles.COLORS.getColor('neutral_600', theme)
+            color: _styles.COLORS.generateToken({
+              componentType: 'icon',
+              defaultVariant: 'subtle'
+            }, theme)
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
           variant: "secondary",
@@ -72,7 +75,10 @@ const TableFooter = props => {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ChevronRight, {
             "aria-label": "Next",
             size: "24",
-            color: _styles.COLORS.getColor('neutral_600', theme)
+            color: _styles.COLORS.generateToken({
+              componentType: 'icon',
+              defaultVariant: 'subtle'
+            }, theme)
           })
         })]
       })]

package/dist/Table/TableFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.cjs","names":["_react","_interopRequireDefault","require","_Dropdown","_Button","_icons","_styles","_TableStyles","_common","_styledComponents","_jsxRuntime","TableFooter","props","theme","useTheme","rowsPerPageValues","value","dropDownText","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","default","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 aria-label='Previous' 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 aria-label='Next' 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":[]}
+{"version":3,"file":"TableFooter.cjs","names":["_react","_interopRequireDefault","require","_Dropdown","_Button","_icons","_styles","_TableStyles","_common","_styledComponents","_jsxRuntime","TableFooter","props","theme","useTheme","rowsPerPageValues","value","dropDownText","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","generateToken","componentType","defaultVariant","nextPage","ChevronRight","propTypes","_propTypes","default","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 aria-label='Previous' size=\"24\" color={COLORS.generateToken({componentType:'icon', defaultVariant:'subtle'}, 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 aria-label='Next' size=\"24\" color={COLORS.generateToken({componentType:'icon', defaultVariant:'subtle'}, 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

@@ -55,7 +55,10 @@ const TableFooter = props => {
           children: /*#__PURE__*/_jsx(SystemIcons.ChevronLeft, {
             "aria-label": "Previous",
             size: "24",
-            color: COLORS.getColor('neutral_600', theme)
+            color: COLORS.generateToken({
+              componentType: 'icon',
+              defaultVariant: 'subtle'
+            }, theme)
           })
         }), /*#__PURE__*/_jsx(IconButton, {
           variant: "secondary",
@@ -65,7 +68,10 @@ const TableFooter = props => {
           children: /*#__PURE__*/_jsx(SystemIcons.ChevronRight, {
             "aria-label": "Next",
             size: "24",
-            color: COLORS.getColor('neutral_600', theme)
+            color: COLORS.generateToken({
+              componentType: 'icon',
+              defaultVariant: 'subtle'
+            }, 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","useTheme","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","TableFooter","props","theme","rowsPerPageValues","value","dropDownText","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 aria-label='Previous' 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 aria-label='Next' 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":[]}
+{"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","theme","rowsPerPageValues","value","dropDownText","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","generateToken","componentType","defaultVariant","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 aria-label='Previous' size=\"24\" color={COLORS.generateToken({componentType:'icon', defaultVariant:'subtle'}, 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 aria-label='Next' size=\"24\" color={COLORS.generateToken({componentType:'icon', defaultVariant:'subtle'}, 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":[]}