diff --git a/ivette/src/dome/renderer/controls/buttons.tsx b/ivette/src/dome/renderer/controls/buttons.tsx index 461524e30851a5c20e8b4812f4602e8bc3558f90..15314c84a7eca2e4506515234ac7a68a5a92b751 100644 --- a/ivette/src/dome/renderer/controls/buttons.tsx +++ b/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. */ diff --git a/ivette/src/dome/renderer/controls/icons.tsx b/ivette/src/dome/renderer/controls/icons.tsx index 5759f151e36099e527013e27b7e369cf3a765a08..a4d00f541219717f46ea811ed568b363014e3f16 100644 --- a/ivette/src/dome/renderer/controls/icons.tsx +++ b/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 { diff --git a/ivette/src/dome/renderer/controls/style.css b/ivette/src/dome/renderer/controls/style.css index a5cd05a7c0e5c8d853991007697a3dfb63e75e6b..009b591332835ea5ca9c9e67a494a648bc2a5e8d 100644 --- a/ivette/src/dome/renderer/controls/style.css +++ b/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 ;