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

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

• You can now individually import components using ES modules.

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

• You can now individually import CSS components:

<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