From a642c721cec15c5762509e194865ed9ce68ebd19 Mon Sep 17 00:00:00 2001 From: "ilia.brauer" Date: Tue, 29 Sep 2026 12:54:40 +0200 Subject: [PATCH 1/8] [input] fixed line-height --- semcore/input/src/style/input.shadow.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/semcore/input/src/style/input.shadow.css b/semcore/input/src/style/input.shadow.css index a80528b7ff..1399945761 100644 --- a/semcore/input/src/style/input.shadow.css +++ b/semcore/input/src/style/input.shadow.css @@ -33,7 +33,7 @@ SValue { /* hack for firefox */ min-width: 0; width: 100%; - height: 100%; + height: inherit; padding: 0; border: none; box-sizing: border-box; @@ -118,10 +118,12 @@ SInput SAddon:nth-last-child(2) { SValue[size='m'] { padding: 0 var(--intergalactic-spacing-content-padding-medium, 12px); + line-height: var(--intergalactic-form-control-m, 32px); } SValue[size='l'] { padding: 0 var(--intergalactic-spacing-content-padding-medium, 12px); + line-height: var(--intergalactic-form-control-l, 44px); } SInput[size='m'] { From 17bf0f1cf87d18eb3e1bd9c72f018997b8fa9070 Mon Sep 17 00:00:00 2001 From: "ilia.brauer" Date: Wed, 30 Sep 2026 15:26:24 +0200 Subject: [PATCH 2/8] [input] fixed line-height for addons --- semcore/input/src/style/input.shadow.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/semcore/input/src/style/input.shadow.css b/semcore/input/src/style/input.shadow.css index 1399945761..d5c4916bb7 100644 --- a/semcore/input/src/style/input.shadow.css +++ b/semcore/input/src/style/input.shadow.css @@ -84,8 +84,16 @@ SAddon { align-items: center; flex: 0 0 auto; padding: 0 var(--intergalactic-spacing-content-padding-medium, 12px); - height: 100%; + height: inherit; color: var(--intergalactic-icon-secondary-neutral, oklch(0.118 0.023 170.1 / 0.262)); + + &[size='m'] { + line-height: var(--intergalactic-form-control-m, 32px); + } + + &[size='l'] { + line-height: var(--intergalactic-form-control-l, 44px); + } } SAddon[interactive] { From 2739bcb2324731fcc7fe124972f19e9e4cdd997f Mon Sep 17 00:00:00 2001 From: "ilia.brauer" Date: Thu, 1 Oct 2026 12:58:29 +0200 Subject: [PATCH 3/8] [input] fixed horizontal align in input --- semcore/input/src/style/input.shadow.css | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) diff --git a/semcore/input/src/style/input.shadow.css b/semcore/input/src/style/input.shadow.css index d5c4916bb7..5ae1536e2b 100644 --- a/semcore/input/src/style/input.shadow.css +++ b/semcore/input/src/style/input.shadow.css @@ -1,7 +1,7 @@ SInput { display: inline-flex; width: 100%; - align-items: center; + align-items: baseline; position: relative; z-index: 0; vertical-align: middle; @@ -33,7 +33,7 @@ SValue { /* hack for firefox */ min-width: 0; width: 100%; - height: inherit; + height: 100%; padding: 0; border: none; box-sizing: border-box; @@ -84,16 +84,8 @@ SAddon { align-items: center; flex: 0 0 auto; padding: 0 var(--intergalactic-spacing-content-padding-medium, 12px); - height: inherit; + height: 100%; color: var(--intergalactic-icon-secondary-neutral, oklch(0.118 0.023 170.1 / 0.262)); - - &[size='m'] { - line-height: var(--intergalactic-form-control-m, 32px); - } - - &[size='l'] { - line-height: var(--intergalactic-form-control-l, 44px); - } } SAddon[interactive] { @@ -126,12 +118,10 @@ SInput SAddon:nth-last-child(2) { SValue[size='m'] { padding: 0 var(--intergalactic-spacing-content-padding-medium, 12px); - line-height: var(--intergalactic-form-control-m, 32px); } SValue[size='l'] { padding: 0 var(--intergalactic-spacing-content-padding-medium, 12px); - line-height: var(--intergalactic-form-control-l, 44px); } SInput[size='m'] { From 57fa445a578d1aac2ab93ac140ad5362bb63f18c Mon Sep 17 00:00:00 2001 From: "ilia.brauer" Date: Thu, 1 Oct 2026 13:17:19 +0200 Subject: [PATCH 4/8] [input] fixed horizontal align in input --- semcore/input/src/style/input.shadow.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/semcore/input/src/style/input.shadow.css b/semcore/input/src/style/input.shadow.css index 5ae1536e2b..24f326db40 100644 --- a/semcore/input/src/style/input.shadow.css +++ b/semcore/input/src/style/input.shadow.css @@ -1,7 +1,7 @@ SInput { display: inline-flex; width: 100%; - align-items: baseline; + align-items: center; position: relative; z-index: 0; vertical-align: middle; @@ -33,7 +33,6 @@ SValue { /* hack for firefox */ min-width: 0; width: 100%; - height: 100%; padding: 0; border: none; box-sizing: border-box; @@ -41,6 +40,7 @@ SValue { font-size: inherit; text-overflow: ellipsis; font-family: inherit; + line-height: inherit; background: transparent; &::placeholder { @@ -126,11 +126,13 @@ SValue[size='l'] { SInput[size='m'] { font-size: var(--intergalactic-fs-200, 14px); + line-height: var(--intergalactic-lh-200, 1.4286); height: var(--intergalactic-form-control-m, 32px); } SInput[size='l'] { font-size: var(--intergalactic-fs-300, 16px); + line-height: var(--intergalactic-lh-300, 1.5); height: var(--intergalactic-form-control-l, 44px); } From 33a7eb15b8bc84e55f35329b126144bf544e361d Mon Sep 17 00:00:00 2001 From: "ilia.brauer" Date: Fri, 2 Oct 2026 12:27:25 +0200 Subject: [PATCH 5/8] [time-picker] fixed offset for time/min poppers --- semcore/time-picker/src/component/PickerInput/PickerInput.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/semcore/time-picker/src/component/PickerInput/PickerInput.tsx b/semcore/time-picker/src/component/PickerInput/PickerInput.tsx index 57347daa2d..dee81fdf5a 100644 --- a/semcore/time-picker/src/component/PickerInput/PickerInput.tsx +++ b/semcore/time-picker/src/component/PickerInput/PickerInput.tsx @@ -34,7 +34,7 @@ abstract class AbstractPickerInput extends Component ({ placeholder: '00', - offset: [-8, 4], + offset: [-8, 9], }); state: State = { From a326ed3b677c1e91c0546b90dec5701ac7969478 Mon Sep 17 00:00:00 2001 From: "ilia.brauer" Date: Fri, 2 Oct 2026 15:47:50 +0200 Subject: [PATCH 6/8] [time-picker] fixed offset for time/min poppers --- semcore/time-picker/src/component/PickerInput/PickerInput.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/semcore/time-picker/src/component/PickerInput/PickerInput.tsx b/semcore/time-picker/src/component/PickerInput/PickerInput.tsx index dee81fdf5a..34686001d8 100644 --- a/semcore/time-picker/src/component/PickerInput/PickerInput.tsx +++ b/semcore/time-picker/src/component/PickerInput/PickerInput.tsx @@ -34,7 +34,6 @@ abstract class AbstractPickerInput extends Component ({ placeholder: '00', - offset: [-8, 9], }); state: State = { @@ -95,6 +94,7 @@ abstract class AbstractPickerInput extends Component @@ -107,6 +107,7 @@ abstract class AbstractPickerInput extends Component Date: Fri, 2 Oct 2026 15:52:08 +0200 Subject: [PATCH 7/8] [input-number] fixed story with +- buttons --- .../input-number/docs/examples/appearance_customization.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/stories/components/input-number/docs/examples/appearance_customization.tsx b/stories/components/input-number/docs/examples/appearance_customization.tsx index 604b199613..d4bffe8ba1 100644 --- a/stories/components/input-number/docs/examples/appearance_customization.tsx +++ b/stories/components/input-number/docs/examples/appearance_customization.tsx @@ -24,7 +24,7 @@ const Demo = () => { - + { value={value} onChange={setValue} id='alternative-example' - style={{ borderLeft: '1px solid var(--intergalactic-border-primary)', marginLeft: '-1px' }} />