@dfds-ui/react-components 0.9.7-alpha.3a2ef8a2 → 0.9.7-alpha.975c7161

package/cjs/spinner/Spinner.d.ts

@@ -0,0 +1,15 @@
+declare type Color = 'dark' | 'secondary' | 'light';
+export declare type SpinnerProps = {
+    instant?: boolean;
+    size?: string;
+    className?: string;
+    color?: Color;
+};
+declare function Spinner({ instant, size, className, color, ...rest }: SpinnerProps): JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
+export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<SpinnerProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export default Spinner;

package/cjs/spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Spinner } from './Spinner';
+export * from './Spinner';

package/cjs/stepper/Step.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { ListItemProps } from './../lists/ListItem';
+declare type StepProps = {
+    label: ReactNode;
+    children: ReactNode;
+    listItemProps?: ListItemProps;
+};
+declare const _default: React.NamedExoticComponent<StepProps>;
+export default _default;

package/cjs/stepper/Stepper.d.ts

@@ -0,0 +1,15 @@
+import React, { SetStateAction, Dispatch, ReactNode } from 'react';
+declare type StepperProps = {
+    children: ReactNode;
+    initialStep?: number;
+};
+export declare const useStepperContext: () => {
+    activeStep: string;
+    setStep: (id: string) => void;
+    setNext: () => Dispatch<SetStateAction<number>> | void;
+    setBack: () => Dispatch<SetStateAction<number>> | void;
+    setReset: () => Dispatch<SetStateAction<number>> | void;
+    setActiveIndex: Dispatch<SetStateAction<number>>;
+};
+declare const _default: React.NamedExoticComponent<StepperProps>;
+export default _default;

package/cjs/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Step } from './Step';
+export { default as Stepper, useStepperContext } from './Stepper';

package/cjs/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as legacyMedia, legacyGenerateMedia } from './media';
+export { default as theme } from './theme';
+export { visuallyHidden } from './style-helpers';

package/cjs/styles/media.d.ts

@@ -0,0 +1,21 @@
+declare const defaultBreakPoints: {
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+    xs: number;
+};
+declare type BreakPoint = keyof typeof defaultBreakPoints | number;
+export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
+    lt: (breakPoint: BreakPoint) => string;
+    gt: (breakPoint: BreakPoint) => string;
+    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
+    tablet: () => string;
+};
+export declare const legacyMedia: {
+    lt: (breakPoint: BreakPoint) => string;
+    gt: (breakPoint: BreakPoint) => string;
+    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
+    tablet: () => string;
+};
+export default legacyMedia;

package/cjs/styles/rem.d.ts

@@ -0,0 +1 @@
+export declare const rem: (targetPixelValue: number, base?: number) => string;

package/cjs/styles/style-helpers.d.ts

@@ -0,0 +1 @@
+export declare const visuallyHidden: () => import("@emotion/react").SerializedStyles;

package/cjs/styles/theme.d.ts

@@ -0,0 +1,39 @@
+export declare const theme: {
+    colors: {
+        yesGreen: string;
+        cautionAmber: string;
+        noRed: string;
+        linkBlue: string;
+        linkHover: string;
+        actionBlue: string;
+        actionHover: string;
+        actionMedium: string;
+        actionLight: string;
+        primaryOrange: string;
+        primaryHover: string;
+        uiEnabled: string;
+        uiDisabled: string;
+        textGrey: string;
+        textMedium: string;
+        textLight: string;
+        groupBlue: string;
+        groupMedium: string;
+        groupLight: string;
+        backgroundGrey: string;
+        white: string;
+        whiteHover: string;
+    };
+    fontFamily: string;
+    spacing: {
+        xxs: string;
+        xs: string;
+        s: string;
+        m: string;
+        l: string;
+        xl: string;
+        xxl: string;
+    };
+    uiRoundness: string;
+};
+export declare type ThemeInterface = typeof theme;
+export default theme;

