@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
669 lines • 16.2 kB
JavaScript
/**
* Copyright (c) ACT, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var _a;
var _b, _c, _d, _e;
import { common, grey } from '@mui/material/colors';
import DLS_COMPONENT_NAMES from "../../constants/DLS_COMPONENT_NAMES";
import CUSTOM_DIMS from './customDims';
import { COLORS } from './palette';
import TYPOGRAPHY from './typography';
export var components = (_a = {},
_a[DLS_COMPONENT_NAMES.BAR_CHART] = {
defaultProps: {
xAxisProps: {
style: {
fill: grey[700],
fontSize: (_b = TYPOGRAPHY === null || TYPOGRAPHY === void 0 ? void 0 : TYPOGRAPHY.body2) === null || _b === void 0 ? void 0 : _b.fontSize,
},
},
yAxisProps: {
width: 85,
},
},
},
_a[DLS_COMPONENT_NAMES.LINE_CHART] = {
defaultProps: {
xAxisProps: {
style: {
fill: grey[700],
fontSize: (_c = TYPOGRAPHY === null || TYPOGRAPHY === void 0 ? void 0 : TYPOGRAPHY.body2) === null || _c === void 0 ? void 0 : _c.fontSize,
},
},
yAxisProps: {
style: {
fill: grey[700],
fontSize: (_d = TYPOGRAPHY === null || TYPOGRAPHY === void 0 ? void 0 : TYPOGRAPHY.body2) === null || _d === void 0 ? void 0 : _d.fontSize,
fontWeight: TYPOGRAPHY === null || TYPOGRAPHY === void 0 ? void 0 : TYPOGRAPHY.fontWeightRegular,
},
},
},
},
_a[DLS_COMPONENT_NAMES.STACKED_BAR_CHART] = {
defaultProps: {
customizeBarText: function (i) {
var _a;
return ({
fill: i === 2 ? common.white : common.black,
fontSize: (_a = TYPOGRAPHY === null || TYPOGRAPHY === void 0 ? void 0 : TYPOGRAPHY.body2) === null || _a === void 0 ? void 0 : _a.fontSize,
});
},
subLabelProps: {
style: {
fill: common.black,
fontSize: (_e = TYPOGRAPHY === null || TYPOGRAPHY === void 0 ? void 0 : TYPOGRAPHY.body2) === null || _e === void 0 ? void 0 : _e.fontSize,
},
},
},
},
_a.MuiAccordion = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiAccordionActions = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiAccordionDetails = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiAccordionSummary = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiAlert = {
defaultProps: {
closeText: 'Close',
severity: 'info',
variant: 'standard',
},
styleOverrides: {
outlinedError: {
color: COLORS.ERROR,
},
outlinedInfo: {
color: COLORS.INFO,
},
outlinedSuccess: {
color: COLORS.SUCCESS,
},
outlinedWarning: {
color: COLORS.WARNING,
},
standardError: {
backgroundColor: COLORS.ERROR_BACKGROUND,
color: COLORS.ERROR,
},
standardInfo: {
backgroundColor: COLORS.INFO_BACKGROUND,
color: COLORS.INFO,
},
standardSuccess: {
backgroundColor: COLORS.SUCCESS_BACKGROUND,
color: COLORS.SUCCESS,
},
standardWarning: {
backgroundColor: COLORS.WARNING_BACKGROUND,
color: COLORS.WARNING,
},
},
},
_a.MuiAlertTitle = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiAppBar = {
defaultProps: {
color: 'primary',
},
styleOverrides: {
colorPrimary: {
backgroundColor: COLORS.PRIMARY_DARK,
},
root: {
height: CUSTOM_DIMS.heights.header,
},
},
},
_a.MuiAutocomplete = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiAvatar = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiAvatarGroup = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiBackdrop = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiBadge = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiBottomNavigation = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiBottomNavigationAction = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiBreadcrumbs = {
defaultProps: {
color: 'primary',
},
styleOverrides: {
root: {
marginBottom: '.6em',
},
},
},
_a.MuiButton = {
defaultProps: {
color: 'primary',
disableElevation: true,
size: 'medium',
},
styleOverrides: {},
},
_a.MuiButtonBase = {
defaultProps: {
color: 'primary',
},
styleOverrides: {},
},
_a.MuiButtonGroup = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCard = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCardActionArea = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCardActions = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCardContent = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCardHeader = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCardMedia = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCheckbox = {
defaultProps: {
color: 'primary',
},
styleOverrides: {},
},
_a.MuiChip = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCircularProgress = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCollapse = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiContainer = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiCssBaseline = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiDataGrid = {
defaultProps: {
autoHeight: true,
autoPageSize: true,
density: 'standard',
filterMode: 'client',
sortingMode: 'client',
},
styleOverrides: {},
},
_a.MuiDialog = {
defaultProps: {
fullWidth: true,
maxWidth: 'md',
},
styleOverrides: {},
},
_a.MuiDialogActions = {
defaultProps: {},
styleOverrides: {
root: {
backgroundColor: COLORS.OVERLAY_BACKGROUND,
},
},
},
_a.MuiDialogContent = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiDialogContentText = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiDialogTitle = {
defaultProps: {},
styleOverrides: {
root: {
backgroundColor: COLORS.OVERLAY_BACKGROUND,
},
},
},
_a.MuiDivider = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiDrawer = {
defaultProps: {
color: 'primary',
variant: 'persistent',
},
styleOverrides: {},
},
_a.MuiFab = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiFilledInput = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiFormControl = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiFormControlLabel = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiFormGroup = {
defaultProps: {},
styleOverrides: {
root: {
'.MuiFormControl-root': {
marginBottom: '1em',
},
},
},
},
_a.MuiFormHelperText = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiFormLabel = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiGrid = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiIcon = {
defaultProps: {
color: 'primary',
},
styleOverrides: {},
},
_a.MuiIconButton = {
defaultProps: {
color: 'primary',
},
styleOverrides: {},
},
_a.MuiImageList = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiImageListItem = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiImageListItemBar = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiInput = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiInputAdornment = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiInputBase = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiInputLabel = {
defaultProps: {
color: 'primary',
},
styleOverrides: {
formControl: {
position: 'relative',
transform: 'unset',
},
outlined: {
'&.MuiInputLabel-marginDense': {
transform: 'unset',
},
transform: 'unset',
transformOrigin: 'unset',
},
root: {
color: common.black,
fontSize: 14,
fontWeight: 600,
marginBottom: '.5rem',
},
},
},
_a.MuiLinearProgress = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiLink = {
defaultProps: {
color: 'primary',
underline: 'hover',
},
styleOverrides: {},
},
_a.MuiList = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiListItem = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiListItemAvatar = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiListItemButton = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiListItemIcon = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiListItemSecondaryAction = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiListItemText = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiListSubheader = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiMenu = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiMenuItem = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiMobileStepper = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiModal = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiNativeSelect = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiOutlinedInput = {
defaultProps: {
color: 'primary',
type: 'text',
},
styleOverrides: {},
},
_a.MuiPagination = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiPaginationItem = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiPaper = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiPopover = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiRadio = {
defaultProps: {
color: 'primary',
},
styleOverrides: {},
},
_a.MuiRating = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiScopedCssBaseline = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiSelect = {
defaultProps: {
displayEmpty: true,
variant: 'outlined',
},
styleOverrides: {
outlined: {
backgroundColor: common.white,
fontSize: '1.125rem',
fontWeight: 'normal',
padding: '15px 15px',
},
},
},
_a.MuiSkeleton = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiSlider = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiSnackbar = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiSnackbarContent = {},
_a.MuiSpeedDial = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiSpeedDialAction = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiSpeedDialIcon = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiStack = {
defaultProps: {},
},
_a.MuiStep = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiStepButton = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiStepConnector = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiStepContent = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiStepIcon = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiStepLabel = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiStepper = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiSvgIcon = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiSwitch = {
defaultProps: {
color: 'primary',
size: 'medium',
},
styleOverrides: {},
},
_a.MuiTab = {
defaultProps: {},
styleOverrides: {
root: {
textTransform: undefined,
},
},
},
_a.MuiTable = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTableBody = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTableCell = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTableContainer = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTableFooter = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTableHead = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTablePagination = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTableRow = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTableSortLabel = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTabs = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTextField = {
defaultProps: {
InputLabelProps: {
shrink: true,
},
InputProps: {
notched: false,
},
size: 'small',
variant: 'outlined',
},
styleOverrides: {},
},
_a.MuiToggleButton = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiToggleButtonGroup = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiToolbar = {
defaultProps: { color: 'primary' },
styleOverrides: {},
},
_a.MuiTooltip = {
defaultProps: {
color: 'primary',
},
styleOverrides: {
arrow: {
color: COLORS.PRIMARY_DARK,
},
tooltip: {
backgroundColor: COLORS.PRIMARY_DARK,
color: common.white,
},
},
},
_a.MuiTouchRipple = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiTypography = {
defaultProps: {},
styleOverrides: {},
},
_a.MuiUseMediaQuery = {
defaultProps: {},
},
_a);
export default components;
//# sourceMappingURL=components.js.map