@fattureincloud/fic-design-system 0.7.45-tmp-react-18 → 0.7.46

package/dist/components/toast/styled.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 import { ToastContainerProps } from './types';
-export declare const ToastContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-toastify").ToastContainerProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+export declare const ToastContainer: import("styled-components").StyledComponent<import("react").FC<import("react-toastify").ToastContainerProps>, import("styled-components").DefaultTheme, {
     hideProgressBar: true;
     newestOnTop: true;
     closeOnClick: false;
     draggable: false;
     rtl: false;
-    icon: false;
-} & ToastContainerProps, "draggable" | "icon" | "rtl" | "closeOnClick" | "newestOnTop" | "hideProgressBar">;
+} & ToastContainerProps, "draggable" | "rtl" | "closeOnClick" | "newestOnTop" | "hideProgressBar">;

package/dist/components/toast/toast.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
-import { ToastContainerProps, ToastProps } from './types';
-export declare const WithKnobs: StoryFn<ToastProps>;
-declare const ToastStories: Meta<ToastContainerProps>;
+import { Meta, Story } from '@storybook/react';
+import { ToastProps } from './types';
+export declare const WithKnobs: Story<ToastProps>;
+declare const ToastStories: Meta<ToastProps>;
 export default ToastStories;

package/dist/components/toast/types.d.ts

@@ -2,7 +2,7 @@ import { paletteColor } from 'index';
 import React, { ReactNode } from 'react';
 import { ToastPosition } from 'react-toastify/dist/types';
 import { IconProps } from '../icon';
