https://github.com/crowdstrike/ember-toucan-core - @crowdstrike/ember-toucan-form@0.5.1

Patch Changes

• #645 7a923dc Thanks @ryan-nauman-cs! - fix(autocomplete): fix assertion to accept null

• Updated dependencies [227c6d5]:

  • @crowdstrike/ember-toucan-core@0.4.6

- TypeScript
Published by github-actions[bot] 12 months ago

https://github.com/crowdstrike/ember-toucan-core - @crowdstrike/ember-toucan-core@0.4.6

Patch Changes

• #645 227c6d5 Thanks @ryan-nauman-cs! - fix(autocomplete): allow null type

- TypeScript
Published by github-actions[bot] 12 months ago

https://github.com/crowdstrike/ember-toucan-core - @crowdstrike/ember-toucan-core@0.4.5

Patch Changes

• #643 181a62c Thanks @ryan-nauman-cs! - Fixed multiselect container click handler to properly focus the correct input element when multiple components are present

- TypeScript
Published by github-actions[bot] about 1 year ago

https://github.com/crowdstrike/ember-toucan-core - @crowdstrike/ember-toucan-core@0.4.4

Patch Changes

• #561 f6c8b66 Thanks @nicolechung! - Added min-w-0 to the button component to enable truncation for components that use button.

  https://css-tricks.com/flexbox-truncated-text

- TypeScript
Published by github-actions[bot] over 1 year ago

https://github.com/crowdstrike/ember-toucan-core - @crowdstrike/ember-toucan-core@0.4.3

Patch Changes

