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

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