@laerdal/life-react-components 3.5.1-dev.16 → 3.5.1-dev.18

package/dist/esm/Table/TableTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"TableTypes.js"}

package/dist/esm/Table/__tests__/Table.test.js

@@ -1,321 +0,0 @@
-import React from 'react';
-/**
- * Import React libraries.
- */
-
-import { render } from '@testing-library/react';
-/**
- * Import custom components.
- */
-
-import { Table } from '../index';
-/**
- * Import third-party libraries.
- */
-
-import 'jest-styled-components';
-/**
- * Import custom types.
- */
-
-describe('<Table />', () => {
-  it('Renders the Table', () => {
-    const columns = [{
-      key: 'column1',
-      name: 'Column 1'
-    }, {
-      key: 'column2',
-      name: 'Column 2'
-    }];
-    const rows = [{
-      column1: 'Test content',
-      column2: 'Test content 2'
-    }];
-    const {
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(Table, {
-      rows: rows,
-      columns: columns,
-      title: "Test title"
-    }));
-    expect(getByTestId('TestTable')).toBeDefined();
-  });
-  describe('Table Header Row Tests', () => {
-    it('Should render table header row in case title is passed', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [{
-        column1: 'Test content',
-        column2: 'Test content 2'
-      }];
-      const {
-        queryByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns,
-        title: "Test title"
-      }));
-      expect(queryByTestId('TestTableHeaderRow')).not.toBeNull();
-    });
-    it('Should not render table header row in case title is passed', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [{
-        column1: 'Test content',
-        column2: 'Test content 2'
-      }];
-      const {
-        queryByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns
-      }));
-      expect(queryByTestId('TestTableHeaderRow')).toBeNull();
-    });
-    describe('Table Header Row functional tests', () => {
-      it('Should have title', () => {
-        const columns = [{
-          key: 'column1',
-          name: 'Column 1'
-        }, {
-          key: 'column2',
-          name: 'Column 2'
-        }];
-        const rows = [{
-          column1: 'Test content',
-          column2: 'Test content 2'
-        }];
-        const {
-          queryByTestId
-        } = render( /*#__PURE__*/React.createElement(Table, {
-          rows: rows,
-          columns: columns,
-          title: "Test Title"
-        }));
-        const tableHeaderRow = queryByTestId('TestTableHeaderRow');
-        expect(tableHeaderRow?.children[0].children[0].textContent).toContain('Test Title');
-      });
-      it('Should have options menu', () => {
-        const columns = [{
-          key: 'column1',
-          name: 'Column 1'
-        }, {
-          key: 'column2',
-          name: 'Column 2'
-        }];
-        const rows = [{
-          column1: 'Test content',
-          column2: 'Test content 2'
-        }];
-        const {
-          queryByTestId
-        } = render( /*#__PURE__*/React.createElement(Table, {
-          rows: rows,
-          columns: columns,
-          title: "Test Title"
-        }));
-        expect(queryByTestId('TestTableHeaderRow')?.getElementsByTagName('svg')).not.toBeNull();
-      });
-    });
-  });
-  describe('Table Column Header Row Tests', () => {
-    it('Should render column header row', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [{
-        column1: 'Test content',
-        column2: 'Test content 2'
-      }];
-      const {
-        getByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns
-      }));
-      expect(getByTestId('TestTableColumnHeaderRow')).not.toBeNull();
-    });
-    it('Should render two columns in the column header row', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [{
-        column1: 'Test content',
-        column2: 'Test content 2'
-      }];
-      const {
-        getByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns
-      }));
-      expect(getByTestId('TestTableColumnHeaderRow').children.length).toEqual(2);
-    });
-    it('Should render correct column names in the column header row', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [{
-        column1: 'Test content',
-        column2: 'Test content 2'
-      }];
-      const {
-        getByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns
-      }));
-      expect(getByTestId('TestTableColumnHeaderRow').children[0].textContent).toEqual('Column 1');
-      expect(getByTestId('TestTableColumnHeaderRow').children[1].textContent).toEqual('Column 2');
-    });
-    it('Should render columns without no-border class in the column header row, in case title is passed', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [{
-        column1: 'Test content',
-        column2: 'Test content 2'
-      }];
-      const {
-        getByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns,
-        title: "test title"
-      }));
-      expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(false);
-      expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(false);
-    });
-    it('Should render columns with no-border class in the column header row, in case title is not passed', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [{
-        column1: 'Test content',
-        column2: 'Test content 2'
-      }];
-      const {
-        getByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns
-      }));
-      expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(true);
-      expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(true);
-    });
-  });
-  describe('Table Body Row tests', () => {
-    it('Should not render "No Data" row in case there are rows', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [{
-        column1: 'Test content',
-        column2: 'Test content 2'
-      }];
-      const {
-        queryByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns
-      }));
-      expect(queryByTestId('TestTableNoDataRow')).toBeNull();
-    });
-    it('Should render "No Data" row in case there are no rows', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [];
-      const {
-        queryByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns
-      }));
-      expect(queryByTestId('TestTableNoDataRow')).not.toBeNull();
-      expect(queryByTestId('TestTableNoDataRow')?.textContent).toEqual('There are no rows to display');
-    });
-    it('Should render a data row with correct content for each row that is passed', () => {
-      const columns = [{
-        key: 'column1',
-        name: 'Column 1'
-      }, {
-        key: 'column2',
-        name: 'Column 2'
-      }];
-      const rows = [{
-        column1: 'Test content',
-        column2: 'Test content 2'
-      }];
-      const {
-        getByTestId
-      } = render( /*#__PURE__*/React.createElement(Table, {
-        rows: rows,
-        columns: columns
-      }));
-      expect(getByTestId('TestTableDataRow')).toBeDefined();
-      expect(getByTestId('TestTableDataRow').children.length).toEqual(2);
-      expect(getByTestId('TestTableDataRow').children[0].textContent).toEqual('Test content');
-      expect(getByTestId('TestTableDataRow').children[1].textContent).toEqual('Test content 2');
-    });
-  });
-  it('Should render footer row', () => {
-    const columns = [{
-      key: 'column1',
-      name: 'Column 1'
-    }, {
-      key: 'column2',
-      name: 'Column 2'
-    }];
-    const rows = [{
-      column1: 'Test content',
-      column2: 'Test content 2'
-    }];
-    const {
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(Table, {
-      rows: rows,
-      columns: columns
-    }));
-    expect(getByTestId('TestTableFooterRow')).toBeDefined();
-  });
-});
-//# sourceMappingURL=Table.test.js.map

