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

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 { 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 { Graphic } from './components/graphic';
+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, Graphic, 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;
+}