@fattureincloud/fic-design-system 0.14.5 → 0.15.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/common/hooks/useOutsideClick.d.ts +1 -1
- package/dist/common/hooks/useSyncScroll.d.ts +10 -0
- package/dist/common/types/misc.d.ts +12 -0
- package/dist/common/utils/stringUtils.d.ts +6 -0
- package/dist/components/accordion/Accordion.d.ts +4 -0
- package/dist/components/accordion/accordion.stories.d.ts +2 -1
- package/dist/components/accordion/const.d.ts +4 -0
- package/dist/components/accordion/index.d.ts +2 -2
- package/dist/components/accordion/types.d.ts +53 -17
- package/dist/components/accordion/utils.d.ts +2 -1
- package/dist/components/buttons/button/styled.d.ts +2 -2
- package/dist/components/buttons/iconButton/IconButton.d.ts +6 -12
- package/dist/components/buttons/iconButton/styled.d.ts +3 -0
- package/dist/components/buttons/iconButton/types.d.ts +12 -4
- package/dist/components/buttons/iconButton/utils.d.ts +3 -4
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/carousel/components/carouselMainMedia/styled.d.ts +1 -1
- package/dist/components/carousel/components/carouselThumbnails/styled.d.ts +2 -2
- package/dist/components/carousel/components/fullscreenMedia/styled.d.ts +1 -1
- package/dist/components/chart/styled.d.ts +1 -1
- package/dist/components/chip/styled.d.ts +2 -2
- package/dist/components/closableCard/styled.d.ts +1 -1
- package/dist/components/drawer/components/styledDrawerWrapper.d.ts +1 -1
- package/dist/components/drawer/drawer.stories.d.ts +0 -1
- package/dist/components/dropdown/DropdownImpl.d.ts +1 -1
- package/dist/components/dropdown/DropdownPopper.d.ts +20 -0
- package/dist/components/dropdown/types.d.ts +1 -0
- package/dist/components/dropdown/utils.d.ts +3 -1
- package/dist/components/editableInput/components/styled.d.ts +1 -1
- package/dist/components/form/checkbox/utils.d.ts +1 -1
- package/dist/components/form/inputText/InputText.d.ts +2 -1
- package/dist/components/form/inputText/components/InputElement.d.ts +2 -1
- package/dist/components/form/inputText/types.d.ts +2 -2
- package/dist/components/form/radioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/form/select/components/Control.d.ts +2 -2
- package/dist/components/form/select/components/GroupHeading.d.ts +5 -0
- package/dist/components/form/select/components.d.ts +1 -1
- package/dist/components/form/select/hooks/useSelectGeneric.d.ts +1 -1
- package/dist/components/gridCard/index.d.ts +1 -1
- package/dist/components/gridCard/styled.d.ts +1 -1
- package/dist/components/icon/Icon.d.ts +1 -1
- package/dist/components/inlineMessage/styled.d.ts +1 -1
- package/dist/components/layout/sidebarItem/styled.d.ts +1 -1
- package/dist/components/modals/modalStyled.d.ts +1 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts +1 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/styled.d.ts +1 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/styled.d.ts +0 -2
- package/dist/components/newTable/components/action/settings/RowHeightSettings/styled.d.ts +1 -1
- package/dist/components/newTable/components/action/settings/styled.d.ts +1 -1
- package/dist/components/newTable/components/cell/customActionCell/styled.d.ts +1 -1
- package/dist/components/newTable/components/cell/customCell/styled.d.ts +1 -1
- package/dist/components/newTable/styled.d.ts +1 -1
- package/dist/components/newTable_v2/Table.d.ts +112 -0
- package/dist/components/newTable_v2/components/body/Body.d.ts +9 -0
- package/dist/components/newTable_v2/components/body/styled.d.ts +1 -0
- package/dist/components/newTable_v2/components/bulkBar/BulkBar.d.ts +10 -0
- package/dist/components/newTable_v2/components/bulkBar/styled.d.ts +4 -0
- package/dist/components/newTable_v2/components/cell/Cell.d.ts +12 -0
- package/dist/components/newTable_v2/components/cell/actionsCell/ActionsCell.d.ts +14 -0
- package/dist/components/newTable_v2/components/cell/actionsCell/DropdownAction.d.ts +9 -0
- package/dist/components/newTable_v2/components/cell/actionsCell/PrimaryActionButton.d.ts +9 -0
- package/dist/components/newTable_v2/components/cell/actionsCell/styled.d.ts +11 -0
- package/dist/components/newTable_v2/components/cell/checkboxCell/CheckboxCell.d.ts +13 -0
- package/dist/components/newTable_v2/components/cell/checkboxCell/styled.d.ts +10 -0
- package/dist/components/newTable_v2/components/cell/editableCell/CustomInput.d.ts +11 -0
- package/dist/components/newTable_v2/components/cell/editableCell/styled.d.ts +2 -0
- package/dist/components/newTable_v2/components/cell/editableCell/textAreaPopup/TableTextArea.d.ts +4 -0
- package/dist/components/newTable_v2/components/cell/editableCell/textAreaPopup/TextAreaPopup.d.ts +4 -0
- package/dist/components/newTable_v2/components/cell/editableCell/textAreaPopup/styled.d.ts +3 -0
- package/dist/components/newTable_v2/components/cell/editableCell/textAreaPopup/types.d.ts +16 -0
- package/dist/components/newTable_v2/components/cell/hooks/useCellValues.d.ts +11 -0
- package/dist/components/newTable_v2/components/cell/loadingCell/LoadingCell.d.ts +3 -0
- package/dist/components/newTable_v2/components/cell/styled.d.ts +9 -0
- package/dist/components/newTable_v2/components/footer/Footer.d.ts +7 -0
- package/dist/components/newTable_v2/components/footer/footerCell/FooterCell.d.ts +7 -0
- package/dist/components/newTable_v2/components/footer/footerCell/styled.d.ts +10 -0
- package/dist/components/newTable_v2/components/footer/hooks/useFooterValues.d.ts +8 -0
- package/dist/components/newTable_v2/components/footer/styled.d.ts +7 -0
- package/dist/components/newTable_v2/components/header/Header.d.ts +13 -0
- package/dist/components/newTable_v2/components/header/actionsHeader/ActionsHeader.d.ts +6 -0
- package/dist/components/newTable_v2/components/header/actionsHeader/styled.d.ts +6 -0
- package/dist/components/newTable_v2/components/header/checkboxHeader/CheckboxHeader.d.ts +9 -0
- package/dist/components/newTable_v2/components/header/checkboxHeader/styled.d.ts +1 -0
- package/dist/components/newTable_v2/components/header/headerCell/HeaderCell.d.ts +11 -0
- package/dist/components/newTable_v2/components/header/headerCell/styled.d.ts +9 -0
- package/dist/components/newTable_v2/components/header/hooks/useActionHeaderValues.d.ts +15 -0
- package/dist/components/newTable_v2/components/header/hooks/useHeaderValues.d.ts +13 -0
- package/dist/components/newTable_v2/components/header/styled.d.ts +11 -0
- package/dist/components/newTable_v2/components/row/Row.d.ts +8 -0
- package/dist/components/newTable_v2/components/row/styled.d.ts +14 -0
- package/dist/components/newTable_v2/components/settings/Settings.d.ts +8 -0
- package/dist/components/newTable_v2/components/settings/settingsDropdownContent/DraggableColumn.d.ts +11 -0
- package/dist/components/newTable_v2/components/settings/settingsDropdownContent/SettingsDropdownContent.d.ts +7 -0
- package/dist/components/newTable_v2/components/settings/settingsDropdownContent/styled.d.ts +9 -0
- package/dist/components/newTable_v2/components/settings/styled.d.ts +3 -0
- package/dist/components/newTable_v2/components/toggle/Toggle.d.ts +14 -0
- package/dist/components/newTable_v2/components/toggle/constants.d.ts +3 -0
- package/dist/components/newTable_v2/components/toggle/index.d.ts +1 -0
- package/dist/components/newTable_v2/components/toggle/styled.d.ts +5 -0
- package/dist/components/newTable_v2/constants.d.ts +9 -0
- package/dist/components/newTable_v2/customCells/BooleanCell.d.ts +6 -0
- package/dist/components/newTable_v2/customCells/DateCell.d.ts +9 -0
- package/dist/components/newTable_v2/customCells/MicroTagCell.d.ts +10 -0
- package/dist/components/newTable_v2/customCells/TagCell.d.ts +10 -0
- package/dist/components/newTable_v2/customCells/TwoRowsCell.d.ts +9 -0
- package/dist/components/newTable_v2/customCells/ValueWithUnitCell.d.ts +9 -0
- package/dist/components/newTable_v2/customCells/index.d.ts +4 -0
- package/dist/components/newTable_v2/hooks/useClassNames.d.ts +6 -0
- package/dist/components/newTable_v2/hooks/useColumnHelper.d.ts +7 -0
- package/dist/components/newTable_v2/hooks/useColumnPinning.d.ts +8 -0
- package/dist/components/newTable_v2/hooks/usePagination.d.ts +8 -0
- package/dist/components/newTable_v2/index.d.ts +3 -0
- package/dist/components/newTable_v2/providers/TableProvider/TableProvider.d.ts +5 -0
- package/dist/components/newTable_v2/providers/TableProvider/index.d.ts +3 -0
- package/dist/components/newTable_v2/providers/TableProvider/types.d.ts +27 -0
- package/dist/components/newTable_v2/stories/actions.d.ts +5 -0
- package/dist/components/newTable_v2/stories/columns.d.ts +3 -0
- package/dist/components/newTable_v2/stories/data.d.ts +2 -0
- package/dist/components/newTable_v2/stories/styled.d.ts +1 -0
- package/dist/components/newTable_v2/stories/types.d.ts +10 -0
- package/dist/components/newTable_v2/styled.d.ts +6 -0
- package/dist/components/newTable_v2/table.stories.d.ts +6 -0
- package/dist/components/newTable_v2/types/cellsTypes.d.ts +1 -0
- package/dist/components/newTable_v2/types/columnsTypes.d.ts +48 -0
- package/dist/components/newTable_v2/types/enums.d.ts +16 -0
- package/dist/components/newTable_v2/types/features/actions.d.ts +40 -0
- package/dist/components/newTable_v2/types/features/highlight.d.ts +5 -0
- package/dist/components/newTable_v2/types/features/pagination.d.ts +20 -0
- package/dist/components/newTable_v2/types/features/selectRow.d.ts +16 -0
- package/dist/components/newTable_v2/types/features/settings.d.ts +27 -0
- package/dist/components/newTable_v2/types/features/sort.d.ts +15 -0
- package/dist/components/newTable_v2/types/index.d.ts +10 -0
- package/dist/components/newTable_v2/types/tableTypes.d.ts +33 -0
- package/dist/components/newTable_v2/utils.d.ts +18 -0
- package/dist/components/switch/Switch.d.ts +1 -1
- package/dist/components/tag/styled.d.ts +2 -2
- package/dist/components/toast/components/ToastContent.d.ts +1 -1
- package/dist/components/tooltip/Tooltip.d.ts +3 -21
- package/dist/components/tooltip/TooltipPopup.d.ts +8 -0
- package/dist/components/tooltip/components/Arrow.d.ts +5 -0
- package/dist/components/tooltip/index.d.ts +4 -3
- package/dist/components/tooltip/styled.d.ts +1 -1
- package/dist/components/tooltip/tooltipPalette.d.ts +1 -2
- package/dist/components/tooltip/types.d.ts +23 -0
- package/dist/components/tooltip/useTooltip.d.ts +17 -0
- package/dist/components/verticalTabs/styled.d.ts +1 -1
- package/dist/index.d.ts +4 -3
- package/dist/index.esm.js +9 -9
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +9 -9
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/dist/assets/index-7ee742e8.css +0 -154
- package/dist/assets/index-9fc4893a.css +0 -155
- package/dist/assets/index.esm-bff8cd71.css +0 -155
- package/dist/assets/index.esm-c9d742c9.css +0 -154
- package/dist/common/components/Label.d.ts +0 -3
- package/dist/common/types/label.d.ts +0 -12
- package/dist/common/utils/label.d.ts +0 -5
- package/dist/components/accordion/accordion.d.ts +0 -14
- package/dist/components/accordion/styled.d.ts +0 -5
- package/dist/components/accordions/accordions.d.ts +0 -9
- package/dist/components/accordions/accordions.stories.d.ts +0 -8
- package/dist/components/accordions/components/styledAccordionWrapper.d.ts +0 -1
- package/dist/components/accordions/index.d.ts +0 -1
- package/dist/components/accordions/types.d.ts +0 -19
- package/dist/components/carousel/components/common/styled.d.ts +0 -2
- package/dist/components/form/datepicker/components/MonthPicker.d.ts +0 -5
- package/dist/components/graphic/Graphic.d.ts +0 -4
- package/dist/components/graphic/components/ChartLegend.d.ts +0 -9
- package/dist/components/graphic/components/GraphButton.d.ts +0 -8
- package/dist/components/graphic/components/GraphIndicators.d.ts +0 -14
- package/dist/components/graphic/graphic.stories.d.ts +0 -7
- package/dist/components/graphic/index.d.ts +0 -2
- package/dist/components/graphic/stories/data.d.ts +0 -2
- package/dist/components/graphic/stories/styled.d.ts +0 -4
- package/dist/components/graphic/styled.d.ts +0 -3
- package/dist/components/graphic/types.d.ts +0 -52
- package/dist/components/graphic/utils.d.ts +0 -6
- package/dist/components/newTable/components/action/favorite/Favorite.d.ts +0 -14
- package/dist/components/newTable/components/action/favorite/index.d.ts +0 -1
- package/dist/components/newTable/components/action/favorite/styled.d.ts +0 -4
- package/dist/components/newTable/components/row/LoadingRow.d.ts +0 -9
- package/dist/components/verticalTab/VerticalTab.d.ts +0 -4
- package/dist/components/verticalTab/components/VerticalTabSelector/VerticalTabSelector.d.ts +0 -13
- package/dist/components/verticalTab/components/VerticalTabSelector/index.d.ts +0 -5
- package/dist/components/verticalTab/components/VerticalTabSelector/styled.d.ts +0 -11
- package/dist/components/verticalTab/components/VerticalTabSelector/types.d.ts +0 -37
- package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelector.stories.d.ts +0 -5
- package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelectorPalette.d.ts +0 -3
- package/dist/components/verticalTab/index.d.ts +0 -2
- package/dist/components/verticalTab/styled.d.ts +0 -6
- package/dist/components/verticalTab/types.d.ts +0 -6
- package/dist/components/verticalTab/verticalTab.stories.d.ts +0 -8
- package/dist/index.css +0 -154
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fattureincloud/fic-design-system",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.15.0",
|
4
4
|
"description": "Fatture in Cloud and Danea design system",
|
5
5
|
"repository": "git@bitbucket.org:fattureincloud/design-system.git",
|
6
6
|
"license": "MIT",
|
@@ -50,6 +50,7 @@
|
|
50
50
|
"typescript": "~4.4.0"
|
51
51
|
},
|
52
52
|
"dependencies": {
|
53
|
+
"@fattureincloud/madbit-js-dates": "^0.2.0",
|
53
54
|
"@fortawesome/fontawesome-svg-core": "1.2.36",
|
54
55
|
"@fortawesome/free-brands-svg-icons": "~5.15.4",
|
55
56
|
"@fortawesome/free-regular-svg-icons": "~5.15.4",
|
@@ -1,154 +0,0 @@
|
|
1
|
-
:root {
|
2
|
-
--columns-breakpoint-width: 100px; /* default value */
|
3
|
-
--table-breakpoint: px100; /* relates to TableBreakpoints enum */
|
4
|
-
}
|
5
|
-
|
6
|
-
.Table-container {
|
7
|
-
container-type: inline-size;
|
8
|
-
container-name: var(--table-breakpoint);
|
9
|
-
}
|
10
|
-
|
11
|
-
/* width breakpoints corresponds to TableBreakpoints enum */
|
12
|
-
@container px100 (width < 100px) {
|
13
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
14
|
-
min-width: var(--columns-breakpoint-width);
|
15
|
-
max-width: var(--columns-breakpoint-width);
|
16
|
-
}
|
17
|
-
|
18
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
19
|
-
min-width: var(--columns-breakpoint-width);
|
20
|
-
max-width: var(--columns-breakpoint-width);
|
21
|
-
}
|
22
|
-
}
|
23
|
-
|
24
|
-
@container px200 (width < 200px) {
|
25
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
26
|
-
min-width: var(--columns-breakpoint-width);
|
27
|
-
max-width: var(--columns-breakpoint-width);
|
28
|
-
}
|
29
|
-
|
30
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
31
|
-
min-width: var(--columns-breakpoint-width);
|
32
|
-
max-width: var(--columns-breakpoint-width);
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
@container px300 (width < 300px) {
|
37
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
38
|
-
min-width: var(--columns-breakpoint-width);
|
39
|
-
max-width: var(--columns-breakpoint-width);
|
40
|
-
}
|
41
|
-
|
42
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
43
|
-
min-width: var(--columns-breakpoint-width);
|
44
|
-
max-width: var(--columns-breakpoint-width);
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
48
|
-
@container px400 (width < 400px) {
|
49
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
50
|
-
min-width: var(--columns-breakpoint-width);
|
51
|
-
max-width: var(--columns-breakpoint-width);
|
52
|
-
}
|
53
|
-
|
54
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
55
|
-
min-width: var(--columns-breakpoint-width);
|
56
|
-
max-width: var(--columns-breakpoint-width);
|
57
|
-
}
|
58
|
-
}
|
59
|
-
|
60
|
-
@container px500 (width < 500px) {
|
61
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
62
|
-
min-width: var(--columns-breakpoint-width);
|
63
|
-
max-width: var(--columns-breakpoint-width);
|
64
|
-
}
|
65
|
-
|
66
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
67
|
-
min-width: var(--columns-breakpoint-width);
|
68
|
-
max-width: var(--columns-breakpoint-width);
|
69
|
-
}
|
70
|
-
}
|
71
|
-
|
72
|
-
@container px600 (width < 600px) {
|
73
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
74
|
-
min-width: var(--columns-breakpoint-width);
|
75
|
-
max-width: var(--columns-breakpoint-width);
|
76
|
-
}
|
77
|
-
|
78
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
79
|
-
min-width: var(--columns-breakpoint-width);
|
80
|
-
max-width: var(--columns-breakpoint-width);
|
81
|
-
}
|
82
|
-
}
|
83
|
-
|
84
|
-
@container px700 (width < 700px) {
|
85
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
86
|
-
min-width: var(--columns-breakpoint-width);
|
87
|
-
max-width: var(--columns-breakpoint-width);
|
88
|
-
}
|
89
|
-
|
90
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
91
|
-
min-width: var(--columns-breakpoint-width);
|
92
|
-
max-width: var(--columns-breakpoint-width);
|
93
|
-
}
|
94
|
-
}
|
95
|
-
|
96
|
-
@container px800 (width < 800px) {
|
97
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
98
|
-
min-width: var(--columns-breakpoint-width);
|
99
|
-
max-width: var(--columns-breakpoint-width);
|
100
|
-
}
|
101
|
-
|
102
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
103
|
-
min-width: var(--columns-breakpoint-width);
|
104
|
-
max-width: var(--columns-breakpoint-width);
|
105
|
-
}
|
106
|
-
}
|
107
|
-
|
108
|
-
@container px900 (width < 900px) {
|
109
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
110
|
-
min-width: var(--columns-breakpoint-width);
|
111
|
-
max-width: var(--columns-breakpoint-width);
|
112
|
-
}
|
113
|
-
|
114
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
115
|
-
min-width: var(--columns-breakpoint-width);
|
116
|
-
max-width: var(--columns-breakpoint-width);
|
117
|
-
}
|
118
|
-
}
|
119
|
-
|
120
|
-
@container px1000 (width < 1000px) {
|
121
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
122
|
-
min-width: var(--columns-breakpoint-width);
|
123
|
-
max-width: var(--columns-breakpoint-width);
|
124
|
-
}
|
125
|
-
|
126
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
127
|
-
min-width: var(--columns-breakpoint-width);
|
128
|
-
max-width: var(--columns-breakpoint-width);
|
129
|
-
}
|
130
|
-
}
|
131
|
-
|
132
|
-
@container px1100 (width < 1100px) {
|
133
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
134
|
-
min-width: var(--columns-breakpoint-width);
|
135
|
-
max-width: var(--columns-breakpoint-width);
|
136
|
-
}
|
137
|
-
|
138
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
139
|
-
min-width: var(--columns-breakpoint-width);
|
140
|
-
max-width: var(--columns-breakpoint-width);
|
141
|
-
}
|
142
|
-
}
|
143
|
-
|
144
|
-
@container px1200 (width < 1200px) {
|
145
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
146
|
-
min-width: var(--columns-breakpoint-width);
|
147
|
-
max-width: var(--columns-breakpoint-width);
|
148
|
-
}
|
149
|
-
|
150
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
151
|
-
min-width: var(--columns-breakpoint-width);
|
152
|
-
max-width: var(--columns-breakpoint-width);
|
153
|
-
}
|
154
|
-
}
|
@@ -1,155 +0,0 @@
|
|
1
|
-
:root {
|
2
|
-
--columns-breakpoint-width: 100px; /* default value */
|
3
|
-
--table-breakpoint: px100; /* relates to TableBreakpoints enum */
|
4
|
-
}
|
5
|
-
|
6
|
-
.Table-container {
|
7
|
-
container-type: inline-size;
|
8
|
-
container-name: var(--table-breakpoint);
|
9
|
-
background: red;
|
10
|
-
}
|
11
|
-
|
12
|
-
/* width breakpoints corresponds to TableBreakpoints enum */
|
13
|
-
@container px100 (width < 100px) {
|
14
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
15
|
-
min-width: var(--columns-breakpoint-width);
|
16
|
-
max-width: var(--columns-breakpoint-width);
|
17
|
-
}
|
18
|
-
|
19
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
20
|
-
min-width: var(--columns-breakpoint-width);
|
21
|
-
max-width: var(--columns-breakpoint-width);
|
22
|
-
}
|
23
|
-
}
|
24
|
-
|
25
|
-
@container px200 (width < 200px) {
|
26
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
27
|
-
min-width: var(--columns-breakpoint-width);
|
28
|
-
max-width: var(--columns-breakpoint-width);
|
29
|
-
}
|
30
|
-
|
31
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
32
|
-
min-width: var(--columns-breakpoint-width);
|
33
|
-
max-width: var(--columns-breakpoint-width);
|
34
|
-
}
|
35
|
-
}
|
36
|
-
|
37
|
-
@container px300 (width < 300px) {
|
38
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
39
|
-
min-width: var(--columns-breakpoint-width);
|
40
|
-
max-width: var(--columns-breakpoint-width);
|
41
|
-
}
|
42
|
-
|
43
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
44
|
-
min-width: var(--columns-breakpoint-width);
|
45
|
-
max-width: var(--columns-breakpoint-width);
|
46
|
-
}
|
47
|
-
}
|
48
|
-
|
49
|
-
@container px400 (width < 400px) {
|
50
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
51
|
-
min-width: var(--columns-breakpoint-width);
|
52
|
-
max-width: var(--columns-breakpoint-width);
|
53
|
-
}
|
54
|
-
|
55
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
56
|
-
min-width: var(--columns-breakpoint-width);
|
57
|
-
max-width: var(--columns-breakpoint-width);
|
58
|
-
}
|
59
|
-
}
|
60
|
-
|
61
|
-
@container px500 (width < 500px) {
|
62
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
63
|
-
min-width: var(--columns-breakpoint-width);
|
64
|
-
max-width: var(--columns-breakpoint-width);
|
65
|
-
}
|
66
|
-
|
67
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
68
|
-
min-width: var(--columns-breakpoint-width);
|
69
|
-
max-width: var(--columns-breakpoint-width);
|
70
|
-
}
|
71
|
-
}
|
72
|
-
|
73
|
-
@container px600 (width < 600px) {
|
74
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
75
|
-
min-width: var(--columns-breakpoint-width);
|
76
|
-
max-width: var(--columns-breakpoint-width);
|
77
|
-
}
|
78
|
-
|
79
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
80
|
-
min-width: var(--columns-breakpoint-width);
|
81
|
-
max-width: var(--columns-breakpoint-width);
|
82
|
-
}
|
83
|
-
}
|
84
|
-
|
85
|
-
@container px700 (width < 700px) {
|
86
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
87
|
-
min-width: var(--columns-breakpoint-width);
|
88
|
-
max-width: var(--columns-breakpoint-width);
|
89
|
-
}
|
90
|
-
|
91
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
92
|
-
min-width: var(--columns-breakpoint-width);
|
93
|
-
max-width: var(--columns-breakpoint-width);
|
94
|
-
}
|
95
|
-
}
|
96
|
-
|
97
|
-
@container px800 (width < 800px) {
|
98
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
99
|
-
min-width: var(--columns-breakpoint-width);
|
100
|
-
max-width: var(--columns-breakpoint-width);
|
101
|
-
}
|
102
|
-
|
103
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
104
|
-
min-width: var(--columns-breakpoint-width);
|
105
|
-
max-width: var(--columns-breakpoint-width);
|
106
|
-
}
|
107
|
-
}
|
108
|
-
|
109
|
-
@container px900 (width < 900px) {
|
110
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
111
|
-
min-width: var(--columns-breakpoint-width);
|
112
|
-
max-width: var(--columns-breakpoint-width);
|
113
|
-
}
|
114
|
-
|
115
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
116
|
-
min-width: var(--columns-breakpoint-width);
|
117
|
-
max-width: var(--columns-breakpoint-width);
|
118
|
-
}
|
119
|
-
}
|
120
|
-
|
121
|
-
@container px1000 (width < 1000px) {
|
122
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
123
|
-
min-width: var(--columns-breakpoint-width);
|
124
|
-
max-width: var(--columns-breakpoint-width);
|
125
|
-
}
|
126
|
-
|
127
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
128
|
-
min-width: var(--columns-breakpoint-width);
|
129
|
-
max-width: var(--columns-breakpoint-width);
|
130
|
-
}
|
131
|
-
}
|
132
|
-
|
133
|
-
@container px1100 (width < 1100px) {
|
134
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
135
|
-
min-width: var(--columns-breakpoint-width);
|
136
|
-
max-width: var(--columns-breakpoint-width);
|
137
|
-
}
|
138
|
-
|
139
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
140
|
-
min-width: var(--columns-breakpoint-width);
|
141
|
-
max-width: var(--columns-breakpoint-width);
|
142
|
-
}
|
143
|
-
}
|
144
|
-
|
145
|
-
@container px1200 (width < 1200px) {
|
146
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
147
|
-
min-width: var(--columns-breakpoint-width);
|
148
|
-
max-width: var(--columns-breakpoint-width);
|
149
|
-
}
|
150
|
-
|
151
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
152
|
-
min-width: var(--columns-breakpoint-width);
|
153
|
-
max-width: var(--columns-breakpoint-width);
|
154
|
-
}
|
155
|
-
}
|
@@ -1,155 +0,0 @@
|
|
1
|
-
:root {
|
2
|
-
--columns-breakpoint-width: 100px; /* default value */
|
3
|
-
--table-breakpoint: px100; /* relates to TableBreakpoints enum */
|
4
|
-
}
|
5
|
-
|
6
|
-
.Table-container {
|
7
|
-
container-type: inline-size;
|
8
|
-
container-name: var(--table-breakpoint);
|
9
|
-
background: red;
|
10
|
-
}
|
11
|
-
|
12
|
-
/* width breakpoints corresponds to TableBreakpoints enum */
|
13
|
-
@container px100 (width < 100px) {
|
14
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
15
|
-
min-width: var(--columns-breakpoint-width);
|
16
|
-
max-width: var(--columns-breakpoint-width);
|
17
|
-
}
|
18
|
-
|
19
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
20
|
-
min-width: var(--columns-breakpoint-width);
|
21
|
-
max-width: var(--columns-breakpoint-width);
|
22
|
-
}
|
23
|
-
}
|
24
|
-
|
25
|
-
@container px200 (width < 200px) {
|
26
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
27
|
-
min-width: var(--columns-breakpoint-width);
|
28
|
-
max-width: var(--columns-breakpoint-width);
|
29
|
-
}
|
30
|
-
|
31
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
32
|
-
min-width: var(--columns-breakpoint-width);
|
33
|
-
max-width: var(--columns-breakpoint-width);
|
34
|
-
}
|
35
|
-
}
|
36
|
-
|
37
|
-
@container px300 (width < 300px) {
|
38
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
39
|
-
min-width: var(--columns-breakpoint-width);
|
40
|
-
max-width: var(--columns-breakpoint-width);
|
41
|
-
}
|
42
|
-
|
43
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
44
|
-
min-width: var(--columns-breakpoint-width);
|
45
|
-
max-width: var(--columns-breakpoint-width);
|
46
|
-
}
|
47
|
-
}
|
48
|
-
|
49
|
-
@container px400 (width < 400px) {
|
50
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
51
|
-
min-width: var(--columns-breakpoint-width);
|
52
|
-
max-width: var(--columns-breakpoint-width);
|
53
|
-
}
|
54
|
-
|
55
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
56
|
-
min-width: var(--columns-breakpoint-width);
|
57
|
-
max-width: var(--columns-breakpoint-width);
|
58
|
-
}
|
59
|
-
}
|
60
|
-
|
61
|
-
@container px500 (width < 500px) {
|
62
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
63
|
-
min-width: var(--columns-breakpoint-width);
|
64
|
-
max-width: var(--columns-breakpoint-width);
|
65
|
-
}
|
66
|
-
|
67
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
68
|
-
min-width: var(--columns-breakpoint-width);
|
69
|
-
max-width: var(--columns-breakpoint-width);
|
70
|
-
}
|
71
|
-
}
|
72
|
-
|
73
|
-
@container px600 (width < 600px) {
|
74
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
75
|
-
min-width: var(--columns-breakpoint-width);
|
76
|
-
max-width: var(--columns-breakpoint-width);
|
77
|
-
}
|
78
|
-
|
79
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
80
|
-
min-width: var(--columns-breakpoint-width);
|
81
|
-
max-width: var(--columns-breakpoint-width);
|
82
|
-
}
|
83
|
-
}
|
84
|
-
|
85
|
-
@container px700 (width < 700px) {
|
86
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
87
|
-
min-width: var(--columns-breakpoint-width);
|
88
|
-
max-width: var(--columns-breakpoint-width);
|
89
|
-
}
|
90
|
-
|
91
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
92
|
-
min-width: var(--columns-breakpoint-width);
|
93
|
-
max-width: var(--columns-breakpoint-width);
|
94
|
-
}
|
95
|
-
}
|
96
|
-
|
97
|
-
@container px800 (width < 800px) {
|
98
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
99
|
-
min-width: var(--columns-breakpoint-width);
|
100
|
-
max-width: var(--columns-breakpoint-width);
|
101
|
-
}
|
102
|
-
|
103
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
104
|
-
min-width: var(--columns-breakpoint-width);
|
105
|
-
max-width: var(--columns-breakpoint-width);
|
106
|
-
}
|
107
|
-
}
|
108
|
-
|
109
|
-
@container px900 (width < 900px) {
|
110
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
111
|
-
min-width: var(--columns-breakpoint-width);
|
112
|
-
max-width: var(--columns-breakpoint-width);
|
113
|
-
}
|
114
|
-
|
115
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
116
|
-
min-width: var(--columns-breakpoint-width);
|
117
|
-
max-width: var(--columns-breakpoint-width);
|
118
|
-
}
|
119
|
-
}
|
120
|
-
|
121
|
-
@container px1000 (width < 1000px) {
|
122
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
123
|
-
min-width: var(--columns-breakpoint-width);
|
124
|
-
max-width: var(--columns-breakpoint-width);
|
125
|
-
}
|
126
|
-
|
127
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
128
|
-
min-width: var(--columns-breakpoint-width);
|
129
|
-
max-width: var(--columns-breakpoint-width);
|
130
|
-
}
|
131
|
-
}
|
132
|
-
|
133
|
-
@container px1100 (width < 1100px) {
|
134
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
135
|
-
min-width: var(--columns-breakpoint-width);
|
136
|
-
max-width: var(--columns-breakpoint-width);
|
137
|
-
}
|
138
|
-
|
139
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
140
|
-
min-width: var(--columns-breakpoint-width);
|
141
|
-
max-width: var(--columns-breakpoint-width);
|
142
|
-
}
|
143
|
-
}
|
144
|
-
|
145
|
-
@container px1200 (width < 1200px) {
|
146
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
147
|
-
min-width: var(--columns-breakpoint-width);
|
148
|
-
max-width: var(--columns-breakpoint-width);
|
149
|
-
}
|
150
|
-
|
151
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
152
|
-
min-width: var(--columns-breakpoint-width);
|
153
|
-
max-width: var(--columns-breakpoint-width);
|
154
|
-
}
|
155
|
-
}
|
@@ -1,154 +0,0 @@
|
|
1
|
-
:root {
|
2
|
-
--columns-breakpoint-width: 100px; /* default value */
|
3
|
-
--table-breakpoint: px100; /* relates to TableBreakpoints enum */
|
4
|
-
}
|
5
|
-
|
6
|
-
.Table-container {
|
7
|
-
container-type: inline-size;
|
8
|
-
container-name: var(--table-breakpoint);
|
9
|
-
}
|
10
|
-
|
11
|
-
/* width breakpoints corresponds to TableBreakpoints enum */
|
12
|
-
@container px100 (width < 100px) {
|
13
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
14
|
-
min-width: var(--columns-breakpoint-width);
|
15
|
-
max-width: var(--columns-breakpoint-width);
|
16
|
-
}
|
17
|
-
|
18
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
19
|
-
min-width: var(--columns-breakpoint-width);
|
20
|
-
max-width: var(--columns-breakpoint-width);
|
21
|
-
}
|
22
|
-
}
|
23
|
-
|
24
|
-
@container px200 (width < 200px) {
|
25
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
26
|
-
min-width: var(--columns-breakpoint-width);
|
27
|
-
max-width: var(--columns-breakpoint-width);
|
28
|
-
}
|
29
|
-
|
30
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
31
|
-
min-width: var(--columns-breakpoint-width);
|
32
|
-
max-width: var(--columns-breakpoint-width);
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
@container px300 (width < 300px) {
|
37
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
38
|
-
min-width: var(--columns-breakpoint-width);
|
39
|
-
max-width: var(--columns-breakpoint-width);
|
40
|
-
}
|
41
|
-
|
42
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
43
|
-
min-width: var(--columns-breakpoint-width);
|
44
|
-
max-width: var(--columns-breakpoint-width);
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
48
|
-
@container px400 (width < 400px) {
|
49
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
50
|
-
min-width: var(--columns-breakpoint-width);
|
51
|
-
max-width: var(--columns-breakpoint-width);
|
52
|
-
}
|
53
|
-
|
54
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
55
|
-
min-width: var(--columns-breakpoint-width);
|
56
|
-
max-width: var(--columns-breakpoint-width);
|
57
|
-
}
|
58
|
-
}
|
59
|
-
|
60
|
-
@container px500 (width < 500px) {
|
61
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
62
|
-
min-width: var(--columns-breakpoint-width);
|
63
|
-
max-width: var(--columns-breakpoint-width);
|
64
|
-
}
|
65
|
-
|
66
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
67
|
-
min-width: var(--columns-breakpoint-width);
|
68
|
-
max-width: var(--columns-breakpoint-width);
|
69
|
-
}
|
70
|
-
}
|
71
|
-
|
72
|
-
@container px600 (width < 600px) {
|
73
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
74
|
-
min-width: var(--columns-breakpoint-width);
|
75
|
-
max-width: var(--columns-breakpoint-width);
|
76
|
-
}
|
77
|
-
|
78
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
79
|
-
min-width: var(--columns-breakpoint-width);
|
80
|
-
max-width: var(--columns-breakpoint-width);
|
81
|
-
}
|
82
|
-
}
|
83
|
-
|
84
|
-
@container px700 (width < 700px) {
|
85
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
86
|
-
min-width: var(--columns-breakpoint-width);
|
87
|
-
max-width: var(--columns-breakpoint-width);
|
88
|
-
}
|
89
|
-
|
90
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
91
|
-
min-width: var(--columns-breakpoint-width);
|
92
|
-
max-width: var(--columns-breakpoint-width);
|
93
|
-
}
|
94
|
-
}
|
95
|
-
|
96
|
-
@container px800 (width < 800px) {
|
97
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
98
|
-
min-width: var(--columns-breakpoint-width);
|
99
|
-
max-width: var(--columns-breakpoint-width);
|
100
|
-
}
|
101
|
-
|
102
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
103
|
-
min-width: var(--columns-breakpoint-width);
|
104
|
-
max-width: var(--columns-breakpoint-width);
|
105
|
-
}
|
106
|
-
}
|
107
|
-
|
108
|
-
@container px900 (width < 900px) {
|
109
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
110
|
-
min-width: var(--columns-breakpoint-width);
|
111
|
-
max-width: var(--columns-breakpoint-width);
|
112
|
-
}
|
113
|
-
|
114
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
115
|
-
min-width: var(--columns-breakpoint-width);
|
116
|
-
max-width: var(--columns-breakpoint-width);
|
117
|
-
}
|
118
|
-
}
|
119
|
-
|
120
|
-
@container px1000 (width < 1000px) {
|
121
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
122
|
-
min-width: var(--columns-breakpoint-width);
|
123
|
-
max-width: var(--columns-breakpoint-width);
|
124
|
-
}
|
125
|
-
|
126
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
127
|
-
min-width: var(--columns-breakpoint-width);
|
128
|
-
max-width: var(--columns-breakpoint-width);
|
129
|
-
}
|
130
|
-
}
|
131
|
-
|
132
|
-
@container px1100 (width < 1100px) {
|
133
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
134
|
-
min-width: var(--columns-breakpoint-width);
|
135
|
-
max-width: var(--columns-breakpoint-width);
|
136
|
-
}
|
137
|
-
|
138
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
139
|
-
min-width: var(--columns-breakpoint-width);
|
140
|
-
max-width: var(--columns-breakpoint-width);
|
141
|
-
}
|
142
|
-
}
|
143
|
-
|
144
|
-
@container px1200 (width < 1200px) {
|
145
|
-
.DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
|
146
|
-
min-width: var(--columns-breakpoint-width);
|
147
|
-
max-width: var(--columns-breakpoint-width);
|
148
|
-
}
|
149
|
-
|
150
|
-
.DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
|
151
|
-
min-width: var(--columns-breakpoint-width);
|
152
|
-
max-width: var(--columns-breakpoint-width);
|
153
|
-
}
|
154
|
-
}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { paletteColor } from '../../styles/types';
|
2
|
-
export interface LabelProps {
|
3
|
-
large?: boolean;
|
4
|
-
disabled?: boolean;
|
5
|
-
hasError: boolean;
|
6
|
-
}
|
7
|
-
export interface MappedLabelProps {
|
8
|
-
fontSize: string;
|
9
|
-
cursor: string;
|
10
|
-
color: paletteColor;
|
11
|
-
opacity: number;
|
12
|
-
}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { AccordionProps } from './types';
|
3
|
-
/**
|
4
|
-
* @param open pass without setOpen to open by default
|
5
|
-
* @param setOpen pass only to control accordion opening/closing externally
|
6
|
-
* @param renderLateralActions
|
7
|
-
* @param renderTitle
|
8
|
-
* @param renderBody
|
9
|
-
* @param title
|
10
|
-
* @param lateralActions
|
11
|
-
* @constructor
|
12
|
-
*/
|
13
|
-
declare const Accordion: ({ open, setOpen, renderLateralActions, renderTitle, renderBody, title, lateralActions, }: AccordionProps) => JSX.Element;
|
14
|
-
export default Accordion;
|
@@ -1,5 +0,0 @@
|
|
1
|
-
export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
2
|
-
export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
3
|
-
export declare const ActionIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
4
|
-
export declare const HeaderElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
5
|
-
export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import React, { Component } from 'react';
|
2
|
-
import { TAccordion, UnstyledAccordionProps, UnstyledAccordionState } from './types';
|
3
|
-
export declare class UnstyledAccordion extends Component<UnstyledAccordionProps, UnstyledAccordionState> {
|
4
|
-
constructor(props: UnstyledAccordionProps);
|
5
|
-
handleOpenAccordion: () => void;
|
6
|
-
render(): React.JSX.Element;
|
7
|
-
}
|
8
|
-
declare const Accordion: TAccordion;
|
9
|
-
export default Accordion;
|