chore: 🤖 Remove rose-badge light style definition

After discussing with designer, badge style does not need a defined
"light" style.
This commit is contained in:
Susmitha Girumala committed 2020-07-29 16:02:10 -04:00
1 parent 37880833a0
commit c230d6da29
3 files changed
+2 -10

No files matched your search

@@ -10,10 +10,10 @@ import { text, select } from '@storybook/addon-knobs';
A badge component that supports icons and predefined styles.
When style definition isn't supplied, a default style will be supplied.
Styles: outline, light, dark, informational, informational-outline, success, success-outline, error, error-outline, warning, warning-outline, alert, alert-outline
Styles: outline, dark, informational, informational-outline, success, success-outline, error, error-outline, warning, warning-outline, alert, alert-outline
```html
<Rose::Badge @style="outline" @icon="user-organization"/>
<Rose::Badge @style="outline" @icon="user-organization">Badge</Rose::Badge>
```
<Preview>
@@ -28,7 +28,6 @@ Styles: outline, light, dark, informational, informational-outline, success, suc
style: select('style', {
'none': 'none',
'outline': 'outline',
'light': 'light',
'dark': 'dark',
'informational': 'informational',
'informational-outline': 'informational-outline',
@@ -60,7 +59,6 @@ Styles: outline, light, dark, informational, informational-outline, success, suc
<Rose::Badge>default style</Rose::Badge>
<Rose::Badge @style="outline">outline</Rose::Badge>
<Rose::Badge @icon="user-organization">default style with icon</Rose::Badge>
<Rose::Badge @style="light">light</Rose::Badge>
<Rose::Badge @style="dark">dark</Rose::Badge>
<Rose::Badge @style="informational">informational</Rose::Badge>
<Rose::Badge @style="informational-outline">informational-outline</Rose::Badge>
@@ -21,11 +21,6 @@
--border-color: var(--ui-gray-starker-1);
}
&.rose-badge-light {
--border-color: var(--ui-gray-subtler-5);
--background-color: var(--ui-gray-starker-5);
}
&.rose-badge-dark {
--color: var(--ui-gray-subtler-6);
--border-color: var(--ui-gray-starker-1);
@@ -24,7 +24,6 @@ module('Integration | Component | rose/badge', function(hooks) {
test('it styles content using @style', async function(assert) {
let styles = [
'outline',
'light',
'dark',
'informational',
'informational-outline',