fix: styles in Label and NumberInput

tenphi · tenphi · commit 5ca341e26e37 · 2025-10-30T10:04:26.000+01:00
diff --git a/.changeset/grumpy-planes-lie.md b/.changeset/grumpy-planes-lie.md
@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Change the default Label preset to `t3m`.
diff --git a/.changeset/spicy-jeans-promise.md b/.changeset/spicy-jeans-promise.md
@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Use right text alignment in NumberInput component.
diff --git a/src/components/fields/NumberInput/NumberInput.tsx b/src/components/fields/NumberInput/NumberInput.tsx
@@ -21,6 +21,9 @@ export interface CubeNumberInputProps
 }
 
 const StyledTextInputBase = tasty(TextInputBase, {
+  styles: {
+    textAlign: 'right',
+  },
   wrapperStyles: {
     width: 'initial 13x 100%',
   },
diff --git a/src/components/form/Label.tsx b/src/components/form/Label.tsx
@@ -59,7 +59,7 @@ export const INLINE_LABEL_STYLES: Styles = {
 
 export const LABEL_STYLES: Styles = {
   display: 'block',
-  preset: 'h6',
+  preset: 't3m',
   color: {
     '': '#dark',
     invalid: '#danger-text',

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@cube-dev/ui-kit": patch
 +---
++
 +Change the default Label preset to `t3m`.
Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,9 @@ export interface CubeNumberInputProps`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`const StyledTextInputBase = tasty(TextInputBase, {`
	`24`	`+ styles: {`
	`25`	`+ textAlign: 'right',`
	`26`	`+ },`
`24`	`27`	`wrapperStyles: {`
`25`	`28`	`width: 'initial 13x 100%',`
`26`	`29`	`},`