@connectif/ui-components 7.0.1 → 8.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +42 -0
- package/dist/components/alert/Alert.d.ts +6 -4
- package/dist/components/avatar/Avatar.d.ts +8 -4
- package/dist/components/button/Button.d.ts +20 -11
- package/dist/components/button/ButtonGroup.d.ts +3 -1
- package/dist/components/button/ButtonWithActions.d.ts +7 -5
- package/dist/components/button/IconButton.d.ts +12 -6
- package/dist/components/button/IconToggleButton.d.ts +40 -5
- package/dist/components/button/MenuButton.d.ts +6 -4
- package/dist/components/button/MenuIconButton.d.ts +7 -5
- package/dist/components/button/ToggleButton.d.ts +1 -0
- package/dist/components/button/ToggleButton.theme.d.ts +3 -2
- package/dist/components/card/Card.d.ts +9 -1
- package/dist/components/card/CardChips.d.ts +2 -5
- package/dist/components/card/CardImage.d.ts +3 -1
- package/dist/components/card/EnhancedCard.d.ts +5 -2
- package/dist/components/chart/IncrementLabel.d.ts +6 -3
- package/dist/components/chart/LineChart.d.ts +3 -1
- package/dist/components/chat/ChatMessage.d.ts +3 -1
- package/dist/components/chip/Chip.d.ts +21 -862
- package/dist/components/chip/ChipList.d.ts +5 -0
- package/dist/components/chip/ChipViewer.d.ts +12 -21
- package/dist/components/chip/MenuChip.d.ts +4 -2
- package/dist/components/dialog/ConfirmationDialog.d.ts +2 -1
- package/dist/components/dialog/Dialog.d.ts +3 -1
- package/dist/components/divider/Divider.d.ts +4 -1
- package/dist/components/formatter/CurrencyFormatter.d.ts +3 -1
- package/dist/components/formatter/PercentageFormatter.d.ts +3 -1
- package/dist/components/icon/Icon.d.ts +4 -2
- package/dist/components/info/InfoBox.d.ts +2 -1
- package/dist/components/input/Checkbox.d.ts +3 -1
- package/dist/components/input/ColorPicker.d.ts +3 -1
- package/dist/components/input/InputHelperText.d.ts +4 -2
- package/dist/components/input/InputLabel.d.ts +4 -2
- package/dist/components/input/ItemSelector.d.ts +3 -1
- package/dist/components/input/NumberField.d.ts +4 -2
- package/dist/components/input/PageSelector.d.ts +6 -0
- package/dist/components/input/Radio.d.ts +6 -2
- package/dist/components/input/Select.d.ts +4 -2
- package/dist/components/input/TextEditor.d.ts +3 -1
- package/dist/components/input/TextField.d.ts +9 -3
- package/dist/components/input/TextFieldContainer.d.ts +4 -2
- package/dist/components/input/autocomplete/Autocomplete.d.ts +9 -3
- package/dist/components/input/date-interval-picker/DateIntervalPicker.d.ts +1 -0
- package/dist/components/input/date-interval-picker/DateIntervalPickerPopover.d.ts +3 -4
- package/dist/components/input/date-range-picker/DateRangePicker.d.ts +40 -0
- package/dist/components/input/date-range-picker/DateRangePickerPopover.d.ts +16 -0
- package/dist/components/input/index.d.ts +2 -0
- package/dist/components/layout/CollapsiblePanel.d.ts +3 -1
- package/dist/components/layout/CollapsiblePanelSwitcher.d.ts +6 -2
- package/dist/components/layout/Container.d.ts +1 -0
- package/dist/components/layout/Stepper.d.ts +3 -2
- package/dist/components/layout/ToolBox.d.ts +2 -1
- package/dist/components/list/BaseListItem.d.ts +9 -4
- package/dist/components/list/ListItemButton.d.ts +2 -2
- package/dist/components/loader/Loader.d.ts +2 -2
- package/dist/components/overlay/DonutFocusOverlay.d.ts +3 -1
- package/dist/components/popover/Popover.d.ts +8 -4
- package/dist/components/progress/CircularProgress.d.ts +6 -9
- package/dist/components/progress/DonutProgress.d.ts +3 -1
- package/dist/components/progress/LinearProgress.d.ts +3 -1
- package/dist/components/scrollable/Carousel.d.ts +3 -1
- package/dist/components/skeleton/Skeleton.d.ts +4 -1
- package/dist/components/snackbar/Snackbar.d.ts +4 -2
- package/dist/components/tab/TabButton.d.ts +3 -1
- package/dist/components/tab/Tabs.d.ts +6 -2
- package/dist/components/toolbar/ToolbarTitle.d.ts +3 -1
- package/dist/components/tooltip/Tooltip.d.ts +6 -3
- package/dist/components/typography/TextMarker.d.ts +3 -1
- package/dist/components/widget/WidgetLegendItem.d.ts +6 -2
- package/dist/components/window/MinimizableWindow.d.ts +4 -2
- package/dist/i18n/en.d.ts +3 -0
- package/dist/i18n/es.d.ts +3 -0
- package/dist/i18n/fr.d.ts +3 -0
- package/dist/i18n/it.d.ts +3 -0
- package/dist/i18n/pt.d.ts +3 -0
- package/dist/index.js +1356 -1018
- package/dist/models/ComparisonInterval.d.ts +2 -1
- package/dist/models/DateInterval.d.ts +2 -1
- package/dist/theme/CustomTheme.d.ts +1 -0
- package/dist/theme/Typography.d.ts +186 -3
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/utils/DateUtils.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const comparisonIntervals: readonly ["previousPeriod", "samePeriodLastYear", "custom"];
|
|
2
|
+
export type ComparisonInterval = (typeof comparisonIntervals)[number];
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const dateIntervals: readonly ["today", "yesterday", "thisWeekFromSunday", "thisWeekFromMonday", "thisMonth", "thisYear", "last7Days", "last30Days", "last90Days", "last12Months", "all", "custom"];
|
|
2
|
+
export type DateInterval = (typeof dateIntervals)[number];
|
|
@@ -7,6 +7,7 @@ export interface CustomThemeOptions extends ThemeOptions {
|
|
|
7
7
|
palette: CustomPaletteOptions;
|
|
8
8
|
components?: ThemeOptions['components'] & {
|
|
9
9
|
MuiButton: Components<CustomTheme>['MuiButton'];
|
|
10
|
+
MuiToggleButton: Components<CustomTheme>['MuiToggleButton'];
|
|
10
11
|
MuiAlert: Components<CustomTheme>['MuiAlert'];
|
|
11
12
|
MuiAlertTitle: Components<CustomTheme>['MuiAlertTitle'];
|
|
12
13
|
};
|
|
@@ -9,7 +9,8 @@ export declare const sizes: {
|
|
|
9
9
|
readonly '2xl': "24px";
|
|
10
10
|
readonly '3xl': "32px";
|
|
11
11
|
};
|
|
12
|
-
export
|
|
12
|
+
export declare const typographySizeKeys: (keyof typeof sizes)[];
|
|
13
|
+
export type TypographySize = (typeof typographySizeKeys)[number];
|
|
13
14
|
export declare const weights: {
|
|
14
15
|
readonly regular: "400";
|
|
15
16
|
readonly semibold: "600";
|
|
@@ -20,10 +21,192 @@ export declare const families: {
|
|
|
20
21
|
readonly primary: "Source Sans Pro";
|
|
21
22
|
};
|
|
22
23
|
export type TypographyFamily = keyof typeof families;
|
|
23
|
-
export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body1-semibold' | 'body1-semibold-monospace' | 'body2' | 'body2-semibold' | 'body2-semibold-monospace' | 'button-large' | 'button-medium' | 'button-small' | 'caption' | 'tooltip' | 'overline';
|
|
24
24
|
export declare const variants: {
|
|
25
|
-
|
|
25
|
+
h1: {
|
|
26
|
+
fontFamily: "Source Sans Pro";
|
|
27
|
+
fontSize: string;
|
|
28
|
+
fontWeight: number;
|
|
29
|
+
fontStretch: string;
|
|
30
|
+
fontStyle: string;
|
|
31
|
+
lineHeight: string;
|
|
32
|
+
letterSpacing: string;
|
|
33
|
+
};
|
|
34
|
+
h2: {
|
|
35
|
+
fontFamily: "Source Sans Pro";
|
|
36
|
+
fontSize: string;
|
|
37
|
+
fontWeight: number;
|
|
38
|
+
fontStretch: string;
|
|
39
|
+
fontStyle: string;
|
|
40
|
+
lineHeight: string;
|
|
41
|
+
letterSpacing: string;
|
|
42
|
+
};
|
|
43
|
+
h3: {
|
|
44
|
+
fontFamily: "Source Sans Pro";
|
|
45
|
+
fontSize: string;
|
|
46
|
+
fontWeight: string;
|
|
47
|
+
fontStretch: string;
|
|
48
|
+
fontStyle: string;
|
|
49
|
+
lineHeight: string;
|
|
50
|
+
letterSpacing: string;
|
|
51
|
+
};
|
|
52
|
+
h4: {
|
|
53
|
+
fontFamily: "Source Sans Pro";
|
|
54
|
+
fontSize: string;
|
|
55
|
+
fontWeight: string;
|
|
56
|
+
fontStretch: string;
|
|
57
|
+
fontStyle: string;
|
|
58
|
+
lineHeight: string;
|
|
59
|
+
letterSpacing: string;
|
|
60
|
+
};
|
|
61
|
+
h5: {
|
|
62
|
+
fontFamily: "Source Sans Pro";
|
|
63
|
+
fontSize: string;
|
|
64
|
+
fontWeight: string;
|
|
65
|
+
fontStretch: string;
|
|
66
|
+
fontStyle: string;
|
|
67
|
+
lineHeight: string;
|
|
68
|
+
letterSpacing: string;
|
|
69
|
+
};
|
|
70
|
+
h6: {
|
|
71
|
+
fontFamily: "Source Sans Pro";
|
|
72
|
+
fontSize: string;
|
|
73
|
+
fontWeight: number;
|
|
74
|
+
fontStretch: string;
|
|
75
|
+
fontStyle: string;
|
|
76
|
+
lineHeight: string;
|
|
77
|
+
letterSpacing: string;
|
|
78
|
+
};
|
|
79
|
+
body1: {
|
|
80
|
+
fontFamily: "Source Sans Pro";
|
|
81
|
+
fontSize: string;
|
|
82
|
+
fontWeight: string;
|
|
83
|
+
fontStretch: string;
|
|
84
|
+
fontStyle: string;
|
|
85
|
+
lineHeight: string;
|
|
86
|
+
letterSpacing: string;
|
|
87
|
+
};
|
|
88
|
+
'body1-semibold': {
|
|
89
|
+
fontFamily: "Source Sans Pro";
|
|
90
|
+
fontSize: string;
|
|
91
|
+
fontWeight: number;
|
|
92
|
+
fontStretch: string;
|
|
93
|
+
fontStyle: string;
|
|
94
|
+
lineHeight: string;
|
|
95
|
+
letterSpacing: string;
|
|
96
|
+
};
|
|
97
|
+
'body1-semibold-monospace': {
|
|
98
|
+
fontFamily: "Source Sans Pro";
|
|
99
|
+
fontSize: string;
|
|
100
|
+
fontWeight: number;
|
|
101
|
+
fontStretch: string;
|
|
102
|
+
fontStyle: string;
|
|
103
|
+
lineHeight: string;
|
|
104
|
+
letterSpacing: string;
|
|
105
|
+
fontFeatureSettings: string;
|
|
106
|
+
};
|
|
107
|
+
'button-large': {
|
|
108
|
+
fontFamily: "Source Sans Pro";
|
|
109
|
+
fontSize: string;
|
|
110
|
+
fontWeight: string;
|
|
111
|
+
fontStretch: string;
|
|
112
|
+
fontStyle: string;
|
|
113
|
+
lineHeight: string;
|
|
114
|
+
letterSpacing: string;
|
|
115
|
+
};
|
|
116
|
+
subtitle1: {
|
|
117
|
+
fontFamily: "Source Sans Pro";
|
|
118
|
+
fontSize: string;
|
|
119
|
+
fontWeight: number;
|
|
120
|
+
fontStretch: string;
|
|
121
|
+
fontStyle: string;
|
|
122
|
+
lineHeight: string;
|
|
123
|
+
letterSpacing: string;
|
|
124
|
+
};
|
|
125
|
+
subtitle2: {
|
|
126
|
+
fontFamily: "Source Sans Pro";
|
|
127
|
+
fontSize: string;
|
|
128
|
+
fontWeight: string;
|
|
129
|
+
fontStretch: string;
|
|
130
|
+
fontStyle: string;
|
|
131
|
+
lineHeight: string;
|
|
132
|
+
letterSpacing: string;
|
|
133
|
+
};
|
|
134
|
+
'button-medium': {
|
|
135
|
+
fontFamily: "Source Sans Pro";
|
|
136
|
+
fontSize: string;
|
|
137
|
+
fontWeight: string;
|
|
138
|
+
fontStretch: string;
|
|
139
|
+
fontStyle: string;
|
|
140
|
+
lineHeight: string;
|
|
141
|
+
letterSpacing: string;
|
|
142
|
+
};
|
|
143
|
+
body2: {
|
|
144
|
+
fontFamily: "Source Sans Pro";
|
|
145
|
+
fontSize: string;
|
|
146
|
+
fontWeight: string;
|
|
147
|
+
fontStretch: string;
|
|
148
|
+
fontStyle: string;
|
|
149
|
+
lineHeight: string;
|
|
150
|
+
letterSpacing: string;
|
|
151
|
+
};
|
|
152
|
+
'body2-semibold': {
|
|
153
|
+
fontFamily: "Source Sans Pro";
|
|
154
|
+
fontSize: string;
|
|
155
|
+
fontWeight: number;
|
|
156
|
+
fontStretch: string;
|
|
157
|
+
fontStyle: string;
|
|
158
|
+
lineHeight: string;
|
|
159
|
+
letterSpacing: string;
|
|
160
|
+
};
|
|
161
|
+
'body2-semibold-monospace': {
|
|
162
|
+
fontFamily: "Source Sans Pro";
|
|
163
|
+
fontSize: string;
|
|
164
|
+
fontWeight: number;
|
|
165
|
+
fontStretch: string;
|
|
166
|
+
fontStyle: string;
|
|
167
|
+
lineHeight: string;
|
|
168
|
+
letterSpacing: string;
|
|
169
|
+
fontFeatureSettings: string;
|
|
170
|
+
};
|
|
171
|
+
'button-small': {
|
|
172
|
+
fontFamily: "Source Sans Pro";
|
|
173
|
+
fontSize: string;
|
|
174
|
+
fontWeight: string;
|
|
175
|
+
fontStretch: string;
|
|
176
|
+
fontStyle: string;
|
|
177
|
+
lineHeight: string;
|
|
178
|
+
letterSpacing: string;
|
|
179
|
+
};
|
|
180
|
+
caption: {
|
|
181
|
+
fontFamily: "Source Sans Pro";
|
|
182
|
+
fontSize: string;
|
|
183
|
+
fontWeight: string;
|
|
184
|
+
fontStretch: string;
|
|
185
|
+
fontStyle: string;
|
|
186
|
+
lineHeight: string;
|
|
187
|
+
letterSpacing: string;
|
|
188
|
+
};
|
|
189
|
+
tooltip: {
|
|
190
|
+
fontFamily: "Source Sans Pro";
|
|
191
|
+
fontSize: string;
|
|
192
|
+
fontWeight: number;
|
|
193
|
+
fontStretch: string;
|
|
194
|
+
fontStyle: string;
|
|
195
|
+
lineHeight: string;
|
|
196
|
+
letterSpacing: string;
|
|
197
|
+
};
|
|
198
|
+
overline: {
|
|
199
|
+
fontFamily: "Source Sans Pro";
|
|
200
|
+
fontSize: string;
|
|
201
|
+
fontWeight: number;
|
|
202
|
+
fontStretch: string;
|
|
203
|
+
fontStyle: string;
|
|
204
|
+
lineHeight: string;
|
|
205
|
+
letterSpacing: string;
|
|
206
|
+
};
|
|
26
207
|
};
|
|
208
|
+
export declare const typographyVariants: (keyof typeof variants)[];
|
|
209
|
+
export type TypographyVariant = (typeof typographyVariants)[number];
|
|
27
210
|
declare module '@mui/material/styles' {
|
|
28
211
|
interface TypographyVariants {
|
|
29
212
|
h1: React.CSSProperties;
|