@fattureincloud/fic-design-system 0.14.4 → 0.15.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (196) hide show
  1. package/dist/common/hooks/useOutsideClick.d.ts +1 -1
  2. package/dist/common/hooks/useSyncScroll.d.ts +10 -0
  3. package/dist/common/types/misc.d.ts +12 -0
  4. package/dist/common/utils/stringUtils.d.ts +6 -0
  5. package/dist/components/accordion/Accordion.d.ts +4 -0
  6. package/dist/components/accordion/accordion.stories.d.ts +2 -1
  7. package/dist/components/accordion/const.d.ts +4 -0
  8. package/dist/components/accordion/index.d.ts +2 -2
  9. package/dist/components/accordion/types.d.ts +53 -17
  10. package/dist/components/accordion/utils.d.ts +2 -1
  11. package/dist/components/buttons/button/styled.d.ts +2 -2
  12. package/dist/components/buttons/iconButton/IconButton.d.ts +6 -12
  13. package/dist/components/buttons/iconButton/styled.d.ts +3 -0
  14. package/dist/components/buttons/iconButton/types.d.ts +12 -4
  15. package/dist/components/buttons/iconButton/utils.d.ts +3 -4
  16. package/dist/components/card/index.d.ts +1 -1
  17. package/dist/components/carousel/components/carouselMainMedia/styled.d.ts +1 -1
  18. package/dist/components/carousel/components/carouselThumbnails/styled.d.ts +2 -2
  19. package/dist/components/carousel/components/fullscreenMedia/styled.d.ts +1 -1
  20. package/dist/components/chart/styled.d.ts +1 -1
  21. package/dist/components/chip/styled.d.ts +2 -2
  22. package/dist/components/closableCard/styled.d.ts +1 -1
  23. package/dist/components/drawer/components/styledDrawerWrapper.d.ts +1 -1
  24. package/dist/components/drawer/drawer.stories.d.ts +0 -1
  25. package/dist/components/dropdown/DropdownImpl.d.ts +1 -1
  26. package/dist/components/dropdown/DropdownPopper.d.ts +20 -0
  27. package/dist/components/dropdown/types.d.ts +1 -0
  28. package/dist/components/dropdown/utils.d.ts +3 -1
  29. package/dist/components/editableInput/components/styled.d.ts +1 -1
  30. package/dist/components/form/checkbox/utils.d.ts +1 -1
  31. package/dist/components/form/inputText/InputText.d.ts +2 -1
  32. package/dist/components/form/inputText/components/InputElement.d.ts +2 -1
  33. package/dist/components/form/inputText/types.d.ts +2 -2
  34. package/dist/components/form/radioGroup/RadioGroup.d.ts +1 -1
  35. package/dist/components/form/select/components/Control.d.ts +2 -2
  36. package/dist/components/form/select/components/GroupHeading.d.ts +5 -0
  37. package/dist/components/form/select/components.d.ts +1 -1
  38. package/dist/components/form/select/hooks/useSelectGeneric.d.ts +1 -1
  39. package/dist/components/form/textArea/types.d.ts +0 -1
  40. package/dist/components/gridCard/index.d.ts +1 -1
  41. package/dist/components/gridCard/styled.d.ts +1 -1
  42. package/dist/components/icon/Icon.d.ts +1 -1
  43. package/dist/components/inlineMessage/styled.d.ts +1 -1
  44. package/dist/components/layout/sidebarItem/styled.d.ts +1 -1
  45. package/dist/components/modals/modalStyled.d.ts +1 -1
  46. package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts +1 -1
  47. package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/styled.d.ts +1 -1
  48. package/dist/components/newTable/components/action/settings/ColumnsSettings/styled.d.ts +0 -2
  49. package/dist/components/newTable/components/action/settings/RowHeightSettings/styled.d.ts +1 -1
  50. package/dist/components/newTable/components/action/settings/styled.d.ts +1 -1
  51. package/dist/components/newTable/components/cell/customActionCell/styled.d.ts +1 -1
  52. package/dist/components/newTable/components/cell/customCell/styled.d.ts +1 -1
  53. package/dist/components/newTable/styled.d.ts +1 -1
  54. package/dist/components/newTable_v2/Table.d.ts +112 -0
  55. package/dist/components/newTable_v2/components/body/Body.d.ts +9 -0
  56. package/dist/components/newTable_v2/components/body/styled.d.ts +1 -0
  57. package/dist/components/newTable_v2/components/bulkBar/BulkBar.d.ts +10 -0
  58. package/dist/components/newTable_v2/components/bulkBar/styled.d.ts +4 -0
  59. package/dist/components/newTable_v2/components/cell/Cell.d.ts +12 -0
  60. package/dist/components/newTable_v2/components/cell/actionsCell/ActionsCell.d.ts +14 -0
  61. package/dist/components/newTable_v2/components/cell/actionsCell/DropdownAction.d.ts +9 -0
  62. package/dist/components/newTable_v2/components/cell/actionsCell/PrimaryActionButton.d.ts +9 -0
  63. package/dist/components/newTable_v2/components/cell/actionsCell/styled.d.ts +11 -0
  64. package/dist/components/newTable_v2/components/cell/checkboxCell/CheckboxCell.d.ts +13 -0
  65. package/dist/components/newTable_v2/components/cell/checkboxCell/styled.d.ts +10 -0
  66. package/dist/components/newTable_v2/components/cell/editableCell/CustomInput.d.ts +11 -0
  67. package/dist/components/newTable_v2/components/cell/editableCell/styled.d.ts +2 -0
  68. package/dist/components/newTable_v2/components/cell/editableCell/textAreaPopup/TableTextArea.d.ts +4 -0
  69. package/dist/components/newTable_v2/components/cell/editableCell/textAreaPopup/TextAreaPopup.d.ts +4 -0
  70. package/dist/components/newTable_v2/components/cell/editableCell/textAreaPopup/styled.d.ts +3 -0
  71. package/dist/components/newTable_v2/components/cell/editableCell/textAreaPopup/types.d.ts +16 -0
  72. package/dist/components/newTable_v2/components/cell/hooks/useCellValues.d.ts +11 -0
  73. package/dist/components/newTable_v2/components/cell/loadingCell/LoadingCell.d.ts +3 -0
  74. package/dist/components/newTable_v2/components/cell/styled.d.ts +9 -0
  75. package/dist/components/newTable_v2/components/footer/Footer.d.ts +7 -0
  76. package/dist/components/newTable_v2/components/footer/footerCell/FooterCell.d.ts +7 -0
  77. package/dist/components/newTable_v2/components/footer/footerCell/styled.d.ts +10 -0
  78. package/dist/components/newTable_v2/components/footer/hooks/useFooterValues.d.ts +8 -0
  79. package/dist/components/newTable_v2/components/footer/styled.d.ts +7 -0
  80. package/dist/components/newTable_v2/components/header/Header.d.ts +13 -0
  81. package/dist/components/newTable_v2/components/header/actionsHeader/ActionsHeader.d.ts +6 -0
  82. package/dist/components/newTable_v2/components/header/actionsHeader/styled.d.ts +6 -0
  83. package/dist/components/newTable_v2/components/header/checkboxHeader/CheckboxHeader.d.ts +9 -0
  84. package/dist/components/newTable_v2/components/header/checkboxHeader/styled.d.ts +1 -0
  85. package/dist/components/newTable_v2/components/header/headerCell/HeaderCell.d.ts +11 -0
  86. package/dist/components/newTable_v2/components/header/headerCell/styled.d.ts +9 -0
  87. package/dist/components/newTable_v2/components/header/hooks/useActionHeaderValues.d.ts +15 -0
  88. package/dist/components/newTable_v2/components/header/hooks/useHeaderValues.d.ts +13 -0
  89. package/dist/components/newTable_v2/components/header/styled.d.ts +11 -0
  90. package/dist/components/newTable_v2/components/row/Row.d.ts +8 -0
  91. package/dist/components/newTable_v2/components/row/styled.d.ts +14 -0
  92. package/dist/components/newTable_v2/components/settings/Settings.d.ts +8 -0
  93. package/dist/components/newTable_v2/components/settings/settingsDropdownContent/DraggableColumn.d.ts +11 -0
  94. package/dist/components/newTable_v2/components/settings/settingsDropdownContent/SettingsDropdownContent.d.ts +7 -0
  95. package/dist/components/newTable_v2/components/settings/settingsDropdownContent/styled.d.ts +9 -0
  96. package/dist/components/newTable_v2/components/settings/styled.d.ts +3 -0
  97. package/dist/components/newTable_v2/components/toggle/Toggle.d.ts +14 -0
  98. package/dist/components/newTable_v2/components/toggle/constants.d.ts +3 -0
  99. package/dist/components/newTable_v2/components/toggle/index.d.ts +1 -0
  100. package/dist/components/newTable_v2/components/toggle/styled.d.ts +5 -0
  101. package/dist/components/newTable_v2/constants.d.ts +9 -0
  102. package/dist/components/newTable_v2/customCells/BooleanCell.d.ts +6 -0
  103. package/dist/components/newTable_v2/customCells/DateCell.d.ts +9 -0
  104. package/dist/components/newTable_v2/customCells/MicroTagCell.d.ts +10 -0
  105. package/dist/components/newTable_v2/customCells/TagCell.d.ts +10 -0
  106. package/dist/components/newTable_v2/customCells/TwoRowsCell.d.ts +9 -0
  107. package/dist/components/newTable_v2/customCells/ValueWithUnitCell.d.ts +9 -0
  108. package/dist/components/newTable_v2/customCells/index.d.ts +4 -0
  109. package/dist/components/newTable_v2/hooks/useClassNames.d.ts +6 -0
  110. package/dist/components/newTable_v2/hooks/useColumnHelper.d.ts +7 -0
  111. package/dist/components/newTable_v2/hooks/useColumnPinning.d.ts +8 -0
  112. package/dist/components/newTable_v2/hooks/usePagination.d.ts +8 -0
  113. package/dist/components/newTable_v2/index.d.ts +3 -0
  114. package/dist/components/newTable_v2/providers/TableProvider/TableProvider.d.ts +5 -0
  115. package/dist/components/newTable_v2/providers/TableProvider/index.d.ts +3 -0
  116. package/dist/components/newTable_v2/providers/TableProvider/types.d.ts +27 -0
  117. package/dist/components/newTable_v2/stories/actions.d.ts +5 -0
  118. package/dist/components/newTable_v2/stories/columns.d.ts +3 -0
  119. package/dist/components/newTable_v2/stories/data.d.ts +2 -0
  120. package/dist/components/newTable_v2/stories/styled.d.ts +1 -0
  121. package/dist/components/newTable_v2/stories/types.d.ts +10 -0
  122. package/dist/components/newTable_v2/styled.d.ts +6 -0
  123. package/dist/components/newTable_v2/table.stories.d.ts +6 -0
  124. package/dist/components/newTable_v2/types/cellsTypes.d.ts +1 -0
  125. package/dist/components/newTable_v2/types/columnsTypes.d.ts +48 -0
  126. package/dist/components/newTable_v2/types/enums.d.ts +16 -0
  127. package/dist/components/newTable_v2/types/features/actions.d.ts +40 -0
  128. package/dist/components/newTable_v2/types/features/highlight.d.ts +5 -0
  129. package/dist/components/newTable_v2/types/features/pagination.d.ts +20 -0
  130. package/dist/components/newTable_v2/types/features/selectRow.d.ts +16 -0
  131. package/dist/components/newTable_v2/types/features/settings.d.ts +27 -0
  132. package/dist/components/newTable_v2/types/features/sort.d.ts +15 -0
  133. package/dist/components/newTable_v2/types/index.d.ts +10 -0
  134. package/dist/components/newTable_v2/types/tableTypes.d.ts +33 -0
  135. package/dist/components/newTable_v2/utils.d.ts +18 -0
  136. package/dist/components/switch/Switch.d.ts +1 -1
  137. package/dist/components/tag/styled.d.ts +2 -2
  138. package/dist/components/toast/components/ToastContent.d.ts +1 -1
  139. package/dist/components/tooltip/Tooltip.d.ts +3 -21
  140. package/dist/components/tooltip/TooltipPopup.d.ts +8 -0
  141. package/dist/components/tooltip/components/Arrow.d.ts +5 -0
  142. package/dist/components/tooltip/index.d.ts +4 -3
  143. package/dist/components/tooltip/styled.d.ts +1 -1
  144. package/dist/components/tooltip/tooltipPalette.d.ts +1 -2
  145. package/dist/components/tooltip/types.d.ts +23 -0
  146. package/dist/components/tooltip/useTooltip.d.ts +17 -0
  147. package/dist/components/verticalTabs/styled.d.ts +1 -1
  148. package/dist/index.d.ts +4 -3
  149. package/dist/index.esm.js +9 -9
  150. package/dist/index.esm.js.map +1 -1
  151. package/dist/index.js +9 -9
  152. package/dist/index.js.map +1 -1
  153. package/package.json +2 -1
  154. package/dist/assets/index-7ee742e8.css +0 -154
  155. package/dist/assets/index-9fc4893a.css +0 -155
  156. package/dist/assets/index.esm-bff8cd71.css +0 -155
  157. package/dist/assets/index.esm-c9d742c9.css +0 -154
  158. package/dist/common/components/Label.d.ts +0 -3
  159. package/dist/common/types/label.d.ts +0 -12
  160. package/dist/common/utils/label.d.ts +0 -5
  161. package/dist/components/accordion/accordion.d.ts +0 -14
  162. package/dist/components/accordion/styled.d.ts +0 -5
  163. package/dist/components/accordions/accordions.d.ts +0 -9
  164. package/dist/components/accordions/accordions.stories.d.ts +0 -8
  165. package/dist/components/accordions/components/styledAccordionWrapper.d.ts +0 -1
  166. package/dist/components/accordions/index.d.ts +0 -1
  167. package/dist/components/accordions/types.d.ts +0 -19
  168. package/dist/components/carousel/components/common/styled.d.ts +0 -2
  169. package/dist/components/form/datepicker/components/MonthPicker.d.ts +0 -5
  170. package/dist/components/graphic/Graphic.d.ts +0 -4
  171. package/dist/components/graphic/components/ChartLegend.d.ts +0 -9
  172. package/dist/components/graphic/components/GraphButton.d.ts +0 -8
  173. package/dist/components/graphic/components/GraphIndicators.d.ts +0 -14
  174. package/dist/components/graphic/graphic.stories.d.ts +0 -7
  175. package/dist/components/graphic/index.d.ts +0 -2
  176. package/dist/components/graphic/stories/data.d.ts +0 -2
  177. package/dist/components/graphic/stories/styled.d.ts +0 -4
  178. package/dist/components/graphic/styled.d.ts +0 -3
  179. package/dist/components/graphic/types.d.ts +0 -52
  180. package/dist/components/graphic/utils.d.ts +0 -6
  181. package/dist/components/newTable/components/action/favorite/Favorite.d.ts +0 -14
  182. package/dist/components/newTable/components/action/favorite/index.d.ts +0 -1
  183. package/dist/components/newTable/components/action/favorite/styled.d.ts +0 -4
  184. package/dist/components/newTable/components/row/LoadingRow.d.ts +0 -9
  185. package/dist/components/verticalTab/VerticalTab.d.ts +0 -4
  186. package/dist/components/verticalTab/components/VerticalTabSelector/VerticalTabSelector.d.ts +0 -13
  187. package/dist/components/verticalTab/components/VerticalTabSelector/index.d.ts +0 -5
  188. package/dist/components/verticalTab/components/VerticalTabSelector/styled.d.ts +0 -11
  189. package/dist/components/verticalTab/components/VerticalTabSelector/types.d.ts +0 -37
  190. package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelector.stories.d.ts +0 -5
  191. package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelectorPalette.d.ts +0 -3
  192. package/dist/components/verticalTab/index.d.ts +0 -2
  193. package/dist/components/verticalTab/styled.d.ts +0 -6
  194. package/dist/components/verticalTab/types.d.ts +0 -6
  195. package/dist/components/verticalTab/verticalTab.stories.d.ts +0 -8
  196. 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.14.4",
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,3 +0,0 @@
1
- import { LabelProps, MappedLabelProps } from '../types/label';
2
- declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & LabelProps, keyof MappedLabelProps>;
3
- export default Label;
@@ -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,5 +0,0 @@
1
- import { DefaultTheme } from 'styled-components';
2
- import { LabelProps, MappedLabelProps } from '../types/label';
3
- export declare const getLabelStyle: ({ disabled, large, theme, hasError, }: LabelProps & {
4
- theme: DefaultTheme;
5
- }) => MappedLabelProps;
@@ -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;