All notable changes to this project will be documented here.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
- Improved typings for some components and utils (#334).
- Required props will now be marked as such in the component typings.
3.7.0 – 2021-12-30
- The
hideNow
prop to theTimePicker
component has been added to hide thenow
button (Thanks to @CuriousCI for the contribution - #331).
3.6.0 - 2021-12-23
- Implement automatic positioning of the Dropdown. This will prevent it from going off-screen in certain cases. This is also the new default behaviour; the previous alignment props (
right
andtop
) are now deprecated (Thanks to @Th1nkK1D for the contribution - #318).
3.5.2 - 2021-11-21
- One more issue with the type of
AutocompleteField
'sOptionGetter
(the type of thegetOptions
prop).
3.5.1 - 2021-11-20
- Fixed a minor regression in the types of components that extend other components (#325).
3.5.0 - 2021-11-08
- The
Slider
component has been added, allowing you to create a slider similar to the one you would get with<input type="range">
. It also support inputting a range by supplying a tuple for thevalue
prop (Thanks to @RikuVan for the contribution - #290). - The
closeOnSelection
prop to theDatePicker
component has been added to close the dropdown after a selection has been made.
- Change the
Dropdown
chevron transition animation to ascaleY(-1)
for150ms
(#310). - The
Card
component will now use the SCSS$background
variable as its default background color instead of the hard-coded white color.
3.4.0 - 2021-09-12
- The
Breadcrumbs
component has been added to the library (#157). - A new
Table
component has been added, useful for displaying simple collections of data (#255). maxReachedTooltip
prop for theCheckboxGroup
andCheckboxChipGroup
components to customize the tooltip text that appears on hover when the maximum amount of checkboxes have been checked (#13).- The
hours
,minutes
andseconds
props of theTimePicker
component allow you to specify what values the user can choose from (#120). disabledDates
prop for theCalendar
component to disable specific dates or ranges of dates (#34).inputClass
prop for theTimePicker
andDatePicker
components to pass them down to theTextField
(#269).- The
Button
component is now SvelteKit-compatible (using thenoPrefetch
prop would also unsetsveltekit:prefetch
).
- [For contributors on Windows] The scripts in
package.json
should now work on CMD as well.
3.3.0 - 2021-05-28
This release contains no new features but fixes a Sass deprecation. You'll have to bump your sass
dependency to >= 1.33.0
in order to upgrade to this version.
- Deprecated Sass features: The division in Sass with the slash operator was deprecated.
- A typo in the documentation: A code sample suggested users to use
reqiure
.
3.2.1 - 2021-05-05
- Typings: The
SnackbarContainer
'sposition
prop was typed as expecting the entireSnackbarPositions
enum object. It has been fixed to expect only one of its values, and similarly so forPopoverPositions
(#257).
3.2.0 - 2021-03-04
- New SCSS variables for customizing the curvature radius of the outline
TextField
and the font weight of theButton
(#245 and #246).
- The
DatePicker
component wasn't generating the days of the month correctly in certain timezones (#243). - The outline
TextField
didn't respect the background color (#246).
- Improved TypeScript declaration files. They should now work when importing nested modules such as
attractions/utils
or evenattractions/snackbar/snackbar-positions
. They also now specifynull
as a valid value wherever it is accepted. You may (and should) enable--strictNullChecks
again!
Thanks to @sallaben and @damonbauer for contributing to this release!
3.1.0 - 2021-01-22
- TypeScript support: We now provide our own type declaration (
.d.ts
) files so that TypeScript users will have a more delightful development experience! Note that other users are not affected since the components are written in plain JS (#211). - Allow passing a
closeCallback
for snackbars (#216).
- Documentation:
RadioButton
'svalue
was incorrectly marked as optional.
- The recommended installation procedure now involves separating the Svelte configuration into a separate file,
svelte.config.js
. This allows the Svelte Language Server to reliably analyze your source code, so your editor becomes smarter.
- The types are not entirely null-aware. If you use
--strictNullChecks
, you might face some errors like "null
cannot be assigned to typestring
". - Functions exported from components are falsely detected as props, and not even typed properly yet
3.0.0 - 2021-01-10
Not a large release, but still breaking. This will upgrade Attractions to use Sass modules which will allow zero-config installations.
Refer to the migration guide for information on how to upgrade.
- New Sass variables for the X icon in the search fields and the regular font weight.
- A slight animation for the checkbox component.
- Autocompletes can now be disabled like regular text fields.
- Sass modules are now used for styling. This is a breaking change.
2.3.1 - 2020-12-23
- The autocomplete wasn't filtering out selected options without typing (#195, thanks to @sallaben for reporting and fixing).
- The slot forwarding of Autocomplete was breaking slot defaults.
2.3.0 - 2020-12-22
- Autocomplete now supports the same slots as AutocompleteField.
- A new utility
escapeRegExp
is now available in utils.
- Dart Sass (
sass
) is now used instead of Node Sass (node-sass
). Consider replacing (simply removing one and installing the other). - The pure-JS bundle with custom elements is renamed (
dist/bundle.js
→dist/custom-elements.js
) and available directly through Unpkg. - Svelte 3.29.1 and higher is now required to support slot forwarding.
- The pure-JS bundles now contain styles (so that they are at least not useless).
- The Autocomplete component now doesn't throw an error when regex characters are written into it (#184).
- The Autocomplete options weren't showing after selecting something when minimal search length was set to 0 (#183).
- The FileTile component is now correctly clipping long filenames (#125).
- The DatePicker was unexpectedly closing when a certain month change would happen.
2.2.4 - 2020-12-08
- DatePicker and TimePicker threw exceptions when you cleared them (#170).
- The Autocomplete wasn't showing the dropdown (#172).
- Pagination component styles weren't applied properly.
2.2.3 - 2020-11-21
- Warnings about forgetting to set
customElement: true
should no longer bother you.
2.2.2 - 2020-11-19
- The dropdown was causing an error when using SSR.
2.2.1 - 2020-11-18
<DropdownShell>
: Now closes the dropdown when pressing Enter or Escape buttons.<TimePicker>
: The currently selected value will now be highlighted in the dropdown. Labels are customizable as slots.
(Thanks to @RikuVan for these 2 contributions – #150)
2.2.0 - 2020-11-10
- All components are now registered as
customElements
as well, meaning that they can be used without Svelte (or any framework). This does not affect any existing usage. More information in the docs.
- The
<Button>
'sclick
event was being forwarded directly instead of the payload being wrapped as with other events. This is changed for consistency. - Updated PostCSS peer dependency to support newer versions.
2.1.1 - 2020-09-02
Minor documentation and bug fixes.
<Tab>
s now also dispatchclick
event.
- Mobile navigation in documentation ("Components" tab dropdown now works as expected).
- Styles now load properly when navigating directly to a page in the docs (without passing through the main page first).
- The
DatePicker
now loses focus properly.
2.1.0 - 2020-08-21
First stable release with proper documentation. Previous, undocumented, releases can be found in the releases section.