ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: move radio, checkbox and option

Browse source
This commit is contained in:
CubLion 2020-03-04 15:32:45 +01:00 committed by Thomas Allmer
parent 1ee1324fbc
commit d1610ce692
42 changed files with 38 additions and 2634 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
bundlesize/all.js
View file

@ -1,7 +1,6 @@
import '../packages/ajax/index.js';
import '../packages/button/index.js';
import '../packages/calendar/index.js';
import '../packages/checkbox/index.js';
import '../packages/checkbox-group/index.js';
import '../packages/choice-input/index.js';
import '../packages/core/index.js';
@ -16,9 +15,7 @@ import '../packages/input-date/index.js';
import '../packages/input-email/index.js';
import '../packages/input-iban/index.js';
import '../packages/localize/index.js';
import '../packages/option/index.js';
import '../packages/overlays/index.js';
import '../packages/radio/index.js';
import '../packages/radio-group/index.js';
import '../packages/select/index.js';
import '../packages/select-rich/index.js';

6
packages/checkbox-group/README.md
View file

@ -4,7 +4,7 @@
`lion-checkbox-group` component enhances the functionality of the native `<input type="checkbox">` element. Its purpose is to provide a way for users to check **multiple** options amongst a set of choices, or to function as a single toggle.
You should use [lion-checkbox](../checkbox/)'s inside this element.
You should use `lion-checkbox` inside this element.
## Live Demo/Documentation
@ -15,12 +15,12 @@ You should use [lion-checkbox](../checkbox/)'s inside this element.
### Installation
```sh
npm i --save @lion/checkbox @lion/checkbox-group
npm i --save @lion/checkbox-group
```
```js
import '@lion/checkbox/lion-checkbox.js';
import '@lion/checkbox-group/lion-checkbox-group.js';
import '@lion/checkbox-group/lion-checkbox.js';
```
### Example

1
packages/checkbox-group/index.js
View file

@ -1 +1,2 @@
export { LionCheckboxGroup } from './src/LionCheckboxGroup.js';
export { LionCheckbox } from './src/LionCheckbox.js';

0
packages/checkbox/lion-checkbox.js → packages/checkbox-group/lion-checkbox.js
View file

4
packages/checkbox-group/package.json
View file

