Skip to main content

📦 Change log

All notable changes to this project will be documented in this file.

[0.7.8] - 2025-09-29​

🚀 Added​

  • DateSelector: Added new onHijriChange prop to handle Hijri date changes.
  • Dependencies: Added copy-to-clipboard and yup packages.

🧩 Changed​

  • Dependencies: Updated package dependencies and replaced references to the deprecated tawuniya-library package with tawuniya.
  • Components: Refactored imports across components to use the new tawuniya package.
  • Styles: Updated the styles import in index.tsx to use the new package structure.
  • Root: Updated the component to use TypeScript for props definition.
  • DateSelector: Improved date formatting behavior.
  • Tests: Refactored CardButton and PolicyCard tests for improved clarity and consistency.

[0.7.7] - 2025-09-24​

🚀 Added​

  • Icons: Added new logos to the library.
  • Checkbox: Added wrapper classes to provide additional styling control.
  • RadioButton: Added wrapper classes to provide additional styling control.

[0.7.4] - 2025-09-17​

🧰 Fixed​

  • CardButton: Fixed button animation effects for smoother and more consistent interactions.

[0.7.2] - 2025-09-15​

🚀 Added​

  • Landing Page: Added new components designed to support landing page development.

[0.7.0] - 2025-09-08​

🧩 Changed​

  • Library: Migrated the package from the private Nexus registry to the npm registry.
  • Performance: Introduced major performance optimizations to reduce bundle size and improve application performance.
  • Build: Improved tree shaking to ensure only used components and utilities are included in consuming applications.

[0.5.55] - 2025-08-13​

🧩 Changed​

  • Accessiblitiy: Merge Accessiblitiy Provider with the Main Provider.

🧰 Fixed​

  • Preflight: Fix some preflight style issues.

[0.5.4] - 2025-08-11​

🚀 Added​

  • Card-Button: Add Card Button components for Landing UI.
  • Icon-Text: Add Icon Text components for Landing UI.
  • Accessibility: Add Accessibility provider for accesibility controlling and managing.

[0.5.3] - 2025-07-26​

🧰 Fixed​

  • Preflight: Stop preflight so consumer css won't be affected by library css.

[0.5.2] - 2025-07-26​

🧰 Fixed​

  • Date Picker: Fix arabic output and force it to english.
  • Date Selector: Fix arabic output and force it to english.

[0.5.1] - 2025-06-23​

🚀 Added​

  • Loader: Added new icon prop to allow rendering a custom icon.

🧩 Changed​

  • Icons: Updated the tawuniya icon with the latest design.

[0.5.0] - 2025-06-04​

🚀 Added​

  • Icons: Added 21 new icons to the library.

🧩 Changed​

  • HeaderPaper: Updated the icon prop to be optional.

🧰 Fixed​

  • Pagination: Resolved styling issues.
  • DataOverview: Resolved styling issues.

[0.4.9] - 2026-05-18​

🚀 Added​

  • Added new chart components:
    • BarChart
    • LineChart
    • PieChart
    • AreaChart

🧩 Changed​

  • Upgraded Tailwind CSS from v3 to v4.

🧰 Fixed​

  • Fixed border styling issues in the following components:
    • AlertDialog
    • Command
    • Dialog
    • DropdownMenu
    • Sheet
    • Tooltip
    • Alert
  • FileUpload: Fixed error state styling.

[0.4.6] - 2026-02-26​

🚀 Added​

  • Tabs: Added new feature to keep the tabs mounted by default unless unmount is needed.

[0.4.4] - 2026-01-26​

🧩 Changed​

  • Theme: Unified all component colors to align with the standardized design system.

🧰 Fixed​

  • DeclarationOfExposure: Fixed the title styling and alignment.
  • Calendar: Corrected arrow direction and behavior in Arabic (RTL) mode.

[0.4.3] - 2026-01-19​

🚀 Added​

  • DataTable: Added pagination class support to allow custom control over table pagination styling.
  • OTP: Added new viewType prop to control display modes (normal, modal).

🧩 Changed​

  • ExpandableSection: Updated title size for improved visual hierarchy.

🧰 Fixed​

  • DateSelector: Fixed automatic day selection issue.
  • DateSelector: Corrected select width and scrolling behavior.

[0.4.0] - 2025-12-31​

🧩 Changed​

  • DateSelector: Updated initial display behavior to show the first available date when min or max is provided.

🧰 Fixed​

  • Storybook: Fixed missing title (label) for the Select component.
  • Storybook: Corrected component naming where components were displayed as “Template” instead of their actual names.
  • DateSelector: Fixed incorrect error color styling.
  • Select: Removed the sidebar from the Select component to improve layout and UX.

[0.3.8] - 2025-12-24​

🚀 Added​

  • Icons: Added new motor-insurance and motor-car-accident icons.

🧩 Changed​

  • DateSelector: Updated the value prop to accept both Date and string types.
  • RadioButton: Updated the radio button circle background styling.

🧰 Fixed​

  • DateSelector: Fixed component height inconsistencies.
  • DateSelector: Reset input values when switching between Hijri and Gregorian modes.
  • ExpandableSection: Set the toggle button type to button to prevent unintended form submissions.

[0.3.7] - 2025-12-11​

🚀 Added​

  • DataOverview: Introduced as a new component.
  • DeclarationOfExposure: Added as a new component.
  • HeaderPaper: Added as a new component.
  • Accordion: Added as a new component.
  • ExpandableSection: Added as a new component.
  • RadioButton: Added new props selectedClassName and radioCircleClassName.
  • Dev Docs: Added new “Sales Login” form to documentation.