package/dist/esm/Table/__tests__/Table.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Table/__tests__/Table.test.tsx"],"names":["React","render","Table","describe","it","columns","key","name","rows","column1","column2","getByTestId","expect","toBeDefined","queryByTestId","not","toBeNull","tableHeaderRow","children","textContent","toContain","getElementsByTagName","length","toEqual","classList","contains","toBe"],"mappings":"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","sourcesContent":["import React from 'react';\r\n/**\r\n * Import React libraries.\r\n */\r\nimport { render } from '@testing-library/react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport { Table } from '../index';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport 'jest-styled-components';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport { TableColumn } from '../TableTypes';\r\n\r\ndescribe('<Table />', () => {\r\n  it('Renders the Table', () => {\r\n    const columns: TableColumn[] = [\r\n      {\r\n        key: 'column1',\r\n        name: 'Column 1',\r\n      },\r\n      {\r\n        key: 'column2',\r\n        name: 'Column 2',\r\n      },\r\n    ];\r\n    const rows: any[] = [\r\n      {\r\n        column1: 'Test content',\r\n        column2: 'Test content 2',\r\n      },\r\n    ];\r\n    const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\r\n    expect(getByTestId('TestTable')).toBeDefined();\r\n  });\r\n\r\n  describe('Table Header Row Tests', () => {\r\n    it('Should render table header row in case title is passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\r\n      expect(queryByTestId('TestTableHeaderRow')).not.toBeNull();\r\n    });\r\n\r\n    it('Should not render table header row in case title is passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(queryByTestId('TestTableHeaderRow')).toBeNull();\r\n    });\r\n\r\n    describe('Table Header Row functional tests', () => {\r\n      it('Should have title', () => {\r\n        const columns: TableColumn[] = [\r\n          {\r\n            key: 'column1',\r\n            name: 'Column 1',\r\n          },\r\n          {\r\n            key: 'column2',\r\n            name: 'Column 2',\r\n          },\r\n        ];\r\n        const rows: any[] = [\r\n          {\r\n            column1: 'Test content',\r\n            column2: 'Test content 2',\r\n          },\r\n        ];\r\n        const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\r\n        const tableHeaderRow = queryByTestId('TestTableHeaderRow');\r\n        expect(tableHeaderRow?.children[0].children[0].textContent).toContain('Test Title');\r\n      });\r\n\r\n      it('Should have options menu', () => {\r\n        const columns: TableColumn[] = [\r\n          {\r\n            key: 'column1',\r\n            name: 'Column 1',\r\n          },\r\n          {\r\n            key: 'column2',\r\n            name: 'Column 2',\r\n          },\r\n        ];\r\n        const rows: any[] = [\r\n          {\r\n            column1: 'Test content',\r\n            column2: 'Test content 2',\r\n          },\r\n        ];\r\n        const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\r\n        expect(queryByTestId('TestTableHeaderRow')?.getElementsByTagName('svg')).not.toBeNull();\r\n      });\r\n    });\r\n  });\r\n\r\n  describe('Table Column Header Row Tests', () => {\r\n    it('Should render column header row', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableColumnHeaderRow')).not.toBeNull();\r\n    });\r\n\r\n    it('Should render two columns in the column header row', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children.length).toEqual(2);\r\n    });\r\n\r\n    it('Should render correct column names in the column header row', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[0].textContent).toEqual('Column 1');\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[1].textContent).toEqual('Column 2');\r\n    });\r\n\r\n    it('Should render columns without no-border class in the column header row, in case title is passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"test title\" />);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(false);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(false);\r\n    });\r\n\r\n    it('Should render columns with no-border class in the column header row, in case title is not passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(true);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(true);\r\n    });\r\n  });\r\n\r\n  describe('Table Body Row tests', () => {\r\n    it('Should not render \"No Data\" row in case there are rows', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(queryByTestId('TestTableNoDataRow')).toBeNull();\r\n    });\r\n\r\n    it('Should render \"No Data\" row in case there are no rows', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [];\r\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(queryByTestId('TestTableNoDataRow')).not.toBeNull();\r\n      expect(queryByTestId('TestTableNoDataRow')?.textContent).toEqual('There are no rows to display');\r\n    });\r\n\r\n    it('Should render a data row with correct content for each row that is passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableDataRow')).toBeDefined();\r\n      expect(getByTestId('TestTableDataRow').children.length).toEqual(2);\r\n      expect(getByTestId('TestTableDataRow').children[0].textContent).toEqual('Test content');\r\n      expect(getByTestId('TestTableDataRow').children[1].textContent).toEqual('Test content 2');\r\n    });\r\n  });\r\n\r\n  it('Should render footer row', () => {\r\n    const columns: TableColumn[] = [\r\n      {\r\n        key: 'column1',\r\n        name: 'Column 1',\r\n      },\r\n      {\r\n        key: 'column2',\r\n        name: 'Column 2',\r\n      },\r\n    ];\r\n    const rows: any[] = [\r\n      {\r\n        column1: 'Test content',\r\n        column2: 'Test content 2',\r\n      },\r\n    ];\r\n    const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n    expect(getByTestId('TestTableFooterRow')).toBeDefined();\r\n  });\r\n});\r\n"],"file":"Table.test.js"}