@ -36,10 +36,10 @@
"dependencies": {
"@lion/choice-input": "0.7.3",
"@lion/core": "0.4.4",
"@lion/fieldset": "0.9.1"
"@lion/fieldset": "0.9.1",
"@lion/input": "0.5.16"
},
"devDependencies": {
"@lion/checkbox": "0.3.16",
"@lion/localize": "0.8.8",
"@lion/validate": "0.7.0",
"@open-wc/demoing-storybook": "^1.10.4",

0
packages/checkbox/src/LionCheckbox.js → packages/checkbox-group/src/LionCheckbox.js
View file

6
packages/checkbox-group/stories/index.stories.mdx → packages/checkbox-group/stories/checkbox-group.stories.mdx
View file

@ -1,8 +1,8 @@
import { Story, Meta, html } from '@open-wc/demoing-storybook';
import { Required, Validator, loadDefaultFeedbackMessages } from '@lion/validate';
import '@lion/checkbox/lion-checkbox.js';
import '../lion-checkbox-group.js';
import '../lion-checkbox.js';
<Meta title="Forms/Checkbox Group" parameters={{ component: 'lion-checkbox-group' }} />
@ -48,12 +48,12 @@ Since it extends from [lion-fieldset](?path=/docs/forms-fieldset-overview--page)
### Installation
```sh
npm i --save @lion/checkbox @lion/checkbox-group
npm i --save @lion/checkbox-group
```
```js
import '@lion/checkbox/lion-checkbox.js';
import '@lion/checkbox-group/lion-checkbox-group.js';
import '@lion/checkbox-group/lion-checkbox.js';
```
### Model value

3
packages/checkbox-group/test/lion-checkbox-group.test.js
View file

@ -1,7 +1,8 @@
import '@lion/checkbox/lion-checkbox.js';
import { localizeTearDown } from '@lion/localize/test-helpers.js';
import { expect, fixture, html } from '@open-wc/testing';
import '../lion-checkbox-group.js';
import '../lion-checkbox.js';
beforeEach(() => {
localizeTearDown();

822
packages/checkbox/CHANGELOG.md
View file

@ -1,822 +0,0 @@
# Change Log
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [0.3.16](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.15...@lion/checkbox@0.3.16) (2020-03-02)
**Note:** Version bump only for package @lion/checkbox
## [0.3.15](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.14...@lion/checkbox@0.3.15) (2020-03-01)
**Note:** Version bump only for package @lion/checkbox
## [0.3.14](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.13...@lion/checkbox@0.3.14) (2020-02-26)
**Note:** Version bump only for package @lion/checkbox
## [0.3.13](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.12...@lion/checkbox@0.3.13) (2020-02-20)
**Note:** Version bump only for package @lion/checkbox
## [0.3.12](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.11...@lion/checkbox@0.3.12) (2020-02-19)
### Bug Fixes
* reduce storybook chunck sizes for more performance ([9fc5606](https://github.com/ing-bank/lion/commit/9fc560605f5dcf6e9abcf8d58079c59f12750046))
## [0.3.11](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.10...@lion/checkbox@0.3.11) (2020-02-10)
**Note:** Version bump only for package @lion/checkbox
## [0.3.10](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.9...@lion/checkbox@0.3.10) (2020-02-06)
**Note:** Version bump only for package @lion/checkbox
## [0.3.9](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.8...@lion/checkbox@0.3.9) (2020-02-06)
**Note:** Version bump only for package @lion/checkbox
## [0.3.8](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.7...@lion/checkbox@0.3.8) (2020-02-06)
**Note:** Version bump only for package @lion/checkbox
## [0.3.7](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.6...@lion/checkbox@0.3.7) (2020-02-05)
**Note:** Version bump only for package @lion/checkbox
## [0.3.6](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.5...@lion/checkbox@0.3.6) (2020-02-05)
**Note:** Version bump only for package @lion/checkbox
## [0.3.5](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.4...@lion/checkbox@0.3.5) (2020-02-03)
**Note:** Version bump only for package @lion/checkbox
## [0.3.4](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.3...@lion/checkbox@0.3.4) (2020-01-23)
**Note:** Version bump only for package @lion/checkbox
## [0.3.3](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.2...@lion/checkbox@0.3.3) (2020-01-23)
**Note:** Version bump only for package @lion/checkbox
## [0.3.2](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.1...@lion/checkbox@0.3.2) (2020-01-20)
**Note:** Version bump only for package @lion/checkbox
## [0.3.1](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.3.0...@lion/checkbox@0.3.1) (2020-01-17)
### Bug Fixes
* update storybook and use main.js ([e61e0b9](https://github.com/ing-bank/lion/commit/e61e0b938ff72cc18cc0b3aa1560f2cece0c9fe6))
# [0.3.0](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.13...@lion/checkbox@0.3.0) (2020-01-13)
### Features
* improved storybook demos ([89b835a](https://github.com/ing-bank/lion/commit/89b835a79998c45a28093de01f69216c35009a40))
## [0.2.13](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.12...@lion/checkbox@0.2.13) (2020-01-08)
**Note:** Version bump only for package @lion/checkbox
## [0.2.12](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.11...@lion/checkbox@0.2.12) (2019-12-13)
**Note:** Version bump only for package @lion/checkbox
## [0.2.11](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.10...@lion/checkbox@0.2.11) (2019-12-04)
**Note:** Version bump only for package @lion/checkbox
## [0.2.10](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.9...@lion/checkbox@0.2.10) (2019-12-03)
### Bug Fixes
* let lerna publish fixed versions ([bc7448c](https://github.com/ing-bank/lion/commit/bc7448c694deb3c05fd3d083a9acb5365b26b7ab))
## [0.2.9](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.8...@lion/checkbox@0.2.9) (2019-12-02)
### Bug Fixes
* use strict versions to get correct deps on older versions ([8645c13](https://github.com/ing-bank/lion/commit/8645c13b1d77e488713f2e5e0e4e00c4d30ea1ee))
## [0.2.8](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.7...@lion/checkbox@0.2.8) (2019-12-01)
**Note:** Version bump only for package @lion/checkbox
## [0.2.7](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.6...@lion/checkbox@0.2.7) (2019-11-28)
**Note:** Version bump only for package @lion/checkbox
## [0.2.6](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.5...@lion/checkbox@0.2.6) (2019-11-27)
**Note:** Version bump only for package @lion/checkbox
## [0.2.5](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.4...@lion/checkbox@0.2.5) (2019-11-27)
**Note:** Version bump only for package @lion/checkbox
## [0.2.4](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.3...@lion/checkbox@0.2.4) (2019-11-26)
**Note:** Version bump only for package @lion/checkbox
## [0.2.3](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.2...@lion/checkbox@0.2.3) (2019-11-22)
**Note:** Version bump only for package @lion/checkbox
## [0.2.2](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.1...@lion/checkbox@0.2.2) (2019-11-18)
**Note:** Version bump only for package @lion/checkbox
## [0.2.1](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.2.0...@lion/checkbox@0.2.1) (2019-11-15)
**Note:** Version bump only for package @lion/checkbox
# [0.2.0](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.67...@lion/checkbox@0.2.0) (2019-11-13)
### Features
* remove all deprecations from lion ([66d3d39](https://github.com/ing-bank/lion/commit/66d3d390aebeaa61b6effdea7d5f7eea0e89c894))
## [0.1.67](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.66...@lion/checkbox@0.1.67) (2019-11-12)
**Note:** Version bump only for package @lion/checkbox
## [0.1.66](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.65...@lion/checkbox@0.1.66) (2019-11-06)
**Note:** Version bump only for package @lion/checkbox
## [0.1.65](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.64...@lion/checkbox@0.1.65) (2019-11-01)
**Note:** Version bump only for package @lion/checkbox
## [0.1.64](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.63...@lion/checkbox@0.1.64) (2019-10-25)
**Note:** Version bump only for package @lion/checkbox
## [0.1.63](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.62...@lion/checkbox@0.1.63) (2019-10-23)
**Note:** Version bump only for package @lion/checkbox
## [0.1.62](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.61...@lion/checkbox@0.1.62) (2019-10-23)
**Note:** Version bump only for package @lion/checkbox
## [0.1.61](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.60...@lion/checkbox@0.1.61) (2019-10-21)
**Note:** Version bump only for package @lion/checkbox
## [0.1.60](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.59...@lion/checkbox@0.1.60) (2019-10-14)
**Note:** Version bump only for package @lion/checkbox
## [0.1.59](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.58...@lion/checkbox@0.1.59) (2019-10-11)
**Note:** Version bump only for package @lion/checkbox
## [0.1.58](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.57...@lion/checkbox@0.1.58) (2019-10-09)
**Note:** Version bump only for package @lion/checkbox
## [0.1.57](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.56...@lion/checkbox@0.1.57) (2019-10-07)
**Note:** Version bump only for package @lion/checkbox
## [0.1.56](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.55...@lion/checkbox@0.1.56) (2019-09-30)
**Note:** Version bump only for package @lion/checkbox
## [0.1.55](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.54...@lion/checkbox@0.1.55) (2019-09-27)
**Note:** Version bump only for package @lion/checkbox
## [0.1.54](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.53...@lion/checkbox@0.1.54) (2019-09-25)
**Note:** Version bump only for package @lion/checkbox
## [0.1.53](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.52...@lion/checkbox@0.1.53) (2019-09-20)
**Note:** Version bump only for package @lion/checkbox
## [0.1.52](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.51...@lion/checkbox@0.1.52) (2019-09-19)
**Note:** Version bump only for package @lion/checkbox
## [0.1.51](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.50...@lion/checkbox@0.1.51) (2019-09-13)
**Note:** Version bump only for package @lion/checkbox
## [0.1.50](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.49...@lion/checkbox@0.1.50) (2019-08-23)
**Note:** Version bump only for package @lion/checkbox
## [0.1.49](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.48...@lion/checkbox@0.1.49) (2019-08-17)
**Note:** Version bump only for package @lion/checkbox
## [0.1.48](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.47...@lion/checkbox@0.1.48) (2019-08-15)
**Note:** Version bump only for package @lion/checkbox
## [0.1.47](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.46...@lion/checkbox@0.1.47) (2019-08-15)
**Note:** Version bump only for package @lion/checkbox
## [0.1.46](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.45...@lion/checkbox@0.1.46) (2019-08-14)
**Note:** Version bump only for package @lion/checkbox
## [0.1.45](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.44...@lion/checkbox@0.1.45) (2019-08-07)
**Note:** Version bump only for package @lion/checkbox
## [0.1.44](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.43...@lion/checkbox@0.1.44) (2019-08-07)
**Note:** Version bump only for package @lion/checkbox
## [0.1.43](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.42...@lion/checkbox@0.1.43) (2019-07-30)
**Note:** Version bump only for package @lion/checkbox
## [0.1.42](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.41...@lion/checkbox@0.1.42) (2019-07-30)
**Note:** Version bump only for package @lion/checkbox
## [0.1.41](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.40...@lion/checkbox@0.1.41) (2019-07-25)
**Note:** Version bump only for package @lion/checkbox
## [0.1.40](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.39...@lion/checkbox@0.1.40) (2019-07-24)
**Note:** Version bump only for package @lion/checkbox
## [0.1.39](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.38...@lion/checkbox@0.1.39) (2019-07-23)
**Note:** Version bump only for package @lion/checkbox
## [0.1.38](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.37...@lion/checkbox@0.1.38) (2019-07-23)
**Note:** Version bump only for package @lion/checkbox
## [0.1.37](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.36...@lion/checkbox@0.1.37) (2019-07-23)
**Note:** Version bump only for package @lion/checkbox
## [0.1.36](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.35...@lion/checkbox@0.1.36) (2019-07-19)
**Note:** Version bump only for package @lion/checkbox
## [0.1.35](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.34...@lion/checkbox@0.1.35) (2019-07-19)
**Note:** Version bump only for package @lion/checkbox
## [0.1.34](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.33...@lion/checkbox@0.1.34) (2019-07-18)
**Note:** Version bump only for package @lion/checkbox
## [0.1.33](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.32...@lion/checkbox@0.1.33) (2019-07-17)
**Note:** Version bump only for package @lion/checkbox
## [0.1.32](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.31...@lion/checkbox@0.1.32) (2019-07-16)
**Note:** Version bump only for package @lion/checkbox
## [0.1.31](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.30...@lion/checkbox@0.1.31) (2019-07-16)
**Note:** Version bump only for package @lion/checkbox
## [0.1.30](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.29...@lion/checkbox@0.1.30) (2019-07-15)
**Note:** Version bump only for package @lion/checkbox
## [0.1.29](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.28...@lion/checkbox@0.1.29) (2019-07-15)
**Note:** Version bump only for package @lion/checkbox
## [0.1.28](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.27...@lion/checkbox@0.1.28) (2019-07-09)
**Note:** Version bump only for package @lion/checkbox
## [0.1.27](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.26...@lion/checkbox@0.1.27) (2019-07-04)
**Note:** Version bump only for package @lion/checkbox
## [0.1.26](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.25...@lion/checkbox@0.1.26) (2019-07-02)
**Note:** Version bump only for package @lion/checkbox
## [0.1.25](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.24...@lion/checkbox@0.1.25) (2019-07-02)
**Note:** Version bump only for package @lion/checkbox
## [0.1.24](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.23...@lion/checkbox@0.1.24) (2019-06-27)
**Note:** Version bump only for package @lion/checkbox
## [0.1.23](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.22...@lion/checkbox@0.1.23) (2019-06-25)
**Note:** Version bump only for package @lion/checkbox
## [0.1.22](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.21...@lion/checkbox@0.1.22) (2019-06-24)
**Note:** Version bump only for package @lion/checkbox
## [0.1.21](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.20...@lion/checkbox@0.1.21) (2019-06-20)
**Note:** Version bump only for package @lion/checkbox
## [0.1.20](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.19...@lion/checkbox@0.1.20) (2019-06-18)
**Note:** Version bump only for package @lion/checkbox
## [0.1.19](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.18...@lion/checkbox@0.1.19) (2019-06-06)
**Note:** Version bump only for package @lion/checkbox
## [0.1.18](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.17...@lion/checkbox@0.1.18) (2019-06-04)
**Note:** Version bump only for package @lion/checkbox
## [0.1.17](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.16...@lion/checkbox@0.1.17) (2019-05-31)
**Note:** Version bump only for package @lion/checkbox
## [0.1.16](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.15...@lion/checkbox@0.1.16) (2019-05-31)
**Note:** Version bump only for package @lion/checkbox
## [0.1.15](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.14...@lion/checkbox@0.1.15) (2019-05-29)
**Note:** Version bump only for package @lion/checkbox
## [0.1.14](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.13...@lion/checkbox@0.1.14) (2019-05-29)
**Note:** Version bump only for package @lion/checkbox
## [0.1.13](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.12...@lion/checkbox@0.1.13) (2019-05-24)
**Note:** Version bump only for package @lion/checkbox
## [0.1.12](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.11...@lion/checkbox@0.1.12) (2019-05-22)
**Note:** Version bump only for package @lion/checkbox
## [0.1.11](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.10...@lion/checkbox@0.1.11) (2019-05-17)
**Note:** Version bump only for package @lion/checkbox
## [0.1.10](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.9...@lion/checkbox@0.1.10) (2019-05-16)
**Note:** Version bump only for package @lion/checkbox
## [0.1.9](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.8...@lion/checkbox@0.1.9) (2019-05-16)
**Note:** Version bump only for package @lion/checkbox
## [0.1.8](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.7...@lion/checkbox@0.1.8) (2019-05-13)
**Note:** Version bump only for package @lion/checkbox
## [0.1.7](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.6...@lion/checkbox@0.1.7) (2019-05-13)
### Bug Fixes
* add prepublish step to make links absolute for npm docs ([9f2c4f6](https://github.com/ing-bank/lion/commit/9f2c4f6))
## [0.1.6](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.5...@lion/checkbox@0.1.6) (2019-05-08)
**Note:** Version bump only for package @lion/checkbox
## [0.1.5](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.4...@lion/checkbox@0.1.5) (2019-05-07)
**Note:** Version bump only for package @lion/checkbox
## [0.1.4](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.3...@lion/checkbox@0.1.4) (2019-04-29)
**Note:** Version bump only for package @lion/checkbox
## [0.1.3](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.2...@lion/checkbox@0.1.3) (2019-04-28)
### Bug Fixes
* update storybook/linting; adjust story labels, eslint ignores ([8d96f84](https://github.com/ing-bank/lion/commit/8d96f84))
## [0.1.2](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.1...@lion/checkbox@0.1.2) (2019-04-27)
**Note:** Version bump only for package @lion/checkbox
## [0.1.1](https://github.com/ing-bank/lion/compare/@lion/checkbox@0.1.0...@lion/checkbox@0.1.1) (2019-04-26)
### Bug Fixes
* add missing files to npm packages ([0e3ca17](https://github.com/ing-bank/lion/commit/0e3ca17))
# 0.1.0 (2019-04-26)
### Features
* release inital public lion version ([ec8da8f](https://github.com/ing-bank/lion/commit/ec8da8f))

34
packages/checkbox/README.md
View file

@ -1,34 +0,0 @@
# Checkbox
[//]: # 'AUTO INSERT HEADER PREPUBLISH'
`lion-checkbox` component is a sub-element to be used in [lion-checkbox-group](../checkbox-group/) elements. Its purpose is to provide a way for users to check **multiple** options amongst a set of choices, or to function as a single toggle.
## Features
- Get the checked state (boolean) - `checked` boolean attribute
- Pre-select an option by setting the `checked` boolean attribute
- Get or set the value of the choice - `choiceValue()`
## How to use
### Installation
```sh
npm i --save @lion/checkbox
```
```js
import '@lion/checkbox/lion-checkbox.js';
```
### Example
```html
<lion-checkbox name="scientists[]" label="Archimedes" .choiceValue=${'Archimedes'}></lion-checkbox>
<lion-checkbox name="scientists[]" label="Francis Bacon" .choiceValue=${'Francis Bacon'}></lion-checkbox>
<lion-checkbox name="scientists[]" label="Marie Curie" .choiceValue=${'Marie Curie'}></lion-checkbox>
```
- Use this component inside a [lion-checkbox-group](../checkbox-group/)
- Make sure that it has a name attribute with appended `[]` for multiple choices.

1
packages/checkbox/index.js
View file

@ -1 +0,0 @@
export { LionCheckbox } from './src/LionCheckbox.js';

43
packages/checkbox/package.json
View file

@ -1,43 +0,0 @@
{
"name": "@lion/checkbox",
"version": "0.3.16",
"description": "A single styleable and accessible checkbox",
"author": "ing-bank",
"homepage": "https://github.com/ing-bank/lion/",
"license": "MIT",
"publishConfig": {
"access": "public"
},
"repository": {
"type": "git",
"url": "https://github.com/ing-bank/lion.git",
"directory": "packages/checkbox"
},
"scripts": {
"prepublishOnly": "../../scripts/npm-prepublish.js"
},
"keywords": [
"lion",
"web-components",
"checkbox"
],
"main": "index.js",
"module": "index.js",
"files": [
"docs",
"src",
"stories",
"test",
"translations",
"*.js"
],
"dependencies": {
"@lion/choice-input": "0.7.3",
"@lion/core": "0.4.4",
"@lion/input": "0.5.16"
},
"devDependencies": {
"@open-wc/demoing-storybook": "^1.10.4",
"@open-wc/testing": "^2.5.0"
}
}

42
packages/checkbox/stories/index.stories.mdx
View file

@ -1,42 +0,0 @@
import { Story, Meta, html } from '@open-wc/demoing-storybook';
import '../lion-checkbox.js';
<Meta title="Forms/Checkbox" parameters={{ component: 'lion-checkbox' }} />
# Checkbox
`lion-checkbox` component is a sub-element to be used in [lion-checkbox-group](?path=/docs/forms-checkbox-group--default-story) elements. Its purpose is to provide a way for users to check **multiple** options amongst a set of choices, or to function as a single toggle.
<Story name="Default">{html`
<lion-checkbox name="scientists[]" label="Archimedes" .choiceValue=${'Archimedes'}></lion-checkbox>
<lion-checkbox name="scientists[]" label="Francis Bacon" .choiceValue=${'Francis Bacon'}></lion-checkbox>
<lion-checkbox name="scientists[]" label="Marie Curie" .choiceValue=${'Marie Curie'}></lion-checkbox>
`}</Story>
```html
<lion-checkbox name="scientists[]" label="Archimedes" .choiceValue=${'Archimedes'}></lion-checkbox>
<lion-checkbox name="scientists[]" label="Francis Bacon" .choiceValue=${'Francis Bacon'}></lion-checkbox>
<lion-checkbox name="scientists[]" label="Marie Curie" .choiceValue=${'Marie Curie'}></lion-checkbox>
```
- Use this component inside a [lion-checkbox-group](?path=/docs/forms-checkbox-group--default-story)
- Make sure that it has a name attribute with appended `[]` for multiple choices.
## Features
- Get the checked state (boolean) - `checked` boolean attribute
- Pre-select an option by setting the `checked` boolean attribute
- Get or set the value of the choice - `choiceValue()`
## How to use
### Installation
```sh
npm i --save @lion/checkbox
```
```js
import '@lion/checkbox/lion-checkbox.js';
```

2
packages/form-system/package.json
View file

@ -33,7 +33,6 @@
"*.js"
],
"devDependencies": {
"@lion/checkbox": "0.3.16",
"@lion/checkbox-group": "0.8.1",
"@lion/core": "0.4.4",
"@lion/field": "0.11.1",
@ -46,7 +45,6 @@
"@lion/input-iban": "0.6.1",
"@lion/input-range": "0.2.16",
"@lion/localize": "0.8.8",
"@lion/radio": "0.4.6",
"@lion/radio-group": "0.8.1",
"@lion/select": "0.5.16",
"@lion/select-rich": "0.11.3",

11
packages/form-system/stories/15-features-overview.stories.mdx
View file

@ -1,5 +1,6 @@
import { Story, Meta, html } from '@open-wc/demoing-storybook';
import '@lion/checkbox/lion-checkbox.js';
import '@lion/checkbox-group/lion-checkbox-group.js';
import '@lion/checkbox-group/lion-checkbox.js';
import '@lion/fieldset/lion-fieldset.js';
import '@lion/form/lion-form.js';
import '@lion/input-amount/lion-input-amount.js';
@ -9,10 +10,10 @@ import '@lion/input-email/lion-input-email.js';
import '@lion/input-iban/lion-input-iban.js';
import '@lion/input-range/lion-input-range.js';
import '@lion/input/lion-input.js';
import '@lion/option/lion-option.js';
import '@lion/radio-group/lion-radio-group.js';
import '@lion/radio/lion-radio.js';
import '@lion/radio-group/lion-radio.js';
import '@lion/select/lion-select.js';
import '@lion/select-rich/lion-option.js';
import '@lion/select-rich/lion-options.js';
import '@lion/select-rich/lion-select-rich.js';
import '@lion/textarea/lion-textarea.js';
@ -135,7 +136,7 @@ For usage and installation please see the appropriate packages.
```js
import '@lion/checkbox-group/lion-checkbox-group.js';
import '@lion/checkbox/lion-checkbox.js';
import '@lion/checkbox-group/lion-checkbox.js';
import '@lion/fieldset/lion-fieldset.js';
import '@lion/form/lion-form.js';
import '@lion/input-amount/lion-input-amount.js';
@ -147,7 +148,7 @@ import '@lion/input-range/lion-input-range.js';
import '@lion/input/lion-input.js';
import '@lion/option/lion-option.js';
import '@lion/radio-group/lion-radio-group.js';
import '@lion/radio/lion-radio.js';
import '@lion/radio-group/lion-radio.js';
import '@lion/select/lion-select.js';
import '@lion/select-rich/lion-options.js';
import '@lion/select-rich/lion-select-rich.js';

502
packages/option/CHANGELOG.md
View file

@ -1,502 +0,0 @@
# Change Log
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [0.5.6](https://github.com/ing-bank/lion/compare/@lion/option@0.5.5...@lion/option@0.5.6) (2020-03-02)
**Note:** Version bump only for package @lion/option
## [0.5.5](https://github.com/ing-bank/lion/compare/@lion/option@0.5.4...@lion/option@0.5.5) (2020-03-01)
**Note:** Version bump only for package @lion/option
## [0.5.4](https://github.com/ing-bank/lion/compare/@lion/option@0.5.3...@lion/option@0.5.4) (2020-02-26)
**Note:** Version bump only for package @lion/option
## [0.5.3](https://github.com/ing-bank/lion/compare/@lion/option@0.5.2...@lion/option@0.5.3) (2020-02-20)
**Note:** Version bump only for package @lion/option
## [0.5.2](https://github.com/ing-bank/lion/compare/@lion/option@0.5.1...@lion/option@0.5.2) (2020-02-19)
### Bug Fixes
* reduce storybook chunck sizes for more performance ([9fc5606](https://github.com/ing-bank/lion/commit/9fc560605f5dcf6e9abcf8d58079c59f12750046))
## [0.5.1](https://github.com/ing-bank/lion/compare/@lion/option@0.5.0...@lion/option@0.5.1) (2020-02-10)
**Note:** Version bump only for package @lion/option
# [0.5.0](https://github.com/ing-bank/lion/compare/@lion/option@0.4.9...@lion/option@0.5.0) (2020-02-06)
### Features
* flatten modelValue and remove checkedValue ([848ff06](https://github.com/ing-bank/lion/commit/848ff06887c86532e60d33d2db67d1152910d9cb))
## [0.4.9](https://github.com/ing-bank/lion/compare/@lion/option@0.4.8...@lion/option@0.4.9) (2020-02-06)
**Note:** Version bump only for package @lion/option
## [0.4.8](https://github.com/ing-bank/lion/compare/@lion/option@0.4.7...@lion/option@0.4.8) (2020-02-06)
**Note:** Version bump only for package @lion/option
## [0.4.7](https://github.com/ing-bank/lion/compare/@lion/option@0.4.6...@lion/option@0.4.7) (2020-02-05)
**Note:** Version bump only for package @lion/option
## [0.4.6](https://github.com/ing-bank/lion/compare/@lion/option@0.4.5...@lion/option@0.4.6) (2020-02-05)
**Note:** Version bump only for package @lion/option
## [0.4.5](https://github.com/ing-bank/lion/compare/@lion/option@0.4.4...@lion/option@0.4.5) (2020-02-03)
**Note:** Version bump only for package @lion/option
## [0.4.4](https://github.com/ing-bank/lion/compare/@lion/option@0.4.3...@lion/option@0.4.4) (2020-01-23)
### Bug Fixes
* update links in stories ([0c53b1d](https://github.com/ing-bank/lion/commit/0c53b1d4bb4fa51820656bacfc2aece653d03182))
## [0.4.3](https://github.com/ing-bank/lion/compare/@lion/option@0.4.2...@lion/option@0.4.3) (2020-01-23)
**Note:** Version bump only for package @lion/option
## [0.4.2](https://github.com/ing-bank/lion/compare/@lion/option@0.4.1...@lion/option@0.4.2) (2020-01-20)
**Note:** Version bump only for package @lion/option
## [0.4.1](https://github.com/ing-bank/lion/compare/@lion/option@0.4.0...@lion/option@0.4.1) (2020-01-17)
### Bug Fixes
* update storybook and use main.js ([e61e0b9](https://github.com/ing-bank/lion/commit/e61e0b938ff72cc18cc0b3aa1560f2cece0c9fe6))
# [0.4.0](https://github.com/ing-bank/lion/compare/@lion/option@0.3.11...@lion/option@0.4.0) (2020-01-13)
### Features
* improved storybook demos ([89b835a](https://github.com/ing-bank/lion/commit/89b835a79998c45a28093de01f69216c35009a40))
## [0.3.11](https://github.com/ing-bank/lion/compare/@lion/option@0.3.10...@lion/option@0.3.11) (2020-01-08)
**Note:** Version bump only for package @lion/option
## [0.3.10](https://github.com/ing-bank/lion/compare/@lion/option@0.3.9...@lion/option@0.3.10) (2019-12-13)
**Note:** Version bump only for package @lion/option
## [0.3.9](https://github.com/ing-bank/lion/compare/@lion/option@0.3.8...@lion/option@0.3.9) (2019-12-04)
**Note:** Version bump only for package @lion/option
## [0.3.8](https://github.com/ing-bank/lion/compare/@lion/option@0.3.7...@lion/option@0.3.8) (2019-12-03)
### Bug Fixes
* let lerna publish fixed versions ([bc7448c](https://github.com/ing-bank/lion/commit/bc7448c694deb3c05fd3d083a9acb5365b26b7ab))
## [0.3.7](https://github.com/ing-bank/lion/compare/@lion/option@0.3.6...@lion/option@0.3.7) (2019-12-02)
### Bug Fixes
* use strict versions to get correct deps on older versions ([8645c13](https://github.com/ing-bank/lion/commit/8645c13b1d77e488713f2e5e0e4e00c4d30ea1ee))
## [0.3.6](https://github.com/ing-bank/lion/compare/@lion/option@0.3.5...@lion/option@0.3.6) (2019-12-01)
**Note:** Version bump only for package @lion/option
## [0.3.5](https://github.com/ing-bank/lion/compare/@lion/option@0.3.4...@lion/option@0.3.5) (2019-11-28)
**Note:** Version bump only for package @lion/option
## [0.3.4](https://github.com/ing-bank/lion/compare/@lion/option@0.3.3...@lion/option@0.3.4) (2019-11-27)
**Note:** Version bump only for package @lion/option
## [0.3.3](https://github.com/ing-bank/lion/compare/@lion/option@0.3.2...@lion/option@0.3.3) (2019-11-27)
**Note:** Version bump only for package @lion/option
## [0.3.2](https://github.com/ing-bank/lion/compare/@lion/option@0.3.1...@lion/option@0.3.2) (2019-11-26)
**Note:** Version bump only for package @lion/option
## [0.3.1](https://github.com/ing-bank/lion/compare/@lion/option@0.3.0...@lion/option@0.3.1) (2019-11-22)
**Note:** Version bump only for package @lion/option
# [0.3.0](https://github.com/ing-bank/lion/compare/@lion/option@0.2.11...@lion/option@0.3.0) (2019-11-18)
### Features
* finalize validation and adopt it everywhere ([396deb2](https://github.com/ing-bank/lion/commit/396deb2e3b4243f102a5c98e9b0518fa0f31a6b1))
## [0.2.11](https://github.com/ing-bank/lion/compare/@lion/option@0.2.10...@lion/option@0.2.11) (2019-11-15)
**Note:** Version bump only for package @lion/option
## [0.2.10](https://github.com/ing-bank/lion/compare/@lion/option@0.2.9...@lion/option@0.2.10) (2019-11-13)
**Note:** Version bump only for package @lion/option
## [0.2.9](https://github.com/ing-bank/lion/compare/@lion/option@0.2.8...@lion/option@0.2.9) (2019-11-12)
**Note:** Version bump only for package @lion/option
## [0.2.8](https://github.com/ing-bank/lion/compare/@lion/option@0.2.7...@lion/option@0.2.8) (2019-11-06)
**Note:** Version bump only for package @lion/option
## [0.2.7](https://github.com/ing-bank/lion/compare/@lion/option@0.2.6...@lion/option@0.2.7) (2019-11-01)
**Note:** Version bump only for package @lion/option
## [0.2.6](https://github.com/ing-bank/lion/compare/@lion/option@0.2.5...@lion/option@0.2.6) (2019-10-25)
**Note:** Version bump only for package @lion/option
## [0.2.5](https://github.com/ing-bank/lion/compare/@lion/option@0.2.4...@lion/option@0.2.5) (2019-10-23)
**Note:** Version bump only for package @lion/option
## [0.2.4](https://github.com/ing-bank/lion/compare/@lion/option@0.2.3...@lion/option@0.2.4) (2019-10-23)
**Note:** Version bump only for package @lion/option
## [0.2.3](https://github.com/ing-bank/lion/compare/@lion/option@0.2.2...@lion/option@0.2.3) (2019-10-21)
**Note:** Version bump only for package @lion/option
## [0.2.2](https://github.com/ing-bank/lion/compare/@lion/option@0.2.1...@lion/option@0.2.2) (2019-10-14)
**Note:** Version bump only for package @lion/option
## [0.2.1](https://github.com/ing-bank/lion/compare/@lion/option@0.2.0...@lion/option@0.2.1) (2019-10-11)
**Note:** Version bump only for package @lion/option
# [0.2.0](https://github.com/ing-bank/lion/compare/@lion/option@0.1.17...@lion/option@0.2.0) (2019-10-10)
### Features
* update to latest overlay system ([4c26bef](https://github.com/ing-bank/lion/commit/4c26bef))
## [0.1.17](https://github.com/ing-bank/lion/compare/@lion/option@0.1.16...@lion/option@0.1.17) (2019-10-09)
**Note:** Version bump only for package @lion/option
## [0.1.16](https://github.com/ing-bank/lion/compare/@lion/option@0.1.15...@lion/option@0.1.16) (2019-10-07)
**Note:** Version bump only for package @lion/option
## [0.1.15](https://github.com/ing-bank/lion/compare/@lion/option@0.1.14...@lion/option@0.1.15) (2019-09-30)
**Note:** Version bump only for package @lion/option
## [0.1.14](https://github.com/ing-bank/lion/compare/@lion/option@0.1.13...@lion/option@0.1.14) (2019-09-27)
**Note:** Version bump only for package @lion/option
## [0.1.13](https://github.com/ing-bank/lion/compare/@lion/option@0.1.12...@lion/option@0.1.13) (2019-09-25)
**Note:** Version bump only for package @lion/option
## [0.1.12](https://github.com/ing-bank/lion/compare/@lion/option@0.1.11...@lion/option@0.1.12) (2019-09-20)
**Note:** Version bump only for package @lion/option
## [0.1.11](https://github.com/ing-bank/lion/compare/@lion/option@0.1.10...@lion/option@0.1.11) (2019-09-19)
**Note:** Version bump only for package @lion/option
## [0.1.10](https://github.com/ing-bank/lion/compare/@lion/option@0.1.9...@lion/option@0.1.10) (2019-09-13)
**Note:** Version bump only for package @lion/option
## [0.1.9](https://github.com/ing-bank/lion/compare/@lion/option@0.1.8...@lion/option@0.1.9) (2019-08-23)
**Note:** Version bump only for package @lion/option
## [0.1.8](https://github.com/ing-bank/lion/compare/@lion/option@0.1.7...@lion/option@0.1.8) (2019-08-17)
**Note:** Version bump only for package @lion/option
## [0.1.7](https://github.com/ing-bank/lion/compare/@lion/option@0.1.6...@lion/option@0.1.7) (2019-08-15)
**Note:** Version bump only for package @lion/option
## [0.1.6](https://github.com/ing-bank/lion/compare/@lion/option@0.1.5...@lion/option@0.1.6) (2019-08-15)
**Note:** Version bump only for package @lion/option
## [0.1.5](https://github.com/ing-bank/lion/compare/@lion/option@0.1.4...@lion/option@0.1.5) (2019-08-14)
**Note:** Version bump only for package @lion/option
## [0.1.4](https://github.com/ing-bank/lion/compare/@lion/option@0.1.3...@lion/option@0.1.4) (2019-08-07)
**Note:** Version bump only for package @lion/option
## [0.1.3](https://github.com/ing-bank/lion/compare/@lion/option@0.1.2...@lion/option@0.1.3) (2019-08-07)
**Note:** Version bump only for package @lion/option
## [0.1.2](https://github.com/ing-bank/lion/compare/@lion/option@0.1.1...@lion/option@0.1.2) (2019-07-30)
**Note:** Version bump only for package @lion/option
## [0.1.1](https://github.com/ing-bank/lion/compare/@lion/option@0.1.0...@lion/option@0.1.1) (2019-07-30)
**Note:** Version bump only for package @lion/option
# 0.1.0 (2019-07-25)
### Features
* add lion-select-rich ([66b7880](https://github.com/ing-bank/lion/commit/66b7880))

37
packages/option/README.md
View file

@ -1,37 +0,0 @@
# Option
[//]: # 'AUTO INSERT HEADER PREPUBLISH'
`lion-option` is a selectable within a [lion-select-rich](../select-rich/)
## Live Demo/Documentation
> See our [storybook](http://lion-web-components.netlify.com/?path=/docs/forms-option) for a live demo and API documentation
## How to use
### Installation
```sh
npm i --save @lion/option
```
```js
import '@lion/option/lion-option.js';
```
### Example
```html
<lion-option .choiceValue=${'hotpink'} checked>Hotpink</lion-option>
```
You can also set the full `modelValue` for each option.
```html
<lion-option .modelValue=${{ value: 'red', checked: false }}>Red</lion-option>
```
This component should not be used standalone. It is not accessible unless it is a child of a listbox-like element.
For more details on usage, please see [lion-select-rich](../select-rich/).

1
packages/option/index.js
View file

@ -1 +0,0 @@
export { LionOption } from './src/LionOption.js';

46
packages/option/package.json
View file

@ -1,46 +0,0 @@
{
"name": "@lion/option",
"version": "0.5.6",
"description": "Allows to provide options for a rich select",
"author": "ing-bank",
"homepage": "https://github.com/ing-bank/lion/",
"license": "MIT",
"publishConfig": {
"access": "public"
},
"repository": {
"type": "git",
"url": "https://github.com/ing-bank/lion.git",
"directory": "packages/option"
},
"scripts": {
"prepublishOnly": "../../scripts/npm-prepublish.js",
"test": "cd ../../ && yarn test --grep \"packages/option/test/**/*.test.js\"",
"test:watch": "cd ../../ && yarn test:watch --grep \"packages/option/test/**/*.test.js\""
},
"keywords": [
"lion",
"web-components",
"option"
],
"main": "index.js",
"module": "index.js",
"files": [
"docs",
"src",
"stories",
"test",
"translations",
"*.js"
],
"dependencies": {
"@lion/choice-input": "0.7.3",
"@lion/core": "0.4.4",
"@lion/field": "0.11.1"
},
"devDependencies": {
"@open-wc/demoing-storybook": "^1.10.4",
"@open-wc/testing": "^2.5.0",
"sinon": "^7.2.2"
}
}

120
packages/option/stories/index.stories.mdx
View file

@ -1,120 +0,0 @@
import { Story, Meta, html } from '@open-wc/demoing-storybook';
import '../lion-option.js';
<Meta title="Forms/Option" parameters={{ component: 'lion-option' }} />
# Option
`lion-option` is a selectable within a [lion-select-rich](?path=/docs/forms-select-rich--default-story)
<Story name="Default">
{html`
<lion-option .choiceValue=${'hotpink'} checked>Hotpink</lion-option>
`}
</Story>
```html
<lion-option .choiceValue=${'hotpink'} checked>Hotpink</lion-option>
```
## Features
- has checked state
- has a modelValue
- can be disabled
## How to use
### Installation
```sh
npm i --save @lion/option
```
```js
import '@lion/option/lion-option.js';
```
## States
<Story name="States">
{html`
<lion-option>Default</lion-option>
<lion-option disabled>Disabled</lion-option>
<lion-option>
<p style="color: darkred;">With html</p>
<p>and multi Line</p>
</lion-option>
`}
</Story>
```html
<lion-option>Default</lion-option>
<lion-option disabled>Disabled</lion-option>
<lion-option>
<p style="color: darkred;">With html</p>
<p>and multi Line</p>
</lion-option>
```
## Values
The `modelValue` of a `<lion-option>` are Objects containing a `value` property and a `checked` boolean property.
The value can be any complex or simple JavaScript value.
<Story name="Model Values">
{html`
<lion-option .modelValue=${{ value: 10, checked: false }}>setting modelValue</lion-option>
<lion-option .modelValue=${{ value: 10, checked: false }} active>
setting modelValue active
</lion-option>
<lion-option .modelValue=${{ value: 10, checked: true }}>
setting modelValue checked
</lion-option>
<lion-option .modelValue=${{ value: 10, checked: false }} disabled>
setting modelValue disabled
</lion-option>
`}
</Story>
```html
<lion-option .modelValue=${{ value: 10, checked: false }}>setting modelValue</lion-option>
<lion-option .modelValue=${{ value: 10, checked: false }} active>
setting modelValue active
</lion-option>
<lion-option .modelValue=${{ value: 10, checked: true }}>
setting modelValue checked
</lion-option>
<lion-option .modelValue=${{ value: 10, checked: false }} disabled>
setting modelValue disabled
</lion-option>
```
If you want only the value without the `checked` state, use `choiceValue`.
<Story name="Choice Values">
{html`
<lion-option .choiceValue=${10}>setting choiceValue</lion-option>
<lion-option .choiceValue=${10} active>setting choiceValue active</lion-option>
<lion-option .choiceValue=${10} checked>setting choiceValue checked</lion-option>
<lion-option .choiceValue=${10} disabled>setting choiceValue disabled</lion-option>
`}
</Story>
```html
<lion-option .choiceValue=${10}>setting choiceValue</lion-option>
<lion-option .choiceValue=${10} active>setting choiceValue active</lion-option>
<lion-option .choiceValue=${10} checked>setting choiceValue checked</lion-option>
<lion-option .choiceValue=${10} disabled>setting choiceValue disabled</lion-option>
```
This is identical to `lion-checkbox`, `lion-radio` etc.
## Don't use as standalone
> This component should not be used standalone. It is not accessible unless it is a child of a listbox-like element.
This also explains the (intended) accessibility violation when viewing these demos in Canvas mode.
For more details on usage, please see [lion-select-rich](?path=/docs/forms-select-rich--default-story).

6
packages/radio-group/README.md
View file

@ -4,7 +4,7 @@
`lion-radio-group` component is webcomponent that enhances the functionality of the native `<input type="radio">` element. Its purpose is to provide a way for users to check a **single** option amongst a set of choices.
You should use [lion-radio](../radio/)'s inside this element.
You should use `lion-radio` inside this element.
## Live Demo/Documentation
@ -15,12 +15,12 @@ You should use [lion-radio](../radio/)'s inside this element.
### Installation
```sh
npm i --save @lion/radio @lion/radio-group
npm i --save @lion/radio-group
```
```js
import '@lion/radio/lion-radio.js';
import '@lion/radio-group/lion-radio-group.js';
import '@lion/radio-group/lion-radio.js';
```
### Example

1
packages/radio-group/index.js
View file

@ -1 +1,2 @@
export { LionRadioGroup } from './src/LionRadioGroup.js';
export { LionRadio } from './src/LionRadio.js';

0
packages/radio/lion-radio.js → packages/radio-group/lion-radio.js
View file

4
packages/radio-group/package.json
View file

@ -36,10 +36,10 @@
"dependencies": {
"@lion/choice-input": "0.7.3",
"@lion/core": "0.4.4",
"@lion/fieldset": "0.9.1"
"@lion/fieldset": "0.9.1",
"@lion/input": "0.5.16"
},
"devDependencies": {
"@lion/radio": "0.4.6",
"@lion/validate": "0.7.0",
"@open-wc/demoing-storybook": "^1.10.4",
"@open-wc/testing": "^2.5.0",

0
packages/radio/src/LionRadio.js → packages/radio-group/src/LionRadio.js
View file

7
packages/radio-group/stories/index.stories.mdx → packages/radio-group/stories/radio-group.stories.mdx
View file

@ -1,7 +1,8 @@
import { Story, Meta, html } from '@open-wc/demoing-storybook';
import { loadDefaultFeedbackMessages, Required, Validator } from '@lion/validate';
import '@lion/radio/lion-radio.js';
import '../lion-radio-group.js';
import '../lion-radio.js';
<Meta title="Forms/Radio Group" parameters={{ component: 'lion-radio-group' }} />
@ -44,12 +45,12 @@ Since it extends from [lion-fieldset](?path=/docs/forms-fieldset-overview--page)
### Installation
```sh
npm i --save @lion/radio @lion/radio-group
npm i --save @lion/radio-group
```
```js
import '@lion/radio/lion-radio.js';
import '@lion/radio-group/lion-radio-group.js';
import '@lion/radio-group/lion-radio.js';
```

3
packages/radio-group/test/lion-radio-group.test.js
View file

@ -1,6 +1,7 @@
import '@lion/radio/lion-radio.js';
import { expect, fixture, html, nextFrame } from '@open-wc/testing';
import '../lion-radio-group.js';
import '../lion-radio.js';
describe('<lion-radio-group>', () => {
it('should have role = radiogroup', async () => {

0
packages/radio/test/lion-radio.test.js → packages/radio-group/test/lion-radio.test.js
View file

825
packages/radio/CHANGELOG.md
View file

@ -1,825 +0,0 @@
# Change Log
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [0.4.6](https://github.com/ing-bank/lion/compare/@lion/radio@0.4.5...@lion/radio@0.4.6) (2020-03-02)
**Note:** Version bump only for package @lion/radio
## [0.4.5](https://github.com/ing-bank/lion/compare/@lion/radio@0.4.4...@lion/radio@0.4.5) (2020-03-01)
**Note:** Version bump only for package @lion/radio
## [0.4.4](https://github.com/ing-bank/lion/compare/@lion/radio@0.4.3...@lion/radio@0.4.4) (2020-02-26)
**Note:** Version bump only for package @lion/radio
## [0.4.3](https://github.com/ing-bank/lion/compare/@lion/radio@0.4.2...@lion/radio@0.4.3) (2020-02-20)
**Note:** Version bump only for package @lion/radio
## [0.4.2](https://github.com/ing-bank/lion/compare/@lion/radio@0.4.1...@lion/radio@0.4.2) (2020-02-19)
### Bug Fixes
* reduce storybook chunck sizes for more performance ([9fc5606](https://github.com/ing-bank/lion/commit/9fc560605f5dcf6e9abcf8d58079c59f12750046))
## [0.4.1](https://github.com/ing-bank/lion/compare/@lion/radio@0.4.0...@lion/radio@0.4.1) (2020-02-10)
**Note:** Version bump only for package @lion/radio
# [0.4.0](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.9...@lion/radio@0.4.0) (2020-02-06)
### Features
* flatten modelValue and remove checkedValue ([848ff06](https://github.com/ing-bank/lion/commit/848ff06887c86532e60d33d2db67d1152910d9cb))
## [0.3.9](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.8...@lion/radio@0.3.9) (2020-02-06)
**Note:** Version bump only for package @lion/radio
## [0.3.8](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.7...@lion/radio@0.3.8) (2020-02-06)
**Note:** Version bump only for package @lion/radio
## [0.3.7](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.6...@lion/radio@0.3.7) (2020-02-05)
**Note:** Version bump only for package @lion/radio
## [0.3.6](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.5...@lion/radio@0.3.6) (2020-02-05)
**Note:** Version bump only for package @lion/radio
## [0.3.5](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.4...@lion/radio@0.3.5) (2020-02-03)
**Note:** Version bump only for package @lion/radio
## [0.3.4](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.3...@lion/radio@0.3.4) (2020-01-23)
**Note:** Version bump only for package @lion/radio
## [0.3.3](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.2...@lion/radio@0.3.3) (2020-01-23)
**Note:** Version bump only for package @lion/radio
## [0.3.2](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.1...@lion/radio@0.3.2) (2020-01-20)
**Note:** Version bump only for package @lion/radio
## [0.3.1](https://github.com/ing-bank/lion/compare/@lion/radio@0.3.0...@lion/radio@0.3.1) (2020-01-17)
### Bug Fixes
* update storybook and use main.js ([e61e0b9](https://github.com/ing-bank/lion/commit/e61e0b938ff72cc18cc0b3aa1560f2cece0c9fe6))
# [0.3.0](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.13...@lion/radio@0.3.0) (2020-01-13)
### Features
* improved storybook demos ([89b835a](https://github.com/ing-bank/lion/commit/89b835a79998c45a28093de01f69216c35009a40))
## [0.2.13](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.12...@lion/radio@0.2.13) (2020-01-08)
**Note:** Version bump only for package @lion/radio
## [0.2.12](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.11...@lion/radio@0.2.12) (2019-12-13)
**Note:** Version bump only for package @lion/radio
## [0.2.11](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.10...@lion/radio@0.2.11) (2019-12-04)
**Note:** Version bump only for package @lion/radio
## [0.2.10](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.9...@lion/radio@0.2.10) (2019-12-03)
### Bug Fixes
* let lerna publish fixed versions ([bc7448c](https://github.com/ing-bank/lion/commit/bc7448c694deb3c05fd3d083a9acb5365b26b7ab))
## [0.2.9](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.8...@lion/radio@0.2.9) (2019-12-02)
### Bug Fixes
* use strict versions to get correct deps on older versions ([8645c13](https://github.com/ing-bank/lion/commit/8645c13b1d77e488713f2e5e0e4e00c4d30ea1ee))
## [0.2.8](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.7...@lion/radio@0.2.8) (2019-12-01)
**Note:** Version bump only for package @lion/radio
## [0.2.7](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.6...@lion/radio@0.2.7) (2019-11-28)
**Note:** Version bump only for package @lion/radio
## [0.2.6](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.5...@lion/radio@0.2.6) (2019-11-27)
**Note:** Version bump only for package @lion/radio
## [0.2.5](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.4...@lion/radio@0.2.5) (2019-11-27)
**Note:** Version bump only for package @lion/radio
## [0.2.4](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.3...@lion/radio@0.2.4) (2019-11-26)
**Note:** Version bump only for package @lion/radio
## [0.2.3](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.2...@lion/radio@0.2.3) (2019-11-22)
**Note:** Version bump only for package @lion/radio
## [0.2.2](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.1...@lion/radio@0.2.2) (2019-11-18)
**Note:** Version bump only for package @lion/radio
## [0.2.1](https://github.com/ing-bank/lion/compare/@lion/radio@0.2.0...@lion/radio@0.2.1) (2019-11-15)
**Note:** Version bump only for package @lion/radio
# [0.2.0](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.67...@lion/radio@0.2.0) (2019-11-13)
### Features
* remove all deprecations from lion ([66d3d39](https://github.com/ing-bank/lion/commit/66d3d390aebeaa61b6effdea7d5f7eea0e89c894))
## [0.1.67](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.66...@lion/radio@0.1.67) (2019-11-12)
**Note:** Version bump only for package @lion/radio
## [0.1.66](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.65...@lion/radio@0.1.66) (2019-11-06)
**Note:** Version bump only for package @lion/radio
## [0.1.65](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.64...@lion/radio@0.1.65) (2019-11-01)
**Note:** Version bump only for package @lion/radio
## [0.1.64](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.63...@lion/radio@0.1.64) (2019-10-25)
**Note:** Version bump only for package @lion/radio
## [0.1.63](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.62...@lion/radio@0.1.63) (2019-10-23)
**Note:** Version bump only for package @lion/radio
## [0.1.62](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.61...@lion/radio@0.1.62) (2019-10-23)
**Note:** Version bump only for package @lion/radio
## [0.1.61](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.60...@lion/radio@0.1.61) (2019-10-21)
**Note:** Version bump only for package @lion/radio
## [0.1.60](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.59...@lion/radio@0.1.60) (2019-10-14)
**Note:** Version bump only for package @lion/radio
## [0.1.59](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.58...@lion/radio@0.1.59) (2019-10-11)
**Note:** Version bump only for package @lion/radio
## [0.1.58](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.57...@lion/radio@0.1.58) (2019-10-09)
**Note:** Version bump only for package @lion/radio
## [0.1.57](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.56...@lion/radio@0.1.57) (2019-10-07)
**Note:** Version bump only for package @lion/radio
## [0.1.56](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.55...@lion/radio@0.1.56) (2019-09-30)
**Note:** Version bump only for package @lion/radio
## [0.1.55](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.54...@lion/radio@0.1.55) (2019-09-27)
**Note:** Version bump only for package @lion/radio
## [0.1.54](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.53...@lion/radio@0.1.54) (2019-09-25)
**Note:** Version bump only for package @lion/radio
## [0.1.53](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.52...@lion/radio@0.1.53) (2019-09-20)
**Note:** Version bump only for package @lion/radio
## [0.1.52](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.51...@lion/radio@0.1.52) (2019-09-19)
**Note:** Version bump only for package @lion/radio
## [0.1.51](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.50...@lion/radio@0.1.51) (2019-09-13)
**Note:** Version bump only for package @lion/radio
## [0.1.50](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.49...@lion/radio@0.1.50) (2019-08-23)
**Note:** Version bump only for package @lion/radio
## [0.1.49](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.48...@lion/radio@0.1.49) (2019-08-17)
**Note:** Version bump only for package @lion/radio
## [0.1.48](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.47...@lion/radio@0.1.48) (2019-08-15)
**Note:** Version bump only for package @lion/radio
## [0.1.47](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.46...@lion/radio@0.1.47) (2019-08-15)
**Note:** Version bump only for package @lion/radio
## [0.1.46](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.45...@lion/radio@0.1.46) (2019-08-14)
**Note:** Version bump only for package @lion/radio
## [0.1.45](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.44...@lion/radio@0.1.45) (2019-08-07)
**Note:** Version bump only for package @lion/radio
## [0.1.44](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.43...@lion/radio@0.1.44) (2019-08-07)
**Note:** Version bump only for package @lion/radio
## [0.1.43](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.42...@lion/radio@0.1.43) (2019-07-30)
**Note:** Version bump only for package @lion/radio
## [0.1.42](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.41...@lion/radio@0.1.42) (2019-07-30)
**Note:** Version bump only for package @lion/radio
## [0.1.41](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.40...@lion/radio@0.1.41) (2019-07-25)
**Note:** Version bump only for package @lion/radio
## [0.1.40](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.39...@lion/radio@0.1.40) (2019-07-24)
**Note:** Version bump only for package @lion/radio
## [0.1.39](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.38...@lion/radio@0.1.39) (2019-07-23)
**Note:** Version bump only for package @lion/radio
## [0.1.38](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.37...@lion/radio@0.1.38) (2019-07-23)
**Note:** Version bump only for package @lion/radio
## [0.1.37](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.36...@lion/radio@0.1.37) (2019-07-23)
**Note:** Version bump only for package @lion/radio
## [0.1.36](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.35...@lion/radio@0.1.36) (2019-07-19)
**Note:** Version bump only for package @lion/radio
## [0.1.35](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.34...@lion/radio@0.1.35) (2019-07-19)
**Note:** Version bump only for package @lion/radio
## [0.1.34](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.33...@lion/radio@0.1.34) (2019-07-18)
**Note:** Version bump only for package @lion/radio
## [0.1.33](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.32...@lion/radio@0.1.33) (2019-07-17)
**Note:** Version bump only for package @lion/radio
## [0.1.32](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.31...@lion/radio@0.1.32) (2019-07-16)
**Note:** Version bump only for package @lion/radio
## [0.1.31](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.30...@lion/radio@0.1.31) (2019-07-16)
**Note:** Version bump only for package @lion/radio
## [0.1.30](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.29...@lion/radio@0.1.30) (2019-07-15)
**Note:** Version bump only for package @lion/radio
## [0.1.29](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.28...@lion/radio@0.1.29) (2019-07-15)
**Note:** Version bump only for package @lion/radio
## [0.1.28](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.27...@lion/radio@0.1.28) (2019-07-09)
**Note:** Version bump only for package @lion/radio
## [0.1.27](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.26...@lion/radio@0.1.27) (2019-07-04)
**Note:** Version bump only for package @lion/radio
## [0.1.26](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.25...@lion/radio@0.1.26) (2019-07-02)
**Note:** Version bump only for package @lion/radio
## [0.1.25](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.24...@lion/radio@0.1.25) (2019-07-02)
**Note:** Version bump only for package @lion/radio
## [0.1.24](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.23...@lion/radio@0.1.24) (2019-06-27)
**Note:** Version bump only for package @lion/radio
## [0.1.23](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.22...@lion/radio@0.1.23) (2019-06-25)
**Note:** Version bump only for package @lion/radio
## [0.1.22](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.21...@lion/radio@0.1.22) (2019-06-24)
**Note:** Version bump only for package @lion/radio
## [0.1.21](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.20...@lion/radio@0.1.21) (2019-06-20)
**Note:** Version bump only for package @lion/radio
## [0.1.20](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.19...@lion/radio@0.1.20) (2019-06-18)
**Note:** Version bump only for package @lion/radio
## [0.1.19](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.18...@lion/radio@0.1.19) (2019-06-06)
**Note:** Version bump only for package @lion/radio
## [0.1.18](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.17...@lion/radio@0.1.18) (2019-06-04)
**Note:** Version bump only for package @lion/radio
## [0.1.17](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.16...@lion/radio@0.1.17) (2019-05-31)
**Note:** Version bump only for package @lion/radio
## [0.1.16](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.15...@lion/radio@0.1.16) (2019-05-31)
**Note:** Version bump only for package @lion/radio
## [0.1.15](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.14...@lion/radio@0.1.15) (2019-05-29)
**Note:** Version bump only for package @lion/radio
## [0.1.14](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.13...@lion/radio@0.1.14) (2019-05-29)
**Note:** Version bump only for package @lion/radio
## [0.1.13](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.12...@lion/radio@0.1.13) (2019-05-24)
**Note:** Version bump only for package @lion/radio
## [0.1.12](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.11...@lion/radio@0.1.12) (2019-05-22)
**Note:** Version bump only for package @lion/radio
## [0.1.11](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.10...@lion/radio@0.1.11) (2019-05-17)
**Note:** Version bump only for package @lion/radio
## [0.1.10](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.9...@lion/radio@0.1.10) (2019-05-16)
**Note:** Version bump only for package @lion/radio
## [0.1.9](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.8...@lion/radio@0.1.9) (2019-05-16)
**Note:** Version bump only for package @lion/radio
## [0.1.8](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.7...@lion/radio@0.1.8) (2019-05-13)
**Note:** Version bump only for package @lion/radio
## [0.1.7](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.6...@lion/radio@0.1.7) (2019-05-13)
### Bug Fixes
* add prepublish step to make links absolute for npm docs ([9f2c4f6](https://github.com/ing-bank/lion/commit/9f2c4f6))
## [0.1.6](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.5...@lion/radio@0.1.6) (2019-05-08)
**Note:** Version bump only for package @lion/radio
## [0.1.5](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.4...@lion/radio@0.1.5) (2019-05-07)
**Note:** Version bump only for package @lion/radio
## [0.1.4](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.3...@lion/radio@0.1.4) (2019-04-29)
**Note:** Version bump only for package @lion/radio
## [0.1.3](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.2...@lion/radio@0.1.3) (2019-04-28)
### Bug Fixes
* update storybook/linting; adjust story labels, eslint ignores ([8d96f84](https://github.com/ing-bank/lion/commit/8d96f84))
## [0.1.2](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.1...@lion/radio@0.1.2) (2019-04-27)
**Note:** Version bump only for package @lion/radio
## [0.1.1](https://github.com/ing-bank/lion/compare/@lion/radio@0.1.0...@lion/radio@0.1.1) (2019-04-26)
### Bug Fixes
* add missing files to npm packages ([0e3ca17](https://github.com/ing-bank/lion/commit/0e3ca17))
# 0.1.0 (2019-04-26)
### Features
* release inital public lion version ([ec8da8f](https://github.com/ing-bank/lion/commit/ec8da8f))

34
packages/radio/README.md
View file

@ -1,34 +0,0 @@
# Radio
[//]: # 'AUTO INSERT HEADER PREPUBLISH'
`lion-radio` component is a sub-element to be used in [lion-radio-group](../radio-group/) elements. Its purpose is to provide a way for users to check a **single** option amongst a set of choices.
## Features
- Get the checked state (boolean) - `checked` boolean attribute
- Pre-select an option by setting the `checked` boolean attribute
- Get or set the value of the choice - `choiceValue()`
## How to use
### Installation
```sh
npm i --save @lion/radio
```
```js
import '@lion/radio/lion-radio.js';
```
### Example
```html
<lion-radio name="dinos[]" label="allosaurus" .choiceValue=${'allosaurus'}></lion-radio>
<lion-radio name="dinos[]" label="brontosaurus" .choiceValue=${'brontosaurus'}></lion-radio>
<lion-radio name="dinos[]" label="diplodocus" .choiceValue=${'diplodocus'} checked></lion-radio>
```
- Use this component inside a [lion-radio-group](../radio-group/)
- Make sure that it has a name attribute with appended `[]` for multiple choices.

1
packages/radio/index.js
View file

@ -1 +0,0 @@
export { LionRadio } from './src/LionRadio.js';

45
packages/radio/package.json
View file

@ -1,45 +0,0 @@
{
"name": "@lion/radio",
"version": "0.4.6",
"description": "Provide a way for users to check a single option amongst a set of choices",
"author": "ing-bank",
"homepage": "https://github.com/ing-bank/lion/",
"license": "MIT",
"publishConfig": {
"access": "public"
},
"repository": {
"type": "git",
"url": "https://github.com/ing-bank/lion.git",
"directory": "packages/radio"
},
"scripts": {
"prepublishOnly": "../../scripts/npm-prepublish.js",
"test": "cd ../../ && yarn test --grep \"packages/radio/test/**/*.test.js\"",
"test:watch": "cd ../../ && yarn test:watch --grep \"packages/radio/test/**/*.test.js\""
},
"keywords": [
"lion",
"web-components",
"radio"
],
"main": "index.js",
"module": "index.js",
"files": [
"docs",
"src",
"stories",
"test",
"translations",
"*.js"
],
"dependencies": {
"@lion/choice-input": "0.7.3",
"@lion/core": "0.4.4",
"@lion/input": "0.5.16"
},
"devDependencies": {
"@open-wc/demoing-storybook": "^1.10.4",
"@open-wc/testing": "^2.5.0"
}
}

46
packages/radio/stories/index.stories.mdx
View file

@ -1,46 +0,0 @@
import { Story, Meta, html } from '@open-wc/demoing-storybook';
import '../lion-radio.js';
<Meta title="Forms/Radio" parameters={{ component: 'lion-radio' }} />
# Radio
`lion-radio` component is a sub-element to be used in [lion-radio-group](?path=/docs/forms-radio-group--default-story) elements. Its purpose is to provide a way for users to check a **single** option amongst a set of choices.
<Story name="Default">{html`
<lion-radio-group name="dinos">
<lion-radio label="allosaurus" .choiceValue=${'allosaurus'}></lion-radio>
<lion-radio label="brontosaurus" .choiceValue=${'brontosaurus'}></lion-radio>
<lion-radio label="diplodocus" .choiceValue=${'diplodocus'} checked></lion-radio>
</lion-radio-group>
`}</Story>
```html
<lion-radio-group name="dinos">
<lion-radio label="allosaurus" .choiceValue=${'allosaurus'}></lion-radio>
<lion-radio label="brontosaurus" .choiceValue=${'brontosaurus'}></lion-radio>
<lion-radio label="diplodocus" .choiceValue=${'diplodocus'} checked></lion-radio>
</lion-radio-group>
```
- Use this component inside a [lion-radio-group](?path=/docs/forms-radio-group--default-story)
- Make sure that it has a name attribute with appended `[]` for multiple choices.
## Features
- Get the checked state (boolean) - `checked` boolean attribute
- Pre-select an option by setting the `checked` boolean attribute
- Get or set the value of the choice - `choiceValue()`
## How to use
### Installation
```sh
npm i --save @lion/radio
```
```js
import '@lion/radio/lion-radio.js';
```

2
packages/select-rich/README.md
View file

@ -22,7 +22,7 @@ npm i --save @lion/select-rich
```js
import '@lion/select-rich/lion-select-rich.js';
import '@lion/select-rich/lion-options.js';
import '@lion/option/lion-option.js';
import '@lion/select-rich/lion-option.js';
```
### Example

1
packages/select-rich/index.js
View file

@ -1,3 +1,4 @@
export { LionSelectRich } from './src/LionSelectRich.js';
export { LionSelectInvoker } from './src/LionSelectInvoker.js';
export { LionOptions } from './src/LionOptions.js';
export { LionOption } from './src/LionOption.js';

0
packages/option/lion-option.js → packages/select-rich/lion-option.js
View file

4
packages/select-rich/package.json
View file

@ -42,13 +42,13 @@
"@lion/choice-input": "0.7.3",
"@lion/core": "0.4.4",
"@lion/field": "0.11.1",
"@lion/option": "0.5.6",
"@lion/overlays": "0.12.3",
"@lion/validate": "0.7.0"
},
"devDependencies": {
"@lion/form": "0.4.16",
"@open-wc/demoing-storybook": "^1.10.4",
"@open-wc/testing": "^2.5.0"
"@open-wc/testing": "^2.5.0",
"sinon": "^7.2.2"
}
}

0
packages/option/src/LionOption.js → packages/select-rich/src/LionOption.js
View file

4
packages/select-rich/stories/index.stories.mdx
View file

@ -1,6 +1,6 @@
import { Story, Meta, html, Preview } from '@open-wc/demoing-storybook';
import { loadDefaultFeedbackMessages, Required } from '@lion/validate';
import '@lion/option/lion-option.js';
import '../lion-option.js';
import '../lion-options.js';
import '../lion-select-rich.js';
@ -57,7 +57,7 @@ npm i --save @lion/select-rich
```js
import '@lion/select-rich/lion-select-rich.js';
import '@lion/select-rich/lion-options.js';
import '@lion/option/lion-option.js';
import '@lion/select-rich/lion-option.js';
```
> No need to npm install `@lion/option` separately, it comes with the rich select as a dependency

0
packages/option/test/lion-option.test.js → packages/select-rich/test/lion-option.test.js
View file

3
packages/select-rich/test/lion-select-rich-interaction.test.js
View file

@ -1,6 +1,7 @@
import '@lion/option/lion-option.js';
import { Required } from '@lion/validate';
import { expect, fixture, html, triggerBlurFor, triggerFocusFor } from '@open-wc/testing';
import '../lion-option.js';
import '../lion-options.js';
import '../lion-select-rich.js';
import './keyboardEventShimIE.js';

2
packages/select-rich/test/lion-select-rich.test.js
View file

@ -1,5 +1,4 @@
import { LitElement } from '@lion/core';
import '@lion/option/lion-option.js';
import { OverlayController } from '@lion/overlays';
import { Required } from '@lion/validate';
import {
@ -12,6 +11,7 @@ import {
unsafeStatic,
} from '@open-wc/testing';
import { LionSelectRich } from '../index.js';
import '../lion-option.js';
import '../lion-options.js';
import '../lion-select-rich.js';
import './keyboardEventShimIE.js';