{
- "prefix": "oo-ui-icon",
+ "selectorWithoutVariant": ".oo-ui-icon-{name}",
+ "selectorWithVariant": ".oo-ui-image-{variant}.oo-ui-icon-{name}",
"intro": "@import '../../../../src/styles/common';",
"variants": {
"invert": {
- "color": "#FFFFFF",
+ "color": "#ffffff",
"global": true
},
"progressive": {
- "color": "#347BFF"
+ "color": "#347bff"
},
"constructive": {
- "color": "#00AF89"
+ "color": "#00af89"
},
"destructive": {
- "color": "#D11D13"
+ "color": "#d11d13"
},
"warning": {
- "color": "#FF5D00"
+ "color": "#ff5d00"
}
},
"images": {
- "block": { "file": "images/icons/block.svg" },
+ "block": { "file": "images/icons/block.svg", "variants": [ "destructive" ] },
"blockUndo": { "file": {
"ltr": "images/icons/blockUndo-ltr.svg",
"rtl": "images/icons/blockUndo-rtl.svg"
"ltr": "images/icons/lock-ltr.svg",
"rtl": "images/icons/lock-rtl.svg"
}, "variants": [ "destructive" ] },
- "star": { "file": "images/icons/star.svg" },
+ "ongoingConversation": {
+ "file": {
+ "ltr": "images/icons/ongoingConversation-ltr.svg",
+ "rtl": "images/icons/ongoingConversation-rtl.svg"
+ },
+ "variants": [ "progressive" ]
+ },
+ "star": { "file": "images/icons/star.svg", "variants": [ "constructive" ] },
"trash": { "file": "images/icons/trash.svg" },
"trashUndo": { "file": {
"ltr": "images/icons/trashUndo-ltr.svg",
"ltr": "images/icons/unLock-ltr.svg",
"rtl": "images/icons/unLock-rtl.svg"
}, "variants": [ "destructive" ] },
- "unStar": { "file": "images/icons/unStar.svg" }
+ "unStar": { "file": "images/icons/unStar.svg", "variants": [ "constructive" ] }
}
}