package/dist/esm/Table/index.js

@@ -1,2 +0,0 @@
-export { default as Table } from './Table';
-//# sourceMappingURL=index.js.map

package/dist/esm/Table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Table/index.ts"],"names":["default","Table"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC","sourcesContent":["export { default as Table } from './Table';\r\n"],"file":"index.js"}

package/dist/esm/Tabs/HorizontalTabs.js

@@ -1,232 +0,0 @@
-import _pt from "prop-types";
-
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-import { Size } from '../types';
-/**
- * Import custom styles.
- */
-
-import { COLORS, ComponentTextStyle } from '../styles';
-/**
- * Import third-party libraries.
- */
-
-import styled from 'styled-components';
-import { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';
-import { Z_INDEXES } from '../styles/z-indexes'; // Add custom styles
-
-const HorizontalTabContainer = styled.div`
-  width: 100%;
-  display: flex;
-  position: relative;
-  flex-direction: row;
-`;
-const TabSideFill = styled.div`
-  position: absolute;
-  border-bottom: 1px solid ${COLORS.neutral_100};
-  bottom: 0;
-  width: 100%;
-
-  &.fill {
-    background: ${COLORS.white};
-  }
-`;
-const TabButton = styled.button`
-  color: ${COLORS.neutral_800};
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-  padding: 0px;
-
-  &.disabled {
-    &:hover, &:focus {
-      cursor: not-allowed;
-      
-      div {
-        color: ${COLORS.neutral_300};
-        box-shadow: none !important;
-        background-color: transparent;
-        color: ${COLORS.neutral_300};
-      }
-    }
-  }
-
-  &:hover {
-    z-index: ${Z_INDEXES.hover};
-    div {
-      background: ${COLORS.primary_20};
-      color: ${COLORS.primary_700};
-  
-      &.selected {
-        border-top: 2px solid ${COLORS.primary_700};
-        border-bottom: 0px;
-        border-left: 1px solid ${COLORS.neutral_100};
-        border-right: 1px solid ${COLORS.neutral_100};
-      }
-    }
-  }
-  &.selected{
-    z-index: ${Z_INDEXES.active};
-  }
-  
-  &:focus {
-    z-index: ${Z_INDEXES.focus};
-    outline: none;
-    
-    div {
-      color: ${COLORS.primary_800};
-      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;
-      outline: none;
-
-      &.selected {
-        border-top: 2px solid ${COLORS.primary_800};
-        border-bottom: 0px;
-        border-left: 1px solid ${COLORS.neutral_100};
-        border-right: 1px solid ${COLORS.neutral_100};
-      }
-    }
-  }
-
-  div {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-
-    &:hover {
-      background: ${COLORS.primary_20};
-      color: ${COLORS.primary_700};
-  
-      &.selected {
-        border-top: 2px solid ${COLORS.primary_700};
-        border-bottom: 0px;
-        border-left: 1px solid ${COLORS.neutral_100};
-        border-right: 1px solid ${COLORS.neutral_100};
-      }
-    }
-  
-    &.selected {
-      background-color: ${COLORS.white};
-      border-top: 2px solid ${COLORS.primary_500};
-      border-bottom: 0px;
-      border-left: 1px solid ${COLORS.neutral_100};
-      border-right: 1px solid ${COLORS.neutral_100};
-    }
-  
-    &:focus {
-      color: ${COLORS.primary_800};
-      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;
-      outline: none;
-  
-      &.selected {
-        border-top: 2px solid ${COLORS.primary_800};
-        border-bottom: 0px;
-        border-left: 1px solid ${COLORS.neutral_100};
-        border-right: 1px solid ${COLORS.neutral_100};
-      }
-    }
-  
-    &:active {
-      background: ${COLORS.primary_100};
-      color: ${COLORS.primary_800};
-      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;
-      outline: none;
-  
-      &.selected {
-        border-top: 2px solid ${COLORS.primary_800};
-        border-bottom: 0px;
-        border-left: 1px solid ${COLORS.neutral_100};
-        border-right: 1px solid ${COLORS.neutral_100};
-      }
-    }
-  
-    &.disabled {
-      color: ${COLORS.neutral_300};
-      cursor: not-allowed;
-      box-shadow: none !important;
-  
-      &:hover, &:focus {
-        background-color: transparent;
-        color: ${COLORS.neutral_300};
-      }
-    }
-
-    &.size-${Size.XSmall} {
-      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}
-      padding: 0px 16px;
-      height: 32px;
-      margin-top: 16px;
-    }
-
-    &.size-${Size.Small} {
-      ${ComponentSStyling(ComponentTextStyle.Regular, null)}
-      padding: 0px 16px;
-      height: 40px;
-      margin-top: 8px;
-    }
-
-    &.size-${Size.Medium} {
-      ${ComponentMStyling(ComponentTextStyle.Regular, null)}
-      height: 48px;
-      min-width: 96px;
-      padding: 0px 16px;
-    }
-
-    &.size-${Size.Large} {
-      ${ComponentLStyling(ComponentTextStyle.Regular, null)}
-      height: 56px;
-      min-width: 144px;
-      padding: 0px 16px;
-    }
-  }
-`; // Add component-specific types
-
-const HorizontalTabs = ({
-  size,
-  tabs,
-  sideFill,
-  fullWidth,
-  onTabChange
-}) => {
-  /**
-   * Informs parent component of tab change and clears focus.
-   * @param to - A link to which user should be navigated.
-   */
-  const doTabChange = to => {
-    // Let's inform parent component
-    onTabChange(to); // Let's clear focus
-
-    if (document.activeElement instanceof HTMLElement) {
-      document.activeElement.blur();
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(HorizontalTabContainer, null, /*#__PURE__*/React.createElement(TabSideFill, {
-    className: `${sideFill ? 'fill' : ''}`
-  }), tabs.map((tab, index) => /*#__PURE__*/React.createElement(TabButton, {
-    key: `${tab}_${index}`,
-    style: fullWidth ? {
-      width: `${100 / tabs.length}%`
-    } : {},
-    className: `size-${size} ${tab.selected ? 'selected' : ''} ${tab.disabled ? 'disabled' : ''}`,
-    onClick: () => !tab.disabled && doTabChange(tab.to)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `size-${size} ${tab.selected ? 'selected' : ''} ${tab.disabled ? 'disabled' : ''}`
-  }, tab.value))));
-};
-
-HorizontalTabs.propTypes = {
-  tabs: _pt.arrayOf(_pt.shape({
-    value: _pt.string.isRequired,
-    selected: _pt.bool.isRequired,
-    to: _pt.string.isRequired,
-    disabled: _pt.bool
-  })).isRequired,
-  sideFill: _pt.bool,
-  fullWidth: _pt.bool,
-  onTabChange: _pt.func.isRequired
-};
-export default HorizontalTabs;
-//# sourceMappingURL=HorizontalTabs.js.map

package/dist/esm/Tabs/HorizontalTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Tabs/HorizontalTabs.tsx"],"names":["React","Size","COLORS","ComponentTextStyle","styled","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","HorizontalTabContainer","div","TabSideFill","neutral_100","white","TabButton","button","neutral_800","neutral_300","hover","primary_20","primary_700","active","focus","primary_800","focus_25","primary_500","primary_100","XSmall","Regular","Small","Medium","Large","HorizontalTabs","size","tabs","sideFill","fullWidth","onTabChange","doTabChange","to","document","activeElement","HTMLElement","blur","map","tab","index","width","length","selected","disabled","value"],"mappings":"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","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\n// Add custom styles\r\nconst HorizontalTabContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  position: relative;\r\n  flex-direction: row;\r\n`;\r\n\r\nconst TabSideFill = styled.div`\r\n  position: absolute;\r\n  border-bottom: 1px solid ${COLORS.neutral_100};\r\n  bottom: 0;\r\n  width: 100%;\r\n\r\n  &.fill {\r\n    background: ${COLORS.white};\r\n  }\r\n`;\r\n\r\nconst TabButton = styled.button`\r\n  color: ${COLORS.neutral_800};\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  padding: 0px;\r\n\r\n  &.disabled {\r\n    &:hover, &:focus {\r\n      cursor: not-allowed;\r\n      \r\n      div {\r\n        color: ${COLORS.neutral_300};\r\n        box-shadow: none !important;\r\n        background-color: transparent;\r\n        color: ${COLORS.neutral_300};\r\n      }\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    div {\r\n      background: ${COLORS.primary_20};\r\n      color: ${COLORS.primary_700};\r\n  \r\n      &.selected {\r\n        border-top: 2px solid ${COLORS.primary_700};\r\n        border-bottom: 0px;\r\n        border-left: 1px solid ${COLORS.neutral_100};\r\n        border-right: 1px solid ${COLORS.neutral_100};\r\n      }\r\n    }\r\n  }\r\n  &.selected{\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n  \r\n  &:focus {\r\n    z-index: ${Z_INDEXES.focus};\r\n    outline: none;\r\n    \r\n    div {\r\n      color: ${COLORS.primary_800};\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n      outline: none;\r\n\r\n      &.selected {\r\n        border-top: 2px solid ${COLORS.primary_800};\r\n        border-bottom: 0px;\r\n        border-left: 1px solid ${COLORS.neutral_100};\r\n        border-right: 1px solid ${COLORS.neutral_100};\r\n      }\r\n    }\r\n  }\r\n\r\n  div {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_20};\r\n      color: ${COLORS.primary_700};\r\n  \r\n      &.selected {\r\n        border-top: 2px solid ${COLORS.primary_700};\r\n        border-bottom: 0px;\r\n        border-left: 1px solid ${COLORS.neutral_100};\r\n        border-right: 1px solid ${COLORS.neutral_100};\r\n      }\r\n    }\r\n  \r\n    &.selected {\r\n      background-color: ${COLORS.white};\r\n      border-top: 2px solid ${COLORS.primary_500};\r\n      border-bottom: 0px;\r\n      border-left: 1px solid ${COLORS.neutral_100};\r\n      border-right: 1px solid ${COLORS.neutral_100};\r\n    }\r\n  \r\n    &:focus {\r\n      color: ${COLORS.primary_800};\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n      outline: none;\r\n  \r\n      &.selected {\r\n        border-top: 2px solid ${COLORS.primary_800};\r\n        border-bottom: 0px;\r\n        border-left: 1px solid ${COLORS.neutral_100};\r\n        border-right: 1px solid ${COLORS.neutral_100};\r\n      }\r\n    }\r\n  \r\n    &:active {\r\n      background: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n      outline: none;\r\n  \r\n      &.selected {\r\n        border-top: 2px solid ${COLORS.primary_800};\r\n        border-bottom: 0px;\r\n        border-left: 1px solid ${COLORS.neutral_100};\r\n        border-right: 1px solid ${COLORS.neutral_100};\r\n      }\r\n    }\r\n  \r\n    &.disabled {\r\n      color: ${COLORS.neutral_300};\r\n      cursor: not-allowed;\r\n      box-shadow: none !important;\r\n  \r\n      &:hover, &:focus {\r\n        background-color: transparent;\r\n        color: ${COLORS.neutral_300};\r\n      }\r\n    }\r\n\r\n    &.size-${Size.XSmall} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n      padding: 0px 16px;\r\n      height: 32px;\r\n      margin-top: 16px;\r\n    }\r\n\r\n    &.size-${Size.Small} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n      padding: 0px 16px;\r\n      height: 40px;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    &.size-${Size.Medium} {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n      height: 48px;\r\n      min-width: 96px;\r\n      padding: 0px 16px;\r\n    }\r\n\r\n    &.size-${Size.Large} {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n      height: 56px;\r\n      min-width: 144px;\r\n      padding: 0px 16px;\r\n    }\r\n  }\r\n`;\r\n\r\n// Add component-specific types\r\ninterface HorizontalTabProps {\r\n  size: Size;\r\n  tabs: HorizontalTab[];\r\n  sideFill?: boolean;\r\n  fullWidth?: boolean;\r\n  onTabChange: (to: string) => void;\r\n}\r\n\r\ninterface HorizontalTab {\r\n  value: string;\r\n  selected: boolean;\r\n  to: string;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst HorizontalTabs = ({ size, tabs, sideFill, fullWidth, onTabChange }: HorizontalTabProps) => {\r\n  /**\r\n   * Informs parent component of tab change and clears focus.\r\n   * @param to - A link to which user should be navigated.\r\n   */\r\n  const doTabChange = (to: string): void => {\r\n    // Let's inform parent component\r\n    onTabChange(to);\r\n\r\n    // Let's clear focus\r\n    if (document.activeElement instanceof HTMLElement) {\r\n      document.activeElement!.blur();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <HorizontalTabContainer>\r\n      <TabSideFill className={`${sideFill ? 'fill' : ''}`} />\r\n      {tabs.map((tab: HorizontalTab, index: number) => (\r\n        <TabButton\r\n          key={`${tab}_${index}`}\r\n          style={fullWidth ? { width: `${100 / tabs.length}%` } : {}}\r\n          className={`size-${size} ${tab.selected ? 'selected' : ''} ${tab.disabled ? 'disabled' : ''}`}\r\n          onClick={() => !tab.disabled && doTabChange(tab.to)}>\r\n          <div className={`size-${size} ${tab.selected ? 'selected' : ''} ${tab.disabled ? 'disabled' : ''}`}>\r\n            {tab.value}\r\n          </div>\r\n        </TabButton>\r\n      ))}\r\n    </HorizontalTabContainer>\r\n  );\r\n};\r\n\r\nexport default HorizontalTabs;\r\n"],"file":"HorizontalTabs.js"}