UI ui-components-react Changelog On this page
@twin.org/ui-components-react - Changelog Features
ui-components-react: add submitButtonDisabled prop to StepView (#112 ) (5661c7d )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.3-next.5 to 0.0.3-next.6
⚠ BREAKING CHANGES
Renamed Kra variant to KYB; StepViewProps now uses discriminated union with strict typing Monolithic StepViewFormProps split into variant-specific interfaces
Card component API has been simplified:
Removed specialized card types (profile, eCommerce, list)
Changed button interface (removed href, description)
Removed Flowbite card props inheritance
Changed icon prop to svg in buttons
Features
accordion: add icons support to Accordion component (#33 ) (5be554a )add all ButtonProps to Modal footerButtons array prop (#73 ) (8a7f649 )
add UI table (#87 ) (be8718d )
adding snapshot tests (#86 ) (7cfa9b6 )
avatar: implement Avatar component (#8 ) (9448ff5 )button - add ghost color/variant to the component (#58 ) (ed2ad38 )
components: add barrel exports for component directories (#40 ) (8037480 )drawer: enhance button customization options (#34 ) (dc2d8af )Dropdown and Button: add color to Dropdown component and use iconOnly props from Button (#52 ) (3a5e8de )dropdown: add checkbox support and improve accessibility (#13 ) (9c3466c )eslint migration to flat config (9e8c4e3 )
icons migration svg flat (#68 ) (1d4b707 )
improve hot reloading for React components in Storybook and other improvements (#5 ) (e6df649 )
migrate icon system and update types (#62 ) (ab81824 )
new icons flat hotfix (#69 ) (6253fac )
new stepview component (#102 ) (1d14ba4 )
pagination: Enhance styles per figma and add icons-only variant (#21 ) (fa6adb8 )pass all props for Modal footerButtons array to be able to pass data-testid to them (#56 ) (adf96de )
select color prop type, Table overflow fix and fix Button ghost outline (#71 ) (b6c7746 )
sidebar: add footer, header, and full height support (#45 ) (38f371f )svelte validated form class override (0444d4b )
svg properties in camelCase (#64 ) (4183cbe )
tabs: add controlled state and improve accessibility (#46 ) (3cacadb )tabs: Add loading states to Tabs component (#47 ) (6580e27 )tabs: add tabs story with icons and improved performance (#26 ) (d74813a )ui: enhance Progress component with custom colors and centered text (#22 ) (b96b923 )update stepview (#104 ) (ed15000 )
update svelte to v5 (760678a )
Bug Fixes
card: Improved colors (#11 ) (652f4cc )errors in CI about component ids (#92 ) (f9ea695 )
eslint: add React hooks linting and fix component issues (#32 ) (0882a2d )package versions de-pinning issue (#97 ) (0eba5aa )
peer dependency issue with MVP repo (#105 ) (bf31a16 )
publish-release CI: install packages before running npm run test (#89 ) (977b9f0 )refactor StepView with discriminated unions and custom rendering (#110 ) (22366f8 )
Code Refactoring
modernize components with TypeScript and React best practices (#30 ) (fbd9ee5 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.3-next.4 to 0.0.3-next.5
⚠ BREAKING CHANGES
Card component API has been simplified:
Removed specialized card types (profile, eCommerce, list)
Changed button interface (removed href, description)
Removed Flowbite card props inheritance
Changed icon prop to svg in buttons
Features
accordion: add icons support to Accordion component (#33 ) (5be554a )add all ButtonProps to Modal footerButtons array prop (#73 ) (8a7f649 )
add UI table (#87 ) (be8718d )
adding snapshot tests (#86 ) (7cfa9b6 )
avatar: implement Avatar component (#8 ) (9448ff5 )button - add ghost color/variant to the component (#58 ) (ed2ad38 )
components: add barrel exports for component directories (#40 ) (8037480 )drawer: enhance button customization options (#34 ) (dc2d8af )Dropdown and Button: add color to Dropdown component and use iconOnly props from Button (#52 ) (3a5e8de )dropdown: add checkbox support and improve accessibility (#13 ) (9c3466c )eslint migration to flat config (9e8c4e3 )
icons migration svg flat (#68 ) (1d4b707 )
improve hot reloading for React components in Storybook and other improvements (#5 ) (e6df649 )
migrate icon system and update types (#62 ) (ab81824 )
new icons flat hotfix (#69 ) (6253fac )
new stepview component (#102 ) (1d14ba4 )
pagination: Enhance styles per figma and add icons-only variant (#21 ) (fa6adb8 )pass all props for Modal footerButtons array to be able to pass data-testid to them (#56 ) (adf96de )
select color prop type, Table overflow fix and fix Button ghost outline (#71 ) (b6c7746 )
sidebar: add footer, header, and full height support (#45 ) (38f371f )svelte validated form class override (0444d4b )
svg properties in camelCase (#64 ) (4183cbe )
tabs: add controlled state and improve accessibility (#46 ) (3cacadb )tabs: Add loading states to Tabs component (#47 ) (6580e27 )tabs: add tabs story with icons and improved performance (#26 ) (d74813a )ui: enhance Progress component with custom colors and centered text (#22 ) (b96b923 )update stepview (#104 ) (ed15000 )
update svelte to v5 (760678a )
Bug Fixes
card: Improved colors (#11 ) (652f4cc )errors in CI about component ids (#92 ) (f9ea695 )
eslint: add React hooks linting and fix component issues (#32 ) (0882a2d )package versions de-pinning issue (#97 ) (0eba5aa )
peer dependency issue with MVP repo (#105 ) (bf31a16 )
publish-release CI: install packages before running npm run test (#89 ) (977b9f0 )
Code Refactoring
modernize components with TypeScript and React best practices (#30 ) (fbd9ee5 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.3-next.2 to 0.0.3-next.4
Features
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.3-next.2 to 0.0.3-next.3
Features
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.3-next.1 to 0.0.3-next.2
⚠ BREAKING CHANGES
Card component API has been simplified:
Removed specialized card types (profile, eCommerce, list)
Changed button interface (removed href, description)
Removed Flowbite card props inheritance
Changed icon prop to svg in buttons
Features
accordion: add icons support to Accordion component (#33 ) (5be554a )add all ButtonProps to Modal footerButtons array prop (#73 ) (8a7f649 )
add UI table (#87 ) (be8718d )
adding snapshot tests (#86 ) (7cfa9b6 )
avatar: implement Avatar component (#8 ) (9448ff5 )button - add ghost color/variant to the component (#58 ) (ed2ad38 )
components: add barrel exports for component directories (#40 ) (8037480 )drawer: enhance button customization options (#34 ) (dc2d8af )Dropdown and Button: add color to Dropdown component and use iconOnly props from Button (#52 ) (3a5e8de )dropdown: add checkbox support and improve accessibility (#13 ) (9c3466c )eslint migration to flat config (9e8c4e3 )
icons migration svg flat (#68 ) (1d4b707 )
improve hot reloading for React components in Storybook and other improvements (#5 ) (e6df649 )
migrate icon system and update types (#62 ) (ab81824 )
new icons flat hotfix (#69 ) (6253fac )
pagination: Enhance styles per figma and add icons-only variant (#21 ) (fa6adb8 )pass all props for Modal footerButtons array to be able to pass data-testid to them (#56 ) (adf96de )
select color prop type, Table overflow fix and fix Button ghost outline (#71 ) (b6c7746 )
sidebar: add footer, header, and full height support (#45 ) (38f371f )svelte validated form class override (0444d4b )
svg properties in camelCase (#64 ) (4183cbe )
tabs: add controlled state and improve accessibility (#46 ) (3cacadb )tabs: Add loading states to Tabs component (#47 ) (6580e27 )tabs: add tabs story with icons and improved performance (#26 ) (d74813a )ui: enhance Progress component with custom colors and centered text (#22 ) (b96b923 )update svelte to v5 (760678a )
Bug Fixes
card: Improved colors (#11 ) (652f4cc )errors in CI about component ids (#92 ) (f9ea695 )
eslint: add React hooks linting and fix component issues (#32 ) (0882a2d )package versions de-pinning issue (#97 ) (0eba5aa )
publish-release CI: install packages before running npm run test (#89 ) (977b9f0 )
Code Refactoring
modernize components with TypeScript and React best practices (#30 ) (fbd9ee5 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.3-next.0 to 0.0.3-next.1
⚠ BREAKING CHANGES
Card component API has been simplified:
Removed specialized card types (profile, eCommerce, list)
Changed button interface (removed href, description)
Removed Flowbite card props inheritance
Changed icon prop to svg in buttons
Features
accordion: add icons support to Accordion component (#33 ) (5be554a )add all ButtonProps to Modal footerButtons array prop (#73 ) (8a7f649 )
add UI table (#87 ) (be8718d )
adding snapshot tests (#86 ) (7cfa9b6 )
avatar: implement Avatar component (#8 ) (9448ff5 )button - add ghost color/variant to the component (#58 ) (ed2ad38 )
components: add barrel exports for component directories (#40 ) (8037480 )drawer: enhance button customization options (#34 ) (dc2d8af )Dropdown and Button: add color to Dropdown component and use iconOnly props from Button (#52 ) (3a5e8de )dropdown: add checkbox support and improve accessibility (#13 ) (9c3466c )eslint migration to flat config (9e8c4e3 )
icons migration svg flat (#68 ) (1d4b707 )
improve hot reloading for React components in Storybook and other improvements (#5 ) (e6df649 )
migrate icon system and update types (#62 ) (ab81824 )
new icons flat hotfix (#69 ) (6253fac )
pagination: Enhance styles per figma and add icons-only variant (#21 ) (fa6adb8 )pass all props for Modal footerButtons array to be able to pass data-testid to them (#56 ) (adf96de )
select color prop type, Table overflow fix and fix Button ghost outline (#71 ) (b6c7746 )
sidebar: add footer, header, and full height support (#45 ) (38f371f )svelte validated form class override (0444d4b )
svg properties in camelCase (#64 ) (4183cbe )
tabs: add controlled state and improve accessibility (#46 ) (3cacadb )tabs: Add loading states to Tabs component (#47 ) (6580e27 )tabs: add tabs story with icons and improved performance (#26 ) (d74813a )ui: enhance Progress component with custom colors and centered text (#22 ) (b96b923 )
Bug Fixes
card: Improved colors (#11 ) (652f4cc )errors in CI about component ids (#92 ) (f9ea695 )
eslint: add React hooks linting and fix component issues (#32 ) (0882a2d )package versions de-pinning issue (#97 ) (0eba5aa )
publish-release CI: install packages before running npm run test (#89 ) (977b9f0 )
Code Refactoring
modernize components with TypeScript and React best practices (#30 ) (fbd9ee5 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.2-next.4 to 0.0.2-next.5
⚠ BREAKING CHANGES
Card component API has been simplified:
Removed specialized card types (profile, eCommerce, list)
Changed button interface (removed href, description)
Removed Flowbite card props inheritance
Changed icon prop to svg in buttons
Features
accordion: add icons support to Accordion component (#33 ) (5be554a )add all ButtonProps to Modal footerButtons array prop (#73 ) (8a7f649 )
add UI table (#87 ) (be8718d )
adding snapshot tests (#86 ) (7cfa9b6 )
avatar: implement Avatar component (#8 ) (9448ff5 )button - add ghost color/variant to the component (#58 ) (ed2ad38 )
components: add barrel exports for component directories (#40 ) (8037480 )drawer: enhance button customization options (#34 ) (dc2d8af )Dropdown and Button: add color to Dropdown component and use iconOnly props from Button (#52 ) (3a5e8de )dropdown: add checkbox support and improve accessibility (#13 ) (9c3466c )eslint migration to flat config (9e8c4e3 )
icons migration svg flat (#68 ) (1d4b707 )
improve hot reloading for React components in Storybook and other improvements (#5 ) (e6df649 )
migrate icon system and update types (#62 ) (ab81824 )
new icons flat hotfix (#69 ) (6253fac )
pagination: Enhance styles per figma and add icons-only variant (#21 ) (fa6adb8 )pass all props for Modal footerButtons array to be able to pass data-testid to them (#56 ) (adf96de )
select color prop type, Table overflow fix and fix Button ghost outline (#71 ) (b6c7746 )
sidebar: add footer, header, and full height support (#45 ) (38f371f )svelte validated form class override (0444d4b )
svg properties in camelCase (#64 ) (4183cbe )
tabs: add controlled state and improve accessibility (#46 ) (3cacadb )tabs: Add loading states to Tabs component (#47 ) (6580e27 )tabs: add tabs story with icons and improved performance (#26 ) (d74813a )ui: enhance Progress component with custom colors and centered text (#22 ) (b96b923 )
Bug Fixes
card: Improved colors (#11 ) (652f4cc )errors in CI about component ids (#92 ) (f9ea695 )
eslint: add React hooks linting and fix component issues (#32 ) (0882a2d )package versions de-pinning issue (#97 ) (0eba5aa )
publish-release CI: install packages before running npm run test (#89 ) (977b9f0 )
Code Refactoring
modernize components with TypeScript and React best practices (#30 ) (fbd9ee5 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.2-next.3 to 0.0.2-next.4
⚠ BREAKING CHANGES
Card component API has been simplified:
Removed specialized card types (profile, eCommerce, list)
Changed button interface (removed href, description)
Removed Flowbite card props inheritance
Changed icon prop to svg in buttons
Features
accordion: add icons support to Accordion component (#33 ) (5be554a )add all ButtonProps to Modal footerButtons array prop (#73 ) (8a7f649 )
add UI table (#87 ) (be8718d )
adding snapshot tests (#86 ) (7cfa9b6 )
avatar: implement Avatar component (#8 ) (9448ff5 )button - add ghost color/variant to the component (#58 ) (ed2ad38 )
components: add barrel exports for component directories (#40 ) (8037480 )drawer: enhance button customization options (#34 ) (dc2d8af )Dropdown and Button: add color to Dropdown component and use iconOnly props from Button (#52 ) (3a5e8de )dropdown: add checkbox support and improve accessibility (#13 ) (9c3466c )eslint migration to flat config (9e8c4e3 )
icons migration svg flat (#68 ) (1d4b707 )
improve hot reloading for React components in Storybook and other improvements (#5 ) (e6df649 )
migrate icon system and update types (#62 ) (ab81824 )
new icons flat hotfix (#69 ) (6253fac )
pagination: Enhance styles per figma and add icons-only variant (#21 ) (fa6adb8 )pass all props for Modal footerButtons array to be able to pass data-testid to them (#56 ) (adf96de )
select color prop type, Table overflow fix and fix Button ghost outline (#71 ) (b6c7746 )
sidebar: add footer, header, and full height support (#45 ) (38f371f )svelte validated form class override (0444d4b )
svg properties in camelCase (#64 ) (4183cbe )
tabs: add controlled state and improve accessibility (#46 ) (3cacadb )tabs: Add loading states to Tabs component (#47 ) (6580e27 )tabs: add tabs story with icons and improved performance (#26 ) (d74813a )ui: enhance Progress component with custom colors and centered text (#22 ) (b96b923 )
Bug Fixes
card: Improved colors (#11 ) (652f4cc )errors in CI about component ids (#92 ) (f9ea695 )
eslint: add React hooks linting and fix component issues (#32 ) (0882a2d )publish-release CI: install packages before running npm run test (#89 ) (977b9f0 )
Code Refactoring
modernize components with TypeScript and React best practices (#30 ) (fbd9ee5 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.2-next.2 to 0.0.2-next.3
Features
Bug Fixes
publish-release CI: install packages before running npm run test (#89 ) (977b9f0 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.2-next.1 to 0.0.2-next.2
⚠ BREAKING CHANGES
Card component API has been simplified:
Removed specialized card types (profile, eCommerce, list)
Changed button interface (removed href, description)
Removed Flowbite card props inheritance
Changed icon prop to svg in buttons
Features
accordion: add icons support to Accordion component (#33 ) (5be554a )add all ButtonProps to Modal footerButtons array prop (#73 ) (8a7f649 )
avatar: implement Avatar component (#8 ) (9448ff5 )button - add ghost color/variant to the component (#58 ) (ed2ad38 )
components: add barrel exports for component directories (#40 ) (8037480 )drawer: enhance button customization options (#34 ) (dc2d8af )Dropdown and Button: add color to Dropdown component and use iconOnly props from Button (#52 ) (3a5e8de )dropdown: add checkbox support and improve accessibility (#13 ) (9c3466c )eslint migration to flat config (9e8c4e3 )
icons migration svg flat (#68 ) (1d4b707 )
improve hot reloading for React components in Storybook and other improvements (#5 ) (e6df649 )
migrate icon system and update types (#62 ) (ab81824 )
new icons flat hotfix (#69 ) (6253fac )
pagination: Enhance styles per figma and add icons-only variant (#21 ) (fa6adb8 )pass all props for Modal footerButtons array to be able to pass data-testid to them (#56 ) (adf96de )
select color prop type, Table overflow fix and fix Button ghost outline (#71 ) (b6c7746 )
sidebar: add footer, header, and full height support (#45 ) (38f371f )svelte validated form class override (0444d4b )
svg properties in camelCase (#64 ) (4183cbe )
tabs: add controlled state and improve accessibility (#46 ) (3cacadb )tabs: Add loading states to Tabs component (#47 ) (6580e27 )tabs: add tabs story with icons and improved performance (#26 ) (d74813a )ui: enhance Progress component with custom colors and centered text (#22 ) (b96b923 )
Bug Fixes
card: Improved colors (#11 ) (652f4cc )eslint: add React hooks linting and fix component issues (#32 ) (0882a2d )
Code Refactoring
modernize components with TypeScript and React best practices (#30 ) (fbd9ee5 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.2-next.0 to 0.0.2-next.1
0.0.1 (2025-07-11)
⚠ BREAKING CHANGES
Card component API has been simplified:
Removed specialized card types (profile, eCommerce, list)
Changed button interface (removed href, description)
Removed Flowbite card props inheritance
Changed icon prop to svg in buttons
Features
accordion: add icons support to Accordion component (#33 ) (5be554a )add all ButtonProps to Modal footerButtons array prop (#73 ) (8a7f649 )
avatar: implement Avatar component (#8 ) (9448ff5 )button - add ghost color/variant to the component (#58 ) (ed2ad38 )
components: add barrel exports for component directories (#40 ) (8037480 )drawer: enhance button customization options (#34 ) (dc2d8af )Dropdown and Button: add color to Dropdown component and use iconOnly props from Button (#52 ) (3a5e8de )dropdown: add checkbox support and improve accessibility (#13 ) (9c3466c )icons migration svg flat (#68 ) (1d4b707 )
improve hot reloading for React components in Storybook and other improvements (#5 ) (e6df649 )
migrate icon system and update types (#62 ) (ab81824 )
new icons flat hotfix (#69 ) (6253fac )
pagination: Enhance styles per figma and add icons-only variant (#21 ) (fa6adb8 )pass all props for Modal footerButtons array to be able to pass data-testid to them (#56 ) (adf96de )
release to production (5f2fd01 )
select color prop type, Table overflow fix and fix Button ghost outline (#71 ) (b6c7746 )
sidebar: add footer, header, and full height support (#45 ) (38f371f )svelte validated form class override (0444d4b )
svg properties in camelCase (#64 ) (4183cbe )
tabs: add controlled state and improve accessibility (#46 ) (3cacadb )tabs: Add loading states to Tabs component (#47 ) (6580e27 )tabs: add tabs story with icons and improved performance (#26 ) (d74813a )ui: enhance Progress component with custom colors and centered text (#22 ) (b96b923 )
Bug Fixes
card: Improved colors (#11 ) (652f4cc )eslint: add React hooks linting and fix component issues (#32 ) (0882a2d )
Code Refactoring
modernize components with TypeScript and React best practices (#30 ) (fbd9ee5 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from ^0.0.0 to ^0.0.1
Features
add all ButtonProps to Modal footerButtons array prop (#73 ) (8a7f649 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.1-next.51 to 0.0.1-next.52
Features
select color prop type, Table overflow fix and fix Button ghost outline (#71 ) (b6c7746 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.1-next.50 to 0.0.1-next.51
Features
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.1-next.49 to 0.0.1-next.50
Features
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.1-next.48 to 0.0.1-next.49
Features
migrate icon system and update types (#62 ) (ab81824 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.1-next.47 to 0.0.1-next.48
Features
button - add ghost color/variant to the component (#58 ) (ed2ad38 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.1-next.46 to 0.0.1-next.47
Features
pass all props for Modal footerButtons array to be able to pass data-testid to them (#56 ) (adf96de )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.1-next.45 to 0.0.1-next.46
Miscellaneous Chores
ui-components-react: Synchronize repo versions
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.1-next.44 to 0.0.1-next.45
⚠ BREAKING CHANGES
Card component API has been simplified:
Removed specialized card types (profile, eCommerce, list)
Changed button interface (removed href, description)
Removed Flowbite card props inheritance
Changed icon prop to svg in buttons
Features
accordion: add icons support to Accordion component (#33 ) (5be554a )avatar: implement Avatar component (#8 ) (9448ff5 )components: add barrel exports for component directories (#40 ) (8037480 )drawer: enhance button customization options (#34 ) (dc2d8af )Dropdown and Button: add color to Dropdown component and use iconOnly props from Button (#52 ) (3a5e8de )dropdown: add checkbox support and improve accessibility (#13 ) (9c3466c )improve hot reloading for React components in Storybook and other improvements (#5 ) (e6df649 )
pagination: Enhance styles per figma and add icons-only variant (#21 ) (fa6adb8 )sidebar: add footer, header, and full height support (#45 ) (38f371f )svelte validated form class override (0444d4b )
tabs: add controlled state and improve accessibility (#46 ) (3cacadb )tabs: Add loading states to Tabs component (#47 ) (6580e27 )tabs: add tabs story with icons and improved performance (#26 ) (d74813a )ui: enhance Progress component with custom colors and centered text (#22 ) (b96b923 )
Bug Fixes
card: Improved colors (#11 ) (652f4cc )eslint: add React hooks linting and fix component issues (#32 ) (0882a2d )
Code Refactoring
modernize components with TypeScript and React best practices (#30 ) (fbd9ee5 )
Dependencies
The following workspace dependencies were updated
dependencies
@twin.org/ui-tailwind bumped from 0.0.1-next.43 to 0.0.1-next.44
v0.0.1-next.43