All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
Includes breaking changes for <oma-menu>
!
- The custom event
'oma-menu-toggled'
is now dispatched on the hamburger button in<oma-menu>
instead of onwindow
. - The default hamburger button in
<oma-menu>
now has displayblock
rather thaninline-block
to avoid potential extra height above the menu label due to spacing for ascender characters.
Includes breaking changes for <oma-google-calendar>
!
- Added support for accessibility label to the menu button
- Added keyboard navigation support to the Menu component
- Added aria attributes for better accessibility
- New CSS custom properties to configure the Menu component:
--button-size, --label-color, --label-margin-bottom, --line-color
- New property show-location to
oma-google-calendar
that shows the location of the event if it exists. By default, this property is set to true. If you don't want to show the location, please disable it withshow-location="false"
.
- The Menu component has a slightly new look
<oma-google-calendar>
now shows locations by default. See more in "Added" above.
- CSS custom property
--oma-menu__justify-button
is removed for the menu component. The hamburger svg now fills the whole button, so that property is no longer needed.
<social-media-link>
now supportstype='youtube'
.
Includes breaking changes for <oma-google-calendar>
!
- Changed properties for
<oma-google-calendar>
to facilitate fetching all events from a calendar.- The default value for
maxResults
is removed. Implicitly, that means the default limits from the API is now used instead. - The default value for
timeMin
is removed. The default wasnew Date().toISOString()
. - The default value for
timeMax
is removed. The default wasnew Date(Date.now() + 30_DAYS_IN_MILLILSECONDS).toISOString()
.
- The default value for
locale
property tooma-google-calendar
. Defaults tosv-SE
.date-format
property is added tooma-google-calendar
to format the date printed for each event. It takes a stringified JSON object and passes it directly toDate.prototype.toLocaleDateString
. See Changed below for information regarding the default value.- New component:
<oma-menu>
Includes breaking changes for <oma-google-calendar>
!
- Due to the new
date-format
attribute, dates printed byoma-google-calendar
has changed it's default format from 'yyyy-mm-dd' to localized weekday, month and date: "ons 26 okt.".
- Bug in
<oma-center>
. - Styling issues in
<oma-link>
(styles were not applied on "ordinary links", compared to email and phone links)
alignment
property tooma-link
. When theto
property includes either a phone number or an email address, the link component outputs the phone number or the email address. If you also pass childrens, they were previously added after the phone number / email address. With this new property, you can choose the alignment yourself.
<oma-google-calendar>
now sorts events on start time. Before, they were sorted in an "unspecified" but "stable" order from Google. This change also expands recurring events into single events.
- New web component:
<oma-google-calendar>
Includes breaking changes for screen size classes!
- New web component:
<oma-center>
- New web component:
<oma-content-switch>
- The screen size classes has changed name from
size-600
,size-900
andsize-1200
toscreen-size--small
,screen-size--medium
andscreen-size--large
(breaking change!)
- Part attribute to
<social-media-link>
, which allows you to style the anchor tag from outside the Shadow DOM, with something likesocial-media-link::part(link)
- Actually fixes what 0.7.3 attempted to (forgot to build component before publishing).
- Renames
oma-google-map
key
attribute toapikey
(key
is a React keyword).
- Replaces hard coded Google API Key with a new
key
attribute.
- Removes unused export from
oma-google-map
, which fixes a console warning.
- New
oma-google-map
component.
oma-grid-row
now has new padding attributes:paddingOnSelf
andpaddingOnChildren
. We have found that you often want to have a fullwidth row with a background and then align children to the grid. These new attributes makes that super easy!
oma-grid-row
's attributecontentAlignedWithGrid
is replaced in favor ofpaddingOnSlef
.
- Actually fixes the problem with
oma-grid-subgrid
that 0.5.2 was supposed to fix. The change was not build correctly due to a problem in the build script, which is not fixed as well.
oma-grid-subgrid
now renders its children.