• #447 cb3db50 Thanks @kmillns! - Update Textarea to ensure underlying value stays in sync with both typing and @value changes</li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] over 1 year ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407665"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-form@0.5.0">@crowdstrike/ember-toucan-form@0.5.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/466">#466</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c862e5db65a3a4233e7032a143369cbf6bb95a86"><code>c862e5d</code></a> Thanks <a href="https://github.com/bradaune-cs">@bradaune-cs</a>! - Exposes validationState, submissionState, isInvalid and rawErrors from the HeadlessForm component</li> </ul> <h3>Patch Changes</h3> <ul> <li> Updated dependencies [<a href="https://github.com/CrowdStrike/ember-toucan-core/commit/e27421184d4a4f0c238b6917e5656d701eb02c68"><code>e274211</code></a>]: <ul> <li> @crowdstrike/ember-toucan-core@0.4.2</li> </ul></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] over 1 year ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407672"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.4.2">@crowdstrike/ember-toucan-core@0.4.2</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/308">#308</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/e27421184d4a4f0c238b6917e5656d701eb02c68"><code>e274211</code></a> Thanks <a href="https://github.com/bartocc">@bartocc</a>! - Updated incorrect assertion message with CheckboxField</li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] over 1 year ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407681"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.4.1">@crowdstrike/ember-toucan-core@0.4.1</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/304">#304</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/23df6cbdd115f57cca26428bc514f6880439f8cc"><code>23df6cb</code></a> Thanks <a href="https://github.com/davideferre">@davideferre</a>! - Add event.preventDefault() when clicking on disabled button to prevent submitting a form</li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] over 2 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407692"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-form@0.4.0">@crowdstrike/ember-toucan-form@0.4.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/254">#254</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/532ab8997917c9dc4beb3da93e19578ec73b3f09"><code>532ab89</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Add Multiselect test helpers.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/253">#253</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c18922f97912b3189c45a572afcf89ce522d7365"><code>c18922f</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Both <code>Textarea</code> and <code>Input</code> Controls are now full width by default.</p> <p>The <code>Textarea</code> Control markup was adjusted to account for collision with the resize handle and focus/error shadows.</p> <p>The <code>Input</code> Control now has small padding along the x-axis.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/257">#257</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/ce91639ffab71d3e5432ef22ca641d4eb4de4174"><code>ce91639</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Remove Button's test helpers</p></li> </ul> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/246">#246</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/0e817b6ca73c8225546e33fe7e02d44ed0afedfd"><code>0e817b6</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - (internal) Updated both packages to use the <code><template></code> tag and <code>gts</code> file extension.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/248">#248</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/52ded27bbefb35fee23ce937331f8b214b0d4c5f"><code>52ded27</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - add Autocomplete test helpers.</p></li> <li><p>Updated dependencies [<a href="https://github.com/CrowdStrike/ember-toucan-core/commit/532ab8997917c9dc4beb3da93e19578ec73b3f09"><code>532ab89</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/0e817b6ca73c8225546e33fe7e02d44ed0afedfd"><code>0e817b6</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/52ded27bbefb35fee23ce937331f8b214b0d4c5f"><code>52ded27</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c18922f97912b3189c45a572afcf89ce522d7365"><code>c18922f</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/ce91639ffab71d3e5432ef22ca641d4eb4de4174"><code>ce91639</code></a>]:</p> <ul> <li> @crowdstrike/ember-toucan-core@0.4.0</li> </ul></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] almost 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407708"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.4.0">@crowdstrike/ember-toucan-core@0.4.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/254">#254</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/532ab8997917c9dc4beb3da93e19578ec73b3f09"><code>532ab89</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Add Multiselect test helpers.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/253">#253</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c18922f97912b3189c45a572afcf89ce522d7365"><code>c18922f</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Both <code>Textarea</code> and <code>Input</code> Controls are now full width by default.</p> <p>The <code>Textarea</code> Control markup was adjusted to account for collision with the resize handle and focus/error shadows.</p> <p>The <code>Input</code> Control now has small padding along the x-axis.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/257">#257</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/ce91639ffab71d3e5432ef22ca641d4eb4de4174"><code>ce91639</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Remove Button's test helpers</p></li> </ul> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/246">#246</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/0e817b6ca73c8225546e33fe7e02d44ed0afedfd"><code>0e817b6</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - (internal) Updated both packages to use the <code><template></code> tag and <code>gts</code> file extension.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/248">#248</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/52ded27bbefb35fee23ce937331f8b214b0d4c5f"><code>52ded27</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - add Autocomplete test helpers.</p></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] almost 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407717"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-form@0.3.1">@crowdstrike/ember-toucan-form@0.3.1</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/241">#241</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/1eda28b99b5eedf7611225f5c726c59cc29191e7"><code>1eda28b</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Improve documentation consistency.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/244">#244</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/3312a3868d50adc826bd0f7b9799fba863bb8121"><code>3312a38</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Adds "Select all" functionality to the <code>Multiselect</code> via a new component argument. Provide <code>@selectAllText</code> to opt-in to the functionality.</p></li> <li><p>Updated dependencies [<a href="https://github.com/CrowdStrike/ember-toucan-core/commit/d3b7d42d150cae765354cc8e3548e4255d3967db"><code>d3b7d42</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/1eda28b99b5eedf7611225f5c726c59cc29191e7"><code>1eda28b</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/3312a3868d50adc826bd0f7b9799fba863bb8121"><code>3312a38</code></a>]:</p> <ul> <li> @crowdstrike/ember-toucan-core@0.3.1</li> </ul></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] almost 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407727"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.3.1">@crowdstrike/ember-toucan-core@0.3.1</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/230">#230</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/d3b7d42d150cae765354cc8e3548e4255d3967db"><code>d3b7d42</code></a> Thanks <a href="https://github.com/joelamb">@joelamb</a>! - horizontally centre disabled button label</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/241">#241</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/1eda28b99b5eedf7611225f5c726c59cc29191e7"><code>1eda28b</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Improve documentation consistency.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/244">#244</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/3312a3868d50adc826bd0f7b9799fba863bb8121"><code>3312a38</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Adds "Select all" functionality to the <code>Multiselect</code> via a new component argument. Provide <code>@selectAllText</code> to opt-in to the functionality.</p></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] almost 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407738"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.3.0">@crowdstrike/ember-toucan-core@0.3.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/232">#232</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/3d6c159b9c2dfa16f9243339f958129395dd9d4a"><code>3d6c159</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Updated all form elements to have the <code>w-full</code> 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.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/238">#238</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/40465de089a8e2af17670f2ef596183d7c4f65b0"><code>40465de</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Replace Multiselect's <code>:noResults</code> block with a <code>@noResultsText</code> argument.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/226">#226</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/9ef84d2f2b668e8a439ff8cef3ceec235a1b7aed"><code>9ef84d2</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Removed from Autocomplete support for <code>@options</code> as an array of objects.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/240">#240</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/b59a5752bc8e5d6bdb028db7a17da7315d66e326"><code>b59a575</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Make Autocomplete <code>@noResultsText</code> required.</p></li> </ul> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/219">#219</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/16695506e740b9b0240a57b5faf3f3f14193e104"><code>1669550</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Added an <code>Multiselect</code> component.</p> <p>It has a similar API to <code>Autocomplete</code>, but allows for selecting multiple options rather than only one.</p> <p>```hbs <Form::Controls::Multiselect @contentClass='z-10' @noResultsText='No results' @onChange={{this.onChange}} @optionKey='label' @options={{this.options}} @selected={{this.selected}} placeholder='Colors'</p> <blockquote> <p><!-- NOTE: The chip block is required and a Remove component's label is also required! --> <:chip as |chip|> <chip.Chip> {{chip.option}} <chip.Remove @label={{(concat 'Remove' ' ' chip.option)}} /> </chip.Chip> </:chip></p> </blockquote> <p><:default as |multiselect|> <multiselect.Option> {{multiselect.option.label}} </multiselect.Option> </:default> <a href="/Form::Controls::Multiselect">/Form::Controls::Multiselect</a> ```</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/200">#200</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/91204aacd1dbec2b4102df0ed7c2c03556520a4d"><code>91204aa</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Added an <code>Autocomplete</code> component to both core and form packages.</p> <p>If you're using <code>toucan-core</code>, the control and field components are exposed:</p> <p>```hbs <Form::Controls::Autocomplete @onChange={{this.onChange}} @options={{this.options}} @contentClass='z-10' @selected={{this.selected}} @noResultsText='No results' placeholder='Colors' as |autocomplete|</p> <blockquote> <p><autocomplete.Option> {{autocomplete.option.label}} </autocomplete.Option> <a href="/Form::Controls::Autocomplete">/Form::Controls::Autocomplete</a></p> </blockquote> <p><Form::Fields::Autocomplete @contentClass='z-10' @error={{this.errorMessage}} @hint='Type "blue" into the field' @label='Label' @noResultsText='No results' @onChange={{this.onChange}} @options={{this.options}} @selected={{this.selected}} placeholder='Colors' as |autocomplete|</p> <blockquote> <p><autocomplete.Option> {{autocomplete.option.label}} </autocomplete.Option> <a href="/Form::Fields::Autocomplete">/Form::Fields::Autocomplete</a> ```</p> </blockquote> <p>If you're using <code>toucan-form</code>, the component is exposed via:</p> <p>```hbs <ToucanForm as |form|> <form.Autocomplete @label='Autocomplete' @name='autocomplete' @options={{options}} data-autocomplete as |autocomplete|</p> <blockquote> <pre><code><autocomplete.Option data-option> {{autocomplete.option}} </autocomplete.Option> </code></pre> <p></form.Autocomplete> </ToucanForm> ```</p> </blockquote> <p>For more information on using these components, view <a href="https://ember-toucan-core.pages.dev/docs/components/autocomplete">the docs</a>.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/225">#225</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/50b4f24cd093a2db44b5782cb8239a7541791b1a"><code>50b4f24</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Added <code>MultiselectField</code> component - it's the Multiselect control wrapped around a <code>Field</code>.</p> <p>```hbs <Form::Controls::Multiselect @contentClass='z-10' @hint='Select a color' @label='Label' @noResultsText='No results' @onChange={{this.onChange}} @options={{this.options}} @selected={{this.selected}}</p> <blockquote> <p><!-- NOTE: The chip block is required and a Remove component's <code>@label</code>` is also required! --> <:chip as |chip|> <chip.Chip> {{chip.option}} <chip.Remove @label={{(concat 'Remove' ' ' chip.option)}} /> </chip.Chip> </:chip></p> </blockquote> <p><:default as |multiselect|> <multiselect.Option> {{multiselect.option}} </multiselect.Option> </:default> <a href="/Form::Controls::Multiselect">/Form::Controls::Multiselect</a> ```</p> <p>```js import Component from '@glimmer/component'; import { action } from '@ember/object'; import { tracked } from '@glimmer/tracking';</p> <p>export default class extends Component { @tracked selected;</p> <p>options = ['Blue', 'Red', 'Yellow'];</p> <p>@action onChange(options) { this.selected = options; } } ```</p></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] almost 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407750"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-form@0.3.0">@crowdstrike/ember-toucan-form@0.3.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/232">#232</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/3d6c159b9c2dfa16f9243339f958129395dd9d4a"><code>3d6c159</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Updated all form elements to have the <code>w-full</code> 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.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/238">#238</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/40465de089a8e2af17670f2ef596183d7c4f65b0"><code>40465de</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Replace Multiselect's <code>:noResults</code> block with a <code>@noResultsText</code> argument.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/226">#226</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/9ef84d2f2b668e8a439ff8cef3ceec235a1b7aed"><code>9ef84d2</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Removed from Autocomplete support for <code>@options</code> as an array of objects.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/240">#240</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/b59a5752bc8e5d6bdb028db7a17da7315d66e326"><code>b59a575</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - Make Autocomplete <code>@noResultsText</code> required.</p></li> </ul> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/222">#222</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/ff50f274aad06257f05dd8ddbb39e76377edf755"><code>ff50f27</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Expose the <code>:secondary</code> block and Character Counter component from <code><ToucanForm</code> input and textarea components.</p> <p>```hbs <ToucanForm @data={{data}} as |form|> <form.Input @name='input'> <:label>Label</:label> <:hint>Hint</:hint> <:secondary as |secondary|> <secondary.CharacterCount @max={{255}} /> </:secondary> </form.Input></p> <p><form.Textarea @name='textarea'> <:label>Label</:label> <:hint>Hint</:hint> <:secondary as |secondary|> <secondary.CharacterCount @max={{255}} /> </:secondary> </form.Textarea> </ToucanForm> ```</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/227">#227</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c8a4eb139298d2442b8f0df29c1c40bb2874d2cc"><code>c8a4eb1</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Added <code>form.Multiselect</code> support.</p> <p>```hbs <ToucanForm @data={{data}} as |form|> <form.Multiselect @hint='Hint' @label='Label' @name='selection' @noResultsText='No results' @options={{this.options}}</p> <blockquote> <pre><code><:chip as |chip|> <chip.Chip> {{chip.option}} <chip.Remove @label={{(concat 'Remove' ' ' chip.option)}} /> </chip.Chip> </:chip> </code></pre> </blockquote> <pre><code><:default as |multiselect|> <multiselect.Option>{{multiselect.option}}</multiselect.Option> </:default> </code></pre> <p></form.Multiselect> </ToucanForm> ```</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/200">#200</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/91204aacd1dbec2b4102df0ed7c2c03556520a4d"><code>91204aa</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Added an <code>Autocomplete</code> component to both core and form packages.</p> <p>If you're using <code>toucan-core</code>, the control and field components are exposed:</p> <p>```hbs <Form::Controls::Autocomplete @onChange={{this.onChange}} @options={{this.options}} @contentClass='z-10' @selected={{this.selected}} @noResultsText='No results' placeholder='Colors' as |autocomplete|</p> <blockquote> <p><autocomplete.Option> {{autocomplete.option.label}} </autocomplete.Option> <a href="/Form::Controls::Autocomplete">/Form::Controls::Autocomplete</a></p> </blockquote> <p><Form::Fields::Autocomplete @contentClass='z-10' @error={{this.errorMessage}} @hint='Type "blue" into the field' @label='Label' @noResultsText='No results' @onChange={{this.onChange}} @options={{this.options}} @selected={{this.selected}} placeholder='Colors' as |autocomplete|</p> <blockquote> <p><autocomplete.Option> {{autocomplete.option.label}} </autocomplete.Option> <a href="/Form::Fields::Autocomplete">/Form::Fields::Autocomplete</a> ```</p> </blockquote> <p>If you're using <code>toucan-form</code>, the component is exposed via:</p> <p>```hbs <ToucanForm as |form|> <form.Autocomplete @label='Autocomplete' @name='autocomplete' @options={{options}} data-autocomplete as |autocomplete|</p> <blockquote> <pre><code><autocomplete.Option data-option> {{autocomplete.option}} </autocomplete.Option> </code></pre> <p></form.Autocomplete> </ToucanForm> ```</p> </blockquote> <p>For more information on using these components, view <a href="https://ember-toucan-core.pages.dev/docs/components/autocomplete">the docs</a>.</p></li> <li><p>Updated dependencies [<a href="https://github.com/CrowdStrike/ember-toucan-core/commit/16695506e740b9b0240a57b5faf3f3f14193e104"><code>1669550</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/3d6c159b9c2dfa16f9243339f958129395dd9d4a"><code>3d6c159</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/40465de089a8e2af17670f2ef596183d7c4f65b0"><code>40465de</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/9ef84d2f2b668e8a439ff8cef3ceec235a1b7aed"><code>9ef84d2</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/b59a5752bc8e5d6bdb028db7a17da7315d66e326"><code>b59a575</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/91204aacd1dbec2b4102df0ed7c2c03556520a4d"><code>91204aa</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/50b4f24cd093a2db44b5782cb8239a7541791b1a"><code>50b4f24</code></a>]:</p> <ul> <li> @crowdstrike/ember-toucan-core@0.3.0</li> </ul></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] almost 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407756"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.2.2">@crowdstrike/ember-toucan-core@0.2.2</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/212">#212</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/eb5b130eeb3fd6f020b840a144953733d6309603"><code>eb5b130</code></a> Thanks <a href="https://github.com/joelamb">@joelamb</a>! - fixes flex-grow for disabled button</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/208">#208</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/e907310cbc43e0b24e3563e5d5d6a96e8c9c7c93"><code>e907310</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Adds error styling when the current character length is greater than maximum character length for the input and textarea components using the character counter.</p></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407762"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-form@0.2.1">@crowdstrike/ember-toucan-form@0.2.1</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/197">#197</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c1130c638b97690836171b03338af40dd11974da"><code>c1130c6</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - The <code>ToucanForm</code> component now yields back <code>submit</code> and <code>reset</code> actions as the functionality was added to <code>ember-headless-form</code> <a href="https://github.com/CrowdStrike/ember-headless-form/pull/136">in this PR</a>.</p> <p><strong>NOTE:</strong> Calling <code>submit</code> directly is <strong>not</strong> required for most cases. The implementation only requires a button tag with the <code>type="submit"</code> attribute set.</p> <p><code>hbs <ToucanForm as |form|> {{! This should be used for most cases }} <button type='submit'>Submit</button> <button {{on 'click' form.reset}} type='button'>Reset</button> </ToucanForm> </code></p> <p>However, if you have a more complex case with submission, you can use <code>form.submit</code>.</p> <p><code>hbs <ToucanForm as |form|> <button {{on 'click' form.submit}} type='button'>Submit</button> <button {{on 'click' form.reset}} type='button'>Reset</button> </ToucanForm> </code></p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/189">#189</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/50547ad28f6c3ea05abe7e1e86cd31891e617e36"><code>50547ad</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Add a lock icon to readonly and disabled states for all form components.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/193">#193</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/8d05e677b8dd58aa4f372215bde406a15e9fa596"><code>8d05e67</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - (internal) Updated repo to use <a href="https://github.com/NullVoxPopuli/pnpm-sync-dependencies-meta-injected">pnpm-sync-dependencies-meta-injected</a> to make local development easier. To develop in the repo, run <code>pnpm start</code>.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/194">#194</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/cf944f6f31a9b95b0fd2fb89942a06866373448a"><code>cf944f6</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Updates disabled styling for all form components to set the <code>text-disabled</code> class on the label and hint elements.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/190">#190</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/f1b73cd89c3f34319026ac7ed98d2304942c7a5d"><code>f1b73cd</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - (internal) Updated <code>@ember/test-helpers</code> peer dependency range to <code>^2.8.1 || ^3.0.0</code>.</p></li> <li><p>Updated dependencies [<a href="https://github.com/CrowdStrike/ember-toucan-core/commit/42da468ce75a40bd5b1cde07fbf5ffe774637ed5"><code>42da468</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/50547ad28f6c3ea05abe7e1e86cd31891e617e36"><code>50547ad</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/8d05e677b8dd58aa4f372215bde406a15e9fa596"><code>8d05e67</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/cf944f6f31a9b95b0fd2fb89942a06866373448a"><code>cf944f6</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/f1b73cd89c3f34319026ac7ed98d2304942c7a5d"><code>f1b73cd</code></a>]:</p> <ul> <li> @crowdstrike/ember-toucan-core@0.2.1</li> </ul></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407769"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.2.1">@crowdstrike/ember-toucan-core@0.2.1</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/198">#198</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/42da468ce75a40bd5b1cde07fbf5ffe774637ed5"><code>42da468</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Updated <code><Form::Fields::FileInput</code> styling to match designs. This included updates to the disabled state as well as the list items.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/189">#189</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/50547ad28f6c3ea05abe7e1e86cd31891e617e36"><code>50547ad</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Add a lock icon to readonly and disabled states for all form components.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/193">#193</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/8d05e677b8dd58aa4f372215bde406a15e9fa596"><code>8d05e67</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - (internal) Updated repo to use <a href="https://github.com/NullVoxPopuli/pnpm-sync-dependencies-meta-injected">pnpm-sync-dependencies-meta-injected</a> to make local development easier. To develop in the repo, run <code>pnpm start</code>.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/194">#194</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/cf944f6f31a9b95b0fd2fb89942a06866373448a"><code>cf944f6</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Updates disabled styling for all form components to set the <code>text-disabled</code> class on the label and hint elements.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/190">#190</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/f1b73cd89c3f34319026ac7ed98d2304942c7a5d"><code>f1b73cd</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - (internal) Updated <code>@ember/test-helpers</code> peer dependency range to <code>^2.8.1 || ^3.0.0</code>.</p></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407779"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-form@0.2.0">@crowdstrike/ember-toucan-form@0.2.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li> Updated dependencies [<a href="https://github.com/CrowdStrike/ember-toucan-core/commit/17dcffaad2eed80663c1e134a8454366d4fd2b8c"><code>17dcffa</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c552a59ed54d902d394926f7f6951ca41552db4f"><code>c552a59</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/cc495bd012fc5da35b6a46ba09707a6673e0ed74"><code>cc495bd</code></a>]: <ul> <li> @crowdstrike/ember-toucan-core@0.2.0</li> </ul></li> </ul> <h3>Patch Changes</h3> <ul> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/177">#177</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/17dcffaad2eed80663c1e134a8454366d4fd2b8c"><code>17dcffa</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Added <code><form.FileInput></code> support to <code>toucan-form</code>. Resolved a bug where the <code>accept</code> attribute was not being applied to the <code>toucan-core</code> file-input control. Resolved a bug where <code>ToucanFormFileInputFieldComponentSignature</code> was not being exported from the file-input field.</li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407786"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.2.0">@crowdstrike/ember-toucan-core@0.2.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/178">#178</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c552a59ed54d902d394926f7f6951ca41552db4f"><code>c552a59</code></a> Thanks <a href="https://github.com/clintcs">@clintcs</a>! - add @value support to Form::Controls::Checkbox</li> </ul> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/177">#177</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/17dcffaad2eed80663c1e134a8454366d4fd2b8c"><code>17dcffa</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Added <code><form.FileInput></code> support to <code>toucan-form</code>. Resolved a bug where the <code>accept</code> attribute was not being applied to the <code>toucan-core</code> file-input control. Resolved a bug where <code>ToucanFormFileInputFieldComponentSignature</code> was not being exported from the file-input field.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/183">#183</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/cc495bd012fc5da35b6a46ba09707a6673e0ed74"><code>cc495bd</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Fixed a re-selection bug with Form::Controls::FileInput.</p></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407793"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-form@0.1.2">@crowdstrike/ember-toucan-form@0.1.2</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/162">#162</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/f241920824325ceaf022295fef7c70158ab8e27c"><code>f241920</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Updated to <a href="https://github.com/CrowdStrike/ember-headless-form/releases/tag/ember-headless-form%401.0.0-beta.3">version beta-3 of ember-headless-form</a>.</li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407797"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-form@0.1.1">@crowdstrike/ember-toucan-form@0.1.1</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/156">#156</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/20d433f330a4a6ee3a5d31acfc20f48ccc1bb950"><code>20d433f</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Exposed named blocks from the underlying <code>toucan-core</code> components. This allows users to add custom content in <code>:hint</code> or <code>:label</code> named blocks. You can combine the arguments and named blocks as well! Below are some examples.</p> <p><code>hbs <ToucanForm @data={{data}} as |form|> <form.Textarea @name='comment'> <:label>Label</:label> <:hint>Hint</:hint> </form.Textarea> </ToucanForm> </code></p> <p><code>hbs <ToucanForm @data={{data}} as |form|> <form.Textarea @label='Label' @name='comment'> <:hint>Hint</:hint> </form.Textarea> </ToucanForm> </code></p> <p><code>hbs <ToucanForm @data={{data}} as |form|> <form.Textarea @hint='Hint' @name='comment'> <:label>Label</:label> </form.Textarea> </ToucanForm> </code></p> <p>Or you can continue to use the arguments if you're only working with strings!</p> <p><code>hbs <ToucanForm @data={{data}} as |form|> <form.Textarea @label='Label' @hint='Hint' @name='comment' /> </ToucanForm> </code></p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/145">#145</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/752e6b16d40d04f69ac3381cae4d6ee7ffd962fa"><code>752e6b1</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Added <code>@isReadOnly</code> component argument support.</p> <p>```hbs <ToucanForm @data={{data}} as |form|> <form.Textarea @label='Comment' @name='comment' @isReadOnly={{true}} data-textarea /> <form.Input @label='Input' @name='firstName' @isReadOnly={{true}} data-input /> <form.Checkbox @label='Terms' @name='termsAndConditions' @isReadOnly={{true}} data-checkbox /></p> <p><form.RadioGroup @label='Radios' @name='radio' @isReadOnly={{true}} as |group|</p> <blockquote> <pre><code><group.RadioField @label='option-1' @value='option-1' data-radio-1 /> <group.RadioField @label='option-2' @value='option-2' data-radio-2 /> </code></pre> <p></form.RadioGroup></p> </blockquote> <p><form.CheckboxGroup @label='Checkboxes' @name='checkboxes' @isReadOnly={{true}} as |group|</p> <blockquote> <pre><code><group.CheckboxField @label='Option 1' @value='option-1' data-checkbox-group-1 /> <group.CheckboxField @label='Option 2' @value='option-2' data-checkbox-group-2 /> <group.CheckboxField @label='Option 3' @value='option-3' data-checkbox-group-3 /> </code></pre> <p></form.CheckboxGroup> </ToucanForm> ```</p> </blockquote> <p>For CheckboxGroup and RadioGroup, the argument can be set on the root component, or on individual CheckboxFields / RadioFields directly.</p></li> <li><p>Updated dependencies [<a href="https://github.com/CrowdStrike/ember-toucan-core/commit/6a08b4501dce48408278f68d4883a20b9012c3a7"><code>6a08b45</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/b4f6861bc2384dc3144c5b5a6aef18bca48f2b15"><code>b4f6861</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/6a502f70912a1d62aa5f1deae2c50cc3e4aec0b3"><code>6a502f7</code></a>]:</p> <ul> <li> @crowdstrike/ember-toucan-core@0.1.2</li> </ul></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407804"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.1.2">@crowdstrike/ember-toucan-core@0.1.2</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/115">#115</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/6a08b4501dce48408278f68d4883a20b9012c3a7"><code>6a08b45</code></a> Thanks <a href="https://github.com/nicolechung">@nicolechung</a>! - Added Character Count in InputField</p> <p>Added optional character count in the Input Field component, along with related base demo and tests.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/132">#132</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/b4f6861bc2384dc3144c5b5a6aef18bca48f2b15"><code>b4f6861</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Added the <code>@isReadOnly</code> component argument to all form components. It will apply read only styling and the <code>readonly</code> attribute. This requires the latest release of <a href="https://github.com/CrowdStrike/tailwind-toucan-base/releases/tag/%40crowdstrike%2Ftailwind-toucan-base%403.5.0">@crowdstrike/tailwind-toucan-base</a>.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/157">#157</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/6a502f70912a1d62aa5f1deae2c50cc3e4aec0b3"><code>6a502f7</code></a> Thanks <a href="https://github.com/nicolechung">@nicolechung</a>! - Added: Character Count for Textarea Field</p></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407811"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-form@0.1.0">@crowdstrike/ember-toucan-form@0.1.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/137">#137</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/3e662e95def2706c1c44b73c84a2d8eb664ea556"><code>3e662e9</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - <code>@crowdstrike/ember-toucan-form</code> now exposes the following components to use when building forms:</p> <ul> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/129">Textarea</a></li> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/134">Input</a></li> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/135">Checkbox</a></li> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/136">RadioGroup</a></li> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/137">CheckboxGroup</a></li> </ul> <p><code>@crowdstrike-ember-toucan-core</code> was updated to resolve TypeScript errors and regressions: - <code>CheckboxGroup</code> <code>@error</code> argument now <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/137/files#diff-4944b98b6785745979290458ace369f4a4c4125a1b77e7b269421dfc51a820efR17">accepts an array of strings</a> - <code>CheckboxGroup</code> had a regression with the root <code>data-*</code> attribute that has been <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/136/files#diff-be94a63c54dadd43884220fa6817230be44d6789f30da3ba28a716bbd941f3f4R5">resolved</a> by re-adding the component argument - <code>RadioGroup</code> had a regression with the root <code>data-*</code> attribute that has been <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/136/files#diff-1857c5ed8e778b21fbcd8a18a40754ab5c9d38bcd1ad521bdf4a0c03bf57a808R7">resolved</a></p></li> </ul> <h3>Patch Changes</h3> <ul> <li> Updated dependencies [<a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c5e97aea3f6e47b06d6367b8b8b9787567697985"><code>c5e97ae</code></a>, <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/3e662e95def2706c1c44b73c84a2d8eb664ea556"><code>3e662e9</code></a>]: <ul> <li> @crowdstrike/ember-toucan-core@0.1.1</li> </ul></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407816"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.1.1">@crowdstrike/ember-toucan-core@0.1.1</a> </h5> <p class="card-text"> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/140">#140</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/c5e97aea3f6e47b06d6367b8b8b9787567697985"><code>c5e97ae</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - Replaced placeholder icons with Toucan icons.</p></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/137">#137</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/3e662e95def2706c1c44b73c84a2d8eb664ea556"><code>3e662e9</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - <code>@crowdstrike/ember-toucan-form</code> now exposes the following components to use when building forms:</p> <ul> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/129">Textarea</a></li> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/134">Input</a></li> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/135">Checkbox</a></li> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/136">RadioGroup</a></li> <li> <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/137">CheckboxGroup</a></li> </ul> <p><code>@crowdstrike-ember-toucan-core</code> was updated to resolve TypeScript errors and regressions: - <code>CheckboxGroup</code> <code>@error</code> argument now <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/137/files#diff-4944b98b6785745979290458ace369f4a4c4125a1b77e7b269421dfc51a820efR17">accepts an array of strings</a> - <code>CheckboxGroup</code> had a regression with the root <code>data-*</code> attribute that has been <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/136/files#diff-be94a63c54dadd43884220fa6817230be44d6789f30da3ba28a716bbd941f3f4R5">resolved</a> by re-adding the component argument - <code>RadioGroup</code> had a regression with the root <code>data-*</code> attribute that has been <a href="https://github.com/CrowdStrike/ember-toucan-core/pull/136/files#diff-1857c5ed8e778b21fbcd8a18a40754ab5c9d38bcd1ad521bdf4a0c03bf57a808R7">resolved</a></p></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] about 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407822"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.1.0">@crowdstrike/ember-toucan-core@0.1.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/110">#110</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/26b324f79901fb6fffb96b2aeeade781776ada11"><code>26b324f</code></a> Thanks <a href="https://github.com/nicolechung">@nicolechung</a>! - - Added label and hint named blocks to all the Field components.</p> <ul> <li> Removed Fieldset.</li> </ul></li> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/113">#113</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/46f7fa0763c24b9bd5bb7cc75abe027c6827b362"><code>46f7fa0</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - The following components have been added and can be used with this release:</p> <ul> <li> <code>Button</code></li> <li> <code>Form::Controls::Checkbox</code></li> <li> <code>Form::Controls::FileInput</code></li> <li> <code>Form::Controls::Input</code></li> <li> <code>Form::Controls::Radio</code></li> <li> <code>Form::Controls::Textarea</code></li> <li> <code>Form::Field</code></li> <li> <code>Form::Fieldset</code></li> <li> <code>Form::Fields::Checkbox</code></li> <li> <code>Form::Fields::CheckboxGroup</code></li> <li> <code>Form::Fields::Input</code></li> <li> <code>Form::Fields::FileInput</code></li> <li> <code>Form::Fields::Radio</code></li> <li> <code>Form::Fields::RadioGroup</code></li> <li> <code>Form::Fields::Textarea</code></li> <li> <code>Form::FileInput::List</code></li> <li> <code>Form::FileInput::DeleteButton</code></li> </ul></li> </ul> <h3>Patch Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/128">#128</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/ae07d891762ad2d65fbb7bef5a0dea0c2613a85a"><code>ae07d89</code></a> Thanks <a href="https://github.com/simonihmig">@simonihmig</a>! - Support <code>@isButtonGroup</code> mode for <code><Button></code></p> <p>This is only to be used <em>internally</em> to support buttons being used inside a <code><ButtonGroup></code>.</p></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] over 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div><div class="card mb-3 release d-flex" id="release_407827"> <div class="card-body pb-1"> <div class="d-flex"> <div class="flex-grow-1 ms-3 text-break"> <h5 class='card-title'> <a href="https://science.ecosyste.ms/projects/196301">https://github.com/crowdstrike/ember-toucan-core</a> - <a href="https://github.com/CrowdStrike/ember-toucan-core/releases/tag/@crowdstrike/ember-toucan-core@0.1.0-beta.0">@crowdstrike/ember-toucan-core@0.1.0-beta.0</a> </h5> <p class="card-text"> <h3>Minor Changes</h3> <ul> <li><p><a href="https://github.com/CrowdStrike/ember-toucan-core/pull/113">#113</a> <a href="https://github.com/CrowdStrike/ember-toucan-core/commit/46f7fa0763c24b9bd5bb7cc75abe027c6827b362"><code>46f7fa0</code></a> Thanks <a href="https://github.com/ynotdraw">@ynotdraw</a>! - The following components have been added and can be used with this release:</p> <ul> <li> <code>Button</code></li> <li> <code>Form::Controls::Checkbox</code></li> <li> <code>Form::Controls::FileInput</code></li> <li> <code>Form::Controls::Input</code></li> <li> <code>Form::Controls::Radio</code></li> <li> <code>Form::Controls::Textarea</code></li> <li> <code>Form::Field</code></li> <li> <code>Form::Fieldset</code></li> <li> <code>Form::Fields::Checkbox</code></li> <li> <code>Form::Fields::CheckboxGroup</code></li> <li> <code>Form::Fields::Input</code></li> <li> <code>Form::Fields::FileInput</code></li> <li> <code>Form::Fields::Radio</code></li> <li> <code>Form::Fields::RadioGroup</code></li> <li> <code>Form::Fields::Textarea</code></li> <li> <code>Form::FileInput::List</code></li> <li> <code>Form::FileInput::DeleteButton</code></li> </ul></li> </ul> </p> <p class="card-subtitle mb-2 text-muted"><small> - TypeScript <br/> Published by github-actions[bot] over 3 years ago <br /> </small></p> </div> <div class="flex-shrink-0"> <img src="https://github.com/CrowdStrike.png" class="rounded" height='40' width='40' onerror="this.style.display='none'"> </div> </div> </div> </div> </div> </div> <footer class="footer dark-section"> <div class="container"> <div class="row"> <div class="col-md-8"> <a class="site-logo site-logo--white" href="/">Ecosyste.ms</a> <p class="small">Tools and open datasets to support, sustain, and secure critical digital infrastructure.</p> <p class="small"> Code: <a href="https://github.com/ecosyste-ms/documentation/blob/main/LICENSE">AGPL-3</a> — Data: <a target="_blank" href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a> </p> <p class='footer-icons'> <a target="_blank" href="https://github.com/ecosyste-ms"> <svg width="20" height="20" alt="ecosyste.ms on Github" class="bi bi-github" viewBox="0 0 16 16" fill="currentColor" version="1.1" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"></path></svg> </a> <a target="_blank" href="https://mastodon.social/@ecosystems"> <svg width="20" height="20" alt="ecosyste.ms on Mastodon" class="bi bi-mastodon" viewBox="0 0 16 16" fill="currentColor" version="1.1" aria-hidden="true"><path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z"></path></svg> </a> <a target="_blank" href="https://opencollective.com/ecosystems"> <svg width="20" height="20" alt="ecosyste.ms on Open Collective" class="bi bi-opencollective" viewBox="0 0 16 16" fill="currentColor" version="1.1" aria-hidden="true"><path fill-opacity=".4" d="M12.995 8.195c0 .937-.312 1.912-.78 2.693l1.99 1.99c.976-1.327 1.6-2.966 1.6-4.683 0-1.795-.624-3.434-1.561-4.76l-2.068 2.028c.468.781.78 1.679.78 2.732z"></path> <path d="M8 13.151a4.995 4.995 0 1 1 0-9.99c1.015 0 1.951.273 2.732.82l1.95-2.03a7.805 7.805 0 1 0 .04 12.449l-1.951-2.03a5.07 5.07 0 0 1-2.732.781z"></path></svg> </a> </p> <div> <h3 class="mt-5 h6">Supported by</h3> <div class="row justify-content-start align-items-center g-4 mb-4 mb-lg-0"> <div class="col-auto"> <a href="https://www.schmidtfutures.org"> <img alt="Schmidt Futures" class="img-fluid p3" src="/assets/logo-schmidt-white-efa52873280decb2588e601323ef616a96a7891c254db5cdf0cca626ed85acc5.svg" width="267" height="20" /> </a> </div> <div class="col-auto"> <a href="https://oscollective.org"> <img alt="Open Source Collective" class="img-fluid p3" src="/assets/logo-osc-white-43e420a5624e755fe206869f9c3ff608e9476881d847007a020ea01d37e36dfa.png" width="210" height="56" /> </a> </div> </div> <p class="mt-3"><a href="https://opencollective.com/ecosystems" class="small">Become a sponsor</a></p> </div> </div> <div class="col-md-4"> <ul class="list-unstyled footer-links mt-3 small"> <li><strong><a href="https://ecosyste.ms">About</a></strong></li> <li><strong><a href="https://blog.ecosyste.ms">Blog</a></strong></li> <li><strong><a href="https://mastodon.social/@ecosystems">Contact</a></strong></li> <li><strong><a href="https://ecosyste.ms/privacy">Privacy</a></strong></li> <li><strong><a href="https://ecosyste.ms/terms">Terms</a></strong></li> <li><strong><a href="https://ecosystems.appsignal-status.com/">Status</a></strong></li> </ul> </div> </div> </div> </footer> </body> </html>