diff --git a/.changeset/bright-spies-share.md b/.changeset/bright-spies-share.md deleted file mode 100644 index 86c8f405a..000000000 --- a/.changeset/bright-spies-share.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -'@crowdstrike/ember-toucan-core': patch ---- - -Added an `Multiselect` component. - -It has a similar API to `Autocomplete`, but allows for selecting multiple options rather than only one. - -```hbs - - <:noResults>No results - - - <:chip as |chip|> - - {{chip.option}} - - - - - <:default as |multiselect|> - - {{multiselect.option.label}} - - - -``` diff --git a/.changeset/eight-shoes-flash.md b/.changeset/eight-shoes-flash.md deleted file mode 100644 index 3bf93d6f7..000000000 --- a/.changeset/eight-shoes-flash.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -'@crowdstrike/ember-toucan-form': patch ---- - -Expose the `:secondary` block and Character Counter component from ` - - <:label>Label - <:hint>Hint - <:secondary as |secondary|> - - - - - - <:label>Label - <:hint>Hint - <:secondary as |secondary|> - - - - -``` diff --git a/.changeset/hip-bulldogs-kick.md b/.changeset/hip-bulldogs-kick.md deleted file mode 100644 index b1f793434..000000000 --- a/.changeset/hip-bulldogs-kick.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@crowdstrike/ember-toucan-core': minor -'@crowdstrike/ember-toucan-form': minor ---- - -Updated all form elements to have the `w-full` class, making them full width by default. The width of the element is now determined by the container. To restrict the width of the element, use a wrapping tag with an appropriate class name applied. diff --git a/.changeset/kind-ways-fold.md b/.changeset/kind-ways-fold.md deleted file mode 100644 index 09f568799..000000000 --- a/.changeset/kind-ways-fold.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@crowdstrike/ember-toucan-core': minor -'@crowdstrike/ember-toucan-form': minor ---- - -Replace Multiselect's `:noResults` block with a `@noResultsText` argument. diff --git a/.changeset/smart-mice-crash.md b/.changeset/smart-mice-crash.md deleted file mode 100644 index 0fc6f4aaa..000000000 --- a/.changeset/smart-mice-crash.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@crowdstrike/ember-toucan-core': minor -'@crowdstrike/ember-toucan-form': minor ---- - -Removed from Autocomplete support for `@options` as an array of objects. diff --git a/.changeset/spicy-suits-pay.md b/.changeset/spicy-suits-pay.md deleted file mode 100644 index 0a64c5d88..000000000 --- a/.changeset/spicy-suits-pay.md +++ /dev/null @@ -1,29 +0,0 @@ ---- -'@crowdstrike/ember-toucan-form': patch ---- - -Added `form.Multiselect` support. - -```hbs - - - <:noResults>No results - - <:chip as |chip|> - - {{chip.option}} - - - - - <:default as |multiselect|> - {{multiselect.option}} - - - -``` diff --git a/.changeset/tough-planets-raise.md b/.changeset/tough-planets-raise.md deleted file mode 100644 index 0e4867966..000000000 --- a/.changeset/tough-planets-raise.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@crowdstrike/ember-toucan-core': minor -'@crowdstrike/ember-toucan-form': minor ---- - -Make Autocomplete `@noResultsText` required. diff --git a/.changeset/twelve-gifts-camp.md b/.changeset/twelve-gifts-camp.md deleted file mode 100644 index 9947d47c9..000000000 --- a/.changeset/twelve-gifts-camp.md +++ /dev/null @@ -1,61 +0,0 @@ ---- -'@crowdstrike/ember-toucan-core': patch -'@crowdstrike/ember-toucan-form': patch ---- - -Added an `Autocomplete` component to both core and form packages. - -If you're using `toucan-core`, the control and field components are exposed: - -```hbs - - - {{autocomplete.option.label}} - - - - - - {{autocomplete.option.label}} - - -``` - -If you're using `toucan-form`, the component is exposed via: - -```hbs - - - - {{autocomplete.option}} - - - -``` - -For more information on using these components, view [the docs](https://ember-toucan-core.pages.dev/docs/components/autocomplete). diff --git a/.changeset/warm-planes-fix.md b/.changeset/warm-planes-fix.md deleted file mode 100644 index 3b7fc8349..000000000 --- a/.changeset/warm-planes-fix.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -'@crowdstrike/ember-toucan-core': patch ---- - -Added `MultiselectField` component - it's the Multiselect control wrapped around a `Field`. - -```hbs - - <:noResults>No results - - - <:chip as |chip|> - - {{chip.option}} - - - - - <:default as |multiselect|> - - {{multiselect.option}} - - - -``` - -```js -import Component from '@glimmer/component'; -import { action } from '@ember/object'; -import { tracked } from '@glimmer/tracking'; - -export default class extends Component { - @tracked selected; - - options = ['Blue', 'Red', 'Yellow']; - - @action - onChange(options) { - this.selected = options; - } -} -``` diff --git a/packages/ember-toucan-core/CHANGELOG.md b/packages/ember-toucan-core/CHANGELOG.md index 7f3377196..87af2117a 100644 --- a/packages/ember-toucan-core/CHANGELOG.md +++ b/packages/ember-toucan-core/CHANGELOG.md @@ -1,5 +1,151 @@ # @crowdstrike/ember-toucan-core +## 0.3.0 + +### Minor Changes + +- [#232](https://github.com/CrowdStrike/ember-toucan-core/pull/232) [`3d6c159`](https://github.com/CrowdStrike/ember-toucan-core/commit/3d6c159b9c2dfa16f9243339f958129395dd9d4a) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Updated all form elements to have the `w-full` class, making them full width by default. The width of the element is now determined by the container. To restrict the width of the element, use a wrapping tag with an appropriate class name applied. + +- [#238](https://github.com/CrowdStrike/ember-toucan-core/pull/238) [`40465de`](https://github.com/CrowdStrike/ember-toucan-core/commit/40465de089a8e2af17670f2ef596183d7c4f65b0) Thanks [@clintcs](https://github.com/clintcs)! - Replace Multiselect's `:noResults` block with a `@noResultsText` argument. + +- [#226](https://github.com/CrowdStrike/ember-toucan-core/pull/226) [`9ef84d2`](https://github.com/CrowdStrike/ember-toucan-core/commit/9ef84d2f2b668e8a439ff8cef3ceec235a1b7aed) Thanks [@clintcs](https://github.com/clintcs)! - Removed from Autocomplete support for `@options` as an array of objects. + +- [#240](https://github.com/CrowdStrike/ember-toucan-core/pull/240) [`b59a575`](https://github.com/CrowdStrike/ember-toucan-core/commit/b59a5752bc8e5d6bdb028db7a17da7315d66e326) Thanks [@clintcs](https://github.com/clintcs)! - Make Autocomplete `@noResultsText` required. + +### Patch Changes + +- [#219](https://github.com/CrowdStrike/ember-toucan-core/pull/219) [`1669550`](https://github.com/CrowdStrike/ember-toucan-core/commit/16695506e740b9b0240a57b5faf3f3f14193e104) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Added an `Multiselect` component. + + It has a similar API to `Autocomplete`, but allows for selecting multiple options rather than only one. + + ```hbs + + + <:chip as |chip|> + + {{chip.option}} + + + + + <:default as |multiselect|> + + {{multiselect.option.label}} + + + + ``` + +- [#200](https://github.com/CrowdStrike/ember-toucan-core/pull/200) [`91204aa`](https://github.com/CrowdStrike/ember-toucan-core/commit/91204aacd1dbec2b4102df0ed7c2c03556520a4d) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Added an `Autocomplete` component to both core and form packages. + + If you're using `toucan-core`, the control and field components are exposed: + + ```hbs + + + {{autocomplete.option.label}} + + + + + + {{autocomplete.option.label}} + + + ``` + + If you're using `toucan-form`, the component is exposed via: + + ```hbs + + + + {{autocomplete.option}} + + + + ``` + + For more information on using these components, view [the docs](https://ember-toucan-core.pages.dev/docs/components/autocomplete). + +- [#225](https://github.com/CrowdStrike/ember-toucan-core/pull/225) [`50b4f24`](https://github.com/CrowdStrike/ember-toucan-core/commit/50b4f24cd093a2db44b5782cb8239a7541791b1a) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Added `MultiselectField` component - it's the Multiselect control wrapped around a `Field`. + + ```hbs + + + <:chip as |chip|> + + {{chip.option}} + + + + + <:default as |multiselect|> + + {{multiselect.option}} + + + + ``` + + ```js + import Component from '@glimmer/component'; + import { action } from '@ember/object'; + import { tracked } from '@glimmer/tracking'; + + export default class extends Component { + @tracked selected; + + options = ['Blue', 'Red', 'Yellow']; + + @action + onChange(options) { + this.selected = options; + } + } + ``` + ## 0.2.2 ### Patch Changes diff --git a/packages/ember-toucan-core/package.json b/packages/ember-toucan-core/package.json index f7162e792..0d7a9551d 100644 --- a/packages/ember-toucan-core/package.json +++ b/packages/ember-toucan-core/package.json @@ -1,6 +1,6 @@ { "name": "@crowdstrike/ember-toucan-core", - "version": "0.2.2", + "version": "0.3.0", "description": "CrowdStrike's Toucan Design System", "keywords": [ "ember-addon" diff --git a/packages/ember-toucan-form/CHANGELOG.md b/packages/ember-toucan-form/CHANGELOG.md index 02a546d17..201728c69 100644 --- a/packages/ember-toucan-form/CHANGELOG.md +++ b/packages/ember-toucan-form/CHANGELOG.md @@ -1,5 +1,126 @@ # @crowdstrike/ember-toucan-form +## 0.3.0 + +### Minor Changes + +- [#232](https://github.com/CrowdStrike/ember-toucan-core/pull/232) [`3d6c159`](https://github.com/CrowdStrike/ember-toucan-core/commit/3d6c159b9c2dfa16f9243339f958129395dd9d4a) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Updated all form elements to have the `w-full` class, making them full width by default. The width of the element is now determined by the container. To restrict the width of the element, use a wrapping tag with an appropriate class name applied. + +- [#238](https://github.com/CrowdStrike/ember-toucan-core/pull/238) [`40465de`](https://github.com/CrowdStrike/ember-toucan-core/commit/40465de089a8e2af17670f2ef596183d7c4f65b0) Thanks [@clintcs](https://github.com/clintcs)! - Replace Multiselect's `:noResults` block with a `@noResultsText` argument. + +- [#226](https://github.com/CrowdStrike/ember-toucan-core/pull/226) [`9ef84d2`](https://github.com/CrowdStrike/ember-toucan-core/commit/9ef84d2f2b668e8a439ff8cef3ceec235a1b7aed) Thanks [@clintcs](https://github.com/clintcs)! - Removed from Autocomplete support for `@options` as an array of objects. + +- [#240](https://github.com/CrowdStrike/ember-toucan-core/pull/240) [`b59a575`](https://github.com/CrowdStrike/ember-toucan-core/commit/b59a5752bc8e5d6bdb028db7a17da7315d66e326) Thanks [@clintcs](https://github.com/clintcs)! - Make Autocomplete `@noResultsText` required. + +### Patch Changes + +- [#222](https://github.com/CrowdStrike/ember-toucan-core/pull/222) [`ff50f27`](https://github.com/CrowdStrike/ember-toucan-core/commit/ff50f274aad06257f05dd8ddbb39e76377edf755) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Expose the `:secondary` block and Character Counter component from ` + + <:label>Label + <:hint>Hint + <:secondary as |secondary|> + + + + + + <:label>Label + <:hint>Hint + <:secondary as |secondary|> + + + + + ``` + +- [#227](https://github.com/CrowdStrike/ember-toucan-core/pull/227) [`c8a4eb1`](https://github.com/CrowdStrike/ember-toucan-core/commit/c8a4eb139298d2442b8f0df29c1c40bb2874d2cc) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Added `form.Multiselect` support. + + ```hbs + + + <:chip as |chip|> + + {{chip.option}} + + + + + <:default as |multiselect|> + {{multiselect.option}} + + + + ``` + +- [#200](https://github.com/CrowdStrike/ember-toucan-core/pull/200) [`91204aa`](https://github.com/CrowdStrike/ember-toucan-core/commit/91204aacd1dbec2b4102df0ed7c2c03556520a4d) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Added an `Autocomplete` component to both core and form packages. + + If you're using `toucan-core`, the control and field components are exposed: + + ```hbs + + + {{autocomplete.option.label}} + + + + + + {{autocomplete.option.label}} + + + ``` + + If you're using `toucan-form`, the component is exposed via: + + ```hbs + + + + {{autocomplete.option}} + + + + ``` + + For more information on using these components, view [the docs](https://ember-toucan-core.pages.dev/docs/components/autocomplete). + +- Updated dependencies [[`1669550`](https://github.com/CrowdStrike/ember-toucan-core/commit/16695506e740b9b0240a57b5faf3f3f14193e104), [`3d6c159`](https://github.com/CrowdStrike/ember-toucan-core/commit/3d6c159b9c2dfa16f9243339f958129395dd9d4a), [`40465de`](https://github.com/CrowdStrike/ember-toucan-core/commit/40465de089a8e2af17670f2ef596183d7c4f65b0), [`9ef84d2`](https://github.com/CrowdStrike/ember-toucan-core/commit/9ef84d2f2b668e8a439ff8cef3ceec235a1b7aed), [`b59a575`](https://github.com/CrowdStrike/ember-toucan-core/commit/b59a5752bc8e5d6bdb028db7a17da7315d66e326), [`91204aa`](https://github.com/CrowdStrike/ember-toucan-core/commit/91204aacd1dbec2b4102df0ed7c2c03556520a4d), [`50b4f24`](https://github.com/CrowdStrike/ember-toucan-core/commit/50b4f24cd093a2db44b5782cb8239a7541791b1a)]: + - @crowdstrike/ember-toucan-core@0.3.0 + ## 0.2.1 ### Patch Changes diff --git a/packages/ember-toucan-form/package.json b/packages/ember-toucan-form/package.json index 38a4a2767..048933b47 100644 --- a/packages/ember-toucan-form/package.json +++ b/packages/ember-toucan-form/package.json @@ -1,6 +1,6 @@ { "name": "@crowdstrike/ember-toucan-form", - "version": "0.2.1", + "version": "0.3.0", "description": "Build forms with ember-headless-form and ember-toucan-core", "keywords": [ "ember-addon" @@ -33,7 +33,7 @@ "_syncPnpm": "pnpm sync-dependencies-meta-injected" }, "peerDependencies": { - "@crowdstrike/ember-toucan-core": "^0.2.2", + "@crowdstrike/ember-toucan-core": "^0.3.0", "@crowdstrike/ember-toucan-styles": "^2.0.1", "@ember/test-helpers": "^2.8.1 || ^3.0.0", "@glimmer/tracking": "^1.1.2",