package/cjs/surface/Surface.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { theme } from '@dfds-ui/theme';
+export declare type SurfaceType = keyof typeof theme.colors.surface;
+export declare type SurfaceContextType = {
+    surface: SurfaceType;
+    backgroundColor: string;
+    textColors: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+};
+export declare function getTextColors(surface: SurfaceType): {
+    primary: string;
+    secondary: string;
+    disabled: string;
+};
+export declare function getBackgroundColor(surface: SurfaceType): string;
+export declare const SurfaceContext: React.Context<SurfaceContextType | undefined>;
+export declare const SurfaceProvider: React.FC<{
+    surface: SurfaceType;
+}>;
+export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
+    surface?: SurfaceType;
+}>): JSX.Element;
+export declare const useSurfaceContext: (surface?: "main" | "dark" | "primary" | "secondary" | "inverted" | "tertiary" | undefined) => SurfaceContextType;
+export declare const Surface: React.FC<{
+    surface: SurfaceType;
+    className?: string;
+}>;

package/cjs/surface/index.d.ts

@@ -0,0 +1 @@
+export * from './Surface';

package/cjs/tab/Tab.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare type Index = number | string;
+export declare type TabProps = {
+    active?: boolean;
+    disabled?: boolean;
+    transparent?: boolean;
+    index: Index;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+declare const Tab: React.FC<TabProps>;
+export default Tab;

package/cjs/tab/TabPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type TabPanelProps = {
+    index: number | string;
+    children: React.ReactNode;
+};
+declare const TabPanel: React.FC<TabPanelProps>;
+export default TabPanel;

package/cjs/tab/Tabs.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type TabsLabels = {
+    scrollLeft: string;
+    scrollRight: string;
+};
+declare type TabsProps = {
+    tabsLabels?: TabsLabels;
+    children?: any;
+};
+declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

package/cjs/tab/TabsContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Index } from './Tab';
+export declare type TabsContextProps = {
+    transparent?: boolean;
+    onChange?: (index: any) => void;
+    size?: 's' | 'm';
+    activeTab?: Index | undefined;
+};
+export declare const TabsContext: React.Context<TabsContextProps>;
+export declare const TabsContextProvider: React.FC<{
+    value: TabsContextProps;
+}>;
+export declare const useTabsContext: () => TabsContextProps;
+export default useTabsContext;

package/cjs/tab/index.d.ts

@@ -0,0 +1,4 @@
+export * from './TabsContext';
+export { default as Tabs } from './Tabs';
+export { default as Tab } from './Tab';
+export { default as TabPanel } from './TabPanel';

package/cjs/table/Table.d.ts

@@ -0,0 +1,22 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export declare type TableProps = {
+    /**
+     * Table content
+     */
+    children?: ReactNode;
+    /**
+     * Enables interaction effect on table rows
+     */
+    isInteractive?: boolean;
+    /**
+     * Makes table header sticky when scrolling (no IE 11 support)
+     */
+    isHeaderSticky?: boolean;
+} & ComponentPropsWithRef<'table'>;
+export declare type TableContextProps = {
+    isInteractive: boolean;
+    isHeaderSticky: boolean;
+};
+export declare const useTable: () => TableContextProps;
+export declare const Table: React.ForwardRefExoticComponent<Pick<TableProps, "key" | "css" | keyof React.TableHTMLAttributes<HTMLTableElement> | "isHeaderSticky" | "isInteractive"> & React.RefAttributes<HTMLTableElement>>;
+export default Table;

package/cjs/table/Table.js

