Skip to content

sync next with main#3

Merged
StyleShit merged 30 commits into
test-nextfrom
test-main
Apr 14, 2026
Merged

sync next with main#3
StyleShit merged 30 commits into
test-nextfrom
test-main

Conversation

@StyleShit

Copy link
Copy Markdown
Owner

No description provided.

mmurawski-dn and others added 30 commits March 26, 2026 13:44
…venets#314)

<img width="468" height="76" alt="image"
src="https://github.com/user-attachments/assets/3761251e-b757-49fa-a456-90f357104fe2"
/>
<img width="480" height="81" alt="image"
src="https://github.com/user-attachments/assets/02f6239e-ed04-4092-af8f-e08c99343bd0"
/>


---------------------------

<img width="489" height="85" alt="image"
src="https://github.com/user-attachments/assets/cfc29e9f-9c5b-41a2-86e1-a252bf006f55"
/>
<img width="485" height="82" alt="image"
src="https://github.com/user-attachments/assets/95e0a86c-2ceb-4b76-a149-0da3a1d813b3"
/>

Co-authored-by: Evyatar Daud <32631382+StyleShit@users.noreply.github.com>
…enets#302)

[Jira](https://github.com/drivenets/design-system/pull/AR-48187-dap-design-system-date-and-time-picker)
|
[Figma](https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp/DAP-Design-System-1.2?node-id=30063-134151&m=dev)

## Context
This PR 3rd of 4 main PRs to create a Date Time Range picker components:

1. ✅ `Time Picker` component - standalone Time Picker component.
[PR](drivenets#255)
2. ✅ `Date Picker component` - standalone Date Picker component with
option to select time. It will use `Time Picker` component inside.
[PR](drivenets#283)
3. 🫵 **`Date Range Picker` component - combines 2 `Date Picker`
component**
4. ✅  Deprecate `DateInput` component

## Showcase



https://github.com/user-attachments/assets/64849310-2a79-42f6-9e02-be00400377db
drivenets#275)

Co-authored-by: Evyatar Daud <32631382+StyleShit@users.noreply.github.com>
…enets#288)

[Jira](https://github.com/drivenets/design-system/pull/AR-48187-dap-design-system-date-and-time-picker)
|
[Figma](https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp/DAP-Design-System-1.2?node-id=30063-134151&m=dev)

## Context
This PR is last of 4 main PRs to create a Date Time Range picker
components:

1. ✅ `Time Picker` component - standalone Time Picker component.
[PR](drivenets#255)
2. ✅ `Date Picker component` - standalone Date Picker component with
option to select time. It will use `Time Picker` component inside.
[PR](drivenets#283)
3. ✅ `Date Range Picker` component - combines 2 `Date Picker` component
4. 👇 **Deprecate `DateInput` component**

❗❗❗ It has to be merged last ❗❗❗

## Showcase

<img width="1897" height="839" alt="image"
src="https://github.com/user-attachments/assets/10c33c00-4d04-460e-8daa-efbdb9e95a69"
/>
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## @drivenets/design-system@0.8.0

### Minor Changes

-   73e3010: Add `DsDatePicker` component
-   1fa6a48: Deprecated `DsDateInput` component
-   27151fc: Add `DsKeyValuePair` component
-   5cd65b4: Add `DsTimePicker` component
-   ad3aad4: Add `DsDateRangePicker` component

### Patch Changes

-   0335e72: Capitalize only the first word in `DsStatusBadge`
-   6dc2bbe: Fix font size in `DsDropdownMenu` item
-   8aaa33b: Update dependencies
-   56d993b: Fix table issues related to React Compiler
-   8c56a53: Add `hideActionRequired` prop to `DsCommentBubble`
-   7752e64: Add aria role to `DsLoader`
-   5a59014: Remove ellipsis from `DsTooltip`
    Add `slotProps` to `DsTooltip`
- e6da4c4: Fix `DsAutocomplete` onValueChange trigger, fix clear button
-   16f7361: Fix styles in `DsCommentBubble`
-   eef2a74: Use semantic HTML structure in `DsTable` empty view
-   ba7fb97: Fix File prototype loss in `DsFileUpload`

## @drivenets/eslint-plugin-design-system@0.0.12

### Patch Changes

-   1fa6a48: Add deprecation rule for `DsDateInput`

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
…4] (drivenets#306)

This caused weird/annoying issue that when running ESLint autofix in the
IDE it removed the `eslint-disable` comment, but then CLI complained
about it
Co-authored-by: StyleShit <32631382+StyleShit@users.noreply.github.com>
…ets#328)

This is a temporary change until we convert this to a browser test
drivenets#327)

This is a temporary change until we convert this to a browser test
… pickers [AR-48187] (drivenets#319)

## Context

During the demo Ruth asked to make clear icon button appear only on
input hover or focus.
Also I decided to add clear button icon to the TimePicker to have the
same behavior in DsDatePicker and DsTimePicker components.

## Showcase


https://github.com/user-attachments/assets/ee3cf071-c6aa-4e12-8cdb-158570ebdd37
…d state [AR-55907] (drivenets#346)

[Jira](https://drivenets.atlassian.net/browse/AR-55907) |
[Figma](https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp/DAP-Design-System-1.2?node-id=13346-18325&m=dev)

## Components

Components with `disabled={true}` after the fix.

### DsTextInput

<img width="1017" height="266" alt="image"
src="https://github.com/user-attachments/assets/0a84de15-adfd-4192-bdf5-15a326c7b650"
/>

### DsPasswordInput

<img width="1007" height="224" alt="image"
src="https://github.com/user-attachments/assets/886b907d-8ad8-4405-9895-2940a0b97732"
/>

### DsNumberInput

<img width="1009" height="221" alt="image"
src="https://github.com/user-attachments/assets/77965a68-e8ab-47e9-8f8f-8fb81e4cf79c"
/>

### DsAutocomplete

<img width="1006" height="221" alt="image"
src="https://github.com/user-attachments/assets/92af9ef0-9658-4e7d-ae9b-a519b0cbaae8"
/>

### DsSelect

<img width="1008" height="222" alt="image"
src="https://github.com/user-attachments/assets/909f3559-a43f-4306-8dbb-dadd21b06db5"
/>


### DsTextarea

<img width="922" height="310" alt="image"
src="https://github.com/user-attachments/assets/6b3de2ff-d1c5-4342-baef-a7c3899e0d1d"
/>
…enets#353)

### Explanation

When Button is focused, the border color is changed to 'white' and 2px
outlines appears.
Before the fix, there was redundand outline offset 1px. I suspect it was
added by mistake, because white border looks like an offset on a white
background.

### Figma

<img width="1880" height="795" alt="image"
src="https://github.com/user-attachments/assets/80696697-7cbc-4152-a845-eeec3e934487"
/>


### Showcase


https://github.com/user-attachments/assets/066c30e1-930b-4617-b049-d3c568188202
@StyleShit StyleShit merged commit 1ae7d89 into test-next Apr 14, 2026
10 of 12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants