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

package/dist/Table/TableStyles.js

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
 /**
  * Import third-party libraries.
  */
@@ -18,33 +16,306 @@ import { Size } from "../types";
  * Table styles
  */
 
-export const TableWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  &.border{\n    border-left: 1px solid ", ";\n    border-right: 1px solid ", ";\n  }\n"])), props => COLORS.getColor('neutral_200', props.theme), props => COLORS.getColor('neutral_200', props.theme));
-export const StyledTable = styled.table(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: transparent;\n  border-collapse: collapse;\n  width: 100%;\n\n  &.fixed {\n    table-layout: fixed;\n  }\n\n  &.auto {\n    table-layout: auto;\n  }\n"])));
-export const StyledTableHeader = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n"])));
-export const StyledTableHeaderTitle = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n"])));
-export const StyledTableHeaderTitleContent = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  box-sizing: border-box;\n  min-height: 56px;\n  border-bottom: 1px solid ", ";\n  border-top: 2px solid ", ";\n  padding: 0 16px;\n\n  ", "\n  .title-menu {\n    margin-right: -16px;\n  }\n"])), props => COLORS.getColor('neutral_200', props.theme), props => COLORS.getColor('neutral_200', props.theme), props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme)));
-export const StyledTableHeaderRow = styled.thead(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n"])));
-export const StyledTableHeaderColumns = styled.tr(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n"])));
-export const StyledTableHeaderColumnContent = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  min-height: 56px;\n  padding: 0 16px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), props => COLORS.getColor('neutral_200', props.theme), props => COLORS.getColor('neutral_200', props.theme));
-export const StyledTableHeaderColumnSortDirection = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 24px;\n  height: 24px;\n"])));
-export const StyledTableHeaderColumn = styled.th(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n  position: relative;\n  text-align: unset;\n  background-color: ", ";\n\n  //fixes header heights no idea why\n  height: 1px;\n\n  &.sortable {\n    cursor: pointer;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:focus {\n      ", "\n    }\n  }\n\n  &.left {\n    & > div {\n      justify-content: left;\n    }\n  }\n\n  &.right {\n    & > div {\n      justify-content: right;\n    }\n  }\n\n  &.center {\n    & > div {\n      justify-content: center;\n    }\n  }\n\n  &.sortable ", " > svg {\n    opacity: 0;\n  }\n\n  &.sortable.sorted ", " > svg {\n    opacity: 1;\n  }\n\n  &.sorted {\n    background-color: ", ";\n  }\n"])), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('primary_20', props.theme), props => COLORS.getColor('primary_700', props.theme), Z_INDEXES.hover, props => COLORS.getColor('primary_100', props.theme), props => COLORS.getColor('primary_800', props.theme), Z_INDEXES.active, focusStyles, StyledTableHeaderColumnContent, StyledTableHeaderColumnContent, props => COLORS.getColor('neutral_20', props.theme));
-export const StyledTableBodyRow = styled.tr(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  position: relative;\n  outline: none;\n  background-color: ", ";\n  \n  &:not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  &.selected{\n    background-color: ", ";\n  }\n  \n  &:hover {\n    background-color: ", ";\n    z-index: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  &:active {\n    z-index: ", ";\n  }\n\n"])), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('neutral_200', props.theme), props => COLORS.getColor('primary_100', props.theme), props => COLORS.getColor('primary_100', props.theme), Z_INDEXES.hover, focusStyles, Z_INDEXES.active);
-export const StyledTableNoRowsLabelRow = styled.tr(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  position: relative;\n  outline: none;\n  background-color: ", ";\n"])), props => COLORS.getColor('neutral_50', props.theme));
-export const StyledTableBody = styled.tbody(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n"])));
-export const StyledTableCell = styled.td(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral([""])));
-export const StyledTableCellContent = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  min-height: ", ";\n\n  padding: 0 16px;\n  ", "\n\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 8px;\n\n  &.truncate-text,\n  &.truncate-text span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &.left {\n    justify-content: left;\n  }\n\n  &.right {\n    justify-content: right;\n  }\n\n  &.center {\n    justify-content: center;\n  }\n\n  a:first-letter,\n  span:first-letter {\n    text-transform: uppercase;\n  }\n  \n  ", "{\n    width: fit-content;\n  }\n"])), props => props.$withNote ? '64px' : '48px', props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme)), StyledCheckBox);
-export const StyledTableCellIcon = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  color: ", ";\n  width: 20px;\n  height: 20px;\n\n  svg {\n    color: ", ";\n    width: 20px;\n    height: 20px;\n  }\n"])), props => COLORS.getColor('neutral_700', props.theme), props => COLORS.getColor('neutral_700', props.theme));
-export const StyledTableCellText = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: block;\n"])));
-export const StyledTableCellTextWrapper = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  padding: 12px 0px;\n  width: 100%;\n  ", "\n"])), props => !props.$textWrap ? "\n  overflow: hidden;\n  text-overflow: ellipsis;\n  " : "");
-export const StyledTableCellNoteText = styled.span(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  ", "\n  display: inline-block;\n  width: 100%;\n"])), props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)));
-export const StyledTableFooter = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n"])));
-export const StyledTableFooterContent = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  border-top: 2px solid ", ";\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n  min-height: 56px;\n\n  display: flex;\n  align-items: center;\n  justify-content: right;\n\n"])), props => COLORS.getColor('neutral_200', props.theme), props => COLORS.getColor('neutral_200', props.theme));
-export const StyledTableFooterCurrentInfo = styled.span(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  padding: 0 16px;\n  ", "\n"])), props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme)));
-export const StyledTableFooterControls = styled.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-export const StyledTableSpinner = styled.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: rgba(255, 255, 255, 0.75);\n  top: 0;\n  z-index: ", ";\n"])), props => {
-  var _props$$zindex;
-  return (_props$$zindex = props.$zindex) !== null && _props$$zindex !== void 0 ? _props$$zindex : Z_INDEXES.loader;
-});
-export const StyledTableFooterCollapseButton = styled.button(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  position: relative;\n  border-bottom: 1px solid ", ";\n  border-top: 1px solid ", ";\n  border-left: none;\n  border-right: none;\n  box-sizing: border-box;\n  min-height: 48px;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  background: ", ";\n\n  cursor: pointer;\n\n  ", "\n  \n  &:focus {\n    ", "\n  }\n\n  &:hover {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:disabled {\n    display: none;\n  }\n\n"])), props => COLORS.getColor('neutral_200', props.theme), props => COLORS.getColor('neutral_200', props.theme), props => COLORS.getColor('white', props.theme), props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)), focusStyles, Z_INDEXES.hover, props => COLORS.getColor('primary_20', props.theme), props => COLORS.getColor('primary_700', props.theme), Z_INDEXES.active, props => COLORS.getColor('primary_100', props.theme), props => COLORS.getColor('primary_800', props.theme));
-export const StyledTableBodyWrapper = styled.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  overflow-x: auto;\n  ", "\n\n  &::-webkit-scrollbar-track {\n    margin: 6px;\n  }\n\n  &.scrollable{\n    margin-bottom: 6px;\n    padding-bottom: 10px;\n  }\n"])), scrollBarStyling(Size.Small));
+export const TableWrapper = styled.div`
+  position: relative;
+
+  &.border{
+    border-left: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+    border-right: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  }
+`;
+export const StyledTable = styled.table`
+  background: transparent;
+  border-collapse: collapse;
+  width: 100%;
+
+  &.fixed {
+    table-layout: fixed;
+  }
+
+  &.auto {
+    table-layout: auto;
+  }
+`;
+export const StyledTableHeader = styled.div`
+`;
+export const StyledTableHeaderTitle = styled.div`
+`;
+export const StyledTableHeaderTitleContent = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 56px;
+  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  padding: 0 16px;
+
+  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}
+  .title-menu {
+    margin-right: -16px;
+  }
+`;
+export const StyledTableHeaderRow = styled.thead`
+`;
+export const StyledTableHeaderColumns = styled.tr`
+`;
+export const StyledTableHeaderColumnContent = styled.div`
+  box-sizing: border-box;
+  min-height: 56px;
+  padding: 0 16px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+`;
+export const StyledTableHeaderColumnSortDirection = styled.span`
+  width: 24px;
+  height: 24px;
+`;
+export const StyledTableHeaderColumn = styled.th`
+  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  position: relative;
+  text-align: unset;
+  background-color: ${props => COLORS.getColor('white', props.theme)};
+
+  //fixes header heights no idea why
+  height: 1px;
+
+  &.sortable {
+    cursor: pointer;
+
+    &:hover {
+      background-color: ${props => COLORS.getColor('primary_20', props.theme)};
+      color: ${props => COLORS.getColor('primary_700', props.theme)};
+      z-index: ${Z_INDEXES.hover};
+    }
+
+    &:active {
+      background-color: ${props => COLORS.getColor('primary_100', props.theme)};
+      color: ${props => COLORS.getColor('primary_800', props.theme)};
+      z-index: ${Z_INDEXES.active};
+    }
+
+    &:focus {
+      ${focusStyles}
+    }
+  }
+
+  &.left {
+    & > div {
+      justify-content: left;
+    }
+  }
+
+  &.right {
+    & > div {
+      justify-content: right;
+    }
+  }
+
+  &.center {
+    & > div {
+      justify-content: center;
+    }
+  }
+
+  &.sortable ${StyledTableHeaderColumnContent} > svg {
+    opacity: 0;
+  }
+
+  &.sortable.sorted ${StyledTableHeaderColumnContent} > svg {
+    opacity: 1;
+  }
+
+  &.sorted {
+    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};
+  }
+`;
+export const StyledTableBodyRow = styled.tr`
+  cursor: pointer;
+  position: relative;
+  outline: none;
+  background-color: ${props => COLORS.getColor('white', props.theme)};
+  
+  &:not(:last-child) {
+    border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  }
+
+  &.selected{
+    background-color: ${props => COLORS.getColor('primary_100', props.theme)};
+  }
+  
+  &:hover {
+    background-color: ${props => COLORS.getColor('primary_100', props.theme)};
+    z-index: ${Z_INDEXES.hover};
+  }
+
+  &:focus {
+    ${focusStyles}
+  }
+
+  &:active {
+    z-index: ${Z_INDEXES.active};
+  }
+
+`;
+export const StyledTableNoRowsLabelRow = styled.tr`
+  position: relative;
+  outline: none;
+  background-color: ${props => COLORS.getColor('neutral_50', props.theme)};
+`;
+export const StyledTableBody = styled.tbody`
+`;
+export const StyledTableCell = styled.td``;
+export const StyledTableCellContent = styled.div`
+  min-height: ${props => props.$withNote ? '64px' : '48px'};
+
+  padding: 0 16px;
+  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}
+
+  display: flex;
+  align-items: center;
+  justify-content: left;
+  gap: 8px;
+
+  &.truncate-text,
+  &.truncate-text span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &.left {
+    justify-content: left;
+  }
+
+  &.right {
+    justify-content: right;
+  }
+
+  &.center {
+    justify-content: center;
+  }
+
+  a:first-letter,
+  span:first-letter {
+    text-transform: uppercase;
+  }
+  
+  ${StyledCheckBox}{
+    width: fit-content;
+  }
+`;
+export const StyledTableCellIcon = styled.div`
+  color: ${props => COLORS.getColor('neutral_700', props.theme)};
+  width: 20px;
+  height: 20px;
+
+  svg {
+    color: ${props => COLORS.getColor('neutral_700', props.theme)};
+    width: 20px;
+    height: 20px;
+  }
+`;
+export const StyledTableCellText = styled.span`
+  display: block;
+`;
+export const StyledTableCellTextWrapper = styled.div`
+  padding: 12px 0px;
+  width: 100%;
+  ${props => !props.$textWrap ? `
+  overflow: hidden;
+  text-overflow: ellipsis;
+  ` : ``}
+`;
+export const StyledTableCellNoteText = styled.span`
+  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}
+  display: inline-block;
+  width: 100%;
+`;
+export const StyledTableFooter = styled.div`
+`;
+export const StyledTableFooterContent = styled.div`
+  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  box-sizing: border-box;
+  min-height: 56px;
+
+  display: flex;
+  align-items: center;
+  justify-content: right;
+
+`;
+export const StyledTableFooterCurrentInfo = styled.span`
+  padding: 0 16px;
+  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}
+`;
+export const StyledTableFooterControls = styled.div`
+  display: flex;
+`;
+export const StyledTableSpinner = styled.div`
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  background-color: rgba(255, 255, 255, 0.75);
+  top: 0;
+  z-index: ${props => props.$zindex ?? Z_INDEXES.loader};
+`;
+export const StyledTableFooterCollapseButton = styled.button`
+  position: relative;
+  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  border-left: none;
+  border-right: none;
+  box-sizing: border-box;
+  min-height: 48px;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  background: ${props => COLORS.getColor('white', props.theme)};
+
+  cursor: pointer;
+
+  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  
+  &:focus {
+    ${focusStyles}
+  }
+
+  &:hover {
+    z-index: ${Z_INDEXES.hover};
+    background: ${props => COLORS.getColor('primary_20', props.theme)};
+    color: ${props => COLORS.getColor('primary_700', props.theme)};
+  }
+
+  &:active {
+    z-index: ${Z_INDEXES.active};
+    background: ${props => COLORS.getColor('primary_100', props.theme)};
+    color: ${props => COLORS.getColor('primary_800', props.theme)};
+  }
+
+  &:disabled {
+    display: none;
+  }
+
+`;
+export const StyledTableBodyWrapper = styled.div`
+  overflow-x: auto;
+  ${scrollBarStyling(Size.Small)}
+
+  &::-webkit-scrollbar-track {
+    margin: 6px;
+  }
+
+  &.scrollable{
+    margin-bottom: 6px;
+    padding-bottom: 10px;
+  }
+`;
 //# sourceMappingURL=TableStyles.js.map

package/dist/Table/TableStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableStyles.js","names":["styled","COLORS","focusStyles","scrollBarStyling","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","StyledCheckBox","Size","TableWrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","StyledTable","table","_templateObject2","StyledTableHeader","_templateObject3","StyledTableHeaderTitle","_templateObject4","StyledTableHeaderTitleContent","_templateObject5","Bold","StyledTableHeaderRow","thead","_templateObject6","StyledTableHeaderColumns","tr","_templateObject7","StyledTableHeaderColumnContent","_templateObject8","StyledTableHeaderColumnSortDirection","span","_templateObject9","StyledTableHeaderColumn","th","_templateObject10","hover","active","StyledTableBodyRow","_templateObject11","StyledTableNoRowsLabelRow","_templateObject12","StyledTableBody","tbody","_templateObject13","StyledTableCell","td","_templateObject14","StyledTableCellContent","_templateObject15","$withNote","Regular","StyledTableCellIcon","_templateObject16","StyledTableCellText","_templateObject17","StyledTableCellTextWrapper","_templateObject18","$textWrap","StyledTableCellNoteText","_templateObject19","StyledTableFooter","_templateObject20","StyledTableFooterContent","_templateObject21","StyledTableFooterCurrentInfo","_templateObject22","StyledTableFooterControls","_templateObject23","StyledTableSpinner","_templateObject24","_props$$zindex","$zindex","loader","StyledTableFooterCollapseButton","button","_templateObject25","StyledTableBodyWrapper","_templateObject26","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.js","names":["styled","COLORS","focusStyles","scrollBarStyling","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","StyledCheckBox","Size","TableWrapper","div","props","getColor","theme","StyledTable","table","StyledTableHeader","StyledTableHeaderTitle","StyledTableHeaderTitleContent","Bold","StyledTableHeaderRow","thead","StyledTableHeaderColumns","tr","StyledTableHeaderColumnContent","StyledTableHeaderColumnSortDirection","span","StyledTableHeaderColumn","th","hover","active","StyledTableBodyRow","StyledTableNoRowsLabelRow","StyledTableBody","tbody","StyledTableCell","td","StyledTableCellContent","$withNote","Regular","StyledTableCellIcon","StyledTableCellText","StyledTableCellTextWrapper","$textWrap","StyledTableCellNoteText","StyledTableFooter","StyledTableFooterContent","StyledTableFooterCurrentInfo","StyledTableFooterControls","StyledTableSpinner","$zindex","loader","StyledTableFooterCollapseButton","button","StyledTableBodyWrapper","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":[]}