Skip to content
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 3 additions & 2 deletions semcore/input/__tests__/input.browser-test.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ export const locators = {
hint: (page: Page) => page.locator('[data-ui-name="Hint"]'),

addon: (page: Page) => page.locator('[data-ui-name="Input.Addon"]'),
control: (page: Page) => page.locator('[data-ui-name="Input"]'),
};
/* =====================================================
@visual
Expand Down Expand Up @@ -69,15 +70,15 @@ test.describe(`${TAG.VISUAL} `, () => {
if (item.size == 'm') {
await test.step('Verify m styles ', async () => {
for (let i = 0; i < count; i++) {
await expect(locators.input(page).nth(i)).toHaveCSS('height', '30px');
await expect(locators.control(page).nth(i)).toHaveCSS('height', '32px');
}
});
}

if (item.size == 'l') {
await test.step('Verify l styles ', async () => {
for (let i = 0; i < count; i++) {
await expect(locators.input(page).nth(i)).toHaveCSS('height', '42px');
await expect(locators.control(page).nth(i)).toHaveCSS('height', '44px');
}
});
}
Expand Down
4 changes: 3 additions & 1 deletion semcore/input/src/style/input.shadow.css
Original file line number Diff line number Diff line change
Expand Up @@ -33,14 +33,14 @@ SValue {
/* hack for firefox */
min-width: 0;
width: 100%;
height: 100%;
padding: 0;
border: none;
box-sizing: border-box;
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
font-size: inherit;
text-overflow: ellipsis;
font-family: inherit;
line-height: inherit;
background: transparent;

&::placeholder {
Expand Down Expand Up @@ -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);
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,6 @@ abstract class AbstractPickerInput extends Component<PickerInputProps, [], {}, {
static style = style;
static defaultProps = (_: PickerInputProps) => ({
placeholder: '00',
offset: [-8, 4],
});

state: State = {
Expand Down Expand Up @@ -95,6 +94,7 @@ abstract class AbstractPickerInput extends Component<PickerInputProps, [], {}, {
const { styles, step, onSelect, time, size, disabled, onVisibleChange, ariaLabel, ...other } = this.asProps;
const { dirtyValue, visible } = this.state;
const value = dirtyValue === undefined ? time : dirtyValue;
const offset = size === 'm' ? [-8, 9] : [-10, 13];

return sstyled(styles)(
<SPickerInputWrapper>
Expand All @@ -107,6 +107,7 @@ abstract class AbstractPickerInput extends Component<PickerInputProps, [], {}, {
visible={visible}
value={time}
defaultHighlightedIndex={time ? null : 0}
offset={offset}
>
<SPickerInput
render={Select.Trigger}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -24,15 +24,14 @@ const Demo = () => {
<Button onClick={decrement} title='Decrease by 10' neighborLocation='right'>
-
</Button>
<InputNumber neighborLocation='both'>
<InputNumber neighborLocation='both' style={{ borderLeft: '1px solid var(--intergalactic-border-primary)' }}>
<InputNumber.Value
placeholder='0'
ref={inputRef}
step={10}
value={value}
onChange={setValue}
id='alternative-example'
style={{ borderLeft: '1px solid var(--intergalactic-border-primary)', marginLeft: '-1px' }}
/>
</InputNumber>
<Button onClick={increment} title='Increase by 10' neighborLocation='left'>
Expand Down
Loading