Update UI widget designs to improve color consistency and add a narrow height mode

This commit is contained in:
Keavon Chambers
2025-09-08 21:48:22 -07:00
parent 485152bf8d
commit 22aa8c1264
41 changed files with 364 additions and 197 deletions
+15
View File
@@ -942,6 +942,8 @@ export class ColorInput extends WidgetProps {
disabled!: boolean;
narrow!: boolean;
menuDirection!: MenuDirection | undefined;
// allowTransparency!: boolean; // TODO: Implement
@@ -1039,6 +1041,8 @@ export class DropdownInput extends WidgetProps {
disabled!: boolean;
narrow!: boolean;
@Transform(({ value }: { value: string }) => value || undefined)
tooltip!: string | undefined;
@@ -1127,6 +1131,9 @@ export class NumberInput extends WidgetProps {
disabled!: boolean;
// Narrow
narrow!: boolean;
// Value
value!: number | undefined;
@@ -1204,6 +1211,8 @@ export class RadioInput extends WidgetProps {
disabled!: boolean;
narrow!: boolean;
selectedIndex!: number | undefined;
minWidth!: number;
@@ -1261,6 +1270,8 @@ export class TextButton extends WidgetProps {
disabled!: boolean;
narrow!: boolean;
@Transform(({ value }: { value: string }) => value || undefined)
tooltip!: string | undefined;
@@ -1302,6 +1313,8 @@ export class TextInput extends WidgetProps {
disabled!: boolean;
narrow!: boolean;
minWidth!: number;
maxWidth!: number;
@@ -1317,6 +1330,8 @@ export class TextLabel extends WidgetProps {
// Props
disabled!: boolean;
narrow!: boolean;
bold!: boolean;
italic!: boolean;