# Change Log

All notable changes to this project will be documented in this file.

## 0.7.3
- New sizes of fonts: `p-300` with font size 12px and `p-200` with font size 10px
- Updated Typography documentation about examples of heading, paragraph and colors

## 0.7.2
- Added a new set of icons: icons with a size of 16px have `__small` added to their name, the rest of icons are in size 24px
- Added background-color on hover to Autocomplete fields 

### Breaking changes:
- Changed name of following icons: 
  - `aprila` to `aprila__small`, 
  - `company-id` to `company-id__small`, 
  - `crown` to `crown__small`, 
  - `customer-type` to `customer-type__small`, 
  - `due` to `due__small`, 
  - `fullscreen` to `fullscreen-open`, 
  - `history` to `history__small`, 
  - `note` to `note__small`, 
  - `role` to `role__small`, 
  - `safe` to `safe__small`, 
  - `securities` to `securities__small`, 
  - `spinner-small` to `spinner-small__small`, 
  - `task` to `task__small`, 
  - `win` to `win__small`

- Removed icons: `check`, `loader`, `profile-placeholder`, `radiobutton__ok`, `radiobutton__onhold`

- Removed icon: `invoice` but this one is offered in four new versions `invoice-paid`, `invoice-paid__small`, `invoice-unpaid`, `invoice-unpaid__small`

- Removed icon: `menu` but use `context-menu` or `context-menu__small` instead

## 0.7.1
- Updated values of the depth

## 0.7.0

### Breaking changes:

- The CSS component `ab-radio-button` has changed structure
- The CSS component `ab-checkbox` has changed structure
- The `ab-container` defaults to display: block. Use `inline` or `inline-block` properties to change display property. This can break the design some places where we used `<span class="ab-container>` for example.

### Notable changes

- Radio button has `disabled` option, and added keyboard navigation
- Checkbox has `disabled` option

## 0.6.10

- `ab-grid-item` has option for `hide` at different breakpoints
- `ab-dropdown` has option for `full`
- `ab-modal` web component bugfix
- `ab-modal` has new options like `nobackdrop` and `hideheader`
- `ab-grid` has new `gutter` property

## 0.6.9

### Notable changes:

- New shinhy `ab-radio-button` component!
- Color `data-aqua` is available in container, and typography
- Added sizes to `ab-progress`
- `ab-flex` now supports breakpoint values!
- Checkbox, radio, input, radio-tabs, toggle, select, file comes in sizes `small` and `medium`

### Breaking changes:

**Default sizes for buttons and input components are now bigger.**

If you're developing for UNO you might need to use the `small` size instead of the default `medium` size for all buttons and input field.

## 0.6.8

- `ab-modal` available as web component
- `ab-tag` available as web component
- `ab-radio-tabs` available as web component

## 0.6.7

- fixes a bug with ab-autocomplete-item and `disabled` attribute.

## 0.6.6

### Breaking changes:

- Instead of importing variables when using web components, you should now just import the base CSS

```html
<link
  ref="stylesheet"
  href="https://unpkg.com/aprilabank@latest/build/base.css"
/>
```

- You can now individually import components using ES modules.

```js
<script
  type="module"
  src="https://unpkg.com/aprilabank@latest/build/components/ab-checkbox.js"
></script>
```

- You can now individually import CSS components:

```html
<link
  ref="stylesheet"
  href="https://unpkg.com/aprilabank@latest/build/components/ab-checkbox.css"
/>
```

- Small bufixes for firefox

## 0.6.4

- `ab-timeline` now has a tooltip to display today's date

## 0.6.3

- style change for `ab-timeline`

## 0.6.1

- fix ab-container web component so it also has the new modifiers available

## 0.6.0

### Notable changes:

- `ab-autocomplete` added
- `ab-container` has new modifiers like `--wide` `--large` `--medium` `--narrow`, and `--center`

### Breaking changes:

- `ab-tags-select` removed, `ab-autocomplete` replaces it
- `ab-tags-input` removed as it was depricated
- `ab-grid` is now using css grid, with flexbox as fallback. We don't need a padding-bottom on every grid-item to simulate gutter.
- Removed modifiers on `ab-grid` like `--reverse` and more. Haven't found a use for it.
- `ab-date-picker` removed, we haven't needed it, and it took a lot of kb's.

## 0.5.7

- add focus state to `ab-details`
- remove border bottom and top in `ab-list--bordered` (look weird nested)

## 0.5.6

- add focus state to `ab-checkbox`
- add focus state to `ab-toggle`
- add focus state to `ab-radio-tabs`
- add focus state to `ab-file-input`

## 0.5.5

- Remove .DS_Store from build

## 0.5.4

- New Component: `ab-tooltip` 🎉

## 0.5.3

### Notable changes:

- New Component: `ab-checkbox` 🎉
- New Component: `ab-toggle` 🎉

## 0.5.2

- `ab-label` always has font-weight: 500
- `ab-select` has max-width of 100%

## 0.5.1

- Fix a bug where babel transpiled the bundle incorrectly.

## 0.5.0

### Breaking changes:

– `ab-person-card` is gone, use a combination instead!

### Notable changes:

- `ab-button__icon` is default 18px
- `ab-icon` has `medium` and `normal` size
- `ab-tag` has `small` modifier

## 0.4.4

### Notable changes:

- `ab-print-area` added!

## 0.4.3

### Breaking changes:

- `ab-progress` is made simpler by using a `<progress>` element.

### Notable changes:

- `ab-spinner` comes in `small` option as well.
- `ab-spinner` has a new web component!

## 0.4.2

### Notable changes:

- `ab-file-input` is added!
- `ab-typography` web component supports `ellipsis` attribute
- `ab-typography` CSS and web component supports all colors now
- `ab-animate` web component is available.
- `ab-container` web component has now a `full` attribute to make it display block and width 100%. With regular CSS we can just use `div` or `span` to do this.

## 0.4.1

### Notable changes:

- `ab-button` web component added with documentation
- `ab-list` now had the option for ´ab-list--compact´ which applies no padding

## 0.4.0

### Breaking changes:

#### ab-container

- `ab-container--border-radius` renamed to `ab-container--radius`
- `ab-container--bg-lime-xx` to `ab-container--bg-data-lime-xx`
- `ab-container--bg-gold-xx` to `ab-container--bg-data-gold-xx`

### ab-dropdown

- `ab-dropdown__menu` modifiers moved to `ab-dropdown`. This means that you should now use `ab-dropdown--left` instead of `ab-dropdown__menu--left`
- `ab-dropdown--show-on-hover` renamed to `ab-dropdown--hoverable`

### ab-grid

- `ab-grid--reversed` is renamed to `ab-grid--reverse`
- Removed all `reversed` breakpoint. Haven't had the need for this.

### Notable changes

- Use `postcss-each` to loop through variables in CSS
- Icons inside buttons will now be 16px as default
- Remove all `ab-border` variables. Just use `1px solid var(--ab-color-xx)` instead. Now we have all colors available as borders on container
- New `ab-dropdown` web component!

## 0.3.0

### Breaking changes:

- The `ab-list--no-padding` modifier is renamed to `ab-list--full`.

### Notable changes

- The `ab-details` component changed styling
- `ab-list` now had more modifiers like `--bordered` and `--large`