All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
20.0.1 (2025-02-24)
Note: Version bump only for package @sb1/ffe-buttons
20.0.0 (2025-02-19)
- ffe-buttons: fix linting (01f2e52)
- ffe-buttons: semantiske farger for alle knapper (376a3fe)
- ffe-buttons: knappene kan ha endret farge og noe mer styling på forskjellige knappetilstander
19.1.5 (2025-02-07)
Note: Version bump only for package @sb1/ffe-buttons
19.1.4 (2025-01-27)
Note: Version bump only for package @sb1/ffe-buttons
19.1.3 (2025-01-21)
Note: Version bump only for package @sb1/ffe-buttons
19.1.2 (2025-01-21)
Note: Version bump only for package @sb1/ffe-buttons
19.1.1 (2025-01-14)
Note: Version bump only for package @sb1/ffe-buttons
19.1.0 (2024-11-19)
- ffe-buttons: tilbyr kompilert css i tillegg til less (2d01d88)
19.0.11 (2024-10-23)
Note: Version bump only for package @sb1/ffe-buttons
19.0.10 (2024-09-27)
- ffe-buttons: fjerner lite av paddingen (a51e902)
19.0.9 (2024-09-26)
- ffe-buttons: change line-height to same as icon(md) size (13aafd6)
19.0.8 (2024-09-10)
- ffe-buttons: wrong icon color primary button (17f1c08)
19.0.7 (2024-09-06)
Note: Version bump only for package @sb1/ffe-buttons
19.0.6 (2024-09-06)
Note: Version bump only for package @sb1/ffe-buttons
19.0.5 (2024-09-05)
Note: Version bump only for package @sb1/ffe-buttons
19.0.4 (2024-09-05)
Note: Version bump only for package @sb1/ffe-buttons
19.0.3 (2024-09-04)
- ffe-buttons: lower spesifity generaly for easier customization (cc26138)
19.0.2 (2024-08-30)
Note: Version bump only for package @sb1/ffe-buttons
19.0.1 (2024-08-29)
Note: Version bump only for package @sb1/ffe-buttons
19.0.0 (2024-08-23)
- ffe-buttons: regard-color-scheme-preference for darkmode (6cfbafd)
- ffe-buttons: "native" class to get dark mode is not supported anymore.
Use class "regard-color-scheme-preference" on an element wrapping the components.
18.0.37 (2024-08-13)
Note: Version bump only for package @sb1/ffe-buttons
18.0.36 (2024-08-13)
Note: Version bump only for package @sb1/ffe-buttons
18.0.35 (2024-08-06)
Note: Version bump only for package @sb1/ffe-buttons
18.0.34 (2024-07-22)
Note: Version bump only for package @sb1/ffe-buttons
18.0.33 (2024-07-19)
Note: Version bump only for package @sb1/ffe-buttons
18.0.32 (2024-07-10)
Note: Version bump only for package @sb1/ffe-buttons
18.0.31 (2024-07-02)
- ffe-buttons: endre line-height i basebutton (b76b0fe)
18.0.30 (2024-06-18)
Note: Version bump only for package @sb1/ffe-buttons
18.0.29 (2024-06-11)
Note: Version bump only for package @sb1/ffe-buttons
18.0.28 (2024-06-10)
Note: Version bump only for package @sb1/ffe-buttons
18.0.27 (2024-06-05)
Note: Version bump only for package @sb1/ffe-buttons
18.0.26 (2024-06-04)
Note: Version bump only for package @sb1/ffe-buttons
18.0.25 (2024-05-29)
Note: Version bump only for package @sb1/ffe-buttons
18.0.24 (2024-05-13)
Note: Version bump only for package @sb1/ffe-buttons
18.0.23 (2024-05-09)
Note: Version bump only for package @sb1/ffe-buttons
18.0.22 (2024-05-07)
- ffe-buttons: center icons (6b48aa9)
18.0.21 (2024-05-07)
Note: Version bump only for package @sb1/ffe-buttons
18.0.20 (2024-05-03)
Note: Version bump only for package @sb1/ffe-buttons
18.0.19 (2024-05-03)
Note: Version bump only for package @sb1/ffe-buttons
18.0.18 (2024-04-29)
Note: Version bump only for package @sb1/ffe-buttons
18.0.17 (2024-04-25)
- ffe-buttons: remove overflow wrap anywhere (d796228)
18.0.16 (2024-04-23)
- ffe-buttons: use overflow-wrap:normal instead og overflow-wrap:anywhere (eafed8f)
18.0.15 (2024-04-18)
Note: Version bump only for package @sb1/ffe-buttons
18.0.14 (2024-03-14)
- ffe-buttons: hovering styles only when using pointer/mouse (56bcbdb)
18.0.13 (2024-03-13)
- ffe-buttons: fjerner statisk høyde på expand button (83045b3)
18.0.12 (2024-03-08)
Note: Version bump only for package @sb1/ffe-buttons
18.0.11 (2024-03-05)
- ffe-buttons: tekst-overflow i inline knapper (5b6dd12)
18.0.10 (2024-02-28)
Note: Version bump only for package @sb1/ffe-buttons
18.0.9 (2024-02-26)
- ffe-buttons: overflow-wrap anywhere (be8fdd1)
18.0.8 (2024-02-26)
Note: Version bump only for package @sb1/ffe-buttons
18.0.7 (2024-02-22)
- ffe-buttons: align icons center inline buttons (259694c)
- ffe-buttons: wrap buttons in buttongroup (7a95ca9)
- ffe-buttons: zoom spinner base button (6a1c7af)
18.0.6 (2024-02-12)
Note: Version bump only for package @sb1/ffe-buttons
18.0.5 (2024-02-05)
Note: Version bump only for package @sb1/ffe-buttons
18.0.4 (2024-02-05)
Note: Version bump only for package @sb1/ffe-buttons
18.0.3 (2024-01-16)
Note: Version bump only for package @sb1/ffe-buttons
18.0.2 (2023-11-10)
- ffe-buttons: fikser darkmode tekst farge for primary button (577d61c)
18.0.1 (2023-10-19)
Note: Version bump only for package @sb1/ffe-buttons
18.0.0 (2023-10-13)
- ffe-buttons: endringer relatert til ikonbytte (15c8746)
- ffe-buttons: fjerner ikon fra backButton definert i css og legger til klasse for toggling i inlineExpandButton++
17.1.1 (2023-10-11)
Note: Version bump only for package @sb1/ffe-buttons
17.1.0 (2023-09-15)
- ffe-buttons: add :host for shadow dom support (840315c)
17.0.3 (2023-04-27)
Note: Version bump only for package @sb1/ffe-buttons
17.0.2 (2023-02-08)
- ffe-buttons: oppdater actionbutton fargene til skog (dcb8dfa)
17.0.1 (2022-12-19)
Note: Version bump only for package @sb1/ffe-buttons
17.0.0 (2022-12-05)
- ffe-buttons: update internal dependencies (c69201c)
- ffe-buttons: Makes the styling package @sb1/ffe-buttons a required dependency and removes it as peer dependency.
16.1.3 (2022-11-29)
- ffe-buttons: fikser fargebug i secondary/darkmode (48f043e)
16.1.2 (2022-11-28)
Note: Version bump only for package @sb1/ffe-buttons
16.1.1 (2022-10-31)
- ffe-buttons: gjør at shortcut button får riktig link farge i darkmode (e26836f)
16.1.0 (2022-10-28)
- ffe-buttons: legg til mer theming muligheter i ffe-buttons (7bf2ebc)
16.0.0 (2022-10-20)
- ffe-buttons: theming med custom properties (be148cb)
- ffe-buttons: use custom props for font sizes (9fe99d5)
- ffe-buttons: introduces css custom properties for colors.
15.1.7 (2022-10-18)
Note: Version bump only for package @sb1/ffe-buttons
15.1.6 (2022-10-04)
Note: Version bump only for package @sb1/ffe-buttons
15.1.5 (2022-09-28)
Note: Version bump only for package @sb1/ffe-buttons
15.1.4 (2022-09-12)
15.1.3 (2022-08-31)
Note: Version bump only for package @sb1/ffe-buttons
15.1.2 (2022-08-08)
Note: Version bump only for package @sb1/ffe-buttons
15.1.1 (2022-08-05)
Note: Version bump only for package @sb1/ffe-buttons
15.1.0 (2022-07-11)
- ffe-buttons: legge til spacing mellom ikon og label på knapper (3fb4c4e)
15.0.5 (2022-06-07)
Note: Version bump only for package @sb1/ffe-buttons
15.0.4 (2022-05-30)
Note: Version bump only for package @sb1/ffe-buttons
15.0.3 (2022-05-19)
Note: Version bump only for package @sb1/ffe-buttons
15.0.2 (2022-03-31)
Note: Version bump only for package @sb1/ffe-buttons
15.0.1 (2022-03-21)
Note: Version bump only for package @sb1/ffe-buttons
15.0.0 (2022-03-11)
- ffe-buttons: remove condensed variant of buttons, i.e. all
ffe-butons classes with the modifier
--condensed.
14.0.1 (2022-03-09)
Note: Version bump only for package @sb1/ffe-buttons
14.0.0 (2022-03-08)
- ffe-buttons: fjerner --ghost (5741673)
- ffe-buttons: modifieren --ghost slettes
13.0.18 (2022-02-28)
- ffe-buttons: bytt ut vann-30-hover farge (df4ae16)
13.0.17 (2021-12-14)
- ffe-buttons: mindre padding på sidene (9b9ec2c)
13.0.16 (2021-11-30)
Note: Version bump only for package @sb1/ffe-buttons
13.0.15 (2021-11-25)
- ffe-buttons: skjuler label når knapper har spinner (d8ebfd7)
13.0.14 (2021-11-19)
Note: Version bump only for package @sb1/ffe-buttons
13.0.13 (2021-11-19)
- ffe-buttons: litt mindre padding på mobil (55c185f)
13.0.12 (2021-11-11)
- ffe-buttons: øker max border-radius (074e50e)
13.0.11 (2021-11-04)
Note: Version bump only for package @sb1/ffe-buttons
13.0.10 (2021-11-01)
Note: Version bump only for package @sb1/ffe-buttons
13.0.9 (2021-11-01)
Note: Version bump only for package @sb1/ffe-buttons
13.0.8 (2021-10-29)
Note: Version bump only for package @sb1/ffe-buttons
13.0.7 (2021-10-20)
- ffe-buttons: fjerner fokus-markering fra active state (6401b81)
13.0.6 (2021-10-08)
Note: Version bump only for package @sb1/ffe-buttons
13.0.5 (2021-10-06)
Note: Version bump only for package @sb1/ffe-buttons
13.0.4 (2021-10-05)
- ffe-buttons: Endre bakgrunnsfarge på secondary button i darkmode (33f830e)
13.0.3 (2021-09-24)
Note: Version bump only for package @sb1/ffe-buttons
13.0.2 (2021-09-17)
Note: Version bump only for package @sb1/ffe-buttons
13.0.1 (2021-09-10)
Note: Version bump only for package @sb1/ffe-buttons
13.0.0 (2021-09-06)
- ffe-buttons: fjerner duplikat av css-klasse (def6617)
- ffe-buttons: focus-outline skal kun vises på keyboard-fokus - ikke active-state (da01361)
- ffe-buttons: retter opp i farge på inline-button hover (dc284f2)
- ffe-buttons: justert design på knapper iht ny identitet (dca0ef0)
- ffe-buttons: alle knapper har nye farger og ny utforming
12.0.0 (2021-09-06)
- ffe-buttons: fjerner duplikat av css-klasse (def6617)
- ffe-buttons: focus-outline skal kun vises på keyboard-fokus - ikke active-state (da01361)
- ffe-buttons: retter opp i farge på inline-button hover (dc284f2)
- ffe-buttons: justert design på knapper iht ny identitet (dca0ef0)
- ffe-buttons: alle knapper har nye farger og ny utforming
11.1.1 (2021-06-17)
Note: Version bump only for package @sb1/ffe-buttons
11.1.0 (2021-04-14)
- ffe-buttons: adds MuseoSans font as fallback font (b7e5e42)
11.0.1 (2021-03-25)
Note: Version bump only for package @sb1/ffe-buttons
11.0.0 (2021-03-17)
- ffe-buttons: bytter ut museo sans med ny sparebank1-font (81dc093)
- ffe-buttons: ny font i alt innhold
10.0.4 (2021-03-15)
- ffe-buttons: broadens version of peer dependencies (690d023)
10.0.3 (2021-03-08)
Note: Version bump only for package @sb1/ffe-buttons
10.0.2 (2021-02-03)
Note: Version bump only for package @sb1/ffe-buttons
10.0.1 (2021-02-02)
- ffe-buttons: reduce vulnerabilities (d6319c4)
10.0.0 (2021-01-11)
- ffe-buttons: bump less (2c65bec)
- ffe-buttons: Requires less ^4.0.0. Fixes deprecated mixin syntax
9.0.13 (2020-12-03)
Note: Version bump only for package @sb1/ffe-buttons
9.0.12 (2020-11-20)
Note: Version bump only for package @sb1/ffe-buttons
9.0.11 (2020-11-05)
Note: Version bump only for package @sb1/ffe-buttons
9.0.10 (2020-08-25)
Note: Version bump only for package @sb1/ffe-buttons
9.0.9 (2020-03-18)
Note: Version bump only for package @sb1/ffe-buttons
9.0.8 (2020-03-17)
- ffe-buttons: fix :visited-styles on anchors with button styles (d083f06)
9.0.7 (2020-03-16)
Note: Version bump only for package @sb1/ffe-buttons
9.0.6 (2020-03-13)
Note: Version bump only for package @sb1/ffe-buttons
9.0.5 (2020-02-26)
Note: Version bump only for package @sb1/ffe-buttons
9.0.4 (2020-02-26)
Note: Version bump only for package @sb1/ffe-buttons
9.0.3 (2020-02-26)
Note: Version bump only for package @sb1/ffe-buttons
9.0.2 (2020-02-25)
Note: Version bump only for package @sb1/ffe-buttons
9.0.1 (2020-02-10)
Note: Version bump only for package @sb1/ffe-buttons
9.0.0 (2019-12-18)
- ffe-buttons: replace hardcoded spacing with variables (d494709)
- ffe-buttons: This commit is likely to cause small visual regressions caused by slightly altered margin and padding values.
8.3.0 (2019-12-16)
- ffe-buttons: add darkmode styling overrides (a7dae53)
8.2.6 (2019-10-31)
Note: Version bump only for package @sb1/ffe-buttons
8.2.5 (2019-10-21)
8.2.4 (2019-10-16)
Note: Version bump only for package @sb1/ffe-buttons
8.2.3 (2019-10-14)
Note: Version bump only for package @sb1/ffe-buttons
8.2.2 (2019-09-18)
Note: Version bump only for package @sb1/ffe-buttons
8.2.1 (2019-08-27)
Note: Version bump only for package @sb1/ffe-buttons
8.2.0 (2019-05-10)
- ffe-buttons: Add dark style back button (2f7110d)
8.1.6 (2019-04-24)
Note: Version bump only for package @sb1/ffe-buttons
8.1.5 (2018-12-11)
Note: Version bump only for package @sb1/ffe-buttons
8.1.4 (2018-12-06)
8.1.3 (2018-12-04)
- ffe-buttons: condense condensed task button (78f42fd)
8.1.2 (2018-11-26)
- ffe-buttons: Implement tertiary buttons according to sketches in verktøykassa so it looks more like a button and less like a link (2c74a54)
- ffe-buttons: Increased margin between buttons to give them som air (8e0f9d3)
- ffe-buttons: Updated focus and active states for dark tertiary button according to sketches (c8c8164)
8.1.1 (2018-11-08)
Note: Version bump only for package @sb1/ffe-buttons
8.1.0 (2018-10-25)
- ffe-buttons: Remove some commented code (fbdc0ec)
- ffe-buttons: Added multiple classes with --dark modifier (c007bfd)
8.0.10 (2018-10-08)
- ffe-buttons: Set a safer display value on tertiary button pseudo element (72162aa)
8.0.9 (2018-10-05)
- ffe-buttons: Make sure the underline on tertiary buttons are visible also in inline mode. (d60ec72)
8.0.8 (2018-09-25)
- ffe-buttons: Specify buttongroup width in order to support full width (7d693fb)
8.0.7 (2018-09-19)
- ffe-buttons: Increased contrast in focus outline (0ded429)
8.0.6 (2018-08-23)
Note: Version bump only for package @sb1/ffe-buttons
8.0.5 (2018-08-09)
Note: Version bump only for package @sb1/ffe-buttons
8.0.4 (2018-07-23)
Note: Version bump only for package @sb1/ffe-buttons
8.0.3 (2018-06-20)
- ffe-buttons: added peerDependency to ffe-core@^13.0.0 (49b6458)
8.0.2 (2018-06-18)
Note: Version bump only for package @sb1/ffe-buttons
8.0.1 (2018-06-06)
- ffe-buttons: Remove left margin for first:child on small screen for button in button-group. (0abc351)
8.0.0 (2018-06-06)
- ffe-buttons: This commit makes sure our buttons stay on one line. Previously, they were allowed to break on to two lines - which was not allowed according to our design.
This change is marked as breaking, since there's a big change this will impact some design (especially on mobile). In order to migrate, click through your app and make sure you don't have any very long button texts.
7.1.13 (2018-06-06)
- ffe-buttons: Align buttons in button groups properly (6189da1)
7.1.12 (2018-06-04)
Note: Version bump only for package @sb1/ffe-buttons
7.1.11 (2018-05-29)
Note: Version bump only for package @sb1/ffe-buttons
7.1.10 (2018-05-22)
Note: Version bump only for package @sb1/ffe-buttons
7.1.9 (2018-05-11)
7.1.8 (2018-05-04)
Note: Version bump only for package @sb1/ffe-buttons
7.1.7 (2018-05-04)
7.1.6 (2018-05-03)
Note: Version bump only for package @sb1/ffe-buttons
7.1.5 (2018-04-19)
7.1.4 (2018-04-19)
7.1.3 (2018-04-18)
- ffe-buttons: Properly align tertiary button anchors (1fc3a9d)
7.1.2 (2018-04-17)
- ffe-buttons: Align button group contents with container (d1ca691)
7.1.1 (2018-04-11)
Note: Version bump only for package @sb1/ffe-buttons
7.1.0 (2018-04-11)
- ffe-buttons: Make ffe-buttons--* extendable (13a3af5)
7.0.6 (2018-04-10)
- ffe-buttons: Fix issue with back button top padding (382cb3d)
7.0.5 (2018-04-10)
Note: Version bump only for package @sb1/ffe-buttons
7.0.4 (2018-03-27)
- ffe-buttons: Fix layout bug in button-groups (3c08bcb)
- ffe-buttons: Make tertiary buttons underlined (357f160)
7.0.3 (2018-03-27)
7.0.2 (2018-03-22)
- ffe-buttons: Fix vertical alignment in group (57f5219)
7.0.1 (2018-03-13)
- ffe-buttons: Center button texts (fede88a)
7.0.0 (2018-03-07)
- Correct peerDependencies after breaking change (aab59ce)
- ffe-buttons: Simplify API (5e1cd7a)
- ffe-buttons: This commit rewrites the ffe-buttons less package for simplicity and ease of use.
There are now two basic button types - base-button and
inline-base-button. Each of these two button types have fewer
elements, and a few modifiers that specify which type of button it is.
Previously, the DOM structure for most buttons looked like a variation of this:
<button class="ffe-[button-type]-button">
<span class="ffe-[button-type]-button__label">
<span class="ffe-[button-type]-button__label-text">
<img class="ffe-[button-type]-button__label-icon" alt="left icon" />
Click me
<img
class="ffe-[button-type]-button__label-icon"
alt="right icon"
/>
</span>
<span class="ffe-[button-type]-button__label-spinner" />
</span>
</button>For base-button based buttons (woah), the general DOM structure now
required is this:
<button class="ffe-button ffe-button--[button-type]">
<img class="ffe-button__icon ffe-button__icon--left" alt="left icon" />
<span class="ffe-button__label"> Click me </span>
<img class="ffe-button__icon ffe-button__icon--right" alt="right icon" />
<div class="ffe-button__spinner" />
</button>The icons and the spinner is optional if not needed. Please refer to the React implementation for further details on which aria-tags are expected to be passed where, as well as which modifier flags are available.
Note, however, how the button type only needs to be specified at the top level. The same goes for any modifier, like loading etc. If your button does not require a loading indicator, the entire block can be removed without any other tweaks.
Previously, the DOM structure for small inline buttons were similar as above, just with a few different classes, and no spinner.
For inline-base-button based buttons (:tada:), the general DOM
structure now required is this:
<button class="ffe-inline button ffe-inline-button--[button-type]">
<img
class="ffe-inline-button__icon ffe-inline-button__icon--left"
alt="left icon"
/>
<span class="ffe-inline-button__label">Click me</span>
<img
class="ffe-inline-button__icon ffe-inline-button__icon--right"
alt="right icon"
/>
</button>The icons are optional if not needed. Please refer to the React implementation for further details on which aria-tags are expected to be passed where, as well as which modifier flags are available.
6.0.1 (2018-03-02)
- Correct peerDependencies after breaking change (4318363)
- ffe-buttons: ffe-expand-button expand only horizontally (b847c6c)
- ffe-buttons: Add contribute.md link to readme (3aa4cdc)
- ffe-buttons: Add inline-expand-button (70491dd)
- All packages have been renamed to add the @sb1 scope.
See links 1 and 2 to read more about package scopes.
Unfortunately this requires you update both your dependencies in
package.json and all import or require statements in your code.
Also, you unfortunately have to upgrade all FFE packages at once due to
dependency between packages. If you are on the latest version prior to
this breaking change the upgrade should be a matter of updating
package.json with new package names and versions, and updating your
imports.
To help find the proper package versions you can either browse to the
packages you need or check out the list of Git tags either on
Github 3 or by cloning the repository and running the git tag
command. All package versions get a tag in the format
package@version.
Update your package.json with the latest package version and add the
@sb1 scope to the package name:
- "ffe-core": "11.0.2",
+ "@sb1/ffe-core": "11.0.2",Scoped packages all get put in a subdirectory in node_modules/. In our
case packages will be put in the node_modules/@sb1/ directory. If your
build depends on file paths (for instance for copying fonts) you need to
update that path to include the scope.
The directory structure also means you have to update your imports, both in Less and in JavaScript.
Using less-plugin-npm-import:
- @import 'npm://ffe-core/less/ffe';
+ @import 'npm://@sb1/ffe-core/less/ffe';Using Webpack:
- @import '~ffe-core/less/ffe';
+ @import '~@sb1/ffe-core/less/ffe';Using plain old paths:
- @import '../path/to/node_modules/ffe-core/less/ffe';
+ @import '../path/to/node_modules/@sb1/ffe-core/less/ffe';JavaScript import:
- import { ActionButton } from 'ffe-buttons-react';
+ import { ActionButton } from '@sb1/ffe-buttons-react';JavaScript require:
- const { ActionButton } = require('ffe-buttons-react').default;
+ const { ActionButton } = require('@sb1/ffe-buttons-react').default;5.2.3 (2018-02-23)
Note: Version bump only for package ffe-buttons
5.2.2 (2018-02-22)
Note: Version bump only for package ffe-buttons
5.2.1 (2018-02-20)
Note: Version bump only for package ffe-buttons
5.2.0 (2018-02-16)
- ffe-buttons: Add inline-expand-button
5.1.9 (2018-02-15)
Note: Version bump only for package ffe-buttons
5.1.8 (2018-02-09)
- ffe-buttons: ffe-expand-button expand only horizontally
5.1.7 (2018-02-01)
Note: Version bump only for package ffe-buttons
5.1.6 (2018-01-19)
Note: Version bump only for package ffe-buttons
5.1.5 (2018-01-19)
Note: Version bump only for package ffe-buttons
5.1.4 (2018-01-10)
Note: Version bump only for package ffe-buttons
5.1.3 (2018-01-09)
Note: Version bump only for package ffe-buttons
5.1.2 (2018-01-05)
Note: Version bump only for package ffe-buttons
5.1.1 (2018-01-04)
Note: Version bump only for package ffe-buttons
- ffe-buttons: Add contribute.md link to readme
- Fix unnecessary duplicate nesting of
--loading-modifier.
- Replaced hardcoded font-sizes with mixins from ffe-core
- BREAKING: peerDependency to
ffe-corebumped to new major
- Add
ffe-task-buttonas a new button type. Should be used for any action where the user is adding a new item to some kind of collection. It's not opinionated about what icon to use, but was designed withpluss-ikonfromffe-iconsin mind.
- Add
--inlinemodifier to ffe-button-group. When using this modifier, the buttons in the modified button group will not have width 100% on small screens, and will be displayed on the same line as long as there is enough horizontal space.
- Support both versions 9 and 10 of
ffe-core
- Replaced hardcoded transition properties with variables from ffe-core
- Add line-height to buttons to remove implicit dependency on ffe-body-text
- Add multiline example for ffe-action-button
- Fixed
activeandfocusstate of the chevron inffe-shortcut-button--condensed.
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 ffe-core@9.x
- Updated visual test baselines according to color changes in ffe-core
To migrate, update your app to ffe-core version 9.x
- Made
ffe-back-buttonwork with<a />elements. - Made
ffe-tertiary-buttonwork with<a />elements.
- BREAKING:
ffe-back-buttonis now adisplay: inline-blockelement, which might break some layouts. Migrating should be pretty simple though - if you were depending onffe-back-buttonto be a block level element, please wrap your element in a block level element, like a<div />.
- Removed use of
line-heightto set button height, instead usepadding. This so line breaks won't look awkward - with padding around every text row.
- Changed primary button background color to @ffe-blue-royal-light-wcag
- According to Bodil Egge, icons in buttons are 14x14 px in "verktøykassa", not 18x18 px. This change only affects the size of the icon, the button's outer dimensions are not changed.
- Fix visual bug with icons in buttons in IE by explicitly setting label icon width.
- The chevron icon does not need to have the inline style
transform:rotate(-90deg)anymore.
- Add
outline: 0to.ffe-primary-button:focusto avoid "double" focus in Firefox.
- Fix position of spinner in condensed buttons.
- Minor placement adjustment of icons in secondary and tertiary buttons (this time with help from professionals).
- Adjust odd placement of icons in secondary buttons.
- Icons can be nested inside tertiary buttons with
.ffe-tertiary-button__label-icon. This also requires.ffe-tertiary-button--with-iconon the button.
- Icons can be nested inside secondary buttons with
.ffe-secondary-button__label-icon.
- Add compact variant of action, primary, secondary, tertiary and shortcut button (modifier
--condensed).
- Added ffe-back-button
- Updated design of ffe-tertiary-button
- Add
fill: @ffe-blue-royal-light-wcag;to.ffe-shortcut-button__icon-chevronso it's no longer black by default. - Fix broken selector for
:hoverstate of.ffe-shortcut-button__icon-chevron.
- Add
cursor: pointer;to.ffe-tertiary-button
- Improve
.ffe-button-groupto use less fragile selectors
- Added
ffe-button-groupby popular demand
- Bump ffe-core devDependency to new major ^8.0.2
- Bump ffe-core peerDependency to new major ^8.0.2
Added mixins that will be removed in ffe-core@8.0.0.
First version of package. Code was previously in ffe-core, but separated to its own package in ffe-core@8.0.0.