8.9.0 (2024-08-07)
- Add additional argument types in story (8e55db9)
- Add custom props to DialogContinueSession component (461a9b1)
8.8.1 (2024-07-24)
- Remove unnecessary onMouseMove change in BarChart (a2f9b9e)
8.8.0 (2024-07-24)
- Adds correct role and status to BarChart/CustomTooltip for screen reader access (f7ab341)
- Adds correct role and status to BarChart/CustomTooltip for screen reader access (f420d4b)
- Adds tabIndex to BarChart bar label (893acbe)
- Applies accessibilityLayer prop to BarChart and adds title and description props (d20fedb)
8.7.0 (2024-07-08)
- Update county map example data to include new CT planning region (3d4890b)
- Update FIPS for Capitol planning region in example data (092dcc0)
- Update public counties.json file with new Connecticut planning regions (aecdca2)
8.6.0 (2024-06-08)
- Add custom title container story (48445a5)
- Add titleGridContainerProps optional property to Empty State (0a8c9a9)
8.5.0 (2024-05-31)
- Replace default props with default function arguments, to prep for React 19 (ea0832e)
- Bump mdi-material-ui (icons) to the latest release; bump dev-deps (59d41c9)
- Enhanced the alerts system to accept custom alert components; added stories to demonstrate (7fed2d1)
8.4.1 (2024-05-08)
- Change mapPopupProps to be Partial (3155f79)
8.4.0 (2024-05-03)
- Bumped deps and dev-deps to their latest compatible releases (4c8040a)
- Raise minimum required @mui/x-data-grid to v6, remove some peer deps (44e2605)
8.3.1 (2024-04-22)
- Loosen peer dependency requirements for MUI 5 (a8456d6)
8.3.0 (2024-04-03)
- Add averageLineXLabelUnit optional prop to ScatterPlot (068cf50)
- Add in defaultProp for averageLineXLabelUnit (3ec496c)
8.2.0 (2024-04-02)
- Add storybook entry for yAxisLabelTypographyProps (074e747)
- Export DLS_COMPONENT_SLOT_NAMES constant (cd1870c)
- Update snapshot tests (94f12f6)
- Update snapshot tests (d0a86ac)
- Update themeAct and themeEncourage with defaultProps for the BarChart component (6f71b13)
- Add barTextColors + innerBarTextColor optional props to OverlappedBarChart (62c10e0)
- Add scatterLabelColor and label props for average line labels as optional props in ScatterPlot (0ea3795)
- Add titleText slot to PieChart (3ef496f)
- Add tooltipText slot for StackedBarChart (3225993)
- Capitalize OverlappedBarChart tooltips (39b4416)
- Create a barLabels slot for OverlappedBarChart component and apply to EncouraClassic theme (a9faa66)
- Create Bar Chart slot for yAxisLabel and update Encoura theme with appropriate styleOverride (af8cf6a)
- Create DLS_COMPONENT_SLOT_NAMES constant (7a54e84)
- Create pieLegendLabel slot and chartLegendTextFontSize optional prop for PieChart (ea20a3b)
- Create scatterLabels slot for ScatterPlot (700edf8)
- Create scatterToolTipLabel and scatterToolTipText sclots for ScatterPlot (53ee14c)
- Create yAxisLabelTypographyProps prop for BarChart (7bebb0a)
- Remove hardcoded styling from AreaChart and update Encoura Classic default props for AreaChart (8242cce)
- Remove hardcoded styling in LineChart and update other themes default props (86acc9b)
- Remove hardcoded styling in StackedBarChart and update themes with defaultProps (2512f7a)
- Remove hardcoded XAxis styling in AreaChart and update Encoura Classic themes default props (84a34af)
- Remove hardcoded XAxis styling in BarChart and update other themes with defaultProps (e899d5c)
- Update themeEncouraClassic with ScatterPlot default props and style overrides (04909a5)
8.1.0 (2024-03-27)
- Expose more props on AlertContextProvider to better control snackbar alerts (7d2aa17)
8.0.0 (2024-03-22)
- Alphabetize AreChart props (5eb5020)
- Alphabetize imports (b5de86f)
- Alphabetize inner components for Scatterplot (49837af)
- Alphabetize MapProps (ca85f51)
- Alphabetize OverlappedBarChart props (f26182b)
- Alphabetize OverlappedLabel inner component props (019d5a0)
- Alphabetize PieChart inner components props (ff8bf9c)
- Alphabetize PieChart props (5777ad6)
- Alphabetize ScatterPlot props and fix coordenates typo (d9bb9d6)
- Alphabetize SCFMap props (8d705aa)
- Alphabetize StateMap props (08a2fb6)
- Fix import issue with icons in RankSummary component (d061222)
- Fix loading of museo-sans font in storybook (88927c3)
- Handle showAvarageLine prop typo in Scatterplot (724cf9a)
- Load mapbox css (36f0d71)
- Remove reference to customColors on ENCOURA theme (c06f647)
- Start to add customizeFillColor prop to AreaChart (27ac4d3)
- Add in AreaChart storybook entry for large data sets (068dd91)
- Add support for ENCOURA theme in ThemeProvider (8374971)
- Add support for storybook env vars, mapbox token (d01c0c7)
- Add themeMyEncoura and related files to styles dir (f5d8c28)
- Add Top N Average values to referenceLine label value in Scatterplot (1e03cc5)
- Added AreaChart component and recharts dependency (1e8869a)
- Added BarChart component (329899e)
- Added CountyMap, MapPopup components (808153d)
- Added DEFAULT_CHART_COLORS constant as a fallback for charts (868d073)
- Added DLS v7 to v8 migration guide (a92b5b1)
- Added GeomarketMap component (643781c)
- Added HeatMap component (28fe7ed)
- Added LineChart component (d3fdf6d)
- Added Map component (7be6371)
- Added OverlappedBarChart component (92d1ac1)
- Added PieChart component (8ab6ca3)
- Added ScatterPlot component (4d5b596)
- Added SCFMap component (d5f4686)
- Added StackedBarChart component (0a11422)
- Added StateMap component (5b71f01)
- Bump deps and devDeps to their latest compatible releases (358bbfb)
- Bump MUI to 5.15.14 (1829160)
- Convert colors prop from object type to array so user doesnt need to specify keys (d997382)
- Create customDims and Typography file and update ReadMe with new theme information (e78ec37)
- Fix typescript issues for new theme addition (f4c426f)
- Register DlsAreaChart as a themeable component in the design system (0cc2a03)
- Register DlsBarChart as a themeable component in the design system (fc84e87)
- Register DlsHeatMap as a themeable component in the design system (cc6f477)
- Register DlsLineChart as a themeable component in the design system (57db845)
- Register DlsMap as a themeable component in the design system (9c32c4a)
- Register DlsOverlappedBarChart as a themeable component in the design system (8789352)
- Register DlsPieChart as a themeable component in the design system (0372d81)
- Register DlsScatterPlot as a themeable component in the design system (69ba843)
- Register DlsStackedBarChart as a themeable component in the design system (78b9b83)
- Remove customFillColor prop and use colors prop to customize chart colors (89b5247)
- Out of an abundance of caution, we are shipping DLS8 as a new major release since it contains lots of new components (and therefore, new dependencies)
8.0.0-next.3 (2024-03-22)
- Fix import issue with icons in RankSummary component (d061222)
8.0.0-next.2 (2024-03-21)
- Alphabetize AreChart props (5eb5020)
- Alphabetize inner components for Scatterplot (49837af)
- Alphabetize MapProps (ca85f51)
- Alphabetize OverlappedBarChart props (f26182b)
- Alphabetize OverlappedLabel inner component props (019d5a0)
- Alphabetize PieChart inner components props (ff8bf9c)
- Alphabetize PieChart props (5777ad6)
- Alphabetize ScatterPlot props and fix coordenates typo (d9bb9d6)
- Alphabetize SCFMap props (8d705aa)
- Alphabetize StateMap props (08a2fb6)
- Handle showAvarageLine prop typo in Scatterplot (724cf9a)
- Add Top N Average values to referenceLine label value in Scatterplot (1e03cc5)
8.0.0-next.1 (2024-03-21)
- Added DLS v7 to v8 migration guide (a92b5b1)
- Out of an abundance of caution, we are shipping DLS8 as a new major release since it contains lots of new components (and therefore, new dependencies)
7.8.0-next.6 (2024-03-21)
- Register DlsHeatMap as a themeable component in the design system (cc6f477)
- Register DlsMap as a themeable component in the design system (9c32c4a)
7.8.0-next.5 (2024-03-21)
- Register DlsBarChart as a themeable component in the design system (fc84e87)
- Register DlsLineChart as a themeable component in the design system (57db845)
- Register DlsOverlappedBarChart as a themeable component in the design system (8789352)
- Register DlsPieChart as a themeable component in the design system (0372d81)
- Register DlsScatterPlot as a themeable component in the design system (69ba843)
- Register DlsStackedBarChart as a themeable component in the design system (78b9b83)
7.8.0-next.4 (2024-03-21)
- Bump MUI to 5.15.14 (1829160)
7.8.0-next.3 (2024-03-21)
- Alphabetize imports (b5de86f)
- Remove reference to customColors on ENCOURA theme (c06f647)
- Start to add customizeFillColor prop to AreaChart (27ac4d3)
- Add in AreaChart storybook entry for large data sets (068dd91)
- Added DEFAULT_CHART_COLORS constant as a fallback for charts (868d073)
- Convert colors prop from object type to array so user doesnt need to specify keys (d997382)
- Register DlsAreaChart as a themeable component in the design system (0cc2a03)
- Remove customFillColor prop and use colors prop to customize chart colors (89b5247)
7.8.0-next.2 (2024-03-07)
- Add support for ENCOURA theme in ThemeProvider (8374971)
- Add support for storybook env vars, mapbox token (d01c0c7)
- Added AreaChart component and recharts dependency (1e8869a)
- Added BarChart component (329899e)
- Added CountyMap, MapPopup components (808153d)
- Added GeomarketMap component (643781c)
- Added HeatMap component (28fe7ed)
- Added LineChart component (d3fdf6d)
- Added Map component (7be6371)
- Added OverlappedBarChart component (92d1ac1)
- Added PieChart component (8ab6ca3)
- Added ScatterPlot component (4d5b596)
- Added SCFMap component (d5f4686)
- Added StackedBarChart component (0a11422)
- Added StateMap component (5b71f01)
- Bump deps and devDeps to their latest compatible releases (358bbfb)
7.8.0-next.1 (2024-03-04)
- Add themeMyEncoura and related files to styles dir (f5d8c28)
- Create customDims and Typography file and update ReadMe with new theme information (e78ec37)
- Fix typescript issues for new theme addition (f4c426f)
7.7.0 (2024-02-22)
- Remove unnecessary vscode/settings.json change (5918d43)
- Update Readme with instructions on how to implement museo sans downstream (4b1f3d0)
- Update Readme with Museo Sans font information (2a55682)
- Update snapshot tests (3be8179)
- Update snapshot tests (2c70631)
- Update themeEncouraClassics font family reference to Museo Sans to match the documentation (39de919)
7.6.3 (2024-02-06)
- Fix duplicate import (7ac17bd)
- Minor config fixes (d869537)
- Update the build process to allow for local installs (c78baa9)
7.6.2 (2024-02-06)
- Change H5 font size for small screen sizes (95586f0)
7.6.0 (2024-01-26)
- Adds theme custom shadows (12a9be1)
7.5.1 (2024-01-09)
- Adds back fontWeight to some breakpoints (ffea563)
- Fixes font weight overriding preexisting font weights (06b9146)
7.5.0 (2023-11-30)
- ENCS-4466 Fixed breakpoints and addressed comments (c48a197)
- Encourage response font sizes (cb84f03)
7.4.0 (2023-10-11)
- Add colors to Encourage for more flexability (293597d)
7.3.0 (2023-07-28)
- Added support for HTML content in snackbar alerts (f7af0fa)
7.2.3 (2023-07-24)
- Adjust MUI peer deps to proper versions (a2eca17)
7.2.2 (2023-07-20)
- Trigger a new build (1f825a8)
7.2.1 (2023-05-02)
- Upgraded npm deps to their latest compatible releases (233df06)
7.2.0 (2023-04-20)
- Adding more Autocomplete stories (32180bc)
7.1.1 (2023-04-18)
- Fix type issue with SvgIcon on EmptyState component (8a9004a)
- Migrate Storybook 6 code to Storybook 7 (326f34b)
7.1.0 (2023-04-14)
- Fix storybook exception on startup (b69c24e)
- Revert TS to 4.9.5 per styleguidist/react-docgen-typescript#474 (814f007)
- Storybook typescript fixes (ec0b470)
- Added palette visualizer (7c040e8)
- Added shadows visualizer (9ca13bb)
- Added shape visualizer (891588b)
- Added spacing visualizer (97a34b9)
- Added typography visualizer (39d870f)
- Render palette options in smaller groups for improved readability (4039d0b)
7.0.1 (2023-03-16)
- Remove helpers/tests from exports to remove deps (75468d0)
7.0.0 (2023-03-16)
- Export ThemeCustomizations type from each theme file (285c9ca)
- Fix missing exports (1338315)
- Update to current MDX extension (d127977)
- Add Encourage E4S theme (work in progress) (1a57c41)
- Add spacingPx to all themes (0039309)
- Better tree shaking support (0697936)
- Enable github actions and standard-release (81238fb)
- Encourage theme tweaks based on latest E4S (96a5346)
- Migrate from babel build to es6 build for better tree shaking (6660657)
- Migrate MUI stories to CSF V3 format (257c9d6)
- Remove custom colors from themes and move into palette on existing themes (f5a2d55)
- Breaking changes to the theme creation format and the module output
7.0.0-next.4 (2023-03-16)
7.0.0-next.3 (2023-03-13)
- Encourage theme tweaks based on latest E4S (96a5346)
7.0.0-next.2 (2023-03-13)
- Add spacingPx to all themes (0039309)
7.0.0-next.1 (2023-02-17)
- Update to current MDX extension (d127977)
- Add Encourage E4S theme (work in progress) (1a57c41)
- Better tree shaking support (0697936)
- Enable github actions and standard-release (81238fb)
- Migrate from babel build to es6 build for better tree shaking (6660657)
- Migrate MUI stories to CSF V3 format (257c9d6)
- Remove custom colors from themes and move into palette on existing themes (f5a2d55)
- Breaking changes to the theme creation format and the module output
6.3.0 (2022-12-02)
- Bump npm packages to their latest compatible releases (12321f7)
6.2.0 (2022-11-01)
- Upgrade NPM deps to their latest compatible releases (00e7861)
6.1.2 (2022-08-31)
- Fix 'Select' component playground not interacting well with 'multiple' control (9f0e9ae)
6.1.1 (2022-07-14)
6.0.5 (2022-07-14)
6.1.0 (2022-07-14)
- Add Confirmation Dialog component (7c43699)
- Confirmation hook multiple fires and API organization (9531207)
- Remove story types from build (3d1b80b)
6.0.4 (2022-07-05)
6.0.3 (2022-06-29)
6.0.2 (2022-06-29)
-
mui 5 and mui 4 are incompatible
-
mui 5 no longer uses JSS but emotion
-
chore(release): 6.0.0-alpha.0
-
chore: Add release scripts
-
chore: Fix labs peer dep
-
chore(release): 6.0.0-alpha.1
-
chore: Cleanup typography settings after migration
-
chore(release): 6.0.0-alpha.2
-
chore: Clean up babel build overrides
-
chore(release): 6.0.0-alpha.3
-
chore: Clean up act theme fix babel remaps and config inheritance
-
chore(release): 6.0.0-alpha.4
-
chore: Refactor styled engine provider location
-
chore: Fix styled-engine peerDep
-
chore(release): 6.0.0-alpha.5
-
chore: Use rem for typography spacing
-
chore(release): 6.0.0-alpha.6
-
chore: Update snap
-
chore: Clean ui mui stories and update tests
-
chore(release): 6.0.0-alpha.7
-
chore: Update lock file
-
chore(release): 6.0.0-alpha.8
-
chore: NPM package upgrades
-
test: Update tests
-
test: Fix all tests
-
fix: Rename story names
-
feat: Remove deprecated components
-
refactor: Rename FormInputGroups to GridGenerator
-
feat: Added status badges, documentation cleanup
-
chore: Documentation cleanup
-
refactor: Migrate styling from JSS to emotion
-
fix: Remove @mui/styles dep
-
chore: Updated packages
-
test: Fix tests
-
fix: Fix issues with React 18 upgrade
-
docs: Remove versions from install command since we are compatible with latest
-
docs: Fix versions
-
docs: Fix dev guide for mui5
-
chore(release): 6.0.0-alpha.9
-
fix: Import classes directly to fix downstream module issues
-
chore(release): 6.0.0-alpha.10
-
fix: Import StyledEngineProvider from main package
-
chore(release): 6.0.0-alpha.11
-
fix: Fix import of StyledEngineProvider
-
chore(release): 6.0.0-alpha.12
-
docs: Minor doc improvements
-
chore: Fix storybook publish command
-
fix: Do not import colors on private path
-
chore(release): 6.0.0-alpha.13
-
build: Prep for release
-
chore(release): 6.0.0
-
build: Prep for release
-
chore(release): 6.0.0
-
build: Prep for release
-
chore(release): 6.0.0
Co-authored-by: Justin Watkins [email protected]
-
Replace ACT logo with ACT|Encoura lockup logo (#40) (4e18c14)
-
Migrate to MUI5, Add Support for React 18 (#75) (13528a5), closes #75
6.0.0-alpha.13 (2022-05-31)
- Do not import colors on private path (d21b426)
6.0.0-alpha.12 (2022-05-26)
- Fix import of StyledEngineProvider (77cd478)
6.0.0-alpha.11 (2022-05-26)
- Import StyledEngineProvider from main package (a2e489f)
6.0.0-alpha.9 (2022-05-24)
- Fix issues with React 18 upgrade (795c361)
- Remove @mui/styles dep (eab73de)
- Rename story names (913d10c)
6.0.0-alpha.8 (2022-05-20)
6.0.0-alpha.7 (2022-04-05)
6.0.0-alpha.6 (2022-04-04)
6.0.0-alpha.5 (2022-04-01)
6.0.0-alpha.4 (2022-04-01)
6.0.0-alpha.3 (2022-03-31)
6.0.0-alpha.2 (2022-03-09)
6.0.0-alpha.1 (2022-03-04)
6.0.0-alpha.0 (2022-03-02)
- mui 5 and mui 4 are incompatible
- mui 5 no longer uses JSS but emotion
- Documentation and Working build for mui-5 upgrade (be6662e)
- Material UI 5 support (36c942e)
- Mui 5 functional themes, cleaned up Mui storybook examples (2ae784b)
- Moved
@material-ui/core
,@material-ui/data-grid
, and@material-ui/lab
to thedevDependencies
section ofpackage.json
, since they are peer dependencies. This allows the downstream project to choose the exact versions of these packages that they would like to use. Any4.x
version should suffice!
- Moved
@material-ui/core
,@material-ui/data-grid
, and@material-ui/lab
to thedevDependencies
section ofpackage.json
, since they are peer dependencies. This allows the downstream project to choose the exact versions of these packages that they would like to use. Any4.x
version should suffice!
- Improved the TypeScript definition of the
titleTypographyProps
prop on the<EmptyState />
component.
- Added new optional props to the
EmptyState
componentdescriptionTypographyProps
iconProps
titleTypographyProps
- Improved the styling of the
EmptyState
title so that this component looks good across all themes.
- Upgraded most of the NPM dependencies and dev-dependencies to their latest compatible releases.
- Added a new color option,
customColors.tertiary.main
, to all themes.- Material UI v4 does not support the "tertiary" keyword on the
palette
, so this was implemented throughcustomColors
instead.
- Material UI v4 does not support the "tertiary" keyword on the
- Updated the
palette.secondary.dark
color on theENCOURA_DATALAB
theme to#003359
.
- Enable more flexibility on the react version used by downstream projects by
moving
react
andreact-dom
to dev dependencies.
- Added a new theme,
ENCOURA_DATALAB
, to the DLS. This theme is representative of one of Encoura's product lines. - Minor improvements and bug fixes for the
ACT_ET
theme. - Added more stories to the Storybook.
-
New component:
<TablePaginationActions />
- Useful for paginating large lists and tables
-
Enhanced
<DataTable />
component with<TablePaginationActions />
and optional props to support server-side pagination:limit?: number; offset?: number; onChangeLimit?: (limit: number) => void; onChangeOffset?: (offset: number) => void; rowsPerPageOptions?: number[]; totalCount?: number;
- Bind
this
toaddError
inAlertContext
.
- Added a new helper:
getErrorMessage
- Added new action for
AlertContext
:addError
.
- Updated the
ACT_ET
theme to produce cleaner text inputs and dropdowns when using Material UI's<TextField />
component. - Updated the documentation for
<FormInputGroups />
to use<TextField />
under the hood, since this is now the preferred way to add inputs to your app.
- Added a new helper:
oxfordCommaJoin
- Added
useLocalStorage
hook, which replaces the NPM packagereact-use-localstorage
.
- Fixes the
ReferenceError: regeneratorRuntime is not defined
exception inAlertContext
.
- Added
<SnackbarAlert />
component, which is an enhanced<Alert />
component that can transition on and off of the screen. - Added
AlertContext
(React Context) to queue and manage the display of multipleSnackbarAlert
s at the same time. Downstream apps should use the providedAlertContext
to programmatically trigger alerts, rather than usingSnackbarAlert
directly. Example below!- Powered by notistack.
// APP SETUP:
import AlertContextProvider from '@actinc/dls/context/AlertContext/provider';
const Root: React.FC = (): React.ReactElement<any> => (
<AlertContextProvider
anchorOriginHorizontal="right" // optional
anchorOriginVertical="bottom" // optional
maxSnack={5} // optional
>
<MyApp />
</AlertContextProvider>
);
// COMPONENT USAGE:
import { AlertContext } from '@actinc/dls/context';
const MyComponent: React.FC = (): React.ReactElement<any> => {
const { actions } = React.useContext(AlertContext);
return (
<span
onClick={async (): Promise<void> => {
await actions.addAlert({
message: 'Some error message',
options: {
variant: 'error',
},
});
}}
>
Click Me
</span>
);
};
- Lots of CSS improvements for the
<DataGrid />
component on theACT_ET
theme - Revamped the
<DataTable />
component as a simpler alternative to<DataGrid />
- All styles are now pulled from the Material UI theme
- Introduced a new
color: 'default' | 'primary' | 'secondary'
prop- BREAKING STYLE CHANGE: Previously, the default color treatment was
primary
(blue header row). The new default color treatment isdefault
(grey header row).
- BREAKING STYLE CHANGE: Previously, the default color treatment was
- Fixed some style issues with the
<Switch />
and<Badge />
components in theACT_ET
theme - Fixed some minor style issues with the
<AppBarNavigation />
component - We are no longer exporting the some components that were previously marked
as V3 / Deprecated:
<TableCellHead />
<TableCellBody />
<TableContainer />
- Added
<IdleTimer />
utility- Monitors keyboard and mouse activity to determine when the user has gone idle.
- Added
<DialogContinueSession />
molecule- Used to prompt the user to continue their current session. If the user does not choose to continue their session by the provided date, the user's session will expire.
- Added
<SessionTimer />
organism- Combines two
IdleTimer
s with theDialogContinueSession
component in order to fully and effectively manage the user's session.
- Combines two
- NPM package updates (
@material-ui/core
->^4.12.1
) - Added
<SessionStorageKeySharer />
utility component which allows a newly-opened tab to obtain a key:value pair from the Session Storage of another tab.- This is useful if you are storing your application's auth token in Session Storage and want to allow your users to open your app in another tab without having to re-authenticate.
- The implementation was inspired by this blog post.
- Note: Since this component makes use of Session Storage and Local Storage, this component is only meant to be rendered in the browser context. SSR apps should not use Session Storage for key/value pairs that are critical to the render (such as the user's auth token).
- Updated
<FormSelect />
component to allow options to be disabled. (Pull Request)
- With this release, the DLS will no longer export components that you can
import directly from Material UI, such as
<Button />
and<Link />
. - In almost all cases, there is no functional/stylistic difference between
importing a MUI component from the DLS vs. MUI. The only exception is with the
<Link />
component, as the MUILink
component does not accept ato
prop. - Removed
COLORS
andDIMS
constants. All DLS components are now powered by the theme engine. - Renamed the following components:
- Renamed
<DataTablePrimary />
to<DataTable />
- Renamed
<LoadingPrimary />
to<Loading />
- Renamed
<TableContainerPrimary />
to<TableContainer />
- Renamed
- Re-instated, and marked as deprecated, the following v3 components to help
with reverse compatibility / application migration. These components should
be removed when they have suitable alternatives that are powered by the MUI
themeing engine:
<FormInputPrimary />
<FormSelectPrimary />
<InputLabelPrimary />
<InputPrimary />
<SelectPrimary />
<SelectSecondary />
- This release includes a new
<AppBarNavigation />
component, courtesy of @stefansolyom.
- The DLS has been completely rebuilt on top of the Material UI
theme engine.
- There are two UI themes that are provided out of the box:
ACT
andACT_ET
. - Refer to the README for usage instructions and more details.
- There are two UI themes that are provided out of the box:
- This package is now open source! Available on NPM at
@actinc/dls
- Check the
README.md
file for slightly modified installation and usage instructions
This release improves the ability for developers to extend / override DLS components within their downstream applications.
Previously, the DLS styles were defined in a rigid manner, such that when you
would send in a custom classes
prop with some custom styles, these styles
would replace the default styling of the component, rather than
extend / compliment it.
To that end, v3 components will now extend their default styling when a
custom classes
prop is supplied.
Furthermore, we have introduced a new mergeClasses
helper function -- the
brains behind the new style merging behavior -- since this is a useful utility
for downstream apps as well.
Here's an example of how you can use mergeClasses
to help create your own
component variants that are based on Material UI:
/**
* @prettier
*/
import * as React from 'react';
import { Button, ButtonProps } from '@material-ui/core';
import { mergeClasses } from 'act-dls/lib/helpers';
import useStyles from './styles';
type Props = ButtonProps & {
subject: Subject;
};
const CustomButtonForTestPrep: React.FC<Props> = ({
classes: classesProp, // allow custom classes/styling to be supplied
subject,
...otherButtonProps
}: Props): React.ReactElement<any> => {
const classes = useStyles({ subject });
return (
<Button
classes={mergeClasses( // merge the default and custom styles together
{
outlined: classes.buttonOutlined,
root: classes.buttonRoot,
},
classesProp, // the custom styles take preference
)}
{...otherButtonProps}
/>
);
};
export default CustomButtonForTestPrep;