- Remove background color on ffe-radio-button. Was set to white which made it look weird if used in containers with different colors.
- Set default text color for input fields and selects to
@ffe-black
- Remove orange text color from invalid input-fields and dropdown
Bumped peer dependency version of ffe-core. No external API change, but this version requires a new major of ffe-core
- Renamed color names to stay in sync with refactoring in [email protected]
- Updated visual test baselines according to color changes in ffe-core
To migrate, update your app to ffe-core version 9.x
- Removed use of
line-height
to setffe-radio-block__header
height, instead usepadding
. This so line breaks won't look awkward - with padding around every text row.
- Modified the
padding-bottom
forffe-form-label
from 8px to 2px
- Changed color of option text in selects with validation errors to default blue in stead of inherited red.
- Added space underneath radio-switches on small devices and updated visual tests with longer button text.
- Modified the font size for dropdowns from 18px to 16px.
- Remove vendor prefix on appearance property. Autoprefixer FTW!
- Meta data for styleguide
- Remove Mozilla dropdown focus ring to fix double focus highlight on dropdown in Firefox
- Removed layout styles from
ffe-form
. In practice all width styling is now removed and consumers must provide their own class on the form ofRemoved features:[project-prefix]-input--[modifier] { width: 120 px; }
dropdown
no longer supports--small
modifierdropdown
no longer has amin-width
error-summary
no longer has amax-width
input-field
no longer supports--small
,--medium
and--large
modifiersradio-block
no longer has amin-width
or amax-width
radio-switch
no longer has amin-width
text-area
no longer uses media-queries, defaults to 100% width always
It is recommended that each consumer set up their own regime for managing the width of input controls due to the distinct lack of a common set of requirements across platforms and organizations.
- Adjusted the height of ffe-dropdown to match the height of ffe-input-field.
- Added class
.ffe-dropdown--small
to support narrow dropdowns.
- Added padding for large text to checkbox
- Potentially breaking change: Responsive implementation of ffe-input-field and ffe-dropdown.
- ffe-input-field and ffe-dropdown has now 100% width when rendered on mobile-size screen (less than 480px)
- Introduced new responsive class ffe-textarea.
- Changed font-size and line height of ffe-form-label.
- Better positioning of the Dropdown arrow down icon.
- Gave radio switches a white background when not selected, so that they work correctly on non-white backgrounds as well
- Updated the focus state to have correct focus color and to not have an box-shadow
- Updated the active color of ffe-radio-switch to
ffe-blue-royal
- Fix for ffe-dropdown to insure that the color and background color set correctly for a selected option in IE.
- Potentially breaking change: in order to support tooltips for form labels, the block-level relationship between labels and fields has been inverted:
ffe-form-label
is now aninline-block
. In order to keep the old behaviour add the new classffe-form-label--block
to your labels.- Input fields and dropdowns are now
block
s.In order to keep the old behaviour add the corresponding--inline
modifier class, i.e.:ffe-input-field
-ffe-input-field--inline
ffe-dropdown
-ffe-dropdown--inline
- Added
ffe-tooltip
for form label tooltips.
- Moved styling from ffe-dropdown into this package
- Updated examples with dropdown in error state
ffe-field-error-message
andffe-field-success-message
getaria-hidden
styling
- Add missing .ffe-sb1-radioblob mixin removed in ffe-core@8
- Fix build commands
- Fix class name for field-error-message
- Fix extending field-info-message
- Split example.html into smaller more manageable parts. Removed code snippets in the process.
- Descriptions are hidden when visual tests run.
- Første versjon av ffe-form-pakken
- Less-filene er basert på ffe-core v7.0.1 (REMOVED) and kan brukes med ffe-core >= v8.0.0
- ffe-info-message fra ffe-core ble døpt om til ffe-field-info-message
- ffe-field-error-message og ffe-field-success-message er trukket ut fra ffe-message i ffe-core v7.0.1
- ffe-input-group ble inkludert her i v1.0.0, men dens eksistens er oppe til diskusjon