diff --git a/addons/rose/addon/components/rose/notification.js b/addons/rose/addon/components/rose/notification.js
index 0ff646e2d..856dbc863 100644
--- a/addons/rose/addon/components/rose/notification.js
+++ b/addons/rose/addon/components/rose/notification.js
@@ -21,7 +21,7 @@ export default Component.extend({
let icon = 'info-circle-fill';
switch(this.style) {
- case 'failure':
+ case 'error':
icon = 'cancel-square-fill';
break;
case 'success':
diff --git a/addons/rose/addon/components/rose/notification.stories.mdx b/addons/rose/addon/components/rose/notification.stories.mdx
index 04cd3f533..a20532158 100644
--- a/addons/rose/addon/components/rose/notification.stories.mdx
+++ b/addons/rose/addon/components/rose/notification.stories.mdx
@@ -8,7 +8,7 @@ import { text, boolean, select } from '@storybook/addon-knobs';
# Notification
Notifications come in four semantic styles: `info` (default), `success`,
-`warning`, and `failure`. Heading text is required. Additional block content
+`warning`, and `error`. Heading text is required. Additional block content
is optional.
Notifications may be made dismissible by passing a `@dismiss` function into
@@ -69,7 +69,7 @@ handler takes appropriate action and hides the notification.
Careful now.
+
+
+
+ {{message.text}}
+
+
diff --git a/ui/core/ember-cli-build.js b/ui/core/ember-cli-build.js
index 9528c38e4..cc31a1b6c 100644
--- a/ui/core/ember-cli-build.js
+++ b/ui/core/ember-cli-build.js
@@ -15,6 +15,9 @@ module.exports = function (defaults) {
onlyIncluded: true,
extension: 'scss',
},
+ emberNotify: {
+ importCss: false,
+ },
});
// Use `app.import` to add additional libraries to the generated
diff --git a/ui/core/package.json b/ui/core/package.json
index 0029a7423..cd4e42ab9 100644
--- a/ui/core/package.json
+++ b/ui/core/package.json
@@ -61,6 +61,7 @@
"ember-load-initializers": "^2.1.1",
"ember-maybe-import-regenerator": "^0.1.6",
"ember-modifier": "^1.0.3",
+ "ember-notify": "^6.0.0",
"ember-page-title": "^5.2.1",
"ember-qunit": "^4.6.0",
"ember-resolver": "^7.0.0",
diff --git a/ui/core/translations/en-us.yaml b/ui/core/translations/en-us.yaml
index 4487f5698..3abe145c0 100644
--- a/ui/core/translations/en-us.yaml
+++ b/ui/core/translations/en-us.yaml
@@ -1,11 +1,17 @@
actions:
cancel: Cancel
delete: Delete
+ dismiss: Dismiss
save: Save
resources:
projects: Projects
titles:
new: New
+states:
+ info: Info
+ success: Success
+ warning: Warning
+ error: Error
form:
label:
name: Name
diff --git a/yarn.lock b/yarn.lock
index 0f49a405a..b5270240f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7815,6 +7815,14 @@ ember-modifier@^1.0.3:
ember-cli-string-utils "^1.1.0"
ember-modifier-manager-polyfill "^1.2.0"
+ember-notify@^6.0.0:
+ version "6.0.0"
+ resolved "https://registry.yarnpkg.com/ember-notify/-/ember-notify-6.0.0.tgz#f92978e3452934f7c9b70d76ad2ec62bf072495a"
+ integrity sha512-2ewX5xwkGyZtkRRlgT/Tam5PaxGy78IoXltwt4s8roEam1esXNHfafzycvJwcuX7Hgrwr7LlTpmKP+81vWT3QQ==
+ dependencies:
+ ember-cli-babel "^7.7.3"
+ ember-cli-htmlbars "^3.0.1"
+
ember-page-title@^5.2.1:
version "5.2.1"
resolved "https://registry.yarnpkg.com/ember-page-title/-/ember-page-title-5.2.1.tgz#12261e010bec96af6200cd132fe4068e717ccbec"