v9.1.0

What's Changed

This version also include all the changes from the deprecated v9.0.0.
With this release, we are introducing a new way to style certain elements inside the components.
This is done by exposing CSS classes through a Javascript object that can be used to style the elements.
We added classes for the TextInput component and components that extend it, such as MoneyInput and NumericInput.

In previous versions, you could style the input element inside the TextInput component by using the input CSS selector.

import { TextInput } from '@equisoft/design-elements-react';

const SomeInput = styled(TextInput)`
    input {
        width: 80px;
    }
`;

With this release, this is not possible anymore. Instead, you should use the textInputClasses.control class inside the TextInput component.

import { TextInput, textInputClasses } from '@equisoft/design-elements-react';

const SomeInput = styled(TextInput)`
    .${textInputClasses.control} {
        width: 80px;
    }
`;

Features

• MoneyInput,NumericInput,TextInput: expose CSS class to allow styling elements (#1027) (e38c8f6)

Bug Fixes

• Checkbox: prevent input compression with long text (#1021) (2b66bae)

Dependencies

• update react-router (#1031) (1c1802c)

Full Changelog: v9.0.0...v9.1.0