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, enforced with semantic-release.
11.6.0 (2024-10-03)
- SearchableSelect: add clear button to SearchableSelect (000f776)
- changelog: format (3fd0539)
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, enforced with semantic-release.
11.5.0 (2024-09-09)
- DateInput: add data-1p-ignore to prevent 1Password trying to fill (c296811)
- MoneyInput: add data-1p-ignore to prevent 1Password trying to fill (6367aa8)
- SearchableSelect: add data-1p-ignore to SearchableSelect (ce4bf4b)
- Select: add data-1p-ignore to prevent 1Password trying to fill (1e502e2)
11.4.2 (2024-09-06)
- Drawer: fix A11y warning in Drawer (275d2b9)
11.4.1 (2024-07-09)
- Card: fix Card aria role warn (58b599f)
- FileDropArea: fix aria role warning (d01d097)
- Item: fix aria warnings in List Item (ca3778e)
- Types: stop using deprecated svelte types (ba4798d)
11.4.0 (2024-07-07)
- searchableSelect: add showError prop to searchableSelect and expose blur and change events (2d4db3f
11.3.0 (2024-04-16)
- Select: update to match installed version of material/select (a739d35)
- Select: Add Select.name for convenient form submission (8f7380b)
- Select: Add Select.required prop (94bab91)
- Select: Add Select.ShowError prop which applies the mdc-select--invalid class to the (3d8f95d)
11.2.0 (2024-04-09)
- TextInputs: add showError, showWarn props to MoneyInput, TextArea and TextField (c143895)
- TextInputs: use latest material docs to fix icon spacing issues on TextField and MoneyInput (2df920b)
11.1.2 (2024-04-08)
- TextArea: fix TextArea maxlength hardcoded in textarea (ea955bc)
11.1.1 (2024-04-04)
- types: missing Select.label type (687a403)
11.1.0 (2024-03-26)
- Tooltip: Add Tooltip.rich (2540751)
- build: fix npm-publish [skip release] (1fd6d87)
11.0.0 (2024-03-20)
- core: updated from svelte 3 to svelte 4. Consumers should use svelte 4 although svelte 3 might still work
- core: update to svelte 4, storybook 7, sass to 1.77.x (c58d599)
10.7.0 (2024-01-23)
- dependencies: add deepfactor and move svelte, sass and material to dependencies (8ac3b5a)
- dependencies: remove sass from peerDependencies (c973f25)
- Checkbox: add inputID as prop to Checkbox (4f9e0ea)
- StaticChip: add height prop, improve defaults styles, width expands with content. styles overridable (1cbdaba)
10.6.0 (2023-10-25)
- types: Add and improve JSDOC types to props (0f8a51f)
- Select: Only dispatch
populatedevent when appropriate (8624b08) - types: Add missing items type to Alert.Simple (1193e03)
10.5.0 (2023-10-12)
- MoneyInput: description in helper text like TextField (b9d4b7d)
- SearchableSelect: expose on:focus (60667e0)
- SearchableSelect: let consumer clear input (885a8bd)
- TextField: add missing type for icon prop (9ac0c6a)
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, enforced with semantic-release.
10.4.0 (2023-09-15)
- DataTable: add lowContrast prop to DataRowItem (bf1bbef)
10.3.0 (2023-08-30)
- release: trigger v10.3.0 release (196c716)
- TextField: Add all fields to default Storybook story (96965f5)
- TextField: Add Description as helper text (2e22040)
- TextField: Description as helper text (b6fd540)
- TextField: Description as helper text (5d017c3)
10.2.0 (2023-05-16)
- docs: Update contribution section [release skip] (ae8ae0c)
- TextArea: Add input event dispatch to TextArea (c10f29f)
- TextField: Add input event dispatch to TextField (951221e)
10.1.1 (2023-03-30)
- components: fix undefined appearing in class (51a6d28)
10.1.0 (2023-03-29)
- DatatableCheckbox: Add class prop (1959e3d)
- DatatableCheckboxHeader: Add prop class (8618a4f)
- Divider: Add class prop (ae03e35)
- List.Item: Add class prop (bfd35c1)
- Subheader: Add class prop (af9990a)
- Switch: Add class prop (4ca247d)
- TabBar.Indicator: Add class prop (f60bf46)
- TabBar.Scroller: Add class prop (1f4e7d5)
- TabBar.Tab: add class prop (9ca980f)
- TopAppBar: Add class prop (077363e)
- release-config: use conventionalcommits and custom release rules and notes with semantic release (3537856)
- types: update index.d.ts types (edd3f87)
10.0.1 (2023-03-23)
- exports: fix broken DateInput export (d841278)
10.0.0 (2023-03-23)
- components: Add DateInput components (a83dc70)
- Form: remove success prop (5f3537c)
To reset Form use on:submit and event.target.reset() instead of setting success to true
9.1.1 (2023-02-22)
- TextArea: fix text overlapping with counter (c0bb58e)
9.1.0 (2023-02-22)
- Components: add target prop to Button, Fab, and IconButton (d0e92bc)
9.0.0 (2023-02-08)
- Menu: fix ssr for Menu using window (e4b0b03)
- Menu: remove window & add currentUrl to props (1e982ad)
- Menu: remove focus of menuItem based on path. Add currentUrl story (b0aca32)
- Menu: remove checking of current path to focus menu item
8.1.0 (2022-12-12)
- Form: deprecate success and listen for reset to clear local storage (38fad25)
- Form: listen for reset to clear local storage (38fad25)
8.0.1 (2022-12-03)
- components: resolve A11y warning in that show up in rollup-plugin-svelte (42229e2)
8.0.0 (2022-12-01)
- peerDependencies: update material-components-web and sass to match devDependencies. Fixes an npm error for consumers using material and sass. (7d929fd)
- peerDependencies: update peerDependencies (a524f48)
- peerDependencies: update peerDependencies
Change material-components-web to 14 and sass to 1.55. If installed in your project you can now update them to these versions without an error or warning.
7.0.0 (2022-11-07)
- dependencies: update multiple deps (4553e7f)
- Form: change Form children top margin (0ca845f)
- dependencies: update material-components-web to 15 and sass to 1.55
- Form: Form children will now have 1rem instead of 2rem
6.7.0 (2022-10-05)
- Form: don't remove storage when restoring form values (44ba3a9)
- Form: add success prop so Form can remove stored values internally (8aedd72)
6.6.0 (2022-10-04)
- components: add name prop to MoneyInput, TextArea and TextField (142b27e)
- Form: add id and saveToLocalStorage props to Form (8216ae1)
6.5.0 (2022-09-26)
- SearchableSelect: add required prop (053af32)
6.4.2 (2022-08-24)
- types: fix Scroller type warning (d867aa0)
6.4.1 (2022-08-24)
- types: Add Scroller and Tab to TabBar type (dd08278)
6.4.0 (2022-08-18)
- components: add type support (c2abfbc)
6.3.0 (2022-07-26)
- components: Add FileDropArea (475fbd9)
6.2.0 (2022-07-05)
- Datatable: expose DataRow rowId as slot prop (46aa49c)
- Datatable: fix exception when using checkbox (f4d3433)
- components: add DatatableCheckbox and DatatableCheckboxHeader (5c2da10)
- Datatable: add numberOfCheckboxes to register new Checkboxes (01aa5d0)
6.1.1 (2022-06-23)
- index.mjs: Switch was not exported (b3bb6ac)
6.1.0 (2022-06-16)
- components: add Switch story (8889e11)
6.0.1 (2022-05-23)
- Drawer: fix find and replace typo (11943d3)
6.0.0 (2022-04-28)
- Dialog: fix Alert titleIcon position (be8bac7)
- MoneyInput: fix 1x10e-n not being caught by step (84a6cef)
- Select: fix floating label color (12d120d)
-
deps: update material-components-web and sass (6e44b76)
-
Diaolog.Alert: expose titleIcon color to --mdc-theme-icon-color (f8c9ad0)
- components: add SearchableSelect (2de1351)
- deps: Consumer must install [email protected] and material-components-web@13. See https://github.com/material-components/material-components-web/blob/master/CHANGELOG.md
5.1.1 (2022-04-04)
- imports: fix circular dependency warnings (81ca49f)
- MoneyInput: fix valueNotDivisibleByStep for most values (d38c333)
5.1.0 (2022-03-12)
- Tooltip: add class prop to Wrapper (38a9669)
5.0.1 (2022-03-04)
- MoneyInput: fix step bug when 2.01 is entered (10b8f9c)
5.0.0 (2022-02-24)
- Drawer: use element to listen for closed (111d0e4)
- icons: icons not loading in sveltekit SSR (bfa8e19)
- index: use index.mjs as entry point (f4aec84)
- icons: remove autoloading material icons (e3c0483)
- icons: consumer now imports icons. see README.
4.1.0 (2022-02-21)
- Dialog.Alert: add titleIcon prop (13a9c41)
- Dialog.Alert: allow modal to close itself (d4df8e8)
- Menu: add subtitle to menuItems prop as splitters (b23fab6)
4.0.0 (2022-02-17)
- Tour: resolve a11y warnings (f4e3132)
- Drawer: add currentUrl prop and remove roxi (c38dfac)
- IconButton: add url and disabled props (fba3e6b)
- Drawer: remove beforeUrlChange (2247b8c)
- Drawer: The consumer must update the currentUrl as a prop
3.12.1 (2022-02-17)
- deps: add sass to peerDependencies (08b09de)
3.12.0 (2022-02-14)
- TextInput: add description property (a215a58)
- TextInput: add description story (a75efd6)
- utils: add quarter/half margin & padding (feeb42f)
3.11.0 (2022-02-10)
- Button: expose radius and outline color (90b7fd1)
- TextField: expose radius var to consumer (3757b15)
3.10.6 (2022-01-13)
- Drawer: fix a11y warning (3394ec3)
3.10.5 (2022-01-06)
- DataTable: sort button should be on left side of numeric HeaderItem (4376c56)
3.10.4 (2022-01-03)
- TextInputs: fix circular dependencies (cb73f9c)
3.10.3 (2021-12-22)
- MoneyInput: fix value two way binding (7bbf8a5)
- TextInput: fix offsetWidth error on undefined (5d2ca72)
3.10.2 (2021-12-22)
- MoneyInput: forgot to add MoneyInput to index (fceb8e0)
- Textinput: fix error on reading 'remove' (1a209f9)
3.10.1 (2021-12-21)
- MoneyInput: fix MoneyInput staying red (2adc91c)
3.10.0 (2021-12-21)
- MoneyInput: fix label color for required (dc9c3ba)
- MoneyInput: remove error state on:focus for required (3e6c2f5)
- TextInput: label not turning red for required (b9d924a)
- TextInput: Show *Required initially and change backup color (b84548a)
- TextInput: show appropriate icons/colors (925a6ac)
- TextArea: add required prop and story (6045274)
3.9.0 (2021-12-20)
- TextArea: typo and counter rendering "524288" (94992b6)
- TextField: *Required was hidden until focused (d320bca)
- TextField: allow value to be > maxlengh (c09def6)
- components: add MoneyInput and story (021d291)
- MoneyInput: add counter & icon on maxlength (d22bda8)
- MoneyInput: add maxlength warning, fix width (6ce6458)
- MoneyInput: add step, maxValue, minValue and helper text (db5de95)
- TextArea: allow value > maxlength & add warning (6151b60)
- TextField: add character counter (eba6321)
- TextField: Add icon prop (568f659)
- TextField: add maxlength warning, fix width (67b145a)
- TextField: make outline red on maxlength (44b52dc)
- textinput: use error color on counter and label for maxlength (364ddba)
- utils: add min, max, height and width utils (5d737f3)
- utils: change margin and padding up to 50px (fa3aa85)
- TextArea: make outline red on maxlength (70d3920)
3.8.0 (2021-12-13)
3.7.0 (2021-11-22)
- Drawer: add url pattern matching (4ad5821)
3.6.0 (2021-11-05)
- TextField: add keydown, keypress, and keyup events (da1b1bd)
3.5.0 (2021-10-19)
- Drawer: Add optional content slot above menu in Drawer (6aa7ddb)
3.4.0 (2021-10-18)
- Datatable: Fix text-alignment in numeric Datatable cells (8f733da)
- Drawer: Add support for tooltips on menu items (27cd6f9)
3.3.0 (2021-10-13)
- Menu: add support for actions in MenuItems (ce271f2)
- TextInput: remove Noto Sans (3591a21)
3.2.0 - 2021-10-01
- Menu to components
- Menu story to storybook
- README index with Menu and default values for Dialog
- README index formatting
- Dialog story event names
- let prettier redo some formatting
3.1.0 - 2021-09-01
- Dispatch 'populated' event when a Select's options are populated. Useful for knowing when it's safe to set the initial selectedID value.
3.0.1 - 2021-09-02
- package.json: fix git repository url (93ac824)
- README: update README & test new environment (6d5b5f8)
3.0.0 - 2021-08-13
- mini, extended and action props to Fab
- non link variation of Fab when url prop is empty
- hideForPhonesOnly, hideForTablet, miniMenu to Drawer
- clickable to Datatable.Data.Row
- $$props.class to all Datatable sub components that didn't already have it.
- margin & padding global classes m-0px through m-25px and p-0px through p-25px
- margin & padding x (m or p)x-0px through (m or p)x-25px global classes
- margin & padding y (m or p)y-0px through (m or p)y-25px global classes
- margin & padding sides m(side)-(0 to 25)px, p(side)-(0 to 25)px global classes
- bug preventing standard navigation Drawer
- hideForMobile from Drawer
- all boolean props in Drawer are now false by default
2.6.0 - 2021-08-04
- hideForMobile prop and optional border-white class in Drawer
- another slot to TopAppBar
- main-drawer-content id and actions slot to Drawer
- TopAppBar adjust class removed when not needed by Drawer
2.5.0 - 2021-08-03
- slot to TopAppBar in Drawer
- centered and raised menu button in Drawer
2.4.0 - 2021-08-03
- capitalize to global.scss
- $$class.props and isFullHeightMenu property to Drawer
- button to menu array in Drawer
- update README index
- typo in global.scss
- bug in Drawer by defaulting to modal
2.3.1 - 2021-07-22
- package-lock.json still had [email protected]. Excessive warnings from sass.
2.3.0 - 2021-07-21
- borderRadius, padding and bordered props to Badge
- bgColor to StaticChip
- README - updated component index
2.2.1 - 2021-07-15
- Excessive warnings from sass. Reverted to 1.32.12
2.2.0 - 2021-07-14
- noPadding to card
- README - updated component index
2.1.0 - 2021-07-13
- README - updated installation instructions, bundler configuration and component index
- on:click, on:mousedown, on:mouseup, on:keypress, isClickable (prop) and tabindex to Card
- Events in Storybook
2.0.0 - 2021-07-02
- README - Instructions for running Storybook locally
- global.css is compiled during Storybook dev and deployment build from global.scss and used only for Storybook
- _index.scss uses global.scss
- .align-center, .align-left and .align-right global classes are now .text-align-center, .text-align-left and .text-align-right.
- .aligned global class is now .align-items-center
- Progress.Linear barColorProvided prop deleted
- Progress.Linear uses --progress-bar-color instead of --sil-primary-blue from the apps _theme file and falls back to --mdc-theme-primary
- TopAppBar prop bgColorIsVariant default value is now false
- $$props.class to Badge, Form, CustomCard, Tour and StaticChip so they can accept global classes
- mdc-typography class to Badge, StaticChip and Card as it was not being applied
- Badge, CustomCard, Drawer, Form, StaticChip and Tour stories to Storybook
- global.scss to generate full range of padding and margin from 1rem to 8rem, height and width from 0 to 100% in increments of 5, z-index from 0 to 10.
- align-item and align-self flex utilites to global.scss
- .text-align-start, .text-align-end, .d-inline, .d-block, .relative, .fixed and .fs-10 added to global.scss
- toggle (opens and closes Drawer when modal or dismissible), dismissible(Drawer is hidden by default) and hasTopAppBar props to Drawer
- global.css was removed and added to .gitignore
- barColorProvided from Progress.Linear
- Tour was failing to replace key with value of data prop in steps content.
1.1.0 - 2021-05-26
- package.json version to 1.1.0
- actions, isAboveMobile, isAboveTablet, setNotice to index.js so they can be imported directly
- $$props.class to Fab, TextArea, Select, Checkbox, Datatable, Dialog.Simple, Dialog.Alert, Tooltip, Snackbar, TabBar and List so they can accept global classes
- barColorProvided to Progress.Linear to allow bypass of bar-color class when no color is provided
- bgColorIsVariant to TopAppBar to allow bypass of bg-color-variant if no color is provided
- README: Theming, Drawer example, CSS utility classes and Storybook url.
- Storybook for showcasing components at https://silinternational.github.io/ui-components/
- README: import from '@silintl/ui-components' not 'ui-components'
1.0.1 - 2021-05-18
- updated package-lock.json
- installation instructions in README. Now install with npm:
npm i @silintl/ui-components
1.0.0 - 2021-05-18
- package.json and package-lock.json
- ./random/index.js to generate random IDs for some components
- components - for use in svelte projects based on material design
- index.js to expose components
- README to provide basic installation, configuration, examples and usage instructions
- global.css for styling components and using as utilities in the dependent
- peerDependencies: @roxi/routify, material-components-web, svelte