diff --git a/addons/rose/addon/components/rose/form/helper-text/index.hbs b/addons/rose/addon/components/rose/form/helper-text/index.hbs
index 92e716a2b..4dadb4d55 100644
--- a/addons/rose/addon/components/rose/form/helper-text/index.hbs
+++ b/addons/rose/addon/components/rose/form/helper-text/index.hbs
@@ -4,5 +4,5 @@
...attributes
>
{{yield}}
-{{@linkTxt}}
+{{@linkText}}
diff --git a/addons/rose/addon/components/rose/form/helper-text/index.stories.mdx b/addons/rose/addon/components/rose/form/helper-text/index.stories.mdx
index 48a2070bb..19d8e4fac 100644
--- a/addons/rose/addon/components/rose/form/helper-text/index.stories.mdx
+++ b/addons/rose/addon/components/rose/form/helper-text/index.stories.mdx
@@ -11,7 +11,7 @@ Displays helpful messages related to a form field. This component is used
by form fields and should not be used directly.
```html
-
+
Helper text
```
@@ -19,14 +19,14 @@ by form fields and should not be used directly.
{{
template: hbs`
-
+
Helper text
`,
context: {
error: boolean('error', false),
link: text('link', 'http://www.example.net/'),
- linkTxt: text('linkTxt', 'link text')
+ linkText: text('linkText', 'link text')
},
}}
diff --git a/addons/rose/addon/components/rose/form/input/index.hbs b/addons/rose/addon/components/rose/form/input/index.hbs
index 889ca0639..524523bbb 100644
--- a/addons/rose/addon/components/rose/form/input/index.hbs
+++ b/addons/rose/addon/components/rose/form/input/index.hbs
@@ -29,7 +29,7 @@
{{#if @helperText}}
-
+
{{@helperText}}
{{/if}}
diff --git a/addons/rose/addon/components/rose/form/input/index.stories.mdx b/addons/rose/addon/components/rose/form/input/index.stories.mdx
index a0b6080f2..2eaeb2f99 100644
--- a/addons/rose/addon/components/rose/form/input/index.stories.mdx
+++ b/addons/rose/addon/components/rose/form/input/index.stories.mdx
@@ -16,6 +16,8 @@ Renders a simple form input.
@value="info@example.com"
@label="Email"
@helperText="Enter your email"
+ @link='www.example.net'
+ @linkText='sample link text'
@error={{false}}
@disabled={{false}}
@icon='flight-icons/svg/search-16'
@@ -33,6 +35,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
@value="info@example.com"
@label="Email"
@helperText="Enter your email"
+ @link='www.example.net'
+ @linkText='sample link text'
@error={{false}}
@disabled={{false}}
readonly={{false}}
@@ -50,6 +54,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
@value={{value}}
@label={{label}}
@helperText={{helperText}}
+ @link={{link}}
+ @linkText={{linkText}}
@error={{false}}
@disabled={{disabled}}
readonly={{read-only}}
@@ -70,6 +76,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
value: text('value', 'Value'),
label: text('label', 'Label'),
helperText: text('helperText', 'Helper text'),
+ link: text('link', 'link goes here'),
+ linkText: text('linkText', 'link text'),
disabled: boolean('disabled', false),
'read-only': boolean('readonly', false),
icon: select(
@@ -93,6 +101,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
@value={{value}}
@label={{label}}
@helperText={{helperText}}
+ @link={{link}}
+ @linkText={{linkText}}
@error={{true}}
@disabled={{disabled}}
readonly={{read-only}}
@@ -117,6 +127,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
value: text('value', 'Value'),
label: text('label', 'Label'),
helperText: text('helperText', 'Helper text'),
+ link: text('link', 'link goes here'),
+ linkText: text('linkText', 'link text'),
disabled: boolean('disabled', false),
'read-only': boolean('readonly', false),
}
diff --git a/addons/rose/addon/components/rose/form/textarea/index.hbs b/addons/rose/addon/components/rose/form/textarea/index.hbs
index 8bc67af1a..1ab92ac9d 100644
--- a/addons/rose/addon/components/rose/form/textarea/index.hbs
+++ b/addons/rose/addon/components/rose/form/textarea/index.hbs
@@ -28,7 +28,7 @@
{{#if @helperText}}
-
+
{{@helperText}}
{{/if}}
diff --git a/addons/rose/addon/components/rose/form/textarea/index.stories.mdx b/addons/rose/addon/components/rose/form/textarea/index.stories.mdx
index 5851d4b12..efb4dbacb 100644
--- a/addons/rose/addon/components/rose/form/textarea/index.stories.mdx
+++ b/addons/rose/addon/components/rose/form/textarea/index.stories.mdx
@@ -18,6 +18,8 @@ Renders a simple form textarea.
@error={{false}}
@disabled={{false}}
readonly={{false}}
+ @link='www.example.net'
+ @linkText='link text goes here'
/>
```
@@ -32,12 +34,16 @@ Renders a simple form textarea.
@error={{false}}
@disabled={{disabled}}
readonly={{read-only}}
+ @link='www.example.net'
+ @linkText='link text goes here'
/>
`,
context: {
value: text('value', 'Value'),
label: text('label', 'Label'),
helperText: text('helperText', 'Helper text'),
+ link: text('link', 'link'),
+ linkText: text('linkText', 'link text goes here'),
disabled: boolean('disabled', false),
'read-only': boolean('readonly', false),
}
diff --git a/addons/rose/jsconfig.json b/addons/rose/jsconfig.json
new file mode 100644
index 000000000..f408cac8c
--- /dev/null
+++ b/addons/rose/jsconfig.json
@@ -0,0 +1 @@
+{"compilerOptions":{"target":"es6","experimentalDecorators":true},"exclude":["node_modules","bower_components","tmp","vendor",".git","dist"]}
\ No newline at end of file