Skip to content

feat(react-ui/theme): setup, add button, archive web-component-based packages, make ready for alpha release - #523

Open
malikarami wants to merge 16 commits into
mainfrom
feat/react-ui/setup
Open

malikarami wants to merge 16 commits into
mainfrom
feat/react-ui/setup

Conversation

@malikarami

@malikarami malikarami commented Oct 2, 2026 •

Copy link
Copy Markdown
Contributor

No description provided.

@malikarami malikarami changed the title Feat/react UI/setup feat(react-ui/theme): setup, add button, archive web-component-based packages, make ready for alpha release Oct 2, 2026
@github-actions

github-actions Bot commented Oct 2, 2026 •

Copy link
Copy Markdown
Contributor
Warnings
⚠️

🛝 Changes in playground was detected! 1

Generated by 🚫 dangerJS against 426139d

Footnotes

  1. Some of the changes in this PR are related to project's playground. Check them before merging the PR. ↩

@malikarami

Copy link
Copy Markdown
Contributor Author

should react-ui be dependent on react-icons or not? It currently isn't and some of the component like Row host their own assets

>
<span
className={styles["tapsi-row__label"]}
data-part="label"

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The data-part is actually really nice, but i have a question, how can devs select the label of the row component without confusing with another component label? i think

  • we can add a row- prefix to the part names, or
  • the wrapper coponetn have a row data part so users can select row label using [data-part="row"][data-part="label"]

@@ -0,0 +1 @@
export { Row, type RowProps, type RowTextOverflow } from "./row.tsx";

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think exporting RowTextOverflow is not necessary. Devs can have access to it via the RowProps type

Comment on lines +115 to +116
loading && styles["tapsi-button--loading"],
fullWidth && styles["tapsi-button--full-width"],

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

NIT: i prefer passing data-fullwidth and data-loading as attribures and in css file use [data-fullwidth] instead of defining classes

Comment thread docs/package.json Outdated
},
"dependencies": {
"@tapsioss/theme": "workspace:*",
"@tapsioss/theme": "0.8.0",

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why?

"name": "@tapsioss/react-components",
"description": "Collection of React components for the Tapsi Design System UI.",
"version": "0.17.7",
"private": true,

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

isn't this package going to be published?

@github-actions
github-actions Bot requested a review from amir78729 October 10, 2026 21:49

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants