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

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":[]}

package/dist/Table/TableStyles.cjs

@@ -27,8 +27,14 @@ const TableWrapper = exports.TableWrapper = _styledComponents.default.div`
   position: relative;
 
   &.border{
-    border-left: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
-    border-right: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+    border-left: 1px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
+    border-right: 1px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
   }
 `;
 const StyledTable = exports.StyledTable = _styledComponents.default.table`
@@ -55,11 +61,20 @@ const StyledTableHeaderTitleContent = exports.StyledTableHeaderTitleContent = _s
   width: 100%;
   box-sizing: border-box;
   min-height: 56px;
-  border-bottom: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
-  border-top: 2px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+  border-bottom: 1px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
+  border-top: 2px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
   padding: 0 16px;
 
-  ${props => (0, _typography.ComponentLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme))}
+  ${props => (0, _typography.ComponentLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme))}
   .title-menu {
     margin-right: -16px;
   }
@@ -76,18 +91,30 @@ const StyledTableHeaderColumnContent = exports.StyledTableHeaderColumnContent =
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border-top: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
-  border-bottom: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+  border-top: 1px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
+  border-bottom: 1px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
 `;
 const StyledTableHeaderColumnSortDirection = exports.StyledTableHeaderColumnSortDirection = _styledComponents.default.span`
   width: 24px;
   height: 24px;
 `;
 const StyledTableHeaderColumn = exports.StyledTableHeaderColumn = _styledComponents.default.th`
-  ${props => (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  ${props => (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
   position: relative;
   text-align: unset;
-  background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+  background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'high'
+}, props.theme)};
 
   //fixes header heights no idea why
   height: 1px;
@@ -96,14 +123,26 @@ const StyledTableHeaderColumn = exports.StyledTableHeaderColumn = _styledCompone
     cursor: pointer;
 
     &:hover {
-      background-color: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
-      color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'hover'
+}, props.theme)};
       z-index: ${_zIndexes.Z_INDEXES.hover};
     }
 
     &:active {
-      background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
-      color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'active'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'active'
+}, props.theme)};
       z-index: ${_zIndexes.Z_INDEXES.active};
     }
 
@@ -146,18 +185,30 @@ const StyledTableBodyRow = exports.StyledTableBodyRow = _styledComponents.defaul
   cursor: pointer;
   position: relative;
   outline: none;
-  background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+  background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'default'
+}, props.theme)};
   
   &:not(:last-child) {
-    border-bottom: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+    border-bottom: 1px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
   }
 
   &.selected{
-    background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
   }
   
   &:hover {
-    background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
     z-index: ${_zIndexes.Z_INDEXES.hover};
   }
 
@@ -173,7 +224,10 @@ const StyledTableBodyRow = exports.StyledTableBodyRow = _styledComponents.defaul
 const StyledTableNoRowsLabelRow = exports.StyledTableNoRowsLabelRow = _styledComponents.default.tr`
   position: relative;
   outline: none;
-  background-color: ${props => _styles.COLORS.getColor('neutral_50', props.theme)};
+  background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'high'
+}, props.theme)};
 `;
 const StyledTableBody = exports.StyledTableBody = _styledComponents.default.tbody`
 `;
@@ -182,7 +236,10 @@ const StyledTableCellContent = exports.StyledTableCellContent = _styledComponent
   min-height: ${props => props.$withNote ? '64px' : '48px'};
 
   padding: 0 16px;
-  ${props => (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme))}
+  ${props => (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme))}
 
   display: flex;
   align-items: center;
@@ -218,12 +275,18 @@ const StyledTableCellContent = exports.StyledTableCellContent = _styledComponent
   }
 `;
 const StyledTableCellIcon = exports.StyledTableCellIcon = _styledComponents.default.div`
-  color: ${props => _styles.COLORS.getColor('neutral_700', props.theme)};
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  defaultVariant: 'default'
+}, props.theme)};
   width: 20px;
   height: 20px;
 
   svg {
-    color: ${props => _styles.COLORS.getColor('neutral_700', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  defaultVariant: 'default'
+}, props.theme)};
     width: 20px;
     height: 20px;
   }
@@ -240,15 +303,24 @@ const StyledTableCellTextWrapper = exports.StyledTableCellTextWrapper = _styledC
   ` : ``}
 `;
 const StyledTableCellNoteText = exports.StyledTableCellNoteText = _styledComponents.default.span`
-  ${props => (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme))}
+  ${props => (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
   display: inline-block;
   width: 100%;
 `;
 const StyledTableFooter = exports.StyledTableFooter = _styledComponents.default.div`
 `;
 const StyledTableFooterContent = exports.StyledTableFooterContent = _styledComponents.default.div`
-  border-top: 2px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
-  border-bottom: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+  border-top: 2px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
+  border-bottom: 1px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
   box-sizing: border-box;
   min-height: 56px;
 
@@ -259,7 +331,10 @@ const StyledTableFooterContent = exports.StyledTableFooterContent = _styledCompo
 `;
 const StyledTableFooterCurrentInfo = exports.StyledTableFooterCurrentInfo = _styledComponents.default.span`
   padding: 0 16px;
-  ${props => (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme))}
+  ${props => (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme))}
 `;
 const StyledTableFooterControls = exports.StyledTableFooterControls = _styledComponents.default.div`
   display: flex;
@@ -274,8 +349,14 @@ const StyledTableSpinner = exports.StyledTableSpinner = _styledComponents.defaul
 `;
 const StyledTableFooterCollapseButton = exports.StyledTableFooterCollapseButton = _styledComponents.default.button`
   position: relative;
-  border-bottom: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
-  border-top: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+  border-bottom: 1px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
+  border-top: 1px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
   border-left: none;
   border-right: none;
   box-sizing: border-box;
@@ -285,11 +366,17 @@ const StyledTableFooterCollapseButton = exports.StyledTableFooterCollapseButton
   align-items: center;
   justify-content: center;
   gap: 4px;
-  background: ${props => _styles.COLORS.getColor('white', props.theme)};
+  background: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'high'
+}, props.theme)};
 
   cursor: pointer;
 
-  ${props => (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  ${props => (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'primary'
+}, props.theme))}
   
   &:focus {
     ${_styles.focusStyles}
@@ -297,14 +384,26 @@ const StyledTableFooterCollapseButton = exports.StyledTableFooterCollapseButton
 
   &:hover {
     z-index: ${_zIndexes.Z_INDEXES.hover};
-    background: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
-    color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    background: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'hover'
+}, props.theme)};
   }
 
   &:active {
     z-index: ${_zIndexes.Z_INDEXES.active};
-    background: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
-    color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    background: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'active'
+}, props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'active'
+}, props.theme)};
   }
 
   &:disabled {

package/dist/Table/TableStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableStyles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_typography","_zIndexes","_Checkbox","_types","TableWrapper","exports","styled","div","props","COLORS","getColor","theme","StyledTable","table","StyledTableHeader","StyledTableHeaderTitle","StyledTableHeaderTitleContent","ComponentLStyling","ComponentTextStyle","Bold","StyledTableHeaderRow","thead","StyledTableHeaderColumns","tr","StyledTableHeaderColumnContent","StyledTableHeaderColumnSortDirection","span","StyledTableHeaderColumn","th","ComponentSStyling","Z_INDEXES","hover","active","focusStyles","StyledTableBodyRow","StyledTableNoRowsLabelRow","StyledTableBody","tbody","StyledTableCell","td","StyledTableCellContent","$withNote","Regular","StyledCheckBox","StyledTableCellIcon","StyledTableCellText","StyledTableCellTextWrapper","$textWrap","StyledTableCellNoteText","ComponentXSStyling","StyledTableFooter","StyledTableFooterContent","StyledTableFooterCurrentInfo","StyledTableFooterControls","StyledTableSpinner","$zindex","loader","StyledTableFooterCollapseButton","button","ComponentMStyling","StyledTableBodyWrapper","scrollBarStyling","Size","Small"],"sources":["../../src/Table/TableStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport {COLORS, focusStyles, scrollBarStyling} from '../styles';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {StyledCheckBox} from '../InputFields/Checkbox';\r\nimport {Size} from \"../types\";\r\n\r\n/**\r\n * Table styles\r\n */\r\n\r\nexport const TableWrapper = styled.div`\r\n  position: relative;\r\n\r\n  &.border{\r\n    border-left: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    border-right: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const StyledTable = styled.table`\r\n  background: transparent;\r\n  border-collapse: collapse;\r\n  width: 100%;\r\n\r\n  &.fixed {\r\n    table-layout: fixed;\r\n  }\r\n\r\n  &.auto {\r\n    table-layout: auto;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeader = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitle = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitleContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  padding: 0 16px;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n  .title-menu {\r\n    margin-right: -16px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeaderRow = styled.thead`\r\n`;\r\n\r\nexport const StyledTableHeaderColumns = styled.tr`\r\n`;\r\n\r\nexport const StyledTableHeaderColumnContent = styled.div`\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  padding: 0 16px;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nexport const StyledTableHeaderColumnSortDirection = styled.span`\r\n  width: 24px;\r\n  height: 24px;\r\n`;\r\n\r\nexport const StyledTableHeaderColumn = styled.th`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  position: relative;\r\n  text-align: unset;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  //fixes header heights no idea why\r\n  height: 1px;\r\n\r\n  &.sortable {\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      z-index: ${Z_INDEXES.hover};\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      z-index: ${Z_INDEXES.active};\r\n    }\r\n\r\n    &:focus {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n\r\n  &.left {\r\n    & > div {\r\n      justify-content: left;\r\n    }\r\n  }\r\n\r\n  &.right {\r\n    & > div {\r\n      justify-content: right;\r\n    }\r\n  }\r\n\r\n  &.center {\r\n    & > div {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  &.sortable ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 0;\r\n  }\r\n\r\n  &.sortable.sorted ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 1;\r\n  }\r\n\r\n  &.sorted {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const StyledTableBodyRow = styled.tr`\r\n  cursor: pointer;\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  &:not(:last-child) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n\r\n  &.selected{\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n  }\r\n  \r\n  &:hover {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n`;\r\n\r\nexport const StyledTableNoRowsLabelRow = styled.tr`\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('neutral_50', props.theme)};\r\n`;\r\n\r\nexport const StyledTableBody = styled.tbody`\r\n`;\r\n\r\n\r\nexport const StyledTableCell = styled.td``;\r\n\r\nexport const StyledTableCellContent = styled.div<{$withNote?: boolean}>`\r\n  min-height: ${props => props.$withNote ? '64px' : '48px'};\r\n\r\n  padding: 0 16px;\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: left;\r\n  gap: 8px;\r\n\r\n  &.truncate-text,\r\n  &.truncate-text span {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &.left {\r\n    justify-content: left;\r\n  }\r\n\r\n  &.right {\r\n    justify-content: right;\r\n  }\r\n\r\n  &.center {\r\n    justify-content: center;\r\n  }\r\n\r\n  a:first-letter,\r\n  span:first-letter {\r\n    text-transform: uppercase;\r\n  }\r\n  \r\n  ${StyledCheckBox}{\r\n    width: fit-content;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellIcon = styled.div`\r\n  color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  svg {\r\n    color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellText = styled.span`\r\n  display: block;\r\n`;\r\n\r\nexport const StyledTableCellTextWrapper = styled.div<{ $textWrap?: boolean }>`\r\n  padding: 12px 0px;\r\n  width: 100%;\r\n  ${props => !props.$textWrap ? `\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  ` : ``}\r\n`;\r\n\r\nexport const StyledTableCellNoteText = styled.span`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  display: inline-block;\r\n  width: 100%;\r\n`;\r\n\r\n\r\nexport const StyledTableFooter = styled.div`\r\n`;\r\n\r\nexport const StyledTableFooterContent = styled.div`\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: right;\r\n\r\n`;\r\n\r\nexport const StyledTableFooterCurrentInfo = styled.span`\r\n  padding: 0 16px;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n`;\r\n\r\nexport const StyledTableFooterControls = styled.div`\r\n  display: flex;\r\n`;\r\n\r\nexport const StyledTableSpinner = styled.div<{$zindex?: string}>`\r\n  height: 100%;\r\n  width: 100%;\r\n  position: absolute;\r\n  background-color: rgba(255, 255, 255, 0.75);\r\n  top: 0;\r\n  z-index: ${(props) => (props.$zindex ?? Z_INDEXES.loader)};\r\n`;\r\n\r\nexport const StyledTableFooterCollapseButton = styled.button`\r\n  position: relative;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-left: none;\r\n  border-right: none;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  cursor: pointer;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  \r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:disabled {\r\n    display: none;\r\n  }\r\n\r\n`;\r\n\r\n\r\nexport const StyledTableBodyWrapper = styled.div`\r\n  overflow-x: auto;\r\n  ${scrollBarStyling(Size.Small)}\r\n\r\n  &::-webkit-scrollbar-track {\r\n    margin: 6px;\r\n  }\r\n\r\n  &.scrollable{\r\n    margin-bottom: 6px;\r\n    padding-bottom: 10px;\r\n  }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableStyles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_typography","_zIndexes","_Checkbox","_types","TableWrapper","exports","styled","div","props","COLORS","generateToken","componentType","defaultVariant","theme","StyledTable","table","StyledTableHeader","StyledTableHeaderTitle","StyledTableHeaderTitleContent","ComponentLStyling","ComponentTextStyle","Bold","StyledTableHeaderRow","thead","StyledTableHeaderColumns","tr","StyledTableHeaderColumnContent","StyledTableHeaderColumnSortDirection","span","StyledTableHeaderColumn","th","ComponentSStyling","state","Z_INDEXES","hover","active","focusStyles","getColor","StyledTableBodyRow","StyledTableNoRowsLabelRow","StyledTableBody","tbody","StyledTableCell","td","StyledTableCellContent","$withNote","Regular","StyledCheckBox","StyledTableCellIcon","StyledTableCellText","StyledTableCellTextWrapper","$textWrap","StyledTableCellNoteText","ComponentXSStyling","StyledTableFooter","StyledTableFooterContent","StyledTableFooterCurrentInfo","StyledTableFooterControls","StyledTableSpinner","$zindex","loader","StyledTableFooterCollapseButton","button","ComponentMStyling","StyledTableBodyWrapper","scrollBarStyling","Size","Small"],"sources":["../../src/Table/TableStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport {COLORS, focusStyles, scrollBarStyling} from '../styles';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {StyledCheckBox} from '../InputFields/Checkbox';\r\nimport {Size} from \"../types\";\r\n\r\n/**\r\n * Table styles\r\n */\r\n\r\nexport const TableWrapper = styled.div`\r\n  position: relative;\r\n\r\n  &.border{\r\n    border-left: 1px solid ${props => COLORS.generateToken({ componentType:'border', defaultVariant: 'subtle' }, props.theme)};\r\n    border-right: 1px solid ${props => COLORS.generateToken({ componentType:'border', defaultVariant: 'subtle' }, props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const StyledTable = styled.table`\r\n  background: transparent;\r\n  border-collapse: collapse;\r\n  width: 100%;\r\n\r\n  &.fixed {\r\n    table-layout: fixed;\r\n  }\r\n\r\n  &.auto {\r\n    table-layout: auto;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeader = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitle = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitleContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  border-bottom: 1px solid ${props => COLORS.generateToken({ componentType:'border', defaultVariant: 'subtle' }, props.theme)};\r\n  border-top: 2px solid ${props => COLORS.generateToken({ componentType:'border', defaultVariant: 'subtle' }, props.theme)};\r\n  padding: 0 16px;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({ componentType:'text', defaultVariant: 'default' }, props.theme))}\r\n  .title-menu {\r\n    margin-right: -16px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeaderRow = styled.thead`\r\n`;\r\n\r\nexport const StyledTableHeaderColumns = styled.tr`\r\n`;\r\n\r\nexport const StyledTableHeaderColumnContent = styled.div`\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  padding: 0 16px;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-top: 1px solid ${props => COLORS.generateToken({ componentType:'border', defaultVariant: 'subtle' }, props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.generateToken({ componentType:'border', defaultVariant: 'subtle' }, props.theme)};\r\n`;\r\n\r\nexport const StyledTableHeaderColumnSortDirection = styled.span`\r\n  width: 24px;\r\n  height: 24px;\r\n`;\r\n\r\nexport const StyledTableHeaderColumn = styled.th`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({ componentType:'text', defaultVariant: 'subtle' }, props.theme))}\r\n  position: relative;\r\n  text-align: unset;\r\n  background-color: ${props => COLORS.generateToken({ componentType:'bg-surface', defaultVariant: 'high' }, props.theme)};\r\n\r\n  //fixes header heights no idea why\r\n  height: 1px;\r\n\r\n  &.sortable {\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', state: 'hover' }, props.theme)};\r\n      z-index: ${Z_INDEXES.hover};\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', state: 'active' }, props.theme)};\r\n      z-index: ${Z_INDEXES.active};\r\n    }\r\n\r\n    &:focus {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n\r\n  &.left {\r\n    & > div {\r\n      justify-content: left;\r\n    }\r\n  }\r\n\r\n  &.right {\r\n    & > div {\r\n      justify-content: right;\r\n    }\r\n  }\r\n\r\n  &.center {\r\n    & > div {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  &.sortable ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 0;\r\n  }\r\n\r\n  &.sortable.sorted ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 1;\r\n  }\r\n\r\n  &.sorted {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const StyledTableBodyRow = styled.tr`\r\n  cursor: pointer;\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'default' }, props.theme)};\r\n  \r\n  &:not(:last-child) {\r\n    border-bottom: 1px solid ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'subtle' }, props.theme)};\r\n  }\r\n\r\n  &.selected{\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n  }\r\n  \r\n  &:hover {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n`;\r\n\r\nexport const StyledTableNoRowsLabelRow = styled.tr`\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.generateToken({componentType: 'bg-surface', defaultVariant: 'high'}, props.theme)};\r\n`;\r\n\r\nexport const StyledTableBody = styled.tbody`\r\n`;\r\n\r\n\r\nexport const StyledTableCell = styled.td``;\r\n\r\nexport const StyledTableCellContent = styled.div<{$withNote?: boolean}>`\r\n  min-height: ${props => props.$withNote ? '64px' : '48px'};\r\n\r\n  padding: 0 16px;\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.generateToken({ componentType: 'text', defaultVariant: 'default' }, props.theme))}\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: left;\r\n  gap: 8px;\r\n\r\n  &.truncate-text,\r\n  &.truncate-text span {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &.left {\r\n    justify-content: left;\r\n  }\r\n\r\n  &.right {\r\n    justify-content: right;\r\n  }\r\n\r\n  &.center {\r\n    justify-content: center;\r\n  }\r\n\r\n  a:first-letter,\r\n  span:first-letter {\r\n    text-transform: uppercase;\r\n  }\r\n  \r\n  ${StyledCheckBox}{\r\n    width: fit-content;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellIcon = styled.div`\r\n  color: ${props => COLORS.generateToken({ componentType: 'icon', defaultVariant: 'default' }, props.theme)};\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  svg {\r\n    color: ${props => COLORS.generateToken({ componentType: 'icon', defaultVariant: 'default' }, props.theme)};\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellText = styled.span`\r\n  display: block;\r\n`;\r\n\r\nexport const StyledTableCellTextWrapper = styled.div<{ $textWrap?: boolean }>`\r\n  padding: 12px 0px;\r\n  width: 100%;\r\n  ${props => !props.$textWrap ? `\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  ` : ``}\r\n`;\r\n\r\nexport const StyledTableCellNoteText = styled.span`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme))}\r\n  display: inline-block;\r\n  width: 100%;\r\n`;\r\n\r\n\r\nexport const StyledTableFooter = styled.div`\r\n`;\r\n\r\nexport const StyledTableFooterContent = styled.div`\r\n  border-top: 2px solid ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'subtle' }, props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'subtle' }, props.theme)};\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: right;\r\n\r\n`;\r\n\r\nexport const StyledTableFooterCurrentInfo = styled.span`\r\n  padding: 0 16px;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.generateToken({ componentType: 'text', defaultVariant: 'default' }, props.theme))}\r\n`;\r\n\r\nexport const StyledTableFooterControls = styled.div`\r\n  display: flex;\r\n`;\r\n\r\nexport const StyledTableSpinner = styled.div<{$zindex?: string}>`\r\n  height: 100%;\r\n  width: 100%;\r\n  position: absolute;\r\n  background-color: rgba(255, 255, 255, 0.75);\r\n  top: 0;\r\n  z-index: ${(props) => (props.$zindex ?? Z_INDEXES.loader)};\r\n`;\r\n\r\nexport const StyledTableFooterCollapseButton = styled.button`\r\n  position: relative;\r\n  border-bottom: 1px solid ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'subtle' }, props.theme)};\r\n  border-top: 1px solid ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'subtle' }, props.theme)};\r\n  border-left: none;\r\n  border-right: none;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'high' }, props.theme)};\r\n\r\n  cursor: pointer;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType: 'text', defaultVariant: 'primary'}, props.theme))}\r\n  \r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', state: 'hover' }, props.theme)};\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', state: 'active' }, props.theme)};\r\n  }\r\n\r\n  &:disabled {\r\n    display: none;\r\n  }\r\n\r\n`;\r\n\r\n\r\nexport const StyledTableBodyWrapper = styled.div`\r\n  overflow-x: auto;\r\n  ${scrollBarStyling(Size.Small)}\r\n\r\n  &::-webkit-scrollbar-track {\r\n    margin: 6px;\r\n  }\r\n\r\n  &.scrollable{\r\n    margin-bottom: 6px;\r\n    padding-bottom: 10px;\r\n  }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}