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:
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',
|
||||
|
||||
Reference in new issue
Block a user