@epilot/base-elements 2.7.25 → 2.8.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 +1020 -0
- package/dist/Accordion/Accordion.d.ts +3 -3
- package/dist/Accordion/Accordion.js +11 -11
- package/dist/Accordion/AccordionActions.d.ts +3 -3
- package/dist/Accordion/AccordionActions.js +11 -11
- package/dist/Accordion/AccordionDetails.d.ts +3 -3
- package/dist/Accordion/AccordionDetails.js +11 -11
- package/dist/Accordion/AccordionSummary.d.ts +3 -3
- package/dist/Accordion/AccordionSummary.js +12 -12
- package/dist/Accordion/index.d.ts +5 -5
- package/dist/Accordion/index.js +8 -8
- package/dist/Accordion/types.d.ts +57 -57
- package/dist/Accordion/types.js +2 -2
- package/dist/AppBar/AppBar.d.ts +4 -4
- package/dist/AppBar/AppBar.js +16 -16
- package/dist/AppBar/index.d.ts +2 -2
- package/dist/AppBar/index.js +5 -5
- package/dist/AppBar/types.d.ts +3 -3
- package/dist/AppBar/types.js +2 -2
- package/dist/Autocomplete/Autocomplete.d.ts +3 -3
- package/dist/Autocomplete/Autocomplete.js +48 -48
- package/dist/Autocomplete/index.d.ts +2 -2
- package/dist/Autocomplete/index.js +7 -7
- package/dist/Autocomplete/styles.d.ts +1 -1
- package/dist/Autocomplete/styles.js +14 -14
- package/dist/Autocomplete/types.d.ts +65 -65
- package/dist/Autocomplete/types.js +2 -2
- package/dist/AutocompleteX/AutocompleteX.d.ts +2 -2
- package/dist/AutocompleteX/AutocompleteX.js +5 -5
- package/dist/AutocompleteX/index.d.ts +2 -2
- package/dist/AutocompleteX/index.js +7 -7
- package/dist/AutocompleteX/types.d.ts +6 -6
- package/dist/AutocompleteX/types.js +2 -2
- package/dist/Avatar/Avatar.d.ts +3 -3
- package/dist/Avatar/Avatar.js +27 -27
- package/dist/Avatar/AvatarGroup.d.ts +3 -3
- package/dist/Avatar/AvatarGroup.js +21 -21
- package/dist/Avatar/index.d.ts +3 -3
- package/dist/Avatar/index.js +9 -9
- package/dist/Avatar/types.d.ts +48 -48
- package/dist/Avatar/types.js +2 -2
- package/dist/Badge/Badge.d.ts +3 -3
- package/dist/Badge/Badge.js +11 -11
- package/dist/Badge/index.d.ts +2 -2
- package/dist/Badge/index.js +5 -5
- package/dist/Badge/types.d.ts +2 -2
- package/dist/Badge/types.js +2 -2
- package/dist/Box/Box.d.ts +3 -3
- package/dist/Box/Box.js +11 -11
- package/dist/Box/index.d.ts +2 -2
- package/dist/Box/index.js +5 -5
- package/dist/Box/types.d.ts +2 -2
- package/dist/Box/types.js +2 -2
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/dist/Breadcrumbs/Breadcrumbs.js +10 -10
- package/dist/Breadcrumbs/index.d.ts +2 -2
- package/dist/Breadcrumbs/index.js +7 -7
- package/dist/Breadcrumbs/types.d.ts +2 -2
- package/dist/Breadcrumbs/types.js +2 -2
- package/dist/Button/Button.d.ts +2 -2
- package/dist/Button/Button.js +5 -5
- package/dist/Button/index.d.ts +2 -2
- package/dist/Button/index.js +5 -5
- package/dist/Button/types.d.ts +2 -2
- package/dist/Button/types.js +2 -2
- package/dist/ButtonGroup/ButtonGroup.d.ts +3 -3
- package/dist/ButtonGroup/ButtonGroup.js +11 -11
- package/dist/ButtonGroup/index.d.ts +2 -2
- package/dist/ButtonGroup/index.js +5 -5
- package/dist/ButtonGroup/types.d.ts +37 -37
- package/dist/ButtonGroup/types.js +2 -2
- package/dist/Card/Card.d.ts +8 -8
- package/dist/Card/Card.js +36 -36
- package/dist/Card/index.d.ts +2 -2
- package/dist/Card/index.js +5 -5
- package/dist/Card/types.d.ts +7 -7
- package/dist/Card/types.js +2 -2
- package/dist/Checkbox/Checkbox.d.ts +3 -3
- package/dist/Checkbox/Checkbox.js +27 -27
- package/dist/Checkbox/index.d.ts +2 -2
- package/dist/Checkbox/index.js +5 -5
- package/dist/Checkbox/types.d.ts +84 -84
- package/dist/Checkbox/types.js +2 -2
- package/dist/Chip/Chip.d.ts +3 -3
- package/dist/Chip/Chip.js +16 -16
- package/dist/Chip/RandomColoredChip.d.ts +3 -3
- package/dist/Chip/RandomColoredChip.js +79 -79
- package/dist/Chip/index.d.ts +2 -2
- package/dist/Chip/index.js +5 -5
- package/dist/Chip/types.d.ts +13 -13
- package/dist/Chip/types.js +2 -2
- package/dist/Collapse/Collapse.d.ts +3 -3
- package/dist/Collapse/Collapse.js +11 -11
- package/dist/Collapse/index.d.ts +2 -2
- package/dist/Collapse/index.js +5 -5
- package/dist/Collapse/types.d.ts +2 -2
- package/dist/Collapse/types.js +2 -2
- package/dist/Dialog/Dialog.d.ts +7 -7
- package/dist/Dialog/Dialog.js +31 -31
- package/dist/Dialog/index.d.ts +2 -2
- package/dist/Dialog/index.js +5 -5
- package/dist/Dialog/types.d.ts +157 -157
- package/dist/Dialog/types.js +2 -2
- package/dist/Divider/Divider.d.ts +3 -3
- package/dist/Divider/Divider.js +10 -10
- package/dist/Divider/index.d.ts +2 -2
- package/dist/Divider/index.js +5 -5
- package/dist/Divider/types.d.ts +2 -2
- package/dist/Divider/types.js +2 -2
- package/dist/Drawer/Drawer.d.ts +3 -3
- package/dist/Drawer/Drawer.js +11 -11
- package/dist/Drawer/index.d.ts +2 -2
- package/dist/Drawer/index.js +5 -5
- package/dist/Drawer/types.d.ts +2 -2
- package/dist/Drawer/types.js +2 -2
- package/dist/Drawer360/ActionFooter.d.ts +13 -13
- package/dist/Drawer360/ActionFooter.js +108 -108
- package/dist/Drawer360/DiscardDialog.d.ts +10 -10
- package/dist/Drawer360/DiscardDialog.js +48 -48
- package/dist/Drawer360/Drawer360.d.ts +3 -3
- package/dist/Drawer360/Drawer360.js +95 -95
- package/dist/Drawer360/helpers.d.ts +3 -3
- package/dist/Drawer360/helpers.js +61 -61
- package/dist/Drawer360/index.d.ts +2 -2
- package/dist/Drawer360/index.js +5 -5
- package/dist/Drawer360/types.d.ts +30 -30
- package/dist/Drawer360/types.js +2 -2
- package/dist/Form/FormControl.d.ts +2 -2
- package/dist/Form/FormControl.js +4 -4
- package/dist/Form/FormControlLabel.d.ts +2 -2
- package/dist/Form/FormControlLabel.js +4 -4
- package/dist/Form/FormGroup.d.ts +2 -2
- package/dist/Form/FormGroup.js +5 -5
- package/dist/Form/FormHelperText.d.ts +2 -2
- package/dist/Form/FormHelperText.js +4 -4
- package/dist/Form/FormLabel.d.ts +2 -2
- package/dist/Form/FormLabel.js +4 -4
- package/dist/Form/InputAdornment.d.ts +2 -2
- package/dist/Form/InputAdornment.js +4 -4
- package/dist/Form/InputLabel.d.ts +2 -2
- package/dist/Form/InputLabel.js +4 -4
- package/dist/Form/index.d.ts +8 -8
- package/dist/Form/index.js +19 -19
- package/dist/Form/types.d.ts +9 -9
- package/dist/Form/types.js +2 -2
- package/dist/Grid/Grid.d.ts +3 -3
- package/dist/Grid/Grid.js +10 -10
- package/dist/Grid/index.d.ts +2 -2
- package/dist/Grid/index.js +5 -5
- package/dist/Grid/types.d.ts +2 -2
- package/dist/Grid/types.js +2 -2
- package/dist/Hidden/Hidden.d.ts +3 -3
- package/dist/Hidden/Hidden.js +11 -11
- package/dist/Hidden/index.d.ts +2 -2
- package/dist/Hidden/index.js +5 -5
- package/dist/Hidden/types.d.ts +8 -8
- package/dist/Hidden/types.js +2 -2
- package/dist/Icon/Icon.d.ts +5 -5
- package/dist/Icon/Icon.js +57 -57
- package/dist/Icon/index.d.ts +2 -2
- package/dist/Icon/index.js +9 -9
- package/dist/Icon/types.d.ts +46 -46
- package/dist/Icon/types.js +2 -2
- package/dist/IconButton/IconButton.d.ts +5 -5
- package/dist/IconButton/IconButton.js +94 -94
- package/dist/IconButton/index.d.ts +2 -2
- package/dist/IconButton/index.js +5 -5
- package/dist/IconButton/types.d.ts +9 -9
- package/dist/IconButton/types.js +2 -2
- package/dist/IconButtonWithText/IconButtonWithText.d.ts +4 -4
- package/dist/IconButtonWithText/IconButtonWithText.js +59 -59
- package/dist/IconButtonWithText/index.d.ts +2 -2
- package/dist/IconButtonWithText/index.js +5 -5
- package/dist/IconButtonWithText/types.d.ts +10 -10
- package/dist/IconButtonWithText/types.js +2 -2
- package/dist/Image/Image.d.ts +3 -3
- package/dist/Image/Image.js +22 -22
- package/dist/Image/index.d.ts +2 -2
- package/dist/Image/index.js +7 -7
- package/dist/Image/types.d.ts +21 -21
- package/dist/Image/types.js +2 -2
- package/dist/Link/Link.d.ts +3 -3
- package/dist/Link/Link.js +10 -10
- package/dist/Link/index.d.ts +2 -2
- package/dist/Link/index.js +7 -7
- package/dist/Link/types.d.ts +41 -41
- package/dist/Link/types.js +2 -2
- package/dist/List/List.d.ts +8 -8
- package/dist/List/List.js +36 -36
- package/dist/List/index.d.ts +2 -2
- package/dist/List/index.js +5 -5
- package/dist/List/types.d.ts +7 -7
- package/dist/List/types.js +2 -2
- package/dist/Menu/Menu.d.ts +6 -6
- package/dist/Menu/Menu.js +9 -9
- package/dist/Menu/index.d.ts +2 -2
- package/dist/Menu/index.js +5 -5
- package/dist/Menu/types.d.ts +71 -71
- package/dist/Menu/types.js +2 -2
- package/dist/Notification/Notification.d.ts +5 -5
- package/dist/Notification/Notification.js +51 -51
- package/dist/Notification/index.d.ts +2 -2
- package/dist/Notification/index.js +9 -9
- package/dist/Notification/types.d.ts +7 -7
- package/dist/Notification/types.js +2 -2
- package/dist/Pagination/Pagination.d.ts +4 -4
- package/dist/Pagination/Pagination.js +193 -193
- package/dist/Pagination/PaginationHelper.d.ts +6 -6
- package/dist/Pagination/PaginationHelper.js +123 -123
- package/dist/Pagination/index.d.ts +2 -2
- package/dist/Pagination/index.js +7 -7
- package/dist/Pagination/types.d.ts +29 -29
- package/dist/Pagination/types.js +8 -8
- package/dist/Paper/Paper.d.ts +2 -2
- package/dist/Paper/Paper.js +5 -5
- package/dist/Paper/index.d.ts +2 -2
- package/dist/Paper/index.js +5 -5
- package/dist/Paper/types.d.ts +2 -2
- package/dist/Paper/types.js +2 -2
- package/dist/Pickers/DatePicker.d.ts +10 -10
- package/dist/Pickers/DatePicker.js +29 -29
- package/dist/Pickers/DateTimePicker.d.ts +3 -3
- package/dist/Pickers/DateTimePicker.js +24 -24
- package/dist/Pickers/TimePicker.d.ts +3 -3
- package/dist/Pickers/TimePicker.js +24 -24
- package/dist/Pickers/index.d.ts +4 -4
- package/dist/Pickers/index.js +7 -7
- package/dist/Pickers/types.d.ts +80 -80
- package/dist/Pickers/types.js +2 -2
- package/dist/Popover/Popover.d.ts +2 -2
- package/dist/Popover/Popover.js +5 -5
- package/dist/Popover/index.d.ts +3 -3
- package/dist/Popover/index.js +7 -7
- package/dist/Popover/types.d.ts +2 -2
- package/dist/Popover/types.js +2 -2
- package/dist/Progress/Progress.d.ts +5 -5
- package/dist/Progress/Progress.js +12 -12
- package/dist/Progress/index.d.ts +2 -2
- package/dist/Progress/index.js +5 -5
- package/dist/Progress/types.d.ts +3 -3
- package/dist/Progress/types.js +2 -2
- package/dist/Radio/Radio.d.ts +3 -3
- package/dist/Radio/Radio.js +26 -26
- package/dist/Radio/RadioGroup.d.ts +3 -3
- package/dist/Radio/RadioGroup.js +9 -9
- package/dist/Radio/index.d.ts +3 -3
- package/dist/Radio/index.js +9 -9
- package/dist/Radio/types.d.ts +46 -46
- package/dist/Radio/types.js +2 -2
- package/dist/Rating/Rating.d.ts +3 -3
- package/dist/Rating/Rating.js +71 -71
- package/dist/Rating/index.d.ts +2 -2
- package/dist/Rating/index.js +5 -5
- package/dist/Rating/types.d.ts +49 -49
- package/dist/Rating/types.js +2 -2
- package/dist/Select/Select.d.ts +3 -3
- package/dist/Select/Select.js +37 -37
- package/dist/Select/index.d.ts +2 -2
- package/dist/Select/index.js +7 -7
- package/dist/Select/types.d.ts +76 -76
- package/dist/Select/types.js +2 -2
- package/dist/Slide/Slide.d.ts +3 -3
- package/dist/Slide/Slide.js +11 -11
- package/dist/Slide/index.d.ts +2 -2
- package/dist/Slide/index.js +7 -7
- package/dist/Slide/types.d.ts +2 -2
- package/dist/Slide/types.js +2 -2
- package/dist/Snackbar/Snackbar.d.ts +3 -3
- package/dist/Snackbar/Snackbar.js +11 -11
- package/dist/Snackbar/index.d.ts +2 -2
- package/dist/Snackbar/index.js +7 -7
- package/dist/Snackbar/types.d.ts +2 -2
- package/dist/Snackbar/types.js +2 -2
- package/dist/Spacing/Spacing.d.ts +7 -7
- package/dist/Spacing/Spacing.js +71 -71
- package/dist/Spacing/index.d.ts +2 -2
- package/dist/Spacing/index.js +5 -5
- package/dist/Spacing/types.d.ts +15 -15
- package/dist/Spacing/types.js +2 -2
- package/dist/Stepper/MobileStepper.d.ts +3 -3
- package/dist/Stepper/MobileStepper.js +10 -10
- package/dist/Stepper/Stepper.d.ts +7 -7
- package/dist/Stepper/Stepper.js +27 -27
- package/dist/Stepper/index.d.ts +3 -3
- package/dist/Stepper/index.js +6 -6
- package/dist/Stepper/types.d.ts +14 -14
- package/dist/Stepper/types.js +2 -2
- package/dist/Switch/Switch.d.ts +3 -3
- package/dist/Switch/Switch.js +10 -10
- package/dist/Switch/index.d.ts +2 -2
- package/dist/Switch/index.js +7 -7
- package/dist/Switch/types.d.ts +12 -12
- package/dist/Switch/types.js +2 -2
- package/dist/Table/ResizeTableCell/ResizeTableCell.d.ts +11 -11
- package/dist/Table/ResizeTableCell/ResizeTableCell.js +94 -94
- package/dist/Table/ResizeTableCell/ResizeTableCellStyles.d.ts +2 -2
- package/dist/Table/ResizeTableCell/ResizeTableCellStyles.js +60 -60
- package/dist/Table/ResizeTableCell/ResizeTableContext.d.ts +15 -15
- package/dist/Table/ResizeTableCell/ResizeTableContext.js +16 -16
- package/dist/Table/Table.d.ts +8 -8
- package/dist/Table/Table.js +11 -11
- package/dist/Table/index.d.ts +4 -4
- package/dist/Table/index.js +7 -7
- package/dist/Table/types.d.ts +7 -7
- package/dist/Table/types.js +2 -2
- package/dist/TableColumnSettings/TableColumnSettings.d.ts +4 -4
- package/dist/TableColumnSettings/TableColumnSettings.js +131 -131
- package/dist/TableColumnSettings/TableColumnSettingsStyles.d.ts +1 -1
- package/dist/TableColumnSettings/TableColumnSettingsStyles.js +83 -83
- package/dist/TableColumnSettings/index.d.ts +3 -3
- package/dist/TableColumnSettings/index.js +7 -7
- package/dist/TableColumnSettings/types.d.ts +14 -14
- package/dist/TableColumnSettings/types.js +2 -2
- package/dist/Tabs/Tabs.d.ts +10 -10
- package/dist/Tabs/Tabs.js +135 -135
- package/dist/Tabs/index.d.ts +2 -2
- package/dist/Tabs/index.js +5 -5
- package/dist/Tabs/types.d.ts +13 -13
- package/dist/Tabs/types.js +2 -2
- package/dist/TextField/CurrencyTextField.d.ts +3 -3
- package/dist/TextField/CurrencyTextField.js +22 -22
- package/dist/TextField/InlineTextField.d.ts +3 -3
- package/dist/TextField/InlineTextField.js +142 -142
- package/dist/TextField/MaskedTextField.d.ts +3 -3
- package/dist/TextField/MaskedTextField.js +13 -13
- package/dist/TextField/TextField.d.ts +3 -3
- package/dist/TextField/TextField.js +13 -13
- package/dist/TextField/ValidatedTextField.d.ts +3 -3
- package/dist/TextField/ValidatedTextField.js +35 -35
- package/dist/TextField/index.d.ts +6 -6
- package/dist/TextField/index.js +9 -9
- package/dist/TextField/styles.d.ts +2 -2
- package/dist/TextField/styles.js +18 -18
- package/dist/TextField/types.d.ts +63 -63
- package/dist/TextField/types.js +2 -2
- package/dist/ThemeProvider/DefaultEpilotTheme.d.ts +2 -2
- package/dist/ThemeProvider/DefaultEpilotTheme.js +312 -312
- package/dist/ThemeProvider/ThemeProvider.d.ts +3 -3
- package/dist/ThemeProvider/ThemeProvider.js +30 -30
- package/dist/ThemeProvider/fonts.d.ts +14 -14
- package/dist/ThemeProvider/fonts.js +19 -19
- package/dist/ThemeProvider/index.d.ts +3 -3
- package/dist/ThemeProvider/index.js +8 -8
- package/dist/ThemeProvider/mapping.d.ts +10 -10
- package/dist/ThemeProvider/mapping.js +876 -876
- package/dist/ThemeProvider/types.d.ts +136 -136
- package/dist/ThemeProvider/types.js +2 -2
- package/dist/ToggleButton/ToggleButton.d.ts +2 -2
- package/dist/ToggleButton/ToggleButton.js +6 -6
- package/dist/ToggleButton/index.d.ts +2 -2
- package/dist/ToggleButton/index.js +5 -5
- package/dist/ToggleButton/types.d.ts +3 -3
- package/dist/ToggleButton/types.js +2 -2
- package/dist/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
- package/dist/ToggleButtonGroup/ToggleButtonGroup.js +6 -6
- package/dist/ToggleButtonGroup/index.d.ts +2 -2
- package/dist/ToggleButtonGroup/index.js +5 -5
- package/dist/ToggleButtonGroup/types.d.ts +2 -2
- package/dist/ToggleButtonGroup/types.js +2 -2
- package/dist/Tooltip/Tooltip.d.ts +3 -3
- package/dist/Tooltip/Tooltip.js +22 -22
- package/dist/Tooltip/index.d.ts +2 -2
- package/dist/Tooltip/index.js +5 -5
- package/dist/Tooltip/types.d.ts +8 -8
- package/dist/Tooltip/types.js +2 -2
- package/dist/Typography/Typography.d.ts +13 -13
- package/dist/Typography/Typography.js +60 -60
- package/dist/Typography/index.d.ts +3 -3
- package/dist/Typography/index.js +22 -22
- package/dist/Typography/types.d.ts +7 -7
- package/dist/Typography/types.js +2 -2
- package/dist/bundle.js +10 -10
- package/dist/bundle.js.map +1 -1
- package/dist/config.d.ts +1 -1
- package/dist/config.js +6 -6
- package/dist/context/ClassPrefixContext.d.ts +9 -9
- package/dist/context/ClassPrefixContext.js +14 -14
- package/dist/index.d.ts +53 -53
- package/dist/index.js +56 -56
- package/dist/styles/index.d.ts +1 -1
- package/dist/styles/index.js +4 -4
- package/dist/styles/styles.d.ts +3 -3
- package/dist/styles/styles.js +18 -18
- package/dist/utils.d.ts +7 -7
- package/dist/utils.js +27 -27
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ElevatedIconButtonProps, IconButtonProps } from './types';
|
|
3
|
-
declare const StyledIconButton: (props: IconButtonProps) => JSX.Element;
|
|
4
|
-
export { StyledIconButton as IconButton };
|
|
5
|
-
export declare function ElevatedIconButton(props: ElevatedIconButtonProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ElevatedIconButtonProps, IconButtonProps } from './types';
|
|
3
|
+
declare const StyledIconButton: (props: IconButtonProps) => JSX.Element;
|
|
4
|
+
export { StyledIconButton as IconButton };
|
|
5
|
+
export declare function ElevatedIconButton(props: ElevatedIconButtonProps): JSX.Element;
|
|
@@ -1,95 +1,95 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.ElevatedIconButton = exports.IconButton = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var core_1 = require("@material-ui/core");
|
|
6
|
-
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
-
var ClassPrefixContext_1 = require("../context/ClassPrefixContext");
|
|
8
|
-
var useIconButtonClasses = function (classPrefix) {
|
|
9
|
-
return core_1.makeStyles(function (theme) {
|
|
10
|
-
var _a, _b, _c, _d;
|
|
11
|
-
var _e, _f, _g, _h, _j, _k, _l;
|
|
12
|
-
return core_1.createStyles({
|
|
13
|
-
root: (_a = {
|
|
14
|
-
width: 35,
|
|
15
|
-
height: 35
|
|
16
|
-
},
|
|
17
|
-
_a["& ." + classPrefix + "MuiIcon-root"] = {
|
|
18
|
-
fontSize: '1.4rem',
|
|
19
|
-
color: (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.secondary.main
|
|
20
|
-
},
|
|
21
|
-
_a['&:disabled'] = (_b = {},
|
|
22
|
-
_b["& ." + classPrefix + "MuiIcon-root"] = {
|
|
23
|
-
color: (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.grey[100]
|
|
24
|
-
},
|
|
25
|
-
_b),
|
|
26
|
-
_a['&:hover'] = {
|
|
27
|
-
backgroundColor: 'rgba(23, 43, 77, 0.04)'
|
|
28
|
-
},
|
|
29
|
-
_a),
|
|
30
|
-
sizeSmall: (_c = {
|
|
31
|
-
width: 24,
|
|
32
|
-
height: 24
|
|
33
|
-
},
|
|
34
|
-
_c["& ." + classPrefix + "MuiIcon-root"] = {
|
|
35
|
-
fontSize: '1rem'
|
|
36
|
-
},
|
|
37
|
-
_c),
|
|
38
|
-
colorPrimary: (_d = {
|
|
39
|
-
border: "1px solid " + ((_g = theme.palette) === null || _g === void 0 ? void 0 : _g.primary.main),
|
|
40
|
-
backgroundColor: "" + ((_h = theme.palette) === null || _h === void 0 ? void 0 : _h.primary.main)
|
|
41
|
-
},
|
|
42
|
-
_d["& ." + classPrefix + "MuiIcon-root"] = {
|
|
43
|
-
color: 'white'
|
|
44
|
-
},
|
|
45
|
-
_d['&:hover'] = {
|
|
46
|
-
backgroundColor: 'rgb(2, 139, 206)',
|
|
47
|
-
borderColor: 'rgb(2, 139, 206)'
|
|
48
|
-
},
|
|
49
|
-
_d['&:disabled'] = {
|
|
50
|
-
backgroundColor: (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.grey[40],
|
|
51
|
-
borderColor: (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.grey[40]
|
|
52
|
-
},
|
|
53
|
-
_d),
|
|
54
|
-
colorSecondary: {
|
|
55
|
-
border: "1px solid " + ((_l = theme.palette) === null || _l === void 0 ? void 0 : _l.grey[70]),
|
|
56
|
-
'&:hover': {
|
|
57
|
-
backgroundColor: 'rgba(23, 43, 77, 0.04)'
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
});
|
|
62
|
-
};
|
|
63
|
-
var StyledIconButton = function (props) {
|
|
64
|
-
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
65
|
-
var classPrefix = react_1.useContext(ClassPrefixContext_1.ClassPrefixContext);
|
|
66
|
-
var classes = useIconButtonClasses(classPrefix)();
|
|
67
|
-
return (react_1["default"].createElement(core_1.IconButton, tslib_1.__assign({ classes: tslib_1.__assign(tslib_1.__assign({}, classes), props.classes) }, rest), children));
|
|
68
|
-
};
|
|
69
|
-
exports.IconButton = StyledIconButton;
|
|
70
|
-
var useStyles = core_1.makeStyles(function (theme) {
|
|
71
|
-
return core_1.createStyles({
|
|
72
|
-
buttonStyle: function (_a) {
|
|
73
|
-
var variant = _a.variant;
|
|
74
|
-
return ({
|
|
75
|
-
borderRadius: variant === 'circle'
|
|
76
|
-
? '50%'
|
|
77
|
-
: variant === 'square'
|
|
78
|
-
? 0
|
|
79
|
-
: theme.shape.borderRadius,
|
|
80
|
-
padding: 4,
|
|
81
|
-
justifyContent: 'center',
|
|
82
|
-
display: 'inline-flex',
|
|
83
|
-
cursor: 'pointer'
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
});
|
|
88
|
-
function ElevatedIconButton(props) {
|
|
89
|
-
var _a = props.variant, variant = _a === void 0 ? 'circle' : _a, children = props.children, rest = tslib_1.__rest(props, ["variant", "children"]);
|
|
90
|
-
var classes = useStyles(props);
|
|
91
|
-
return (react_1["default"].createElement(core_1.ButtonBase, null,
|
|
92
|
-
react_1["default"].createElement(core_1.Paper, tslib_1.__assign({ className: classes.buttonStyle }, rest), children)));
|
|
93
|
-
}
|
|
94
|
-
exports.ElevatedIconButton = ElevatedIconButton;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.ElevatedIconButton = exports.IconButton = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
+
var ClassPrefixContext_1 = require("../context/ClassPrefixContext");
|
|
8
|
+
var useIconButtonClasses = function (classPrefix) {
|
|
9
|
+
return core_1.makeStyles(function (theme) {
|
|
10
|
+
var _a, _b, _c, _d;
|
|
11
|
+
var _e, _f, _g, _h, _j, _k, _l;
|
|
12
|
+
return core_1.createStyles({
|
|
13
|
+
root: (_a = {
|
|
14
|
+
width: 35,
|
|
15
|
+
height: 35
|
|
16
|
+
},
|
|
17
|
+
_a["& ." + classPrefix + "MuiIcon-root"] = {
|
|
18
|
+
fontSize: '1.4rem',
|
|
19
|
+
color: (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.secondary.main
|
|
20
|
+
},
|
|
21
|
+
_a['&:disabled'] = (_b = {},
|
|
22
|
+
_b["& ." + classPrefix + "MuiIcon-root"] = {
|
|
23
|
+
color: (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.grey[100]
|
|
24
|
+
},
|
|
25
|
+
_b),
|
|
26
|
+
_a['&:hover'] = {
|
|
27
|
+
backgroundColor: 'rgba(23, 43, 77, 0.04)'
|
|
28
|
+
},
|
|
29
|
+
_a),
|
|
30
|
+
sizeSmall: (_c = {
|
|
31
|
+
width: 24,
|
|
32
|
+
height: 24
|
|
33
|
+
},
|
|
34
|
+
_c["& ." + classPrefix + "MuiIcon-root"] = {
|
|
35
|
+
fontSize: '1rem'
|
|
36
|
+
},
|
|
37
|
+
_c),
|
|
38
|
+
colorPrimary: (_d = {
|
|
39
|
+
border: "1px solid " + ((_g = theme.palette) === null || _g === void 0 ? void 0 : _g.primary.main),
|
|
40
|
+
backgroundColor: "" + ((_h = theme.palette) === null || _h === void 0 ? void 0 : _h.primary.main)
|
|
41
|
+
},
|
|
42
|
+
_d["& ." + classPrefix + "MuiIcon-root"] = {
|
|
43
|
+
color: 'white'
|
|
44
|
+
},
|
|
45
|
+
_d['&:hover'] = {
|
|
46
|
+
backgroundColor: 'rgb(2, 139, 206)',
|
|
47
|
+
borderColor: 'rgb(2, 139, 206)'
|
|
48
|
+
},
|
|
49
|
+
_d['&:disabled'] = {
|
|
50
|
+
backgroundColor: (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.grey[40],
|
|
51
|
+
borderColor: (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.grey[40]
|
|
52
|
+
},
|
|
53
|
+
_d),
|
|
54
|
+
colorSecondary: {
|
|
55
|
+
border: "1px solid " + ((_l = theme.palette) === null || _l === void 0 ? void 0 : _l.grey[70]),
|
|
56
|
+
'&:hover': {
|
|
57
|
+
backgroundColor: 'rgba(23, 43, 77, 0.04)'
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
var StyledIconButton = function (props) {
|
|
64
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
65
|
+
var classPrefix = react_1.useContext(ClassPrefixContext_1.ClassPrefixContext);
|
|
66
|
+
var classes = useIconButtonClasses(classPrefix)();
|
|
67
|
+
return (react_1["default"].createElement(core_1.IconButton, tslib_1.__assign({ classes: tslib_1.__assign(tslib_1.__assign({}, classes), props.classes) }, rest), children));
|
|
68
|
+
};
|
|
69
|
+
exports.IconButton = StyledIconButton;
|
|
70
|
+
var useStyles = core_1.makeStyles(function (theme) {
|
|
71
|
+
return core_1.createStyles({
|
|
72
|
+
buttonStyle: function (_a) {
|
|
73
|
+
var variant = _a.variant;
|
|
74
|
+
return ({
|
|
75
|
+
borderRadius: variant === 'circle'
|
|
76
|
+
? '50%'
|
|
77
|
+
: variant === 'square'
|
|
78
|
+
? 0
|
|
79
|
+
: theme.shape.borderRadius,
|
|
80
|
+
padding: 4,
|
|
81
|
+
justifyContent: 'center',
|
|
82
|
+
display: 'inline-flex',
|
|
83
|
+
cursor: 'pointer'
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
function ElevatedIconButton(props) {
|
|
89
|
+
var _a = props.variant, variant = _a === void 0 ? 'circle' : _a, children = props.children, rest = tslib_1.__rest(props, ["variant", "children"]);
|
|
90
|
+
var classes = useStyles(props);
|
|
91
|
+
return (react_1["default"].createElement(core_1.ButtonBase, null,
|
|
92
|
+
react_1["default"].createElement(core_1.Paper, tslib_1.__assign({ className: classes.buttonStyle }, rest), children)));
|
|
93
|
+
}
|
|
94
|
+
exports.ElevatedIconButton = ElevatedIconButton;
|
|
95
95
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './IconButton';
|
|
2
|
-
export * from './types';
|
|
1
|
+
export * from './IconButton';
|
|
2
|
+
export * from './types';
|
package/dist/IconButton/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./IconButton"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./types"), exports);
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./IconButton"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { IconButtonProps as MuiIconButtonProps, PaperProps } from '@material-ui/core';
|
|
2
|
-
export declare type IconButtonProps = MuiIconButtonProps;
|
|
3
|
-
export declare type ElevatedIconButtonProps = Omit<PaperProps, 'variant'> & {
|
|
4
|
-
/**
|
|
5
|
-
* button variant
|
|
6
|
-
* @default 'circle'
|
|
7
|
-
*/
|
|
8
|
-
variant?: 'circle' | 'rounded' | 'square';
|
|
9
|
-
};
|
|
1
|
+
import { IconButtonProps as MuiIconButtonProps, PaperProps } from '@material-ui/core';
|
|
2
|
+
export declare type IconButtonProps = MuiIconButtonProps;
|
|
3
|
+
export declare type ElevatedIconButtonProps = Omit<PaperProps, 'variant'> & {
|
|
4
|
+
/**
|
|
5
|
+
* button variant
|
|
6
|
+
* @default 'circle'
|
|
7
|
+
*/
|
|
8
|
+
variant?: 'circle' | 'rounded' | 'square';
|
|
9
|
+
};
|
package/dist/IconButton/types.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
3
|
//# sourceMappingURL=types.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IconButtonWithTextProps } from './types';
|
|
3
|
-
declare const IconButtonWithText: ({ children, hoverable, color, iconContainerProps, iconProps, ...rest }: IconButtonWithTextProps) => JSX.Element;
|
|
4
|
-
export { IconButtonWithText };
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconButtonWithTextProps } from './types';
|
|
3
|
+
declare const IconButtonWithText: ({ children, hoverable, color, iconContainerProps, iconProps, ...rest }: IconButtonWithTextProps) => JSX.Element;
|
|
4
|
+
export { IconButtonWithText };
|
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.IconButtonWithText = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var core_1 = require("@material-ui/core");
|
|
6
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
-
var Icon_1 = require("../Icon");
|
|
8
|
-
var Typography_1 = require("../Typography");
|
|
9
|
-
var useClasses = function (hoverable, color) {
|
|
10
|
-
return core_1.makeStyles(function (theme) {
|
|
11
|
-
var _a, _b, _c, _d, _e;
|
|
12
|
-
return core_1.createStyles({
|
|
13
|
-
container: {
|
|
14
|
-
display: 'flex',
|
|
15
|
-
alignItems: 'center',
|
|
16
|
-
cursor: 'pointer',
|
|
17
|
-
width: 'fit-content',
|
|
18
|
-
padding: hoverable ? '8px 12px' : 0,
|
|
19
|
-
transition: 'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
|
|
20
|
-
borderRadius: 6,
|
|
21
|
-
'&:hover': {
|
|
22
|
-
backgroundColor: hoverable ? (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.grey[30] : 'transparent'
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
iconContainer: {
|
|
26
|
-
display: 'flex',
|
|
27
|
-
alignItems: 'center',
|
|
28
|
-
justifyContent: 'center',
|
|
29
|
-
width: 24,
|
|
30
|
-
height: 24,
|
|
31
|
-
borderRadius: '50%',
|
|
32
|
-
background: color === 'primary'
|
|
33
|
-
? (_c = (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main : (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.secondary) === null || _e === void 0 ? void 0 : _e.main
|
|
34
|
-
},
|
|
35
|
-
marginLeft: {
|
|
36
|
-
marginLeft: 10
|
|
37
|
-
},
|
|
38
|
-
marginRight: {
|
|
39
|
-
marginRight: 10
|
|
40
|
-
},
|
|
41
|
-
icon: {
|
|
42
|
-
fontSize: '18px !important',
|
|
43
|
-
color: 'white'
|
|
44
|
-
},
|
|
45
|
-
text: {
|
|
46
|
-
fontWeight: 600
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
};
|
|
51
|
-
var IconButtonWithText = function (_a) {
|
|
52
|
-
var children = _a.children, _b = _a.hoverable, hoverable = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'primary' : _c, iconContainerProps = _a.iconContainerProps, iconProps = _a.iconProps, rest = tslib_1.__rest(_a, ["children", "hoverable", "color", "iconContainerProps", "iconProps"]);
|
|
53
|
-
var classes = useClasses(hoverable, color)();
|
|
54
|
-
return (react_1["default"].createElement("div", tslib_1.__assign({ className: classes.container }, rest),
|
|
55
|
-
react_1["default"].createElement("div", tslib_1.__assign({ className: classes.iconContainer + " " + classes.marginRight + " " + (iconContainerProps === null || iconContainerProps === void 0 ? void 0 : iconContainerProps.className) }, iconContainerProps),
|
|
56
|
-
react_1["default"].createElement(Icon_1.Icon, tslib_1.__assign({ classes: { root: classes.icon }, name: "add" }, iconProps))),
|
|
57
|
-
react_1["default"].createElement(Typography_1.BodyText, { classes: { root: classes.text } }, children)));
|
|
58
|
-
};
|
|
59
|
-
exports.IconButtonWithText = IconButtonWithText;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.IconButtonWithText = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
var Icon_1 = require("../Icon");
|
|
8
|
+
var Typography_1 = require("../Typography");
|
|
9
|
+
var useClasses = function (hoverable, color) {
|
|
10
|
+
return core_1.makeStyles(function (theme) {
|
|
11
|
+
var _a, _b, _c, _d, _e;
|
|
12
|
+
return core_1.createStyles({
|
|
13
|
+
container: {
|
|
14
|
+
display: 'flex',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
cursor: 'pointer',
|
|
17
|
+
width: 'fit-content',
|
|
18
|
+
padding: hoverable ? '8px 12px' : 0,
|
|
19
|
+
transition: 'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
|
|
20
|
+
borderRadius: 6,
|
|
21
|
+
'&:hover': {
|
|
22
|
+
backgroundColor: hoverable ? (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.grey[30] : 'transparent'
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
iconContainer: {
|
|
26
|
+
display: 'flex',
|
|
27
|
+
alignItems: 'center',
|
|
28
|
+
justifyContent: 'center',
|
|
29
|
+
width: 24,
|
|
30
|
+
height: 24,
|
|
31
|
+
borderRadius: '50%',
|
|
32
|
+
background: color === 'primary'
|
|
33
|
+
? (_c = (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main : (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.secondary) === null || _e === void 0 ? void 0 : _e.main
|
|
34
|
+
},
|
|
35
|
+
marginLeft: {
|
|
36
|
+
marginLeft: 10
|
|
37
|
+
},
|
|
38
|
+
marginRight: {
|
|
39
|
+
marginRight: 10
|
|
40
|
+
},
|
|
41
|
+
icon: {
|
|
42
|
+
fontSize: '18px !important',
|
|
43
|
+
color: 'white'
|
|
44
|
+
},
|
|
45
|
+
text: {
|
|
46
|
+
fontWeight: 600
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
var IconButtonWithText = function (_a) {
|
|
52
|
+
var children = _a.children, _b = _a.hoverable, hoverable = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'primary' : _c, iconContainerProps = _a.iconContainerProps, iconProps = _a.iconProps, rest = tslib_1.__rest(_a, ["children", "hoverable", "color", "iconContainerProps", "iconProps"]);
|
|
53
|
+
var classes = useClasses(hoverable, color)();
|
|
54
|
+
return (react_1["default"].createElement("div", tslib_1.__assign({ className: classes.container }, rest),
|
|
55
|
+
react_1["default"].createElement("div", tslib_1.__assign({ className: classes.iconContainer + " " + classes.marginRight + " " + (iconContainerProps === null || iconContainerProps === void 0 ? void 0 : iconContainerProps.className) }, iconContainerProps),
|
|
56
|
+
react_1["default"].createElement(Icon_1.Icon, tslib_1.__assign({ classes: { root: classes.icon }, name: "add" }, iconProps))),
|
|
57
|
+
react_1["default"].createElement(Typography_1.BodyText, { classes: { root: classes.text } }, children)));
|
|
58
|
+
};
|
|
59
|
+
exports.IconButtonWithText = IconButtonWithText;
|
|
60
60
|
//# sourceMappingURL=IconButtonWithText.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './IconButtonWithText';
|
|
2
|
-
export * from './types';
|
|
1
|
+
export * from './IconButtonWithText';
|
|
2
|
+
export * from './types';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./IconButtonWithText"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./types"), exports);
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./IconButtonWithText"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IconProps } from '..';
|
|
3
|
-
export interface IconButtonWithTextProps {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
hoverable?: boolean;
|
|
6
|
-
color?: 'primary' | 'secondary';
|
|
7
|
-
iconContainerProps?: any;
|
|
8
|
-
iconProps?: IconProps;
|
|
9
|
-
[key: string]: any;
|
|
10
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconProps } from '..';
|
|
3
|
+
export interface IconButtonWithTextProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
hoverable?: boolean;
|
|
6
|
+
color?: 'primary' | 'secondary';
|
|
7
|
+
iconContainerProps?: any;
|
|
8
|
+
iconProps?: IconProps;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
3
|
//# sourceMappingURL=types.js.map
|
package/dist/Image/Image.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ImageProps } from './types';
|
|
3
|
-
export declare function Image(props: ImageProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ImageProps } from './types';
|
|
3
|
+
export declare function Image(props: ImageProps): JSX.Element;
|
package/dist/Image/Image.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.Image = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
-
var __1 = require("../");
|
|
7
|
-
function Image(props) {
|
|
8
|
-
var theme = __1.useTheme();
|
|
9
|
-
var image = props.image, alt = props.alt, caption = props.caption, _a = props.captionPosition, captionPosition = _a === void 0 ? 'under' : _a;
|
|
10
|
-
return typeof image === 'string' ? (captionPosition === 'overflow' ? (react_1["default"].createElement(__1.Box, { alignItems: "center", display: "flex", position: "relative" },
|
|
11
|
-
react_1["default"].createElement("img", { alt: alt, src: image, style: { width: '100%', height: 'auto' } }),
|
|
12
|
-
caption && (react_1["default"].createElement(__1.Box, { bgcolor: theme.palette.primary.main + 'aa', color: "primary.contrastText", position: "absolute", style: {
|
|
13
|
-
width: '100%',
|
|
14
|
-
padding: 10,
|
|
15
|
-
bottom: 0,
|
|
16
|
-
right: 0,
|
|
17
|
-
zIndex: 10
|
|
18
|
-
}, textAlign: "center" }, caption)))) : (react_1["default"].createElement(__1.StackSpacing, { alignItems: "stretch", scale: 3 },
|
|
19
|
-
react_1["default"].createElement("img", { alt: alt, src: image, style: { width: '100%', height: 'auto' } }),
|
|
20
|
-
react_1["default"].createElement(__1.BodyText, null, caption)))) : (react_1["default"].createElement(react_1["default"].Fragment, null, image));
|
|
21
|
-
}
|
|
22
|
-
exports.Image = Image;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Image = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
var __1 = require("../");
|
|
7
|
+
function Image(props) {
|
|
8
|
+
var theme = __1.useTheme();
|
|
9
|
+
var image = props.image, alt = props.alt, caption = props.caption, _a = props.captionPosition, captionPosition = _a === void 0 ? 'under' : _a;
|
|
10
|
+
return typeof image === 'string' ? (captionPosition === 'overflow' ? (react_1["default"].createElement(__1.Box, { alignItems: "center", display: "flex", position: "relative" },
|
|
11
|
+
react_1["default"].createElement("img", { alt: alt, src: image, style: { width: '100%', height: 'auto' } }),
|
|
12
|
+
caption && (react_1["default"].createElement(__1.Box, { bgcolor: theme.palette.primary.main + 'aa', color: "primary.contrastText", position: "absolute", style: {
|
|
13
|
+
width: '100%',
|
|
14
|
+
padding: 10,
|
|
15
|
+
bottom: 0,
|
|
16
|
+
right: 0,
|
|
17
|
+
zIndex: 10
|
|
18
|
+
}, textAlign: "center" }, caption)))) : (react_1["default"].createElement(__1.StackSpacing, { alignItems: "stretch", scale: 3 },
|
|
19
|
+
react_1["default"].createElement("img", { alt: alt, src: image, style: { width: '100%', height: 'auto' } }),
|
|
20
|
+
react_1["default"].createElement(__1.BodyText, null, caption)))) : (react_1["default"].createElement(react_1["default"].Fragment, null, image));
|
|
21
|
+
}
|
|
22
|
+
exports.Image = Image;
|
|
23
23
|
//# sourceMappingURL=Image.js.map
|
package/dist/Image/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Image } from './Image';
|
|
2
|
-
export * from './types';
|
|
1
|
+
export { Image } from './Image';
|
|
2
|
+
export * from './types';
|
package/dist/Image/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.Image = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var Image_1 = require("./Image");
|
|
6
|
-
tslib_1.__createBinding(exports, Image_1, "Image");
|
|
7
|
-
tslib_1.__exportStar(require("./types"), exports);
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Image = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var Image_1 = require("./Image");
|
|
6
|
+
tslib_1.__createBinding(exports, Image_1, "Image");
|
|
7
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
package/dist/Image/types.d.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare type ImageProps = {
|
|
3
|
-
/**
|
|
4
|
-
* url of the image or a component
|
|
5
|
-
*/
|
|
6
|
-
image: string | React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* caption to be displayed inside the image
|
|
9
|
-
*/
|
|
10
|
-
caption?: string;
|
|
11
|
-
/**
|
|
12
|
-
* the alt prop that will be passed to the image tag
|
|
13
|
-
* @default "product image"
|
|
14
|
-
*/
|
|
15
|
-
alt?: string;
|
|
16
|
-
/**
|
|
17
|
-
* the position of the caption
|
|
18
|
-
* @default 'under'
|
|
19
|
-
*/
|
|
20
|
-
captionPosition?: 'overflow' | 'under';
|
|
21
|
-
};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type ImageProps = {
|
|
3
|
+
/**
|
|
4
|
+
* url of the image or a component
|
|
5
|
+
*/
|
|
6
|
+
image: string | React.ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* caption to be displayed inside the image
|
|
9
|
+
*/
|
|
10
|
+
caption?: string;
|
|
11
|
+
/**
|
|
12
|
+
* the alt prop that will be passed to the image tag
|
|
13
|
+
* @default "product image"
|
|
14
|
+
*/
|
|
15
|
+
alt?: string;
|
|
16
|
+
/**
|
|
17
|
+
* the position of the caption
|
|
18
|
+
* @default 'under'
|
|
19
|
+
*/
|
|
20
|
+
captionPosition?: 'overflow' | 'under';
|
|
21
|
+
};
|
package/dist/Image/types.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
3
|
//# sourceMappingURL=types.js.map
|
package/dist/Link/Link.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { LinkProps } from './types';
|
|
3
|
-
export declare function Link(props: LinkProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { LinkProps } from './types';
|
|
3
|
+
export declare function Link(props: LinkProps): JSX.Element;
|
package/dist/Link/Link.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.Link = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var core_1 = require("@material-ui/core");
|
|
6
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
-
function Link(props) {
|
|
8
|
-
return react_1["default"].createElement(core_1.Link, tslib_1.__assign({}, props));
|
|
9
|
-
}
|
|
10
|
-
exports.Link = Link;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Link = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
function Link(props) {
|
|
8
|
+
return react_1["default"].createElement(core_1.Link, tslib_1.__assign({}, props));
|
|
9
|
+
}
|
|
10
|
+
exports.Link = Link;
|
|
11
11
|
//# sourceMappingURL=Link.js.map
|
package/dist/Link/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Link } from './Link';
|
|
2
|
-
export * from './types';
|
|
1
|
+
export { Link } from './Link';
|
|
2
|
+
export * from './types';
|
package/dist/Link/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.Link = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var Link_1 = require("./Link");
|
|
6
|
-
tslib_1.__createBinding(exports, Link_1, "Link");
|
|
7
|
-
tslib_1.__exportStar(require("./types"), exports);
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Link = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var Link_1 = require("./Link");
|
|
6
|
+
tslib_1.__createBinding(exports, Link_1, "Link");
|
|
7
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
8
8
|
//# sourceMappingURL=index.js.map
|