🧩 Changed​

  • DateSelector: Reduced the height of the select elements for a more compact and cleaner UI.
  • RadioButton: Improved the radio circle with shrink-0 to prevent resizing next to large content.
  • RadioButton: Enhanced the label with truncation to avoid text overflow.
  • Dev Docs: Replaced Zod with Yup across all forms.

[0.3.1] - 2025-12-03​

🚀 Added​

  • Select: Added reset functionality to clear the selected value.
  • Skeleton: Now skeleton component is exportable.
  • Skeleton: Added Docs in both dev-docs and storybook.

🧩 Changed​

  • Dev Docs: Refactored icons and improved documentation introduction.
  • Icons: Removed duplicated icons.
  • Icons: Removed the same icons that has different colors.
  • Icons: Introduced new way of changing icon color with className.

🧰 Fixed​

  • DatePicker: Added wrapperClassName prop for custom styling.
  • Sidebar: Fixed custom breakpoint behavior on mobile devices.
  • Table: Fix table alignment in RTL.

[0.2.9] - 2025-11-20​

🚀 Added​

  • Button: Added new loading state to handle pending actions and improve UX.
  • Button: Added new outline_muted variant with a light gray appearance.

🧩 Changed​

  • useFileUpload: Replaced crypto with uuid for generating unique IDs.
  • Button: Updated the outline variant color to use the primary palette.

[0.2.8] - 2025-11-17​

🚀 Added​

  • FileUpload: Auto-submitting is now enabled by default.
  • FileUpload: Added new disableAutoSubmitting prop to allow controlling automatic submission behavior.
  • FileUpload: Enabled automatic focus when the component is interacted with.

🧰 Fixed​

  • FileUpload: Resolved a production issue affecting file upload behavior.

[0.2.7] - 2025-11-13​

🚀 Added​

  • DateSelector: Added new props hideToggle and disabled for improved mode control and accessibility.
  • FileUploader: Introduced new props accept and disabled for file type restriction and component control.
  • DataTable: Added new onRowClick prop — triggers when a table row is clicked.
  • Button: Added new wrapperClassName prop for applying custom classes to the wrapper element.

[0.2.6] - 2025-11-04​

🚀 Added​

  • DatePicker: Added new props min, max, and format for enhanced date control and customization.
  • DateSelector: Added new props min and max to define selectable date ranges.

🧰 Fixed​

  • DataTable: Fixed issue with the onSelectedRowsChange prop not triggering correctly.

[0.2.5] - 2025-11-02​

🚀 Added​

  • DataTable: Added new props onSelectedRowsChange and resetSelection for enhanced row management control.
  • Select: Introduced new props getOptionsLabel and getOptionsValue to customize option rendering and value mapping.

🧰 Fixed​

  • Input: Corrected value color when the input field is disabled.

[0.2.4] - 2025-10-22​

🚀 Added​

  • DatePicker: Replace arrow down icon with calendar icon and add new icon prop
  • Carousel: Add unit test

🧰 Fixed​

  • Carousel: Made slides clickable and resolved RTL direction issues.
  • Fixed incorrect info color styling.

[0.2.2] - 2025-10-15​

🚀 Added​

  • Select: Introduced new prop modal — The modality of the popover. When set to false, users can interact with elements outside the popover, and the popover content does not restrict focus or visibility.

🧰 Fixed​

  • Input, Select, DateSelector, DatePicker, Textarea, FileUpload, and CheckboxButton: Fixed various styling errors and visual inconsistencies.

[0.2.1] - 2025-10-09​

🚀 Added​

  • ImageSlider: Introduced new image slider component for showcasing image carousels.
  • Typography: Added new size variant XXXL (30px).
  • Icons: Added new edit-user icon.
  • Documentation: Added Storybook links for all development documentation components.

🧩 Changed​

  • Switch: Now supports ref forwarding for better form integrations.
  • Switch: Updated value prop type for improved type safety.

🧰 Fixed​

  • DatePicker & Select: Removed unwanted black border from both components.
  • Typography: Adjusted responsive font sizing behavior on window resize.
  • Icons: Fixed incorrect color rendering for Lucide icons.

[0.1.9] - 2025-10-07​

🚀 Added​

  • Sidebar: Introduced className prop for extended styling control.
  • Sidebar: Implemented privileges feature to handle access-based visibility.

🧰 Fixed​

  • Sidebar: Removed position: fixed and resolved related layout and styling issues.
  • DatePicker & DateSelector: Fixed component styling inconsistencies.
  • Input: Corrected the direction of the Show Password icon in Arabic layout.

[0.1.8] - 2025-10-06​

🚀 Added​

  • Input: Added show/hide password functionality.
  • Input: Introduced labelSize prop for flexible label styling.
  • OTP: Added hideIcon prop to toggle icon visibility.
  • Typography: Added htmlFor prop for better label associations.
  • Button : Introduced new size variant XL.

🧰 Fixed​

  • Input : Fixed input label positioning when focused.
  • OTP : Fixed submit button layout (now full width).
  • OTP : Corrected title and description alignment in Absher mode.

[0.1.7] - 2025-10-05​

🚀 Added​

  • Added MainProvider for global state management (sidebar ...etc).
  • Included SVG icon auto-import support using import.meta.glob.
  • Add icons galary.

🧩 Changed​

  • Refined default Tailwind for scoped prefight.

[0.1.5] - 2025-09-25​

🚀 Added​

  • Added docusaurus for full developer documentation.
  • Form handling through react hooks form.

🧩 Changed​

  • Refined default Tailwind theme integration.

[0.1.0] - 2025-09-02​

🎉 Initial Release​

  • Released core ui components.
  • Configured Storybook documentation.
  • Established testing with Vitest.
  • Added full TypeScript support.