Skip to content

Update font size (input and sm size) #1039

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gciotola merged 2 commits into from
Feb 17, 2026
Merged

Update font size (input and sm size) #1039

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
82508c7
fix: form font size
berardomate Feb 17, 2026
3d45976
style: run lint
gciotola Feb 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/app-elements/src/styles/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,7 @@
--text-*: initial;
--text-2xs: 0.688rem;
--text-xs: 0.813rem;
--text-sm: 0.938rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
Expand Down
2 changes: 1 addition & 1 deletion packages/app-elements/src/ui/atoms/Card.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ export const Card = withSkeletonTemplate<CardProps>(
className,
"border border-solid rounded-md",
"text-left", // reset <button>
"text-inherit active:text-inherit hover:text-inherit text-[14px] font-inherit", // reset <a>
"text-inherit active:text-inherit hover:text-inherit text-sm font-inherit", // reset <a>
{
"overflow-hidden": overflow === "hidden",
"border-gray-200 bg-white": backgroundColor == null,
Expand Down
2 changes: 1 addition & 1 deletion packages/app-elements/src/ui/atoms/CodeBlock.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ export const CodeBlock = withSkeletonTemplate<CodeBlockProps>(
<InputWrapper {...rest} label={label} hint={hint}>
<div className="flex group w-full rounded bg-gray-50 in-[.overlay-container]:bg-gray-200">
<div
className="flex flex-col w-full px-4 py-2.5 text-teal text-[14px] font-mono marker:font-bold border-none break-all"
className="flex flex-col w-full px-4 py-2.5 text-teal text-sm font-mono marker:font-bold border-none break-all"
data-testid="codeblock-content"
>
{isLoading === true
Expand Down
2 changes: 1 addition & 1 deletion packages/app-elements/src/ui/atoms/Pagination.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ function PaginationButton({
<button
{...props}
className={cn([
"text-[14px] rounded w-[46px] h-[38px] flex items-center justify-center transition ease-in duration-200 hover:bg-gray-50",
"text-sm rounded w-[46px] h-[38px] flex items-center justify-center transition ease-in duration-200 hover:bg-gray-50",
{
"border-2 border-black text-black hover:bg-white font-medium":
isActive,
Expand Down
2 changes: 1 addition & 1 deletion packages/app-elements/src/ui/forms/Input/Input.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
id={rest.id ?? rest.name}
className={cn(
className,
"block w-full px-4 py-2.5 font-normal",
"block w-full px-4 py-2.5 font-normal text-sm",
"rounded outline-0",
{
"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none pr-1!":
Expand Down
4 changes: 2 additions & 2 deletions packages/app-elements/src/ui/forms/InputCheckbox/InputCheckbox.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ export const InputCheckbox = forwardRef<HTMLInputElement, InputCheckboxProps>(
<label
data-testid="checkbox-label"
className={cn(
"flex items-center gap-3 select-none flex-1 text-sm leading-5 py-0.5",
"flex items-center gap-2 select-none flex-1 text-sm leading-5 py-0.5",
{
"cursor-pointer": rest.disabled !== true,
},
Expand Down Expand Up @@ -89,7 +89,7 @@ export const InputCheckbox = forwardRef<HTMLInputElement, InputCheckboxProps>(
{icon}
</div>
) : null}
<div className="flex-1 text-sm">{children}</div>
<div className="flex-1 text-sm font-medium">{children}</div>
</div>
) : null}
</label>
Expand Down
4 changes: 2 additions & 2 deletions packages/app-elements/src/ui/forms/InputCurrency/InputCurrency.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ export const InputCurrency = forwardRef<HTMLInputElement, InputCurrencyProps>(
{hideCurrencySymbol === true ? null : (
<div
data-testid="inputCurrency-symbol"
className="absolute left-4 top-1/2 transform -translate-y-1/2 font-semibold"
className="absolute left-4 top-1/2 transform -translate-y-1/2 font-semibold text-xs"
>
{currency.symbol}
</div>
Expand All @@ -138,7 +138,7 @@ export const InputCurrency = forwardRef<HTMLInputElement, InputCurrencyProps>(
id={rest.id ?? rest.name}
className={cn(
className,
"block w-full pr-4 py-2.5",
"block w-full pr-4 py-2.5 text-sm",
{
"pl-4": hideCurrencySymbol === true,
"pl-8": hideCurrencySymbol !== true,
Expand Down
2 changes: 1 addition & 1 deletion packages/app-elements/src/ui/forms/InputDate/InputDateComponent.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ export const InputDateComponent = forwardRef<DatePicker, InputDateProps>(
minDate={minDate}
openToDate={selectedDateInTimezone ?? minDate}
className={cn(
"block w-full px-4 py-2.5 placeholder:text-gray-400 font-normal",
"block w-full px-4 py-2.5 placeholder:text-gray-400 font-normal text-sm",
"rounded outline-0",
"transition duration-500 ease-in-out focus:outline-0 focus:border-primary-light",
getFeedbackStyle(feedback),
Expand Down
2 changes: 1 addition & 1 deletion packages/app-elements/src/ui/forms/InputFeedback.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ export function InputFeedback({
{...rest}
>
{icons[variant]}
<div className="text-[14px] font-semibold">{message}</div>
<div className="text-sm font-semibold">{message}</div>
</div>
)
}
Expand Down
2 changes: 1 addition & 1 deletion packages/app-elements/src/ui/forms/InputJson.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ export function InputJson<JsonType extends object>({
onBlur={() => {
setValue(prettifyJson)
}}
className="bg-black text-white font-semibold text-xs font-mono h-72 p-3 w-full rounded-md outline-hidden"
className="bg-black text-white font-medium text-xs font-mono h-72 p-3 w-full rounded-md outline-hidden"
/>
</InputWrapper>
)
Expand Down
2 changes: 1 addition & 1 deletion packages/app-elements/src/ui/forms/InputTextArea/InputTextArea.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ export const InputTextArea = forwardRef<
id={rest.id ?? rest.name}
className={cn(
className,
"px-4 py-2.5 w-full bg-white rounded outline-0 font-normal",
"px-4 py-2.5 w-full bg-white rounded outline-0 font-normal text-sm",
{
"h-52": rest.rows == null,
},
Expand Down
6 changes: 3 additions & 3 deletions packages/app-elements/src/ui/resources/ResourceLineItems/ResourceLineItems.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -377,7 +377,7 @@ export const ResourceLineItems = withSkeletonTemplate<Props>(
wrap="nowrap"
className={cn({
"font-semibold": size === "normal",
"text-sm font-bold": size === "small",
"text-sm font-semibold": size === "small",
})}
>
{hasPriceTooltip ? (
Expand Down Expand Up @@ -481,12 +481,12 @@ const LineItemOptionsWrapper = withSkeletonTemplate<{
<Spacer top="4" className="pb-2 last:pb-0">
<div className="flex gap-1">
{title != null && (
<Text tag="div" weight="bold" size="small" className="mb-1">
<Text tag="div" weight="semibold" size="small" className="mb-1">
{title}
</Text>
)}
{quantity != null && (
<Text tag="div" size="small" weight="bold">
<Text tag="div" size="small" weight="semibold">
x {quantity}
</Text>
)}
Expand Down
12 changes: 6 additions & 6 deletions ...elements/src/ui/resources/ResourceLineItems/__snapshots__/ResourceLineItems.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -878,12 +878,12 @@ exports[`ResourceLineItems > should render the list item options 1`] = `
class="flex gap-1"
>
<div
class="mb-1 font-bold text-sm wrap-anywhere"
class="mb-1 font-semibold text-sm wrap-anywhere"
>
Front Text
</div>
<div
class="font-bold text-sm wrap-anywhere"
class="font-semibold text-sm wrap-anywhere"
>
x
1
Expand Down Expand Up @@ -945,12 +945,12 @@ exports[`ResourceLineItems > should render the list item options 1`] = `
class="flex gap-1"
>
<div
class="mb-1 font-bold text-sm wrap-anywhere"
class="mb-1 font-semibold text-sm wrap-anywhere"
>
Rear Text
</div>
<div
class="font-bold text-sm wrap-anywhere"
class="font-semibold text-sm wrap-anywhere"
>
x
1
Expand Down Expand Up @@ -1012,12 +1012,12 @@ exports[`ResourceLineItems > should render the list item options 1`] = `
class="flex gap-1"
>
<div
class="mb-1 font-bold text-sm wrap-anywhere"
class="mb-1 font-semibold text-sm wrap-anywhere"
>
Special
</div>
<div
class="font-bold text-sm wrap-anywhere"
class="font-semibold text-sm wrap-anywhere"
>
x
1
Expand Down
Loading