Release Preview

packages/ember-toucan-core/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @crowdstrike/ember-toucan-core
 
+## 0.1.2
+
+### Patch Changes
+
+- [#115](https://github.com/CrowdStrike/ember-toucan-core/pull/115) [`6a08b45`](https://github.com/CrowdStrike/ember-toucan-core/commit/6a08b4501dce48408278f68d4883a20b9012c3a7) Thanks [@nicolechung](https://github.com/nicolechung)! - Added Character Count in InputField
+
+  Added optional character count in the Input Field component, along with related base demo and tests.
+
+- [#132](https://github.com/CrowdStrike/ember-toucan-core/pull/132) [`b4f6861`](https://github.com/CrowdStrike/ember-toucan-core/commit/b4f6861bc2384dc3144c5b5a6aef18bca48f2b15) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Added the `@isReadOnly` component argument to all form components. It will apply read only styling and the `readonly` attribute. This requires the latest release of [@crowdstrike/tailwind-toucan-base](https://github.com/CrowdStrike/tailwind-toucan-base/releases/tag/%40crowdstrike%2Ftailwind-toucan-base%403.5.0).
+
+- [#157](https://github.com/CrowdStrike/ember-toucan-core/pull/157) [`6a502f7`](https://github.com/CrowdStrike/ember-toucan-core/commit/6a502f70912a1d62aa5f1deae2c50cc3e4aec0b3) Thanks [@nicolechung](https://github.com/nicolechung)! - Added: Character Count for Textarea Field
+
 ## 0.1.1
 
 ### Patch Changes

packages/ember-toucan-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crowdstrike/ember-toucan-core",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "CrowdStrike's Toucan Design System",
   "keywords": [
     "ember-addon"

packages/ember-toucan-form/CHANGELOG.md

@@ -1,5 +1,107 @@
 # @crowdstrike/ember-toucan-form
 
+## 0.1.1
+
+### Patch Changes
+
+- [#156](https://github.com/CrowdStrike/ember-toucan-core/pull/156) [`20d433f`](https://github.com/CrowdStrike/ember-toucan-core/commit/20d433f330a4a6ee3a5d31acfc20f48ccc1bb950) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Exposed named blocks from the underlying `toucan-core` components. This allows users to add custom content in `:hint` or `:label` named blocks. You can combine the arguments and named blocks as well! Below are some examples.
+
+  ```hbs
+  <ToucanForm @data={{data}} as |form|>
+    <form.Textarea @name='comment'>
+      <:label>Label</:label>
+      <:hint>Hint</:hint>
+    </form.Textarea>
+  </ToucanForm>
+  ```
+
+  ```hbs
+  <ToucanForm @data={{data}} as |form|>
+    <form.Textarea @label='Label' @name='comment'>
+      <:hint>Hint</:hint>
+    </form.Textarea>
+  </ToucanForm>
+  ```
+
+  ```hbs
+  <ToucanForm @data={{data}} as |form|>
+    <form.Textarea @hint='Hint' @name='comment'>
+      <:label>Label</:label>
+    </form.Textarea>
+  </ToucanForm>
+  ```
+
+  Or you can continue to use the arguments if you're only working with strings!
+
+  ```hbs
+  <ToucanForm @data={{data}} as |form|>
+    <form.Textarea @label='Label' @hint='Hint' @name='comment' />
+  </ToucanForm>
+  ```
+
+- [#145](https://github.com/CrowdStrike/ember-toucan-core/pull/145) [`752e6b1`](https://github.com/CrowdStrike/ember-toucan-core/commit/752e6b16d40d04f69ac3381cae4d6ee7ffd962fa) Thanks [@ynotdraw](https://github.com/ynotdraw)! - Added `@isReadOnly` component argument support.
+
+  ```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
+    />
+
+    <form.RadioGroup
+      @label='Radios'
+      @name='radio'
+      @isReadOnly={{true}}
+      as |group|
+    >
+      <group.RadioField @label='option-1' @value='option-1' data-radio-1 />
+      <group.RadioField @label='option-2' @value='option-2' data-radio-2 />
+    </form.RadioGroup>
+
+    <form.CheckboxGroup
+      @label='Checkboxes'
+      @name='checkboxes'
+      @isReadOnly={{true}}
+      as |group|
+    >
+      <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
+      />
+    </form.CheckboxGroup>
+  </ToucanForm>
+  ```
+
+  For CheckboxGroup and RadioGroup, the argument can be set on the root component, or on individual CheckboxFields / RadioFields directly.
+
+- Updated dependencies [[`6a08b45`](https://github.com/CrowdStrike/ember-toucan-core/commit/6a08b4501dce48408278f68d4883a20b9012c3a7), [`b4f6861`](https://github.com/CrowdStrike/ember-toucan-core/commit/b4f6861bc2384dc3144c5b5a6aef18bca48f2b15), [`6a502f7`](https://github.com/CrowdStrike/ember-toucan-core/commit/6a502f70912a1d62aa5f1deae2c50cc3e4aec0b3)]:
+  - @crowdstrike/ember-toucan-core@0.1.2
+
 ## 0.1.0
 
 ### Minor Changes

packages/ember-toucan-form/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crowdstrike/ember-toucan-form",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Build forms with ember-headless-form and ember-toucan-core",
   "keywords": [
     "ember-addon"
@@ -33,7 +33,7 @@
     "_syncPnpm": "pnpm sync-pnpm"
   },
   "peerDependencies": {
-    "@crowdstrike/ember-toucan-core": "^0.1.1",
+    "@crowdstrike/ember-toucan-core": "^0.1.2",
     "@crowdstrike/ember-toucan-styles": "^2.0.1",
     "@ember/test-helpers": "^2.8.1",
     "@glimmer/tracking": "^1.1.2",