-export type ToastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
+export declare type ToastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
 export declare enum ToastType {
     STANDARD = "standard",
     ERROR = "error",
@@ -43,11 +43,11 @@ export interface ToastInterface {
 export interface ToastContainerProps {
     position: ToastPosition;
 }
-export type ToastColor = {
+export declare type ToastColor = {
     title: paletteColor;
     content: paletteColor;
     background: paletteColor;
 };
-export type ToastPalette = {
+export declare type ToastPalette = {
     [k in ToastType]: ToastColor;
 };

package/dist/components/toast/typings/toast.d.ts

@@ -2,6 +2,8 @@ import React, { ReactNode } from 'react';
 import { ToastPosition } from 'react-toastify/dist/types';
 import { IconProps } from '../../icon';
 export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export declare type toastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
+export declare const typeMap: Record<toastType, toastLibraryType>;
 export interface ToastProps {
     type?: toastType;
     content?: ReactNode;

package/dist/components/tooltip/Tooltip.d.ts

@@ -1,5 +1,6 @@
 import { BasePlacement } from '@popperjs/core';
 import { MouseEventHandler, ReactNode } from 'react';
+import { IconProps } from '../icon';
 import { MessageProps } from './components/Message';
 export declare const defaultTooltipProps: TooltipProps;
 export interface TooltipProps extends MessageProps {
@@ -14,6 +15,8 @@ export interface TooltipProps extends MessageProps {
     showAfterSeconds?: number;
     callbackAfterTimeout?: () => void;
     onOpen?: (isOpen: boolean) => void;
+    icon?: IconProps;
+    renderButton?: () => JSX.Element;
 }
-declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, icon, renderButton, }: TooltipProps) => JSX.Element;
 export default Tooltip;

package/dist/components/tooltip/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const BodyAnimationWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const MessageIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/tooltip/tooltip.stories.d.ts

@@ -1,6 +1,8 @@
-import { Meta } from '@storybook/react';
-import React from 'react';
-import { TooltipProps } from './Tooltip';
-export declare const Top: () => React.JSX.Element;
-declare const TooltipStories: Meta<TooltipProps>;
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import Tooltip, { TooltipProps } from './Tooltip';
+export declare const Template: Story<TooltipProps>;
+export declare const WithIcon: Story<TooltipProps>;
+export declare const WithButton: Story<TooltipProps>;
+declare const TooltipStories: Meta<ComponentProps<typeof Tooltip>>;
 export default TooltipStories;

package/dist/components/tooltip/tooltipPalette.d.ts

@@ -1,6 +1,6 @@
 import { colorsPalette } from '../../common/types/colorsPalette';
-export type tooltipTypes = 'dark' | 'light';
-export type TooltipPalette = {
+export declare type tooltipTypes = 'dark' | 'light';
+export declare type TooltipPalette = {
     [key in tooltipTypes]: colorsPalette;
 };
 declare const tooltipPalette: TooltipPalette;

package/dist/components/verticalTab/components/VerticalTabSelector/types.d.ts

@@ -5,7 +5,7 @@ export declare enum VerticalTabSelectorStatus {
     EDIT = "edit",
     WARNING = "warning"
 }
-export type VerticalTabSelectorPalette = {
+export declare type VerticalTabSelectorPalette = {
     default: {
         active: {
             color: paletteColor;

package/dist/components/verticalTab/index.d.ts

@@ -1,2 +1,2 @@
-export { default as VerticalTab } from './VerticalTab';
-export { VerticalTabSelector, VerticalTabSelectorPalette, VerticalTabSelectorStatus, } from './components/VerticalTabSelector';
+import VerticalTab from './VerticalTab';
+export { VerticalTab };

package/dist/index.css

@@ -0,0 +1,128 @@
+.DS-ReactTable {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.DS-ReactTable .DS-rt-table {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  width: 100%;
+  border-collapse: collapse;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.DS-ReactTable .DS-rt-thead {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default;
+}
+
+.DS-ReactTable .DS-rt-thead .DS-rt-th {
+  position: relative;
+}
+.DS-ReactTable .DS-rt-thead .DS-rt-td {
+  line-height: normal;
+  position: relative;
+}
+
+.DS-ReactTable .DS-rt-thead .DS-rt-resizable-header:last-child {
+  overflow: hidden;
+}
+.DS-ReactTable .DS-rt-thead .DS-rt-resizable-header-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.DS-ReactTable .DS-rt-thead.DS-header .DS-rt-th:after {
+  content: "";
+  display: block;
+  position: absolute;
+}
+
+.DS-ReactTable .DS-rt-tbody {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}
+
+.DS-ReactTable .DS-rt-tbody .DS-rt-tr-group {
+  flex: none;
+}
+
+.DS-ReactTable .DS-rt-tr-group {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  cursor: pointer;
+}
+
+.DS-ReactTable .DS-rt-tr {
+  flex: 1 0 auto;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+}
+
+.DS-ReactTable .DS-rt-th {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  white-space: nowrap;
+  vertical-align: middle;
+  align-self: center;
+  overflow: hidden;
+}
+
+.DS-ReactTable .DS-rt-td {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  align-self: center;
+  overflow: hidden;
+}

package/dist/index.d.ts

@@ -1,48 +1,56 @@
-export { default as Spinner } from './common/components/Spinner';
+import Spinner from './common/components/Spinner';
+import { EditableInput } from './components/editableInput';
 export { Body, Caption, Headline, Title1, Title2, Title3, Title4, Title5, Title6 } from './common/components/typography';
-export { Accordion } from './components/accordions';
-export { Avatar } from './components/avatar';
+import { Accordion } from './components/accordions';
+import { Avatar } from './components/avatar';
+import { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps } from './components/buttons';
+import { Chart, ChartProps } from './components/chart';
+import { CircularProgressBar, circularProgressBarPalette, CircularProgressBarProps, CircularProgressBarType } from './components/circularProgressBar';
+import { ClosableCard, ClosableCardPalette, ClosableCardProps } from './components/closableCard';
+import { Drawer } from './components/drawer';
+import { closeDropdownType, Dropdown, DropdownItemProps, DropdownItemType, DropdownPalette, renderContentType } from './components/dropdown';
+import { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxValue } from './components/form/checkbox';
+import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate } from './components/form/datepicker';
+import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
+import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
+import { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
+import { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
+import { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/form/radioGroup';
+import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
+import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
+import { GroupedList, GroupType, ItemType } from './components/groupedList';
+import { Icon, iconColors, IconPalette, IconProps } from './components/icon';
+import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
+import { InlineMessage, InlineMessagePalette, InlineMessageProps, InlineMessageType } from './components/inlineMessage';
+import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
+import { Modal, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps } from './components/modals';
+import { ConfirmationModal } from './components/modals/confirmationModal';
+import { ModalBody } from './components/modals/modalStyled';
+import { MonthlyTab, MonthlyTabPalette } from './components/monthlyTab';
+import { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions } from './components/newTable';
+import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/oldTable';
+import { PageEmptySet } from './components/pageEmptySet';
+import { Stepper, StepperPalette, StepperProps } from './components/stepper';
+import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
+import { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
+import { ThemeProvider } from './components/themeProvider';
+import { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
+import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
+import { VerticalTabSelector, VerticalTabSelectorPalette, VerticalTabSelectorStatus } from './components/verticalTab/components/VerticalTabSelector';
+import VerticalTab from './components/verticalTab/VerticalTab';
+import { autocompleteYellow } from './styles/defaultPalette/colors/others';
+import { Theme } from './styles/theme';
+import { Palette, paletteColor } from './styles/types';
 export { Badge, BadgeProps, BadgeType, BadgePalette } from './components/badge';
 export { Banner, BannerProps, BannerType, BannerPalette } from './components/banner';
-export { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps, } from './components/buttons';
-export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
 export { Chip, ChipType, ChipPalette, ChipProps } from './components/chip';
-export { CircularProgressBar, circularProgressBarPalette, CircularProgressBarProps, CircularProgressBarType, } from './components/circularProgressBar';
-export { Drawer } from './components/drawer';
-export { closeDropdownType, Dropdown, DropdownItemProps, DropdownItemType, DropdownPalette, renderContentType, } from './components/dropdown';
-export { EditableInput } from './components/editableInput';
 export { BadgeSize, FloatingBadgePalette, FloatingBadgeType, NotificationBadge, WithBadge, } from './components/floatingBadge';
-export { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxValue } from './components/form/checkbox';
-export { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate, } from './components/form/datepicker';
-export { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps, } from './components/form/fileUploader';
-export { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
-export { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, InputTextPalette, InputTextProps, UnitDropdownProps, } from './components/form/inputText';
 export { LabelPalette } from './components/form/label';
-export { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
-export { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/form/radioGroup';
-export { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue, } from './components/form/select';
-export { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
-export { GroupedList, GroupType, ItemType } from './components/groupedList';
-export { Icon, iconColors, IconPalette, IconProps, IconBackground, IconBackgroundPalette } from './components/icon';
-export { InlineMessage, InlineMessagePalette, InlineMessageProps, InlineMessageType } from './components/inlineMessage';
 export { CustomSidebarItemProps, SidebarBadgeConfigProps, SidebarBadgeConfigType, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, } from './components/layout';
-export { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
-export { ConfirmationModal, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, } from './components/modals';
-export { MonthlyTab, MonthlyTabPalette } from './components/monthlyTab';
-export { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions, RowSize, } from './components/newTable';
-export { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues, } from './components/oldTable';
-export { PageEmptySet } from './components/pageEmptySet';
 export { Pagination, PaginationPalette, PaginationType } from './components/pagination';
 export { ProgressBar, ProgressBarPalette, ProgressBarProps, ProgressBarType } from './components/progressbar';
 export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from './components/segmentButton';
-export { Stepper, StepperPalette, StepperProps } from './components/stepper';
-export { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
-export { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
-export { ThemeProvider } from './components/themeProvider';
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
-export { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
-export { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
-export { VerticalTab, VerticalTabSelector, VerticalTabSelectorPalette, VerticalTabSelectorStatus, } from './components/verticalTab';
-export { autocompleteYellow } from './styles/defaultPalette/colors/others';
-export { Theme } from './styles/theme';
-export { Palette, bwColor, paletteColor } from './styles/types';
+export { bwColor } from './styles/types';
+export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
+export { NewTable, Table, CircularProgressBar, CircularProgressBarProps, circularProgressBarPalette, CircularProgressBarType, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, TableProps, TableData, VerticalTab, VerticalTabSelector, VerticalTabSelectorStatus, VerticalTabSelectorPalette, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, EditableInput, MonthlyTab, MonthlyTabPalette, Chart, ChartProps, ClosableCard, ClosableCardProps, ClosableCardPalette, };

package/dist/index.esm.css

@@ -0,0 +1,128 @@
+.DS-ReactTable {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.DS-ReactTable .DS-rt-table {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  width: 100%;
+  border-collapse: collapse;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.DS-ReactTable .DS-rt-thead {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default;
+}
+
+.DS-ReactTable .DS-rt-thead .DS-rt-th {
+  position: relative;
+}
+.DS-ReactTable .DS-rt-thead .DS-rt-td {
+  line-height: normal;
+  position: relative;
+}
+
+.DS-ReactTable .DS-rt-thead .DS-rt-resizable-header:last-child {
+  overflow: hidden;
+}
+.DS-ReactTable .DS-rt-thead .DS-rt-resizable-header-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.DS-ReactTable .DS-rt-thead.DS-header .DS-rt-th:after {
+  content: "";
+  display: block;
+  position: absolute;
+}
+
+.DS-ReactTable .DS-rt-tbody {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}
+
+.DS-ReactTable .DS-rt-tbody .DS-rt-tr-group {
+  flex: none;
+}
+
+.DS-ReactTable .DS-rt-tr-group {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  cursor: pointer;
+}
+
+.DS-ReactTable .DS-rt-tr {
+  flex: 1 0 auto;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+}
+
+.DS-ReactTable .DS-rt-th {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  white-space: nowrap;
+  vertical-align: middle;
+  align-self: center;
+  overflow: hidden;
+}
+
+.DS-ReactTable .DS-rt-td {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  align-self: center;
+  overflow: hidden;
+}