[dome] fixed icon styles

ivette/src/dome/renderer/controls/buttons.tsx

@@ -197,7 +197,7 @@ export const CircButton = (props: ButtonProps): JSX.Element => {
 // --------------------------------------------------------------------------
 
 export type IconButtonKind =
-  undefined | 'selected' | 'default' | 'negative' | 'positive' | 'warning';
+  'default' | 'positive' | 'negative' | 'warning';
 
 export interface IconButtonProps {
   /** Icon identifier. Displayed on the left side of the label. */

ivette/src/dome/renderer/controls/icons.tsx

@@ -96,7 +96,8 @@ export function SVG(props: SVGprops): null | JSX.Element {
 // --- Icon Component
 // --------------------------------------------------------------------------
 
-export type IconKind = 'disabled' | 'warning' | 'positive' | 'negative';
+export type IconKind =
+  'disabled' | 'selected' | 'positive' | 'negative' | 'warning';
 
 /** Icon Component Properties */
 export interface IconProps extends SVGprops {

ivette/src/dome/renderer/controls/style.css

@@ -30,10 +30,11 @@
 }
 
 .dome-xIcon-default { fill: var(--var-info-text-discrete) ; }
+.dome-xIcon-disabled { fill: var(--background-intense) ; }
+.dome-xIcon-selected { fill: var(--activated-button-color) ; }
 .dome-xIcon-positive { fill: var(--positive-button-color) ; }
 .dome-xIcon-negative { fill: var(--negative-button-color) ; }
 .dome-xIcon-warning { fill: var(--warning-button-color) ; }
-.dome-xIcon-disabled { fill: var(--background-intense) ; }
 
 .dome-xBadge {
     flex: 0 0 auto ;