Skip to content

Commit 5722cf2

Browse files
Version Packages
1 parent 6a502f7 commit 5722cf2

File tree

9 files changed

+117
-121
lines changed

9 files changed

+117
-121
lines changed

.changeset/giant-bugs-smile.md

-7
This file was deleted.

.changeset/hot-lions-tie.md

-5
This file was deleted.

.changeset/lazy-items-shake.md

-5
This file was deleted.

.changeset/light-olives-notice.md

-38
This file was deleted.

.changeset/long-months-leave.md

-63
This file was deleted.

packages/ember-toucan-core/CHANGELOG.md

+12
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,17 @@
11
# @crowdstrike/ember-toucan-core
22

3+
## 0.1.2
4+
5+
### Patch Changes
6+
7+
- [#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
8+
9+
Added optional character count in the Input Field component, along with related base demo and tests.
10+
11+
- [#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).
12+
13+
- [#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
14+
315
## 0.1.1
416

517
### Patch Changes

packages/ember-toucan-core/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@crowdstrike/ember-toucan-core",
3-
"version": "0.1.1",
3+
"version": "0.1.2",
44
"description": "CrowdStrike's Toucan Design System",
55
"keywords": [
66
"ember-addon"

packages/ember-toucan-form/CHANGELOG.md

+102
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,107 @@
11
# @crowdstrike/ember-toucan-form
22

3+
## 0.1.1
4+
5+
### Patch Changes
6+
7+
- [#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.
8+
9+
```hbs
10+
<ToucanForm @data={{data}} as |form|>
11+
<form.Textarea @name='comment'>
12+
<:label>Label</:label>
13+
<:hint>Hint</:hint>
14+
</form.Textarea>
15+
</ToucanForm>
16+
```
17+
18+
```hbs
19+
<ToucanForm @data={{data}} as |form|>
20+
<form.Textarea @label='Label' @name='comment'>
21+
<:hint>Hint</:hint>
22+
</form.Textarea>
23+
</ToucanForm>
24+
```
25+
26+
```hbs
27+
<ToucanForm @data={{data}} as |form|>
28+
<form.Textarea @hint='Hint' @name='comment'>
29+
<:label>Label</:label>
30+
</form.Textarea>
31+
</ToucanForm>
32+
```
33+
34+
Or you can continue to use the arguments if you're only working with strings!
35+
36+
```hbs
37+
<ToucanForm @data={{data}} as |form|>
38+
<form.Textarea @label='Label' @hint='Hint' @name='comment' />
39+
</ToucanForm>
40+
```
41+
42+
- [#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.
43+
44+
```hbs
45+
<ToucanForm @data={{data}} as |form|>
46+
<form.Textarea
47+
@label='Comment'
48+
@name='comment'
49+
@isReadOnly={{true}}
50+
data-textarea
51+
/>
52+
<form.Input
53+
@label='Input'
54+
@name='firstName'
55+
@isReadOnly={{true}}
56+
data-input
57+
/>
58+
<form.Checkbox
59+
@label='Terms'
60+
@name='termsAndConditions'
61+
@isReadOnly={{true}}
62+
data-checkbox
63+
/>
64+
65+
<form.RadioGroup
66+
@label='Radios'
67+
@name='radio'
68+
@isReadOnly={{true}}
69+
as |group|
70+
>
71+
<group.RadioField @label='option-1' @value='option-1' data-radio-1 />
72+
<group.RadioField @label='option-2' @value='option-2' data-radio-2 />
73+
</form.RadioGroup>
74+
75+
<form.CheckboxGroup
76+
@label='Checkboxes'
77+
@name='checkboxes'
78+
@isReadOnly={{true}}
79+
as |group|
80+
>
81+
<group.CheckboxField
82+
@label='Option 1'
83+
@value='option-1'
84+
data-checkbox-group-1
85+
/>
86+
<group.CheckboxField
87+
@label='Option 2'
88+
@value='option-2'
89+
data-checkbox-group-2
90+
/>
91+
<group.CheckboxField
92+
@label='Option 3'
93+
@value='option-3'
94+
data-checkbox-group-3
95+
/>
96+
</form.CheckboxGroup>
97+
</ToucanForm>
98+
```
99+
100+
For CheckboxGroup and RadioGroup, the argument can be set on the root component, or on individual CheckboxFields / RadioFields directly.
101+
102+
- 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)]:
103+
- @crowdstrike/ember-toucan-core@0.1.2
104+
3105
## 0.1.0
4106

5107
### Minor Changes

packages/ember-toucan-form/package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@crowdstrike/ember-toucan-form",
3-
"version": "0.1.0",
3+
"version": "0.1.1",
44
"description": "Build forms with ember-headless-form and ember-toucan-core",
55
"keywords": [
66
"ember-addon"
@@ -33,7 +33,7 @@
3333
"_syncPnpm": "pnpm sync-pnpm"
3434
},
3535
"peerDependencies": {
36-
"@crowdstrike/ember-toucan-core": "^0.1.1",
36+
"@crowdstrike/ember-toucan-core": "^0.1.2",
3737
"@crowdstrike/ember-toucan-styles": "^2.0.1",
3838
"@ember/test-helpers": "^2.8.1",
3939
"@glimmer/tracking": "^1.1.2",

0 commit comments

Comments
 (0)