@@ -23,13 +23,13 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-const TableContext = /*#__PURE__*/_react.default.createContext({
+const TableContext = /*#__PURE__*/(0, _react.createContext)({
   isInteractive: false,
   isHeaderSticky: false
 });
 
 const useTable = () => {
-  const context = _react.default.useContext(TableContext);
+  const context = (0, _react.useContext)(TableContext);
 
   if (context === undefined) {
     throw new Error('TableContext must be used inside of a TableContext provider');
@@ -39,7 +39,7 @@ const useTable = () => {
 };
 
 exports.useTable = useTable;
-const tableStyle = /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgVGFibGVQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIEVuYWJsZXMgaW50ZXJhY3Rpb24gZWZmZWN0IG9uIHRhYmxlIHJvd3NcbiAgICovXG4gIGlzSW50ZXJhY3RpdmU/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIE1ha2VzIHRhYmxlIGhlYWRlciBzdGlja3kgd2hlbiBzY3JvbGxpbmcgKG5vIElFIDExIHN1cHBvcnQpXG4gICAqL1xuICBpc0hlYWRlclN0aWNreT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IHR5cGUgVGFibGVDb250ZXh0UHJvcHMgPSB7XG4gIGlzSW50ZXJhY3RpdmU6IGJvb2xlYW5cbiAgaXNIZWFkZXJTdGlja3k6IGJvb2xlYW5cbn1cblxuY29uc3QgVGFibGVDb250ZXh0ID0gUmVhY3QuY3JlYXRlQ29udGV4dDxUYWJsZUNvbnRleHRQcm9wcz4oe1xuICBpc0ludGVyYWN0aXZlOiBmYWxzZSxcbiAgaXNIZWFkZXJTdGlja3k6IGZhbHNlLFxufSlcblxuZXhwb3J0IGNvbnN0IHVzZVRhYmxlID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChUYWJsZUNvbnRleHQpXG5cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHRocm93IG5ldyBFcnJvcignVGFibGVDb250ZXh0IG11c3QgYmUgdXNlZCBpbnNpZGUgb2YgYSBUYWJsZUNvbnRleHQgcHJvdmlkZXInKVxuICB9XG5cbiAgcmV0dXJuIGNvbnRleHRcbn1cblxuY29uc3QgdGFibGVTdHlsZSA9IGNzc2BcbiAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGUgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+KFxuICAoeyBjaGlsZHJlbiwgaXNIZWFkZXJTdGlja3kgPSBmYWxzZSwgaXNJbnRlcmFjdGl2ZSA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGFibGUgY3NzPXt0YWJsZVN0eWxlfSB7Li4ucmVzdH0gcmVmPXtyZWZ9PlxuICAgICAgICA8VGFibGVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IGlzSW50ZXJhY3RpdmUsIGlzSGVhZGVyU3RpY2t5IH19PntjaGlsZHJlbn08L1RhYmxlQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgIDwvdGFibGU+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlXG4iXX0= */");
+const tableStyle = /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgY3JlYXRlQ29udGV4dCwgZm9yd2FyZFJlZiwgUmVhY3ROb2RlLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGludGVyYWN0aW9uIGVmZmVjdCBvbiB0YWJsZSByb3dzXG4gICAqL1xuICBpc0ludGVyYWN0aXZlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlcyB0YWJsZSBoZWFkZXIgc3RpY2t5IHdoZW4gc2Nyb2xsaW5nIChubyBJRSAxMSBzdXBwb3J0KVxuICAgKi9cbiAgaXNIZWFkZXJTdGlja3k/OiBib29sZWFuXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0YWJsZSc+XG5cbmV4cG9ydCB0eXBlIFRhYmxlQ29udGV4dFByb3BzID0ge1xuICBpc0ludGVyYWN0aXZlOiBib29sZWFuXG4gIGlzSGVhZGVyU3RpY2t5OiBib29sZWFuXG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGFibGVDb250ZXh0UHJvcHM+KHtcbiAgaXNJbnRlcmFjdGl2ZTogZmFsc2UsXG4gIGlzSGVhZGVyU3RpY2t5OiBmYWxzZSxcbn0pXG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZSA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KVxuXG4gIGlmIChjb250ZXh0ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RhYmxlQ29udGV4dCBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIGEgVGFibGVDb250ZXh0IHByb3ZpZGVyJylcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0XG59XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBUYWJsZVByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGlzSGVhZGVyU3RpY2t5ID0gZmFsc2UsIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSwgLi4ucmVzdCB9OiBUYWJsZVByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpc0ludGVyYWN0aXZlLCBpc0hlYWRlclN0aWNreSB9fT57Y2hpbGRyZW59PC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgICA8L3RhYmxlPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVxuIl19 */");
 const Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let children = _ref.children,
       _ref$isHeaderSticky = _ref.isHeaderSticky,

package/cjs/table/TableBody.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export declare type TableBodyProps = {
+    /**
+     * Table body content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'tbody'>;
+export declare const TableBody: React.ForwardRefExoticComponent<Pick<TableBodyProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableBody;

package/cjs/table/TableDataCell.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+import { Alignment } from './TableHeaderCell';
+export declare type TableDataCellProps = {
+    /**
+     * Sets alignment for the content in the tag
+     */
+    align?: Alignment;
+    /**
+     * Table cell content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'td'>;
+export declare const TableDataCell: React.ForwardRefExoticComponent<Pick<TableDataCellProps, "key" | "css" | keyof React.TdHTMLAttributes<HTMLTableDataCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
+export default TableDataCell;

package/cjs/table/TableDataCell.js

@@ -27,7 +27,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-const tableDataCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)((0, _TableHeaderCell.getTableCellStyle)(align), " color:", _theme.theme.colors.text.dark.primary, ";", _typography.typography.body, ";text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableDataCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEFsaWdubWVudCwgZ2V0VGFibGVDZWxsU3R5bGUgfSBmcm9tICcuL1RhYmxlSGVhZGVyQ2VsbCdcblxuZXhwb3J0IHR5cGUgVGFibGVEYXRhQ2VsbFByb3BzID0ge1xuICAvKipcbiAgICogU2V0cyBhbGlnbm1lbnQgZm9yIHRoZSBjb250ZW50IGluIHRoZSB0YWdcbiAgICovXG4gIGFsaWduPzogQWxpZ25tZW50XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNlbGwgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB0YWJsZURhdGFDZWxsU3R5bGUgPSAoYWxpZ246IEFsaWdubWVudCA9ICdsZWZ0JykgPT4gY3NzYFxuICAke2dldFRhYmxlQ2VsbFN0eWxlKGFsaWduKX1cbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgJHt0eXBvZ3JhcGh5LmJvZHl9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlRGF0YUNlbGwgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZURhdGFDZWxsRWxlbWVudCwgVGFibGVEYXRhQ2VsbFByb3BzPihcbiAgKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90ZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
+const tableDataCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)((0, _TableHeaderCell.getTableCellStyle)(align), " color:", _theme.theme.colors.text.dark.primary, ";", _typography.typography.body, ";text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableDataCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBBbGlnbm1lbnQsIGdldFRhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi9UYWJsZUhlYWRlckNlbGwnXG5cbmV4cG9ydCB0eXBlIFRhYmxlRGF0YUNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J3RkJz5cblxuY29uc3QgdGFibGVEYXRhQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICR7dHlwb2dyYXBoeS5ib2R5fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZURhdGFDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVEYXRhQ2VsbFByb3BzPihcbiAgKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90ZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
 
 const TableDataCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let _ref$align = _ref.align,

package/cjs/table/TableHead.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export declare type TableHeadProps = {
+    /**
+     * Table header content
+     */
+    children: ReactNode;
+    /**
+     * Classes applied on the thead tag
+     */
+    className?: string;
+} & ComponentPropsWithRef<'thead'>;
+export declare const tableHeadStyle: import("@emotion/react").SerializedStyles;
+export declare const TableHead: React.ForwardRefExoticComponent<Pick<TableHeadProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableHead;

package/cjs/table/TableHead.js

@@ -30,7 +30,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 const ClassName = {
   IS_STICKY: 'is-sticky'
 };
-const tableHeadStyle = /*#__PURE__*/(0, _react2.css)("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IHVzZVRhYmxlIH0gZnJvbSAnLi9UYWJsZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIGhlYWRlciBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIENsYXNzZXMgYXBwbGllZCBvbiB0aGUgdGhlYWQgdGFnXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2xhc3NOYW1lID0ge1xuICBJU19TVElDS1k6ICdpcy1zdGlja3knLFxufVxuXG5leHBvcnQgY29uc3QgdGFibGVIZWFkU3R5bGUgPSBjc3NgXG4gICYuJHtDbGFzc05hbWUuSVNfU1RJQ0tZfSB0aCB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB0b3A6IDA7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZCA9IGZvcndhcmRSZWY8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQsIFRhYmxlSGVhZFByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgLi4ucmVzdCB9OiBUYWJsZUhlYWRQcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3QgeyBpc0hlYWRlclN0aWNreSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0aGVhZFxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TVElDS1ldOiBpc0hlYWRlclN0aWNreSxcbiAgICAgICAgfSl9XG4gICAgICAgIGNzcz17dGFibGVIZWFkU3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90aGVhZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVIZWFkXG4iXX0= */");
+const tableHeadStyle = /*#__PURE__*/(0, _react2.css)("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBoZWFkZXIgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRoZWFkIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aGVhZCc+XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfU1RJQ0tZOiAnaXMtc3RpY2t5Jyxcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZFN0eWxlID0gY3NzYFxuICAmLiR7Q2xhc3NOYW1lLklTX1NUSUNLWX0gdGgge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWQgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50LCBUYWJsZUhlYWRQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogVGFibGVIZWFkUHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNIZWFkZXJTdGlja3kgfSA9IHVzZVRhYmxlKClcblxuICAgIHJldHVybiAoXG4gICAgICA8dGhlYWRcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICAgIFtDbGFzc05hbWUuSVNfU1RJQ0tZXTogaXNIZWFkZXJTdGlja3ksXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlSGVhZFN0eWxlfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGhlYWQ+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZFxuIl19 */");
 exports.tableHeadStyle = tableHeadStyle;
 const TableHead = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let children = _ref.children,

package/cjs/table/TableHeaderCell.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export declare type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
+export declare type TableHeaderCellProps = {
+    /**
+     * Sets alignment for the content in the tag
+     */
+    align?: Alignment;
+    /**
+     * Table cell content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'th'>;
+export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/react").SerializedStyles;
+export declare const TableHeaderCell: React.ForwardRefExoticComponent<Pick<TableHeaderCellProps, "key" | "css" | keyof React.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
+export default TableHeaderCell;

package/cjs/table/TableHeaderCell.js

@@ -25,11 +25,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-const getTableCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEFsaWdubWVudCA9ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyB8ICdqdXN0aWZ5JyB8ICdjaGFyJ1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlckNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IGdldFRhYmxlQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgbWluLXdpZHRoOiAxMXJlbTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcbmBcblxuY29uc3QgdGFibGVIZWFkQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAke3R5cG9ncmFwaHkuYWN0aW9uQm9sZH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gIHRoLmlzLXN0aWNreSAmIHtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRlckNlbGwgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUhlYWRlckNlbGxFbGVtZW50LCBUYWJsZUhlYWRlckNlbGxQcm9wcz4oXG4gICh7IGFsaWduID0gJ2xlZnQnLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBUYWJsZUhlYWRlckNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0aCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVIZWFkQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90aD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVIZWFkZXJDZWxsXG4iXX0= */");
+const getTableCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
 
 exports.getTableCellStyle = getTableCellStyle;
 
-const tableHeadCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)(getTableCellStyle(align), " color:", _theme.theme.colors.primary.main, ";", _typography.typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEFsaWdubWVudCA9ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyB8ICdqdXN0aWZ5JyB8ICdjaGFyJ1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlckNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IGdldFRhYmxlQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgbWluLXdpZHRoOiAxMXJlbTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcbmBcblxuY29uc3QgdGFibGVIZWFkQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAke3R5cG9ncmFwaHkuYWN0aW9uQm9sZH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gIHRoLmlzLXN0aWNreSAmIHtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRlckNlbGwgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUhlYWRlckNlbGxFbGVtZW50LCBUYWJsZUhlYWRlckNlbGxQcm9wcz4oXG4gICh7IGFsaWduID0gJ2xlZnQnLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBUYWJsZUhlYWRlckNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0aCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVIZWFkQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90aD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVIZWFkZXJDZWxsXG4iXX0= */");
+const tableHeadCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)(getTableCellStyle(align), " color:", _theme.theme.colors.primary.main, ";", _typography.typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
 
 const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let _ref$align = _ref.align,

package/cjs/table/TableRow.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export declare type TableRowProps = {
+    /**
+     * Table row content
+     */
+    children: ReactNode;
+    /**
+     * Classes applied on the tr tag
+     */
+    className?: string;
+    /**
+     * Applies Selected state styling to the row
+     */
+    isSelected?: boolean;
+} & ComponentPropsWithRef<'tr'>;
+export declare const TableRow: React.ForwardRefExoticComponent<Pick<TableRowProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableRowElement> | "isSelected"> & React.RefAttributes<HTMLTableRowElement>>;
+export default TableRow;

package/cjs/table/TableRow.js

@@ -31,7 +31,7 @@ const ClassName = {
   IS_INTERACTIVE: 'is-interactive',
   IS_SELECTED: 'is-selected'
 };
-const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZVRhYmxlIH0gZnJvbSAnLi9UYWJsZSdcblxuZXhwb3J0IHR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRhYmxlIHJvdyBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG5cbiAgLyoqXG4gICAqIENsYXNzZXMgYXBwbGllZCBvbiB0aGUgdHIgdGFnXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogQXBwbGllcyBTZWxlY3RlZCBzdGF0ZSBzdHlsaW5nIHRvIHRoZSByb3dcbiAgICovXG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgb24gY2xpY2sgaGFuZGxlciBcbiAgICovXG4gIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MVGFibGVSb3dFbGVtZW50PlxufVxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVSb3dFbGVtZW50LCBUYWJsZVJvd1Byb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNJbnRlcmFjdGl2ZSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0clxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRV06IGlzSW50ZXJhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90cj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVSb3dcbiJdfQ== */");
+const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVSb3dFbGVtZW50LCBUYWJsZVJvd1Byb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNJbnRlcmFjdGl2ZSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0clxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRV06IGlzSW50ZXJhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90cj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVSb3dcbiJdfQ== */");
 const TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let children = _ref.children,
       className = _ref.className,

package/cjs/table/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Table';
+export * from './TableHead';
+export * from './TableBody';
+export * from './TableRow';
+export * from './TableHeaderCell';
+export * from './TableDataCell';

package/cjs/test/Test.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface TestProps {
+    /** Test name. */
+    name: string;
+    description?: string;
+}
+export declare const Test: FC<TestProps>;
+export default Test;

package/cjs/tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type Placement = 'top' | 'right' | 'bottom' | 'left';
+declare type TooltipProps = {
+    content: string;
+    placement?: Placement;
+    offset?: number;
+    delay?: [number, number] | false;
+    containerProps?: any;
+    tabIndex?: number;
+};
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/cjs/tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default as Tooltip } from './Tooltip';

package/cjs/typography/Headlines.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+declare const headlineStyles: {
+    h1: import("@emotion/react").SerializedStyles;
+    h2: import("@emotion/react").SerializedStyles;
+    h3: import("@emotion/react").SerializedStyles;
+    h4: import("@emotion/react").SerializedStyles;
+};
+export declare const H1: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
+    as?: React.ElementType<any> | undefined;
+    noMargin?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H2: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
+    as?: React.ElementType<any> | undefined;
+    noMargin?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H3: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
+    as?: React.ElementType<any> | undefined;
+    noMargin?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const H4: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
+    as?: React.ElementType<any> | undefined;
+    noMargin?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const Headline: React.FunctionComponent<{
+    as?: React.ElementType;
+    styledAs?: keyof typeof headlineStyles;
+    className?: string;
+    noMargin?: boolean;
+}>;
+export declare const HeroHeadline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
+    as?: React.ElementType<any> | undefined;
+    noMargin?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const SectionHeadline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
+    as?: React.ElementType<any> | undefined;
+    noMargin?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const SubHeadline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
+    as?: React.ElementType<any> | undefined;
+    noMargin?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const SmallHeadline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
+    as?: React.ElementType<any> | undefined;
+    noMargin?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export {};

package/cjs/typography/Text.d.ts

@@ -0,0 +1,4 @@
+export declare const Text: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/cjs/typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Headlines';
+export * from './Text';

package/package.json

@@ -3,7 +3,7 @@
   "description": "Shared react components within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "0.9.7-alpha.3a2ef8a2",
+  "version": "0.9.7-alpha.975c7161",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -18,13 +18,13 @@
     "react-select": "^4.0.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "0.9.7-alpha.3a2ef8a2",
-    "@dfds-ui/fonts": "0.9.7-alpha.3a2ef8a2",
-    "@dfds-ui/hooks": "0.9.7-alpha.3a2ef8a2",
-    "@dfds-ui/icons": "0.9.7-alpha.3a2ef8a2",
-    "@dfds-ui/spacing": "0.9.7-alpha.3a2ef8a2",
-    "@dfds-ui/theme": "0.9.7-alpha.3a2ef8a2",
-    "@dfds-ui/typography": "0.9.7-alpha.3a2ef8a2",
+    "@dfds-ui/colors": "0.9.7-alpha.975c7161",
+    "@dfds-ui/fonts": "0.9.7-alpha.975c7161",
+    "@dfds-ui/hooks": "0.9.7-alpha.975c7161",
+    "@dfds-ui/icons": "0.9.7-alpha.975c7161",
+    "@dfds-ui/spacing": "0.9.7-alpha.975c7161",
+    "@dfds-ui/theme": "0.9.7-alpha.975c7161",
+    "@dfds-ui/typography": "0.9.7-alpha.975c7161",
     "@kunukn/react-collapse": "^2.2.9",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "4.0.0-alpha.60",
@@ -34,7 +34,7 @@
     "react-hook-intersection-observer": "^0.1.0",
     "uuid": "^3.3.2"
   },
-  "gitHead": "3a2ef8a26c636067c931fe81b66635fefebfa078",
+  "gitHead": "975c7161e76dbe91e20ecd5e8108e9509ba48769",
   "publishConfig": {
     "access": "public"
   }

package/table/Table.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
 export declare type TableProps = {
     /**
      * Table content
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Enables interaction effect on table rows
      */
@@ -12,11 +12,11 @@ export declare type TableProps = {
      * Makes table header sticky when scrolling (no IE 11 support)
      */
     isHeaderSticky?: boolean;
-};
+} & ComponentPropsWithRef<'table'>;
 export declare type TableContextProps = {
     isInteractive: boolean;
     isHeaderSticky: boolean;
 };
 export declare const useTable: () => TableContextProps;
-export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export declare const Table: React.ForwardRefExoticComponent<Pick<TableProps, "key" | "css" | keyof React.TableHTMLAttributes<HTMLTableElement> | "isHeaderSticky" | "isInteractive"> & React.RefAttributes<HTMLTableElement>>;
 export default Table;