diff --git a/addons/rose/addon/components/rose/badge/index.hbs b/addons/rose/addon/components/rose/badge/index.hbs deleted file mode 100644 index ee258db53..000000000 --- a/addons/rose/addon/components/rose/badge/index.hbs +++ /dev/null @@ -1,12 +0,0 @@ - - {{#if @icon}} - - {{/if}} - - - {{yield}} - - \ No newline at end of file diff --git a/addons/rose/addon/components/rose/badge/index.js b/addons/rose/addon/components/rose/badge/index.js deleted file mode 100644 index 1343d176c..000000000 --- a/addons/rose/addon/components/rose/badge/index.js +++ /dev/null @@ -1,21 +0,0 @@ -import Component from '@glimmer/component'; -import { deprecate } from '@ember/debug'; - -export default class RoseBadgeComponent extends Component { - constructor() { - super(...arguments); - deprecate( - `Rose badge component is deprecated, use HDS Badge instead. For more info, refer to `, - false, - { - id: 'rose.badge', - until: '4.8.0', - for: 'rose', - since: { - enabled: '3.28.8', - }, - url: 'https://boundary-ui-storybook.vercel.app/?path=/docs/rose-badge--hds-badge', - } - ); - } -} diff --git a/addons/rose/addon/components/rose/badge/index.stories.mdx b/addons/rose/addon/components/rose/badge/index.stories.mdx index 83eb3c6d8..672c5711f 100644 --- a/addons/rose/addon/components/rose/badge/index.stories.mdx +++ b/addons/rose/addon/components/rose/badge/index.stories.mdx @@ -1,11 +1,11 @@ import { Meta, Story, Preview } from '@storybook/addon-docs'; import { hbs } from 'ember-cli-htmlbars'; - + -# HDS Badge (Recommended) +# Rose Badge (Removed) -> **_NOTE:_** Replaces the deprecated Rose/Badge. +Rose/Badge has been removed in favor of [HDS::Badge](https://design-system-components-hashicorp.vercel.app/components/badge) ```handlebars @@ -36,86 +36,3 @@ export const HDSTemplate = (args) => ({ {HDSTemplate.bind({})} - -# Rose Badge (Deprecated) - -Rose/Badge has been deprecated in favor of [HDS::Badge](https://design-system-components-hashicorp.vercel.app/components/badge) - -### usage: - -A badge component that supports icons and predefined styles. -When style definition isn't supplied, a default style will be supplied. - -Styles: outline, dark, informational, informational-outline, success, success-outline, error, error-outline, warning, warning-outline, alert, alert-outline - -```handlebars -Badge -``` - -export const Template = (args) => ({ - template: hbs` - {{text}} - `, - context: args, -}); - - - - {Template.bind({})} - - - - - - {{ - template: hbs` - default style - outline - default style with icon - dark - informational - informational-outline - alert - alert-outline - error - error-outline - success - success-outline - warning - warning-outline - `, - }} - - diff --git a/addons/rose/app/components/rose/badge.js b/addons/rose/app/components/rose/badge.js deleted file mode 100644 index 6a69f03c6..000000000 --- a/addons/rose/app/components/rose/badge.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from 'rose/components/rose/badge'; diff --git a/addons/rose/tests/integration/components/rose/badge-test.js b/addons/rose/tests/integration/components/rose/badge-test.js deleted file mode 100644 index eca789443..000000000 --- a/addons/rose/tests/integration/components/rose/badge-test.js +++ /dev/null @@ -1,53 +0,0 @@ -import { module, test } from 'qunit'; -import { setupRenderingTest } from 'ember-qunit'; -import { render, find } from '@ember/test-helpers'; -import hbs from 'htmlbars-inline-precompile'; - -module('Integration | Component | rose/badge', function (hooks) { - setupRenderingTest(hooks); - - test('it renders', async function (assert) { - await render(hbs``); - assert.ok(find('.rose-badge')); - }); - - test('it renders with content', async function (assert) { - await render(hbs`host-catalog-1`); - assert.strictEqual( - find('.rose-badge').textContent.trim(), - 'host-catalog-1' - ); - }); - - test('it renders an icon using @icon', async function (assert) { - await render(hbs``); - assert.ok(find('.rose-icon')); - }); - - test('it styles content using @style', async function (assert) { - assert.expect(14); - const styles = [ - 'outline', - 'dark', - 'informational', - 'informational-outline', - 'alert', - 'alert-outline', - 'warning', - 'warning-outline', - 'error', - 'error-outline', - 'success', - 'success-outline', - 'warning', - 'warning-outline', - ]; - - await render(hbs``); - - styles.forEach((style) => { - this.set('style', style); - assert.ok(find(`.rose-badge-${style}`), `defines style: ${style}`); - }); - }); -});